/* Original main-navigation/subnavigation hierarchy, over existing PostgreSQL components. */
.adapter-controls18{display:none!important}
#mainnav18{display:flex;flex-wrap:wrap;gap:0;padding:0 20px;background:#303c36;border-bottom:1px solid #59665e}
#mainnav18 button{background:transparent;color:#fff;border:0;border-radius:0;padding:14px 24px;font-weight:700;min-height:48px}
#mainnav18 button.active{background:var(--accent16,#a4cf58);color:#18251c;box-shadow:inset 0 -3px 0 #526842}
#mainnav18 button:focus-visible,#subnav18 button:focus-visible{outline:3px solid #2d75a2;outline-offset:-3px}
#subnav18{display:flex;flex-wrap:wrap;gap:8px;padding:8px 20px;background:#fff;border-bottom:1px solid #cbd4cb}
#subnav18 button{min-height:42px;padding:8px 20px}
#subnav18 button.active{background:#edf3e7;border-color:#a4b591}
body[data-module18] main{width:100%;min-width:0;margin:0;box-sizing:border-box;align-self:stretch;max-width:none;padding:16px 20px;min-height:0}
body[data-module18] main>.panel{margin:0;min-height:100%}
body[data-module18]:not([data-module18="SALG"]) #sales13,
body[data-module18]:not([data-module18="KUNDER"]) #customers13,
body[data-module18]:not([data-screen18="stock"]) #lookup-panel,
body[data-screen18="stock"] #purchase-panel11,
body[data-module18="SALG"] #purchase-panel11,
body[data-module18="KUNDER"] #purchase-panel11,
body[data-module18="KALENDER"] #purchase-panel11,
body[data-module18="SYSTEM"] #purchase-panel11{display:none!important}
body[data-module18] #metrics{font-size:12px;margin:4px 0}
body[data-module18] .panel>h1{font-size:23px;margin:0 0 14px}
body[data-module18] #sale-edit13>.pilot-search:first-child{position:sticky;top:0;background:#f4f6f2;z-index:4;padding:8px;border-bottom:1px solid #ccd5c9}
body[data-module18] #customer-form13{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
body[data-module18] #customer-form13[hidden]{display:none}
body[data-module18] #customer-form13>.pilot-search,body[data-module18] #customer-form13>h3,body[data-module18] #customer-contacts13,body[data-module18] #customer-addresses13{grid-column:1/-1}
@media(max-width:800px){#mainnav18{padding:0 6px}#mainnav18 button{padding:12px;font-size:13px}#subnav18{padding:6px}body[data-module18] main{padding:10px}body[data-module18] #customer-form13{grid-template-columns:1fr}}
body[data-module18]:not([data-screen18="finance"]) #invoices14,
body[data-module18]:not([data-screen18="pricing"]) #pricing13,
body[data-screen18="finance"] #sales13,
body[data-screen18="finance"] #customers13{display:none!important}
#sales13:has(#sale-edit13:not([hidden])) #sales-history-toggle17{display:inline-flex;margin:8px 0}
#sales13:has(#sale-edit13:not([hidden])) #sales-history17:not(.history-open17){display:none}

/* Workspace lists share a bounded horizontal table viewport; main owns vertical scrolling. */
#customer-results13,#invoice-list14{max-width:100%;overflow-x:auto}
.workspace-table18{width:100%;border-collapse:collapse;text-align:left}
.workspace-table18 th,.workspace-table18 td{padding:7px 10px;border-bottom:1px solid var(--line,#d5ddd1);vertical-align:middle}
.workspace-table18 th{background:var(--subtle,#eef2ea);font-weight:600}
.workspace-table18 tbody tr:nth-child(even){background:var(--subtle,#f6f8f3)}
.workspace-table18 .amount18{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.workspace-table18 .table-link18{min-height:32px;padding:4px 6px;background:transparent;color:inherit;border:0;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.workspace-table18 .table-link18:focus-visible{outline:2px solid currentColor;outline-offset:2px}
#customer-form13>.customer-tabs18,#customer-form13>.customer-fields18{width:100%;max-width:none;box-sizing:border-box}
@media(max-width:700px){.workspace-table18 th,.workspace-table18 td{padding:6px}.workspace-table18{font-size:13px}}

#customers13:has(#customer-form13:not([hidden])) #customer-results13,#customers13:has(#customer-form13:not([hidden])) #customer-next13{display:none}