/* Single stylesheet entry point. Existing structural rules load before the shared theme. */

@import url('./app.css?v=7');

@import url('./option2.css?v=34');



/* Shared design tokens for every application module. */

:root{--ink:#172554;--navy:#172554;--muted:#657493;--line:#e4eaf3;--surface:#fff;--canvas:#f5f7fb;--accent:#244a95;--accent-dark:#172554;--action:#ffca16;--shadow:0 4px 24px #17255404;--sidebar-width:248px;--radius-control:12px;--radius-input:10px;--radius-table:16px;--radius-panel:18px;--space-section:20px;--space-panel:24px;--surface-soft:#f2f6fd;--surface-selected:#eaf2ff;--table-header:#edf3fd;--green:#24704f;--red:#a53e3e}

html{font-family:"Segoe UI",Arial,sans-serif;font-size:14px}

body{background:var(--canvas);color:var(--ink);line-height:1.5}

:focus-visible{outline:3px solid #5c8ee0;outline-offset:3px}

.ui-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle}

.workspace-auth .site-header{margin-left:var(--sidebar-width)}

.site-header{background:#fff;border-bottom:1px solid var(--line)}

.header-inner{min-height:80px;padding:14px 30px;gap:18px;align-items:center}

.company-name{display:grid;gap:2px;min-width:0;line-height:1.3}

.company-name strong{color:var(--navy);font-size:20px;white-space:normal;font-weight:750;letter-spacing:-.025em}

.company-name small{display:block;color:var(--muted);font-size:12px}

.header-end{display:flex;align-items:center;gap:18px;margin-left:auto}

.header-notifications{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius-control);padding:10px 13px;font-size:13px;color:var(--navy);min-height:44px}

.header-notifications:hover{background:#eef4ff}

.workspace-user{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--navy)}

.workspace-user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis}

.user-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e4efff;font-size:17px;font-weight:700;flex:none}

.workspace-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:40;overflow-y:auto;overscroll-behavior:contain}

.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 27px;gap:12px}

.sidebar-brand strong{display:block;color:var(--navy);font-size:27px;font-weight:800;letter-spacing:-.055em;line-height:1.15}

.sidebar-brand small{display:block;color:var(--muted);font-size:12px;margin-top:3px}

.workspace-sidebar .main-nav{display:flex;flex-direction:column;align-items:stretch;gap:5px;flex:initial;margin:0;padding:0 12px}

.workspace-sidebar .main-nav>a,.workspace-sidebar .nav-group-toggle{display:flex;align-items:center;gap:13px;min-height:48px;width:100%;padding:12px 15px;border:0;border-radius:var(--radius-control);box-shadow:none;color:var(--navy);font-size:15px;font-weight:500;text-align:left;white-space:normal;background:transparent}

.workspace-sidebar .main-nav a:hover,.workspace-sidebar .nav-group-toggle:hover{background:#f3f6fc;color:var(--navy)}

.workspace-sidebar .main-nav a.active,.workspace-sidebar .nav-group.active .nav-group-toggle{background:#eaf2ff;color:#122452;font-weight:700;border:0;box-shadow:none}

.workspace-sidebar .main-nav .nav-group{display:block;flex:none}

.workspace-sidebar .nav-group-toggle{height:auto}

.workspace-sidebar .main-nav{flex-shrink:0}

.workspace-sidebar .nav-chevron{width:13px;height:13px;margin-left:auto;transition:transform .15s}

.workspace-sidebar [aria-expanded="true"] .nav-chevron{transform:rotate(180deg)}

.workspace-sidebar .nav-group-menu{position:static;min-width:0;margin:3px 0 7px 25px;padding:3px 0 3px 14px;background:transparent;border:0;border-left:1px solid var(--line);box-shadow:none}

.workspace-sidebar .nav-group-menu a{display:block;border:0;border-radius:9px;padding:9px 12px;font-size:13px;white-space:normal}

.sidebar-divider{height:1px;background:var(--line);margin:18px 10px}

.sidebar-logout{margin:auto 12px 15px;padding-top:28px}

.sidebar-logout button{display:flex;align-items:center;gap:13px;width:100%;min-height:44px;border:0;background:transparent;color:var(--navy);padding:12px 15px;border-radius:var(--radius-control);text-align:left;font-size:14px}

.sidebar-logout button:hover{background:#eef4ff}

.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--radius-control);background:#fff;color:var(--navy);flex:none}

.sidebar-toggle,.sidebar-close{display:none}

.sidebar-backdrop[hidden]{display:none}

.page-wrap{max-width:none;padding:28px 30px 60px;min-width:0}

.workspace-auth .page-wrap{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}

.trial-banner,.workbench-page .trial-banner{position:static;margin:0 0 18px;padding:0;border:0;background:none;text-align:left;font-size:11px;color:#71809b;max-width:none}

.page-heading h1,.monitor-heading h1,.workbench-heading h1{color:var(--navy);font-weight:750;letter-spacing:-.035em}

.page-heading p,.monitor-heading p,.workbench-heading p{color:var(--muted)}

.button{border-radius:var(--radius-control);min-height:44px;padding:11px 18px;font-size:14px;font-weight:700;gap:9px}

.button.primary{background:var(--action);border-color:var(--action);color:#10224f}

.button.primary:hover{background:#f2bd00;border-color:#f2bd00}

.button.secondary{background:#edf3ff;color:#214584;border-color:#dce7fa}

.button.secondary:hover{background:#e0eaff;border-color:#cbdcf7}

.button.ghost{background:#fff;color:var(--accent);border-color:#d8e2f2}

.button.ghost:hover{background:#f2f6fd}

.text-button,.user-link,.back-link,.text-link{color:var(--accent)}

.card,.stat-card,.summary-strip,.monitor-section{border:1px solid #e9eef6;border-radius:var(--radius-panel);background:#fff;box-shadow:var(--shadow)}

.small-card,.guidance,.inquiry-next{background:#f2f6fd}

.card h2,.monitor-section-head h2{color:var(--navy)}

.badge{border-radius:999px;padding:5px 10px}

.badge.active,.badge.draft{background:#eaf1ff;color:#214584}

input,select,textarea{border-color:#dce3ef;border-radius:var(--radius-input);color:var(--navy);background:#fff;min-height:42px}

input[type="checkbox"],input[type="radio"]{min-height:auto;accent-color:var(--accent)}

input[data-number-source][hidden]{display:none!important}

.number-input-display{font-variant-numeric:tabular-nums}

input:focus,select:focus,textarea:focus{border-color:#79a1e3;box-shadow:0 0 0 3px #dae7fb}

label{color:#3d4c67}

.account-cell,.payment-form,.note-box,.alert,.connection-banner{border-radius:var(--radius-control)}

.account-cell strong{border-radius:9px;background:#eaf2ff;color:var(--navy)}

.alert.notice{background:#fff8dc;color:#6b5313;border-color:#ffe6a0}

.system-alert{font-size:12px;min-height:46px;margin-bottom:18px;gap:8px}

.system-alert strong{font-weight:600}

.system-alert a{color:var(--navy)}

.connection-banner{background:#eef4ff;color:var(--navy);border-color:#ccdcf6}

.connection-banner:focus{outline-color:var(--accent)}

.table-scroll{border:1px solid var(--line);border-radius:var(--radius-table);overflow:auto;background:#fff}

.data-table thead{background:#edf3fd}

.data-table th{border-top:0;border-bottom:1px solid var(--line);color:#344a73;font-size:12px;font-weight:600}

.data-table td{color:var(--navy);border-color:var(--line)}

.data-table tr:last-child td{border-bottom:0}

.data-table tbody tr:hover{background:#f8faff}

.inquiry-register{border:1px solid var(--line);border-radius:var(--radius-table);overflow:hidden}

.inquiry-register-head{background:#edf3fd;color:#344a73}

.inquiry-register-row:hover{background:#f5f8fe}

.inquiry-register-row:last-child{border-bottom:0}

.inquiry-sheet,.inquiry-next,.inquiry-edit,.quotation-sheet{border-color:var(--line);border-radius:var(--radius-panel)}

.workbench-heading{padding:5px 0 22px;min-height:0;background:transparent;border:0}

.job-workbench{border:1px solid var(--line);border-radius:var(--radius-panel);overflow:hidden;background:#fff;min-height:calc(100vh - 250px);grid-template-columns:minmax(290px,34%) minmax(0,1fr)}

.job-queue{background:#fbfcff;border-color:var(--line);padding-left:20px;padding-right:20px}

.job-detail{background:#fff}

.job-row{border-color:var(--line)}

.job-row:hover,.job-row.selected{background:#edf3ff}

.job-row.selected:before{background:var(--accent)}

.job-row-meta strong,.job-warning,.monitor-row div>span{color:var(--accent)}

.job-tabs button span,.job-queue-section h2 span{border-radius:6px;background:#edf2fa;color:#52678a}

.monitor-heading{margin:0 0 22px;align-items:center}

.monitor-heading .job-kicker{display:none}

.monitor-heading h1{font-size:34px;margin:0 0 6px;line-height:1.2}

.monitor-heading p{font-size:14px}

.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:16px;margin-bottom:20px}

.dashboard-metrics .monitor-metric{position:relative;min-width:0;min-height:144px;border:1px solid #edf1f8;border-radius:var(--radius-panel);box-shadow:var(--shadow);padding:20px 16px 18px 76px;background:#fff}

.dashboard-metrics .monitor-metric:hover{border-color:#b6cbed;background:#fcfdff}

.dashboard-metrics .monitor-metric span{font-size:13px;color:#31486e;font-weight:600}

.dashboard-metrics .monitor-metric strong{color:var(--navy);font-size:34px;line-height:1.2;margin:5px 0}

.dashboard-metrics .monitor-metric small{font-size:12px;line-height:1.45;color:var(--muted)}

.metric-icon{position:absolute;left:18px;top:20px;background:#edf4ff;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;color:var(--navy)}

.metric-icon .ui-icon{width:23px;height:23px}

.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(285px,1fr);gap:18px;align-items:start}

.dashboard-grid-single{grid-template-columns:1fr}

.dashboard-grid-single .dashboard-side{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}

.dashboard-main,.dashboard-side{display:grid;gap:18px;min-width:0}

.monitor-section{padding:22px;min-width:0}

.monitor-section-head{align-items:center;gap:12px;margin-bottom:16px}

.monitor-section-head h2{font-size:19px;font-weight:750;letter-spacing:-.025em;display:flex;align-items:center;gap:10px}

.monitor-section-head a{font-size:12px;font-weight:600;color:var(--accent)}

.dashboard-grid .monitor-section-head .job-kicker{display:none}

.dashboard-empty{min-height:196px;padding:24px 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:7px;font-size:14px;color:var(--navy)}

.dashboard-empty>.ui-icon{width:38px;height:38px;margin-bottom:8px;color:#b7cbea}

.dashboard-empty strong{font-weight:600}

.dashboard-empty span{font-size:12px;color:var(--muted);max-width:340px}

.dashboard-balance{display:flex;flex-direction:column;margin-bottom:12px;padding:0 0 18px;border-bottom:1px solid var(--line)}

.dashboard-balance>span{order:2;font-size:12px;color:var(--muted)}

.dashboard-balance strong{order:1;font-size:30px;color:var(--navy);letter-spacing:-.035em}

.dashboard-balance small{order:3;font-size:11px;color:var(--muted);margin-top:4px}

.dashboard-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:11px 0;border-top:1px solid var(--line);font-size:14px}

.dashboard-row:hover>span{color:var(--accent);text-decoration:underline}

.dashboard-row>strong{font-size:17px;color:var(--navy);font-weight:700;text-align:right}

.dashboard-row>small{grid-column:1/-1;font-size:11px;color:var(--muted)}

.dashboard-finance .dashboard-balance+.dashboard-row{border-top:0}

.dashboard-operations .dashboard-row small{display:block}

.dashboard-table{font-size:12px}

.dashboard-table td,.dashboard-table th{padding:12px 10px}

.dashboard-table small{display:block;color:var(--muted);font-size:11px;margin-top:3px}

.dashboard-table a:hover{text-decoration:underline}

.dashboard-table .dashboard-empty{min-height:134px}

.dashboard-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;margin-top:20px}

.dashboard-detail-grid .monitor-columns{display:contents}

.dashboard-detail-grid .monitor-recent{margin:0}

.monitor-row{border-color:var(--line)}

.monitor-row small,.monitor-empty,.monitor-footnote{color:var(--muted);border-color:var(--line)}

.monitor-section .job-kicker{font-size:10px;color:#7c8ba6;margin-bottom:5px}

.dashboard-finance-details .dashboard-row{align-items:start}

.dashboard-finance-details .dashboard-row strong{font-size:14px}

/* Module headings, actions and spacing. No per-page theme overrides are needed. */

.page-heading{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:18px 24px;margin-bottom:24px}

.page-heading>div:first-child{flex:1 1 350px;min-width:0}

.page-heading h1,.workbench-heading h1{font-size:32px;line-height:1.2;margin:0 0 8px}

.page-heading p{line-height:1.6;max-width:760px}

.eyebrow,.job-kicker{color:var(--muted);font-size:11px;letter-spacing:.045em;font-weight:600;line-height:1.5;margin-bottom:7px}

.heading-actions{justify-content:flex-end;gap:8px;max-width:100%;min-width:0;flex:1 1 360px}

.page-heading:has(.heading-actions>:nth-child(4))>.heading-actions{flex-basis:100%;justify-content:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-table);padding:12px}

.heading-actions .button{min-height:42px;font-size:13px;padding:10px 14px;white-space:normal;text-align:center}

.heading-actions .button.primary{margin-left:auto}

.quotation-sheet>.heading-actions{margin-bottom:18px}

.page-wrap:not(.monitor-page)>:is(.quotation-sheet,.card,.content-grid,.inquiry-detail,.quotation-layout,.inquiry-register,.monitor-section,.monitor-metrics,.stat-grid,.summary-strip){margin-bottom:var(--space-section)}

.page-wrap>.quotation-sheet:last-child,.page-wrap>.card:last-child{margin-bottom:0}

.card,.quotation-sheet,.inquiry-sheet,.inquiry-next,.inquiry-edit{border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow);padding:var(--space-panel);min-width:0}

.card h2,.quotation-sheet h2,.inquiry-sheet h2,.inquiry-next h2{font-size:19px;line-height:1.35;letter-spacing:-.02em;margin:0 0 16px;color:var(--navy)}

.card p,.quotation-sheet>p,.inquiry-next p{color:var(--muted);line-height:1.6}

.section-header{align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:18px}

.section-header h2{margin:0}.section-header>span{font-size:12px;color:var(--muted)}

.content-grid,.order-grid,.stack,.quotation-layout,.quotation-main,.quotation-side,.inquiry-detail{gap:var(--space-section);min-width:0}

.content-grid>*,.order-grid>*,.stack>*,.quotation-layout>*,.inquiry-detail>*{min-width:0}

.order-grid .card{border:1px solid var(--line);border-radius:var(--radius-panel);padding:var(--space-panel)}

.order-grid>.stack:last-child{border-left:0;padding-left:0}

.order-grid .small-card,.small-card,.guidance,.inquiry-next{background:var(--surface-soft)}



/* Shared form controls, filters, validation and secondary actions. */

.button,.icon-button,.alert,.account-cell,.payment-form,.note-box{border-radius:var(--radius-control)}

input,select,textarea{border-radius:var(--radius-input);font-size:14px;line-height:1.5;min-width:0;max-width:100%;min-height:44px;padding:10px 12px}

input::placeholder,textarea::placeholder{color:#8994a8;opacity:1}

input:disabled,select:disabled,textarea:disabled{background:#f1f3f7;color:#657493;cursor:not-allowed}

input[readonly],textarea[readonly]{background:#f7f9fd}

input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:18px;flex:none;padding:0;box-shadow:none}

label{font-size:12px;font-weight:600;letter-spacing:0;gap:7px;min-width:0}

.form-stack,.form-grid{gap:18px}

.form-stack label small,.form-grid label small{font-size:12px;line-height:1.5}

.form-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;grid-column:1/-1}

.form-actions .button{white-space:normal}

.form-grid fieldset,fieldset.span-2{min-width:0;border:1px solid var(--line);border-radius:var(--radius-control);padding:16px 18px;margin:0}

legend{color:var(--navy);font-size:13px;font-weight:600;padding:0 6px}

.check-line{font-size:13px;line-height:1.5;align-items:flex-start;font-weight:500}

fieldset .check-line+.check-line{margin-top:12px}

.inquiry-filters,.order-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-table);margin-bottom:20px}

.inquiry-filters .grow,.order-filters .grow{flex:1 1 280px;min-width:0}

.inquiry-filters label:not(.grow),.order-filters label:not(.grow){flex:1 1 170px;min-width:0;max-width:260px}

.inquiry-filters .button,.order-filters .button{min-width:90px}

.filter-row{gap:12px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}

.filter-row .grow{flex:1 1 240px;min-width:0}.filter-row label:not(.grow){min-width:140px;flex:1 1 140px}

.filter-row .check-line{display:flex;align-items:center;min-height:44px;flex:0 1 auto}

.inline-form{gap:12px}.inline-form input{min-width:0}.inline-form .grow{min-width:0;flex:1 1 220px}

.page-wrap>.inline-form{padding:18px 20px;margin-bottom:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-table)}

.page-wrap>.inline-form>label{flex:1 1 160px;min-width:0;max-width:280px}

.edit-details summary,.quotation-edit summary,.quotation-add summary,.quotation-item-edit summary,.inquiry-edit summary{min-height:40px;padding:9px 0;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer}

.receive-details[open] form{border-radius:var(--radius-panel);box-shadow:0 12px 36px #1725541f;max-width:calc(100vw - 64px)}

.payment-form,.note-box,.inventory-scan-panel,.mfa-key code{background:var(--surface-soft);border-radius:var(--radius-control)}

.wo-draft-unavailable{border-color:#dcae29;background:#fff8dc;color:#6b5313;border-radius:var(--radius-control)}



/* Registers and tables share the same rounded frame and quieter header. */

.table-scroll,.inquiry-register{border-radius:var(--radius-table);border-color:var(--line);max-width:100%;min-width:0;scrollbar-width:thin}

.table-scroll{overscroll-behavior-x:contain}

.data-table th,.data-table td{padding:14px 16px;line-height:1.5}

.data-table th{font-size:12px;font-weight:600}

.data-table td{font-size:13px;overflow-wrap:anywhere}

.data-table td[colspan]{padding-block:28px;color:var(--muted)}

.data-table .amount{font-variant-numeric:tabular-nums}

nav[aria-label="Pagination Navigation"]{margin-top:20px;color:var(--muted)}

nav[aria-label="Pagination Navigation"]>div:first-child{display:none}

nav[aria-label="Pagination Navigation"]>div:last-child{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}

nav[aria-label="Pagination Navigation"]>div:last-child>div>span{display:flex;flex-wrap:wrap;gap:6px}

nav[aria-label="Pagination Navigation"] a,nav[aria-label="Pagination Navigation"] span[aria-current]>span,nav[aria-label="Pagination Navigation"] span[aria-disabled]>span{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:40px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-input);font-size:13px;background:var(--surface);color:var(--accent)}

nav[aria-label="Pagination Navigation"] span[aria-current]>span{background:var(--surface-selected);border-color:#bbceec;font-weight:700}

nav[aria-label="Pagination Navigation"] span[aria-disabled]>span{background:#f1f4f9;color:#7b879d}

nav[aria-label="Pagination Navigation"] a:hover{background:var(--surface-selected)}

nav[aria-label="Pagination Navigation"] svg{width:18px;height:18px}

.inquiry-register-head,.inquiry-register-row{grid-template-columns:minmax(0,1.8fr) minmax(0,1.35fr) minmax(0,.9fr) minmax(0,1fr) minmax(110px,.9fr);gap:16px;padding:16px 20px}

.inquiry-register-row{min-height:80px;color:var(--ink);font-size:14px}

.inquiry-register-row>span{min-width:0;overflow-wrap:anywhere}

.inquiry-register-head>span:nth-child(4),.inquiry-register-row>span:nth-child(4){display:block}

.inquiry-register-row small{font-size:12px;line-height:1.5;color:var(--muted)}

.inquiry-register .job-empty{min-height:130px;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px}

.job-empty,.empty-state{color:var(--muted);font-size:13px;line-height:1.7;padding:26px 0}

.quotation-items-head,.purchase-line-head,.purchase-receipt-head,.bom-line-head,.bom-plan-head,.pr-line-head{background:var(--table-header);color:#344a73;border-radius:var(--radius-input);padding-block:12px}

.quotation-item .mobile-field-label,.purchase-line .mobile-field-label,.bom-line .mobile-field-label,.bom-plan-row .mobile-field-label,.pr-line .mobile-field-label,.purchase-receipt-row .mobile-field-label{display:none}

.quotation-items-head,.quotation-item,.purchase-line-head,.purchase-line,.bom-line-head,.bom-line,.bom-plan-head,.bom-plan-row,.pr-line-head,.pr-line{margin-inline:0;padding-inline:12px;min-width:0;overflow-wrap:anywhere}

.quotation-items-head,.quotation-item{grid-template-columns:minmax(0,2fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,.55fr) minmax(0,1fr)}

.bom-line-head,.bom-line{grid-template-columns:minmax(0,2fr) minmax(0,.85fr) minmax(0,.55fr) minmax(0,.85fr) minmax(0,1fr) minmax(0,1fr)}

.bom-plan-head,.bom-plan-row{grid-template-columns:minmax(0,2fr) repeat(5,minmax(0,.8fr))}

.purchase-line-head,.purchase-line{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,.85fr) minmax(0,1fr) minmax(0,1fr)}

.pr-line-head,.pr-line{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,.8fr)) minmax(0,1.2fr)}

.quotation-item-form{gap:12px}.quotation-item-form label{min-width:0}

.quotation-totals .internal{background:var(--surface-soft);border-radius:8px}

.quotation-totals .total{color:var(--navy)}

.quotation-versions{gap:6px;border:0;padding:6px;background:#eaf0f9;border-radius:var(--radius-control)}

.quotation-versions a{border:0;border-radius:9px;padding:10px 15px}

.quotation-versions a.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}

.account-cell{background:var(--surface-soft);font-size:13px;line-height:1.5;min-width:0}

.account-cell span{overflow-wrap:anywhere}.account-cell:hover{border-color:#abc3e9;background:var(--surface-selected)}

.list-row,.material-row,.invoice-row,.wo-step,.wo-event{border-color:var(--line);padding-block:18px}

.list-row>div,.material-row>div,.section-header>div{min-width:0;overflow-wrap:anywhere}

.list-row strong,.material-row strong{font-weight:600}

.list-row small,.material-row small,.wo-step small,.wo-event small{color:var(--muted);font-size:12px;line-height:1.5}

.wo-step .section-header small{margin-top:6px}

.badge{font-weight:600;font-size:12px;line-height:1.4;max-width:100%;white-space:normal;text-align:center}

.badge.completed,.badge.approved,.badge.accepted,.badge.pass,.badge.paid,.badge.settled,.badge.matched{background:#e7f3ec;color:var(--green)}

.badge.submitted,.badge.pending_approval,.badge.on_hold,.badge.qc,.badge.conditional,.badge.partial{background:#fff4d3;color:#775b12}

.badge.rejected,.badge.expired,.badge.fail{background:#fbe9e9;color:var(--red)}

.badge.ready,.badge.in_progress,.badge.issued,.badge.delivered{background:var(--surface-selected);color:var(--accent)}

.badge.unpaid{background:#edf0f5;color:#657493}

.invoice-payment-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:10px}

.invoice-payment-summary>small{min-width:0;line-height:1.6}

.badge.cancelled,.badge.superseded{background:#edf0f5;color:#657493}



/* Detail and create/edit forms use the same sections and disclosure surfaces. */

.form-card,.purchase-form{width:100%;max-width:1040px;padding:var(--space-panel)}

.form-section-heading{grid-column:1/-1;margin:10px 0 2px;padding-top:22px;border-top:1px solid var(--line)}

.form-section-heading:first-child{margin-top:0;padding-top:0;border-top:0}

.form-section-heading h2{margin:0 0 6px;font-size:17px;line-height:1.4;color:var(--navy)}

.form-section-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}

.form-card>.form-actions,.purchase-form>.form-actions{justify-content:space-between;margin:24px calc(-1 * var(--space-panel)) calc(-1 * var(--space-panel));padding:18px var(--space-panel);border-top:1px solid var(--line);border-radius:0 0 var(--radius-panel) var(--radius-panel);background:#f8faff}

.form-card .form-grid,.purchase-form .form-grid{column-gap:24px;row-gap:20px}

textarea{line-height:1.65;min-height:92px}

input[type=file]{padding:7px;min-height:46px;background:#fbfcff;font-size:13px}

input[type=file]::file-selector-button{border:0;border-radius:7px;background:var(--surface-selected);color:var(--accent);padding:9px 12px;margin-right:12px;font:inherit;font-weight:600;cursor:pointer}

.page-heading>div:first-child h1{overflow-wrap:anywhere}

.page-heading>.badge{flex:none;margin-top:4px;max-width:100%}

.inquiry-facts{gap:0 24px}

.inquiry-facts>div{display:block;padding:14px 0;min-width:0;border-color:var(--line)}

.inquiry-facts dt{color:var(--muted);font-size:12px;line-height:1.5}

.inquiry-facts dd{margin:5px 0 0;color:var(--navy);font-size:14px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;white-space:pre-line}

.inquiry-description,.quotation-description{margin-top:12px;padding-top:18px;border-color:var(--line)}

.inquiry-description p,.quotation-description{line-height:1.7}

.detail-line{line-height:1.75;overflow-wrap:anywhere;padding:14px 0}

.detail-line strong{font-weight:600}

.inquiry-next-actions{gap:10px}.inquiry-next-actions .button{white-space:normal;flex:1 1 160px}

.edit-details,.quotation-edit,.quotation-add,.quotation-item-edit{border:1px solid var(--line);border-radius:var(--radius-control);margin:16px 0 0;padding:0;background:#fbfcff;min-width:0}

.inquiry-edit{padding:0;overflow:visible}

.edit-details>summary,.quotation-edit>summary,.quotation-add>summary,.quotation-item-edit>summary,.inquiry-edit>summary{display:list-item;list-style-position:inside;min-height:48px;margin:0;padding:14px 16px;font-size:13px;font-weight:600;line-height:1.5;color:var(--accent);cursor:pointer;border-radius:var(--radius-control)}

.edit-details>summary::marker,.quotation-edit>summary::marker,.quotation-add>summary::marker,.quotation-item-edit>summary::marker,.inquiry-edit>summary::marker{color:#7186a8}

.edit-details>summary:hover,.quotation-edit>summary:hover,.quotation-add>summary:hover,.quotation-item-edit>summary:hover,.inquiry-edit>summary:hover{background:var(--surface-soft);text-decoration:none}

.edit-details[open],.quotation-edit[open],.quotation-add[open],.quotation-item-edit[open],.inquiry-edit[open]{background:var(--surface);border-color:#bfcee4}

.edit-details[open]>summary,.quotation-edit[open]>summary,.quotation-add[open]>summary,.quotation-item-edit[open]>summary,.inquiry-edit[open]>summary{background:var(--surface-soft);border-bottom:1px solid var(--line);border-radius:var(--radius-control) var(--radius-control) 0 0}

.edit-details>form,.quotation-edit>form,.quotation-add>form,.quotation-item-edit>form,.inquiry-edit>form{margin:0;padding:20px;border-top:0;min-width:0}

.edit-details>p,.quotation-edit>p,.quotation-add>p,.quotation-item-edit>p{margin:16px 20px 0;font-size:13px;line-height:1.6}

.page-wrap>.edit-details{margin:0 0 var(--space-section)}

.edit-details+.inline-form{margin-top:16px}

.card>.inline-form>input:not([type=hidden]){flex:1 1 220px;width:auto}

.quotation-item-edit+.quotation-remove,.purchase-remove{padding-block:10px}

.quotation-remove .text-button,.purchase-remove .text-button{color:var(--red);min-height:40px}

.quotation-item-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}

.quotation-item-form .wide{grid-column:1/-1}

.quotation-item-form>.button{grid-column:1/-1;justify-self:end}

.quotation-edit .form-grid,.inquiry-edit .form-grid{margin-top:0}

.quotation-totals dl>div{padding-block:13px;align-items:baseline;flex-wrap:wrap}

.quotation-totals dd{margin-left:auto;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}

.quotation-totals .total{padding-top:18px;font-size:18px}

.quotation-actions .button{white-space:normal;line-height:1.5}

.quotation-side .form-actions{justify-content:stretch}.quotation-side .form-actions .button{flex:1}

.purchase-receipt-row{grid-template-columns:minmax(0,1.7fr) minmax(0,.75fr) minmax(0,.75fr) minmax(0,1.4fr)}

.purchase-receipt-row>div{min-width:0;overflow-wrap:anywhere}

.wo-step>.section-header>div>strong{font-size:15px;font-weight:600;color:var(--navy)}

.wo-step .edit-details{margin-top:14px}

.timeline-row strong,.job-activity strong{font-size:13px;line-height:1.5}.timeline-row small,.job-activity small{font-size:12px}

.invoice-row .section-header{gap:12px}.invoice-row .section-header>strong{font-size:15px}

.invoice-head{align-items:flex-start;gap:16px}

.invoice-head>.badge{flex:none;align-self:flex-start;background:var(--surface-selected);color:var(--accent)}

.invoice-head>div:first-child{min-width:0}

.invoice-head h2{font-size:26px;letter-spacing:.02em}

.invoice-head p{margin-top:10px}

.invoice-line{align-items:flex-start;gap:24px;padding-block:20px}

.invoice-line>div{flex:1}

.invoice-line>strong{font-variant-numeric:tabular-nums}

.invoice-document+.quotation-sheet{margin-top:var(--space-section)}

.purchase-totals{flex-wrap:wrap;gap:16px}

.purchase-totals>span{min-width:0}



/* Financial summaries and the order workspace inherit the dashboard rhythm. */

.monitor-metrics,.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0;background:transparent;border-radius:0;margin-bottom:24px}

.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

.monitor-metrics .monitor-metric,.stat-grid .stat-card{min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-panel);padding:20px 22px;box-shadow:var(--shadow)}

.monitor-metrics .monitor-metric:hover{background:#fcfdff;border-color:#b6cbed}

.monitor-metrics .monitor-metric strong,.stat-card strong{color:var(--navy);font-size:30px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}

.monitor-metric span,.monitor-metric small{color:var(--muted);line-height:1.5}

.summary-strip{border-radius:var(--radius-panel)}

.summary-strip div{min-width:0;overflow-wrap:anywhere;padding:20px}

.summary-strip span{font-size:12px}.summary-strip strong{font-size:15px;line-height:1.5}

.job-queue{padding:24px 20px;background:#fbfcff}

.job-list{border:0;display:grid;gap:8px}

.job-row{border:1px solid var(--line);border-radius:var(--radius-control);padding:14px 16px}

.job-row.selected{border-color:#a9c2e9}.job-row.selected:before{display:none}

.job-detail-intro{padding:24px}.job-detail-lower{padding:0 24px 24px;border-color:var(--line)}

.job-detail-head h2{color:var(--navy);font-size:28px}.job-detail-head h3{color:var(--navy)}

.job-facts{gap:20px}.job-facts dl>div{grid-template-columns:minmax(90px,.8fr) minmax(0,1fr);font-size:13px}

.job-facts dl+dl{padding-left:20px;border-color:var(--line)}

.job-tabs{gap:6px;padding:8px 0;border-color:var(--line)}

.job-tabs button{border:0;border-radius:var(--radius-input);padding:11px 13px;min-height:44px;font-size:13px}

.job-tabs button.active{background:var(--surface-selected);color:var(--accent)}

.job-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;min-height:320px}

.job-detail-empty p{max-width:420px;line-height:1.7}

.workbench-page>.alert{margin:0 0 20px}

.workspace-guest .page-wrap{max-width:1200px;margin:auto;padding-top:40px}

.workspace-guest .header-inner{max-width:1200px;margin:auto}

.workspace-guest .brand strong{color:var(--navy)}

@media(max-width:1200px){

 :root{--sidebar-width:224px}

 .header-inner{padding-inline:24px}.page-wrap{padding-inline:24px}

 .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}

 .dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(265px,1fr)}

 .dashboard-grid-single{grid-template-columns:1fr}

 .job-workbench{grid-template-columns:minmax(270px,38%) minmax(0,1fr)}

 .content-grid,.order-grid{grid-template-columns:minmax(0,1fr)}

 .quotation-layout,.inquiry-detail{grid-template-columns:minmax(0,1fr)}

 .quotation-side{grid-template-columns:repeat(2,minmax(0,1fr))}

 .quotation-side>.quotation-sheet:last-child{grid-column:1/-1}

 .job-facts{grid-template-columns:1fr;gap:8px}.job-facts dl+dl{padding:12px 0 0;border-left:0;border-top:1px solid var(--line)}

 .job-detail-columns{grid-template-columns:1fr}.job-detail-columns>div+div{margin:0;padding:18px 0 0;border-left:0}

 .page-heading>.heading-actions{flex-basis:100%;justify-content:flex-start}

}

@media(max-width:960px){

 .workspace-auth .site-header{margin-left:0}.workspace-auth .page-wrap{margin-left:0;width:100%}

 .workspace-sidebar{transform:translateX(-100%);visibility:hidden;width:280px;max-width:calc(100vw - 42px);transition:transform .18s ease}

 .sidebar-open .workspace-sidebar{transform:none;visibility:visible}

 .sidebar-open{overflow:hidden}

 .sidebar-backdrop{position:fixed;inset:0;background:#10224f66;z-index:35}

 .sidebar-toggle,.sidebar-close{display:inline-flex}

 .sidebar-close{width:36px;height:36px;border:0}

 .sidebar-brand{padding-inline:20px}

 .company-name{display:grid}.company-name strong{font-size:16px}.company-name small{font-size:11px}

 .header-end{gap:10px}.workspace-user-name{display:none}

 .header-inner{gap:12px;min-height:72px;padding:12px 20px}

 .page-wrap{padding:20px 22px 40px}

}

@media(max-width:700px){

 :root{--space-panel:18px;--space-section:16px}

 .header-inner{padding:12px 16px;gap:10px}.company-name strong{font-size:14px}.company-name small{display:none}

 .header-notifications{width:42px;padding:9px;justify-content:center}.header-notifications span,.workspace-user{display:none}

 .page-wrap,.monitor-page{padding:20px 16px 40px}

 .trial-banner{font-size:10px;margin-bottom:15px}

 .monitor-heading{flex-direction:column;align-items:start;gap:16px}.monitor-heading h1{font-size:27px}.monitor-heading p{font-size:13px}

 .monitor-heading .button{font-size:13px;padding:10px 16px}

 .system-alert{font-size:11px;padding:12px}.system-alert strong{width:100%}

 .dashboard-metrics{gap:12px}.dashboard-metrics .monitor-metric{padding:16px;min-height:172px}

 .metric-icon{position:static;width:34px;height:34px;margin-bottom:10px}.metric-icon .ui-icon{width:19px;height:19px}

 .dashboard-metrics .monitor-metric strong{font-size:30px}.dashboard-metrics .monitor-metric span{font-size:12px}

 .dashboard-grid,.dashboard-detail-grid,.dashboard-grid-single .dashboard-side{grid-template-columns:1fr;gap:16px}

 .dashboard-main,.dashboard-side{gap:16px}.dashboard-side{grid-row:2}

 .monitor-section{padding:18px}.monitor-section-head h2{font-size:18px}.monitor-section-head a{font-size:11px}

 .dashboard-empty{min-height:160px}.dashboard-table{min-width:460px}.dashboard-table:has(.dashboard-empty){min-width:0}

 .dashboard-table th{white-space:normal}.dashboard-table .dashboard-empty{min-height:130px}

 .job-workbench{display:block;min-height:0}.job-queue{padding:18px 16px}.job-row{border-radius:var(--radius-control)}

 .workbench-heading{align-items:start;flex-direction:column;padding-bottom:20px}.workbench-heading p{max-width:none}

 .inquiry-register-row{padding-inline:16px}

 .page-heading{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:20px}.page-heading>div:first-child{flex:none}

 .page-heading h1,.workbench-heading h1{font-size:27px}.page-heading p,.workbench-heading p{font-size:13px}

 .heading-actions{flex:none;justify-content:flex-start;gap:8px}.page-heading>.heading-actions{flex:none;width:100%}

 .heading-actions .button{flex:1 1 140px;padding:10px 12px}.heading-actions .button.primary{margin-left:0}

 .page-heading:has(.heading-actions>:nth-child(4))>.heading-actions{padding:10px}

 .content-grid,.order-grid,.inquiry-detail,.quotation-layout,.quotation-side{grid-template-columns:minmax(0,1fr)}

 .quotation-side>.quotation-sheet:last-child{grid-column:auto}

 .inquiry-filters,.order-filters{padding:16px;gap:12px}

 .inquiry-filters label:not(.grow),.order-filters label:not(.grow){flex-basis:100%;max-width:none}

 .inquiry-filters .button,.order-filters .button{width:100%}

 .page-wrap>.inline-form{padding:16px}.page-wrap>.inline-form>label{max-width:none;flex-basis:100%}.page-wrap>.inline-form>.button{width:100%}

 .filter-row label:not(.grow){min-width:0}.filter-row .button{flex:1 1 100%}

 .form-grid{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:auto}

 .form-actions .button{flex:1 1 160px}

 .inquiry-register-head{display:none}

 .inquiry-register-row{grid-template-columns:minmax(0,1fr) minmax(80px,auto);gap:7px 12px;padding:18px}

 .inquiry-register-row>span:first-child{grid-column:1;grid-row:1}

 .inquiry-register-row>span:nth-child(2){grid-column:1;grid-row:2}

 .inquiry-register-row>span:nth-child(3){grid-column:1;grid-row:3}

 .inquiry-register-row>span:nth-child(4),.quotation-register .inquiry-register-row>span:nth-child(4){display:block;grid-column:1;grid-row:4;font-weight:600}

 .inquiry-register-row>span:nth-child(5){grid-column:2;grid-row:1/3;align-self:start}

 .inquiry-register .job-empty{min-height:150px;padding:24px}

 .monitor-metrics,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

 .monitor-metrics .monitor-metric,.stat-grid .stat-card{padding:18px;min-height:130px}

 .monitor-metrics .monitor-metric strong{font-size:24px}

 .summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-strip div{padding:16px}

 .job-list{display:flex}.job-row{flex-shrink:0}.job-detail-intro{padding:20px 18px}.job-detail-lower{padding:0 18px 20px}

 .job-facts dl+dl{padding:12px 0 0;border-left:0}.job-detail-columns>div+div{padding:18px 0 0;margin:0;border-left:0}

 .quotation-items-head,.purchase-line-head,.purchase-receipt-head,.bom-line-head,.bom-plan-head,.pr-line-head{display:none}

 .quotation-item,.purchase-line,.bom-line,.bom-plan-row,.pr-line{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:0;padding-inline:0}

 .quotation-item>div,.purchase-line>div,.bom-line>div,.bom-plan-row>div,.pr-line>div{grid-column:1/-1}

 .quotation-item,.purchase-line,.bom-line,.pr-line{gap:14px 16px;padding-block:20px}

 .quotation-item .mobile-field-label,.purchase-line .mobile-field-label,.bom-line .mobile-field-label,.bom-plan-row .mobile-field-label,.pr-line .mobile-field-label,.purchase-receipt-row .mobile-field-label{display:block;margin:0 0 5px;color:var(--muted);font-size:11px;font-weight:400;line-height:1.5}

 .quotation-item>strong:last-child,.purchase-line>strong:last-child,.bom-line>strong:last-child{grid-column:1/-1;padding-top:12px;border-top:1px dashed var(--line);font-size:15px}

 .invoice-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding-block:24px}

 .invoice-columns>div{max-width:none}

 .invoice-line{flex-direction:column;gap:12px}

 .invoice-line>strong{align-self:flex-end;font-size:15px}

 .invoice-footnote{margin-top:40px!important}

 .quotation-item-form{grid-template-columns:minmax(0,1fr)}.quotation-item-form .wide{grid-column:auto}

 .mini-form{flex-wrap:wrap}.mini-form .button{white-space:normal}

 .list-row{flex-wrap:wrap}.list-row>.row-end{margin-left:auto}

 .account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-cell{padding:12px;gap:8px}

 input,select,textarea{font-size:16px}

 .form-card .form-grid,.purchase-form .form-grid{gap:18px}

 .form-section-heading{padding-top:18px;margin-top:4px}

 .form-section-heading h2{font-size:16px}

 .form-card>.form-actions,.purchase-form>.form-actions{gap:10px;padding-block:16px}

 .inquiry-facts{grid-template-columns:minmax(0,1fr)}.inquiry-facts>div{padding:12px 0}

 .edit-details>form,.quotation-edit>form,.quotation-add>form,.quotation-item-edit>form,.inquiry-edit>form{padding:16px}

 .edit-details>summary,.quotation-edit>summary,.quotation-add>summary,.quotation-item-edit>summary,.inquiry-edit>summary{padding:13px 14px}

 .quotation-item-form{grid-template-columns:minmax(0,1fr)}.quotation-item-form>.button{width:100%}

 .purchase-receipt-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

 .purchase-receipt-row>div,.purchase-receipt-row>strong{grid-column:1/-1}

 .receive-details[open] form{position:static;width:100%;max-width:100%;margin-top:12px;box-shadow:none}

 .receive-details{max-width:100%}.material-row .receive-details{width:100%}

 nav[aria-label="Pagination Navigation"]>div:first-child{display:flex;justify-content:space-between;gap:12px}

 nav[aria-label="Pagination Navigation"]>div:first-child>span{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;min-height:44px;border:1px solid var(--line);border-radius:var(--radius-input);color:var(--muted);background:#f1f4f9}

 nav[aria-label="Pagination Navigation"]>div:last-child{display:none}

}

@media(prefers-reduced-motion:reduce){.workspace-sidebar,.nav-chevron{transition:none}}

@media(min-width:961px) and (max-height:800px){.sidebar-brand{padding-block:18px}.workspace-sidebar .main-nav{gap:2px}.workspace-sidebar .main-nav>a,.workspace-sidebar .nav-group-toggle{min-height:43px;padding-block:10px}.sidebar-divider{margin-block:12px}.sidebar-logout{padding-top:16px}}

@media print{.workspace-sidebar,.sidebar-backdrop,.site-header{display:none!important}.workspace-auth .page-wrap{margin:0;width:100%;padding:0}.dashboard-grid,.dashboard-detail-grid{display:block}.monitor-section{break-inside:avoid;margin-bottom:16px;box-shadow:none}}



/* Shared finance workspace: registers, filters and customer statements. */

.finance-navigation{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-panel);margin-bottom:24px}

.finance-navigation>span{font-size:12px;font-weight:700;color:var(--muted);padding:8px 12px}

.finance-navigation a{padding:9px 13px;border-radius:10px;font-size:13px;min-height:40px;display:flex;align-items:center}

.finance-navigation a:hover{background:var(--surface-soft)}

.finance-navigation a.active{background:var(--surface-selected);color:var(--navy);font-weight:700}

.finance-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-panel);padding:20px;margin:0 0 24px;align-items:end}

.finance-filters label{display:grid;gap:7px;font-size:12px;font-weight:600;min-width:0}

.finance-filters input,.finance-filters select{width:100%;min-width:0;min-height:44px}

.finance-filters-compact{grid-template-columns:repeat(3,minmax(0,1fr)) auto}

.finance-filter-actions,.finance-detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.finance-detail-actions{margin:0 0 20px}

.finance-filter-actions .button{min-height:44px}

.finance-register{min-width:0}

.finance-register h2{margin-bottom:6px}

.finance-register .table-scroll{margin:18px 0}

.finance-table{min-width:1000px}

.finance-table th,.finance-table td{vertical-align:top}

.finance-table td>span,.finance-table td>small,.finance-receipts-table td>span,.finance-receipts-table td>small,.finance-statement-table td>small{display:block;margin-top:5px}

.finance-table td:first-child{min-width:210px;max-width:300px}

.finance-table td.numeric,.finance-table th.numeric,.finance-statement-table .numeric,.finance-receipts-table .numeric{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}

.finance-table small,.finance-receipts-table small,.finance-statement-table small{font-size:12px;color:var(--muted);font-weight:400}

.finance-document-link{display:block;font-weight:700;color:var(--accent)}

.finance-row-actions{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px;min-width:100px}

.finance-row-actions a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;padding:5px 0}

.finance-status{display:inline-flex;border-radius:20px;background:#edf1f7;color:#52617c;padding:5px 9px;font-size:11px;font-weight:700;white-space:nowrap}

.finance-status.is-settled{background:#e8f5ed;color:#24704f}

.finance-status.is-partial{background:#fff3d6;color:#835e12}

.finance-table .finance-overdue{color:var(--red)}

.finance-receipts-table{min-width:520px}

.finance-statement-table{min-width:760px}

.finance-statement-table tfoot{background:var(--surface-soft)}

@media(max-width:1200px){.finance-filters,.finance-filters-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:600px){.finance-navigation{gap:4px;padding:8px}.finance-navigation>span{width:100%;padding:4px 8px}.finance-navigation a{font-size:12px;padding:8px 10px}.finance-filters,.finance-filters-compact{grid-template-columns:1fr;padding:16px;gap:12px}.finance-detail-actions .muted{width:100%}}



/* Cash/bank overview uses the shared finance controls and table styles. */

.cash-position-summary{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:18px;margin-bottom:24px}

.cash-position-summary>div{display:grid;align-content:start;gap:8px;padding:22px;background:white;border:1px solid var(--line);border-radius:var(--radius-panel)}

.cash-position-summary span,.cash-position-summary small{color:var(--muted);font-size:12px}.cash-position-summary strong{font-size:25px;letter-spacing:-.03em}.cash-position-summary a{color:var(--accent);font-size:12px;font-weight:600}

.cash-account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}

.cash-account-card{display:grid;gap:7px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.cash-account-card.selected{border-color:#9fb8e7;background:var(--surface-soft)}.cash-account-card:hover{border-color:var(--accent)}.cash-account-card b{font-size:20px;margin-top:7px;font-variant-numeric:tabular-nums}.cash-account-card small,.cash-account-kind{color:var(--muted);font-size:12px}.cash-account-kind{display:flex;align-items:center;gap:8px}

.cash-ledger-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0}.cash-ledger-actions p{max-width:550px}

.cash-ledger-table{min-width:950px}.cash-ledger-table .numeric{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.cash-ledger-table td{vertical-align:top}.cash-ledger-table td>small,.cash-ledger-table td>span{display:block;margin-top:5px}.cash-ledger-table small{color:var(--muted);font-size:12px}.cash-ledger-table td:nth-child(2){max-width:300px}.cash-ledger-table tfoot,.cash-opening-row{background:var(--surface-soft)}

.cash-management-title{font-size:17px;font-weight:700;cursor:pointer;padding:6px 0}.cash-management-title+form{margin-top:20px}

@media(max-width:800px){.cash-position-summary{grid-template-columns:1fr 1fr}.cash-position-summary>div:first-child{grid-column:1/-1}.cash-position-summary strong{font-size:22px}}

@media(max-width:500px){.cash-account-grid{grid-template-columns:1fr}.cash-position-summary{gap:12px}.cash-position-summary>div{padding:16px}.cash-position-summary>div:last-child strong{font-size:22px}}



/* Accounting reports share the finance shell and preserve tabular account detail. */

.accounting-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}

.accounting-summary>div{display:grid;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-panel);padding:22px;min-width:0}

.accounting-summary span{font-size:12px;font-weight:700;color:var(--muted)}.accounting-summary strong{font-size:clamp(20px,2vw,28px);font-variant-numeric:tabular-nums;letter-spacing:-.025em}.accounting-summary small{font-size:12px;color:var(--muted)}.accounting-summary .is-negative{color:var(--red)}

.accounting-report .quotation-sheet>.heading-actions{margin-bottom:22px}.accounting-report-table{min-width:620px}.accounting-report-table thead th{background:#263b55;color:white;padding-top:15px;padding-bottom:15px}.accounting-report-table .amount{font-variant-numeric:tabular-nums;white-space:nowrap}.accounting-report-table .report-group th{background:#edf2f6;color:#263b55;text-transform:uppercase;font-size:11px;letter-spacing:.06em;padding-top:13px;padding-bottom:13px}.accounting-report-table .report-subtotal th{background:#e8eff4;border-block:1px solid #c5d2de}.accounting-report-table tfoot th{background:#e3eee8;border-top:2px solid #789383;padding-top:17px;padding-bottom:17px}.accounting-report-table td:first-child{min-width:200px}.accounting-report .form-grid{align-items:end}

@media(max-width:800px){.accounting-summary{grid-template-columns:1fr}.accounting-summary>div{padding:18px}.accounting-summary strong{font-size:24px}.accounting-report .heading-actions{gap:8px}.accounting-report .heading-actions .button{font-size:12px}}



.accounting-report-table td>small{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.5}.accounting-report-table td{vertical-align:top}.accounting-journal-table td:first-child,.accounting-journal-table th:first-child,.accounting-ledger-table td:first-child,.accounting-ledger-table th:first-child{min-width:110px;width:110px}.accounting-journal-table td>strong{display:block}



/* Dedicated accounting workspace and statement notes. */

.accounting-nav-label{padding:20px 15px 4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:750}

.workspace-sidebar .accounting-nav>a{font-size:14px;min-height:42px;padding:10px 15px}

.accounting-period-bar{display:flex;justify-content:space-between;align-items:center;gap:24px}

.accounting-period-bar .heading-actions{align-items:end;justify-content:flex-start;flex:0 1 auto;margin:0}

.accounting-period-bar h2{margin:3px 0}

.accounting-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}

.accounting-home-card{display:grid;gap:10px;margin:0;color:var(--ink)}

.accounting-home-card strong{font-size:36px;line-height:1.1}

.accounting-home-card:hover,.accounting-report-card:hover{border-color:#7da2d5;background:#f6f9ff}

.accounting-report-card{padding:20px;border:1px solid var(--line);border-radius:14px;color:var(--ink)}

.accounting-report-card h3{margin:0 0 8px;font-size:19px}

.statement-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:12px;background:var(--surface-soft);width:fit-content;margin:22px 0 12px}

.statement-tabs a{display:block;padding:10px 18px;border-radius:8px;font-weight:650;color:var(--muted)}

.statement-tabs a[aria-current=page]{background:#fff;color:var(--ink);box-shadow:0 2px 6px #17255412}

.report-basis{color:var(--muted);font-size:13px;line-height:1.6}

.statement-notes>h2{margin:26px 0 8px}.note-section-title{border-bottom:1px solid var(--line);padding-bottom:10px;margin-top:28px;text-transform:uppercase;letter-spacing:.04em;font-size:14px}

.statement-note{margin:16px 0 24px;scroll-margin-top:24px}.statement-note:target{outline:2px solid #7da2d5;outline-offset:8px;border-radius:6px}

.statement-note>h3{display:flex;align-items:center;gap:10px;font-size:17px}.note-number{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:8px;background:var(--surface-selected);font-size:13px}

@media(max-width:760px){.accounting-home-grid{grid-template-columns:1fr}.accounting-period-bar{align-items:start;flex-direction:column}.statement-tabs{width:100%}.statement-tabs a{padding:10px 12px}.accounting-home-card strong{font-size:28px}}


.statement-note .accounting-report-table th:first-child,.statement-note .accounting-report-table td:first-child{width:16%;min-width:100px}
.statement-note .accounting-report-table th:nth-child(2),.statement-note .accounting-report-table td:nth-child(2){width:46%}

/* Accounting entry and grouped journal register. */
.journal-input-table { min-width: 930px; table-layout: fixed; }
.journal-input-table th:first-child { width: 32%; }
.journal-input-table th:nth-child(2) { width: 22%; }
.journal-input-table th:nth-child(3), .journal-input-table th:nth-child(4) { width: 18%; }
.journal-input-table th:last-child { width: 10%; }
.journal-input-table td { vertical-align: top; }
.journal-input-table input, .journal-input-table select { width: 100%; min-width: 0; }
.journal-input-table [data-account-search] { margin-bottom: 6px; }
.journal-input-table input[type=number], .journal-input-table .number-input-display { text-align: right; font-variant-numeric: tabular-nums; }
.journal-balance-bar { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 18px 0; border-top: 1px solid #d9e0e9; }
.journal-balance-bar strong, .journal-balance-bar span, .journal-register small { display: block; }
.journal-register { min-width: 900px; }
.journal-register-heading { background: #edf3fc; border-top: 2px solid #d8e2f2; }
.journal-register small { color: #667085; margin-top: 4px; }
@media(max-width: 700px) { .journal-balance-bar { align-items: flex-start; flex-direction: column; } }

/* Coffee Manager accounting formats: compact cards, signed balances and account suggestions. */
.coffee-format .quotation-sheet{padding:0;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #0f172a06;margin-bottom:24px}
.coffee-format .quotation-sheet>.section-header{padding:16px 22px;margin:0;background:#f9fafb;border-bottom:1px solid #e5e7eb}
.coffee-format .section-header h2{font-size:15px;letter-spacing:.03em;margin:0}.coffee-format .section-header p{font-size:12px;margin:5px 0 0}
.coffee-format .quotation-sheet>.heading-actions,.coffee-format .quotation-sheet>.report-basis,.coffee-format .quotation-sheet>p,.coffee-format .quotation-sheet>.alert{margin:16px 22px}
.coffee-format .data-table{font-size:12px;border-collapse:collapse;width:100%;border-radius:0}
.coffee-format .data-table th,.coffee-format .data-table td{padding:12px 16px;border-bottom:1px solid #eef0f3;vertical-align:top}
.coffee-format .data-table thead th{background:#f9fafb;color:#6b7280;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;white-space:nowrap}
.coffee-format .data-table tbody tr{background:#fff}.coffee-format .data-table tbody tr:hover{background:#f8faff}
.coffee-format .data-table tfoot th,.coffee-format .data-table tfoot td{background:#f9fafb;color:#374151;font-size:12px;font-weight:700}
.coffee-format .data-table .amount{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.coffee-format .data-table .negative,.coffee-format .data-table .credit-value{color:#e11d48}
.coffee-format .data-table .debit-value,.coffee-format .data-table .ledger-balance{color:#059669}
.coffee-format .data-table .ledger-balance.negative{color:#e11d48}
.coffee-format .data-table .closing-value{color:#4f46e5;font-weight:750}.coffee-format .data-table .closing-value.negative{color:#e11d48}
.coffee-format .account-code{display:inline-block;background:#f3f4f6;color:#374151;border-radius:6px;padding:4px 8px;font:600 12px ui-monospace,monospace;white-space:nowrap}
.coffee-format .text-link{color:#4f46e5}.coffee-format .coffee-trial-table{min-width:800px}.coffee-format .coffee-trial-table th:first-child,.coffee-format .coffee-trial-table td:first-child{width:110px;min-width:110px}
.coffee-format .coffee-trial-table th:nth-child(2),.coffee-format .coffee-trial-table td:nth-child(2){width:32%}
.coffee-format .balance-check td,.coffee-format .balance-check th{background:#eef2ff!important;font-size:11px!important}
.coffee-format .coffee-report-hero{background:linear-gradient(110deg,#1d4ed8,#4f46e5,#9333ea);color:#fff;border-radius:16px;padding:28px;margin:20px 0 24px;box-shadow:0 10px 25px #4f46e51a}
.coffee-format .coffee-report-hero h1{color:#fff;font-size:30px}.coffee-format .coffee-report-hero p,.coffee-format .coffee-report-hero .eyebrow{color:#e0e7ff}
.coffee-format .coffee-report-hero.ledger-hero{background:linear-gradient(110deg,#059669,#0d9488,#0891b2)}
.coffee-format .coffee-filter-row{display:flex;align-items:end;flex-wrap:wrap;gap:14px;padding:20px 22px;margin:0}
.coffee-format .coffee-filter-row>label{flex:1 1 150px;min-width:0;font-size:12px}.coffee-format .coffee-filter-row>.ledger-account-filter{flex:2 1 250px}
.coffee-format .coffee-filter-row .form-actions{display:flex;gap:8px;margin:0;flex:0 0 auto}.coffee-format input,.coffee-format select,.coffee-format textarea{border-radius:8px;border-color:#d1d5db;font-size:13px;padding:10px 12px;min-height:40px}
.coffee-format .coffee-filter-row .checkbox-label{display:flex;align-items:center;gap:8px;flex:1 1 220px;font-weight:400;padding-bottom:10px}.coffee-format .checkbox-label input{min-height:0;width:16px}
.coffee-format .custom-report-period{padding:0 22px 16px;font-size:12px;color:#6b7280}.coffee-format .custom-report-period .coffee-filter-row{padding:16px 0 0}
.coffee-format .button{min-height:36px;padding:9px 15px;border-radius:8px;font-size:12px;white-space:nowrap}.coffee-format .button.primary{background:#4f46e5;color:#fff;border-color:#4f46e5}.coffee-format .button:disabled{opacity:.45;cursor:not-allowed}
.coffee-format .ledger-account-total{text-align:right;display:grid;gap:5px}.coffee-format .ledger-account-total strong{font-size:20px;color:#059669}.coffee-format .ledger-account-total small{font-size:10px;color:#6b7280;text-transform:uppercase}
.coffee-format .accounting-ledger-table{min-width:850px}.coffee-format .ledger-opening td{background:#f8fafc!important}
.coffee-format .journal-register{min-width:960px}.coffee-format .journal-register td[rowspan]{vertical-align:top;background:#fafbfc;border-bottom:1px solid #d1d5db}.coffee-format .journal-register .journal-register-heading{background:#f9fafb;border-top:1px solid #d1d5db}
.coffee-format .journal-register th:first-child,.coffee-format .journal-register td:first-child{min-width:0;width:auto}.coffee-format .journal-register td[rowspan]:first-child{white-space:nowrap}
.coffee-format .journal-register .credit-account{padding-left:32px}.coffee-format .journal-register-scroll{max-height:70vh;overflow:auto}.coffee-format .journal-register thead{position:sticky;top:0;z-index:2}
.coffee-format .account-source-badge{display:inline-block;padding:4px 7px;border-radius:6px;background:#eef2ff;color:#4f46e5;font-size:10px;font-weight:700}.coffee-format .status-posted{background:#dcfce7;color:#15803d}.coffee-format .status-pending_approval{background:#fef3c7;color:#92400e}.coffee-format .status-rejected{background:#fee2e2;color:#b91c1c}.coffee-format .journal-detail-link{display:block;margin-top:10px}
.journal-entry-page #manual-journal-form{max-width:1080px;margin:0 auto}.journal-entry-page .journal-header-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:20px;padding:22px}.journal-entry-page .journal-header-grid label,.journal-entry-page .journal-control-grid label{font-size:11px;text-transform:uppercase;letter-spacing:.03em}
.journal-entry-page .journal-control-grid{display:grid;grid-template-columns:1fr 2.5fr;gap:20px;padding:0 22px 22px}.journal-entry-page .journal-control-grid textarea{height:40px;min-height:40px}
.journal-entry-page .journal-input-table{min-width:660px;table-layout:fixed}.journal-entry-page .journal-input-table th:first-child{width:52%}.journal-entry-page .journal-input-table th:nth-child(2),.journal-entry-page .journal-input-table th:nth-child(3){width:20%}.journal-entry-page .journal-input-table th:last-child{width:8%}
.journal-entry-page .journal-input-table td{padding:10px 8px}.journal-entry-page .journal-input-table input{font-size:12px;padding:9px;min-height:36px}.journal-entry-page .journal-input-table .number-input-display{text-align:right;font-family:ui-monospace,monospace}
.journal-entry-page .journal-line-note{font-size:10px;color:#6b7280;margin-top:6px}.journal-entry-page .journal-line-note summary{cursor:pointer}.journal-entry-page .journal-line-note input{margin-top:6px}
.journal-entry-page .remove-journal-line{border:0;background:transparent;color:#ef4444;font-size:24px;cursor:pointer;padding:3px 8px}.journal-entry-page .remove-journal-line:disabled{opacity:.25;cursor:not-allowed}
.journal-entry-page .journal-balance-bar{padding:16px 22px;background:#f9fafb;margin:0;gap:12px}.journal-entry-page .journal-balance-bar .heading-actions{display:flex;flex:0 0 auto;gap:8px;margin:0}.journal-entry-page .journal-balance-bar>div:first-child{font-size:11px}.journal-entry-page #journal-balance-state{display:inline-block;padding:5px 9px;border-radius:20px;background:#fef2f2;color:#b91c1c}.journal-entry-page #journal-balance-state[data-balanced=true]{background:#dcfce7;color:#15803d}.journal-entry-page .journal-balance-bar span{margin-top:5px;color:#6b7280}
.account-suggestions{position:fixed;z-index:1000;overflow:auto;background:white;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px #0f172a26;color:#374151;overscroll-behavior:contain}.account-suggestions[hidden]{display:none}.account-suggestion,.account-suggestion-empty{padding:10px 12px;font-size:12px;line-height:1.5;cursor:pointer}.account-suggestion-empty{color:#6b7280;cursor:default}.account-suggestion:hover,.account-suggestion[aria-selected=true]{background:#eef2ff;color:#4338ca}
@media(max-width:760px){.journal-entry-page .journal-header-grid,.journal-entry-page .journal-control-grid{grid-template-columns:1fr;gap:14px}.coffee-format .coffee-report-hero{padding:22px}.coffee-format .coffee-report-hero h1{font-size:25px}.journal-entry-page .journal-balance-bar{align-items:stretch}.journal-entry-page .journal-balance-bar .heading-actions{flex-wrap:wrap}.coffee-format .section-header{flex-wrap:wrap}.coffee-format .ledger-account-total{text-align:left}.coffee-format .coffee-filter-row>label{flex-basis:100%}}

.coffee-format .ledger-account-total strong.negative{color:#e11d48}

.coffee-format .journal-register td[rowspan]:nth-child(2){white-space:nowrap;min-width:145px}