.commercial-shell{display:grid;grid-template-columns:180px 1fr;gap:16px;min-height:680px}
.commercial-side{background:#17191c;border:1px solid #292c31;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:7px}
.commercial-side button{border:0;background:transparent;color:#d8dbe0;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer;font-weight:700}
.commercial-side button.active{background:#f3ff34;color:#16181b}
.commercial-main{min-width:0}.commercial-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.commercial-top h2{margin:0;font-size:27px}.muted{color:#757b84;font-size:12px}.status-chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef0f2;font-size:10px;font-weight:800}.status-good{background:#e7f7ee;color:#258859}.status-warn{background:#fbf1d6;color:#946600}.status-danger{background:#fbe6e3;color:#a53e35}
.form-section{background:#fff;border:1px solid #e7e9ec;border-radius:16px;padding:16px;margin-top:14px}.form-section h3{margin:0 0 12px;font-size:15px}.commercial-actions{display:flex;gap:8px;flex-wrap:wrap}.line-table input,.line-table select{min-width:90px}
.line-table td{vertical-align:top}.line-desc{min-width:260px}.money{text-align:right}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.totals-card{background:#fafafa;border:1px solid #eceef0;border-radius:14px;padding:14px}.totals-row{display:flex;justify-content:space-between;padding:6px 0;font-size:12px}.totals-row.total{font-size:16px;font-weight:900;border-top:1px solid #ddd;margin-top:6px;padding-top:12px}.invoice-preview{background:#f4f5f6;border-radius:15px;padding:20px;min-height:740px}.invoice-paper{background:#fff;max-width:760px;margin:auto;padding:44px 46px;box-shadow:0 12px 35px rgba(0,0,0,.08);font-family:Arial,sans-serif;color:#222}.invoice-paper .brandline{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.invoice-paper .brandline img{width:110px;height:110px;object-fit:contain}.invoice-paper h1{font-size:31px;margin:0 0 4px;letter-spacing:1px}.invoice-paper .tax{font-weight:800}.invoice-paper .meta{text-align:right;font-size:11px;line-height:1.7}.invoice-paper table{width:100%;border-collapse:collapse;margin-top:18px}.invoice-paper th,.invoice-paper td{padding:7px 5px;border-bottom:1px solid #e4e4e4;font-size:10px}.invoice-paper th{font-size:9px;text-transform:uppercase}.invoice-paper .summary{width:330px;margin-left:auto;margin-top:18px}.invoice-paper .summary div{display:flex;justify-content:space-between;padding:4px 0;font-size:11px}.invoice-paper .summary .grand{font-size:15px;font-weight:800;border-top:2px solid #222;padding-top:9px}.invoice-paper .footer{margin-top:28px;border-top:1px solid #ddd;padding-top:12px;font-size:10px;line-height:1.55}.email-box textarea{min-height:190px}.pill-link{cursor:pointer;text-decoration:underline}.email-status{font-size:11px;margin-top:8px;min-height:16px}
@media(max-width:1000px){.commercial-shell{grid-template-columns:1fr}.commercial-side{flex-direction:row;flex-wrap:wrap}.two-col{grid-template-columns:1fr}}
.crm-large-modal{width:min(1180px,96vw)!important;max-height:94vh!important}.crm-large-modal .modal-body{padding:24px 28px}.crm-form-tabs{display:flex;gap:28px;border-bottom:1px solid #e5e7ea;padding-bottom:12px;margin-bottom:18px}.crm-form-tabs b{color:#111}.crm-form-tabs span{color:#8a8f96}.crm-section-title{font-size:15px;font-weight:800;margin:22px 0 8px}.crm-filters{margin-bottom:8px}.summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:16px}.summary-card{background:#fafafa;border:1px solid #e7e9ec;border-radius:13px;padding:15px}.summary-card span{display:block;color:#757b84;font-size:11px}.summary-card b{display:block;font-size:22px;margin-top:7px}.a4-preview-wrap{background:#eef0f2;padding:20px;border-radius:14px}.a4-paper{width:210mm;min-height:297mm;box-sizing:border-box;background:#fff;margin:auto;padding:16mm 15mm;color:#202124;font-family:Arial,sans-serif;font-size:10.5pt}.a4-header{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #202124;padding-bottom:12px}.a4-header img{width:95px;height:95px;object-fit:contain}.a4-title{font-size:25px;font-weight:800;margin-bottom:6px}.a4-meta{display:flex;justify-content:space-between;gap:20px;margin:20px 0;line-height:1.55}.a4-meta>div:last-child{text-align:right}.a4-paper table{width:100%;border-collapse:collapse;margin-top:16px}.a4-paper th,.a4-paper td{border-bottom:1px solid #dfe1e4;padding:7px 5px;font-size:9.5pt;white-space:normal}.a4-paper th{text-transform:uppercase;font-size:8.5pt}.a4-totals{width:310px;margin:18px 0 0 auto}.a4-totals div{display:flex;justify-content:space-between;padding:5px 0}.a4-totals .grand{border-top:2px solid #111;font-size:13pt;font-weight:800;padding-top:9px}.a4-note{border-top:1px solid #ddd;margin-top:18px;padding-top:9px;line-height:1.5}.a4-intro{margin:10px 0}.full-doc-lines input{min-width:80px}.full-doc-lines td{vertical-align:top}.stock-folders{display:flex;gap:8px;flex-wrap:wrap}settings-cards{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}@media(max-width:900px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.a4-paper{width:100%;min-height:auto}.a4-meta{flex-direction:column}.a4-meta>div:last-child{text-align:left}}
.crm-large-modal{width:min(1450px,98vw)!important;max-height:96vh!important}.crm-large-modal .modal-body{padding:24px 30px}.crm-maker-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:12px}.maker-bottom{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}.doc-filter{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin:14px 0}.full-doc-lines textarea{min-width:260px;resize:vertical}.full-doc-lines input{min-width:82px}.full-doc-lines th,.full-doc-lines td{vertical-align:top}.a4-preview-wrap{overflow:auto}.a4-paper{min-width:210mm}.a4-paper td:nth-child(2){min-width:70mm}.a4-paper td{vertical-align:top;line-height:1.4}@media(max-width:1000px){.crm-maker-grid,.maker-bottom,.doc-filter{grid-template-columns:1fr}.a4-paper{min-width:0}}
.folder-chip{display:inline-flex;gap:4px;align-items:center;margin:3px}.folder-chip .btn{padding:7px 9px}
.crm-large-modal{width:min(1500px,98vw)!important;max-height:96vh!important}.crm-large-modal .modal-body{padding:24px 30px}.crm-maker-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:12px}.maker-bottom{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.crm-filters{margin-bottom:8px}.full-doc-lines{table-layout:fixed}.full-doc-lines th,.full-doc-lines td{vertical-align:top}.full-doc-lines th:first-child,.full-doc-lines td:first-child{width:42%}.full-doc-lines input{min-width:80px}.full-doc-lines textarea{width:100%;min-height:120px;resize:vertical;margin-top:7px}.full-doc-lines .line-total{font-weight:700}.doc-item-name{font-weight:800}.doc-description{font-size:9.5pt;line-height:1.45;margin-top:4px;white-space:normal}.a4-preview-wrap{overflow:auto;background:#eef0f2;padding:18px;border-radius:14px}.a4-paper{width:210mm;min-height:297mm;background:#fff;margin:auto;padding:14mm 14mm;color:#202124;font-family:Arial,sans-serif}.a4-paper table{width:100%;border-collapse:collapse}.a4-paper th,.a4-paper td{white-space:normal;vertical-align:top;line-height:1.4}.a4-paper th:first-child,.a4-paper td:first-child{width:40%}.a4-totals{width:330px;margin-left:auto}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.summary-card{background:#fff;border:1px solid #e7e9ec;border-radius:13px;padding:15px}.summary-card span{display:block;color:#757b84;font-size:11px}.summary-card b{display:block;font-size:20px;margin-top:6px}.settings-cards{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}@media(max-width:1000px){.maker-bottom,.summary-grid{grid-template-columns:1fr}.a4-paper{width:100%;min-width:0}}
.crm-large-modal{width:min(1500px,98vw)!important;max-height:96vh!important}.crm-large-modal .modal-body{padding:24px 30px}.maker-bottom{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.crm-filters{margin-bottom:8px}.full-doc-lines{table-layout:fixed}.full-doc-lines th,.full-doc-lines td{vertical-align:top}.full-doc-lines th:first-child,.full-doc-lines td:first-child{width:42%}.full-doc-lines input{min-width:80px}.full-doc-lines textarea{width:100%;min-height:120px;resize:vertical;margin-top:7px}.full-doc-lines .line-total{font-weight:700}.doc-item-name{font-weight:800}.doc-description{font-size:9.5pt;line-height:1.45;margin-top:4px;white-space:normal}.a4-preview-wrap{overflow:auto;background:#eef0f2;padding:18px;border-radius:14px}.a4-paper{width:210mm;min-height:297mm;background:#fff;margin:auto;padding:14mm 14mm;color:#202124;font-family:Arial,sans-serif}.a4-paper table{width:100%;border-collapse:collapse}.a4-paper th,.a4-paper td{white-space:normal;vertical-align:top;line-height:1.4}.a4-paper th:first-child,.a4-paper td:first-child{width:40%}.a4-totals{width:330px;margin-left:auto}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.summary-card{background:#fff;border:1px solid #e7e9ec;border-radius:13px;padding:15px}.summary-card span{display:block;color:#757b84;font-size:11px}.summary-card b{display:block;font-size:20px;margin-top:6px}.settings-cards{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.google-preview-table th{position:sticky;left:0;background:#f3f4f6}.google-preview-table td{min-width:110px;white-space:nowrap}@media(max-width:1000px){.maker-bottom,.summary-grid{grid-template-columns:1fr}.a4-paper{width:100%;min-width:0}}

/* v5.2.32: stable quotation/invoice item layout */
.full-doc-lines{width:100%;table-layout:fixed;border-collapse:collapse}
.full-doc-lines th,.full-doc-lines td{box-sizing:border-box;vertical-align:top}
.full-doc-lines th:nth-child(1),.full-doc-lines td:nth-child(1){width:44%}
.full-doc-lines th:nth-child(2),.full-doc-lines td:nth-child(2){width:9%}
.full-doc-lines th:nth-child(3),.full-doc-lines td:nth-child(3){width:9%}
.full-doc-lines th:nth-child(4),.full-doc-lines td:nth-child(4){width:11%}
.full-doc-lines th:nth-child(5),.full-doc-lines td:nth-child(5){width:10%}
.full-doc-lines th:nth-child(6),.full-doc-lines td:nth-child(6){width:9%}
.full-doc-lines th:nth-child(7),.full-doc-lines td:nth-child(7){width:8%}
.full-doc-lines th:nth-child(8),.full-doc-lines td:nth-child(8){width:4%}
.full-doc-lines .item-title-description-cell{padding:8px 8px 10px!important;overflow:hidden}
.full-doc-lines .item-title-wrap,.full-doc-lines .item-description-wrap{display:block;width:100%;max-width:100%;box-sizing:border-box}
.full-doc-lines .item-description-wrap{margin-top:8px}
.full-doc-lines .item-title-wrap input,.full-doc-lines .item-description-wrap textarea{display:block!important;position:static!important;float:none!important;transform:none!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important}
.full-doc-lines .item-description-wrap textarea{min-height:120px;resize:vertical}
.full-doc-lines td:not(:first-child) input{width:100%;min-width:0!important;box-sizing:border-box}
@media(max-width:1000px){.full-doc-lines{min-width:900px}.full-doc-lines .item-title-description-cell{min-width:0}}

/* v5.2.35: Item + Description must stay together in one large column */
.full-doc-lines{width:100%;table-layout:fixed;border-collapse:collapse}
.full-doc-lines th,.full-doc-lines td{box-sizing:border-box;vertical-align:top}
.full-doc-lines th:nth-child(1),.full-doc-lines td:nth-child(1){width:50%}
.full-doc-lines th:nth-child(2),.full-doc-lines td:nth-child(2){width:8%}
.full-doc-lines th:nth-child(3),.full-doc-lines td:nth-child(3){width:9%}
.full-doc-lines th:nth-child(4),.full-doc-lines td:nth-child(4){width:10%}
.full-doc-lines th:nth-child(5),.full-doc-lines td:nth-child(5){width:9%}
.full-doc-lines th:nth-child(6),.full-doc-lines td:nth-child(6){width:8%}
.full-doc-lines th:nth-child(7),.full-doc-lines td:nth-child(7){width:6%}
.full-doc-lines .item-title-description-cell{padding:10px!important;overflow:hidden}
.full-doc-lines .item-title-wrap,.full-doc-lines .item-description-wrap{display:block;width:100%;max-width:100%;box-sizing:border-box}
.full-doc-lines .item-description-wrap{margin-top:9px}
.full-doc-lines .inline-field-label{display:block;font-size:11px;font-weight:700;margin-bottom:4px;color:#666}
.full-doc-lines .item-title-wrap input,.full-doc-lines .item-description-wrap textarea{display:block!important;position:static!important;float:none!important;transform:none!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important}
.full-doc-lines .item-description-wrap textarea{min-height:130px;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere}
.full-doc-lines td:not(:first-child) input{width:100%;min-width:0!important;box-sizing:border-box}
@media(max-width:1000px){.full-doc-lines{min-width:1050px}}

/* v5.2.36 master commercial fixes */
.notification-when{display:grid;grid-template-columns:1fr 90px 120px;gap:6px;align-items:center}
.notification-when select,.notification-when input{min-width:0!important;width:100%!important}
.notification-when select:disabled,.notification-when input:disabled{opacity:.55}
.notification-rule textarea{min-height:150px;resize:vertical}
.full-doc-lines{border-collapse:collapse;table-layout:fixed;width:100%}
.full-doc-lines th:first-child,.full-doc-lines td:first-child{width:46%}
.full-doc-lines th:nth-child(2),.full-doc-lines td:nth-child(2){width:8%}
.full-doc-lines th:nth-child(3),.full-doc-lines td:nth-child(3){width:9%}
.full-doc-lines th:nth-child(4),.full-doc-lines td:nth-child(4){width:10%}
.full-doc-lines th:nth-child(5),.full-doc-lines td:nth-child(5){width:9%}
.full-doc-lines th:nth-child(6),.full-doc-lines td:nth-child(6){width:8%}
.full-doc-lines th:nth-child(7),.full-doc-lines td:nth-child(7){width:7%}
.full-doc-lines th:nth-child(8),.full-doc-lines td:nth-child(8){width:3%}
.full-doc-lines .item-title-wrap input{font-weight:700}
.full-doc-lines .item-description-wrap textarea{min-height:135px!important;white-space:pre-wrap!important;overflow-wrap:break-word!important;word-break:normal!important}
.a4-paper table{table-layout:fixed!important;width:100%!important}
.a4-paper th:first-child,.a4-paper td:first-child{width:47%!important}
.a4-paper th:nth-child(2),.a4-paper td:nth-child(2){width:8%!important}
.a4-paper th:nth-child(3),.a4-paper td:nth-child(3){width:8%!important}
.a4-paper th:nth-child(4),.a4-paper td:nth-child(4){width:12%!important}
.a4-paper th:nth-child(5),.a4-paper td:nth-child(5){width:9%!important}
.a4-paper th:nth-child(6),.a4-paper td:nth-child(6){width:8%!important}
.a4-paper th:nth-child(7),.a4-paper td:nth-child(7){width:8%!important}
.a4-paper .doc-item-name{font-weight:800;margin-bottom:3px}
.a4-paper .doc-description{white-space:pre-wrap!important;overflow-wrap:break-word!important;word-break:normal!important;hyphens:none!important;line-height:1.35!important}
.a4-paper td{page-break-inside:auto!important}

/* v5.2.36 hardening */
#modalRoot .modal{pointer-events:auto!important}
#modalRoot .modal-backdrop{pointer-events:auto!important}
.full-doc-lines textarea,.full-doc-lines input{pointer-events:auto!important;user-select:text!important}
.a4-paper tr{break-inside:auto;page-break-inside:auto}
.a4-paper td,.a4-paper th{overflow-wrap:break-word;word-break:normal;hyphens:none}
.a4-paper .doc-description{display:block;max-width:100%}

/* V5.2.44: consistent CRM modal window controls and row menus */
#modalRoot .crm-window{position:relative;width:min(1200px,92vw);max-width:92vw;min-width:520px;min-height:260px;max-height:92vh;display:flex;flex-direction:column;resize:both;overflow:hidden}
#modalRoot .crm-window .modal-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
#modalRoot .window-controls{display:flex;gap:7px;align-items:center}
#modalRoot .modal-win-btn{width:40px;height:40px;border:1px solid #dfe2e6;background:#fff;border-radius:11px;font-size:20px;line-height:1;cursor:pointer}
#modalRoot .modal-win-btn:hover{background:#f5f6f8}
#modalRoot .crm-window .modal-body{flex:1 1 auto;min-height:0;overflow:auto}
#modalRoot .crm-window .modal-foot{flex:0 0 auto}
#modalRoot .crm-window.modal-maximized{width:96vw;max-width:96vw;height:94vh;max-height:94vh;min-width:0}
#modalRoot .crm-window.modal-minimized{width:min(420px,92vw);height:auto;min-height:0;resize:none}
#modalRoot .crm-window.modal-minimized .modal-body,#modalRoot .crm-window.modal-minimized .modal-foot,#modalRoot .crm-window.modal-minimized #modalError{display:none!important}
.clickable-row{cursor:pointer}
.clickable-row:hover td{background:rgba(243,255,52,.07)}
.row-options{position:relative;display:inline-block}
.row-options summary{list-style:none;width:38px;height:38px;border:1px solid #dfe2e6;background:#fff;border-radius:10px;display:grid;place-items:center;font-size:22px;line-height:1;cursor:pointer}
.row-options summary::-webkit-details-marker{display:none}
.row-options-menu{position:absolute;right:0;top:44px;z-index:80;min-width:180px;padding:6px;background:#fff;border:1px solid #dfe2e6;border-radius:12px;box-shadow:0 18px 40px rgba(16,18,20,.14)}
.row-action-item{display:block;width:100%;border:0;background:#fff;text-align:left;padding:9px 11px;border-radius:8px;cursor:pointer;font:inherit}
.row-action-item:hover{background:#f5f6f8}
.row-action-item.danger{color:#b23a32}
.danger-outline{border-color:#e4aaa4;color:#a23d37}
@media(max-width:700px){#modalRoot .crm-window{min-width:0;width:94vw;max-width:94vw}#modalRoot .crm-window.modal-maximized{width:98vw;max-width:98vw;height:96vh}}

/* V5.2.44+: row action menus are viewport-level overlays so they are never clipped by table/page scrolling. */
.row-options{position:relative;display:inline-block}
.row-options-trigger{width:38px;height:38px;border:1px solid #dfe2e6;background:#fff;border-radius:10px;display:grid;place-items:center;font-size:22px;line-height:1;cursor:pointer;padding:0}
.row-options-trigger:hover,.row-options-trigger[aria-expanded="true"]{background:#f5f6f8}
.row-options-menu-source{display:none!important}
.row-options-portal{position:fixed;z-index:2147483000;min-width:200px;max-width:min(280px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow-y:auto;box-sizing:border-box;padding:6px;background:#fff;border:1px solid #dfe2e6;border-radius:12px;box-shadow:0 18px 40px rgba(16,18,20,.18);visibility:visible}
.row-options-portal[hidden]{display:none!important}
.row-options-portal .row-action-item{display:block;width:100%;border:0;background:#fff;text-align:left;padding:10px 11px;border-radius:8px;cursor:pointer;font:inherit;white-space:normal}
.row-options-portal .row-action-item:hover{background:#f5f6f8}
.row-options-portal .row-action-item.danger{color:#b23a32}

.candidate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:8px 0 16px}.candidate{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e5e7eb;border-radius:9px;background:#fafafa;font-size:12px}.workflow-list{display:flex;flex-direction:column;gap:8px}.workflow-row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto auto;gap:8px;align-items:center;padding:10px;border:1px solid #e5e7eb;border-radius:10px}.workflow-manager hr{border:0;border-top:1px solid #eee;margin:18px 0}

.history-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.history-summary>div{padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa;font-size:12px}.history-list{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.history-list>div{padding:9px;border:1px solid #eee;border-radius:8px;font-size:12px}.history-manager h4{margin:14px 0 7px}@media(max-width:700px){.history-summary{grid-template-columns:1fr 1fr}}

.job-status-stack{min-width:190px}.job-status-line{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:3px 0}.job-status-line>span:first-child{font-size:11px;color:#666}.job-status-line .pill{font-size:10px}.job-status-stack .pill{white-space:nowrap}.job-status-line .pill{margin:0}