/* GENESIS shell theme, adapted from the user supplied CPN Ticketing v2. */
:root{--navy:#13263e;--blue:#2563eb;--red:#b53d40;--paper:#f5f7fb;--border:#e4eaf2;--text:#24344b;--desk-shadow:0 10px 35px rgba(28,52,82,.07)}
body{background:var(--paper);color:var(--text);font:14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body>aside{width:244px;padding:24px 16px;background:#13263e;color:#d7e2f4;overflow-y:auto}.workspace{margin-left:244px}.brand{border-radius:12px;padding:14px 10px;background:#fff}.brand img{width:190px}.brand span{font-size:10px;color:#24344b}body>aside h1{font-size:24px;letter-spacing:-.8px;margin:24px 12px 18px}#modules{gap:5px}#modules a{border-left:0;border-radius:10px;font-size:13px;padding:12px 14px;color:#c8d6ea}#modules a:hover,#modules a[aria-current]{background:#253e5d;color:white}header{height:74px;border-color:var(--border);padding:0 28px}.avatar{background:#eaf2ff;color:#2563eb}#pages{gap:8px;padding:10px 28px;flex-wrap:wrap}#pages a{border:0;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:650}#pages a[aria-current]{background:#eaf2ff;color:#2563eb}main#content{padding:30px clamp(18px,3vw,48px);max-width:1800px}main#content>h2{font-size:29px;letter-spacing:-.8px;color:#152840;margin-bottom:24px}
/* Only application panels, never the approved printable document canvas. */
#content>.panel,#content>.purchase-panel,#content>.buy-panel,#content .metric-card,#content .operation-stock,#content .buy-workspace .buy-panel,#content .buy-summary{border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--desk-shadow)}
#content>.cards>.card,#ceo-buy-cards>.card,#sales-report>.cards>.card{border-radius:15px;border:1px solid var(--border);box-shadow:0 7px 25px rgba(28,52,82,.045);padding:19px 18px;background:#eff6ff;color:#24344b}#content>.cards>.card:nth-child(2),#ceo-buy-cards>.card:nth-child(2){background:#f0faf5}#content>.cards>.card:nth-child(3){background:#fff9ed}#content>.cards>.card:nth-child(4){background:#fff2f1}
#content .purchase-form input,#content .purchase-form select,#content .purchase-form textarea,#sale-invoice{border:1px solid #dbe3ee;border-radius:9px;padding:10px 11px;color:#283d53;background:white;min-height:42px;font:inherit}#content .purchase-form label{color:#3a4d64;font-size:12px;font-weight:650}#content .purchase-form{gap:15px}#content .purchase-form h4{font-size:13px;color:#355481}#content .features button,#content>.purchase-panel button,#content .buy-workspace button,#sale-editor button,#sale-register button{border:1px solid var(--border);border-radius:9px;padding:10px 14px;background:#fff;color:#30425a;font-weight:700}#content button[type=submit],#content .buy-summary button{background:#2563eb;color:white;border:1px solid #2563eb;border-radius:9px;padding:11px 15px}#content .buy-summary{color:#24344b;inset:auto;width:auto;display:block;align-self:start}#content .buy-summary h3{background:#13263e}.purchase-panel{max-width:none;margin-bottom:22px}.operation-stock{margin:22px 0;padding:22px}.operation-stock table{width:100%;border-collapse:collapse}.operation-stock th{background:#f8fafd;color:#708097;font-size:11px}.operation-stock td,.operation-stock th{padding:13px;border-bottom:1px solid #edf1f7}.metric-card{padding:22px}.metric-heading h3{font-size:15px}.flow-rate{border-color:#e4eaf2}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b9d3ff;outline-offset:2px}.buy-item{background:#f9fbff;border-radius:11px}.buy-summary{top:20px}.ticket-summary{margin:24px 0}.ticket-summary .cards{grid-template-columns:repeat(5,minmax(0,1fr))}.ticket-summary .card{border-radius:15px;background:#eff6ff}.ticket-summary .card:nth-child(2){background:#fff9ed}.ticket-summary .card:nth-child(3){background:#fff2f1}.ticket-summary .card:nth-child(4){background:#f0faf5}.ticket-summary .card:nth-child(5){background:#f1f5f9}
@media(max-width:1000px){body>aside{width:195px}.workspace{margin-left:195px}.ticket-summary .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){body>aside{position:static;width:100%;padding:12px}.brand{width:210px}body>aside h1{margin:8px 0}#modules{display:flex;flex-wrap:wrap}#modules a{padding:8px 10px}.workspace{margin-left:0}main#content{padding:20px 13px}header{padding:12px}#pages{padding:10px}.ticket-summary .cards{grid-template-columns:1fr 1fr}}
@media print{body>aside,header,#pages{display:none!important}.workspace{margin:0}main#content{padding:0}}

/* DEV-116: reference tokens applied consistently to the application UI. */
:root{--bg:#f5f7fb;--surface:#fff;--ink:#24344b;--muted:#708097;--line:#e4eaf2;--blue-light:#eaf2ff;--green:#14805e;--green-light:#e7f8f0;--orange:#ab6913;--orange-light:#fff3df;--red-light:#fff0f0;--shadow:0 10px 35px rgba(28,52,82,.07)}
body>aside{background:var(--navy);padding:28px 16px;color:#d7e2f4}
body>aside h1{font-size:15px;line-height:1.2;letter-spacing:0;margin:22px 12px 24px;color:#fff}
#modules{gap:0}#modules a{display:flex;align-items:center;margin:3px 0;padding:12px 14px;border:0;border-radius:10px;font-size:14px;font-weight:600;color:#c8d6ea;line-height:1.5;background:transparent}
#modules a:hover,#modules a[aria-current]{background:#253e5d;color:#fff}
body>aside .brand{border-radius:12px;box-shadow:none}
.workspace>header{background:var(--bg);border-bottom:1px solid var(--line);color:var(--ink)}
#pages{background:var(--bg);border-color:var(--line)}
#pages a{color:#708097}#pages a[aria-current]{color:var(--blue);background:var(--blue-light)}
@scope (#content) to (.commercial-paper,.ticketing-app){
  :scope{color:var(--ink)}
  button,input,select,textarea{font:inherit}
  button{border:1px solid var(--line);background:white;color:#30425a;padding:10px 14px;border-radius:9px;font-weight:700;box-shadow:0 2px 5px rgba(0,0,0,.015)}
  button:hover{border-color:#b8cee9;background:#f8fbff}
  button[type=submit]{border-color:var(--blue);background:var(--blue);color:white;box-shadow:0 5px 10px rgba(37,99,235,.15)}
  input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid #dbe3ee;border-radius:9px;padding:10px 11px;color:#283d53;background:white;min-height:42px}
  label{color:#3a4d64;font-size:12px;font-weight:750}
  .panel,.purchase-panel,.buy-panel,.dkv-column,.operation-stock,.master-package{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
  h3{color:#1a2b42;font-size:17px;letter-spacing:-.2px}
  .metric-card,.operation-card{border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 25px rgba(28,52,82,.045);background:#eff6ff;position:relative}
  .metric-card:nth-child(2),.operation-card:nth-child(2){background:#f0faf5}
  .metric-card:nth-child(3),.operation-card:nth-child(3){background:#fff9ed}
  .metric-card:nth-child(4),.operation-card:nth-child(4){background:#fff2f1}
  table{border-collapse:collapse}th{background:#f8fafd;color:#7c8ba1;font-size:10px;letter-spacing:.8px;text-transform:uppercase;padding:14px 19px;border-block:1px solid var(--line)}
  td{border-bottom:1px solid #edf1f7;padding:17px 19px;font-size:12px}tbody tr:hover{background:#f9fbff}
  .dkv-column>h3,.master-package>summary{background:#f8fafd;color:#1a2b42;border-color:var(--line)}
}
@media(max-width:650px){body>aside{padding:12px}body>aside h1{margin:12px}#modules a{padding:8px 10px}}

.service-field[hidden]{display:none!important}

#sale-save-error:not(:empty){padding:12px;border:1px solid #dc2626;border-radius:8px;background:#fff1f2;color:#991b1b;font-weight:600;} #sale-editor [aria-invalid="true"]{border:2px solid #dc2626;}

#genesis-save-notice{position:fixed;right:24px;top:24px;z-index:10000;max-width:min(440px,90vw);padding:16px 22px;border-radius:12px;background:#166534;color:white;font-weight:600;box-shadow:0 8px 30px #0003;}
.save-pending{cursor:wait;opacity:.85;}.save-pending::before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:middle;animation:save-spin .7s linear infinite;}@keyframes save-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.save-pending::before{animation:none}}

.sales-faktur-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.sales-faktur-cards .stock-scroll{max-width:100%;overflow-x:auto}@media(max-width:700px){.sales-faktur-cards{grid-template-columns:1fr}}

.sales-faktur-cards .report-switch{text-align:left;cursor:pointer;color:inherit;font:inherit;padding:20px;background:#eff6ff;border:1px solid #dce6f0;border-radius:16px}
.sales-faktur-cards .report-switch strong{display:block;font-size:28px;margin-top:8px}
.sales-faktur-cards .report-switch[aria-pressed="true"]{border-color:#2375bf;box-shadow:inset 0 0 0 1px #2375bf}
.sales-detail-list{width:100%;margin-top:20px}


.sales-faktur-cards .sales-net-card{padding:20px;background:#eefaf5;border:1px solid #dce6f0;border-radius:16px}.sales-net-card strong{display:block;font-size:28px;margin-top:8px}.sales-net-card small{display:block;margin-top:8px}
#ceo-live-cash{display:grid;grid-column:1/-1;grid-template-columns:inherit;gap:inherit}

/* DEV206: persistent distinction between browser trial and laptop work storage. */
.trial-storage-notice{margin:16px 24px;padding:18px 22px;border:2px solid #c88016;border-radius:12px;background:#fff4da;color:#573600;box-shadow:0 2px 8px #57360010}
.trial-storage-notice strong{display:block;font-size:17px}.trial-storage-notice p{margin:8px 0 14px;line-height:1.5}.trial-storage-notice a{display:inline-block;padding:11px 18px;border-radius:8px;background:#173651;color:#fff;font-weight:700;text-decoration:none}.trial-storage-notice a:focus-visible{outline:3px solid #007e87;outline-offset:3px}.trial-storage-notice small{display:block;margin-top:10px;line-height:1.5}@media(max-width:600px){.trial-storage-notice{margin:12px;padding:16px}}