:root{font-family:'IBM Plex Sans Arabic',Arial,sans-serif;color:#202b27;background:#f5f7f6;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#202b27;--muted:#86918c;--line:#e8ece9;--green:#187a5d;--green-dark:#12694f;--green-soft:#eaf5ef;--panel:#fff;--sidebar:#fbfcfb;--rose:#c8798b;--amber:#d2a145;--blue:#698bad;--shadow:0 14px 42px #21392d0d}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f7f6}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;z-index:15;inset:0 0 0 auto;width:254px;background:var(--sidebar);border-left:1px solid var(--line);padding:22px 16px 14px;display:flex;flex-direction:column}.sidebar-brand{padding:0 5px 23px;display:flex;justify-content:space-between;align-items:center}.brand-lockup{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}.brand-mark{width:40px;height:40px;display:grid;place-items:center;color:white;font-weight:800;font-size:23px;border-radius:14px;background:linear-gradient(145deg,#258f6c,#12664d);box-shadow:0 6px 14px #187a5d30}.brand-lockup b{display:block;font-size:18px;line-height:1.2}.brand-lockup small{display:block;color:#95a19b;letter-spacing:1.1px;font:600 11px 'IBM Plex Sans Arabic',Arial,sans-serif;margin-top:3px}.org-switch{display:flex;align-items:center;gap:10px;padding:11px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:19px}.org-avatar{width:34px;height:34px;border-radius:10px;background:#f1f4ef;color:var(--green);display:grid;place-items:center;font-size:18px;font-weight:700}.org-meta{flex:1;min-width:0}.org-meta b,.user-meta b{display:block;font-size:13px;font-weight:700}.org-meta small,.user-meta small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.chevron{color:#929c97;font-size:15px}.system-switch{display:grid;gap:4px;padding:4px;background:#f0f3f1;border-radius:12px;margin-bottom:21px}.system-tab{border:0;background:transparent;color:#65716b;padding:8px 10px;border-radius:9px;text-align:right;font-size:12px;font-weight:600;display:flex;align-items:center;gap:9px;transition:.2s}.system-tab.active{background:white;color:var(--ink);box-shadow:0 2px 5px #13261a0b}.system-dot{width:7px;height:7px;border-radius:50%}.system-dot.rose{background:var(--rose)}.system-dot.amber{background:var(--amber)}.system-dot.blue{background:var(--blue)}.nav-list{overflow:auto;flex:1}.nav-section{margin-bottom:19px}.nav-section-label{color:#a5aeaa;font-size:11px;font-weight:700;padding:0 10px 8px}.nav-item{width:100%;border:0;background:transparent;color:#68736d;text-align:right;display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;font-size:13px;font-weight:500;margin:2px 0;transition:.18s}.nav-item:hover{background:#f1f5f2;color:var(--green)}.nav-item.active{color:var(--green);background:#eaf4ee;font-weight:700}.nav-icon{font-family:'IBM Plex Sans Arabic',Arial,sans-serif;font-size:15px;width:18px;text-align:center;color:#8e9a93}.nav-item.active .nav-icon{color:var(--green)}.nav-count{margin-right:auto;background:#fff;color:#727e77;font-size:11px;border-radius:6px;padding:2px 6px}.sidebar-bottom{padding-top:10px}.user-card{border-top:1px solid var(--line);margin-top:12px;padding:14px 3px 2px;display:flex;align-items:center;gap:9px}.user-avatar,.top-avatar{background:#dcede2;color:#1c7256;font-weight:700;display:grid;place-items:center;border-radius:50%}.user-avatar{width:34px;height:34px;font-size:13px}.user-meta{flex:1}.icon-button{background:transparent;border:0;color:#7e8a83;font-size:18px;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;position:relative}.icon-button:hover{background:#edf2ef;color:var(--green)}.main-area{margin-right:254px;width:calc(100% - 254px);min-height:100vh}.topbar{height:68px;background:#ffffffd9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.topbar-start,.topbar-end,.breadcrumbs{display:flex;align-items:center}.breadcrumbs{gap:10px;font-size:12px;color:#9aa39e}.breadcrumbs b{font-weight:400;color:#c2c9c4}.breadcrumbs strong{color:#46524b;font-weight:600}.topbar-end{gap:19px}.today-date{display:flex;align-items:center;gap:8px;font-size:12px;color:#7e8a83}.status-pulse{width:7px;height:7px;border-radius:50%;background:#3ba879;box-shadow:0 0 0 4px #e4f3eb}.notification-button i{position:absolute;width:5px;height:5px;top:8px;right:8px;border-radius:50%;background:#db846a}.top-avatar{width:30px;height:30px;font-size:13px}.page-wrap{max-width:1440px;margin:0 auto;padding:30px 38px 10px}.app-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:17px 3px;color:#98a29c;font-size:11px;margin-top:33px}.muted{padding:0 3px;color:#c0c8c3}.footer-dot{font-size:9px;color:#54a57f;margin-right:5px}.mobile-only{display:none}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-heading h1{font-size:23px;margin:0 0 4px;font-weight:700;letter-spacing:-.5px}.page-heading p{font-size:12px;color:#88948d;margin:0}.eyebrow{font-size:11px;color:var(--green);font-weight:700;letter-spacing:.2px}.heading-actions{display:flex;gap:8px}.button{border:1px solid var(--line);background:white;color:#46514b;border-radius:9px;padding:9px 14px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:.18s}.button:hover{border-color:#c4d7ca;background:#fafdfb}.button.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 4px 10px #187a5d22}.button.primary:hover{background:var(--green-dark)}.button .plus{position:relative;display:inline-block;flex:0 0 16px;width:16px;height:16px;font-size:0;line-height:1;vertical-align:middle}.button .plus::before,.button .plus::after{content:"";position:absolute;top:50%;left:50%;background:currentColor;border-radius:1px;transform:translate(-50%,-50%)}.button .plus::before{width:12px;height:2px}.button .plus::after{width:2px;height:12px}.button.small{padding:7px 10px;font-size:11px}.button.full{width:100%;padding:12px}.button.subtle{border-color:transparent;background:#f5f7f6}.button.danger{color:#b84d4d}.icon-inline{font:16px 'IBM Plex Sans Arabic',Arial,sans-serif}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.stat-card{min-width:0;overflow-wrap:anywhere;background:var(--panel);border:1px solid var(--line);padding:16px;border-radius:13px;box-shadow:0 3px 10px #253b2e04}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:11px;color:#77837c;font-weight:600}.stat-icon{width:29px;height:29px;border-radius:9px;background:#eef5f0;color:var(--green);display:grid;place-items:center;font:15px 'IBM Plex Sans Arabic',Arial,sans-serif}.stat-icon.rose{background:#fbf0f2;color:#c06d81}.stat-icon.amber{background:#fbf5e8;color:#ba913e}.stat-icon.blue{background:#eef3f9;color:#6f8eaf}.stat-value{font:700 23px 'IBM Plex Sans Arabic',Arial,sans-serif;letter-spacing:-.5px;margin-top:15px;color:#27332d}.stat-value span{font:600 13px 'IBM Plex Sans Arabic',Arial,sans-serif;letter-spacing:0;color:#66736c}.stat-foot{margin-top:8px;display:flex;gap:6px;align-items:center;font-size:10px;color:#909b95}.trend-up{color:#25946b;background:#edf7f1;border-radius:5px;padding:2px 5px;font-weight:700}.trend-neutral{color:#79857e;background:#f3f5f3;border-radius:5px;padding:2px 5px}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(255px,.9fr);gap:14px;margin-bottom:14px}.content-grid.single{grid-template-columns:1fr}.panel{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 10px #253b2e04;overflow:hidden}.panel-header{padding:15px 17px 12px;display:flex;justify-content:space-between;align-items:center}.panel-title{font-size:13px;font-weight:700}.panel-subtitle{font-size:10px;color:#98a39c;margin-top:3px}.text-link{font-size:11px;color:var(--green);background:none;border:0;font-weight:700}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}.data-table th{font-size:10px;color:#9ba59f;font-weight:600;background:#fafcfb;padding:9px 14px;border-top:1px solid #f1f3f1;border-bottom:1px solid #f1f3f1}.data-table td{font-size:11px;padding:12px 14px;border-bottom:1px solid #f0f2f0;color:#55615a}.data-table tr:last-child td{border-bottom:0}.primary-cell{color:#354039!important;font-weight:700}.customer-cell{display:flex;align-items:center;gap:7px}.mini-avatar{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#edf4ef;color:#438366;font-size:11px;font-weight:700}.mini-avatar.alt{background:#f8eff0;color:#b06e7b}.mini-avatar.amber{background:#faf4e6;color:#b38b3b}.mini-avatar.blue{background:#eff3f8;color:#6684a4}.status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:600;background:#f4f6f4;color:#69756e}.status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status.green{background:#eaf5ee;color:#33815e}.status.amber{background:#fbf4e6;color:#aa8136}.status.rose{background:#fbefef;color:#b46868}.status.blue{background:#edf3f9;color:#6887a7}.side-stack{display:grid;gap:14px;align-content:start}.pipeline-panel{padding:0 17px 15px}.pipeline-row{display:grid;grid-template-columns:61px 1fr 31px;align-items:center;gap:9px;margin:11px 0}.pipeline-name{font-size:10px;color:#707b74}.pipeline-track{height:6px;background:#f1f3f1;border-radius:8px;overflow:hidden}.pipeline-fill{height:100%;border-radius:8px;background:#398f6a}.pipeline-fill.soft{background:#71ae88}.pipeline-fill.pale{background:#a7ccb0}.pipeline-num{text-align:left;color:#718078;font:600 11px 'IBM Plex Sans Arabic',Arial,sans-serif}.event-list{padding:0 16px 10px}.event-row{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f2f0}.event-row:last-child{border:0}.date-block{width:37px;height:42px;border-radius:9px;background:#f2f7f3;text-align:center;display:flex;flex-direction:column;justify-content:center;color:var(--green)}.date-block b{font:700 15px 'IBM Plex Sans Arabic',Arial,sans-serif;line-height:1}.date-block small{font-size:9px;margin-top:2px}.event-info{min-width:0;flex:1}.event-info b{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis}.event-info small{display:block;font-size:10px;color:#97a19b;margin-top:3px}.event-guests{font:600 10px 'IBM Plex Sans Arabic',Arial,sans-serif;color:#85918a}.chart-area{height:145px;padding:0 16px 12px;display:flex;align-items:flex-end;gap:12px;position:relative}.chart-grid{position:absolute;inset:15px 16px 25px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.chart-grid i{border-top:1px dashed #e9edea}.chart-col{z-index:1;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.chart-bars{height:calc(100% - 18px);display:flex;align-items:flex-end;gap:4px}.bar{width:9px;min-height:5px;border-radius:3px 3px 1px 1px;background:#d7e8dd}.bar.main{background:#328c66}.chart-col small{font-size:9px;color:#8c9890}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:17px 0 14px}.quick-action{background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 12px;display:flex;align-items:center;gap:10px;text-align:right;transition:.18s}.quick-action:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#cfddd3}.qa-icon{width:31px;height:31px;border-radius:9px;background:#edf5ef;display:grid;place-items:center;color:var(--green);font:15px 'IBM Plex Sans Arabic',Arial,sans-serif}.qa-label b{display:block;font-size:11px}.qa-label small{display:block;font-size:9px;color:#95a099;margin-top:3px}.page-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:14px}.search-box{width:min(280px,100%);position:relative}.search-box input,.form-stack input,.form-stack select,.form-stack textarea,.filter-select{width:100%;border:1px solid #e7ece8;background:#fff;border-radius:8px;padding:9px 11px;font-size:11px;outline:none;color:#39443e}.search-box input{padding-right:32px}.search-box span{position:absolute;right:11px;top:7px;color:#97a19b;font-size:15px}.filter-select{width:auto;min-width:118px;color:#717d75}.list-count{margin-right:auto;font-size:11px;color:#95a099}.table-panel{margin-bottom:18px}.table-empty{text-align:center;padding:45px;color:#95a099;font-size:13px}.metric-banner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.mini-metric{min-width:0;overflow-wrap:anywhere;background:white;border:1px solid var(--line);border-radius:11px;padding:13px 15px}.mini-metric span{font-size:10px;color:#88948d}.mini-metric b{display:block;font:700 19px 'IBM Plex Sans Arabic',Arial,sans-serif;margin-top:4px}.stock-row{display:flex;align-items:center;gap:9px}.stock-meter{width:58px;height:5px;background:#f0f2f0;border-radius:5px;overflow:hidden}.stock-meter i{display:block;height:100%;background:#48a277;border-radius:5px}.stock-meter.low i{background:#d09e4b}.stock-meter.critical i{background:#ce7773}.modal-backdrop{position:fixed;z-index:30;inset:0;background:#1a2c2388;display:grid;place-items:center;padding:18px;backdrop-filter:blur(3px)}.modal-card{width:min(520px,100%);background:#fff;border-radius:16px;box-shadow:0 24px 80px #12271d33;overflow:hidden;animation:modalIn .18s ease-out}@keyframes modalIn{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}.modal-header{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:14px;margin:0}.modal-header p{font-size:11px;color:#8d9891;margin:4px 0 0}.modal-body{padding:19px 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-stack{display:grid;gap:11px}.form-stack label{font-size:11px;font-weight:600;color:#657169;display:grid;gap:6px}.form-stack input,.form-stack select,.form-stack textarea{font-size:12px;padding:10px}.form-stack textarea{resize:vertical;min-height:68px}.span-2{grid-column:span 2}.modal-footer{display:flex;justify-content:flex-start;gap:8px;padding:13px 20px;background:#fafcfb;border-top:1px solid var(--line)}.form-error{color:#bf5754;font-size:11px;min-height:12px;margin:0}.toast-root{position:fixed;z-index:50;bottom:19px;left:20px;display:grid;gap:8px}.toast{background:#26372e;color:white;border-radius:10px;padding:11px 15px;font-size:12px;box-shadow:0 8px 24px #18312330;animation:modalIn .2s ease-out}.toast.error{background:#a94540}.loading-skeleton{height:75px;background:linear-gradient(90deg,#f3f5f4 25%,#fafbfa 38%,#f3f5f4 62%);background-size:300% 100%;animation:shine 1.3s infinite;border-radius:11px}@keyframes shine{to{background-position:-150% 0}}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-card{width:min(390px,calc(100% - 48px));margin:auto;padding:24px 0}.login-intro{margin:60px 0 25px}.login-intro h1{font-size:26px;margin:9px 0 4px}.login-intro p,.login-hint{font-size:12px;color:#8d9891}.login-hint{text-align:center;margin-top:20px}.login-art{background:#123e31;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:white;padding:55px}.art-copy{position:relative;z-index:2;max-width:420px}.art-kicker{font:600 12px 'IBM Plex Sans Arabic',Arial,sans-serif;letter-spacing:2px;color:#90c1a5}.art-copy h2{font-size:45px;line-height:1.45;letter-spacing:-1px;margin:19px 0}.art-copy p{font-size:14px;color:#b4cabe}.art-flow{display:flex;align-items:center;gap:10px;margin-top:44px;color:#d4e5da;font-size:12px}.art-flow i{font-style:normal;color:#79b391}.art-orb{position:absolute;border-radius:50%;border:1px solid #ffffff12}.orb-a{width:550px;height:550px;left:-190px;top:-130px}.orb-b{width:410px;height:410px;left:-120px;top:-55px;box-shadow:0 0 0 55px #ffffff05,0 0 0 110px #ffffff04}.mobile-scrim{display:none}
@media(max-width:1150px){.sidebar{width:225px}.main-area{margin-right:225px;width:calc(100% - 225px)}.page-wrap{padding:25px 25px 10px}.topbar{padding:0 25px}.dashboard-grid{gap:9px}.stat-card{padding:13px}.content-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,.9fr)}}
@media(max-width:900px){.sidebar{transform:translateX(100%);transition:transform .25s ease;width:270px;box-shadow:-14px 0 35px #10281b10}.sidebar.open{transform:none}.mobile-scrim.show{display:block;position:fixed;inset:0;z-index:14;background:#12261d66}.main-area{margin-right:0;width:100%}.mobile-only{display:grid}.topbar-start{gap:9px}.page-wrap{padding:22px 20px 8px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1.4fr) minmax(230px,.9fr)}}
@media(max-width:650px){.topbar{height:58px;padding:0 15px}.topbar-end{gap:10px}.today-date{display:none}.page-wrap{padding:18px 14px 7px}.page-heading{align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:17px}.page-heading h1{font-size:20px}.heading-actions{width:100%}.heading-actions .button{flex:1}.content-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-action{padding:10px}.metric-banner{gap:6px}.mini-metric{padding:10px}.mini-metric b{font-size:14px}.page-toolbar{flex-wrap:wrap}.search-box{width:100%;flex-basis:100%}.list-count{margin-right:0}.data-table th,.data-table td{padding:10px}.panel-header{padding:13px}.chart-area{height:130px}.app-footer{font-size:10px}.login-screen{grid-template-columns:1fr}.login-card{padding:35px 0}.login-intro{margin:42px 0 22px}.login-art{display:none}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.modal-backdrop{padding:10px}.modal-card{max-height:94vh;overflow:auto}.modal-header,.modal-body{padding:15px}.modal-footer{padding:11px 15px}.system-tab{padding:9px}.dashboard-grid .stat-value{font-size:21px}}
.inline-select{max-width:140px;border:1px solid #e8ece9;background:#fff;border-radius:7px;padding:5px 7px;color:#59665e;font-size:10px;outline:none}.inline-select:focus{border-color:#9fc5ad}
.recipe-line{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(100px,.7fr) 32px;align-items:center;gap:8px}.recipe-line select,.recipe-line input{width:100%;min-width:0;border:1px solid #e7ece8;background:white;border-radius:8px;padding:9px 10px;font-size:11px;outline:none;color:#39443e}.recipe-line .icon-button{font-size:15px;color:#a66b6b}
.purchase-line{grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr) minmax(0,.7fr) 34px}
@media(max-width:520px){.recipe-line{grid-template-columns:minmax(0,1fr) minmax(80px,.55fr) 34px;gap:6px}.purchase-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px;padding:9px;border:1px solid var(--line);border-radius:10px}.purchase-line select{grid-column:1/3;grid-row:1}.purchase-line input[name="quantity"]{grid-column:1;grid-row:2}.purchase-line input[name="unitCost"]{grid-column:2;grid-row:2}.purchase-line .remove-purchase-line{grid-column:3;grid-row:1}}
.auth-switch{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:19px;font-size:11px;color:#8d9891}.auth-switch button{border:0;background:none;color:var(--green);font:inherit;font-weight:700;padding:4px}
 .receipt-item{display:grid;grid-template-columns:1fr minmax(150px,.55fr);gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fbfcfb}.receipt-name b,.receipt-name small{display:block}.receipt-name b{font-size:12px;color:#3b4840}.receipt-name small{font-size:10px;color:#89958d;margin-top:5px}.receipt-item label{font-size:10px;font-weight:600;color:#657169;display:grid;gap:5px}.receipt-item input{width:100%;border:1px solid #e7ece8;background:#fff;border-radius:8px;padding:9px 10px;font:12px 'IBM Plex Sans Arabic',Arial,sans-serif;color:#39443e;outline:none}@media(max-width:520px){.receipt-item{grid-template-columns:1fr;gap:8px}}
.quote-modal{width:min(980px,calc(100vw - 48px))}.quote-lines-header{padding:14px 0 8px;margin-top:8px}.quote-line-labels,.quote-line{display:grid;grid-template-columns:120px minmax(150px,1.7fr) 80px minmax(110px,1fr) minmax(110px,1fr) 34px;gap:8px;align-items:center}.quote-line-labels{padding:0 3px;color:#8a9690;font-size:11px;font-weight:700}.quote-line{margin-bottom:4px}.quote-line select,.quote-line input{width:100%;min-width:0;border:1px solid #e7ece8;background:#fff;border-radius:8px;padding:9px 10px;font-size:12px;outline:none;color:#39443e}.quote-line .icon-button{font-size:15px;color:#a66b6b}.quote-cost-hidden{font-size:11px;color:#9aa39e;padding:8px}.quote-adjustments{margin-top:12px}.quote-totals{display:grid;gap:3px;margin-top:12px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#fafcfb}.quote-total-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:12px;color:#64716a}.quote-grand-total{border-top:1px solid var(--line);margin-top:4px;padding-top:12px;color:var(--green);font-weight:800;font-size:14px}.quote-detail-table{overflow-x:auto}.quote-detail-table table{width:100%;border-collapse:collapse;font-size:12px}.quote-detail-table th,.quote-detail-table td{padding:10px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}.quote-detail-table th{color:#8a9690;font-weight:700}.quote-detail-totals{margin-top:14px}@media(max-width:760px){.quote-modal{width:calc(100vw - 20px)}.quote-line-labels{display:none}.quote-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;gap:7px;padding:9px;border:1px solid var(--line);border-radius:10px}.quote-line select{grid-column:1}.quote-line input[name=description]{grid-column:1/3}.quote-line input[name=quantity]{grid-column:1}.quote-line input[name=unitPrice]{grid-column:2}.quote-line input[name=unitCost],.quote-line .quote-cost-hidden{grid-column:1/3}.quote-line .remove-quote-line{grid-column:3;grid-row:1}.quote-detail-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}
.quote-status-cell{display:grid;gap:5px;min-width:145px}.quote-status-select{min-width:130px;max-width:165px}.quote-status-help{display:block;max-width:185px;color:#89958e;font-size:10px;line-height:1.5;white-space:normal}.quote-status-select:focus{border-color:#9fc5ad;box-shadow:0 0 0 2px #eaf5ef}
.quote-line-labels,.quote-line{grid-template-columns:minmax(145px,1.1fr) 105px minmax(145px,1.6fr) 70px minmax(100px,1fr) minmax(100px,1fr) 34px}.quote-catalog-hint{display:block;color:#8d9992;font-size:10px;line-height:1.5;margin-top:4px}.catalog-modal{width:min(680px,calc(100vw - 40px))}.catalog-active-toggle{display:flex!important;align-items:center;gap:8px;color:#59665e;font-size:12px}.catalog-active-toggle input{width:auto;padding:0;accent-color:var(--green)}.catalog-description{white-space:normal;min-width:180px;max-width:340px;line-height:1.5}.catalog-row-actions{display:flex;align-items:center;gap:10px}.catalog-row-actions .text-link{white-space:nowrap}.catalog-deactivate{color:#b46868}
@media(max-width:760px){.quote-line-labels{display:none}.quote-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;gap:7px;padding:9px;border:1px solid var(--line);border-radius:10px}.quote-line select[name="catalogEntry"]{grid-column:1/4}.quote-line select[name="kind"]{grid-column:1}.quote-line input[name="description"]{grid-column:1/3}.quote-line input[name="quantity"]{grid-column:1}.quote-line input[name="unitPrice"]{grid-column:2}.quote-line input[name="unitCost"],.quote-line .quote-cost-hidden{grid-column:1/3}.quote-line .remove-quote-line{grid-column:3;grid-row:2}.catalog-modal{width:calc(100vw - 20px)}.catalog-row-actions{gap:7px}}
.quote-lifecycle{margin-bottom:14px;padding:12px 15px;border:1px solid var(--line);border-radius:11px;background:#fafcfb}.quote-lifecycle-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.quote-lifecycle-heading b,.quote-lifecycle-heading small{display:block}.quote-lifecycle-heading b{font-size:12px;color:#39463f}.quote-lifecycle-heading small{margin-top:3px;color:#89958e;font-size:10px}.quote-lifecycle-list{list-style:none;display:grid;gap:0;margin:11px 0 0;padding:0}.quote-lifecycle-list li{position:relative;display:grid;grid-template-columns:12px 1fr;gap:9px;padding:0 0 10px}.quote-lifecycle-list li:last-child{padding-bottom:0}.quote-lifecycle-list li:not(:last-child):after{content:'';position:absolute;right:5px;top:12px;bottom:0;border-right:1px solid #dce7df}.quote-lifecycle-dot{z-index:1;width:9px;height:9px;margin-top:3px;border:2px solid var(--green);border-radius:50%;background:#fff}.quote-lifecycle-list b,.quote-lifecycle-list time{display:block}.quote-lifecycle-list b{font-size:11px;color:#4c5a52}.quote-lifecycle-list time{margin-top:3px;color:#89958e;font-size:10px}.quote-lifecycle-empty{margin:10px 0 0;padding-top:9px;border-top:1px solid #edf0ed;color:#909b95;font-size:10px;line-height:1.5}
.production-board{display:grid;gap:14px}.production-board-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fff}.production-board-toolbar label{display:grid;gap:5px;color:#657169;font-size:11px;font-weight:700}.production-board-toolbar input{width:min(240px,100%);border:1px solid #e7ece8;background:#fff;border-radius:8px;padding:9px 11px;color:#39443e;font-size:12px;outline:none}.production-board-toolbar input:focus{border-color:#9fc5ad}.production-board-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.production-board-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:12px}.production-board-card{padding:15px}.production-board-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid #f0f2f0}.production-board-card-header h2{margin:0;color:#344139;font-size:14px}.production-board-card-header small{display:block;margin-top:4px;color:#929d96;font-size:10px}.production-board-facts{display:grid;grid-template-columns:1.2fr 1.2fr .8fr;gap:10px;padding:12px 0}.production-board-facts span,.production-board-facts b{display:block}.production-board-facts span{color:#8c9891;font-size:10px}.production-board-facts b{margin-top:4px;color:#4b5850;font-size:11px;overflow-wrap:anywhere}.production-needs-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.production-needs-heading b{font-size:11px;color:#47544c}.production-needs-heading span{font-size:10px;color:#468365}.production-needs-heading .production-shortage-count{color:#b85d5d}.production-requirements{display:grid;gap:6px}.production-requirement{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;border:1px solid #edf0ed;border-radius:9px;background:#fbfcfb}.production-requirement.has-shortage{border-color:#f0dcdc;background:#fff8f8}.production-ingredient b,.production-ingredient small{display:block}.production-ingredient b{color:#46534b;font-size:11px}.production-ingredient small,.production-availability span{color:#8d9891;font-size:10px}.production-ingredient small{margin-top:4px}.production-availability{text-align:left;white-space:nowrap}.production-availability span,.production-availability strong{display:block}.production-availability strong{margin-top:4px;color:#468365;font-size:10px}.has-shortage .production-availability strong{color:#b65b5b}.production-no-needs{margin:0;color:#909b95;font-size:10px}.production-board-empty,.production-board-error{display:grid;justify-items:center;text-align:center;padding:28px 20px}.production-board-empty-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eef5f0;color:var(--green);font-size:19px;font-weight:700}.production-board-empty h2,.production-board-error h2{margin:11px 0 4px;font-size:14px;color:#39463f}.production-board-empty p,.production-board-error p{margin:0 0 14px;color:#89958e;font-size:11px;line-height:1.6}.production-board-error .production-board-empty-icon{background:#fff2ef;color:#b75c54}
@media(max-width:650px){.production-board-toolbar{align-items:stretch;flex-direction:column}.production-board-toolbar label,.production-board-toolbar input{width:100%}.production-board-toolbar .button{width:100%}.production-board-summary{grid-template-columns:1fr}.production-board-facts{grid-template-columns:1fr 1fr}.production-board-facts>div:last-child{grid-column:1/-1}.production-requirement{align-items:flex-start;flex-direction:column}.production-availability{text-align:right;white-space:normal}}
.invoice-installments-header{padding:16px 0 8px;margin-top:4px}.invoice-installment{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(135px,.9fr) minmax(130px,.9fr) 36px;gap:9px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.invoice-installment label{display:grid;gap:5px;min-width:0;color:#657169;font-size:10px;font-weight:600}.invoice-installment input{width:100%;min-width:0;border:1px solid #e7ece8;border-radius:8px;background:#fff;padding:9px 10px;color:#39443e;font:12px 'IBM Plex Sans Arabic',Arial,sans-serif;outline:none}.invoice-installment input:focus{border-color:#9fc5ad}.invoice-installment .remove-invoice-installment{font-size:15px;color:#a66b6b}.invoice-installment-preview{margin-top:10px}.invoice-installment-preview-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fafcfb;color:#657169;font-size:11px}.invoice-installment-preview-row b{color:#39463f;font-size:12px}.invoice-installment-preview-row>span:nth-of-type(2),.invoice-installment-preview-row strong{grid-column:1/-1}.invoice-installment-preview-row>span:nth-of-type(2){color:#89958e;font-size:10px}.invoice-installment-preview-row strong{font-size:10px;color:#89958e}.invoice-installment-preview-row.matches{border-color:#cce4d4;background:#f6fbf7}.invoice-installment-preview-row.matches strong{color:#468365}.invoice-installment-preview-row.mismatch{border-color:#f0dfc3;background:#fffbf4}.invoice-installment-preview-row.mismatch strong{color:#a87935}.invoice-installments-heading{padding:17px 0 8px}.invoice-installment-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 10px}.invoice-overdue-value{color:#b65b5b!important}.invoice-installments-empty{padding:13px;border:1px dashed #dfe6e1;border-radius:10px;color:#89958e;font-size:11px;text-align:center;background:#fafcfb}
@media(max-width:760px){.invoice-installment{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;gap:8px;padding:9px}.invoice-installment label:first-child{grid-column:1/3}.invoice-installment label:nth-child(2){grid-column:1}.invoice-installment label:nth-child(3){grid-column:2}.invoice-installment .remove-invoice-installment{grid-column:3;grid-row:1}.invoice-installment-summary{grid-template-columns:1fr 1fr}.invoice-installment-summary .mini-metric{padding:11px 9px}.invoice-installment-summary .mini-metric b{font-size:13px}}
.invoice-modal{width:min(900px,calc(100vw - 40px))}.invoice-lines-header{padding:14px 0 8px;margin-top:8px}.invoice-line-labels,.invoice-line{display:grid;grid-template-columns:minmax(180px,1.8fr) minmax(85px,.7fr) minmax(115px,1fr) minmax(110px,.8fr) 34px;gap:9px;align-items:center}.invoice-line-labels{padding:0 3px 7px;color:#8a9690;font-size:11px;font-weight:700}.invoice-line{margin-bottom:7px}.invoice-line label{display:grid;gap:4px;min-width:0}.invoice-line label>span,.invoice-line-total-wrap>span{color:#87938c;font-size:10px}.invoice-line input,.invoice-line select{width:100%;min-width:0;border:1px solid #e7ece8;background:#fff;border-radius:8px;padding:9px 10px;font-size:12px;outline:none;color:#39443e}.invoice-line input:focus{border-color:#9fc5ad}.invoice-line-total-wrap{display:grid;gap:7px;align-content:center}.invoice-line-total{color:#46534b;font-size:12px;font-weight:700;white-space:nowrap}.invoice-line .remove-invoice-line{font-size:15px;color:#a66b6b}.invoice-line .remove-invoice-line:disabled{opacity:.35;cursor:not-allowed}.invoice-detail-meta{display:flex;gap:20px;align-items:center;margin-bottom:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fafcfb}.invoice-detail-meta>div{display:grid;gap:5px}.invoice-detail-meta span{color:#8a9690;font-size:10px}.invoice-detail-meta b{font-size:11px;color:#4a574f}.invoice-payments-heading{padding:16px 0 8px}.invoice-modal .modal-body{max-height:calc(90vh - 125px);overflow:auto}
@media(max-width:760px){.invoice-modal{width:calc(100vw - 20px)}.invoice-line-labels{display:none}.invoice-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;gap:7px;padding:10px;border:1px solid var(--line);border-radius:10px}.invoice-line label:first-child{grid-column:1/3}.invoice-line label:nth-child(2){grid-column:1}.invoice-line label:nth-child(3){grid-column:2}.invoice-line-total-wrap{grid-column:1/3;grid-row:3;display:flex;justify-content:space-between;align-items:center;padding:3px 2px}.invoice-line .remove-invoice-line{grid-column:3;grid-row:1}.invoice-detail-meta{justify-content:space-between;gap:10px}}
.notification-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notification-button i:not(.hidden){width:auto;min-width:16px;height:16px;top:1px;right:0;padding:0 4px;display:grid;place-items:center;border:2px solid white;border-radius:9px;background:#c87965;color:#fff;font:700 10px 'IBM Plex Sans Arabic',Arial,sans-serif}.calendar-page{display:grid;gap:12px;min-width:0;overflow-x:auto}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#fff}.calendar-date-controls,.calendar-mode-switch{display:flex;align-items:center;gap:6px}.calendar-date-controls input{width:145px;border:1px solid var(--line);border-radius:8px;padding:8px 9px;color:#46534b;font-size:11px}.calendar-date-controls .button{min-height:32px}.calendar-mode-switch{padding:3px;border:1px solid #edf0ed;border-radius:9px;background:#f7f9f7}.calendar-mode-switch button{border:0;border-radius:7px;background:transparent;padding:7px 10px;color:#69756e;font-size:11px}.calendar-mode-switch button.active{background:#fff;color:var(--green);box-shadow:0 1px 4px #18312312;font-weight:700}.calendar-period{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#526057;font-size:12px}.calendar-period span{color:#89958e;font-size:10px}.calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(112px,1fr));border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.calendar-weekdays{display:contents}.calendar-weekdays span{padding:10px 8px;text-align:center;color:#89958e;background:#fafcfb;border-bottom:1px solid var(--line);font-size:10px;font-weight:700}.calendar-month-cell{min-height:112px;padding:7px;border-bottom:1px solid var(--line);border-left:1px solid var(--line);background:#fff}.calendar-month-cell.outside-month{background:#fafcfb;color:#a5aea9}.calendar-month-cell.selected-day{box-shadow:inset 0 0 0 1px #8fbba0;background:#f8fcf9}.calendar-cell-date{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;color:#56635a;font-size:11px;font-weight:700}.calendar-cell-date small{color:#929c96;font-size:9px}.calendar-cell-items,.calendar-column-items{display:grid;gap:4px}.calendar-entry{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 7px;padding:6px 7px;border:1px solid #edf0ed;border-right:3px solid #7b9cb5;border-radius:7px;background:#fbfcfb;min-width:0}.calendar-entry-title{min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;color:#405047;font-size:10px;font-weight:700}.button.calendar-entry-title{border:0;background:none;padding:0}.calendar-entry-kind{color:#8c9891;font-size:9px}.calendar-item-time{color:#738178;font-size:9px;direction:ltr;text-align:right}.calendar-entry .status{justify-self:start;font-size:9px;padding:2px 5px}.calendar-kind-event{border-right-color:#b67e8e}.calendar-kind-order{border-right-color:#7096b7}.calendar-kind-production{border-right-color:#d0a04c}.calendar-kind-delivery{border-right-color:#64a381}.calendar-kind-task{border-right-color:#9582b5}.calendar-more{border:0;background:transparent;color:var(--green);text-align:right;padding:3px 5px;font-size:9px;font-weight:700}.calendar-week-grid{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));gap:7px;min-width:950px;overflow-x:auto}.calendar-week-column{min-height:260px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:8px}.calendar-week-column.selected-day{border-color:#9fc5ad;background:#fbfefc}.calendar-week-column>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #eef1ef;color:#536057;font-size:11px}.calendar-no-items{color:#a1aaa5;font-size:10px;padding:8px 3px}.calendar-list-panel{padding:0 14px}.calendar-list-row{display:grid;grid-template-columns:125px minmax(0,1fr) 130px;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid #eef1ef}.calendar-list-row:last-child{border-bottom:0}.calendar-list-date b,.calendar-list-date small,.calendar-list-main b,.calendar-list-main>button,.calendar-list-main small{display:block}.calendar-list-date b,.calendar-list-main b,.calendar-list-main>button{color:#435148;font-size:11px}.calendar-list-date small,.calendar-list-main small{margin-top:4px;color:#8d9891;font-size:10px}.calendar-list-meta{display:grid;justify-items:start;gap:6px}.calendar-item-kind-pill{display:inline-flex;align-items:center;width:max-content;padding:4px 7px;border-radius:12px;background:#eff4f0;color:#63766a;font-size:10px}.calendar-empty,.calendar-error,.notifications-error,.notifications-empty{display:grid;justify-items:center;gap:8px;padding:28px 18px;text-align:center;color:#89958e;font-size:11px}.calendar-error b,.notifications-empty b{color:#435148;font-size:13px}.calendar-error p,.notifications-error p{margin:0 0 5px;line-height:1.6}.calendar-help{display:block;color:#87938c;font-size:10px;line-height:1.5}.resource-modal{width:min(620px,calc(100vw - 40px))}.resource-active-toggle{display:flex!important;align-items:center;gap:8px!important}.resource-active-toggle input{width:auto;accent-color:var(--green)}.resource-table-panel{padding:0}.event-detail-modal{width:min(820px,calc(100vw - 36px))}.event-detail-modal .modal-body{max-height:calc(90vh - 125px);overflow:auto;display:grid;gap:12px}.event-detail-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fafcfb}.event-detail-summary>div{display:grid;gap:5px}.event-detail-summary span{color:#89958e;font-size:10px}.event-detail-summary b{color:#4a574f;font-size:11px}.event-detail-section{padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff}.event-detail-section .panel-header{padding:0 0 10px}.event-resource-list{display:grid;gap:7px}.event-resource-row{display:grid;grid-template-columns:minmax(0,1fr) 105px;align-items:center;gap:12px;padding:9px 10px;border:1px solid #edf0ed;border-radius:9px;background:#fbfcfb}.event-resource-meta b,.event-resource-meta small{display:block}.event-resource-meta b{color:#46534b;font-size:11px}.event-resource-meta small{margin-top:4px;color:#87938c;font-size:10px}.event-resource-row label{display:grid;gap:4px;color:#758178;font-size:10px}.event-resource-row input{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;padding:7px 8px;font-size:11px}.event-resource-readonly{justify-self:center;color:#536057;font-size:11px}.event-detail-actions{display:flex;justify-content:flex-start;margin-top:9px}.inline-error{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;border:1px solid #f0dcdc;border-radius:8px;background:#fff8f8;color:#a85656;font-size:10px}.event-checklist-controls{display:flex;align-items:flex-end;gap:9px}.event-checklist-controls label{display:grid;flex:1;gap:5px;color:#69756e;font-size:10px}.event-checklist-controls select{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px;font-size:11px}.event-task-list{display:grid;gap:5px;list-style:none;margin:10px 0 0;padding:0}.event-task-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:8px 9px;border-bottom:1px solid #eef1ef;color:#4d5b52;font-size:10px}.event-task-list .status{font-size:9px}.notifications-modal{width:min(600px,calc(100vw - 36px))}.notifications-modal .modal-body{max-height:70vh;overflow:auto}.notification-list{display:grid;gap:7px;list-style:none;margin:0;padding:0}.notification-item{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.notification-item-top,.notification-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.notification-item-top b{color:#435148;font-size:11px}.notification-item p{margin:7px 0;color:#66736b;font-size:10px;line-height:1.5}.notification-item-bottom time{color:#89958e;font-size:10px}
@media(max-width:760px){.calendar-toolbar{align-items:stretch;flex-direction:column}.calendar-date-controls{display:grid;grid-template-columns:36px minmax(0,1fr) 36px 65px}.calendar-date-controls input{width:100%;min-width:0}.calendar-mode-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-mode-switch button{padding-inline:4px}.calendar-period{align-items:flex-start}.calendar-month-grid{min-width:840px}.calendar-list-panel{padding:0 10px}.calendar-list-row{grid-template-columns:90px minmax(0,1fr);gap:8px}.calendar-list-meta{grid-column:2;display:flex;align-items:center}.event-detail-modal,.notifications-modal{width:calc(100vw - 20px)}.event-detail-summary{grid-template-columns:1fr 1fr}.event-resource-row{grid-template-columns:minmax(0,1fr) 82px;gap:7px;padding:8px}.event-resource-meta small{line-height:1.5}.event-checklist-controls{align-items:stretch;flex-direction:column}.event-checklist-controls .button{width:100%}.event-task-list li{grid-template-columns:minmax(0,1fr) auto}.event-task-list li .status{grid-column:1/-1;justify-self:start}.inline-error{align-items:flex-start;flex-direction:column}}
@media(max-width:430px){.calendar-date-controls{grid-template-columns:34px minmax(0,1fr) 34px 56px;gap:4px}.calendar-date-controls .button{padding-inline:5px}.event-detail-summary{grid-template-columns:1fr}.event-resource-row{grid-template-columns:minmax(0,1fr) 74px}.notification-item-top{align-items:flex-start}}
.event-detail-section .panel-header>div{display:grid;gap:4px;align-content:start;min-width:0}.event-detail-section .panel-header .panel-title,.event-detail-section .panel-header .panel-subtitle{display:block;margin:0;line-height:1.45}.event-detail-section .panel-header .panel-title{font-size:14px}.event-detail-section .panel-header .panel-subtitle{font-size:12px}.event-resource-meta b{font-size:14px}.event-resource-meta small{font-size:12px;line-height:1.5}.event-resource-row label{font-size:12px}.event-resource-row input,.event-resource-readonly{font-size:12px}.event-detail-summary span{font-size:12px}.event-detail-summary b{font-size:13px;line-height:1.45}.event-task-list li{font-size:12px;line-height:1.45}.event-task-list .status{font-size:10px}.calendar-help{font-size:12px}.event-detail-section .panel-header{align-items:flex-start}
@media(max-width:760px){.event-detail-section .panel-header>div{gap:5px}.event-resource-row{grid-template-columns:minmax(0,1fr) 86px}.event-resource-meta{min-width:0}.event-resource-meta b,.event-resource-meta small{overflow-wrap:anywhere}.event-task-list li{gap:8px;padding:10px 8px}.event-task-list li>span:nth-child(2){font-size:12px;white-space:nowrap}}
.calendar-page{grid-template-columns:minmax(0,1fr);overflow-x:visible}.calendar-month-grid{grid-template-columns:repeat(7,minmax(0,1fr));min-width:0}.calendar-week-grid{grid-template-columns:repeat(7,minmax(0,1fr));min-width:0}.calendar-week-column{min-width:0}.calendar-toolbar,.calendar-date-controls,.calendar-mode-switch{min-width:0}.calendar-month-cell{min-width:0}.calendar-weekdays span{min-width:0;padding-inline:3px}.calendar-list-main{min-width:0}.calendar-list-main small{overflow-wrap:anywhere}
@media(max-width:760px){.calendar-month-grid{min-width:0}.calendar-month-cell{padding:5px;min-height:96px}.calendar-entry{padding:5px 3px;grid-template-columns:minmax(0,1fr)}.calendar-entry .status{display:none}.calendar-entry-title{font-size:11px}.calendar-entry-kind{font-size:10px}.calendar-cell-date{font-size:12px}.calendar-week-grid{grid-template-columns:1fr 1fr}.calendar-week-column{min-height:130px}.calendar-mode-switch button{font-size:13px}.calendar-period{font-size:14px}}
@media(max-width:430px){.calendar-week-grid{grid-template-columns:1fr}.calendar-week-column{min-height:90px}.calendar-month-cell{padding:3px;min-height:80px}.calendar-entry-kind,.calendar-month-grid .calendar-item-time{display:none}.calendar-entry-title{font-size:10px}.calendar-weekdays span{font-size:9px}.calendar-date-controls .button{min-width:0}}
.page-toolbar .export-csv-button{margin-inline-start:auto;white-space:nowrap}.contract-modal{width:min(850px,calc(100vw - 36px))}.contract-modal .modal-body{max-height:calc(90vh - 140px);overflow:auto;display:grid;gap:13px}.contract-heading-status{display:grid;justify-items:start;gap:5px;margin-inline-start:auto}.contract-heading-status small,.contract-snapshot-heading small{color:#89958e;font-size:10px}.contract-snapshot{display:grid;gap:13px}.contract-snapshot-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.contract-snapshot-heading h3{margin:3px 0 0;font-size:16px;color:#3e4c44}.contract-snapshot-heading>div:last-child{display:grid;justify-items:end;gap:5px}.contract-parties{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contract-parties section,.contract-snapshot-facts>div{display:grid;gap:4px;padding:11px;border:1px solid #edf0ed;border-radius:9px;background:#fbfcfb;min-width:0}.contract-parties b,.contract-terms>b{font-size:12px;color:#4e5b53}.contract-parties span{font-size:13px;color:#3f4c44;font-weight:700}.contract-parties small,.contract-snapshot-facts small,.contract-issued-at{font-size:11px;color:#87938c;line-height:1.5;overflow-wrap:anywhere}.contract-snapshot-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.contract-snapshot-facts b{font-size:12px;color:#4b584f;line-height:1.5;overflow-wrap:anywhere}.contract-terms{padding:12px;border:1px solid #e7ece8;border-radius:10px;background:#fafcfb}.contract-terms p,.contract-draft-copy p{margin:6px 0 0;white-space:pre-wrap;line-height:1.7;font-size:12px;color:#536057;overflow-wrap:anywhere}.contract-detail-lines{overflow:auto;border:1px solid var(--line);border-radius:9px}.contract-detail-lines table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right}.contract-detail-lines th{font-size:10px;color:#929d96;background:#fafcfb}.contract-detail-lines td{font-size:11px;color:#4c5951}.contract-detail-lines th,.contract-detail-lines td{padding:9px 11px;border-bottom:1px solid #edf0ed}.contract-totals{display:grid;gap:7px;justify-items:end;color:#68756d;font-size:11px}.contract-totals span,.contract-totals strong{display:flex;justify-content:space-between;gap:20px;width:min(100%,340px)}.contract-totals b{color:#435148}.contract-totals strong{padding-top:8px;border-top:1px solid var(--line);font-size:13px;color:#263b30}.contract-issued-at{display:block;text-align:left}.contract-draft-copy{display:grid;gap:12px}.contract-draft-copy>div:first-child{padding:12px;border:1px solid #e7ece8;border-radius:10px;background:#fafcfb}.contract-draft-copy small{color:#87938c;font-size:11px}.contract-link-panel{padding:12px;border:1px solid #cfe2d4;border-radius:10px;background:#f4faf6}.contract-link-panel>b{font-size:12px;color:#24674f}.contract-link-panel p,.contract-link-note{margin:5px 0 9px;color:#748179;font-size:11px;line-height:1.5}.contract-link-actions{display:flex;gap:7px}.contract-link-actions input{flex:1;min-width:0;border:1px solid #dbe6de;border-radius:7px;padding:7px 9px;direction:ltr;text-align:left;font-size:11px;color:#526159}.field-optional{font-size:10px;color:#97a19b;font-weight:400}.contract-modal .modal-footer{flex-wrap:wrap}.contract-modal .modal-footer .danger{margin-inline-start:auto}
@media(max-width:760px){.page-toolbar{flex-wrap:wrap}.page-toolbar .search-box{min-width:0;flex:1 1 100%}.page-toolbar .export-csv-button{margin-inline-start:0}.contract-modal{width:calc(100vw - 18px)}.contract-modal .modal-header{align-items:flex-start}.contract-heading-status{margin-inline-start:0}.contract-parties{grid-template-columns:1fr}.contract-snapshot-facts{grid-template-columns:1fr 1fr}.contract-link-actions{flex-wrap:wrap}.contract-link-actions input{flex-basis:100%}.contract-modal .modal-footer .danger{margin-inline-start:0}}
@media(max-width:430px){.contract-snapshot-facts{grid-template-columns:1fr}.contract-modal .modal-header{gap:6px}.contract-modal .modal-header h2{font-size:14px}.contract-modal .modal-footer .button{flex:1}.contract-totals span,.contract-totals strong{width:100%}}
.modal-card{max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);display:flex;flex-direction:column}.modal-card>.modal-header,.modal-card>.modal-footer{flex:0 0 auto}.modal-card>.modal-body{min-height:0;flex:1 1 auto;overflow:auto}
.costing-modal .form-stack label,.costing-modal .form-grid label,.lead-workflow-modal .form-stack label,.lead-workflow-modal .form-grid label{font-size:14px}.costing-modal .form-stack input,.costing-modal .form-grid input,.costing-modal .form-grid textarea,.lead-workflow-modal .form-stack input,.lead-workflow-modal .form-grid input,.lead-workflow-modal .form-grid select,.lead-workflow-modal .form-grid textarea{font-size:14px}.costing-modal .panel-subtitle,.lead-workflow-modal .panel-subtitle{font-size:13px;line-height:1.55}.costing-modal h3,.lead-workflow-modal h3{font-size:13px}
.order-invoice-modal{width:min(560px,calc(100vw - 36px))}.order-invoice-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.order-invoice-summary>div{display:grid;gap:5px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fafcfb;min-width:0}.order-invoice-summary span,.order-invoice-hint{font-size:12px;color:#849087}.order-invoice-summary b{font-size:13px;color:#46534b;overflow-wrap:anywhere}.order-invoice-hint{line-height:1.5}.order-invoice-modal .modal-body>label{display:grid;gap:5px;font-size:13px;color:#657169}.order-invoice-modal input{border:1px solid var(--line);border-radius:8px;padding:9px;font-size:14px}.order-invoice-actions{display:grid;justify-items:start;gap:5px}
@media(max-width:430px){.order-invoice-summary{grid-template-columns:1fr}.order-invoice-modal .modal-footer .button{flex:1}}
@media(max-width:760px){.costing-modal .metric-banner{grid-template-columns:repeat(2,minmax(0,1fr))}}
.brand-mark{color:var(--brand-on-primary,#fff);background:linear-gradient(145deg,var(--green),var(--green-dark));box-shadow:0 6px 14px color-mix(in srgb,var(--green) 19%,transparent)}.brand-mark.has-logo{background:var(--brand-logo-background,#ffffff);box-shadow:none;overflow:hidden}.brand-mark img,.org-avatar img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}.org-avatar.has-logo{overflow:hidden;padding:2px;background:var(--brand-logo-background,#ffffff)}.org-avatar{color:var(--brand-text,var(--green))}.button.primary{color:var(--brand-on-primary,#fff)}.button:focus-visible,.nav-item:focus-visible,.brand-lockup:focus-visible{outline:2px solid var(--brand-focus-ring,#398f6a);outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--brand-focus-ring,#398f6a)}
.deployment-product-label{display:inline-flex;align-items:center;margin-top:9px;padding:5px 9px;border:1px solid #dfeae3;border-radius:999px;background:var(--green-soft);color:var(--brand-text,var(--green));font-size:12px;font-weight:700}.deployment-load-error{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px;margin:-8px 0 16px;padding:11px 12px;border:1px solid #f0d4d2;border-radius:10px;background:#fff7f6;color:#a54440;font-size:12px;line-height:1.6}.deployment-load-error .text-link{white-space:nowrap;color:#a54440}.demo-access{display:grid;justify-items:center;gap:2px;padding-top:2px}.demo-access .login-hint{margin:13px 0 0;direction:ltr}.demo-access .text-link{padding:6px 10px}.auth-switch button:disabled,.button:disabled,.text-link:disabled{cursor:not-allowed;opacity:.55}.login-card[data-deployment-loading="true"]{opacity:.88}
.staff-schedule-context-note{display:block;margin-top:3px;color:var(--brand-text,var(--green));font-size:12px;font-weight:600;line-height:1.5}.staff-schedule-interval{margin:0;padding:8px 10px;border-radius:8px;background:#f5f8f6;color:#69756e;font-size:12px;line-height:1.5}.staff-schedule-interval b{display:inline-block;margin:0 4px;color:#435148;font:700 13px 'IBM Plex Sans Arabic',Arial,sans-serif}.staff-schedule-interval span{color:#89958e;font-size:11px}
.branding-theme-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 8px;padding:0;border:0;min-width:0}.branding-theme-modes legend{padding:0 0 7px;color:#657169;font-size:12px;font-weight:700}.branding-theme-modes label{display:flex;align-items:flex-start;gap:8px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.branding-theme-modes label:has(input:checked){border-color:color-mix(in srgb,var(--green) 36%,#fff);background:var(--green-soft)}.branding-theme-modes input{flex:0 0 auto;margin:2px 0 0;accent-color:var(--green)}.branding-theme-modes span{display:grid;gap:4px}.branding-theme-modes b{color:#435148;font-size:11px}.branding-theme-modes small{color:#89958e;font-size:10px;line-height:1.45}.branding-mode-note{min-height:15px;margin:0 0 10px;color:#89958e;font-size:11px;line-height:1.55}.branding-theme-modes:disabled label{cursor:not-allowed;opacity:.75}
@media(max-width:760px){.branding-theme-modes{grid-template-columns:1fr}}
.branding-settings-grid{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);gap:14px;align-items:start}.workspace-settings-facts{display:grid;gap:8px;padding:0 17px 17px}.workspace-settings-facts>div{display:grid;gap:5px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fafcfb;min-width:0}.workspace-settings-facts span{color:#89958e;font-size:11px}.workspace-settings-facts b{color:#435148;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.branding-settings-body{padding:0 17px 17px}.branding-logo-row{display:flex;align-items:center;gap:14px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fafcfb}.branding-logo-preview{display:grid;place-items:center;flex:0 0 82px;width:82px;height:82px;border-radius:13px;background:linear-gradient(145deg,var(--green),var(--green-dark));color:var(--brand-on-primary,#fff);font-size:30px;font-weight:800;overflow:hidden}.branding-logo-preview.has-logo{background:var(--brand-logo-background,#ffffff);color:var(--brand-text,var(--green))}.branding-logo-preview img{width:100%;height:100%;object-fit:contain}.branding-logo-controls{display:grid;gap:5px;min-width:0}.branding-logo-controls>label{color:#435148;font-size:12px;font-weight:700}.branding-logo-controls p,.branding-logo-controls small,.branding-preview-note,.branding-readonly-note{margin:0;color:#89958e;font-size:11px;line-height:1.6}.branding-logo-controls input[type=file]{max-width:100%;color:#59665e;font-size:11px}.branding-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.branding-color-grid>label{display:grid;gap:7px;padding:11px;border:1px solid var(--line);border-radius:10px;color:#657169;font-size:11px;font-weight:700}.branding-color-grid>label>div{display:flex;align-items:center;gap:8px}.branding-color-grid input[type=color]{width:38px;height:34px;padding:3px;border:1px solid #e2e8e3;border-radius:7px;background:#fff}.branding-color-grid input[type=text]{width:112px;border:1px solid #e7ece8;border-radius:7px;padding:8px 9px;color:#435148;font:12px 'IBM Plex Sans Arabic',Arial,sans-serif;direction:ltr;text-align:left}.branding-preview-note{margin:9px 0}.branding-form-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.branding-form-actions .button{font-size:11px}.inline-error{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding:10px 12px;border:1px solid #f0dddd;border-radius:9px;background:#fff8f8;color:#a95c5c;font-size:11px;line-height:1.5}.inline-error .text-link{white-space:nowrap}
@media(max-width:760px){.branding-settings-grid{grid-template-columns:1fr}.workspace-settings-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.branding-settings-body{padding:0 13px 14px}}
@media(max-width:430px){.workspace-settings-facts{grid-template-columns:1fr}.branding-logo-row{align-items:flex-start;flex-direction:column}.branding-color-grid{grid-template-columns:1fr}.branding-form-actions .button{flex:1}}
.calendar-kind-staff{border-right-color:var(--brand-accent,#d2a145)}.calendar-kind-staff.calendar-item-kind-pill{background:color-mix(in srgb,var(--brand-accent,#d2a145) 12%,white);color:#67531f}
.eyebrow,.nav-item:hover,.nav-item.active,.nav-item.active .nav-icon,.text-link,.calendar-more,.date-block,.qa-icon,.stat-icon,.calendar-mode-switch button.active{color:var(--brand-text,var(--green))}.nav-item.active{background:var(--green-soft)}.stat-icon{background:var(--green-soft)}.date-block,.qa-icon{background:var(--green-soft)}
.branch-page-panel,.staff-schedule-panel{overflow:hidden}.branch-page-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px}.branch-page-intro b{color:#435148;font-size:13px}.branch-page-intro p{margin:4px 0 0;color:#89958e;font-size:11px;line-height:1.5}.branch-row-actions{display:flex;align-items:center;gap:10px}.branch-deactivate{color:#b46868}.branch-empty{display:grid;justify-items:center;gap:7px;padding:34px 18px;text-align:center}.branch-empty>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--green-soft);color:var(--green);font-size:18px}.branch-empty>b{color:#435148;font-size:13px}.branch-empty>p{max-width:420px;margin:0 0 5px;color:#89958e;font-size:11px;line-height:1.6}.branch-assignment-panel{margin:0 0 14px;overflow:hidden}.branch-assignment-panel .branch-page-intro{padding-bottom:10px}.branch-assignment-empty{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;padding:11px 13px;border:1px dashed #dce5df;border-radius:9px;background:#fff;color:#89958e;font-size:11px}.branch-subtext{display:block;margin-top:3px;color:#939e97;font-size:10px;direction:ltr;text-align:right}.branch-active-toggle{display:flex!important;align-items:center;gap:8px!important}.branch-active-toggle input{width:auto;accent-color:var(--green)}.branch-modal{width:min(500px,calc(100vw - 32px))}.staff-schedule-toolbar{display:flex;align-items:flex-end;gap:9px;margin-bottom:13px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#fff}.staff-schedule-toolbar label{display:grid;flex:1;min-width:130px;gap:5px;color:#68756d;font-size:11px;font-weight:700}.staff-schedule-toolbar input,.staff-schedule-toolbar select{width:100%;min-width:0;border:1px solid #e7ece8;border-radius:8px;background:#fff;padding:8px 9px;color:#435148;font-size:11px}.staff-schedule-modal{width:min(740px,calc(100vw - 32px))}.staff-schedule-modal .form-grid label{display:grid;gap:5px;color:#657169;font-size:11px;font-weight:600}.staff-schedule-modal input,.staff-schedule-modal select,.staff-schedule-modal textarea{width:100%;border:1px solid #e7ece8;border-radius:8px;background:#fff;padding:9px 10px;color:#39443e;font-size:12px}.staff-schedule-panel .data-table{min-width:880px}.staff-schedule-panel .data-table td{vertical-align:middle}
@media(max-width:760px){.staff-schedule-toolbar{align-items:stretch;flex-wrap:wrap}.staff-schedule-toolbar label{flex:1 1 calc(50% - 9px)}.staff-schedule-toolbar .button{flex:1 1 100%}.branch-page-intro{align-items:flex-start}.staff-schedule-modal .form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.branch-page-intro{flex-direction:column}.branch-page-intro .button{width:100%}.staff-schedule-toolbar{display:grid;grid-template-columns:1fr}.staff-schedule-toolbar label{width:100%}.staff-schedule-modal .form-grid{grid-template-columns:1fr}.staff-schedule-modal .span-2{grid-column:1}.branch-assignment-empty{align-items:flex-start;flex-direction:column}}
.read-only-preview-banner{position:sticky;top:0;z-index:12;display:flex;justify-content:center;align-items:center;min-height:40px;padding:9px 16px;border-bottom:1px solid #ead7ac;background:#fff6df;color:#76561e;text-align:center;font-size:13px;font-weight:700;line-height:1.5}
#app.read-only-preview-mode .topbar{top:40px}
#login-screen.read-only-preview-mode #register-form,#login-screen.read-only-preview-mode .auth-switch{display:none!important}
@media(max-width:760px){.read-only-preview-banner{min-height:42px;padding:8px 12px;font-size:12px}#app.read-only-preview-mode .topbar{top:42px}}

:root{font-family:'IBM Plex Sans Arabic',Arial,sans-serif;font-size:15px;font-weight:500;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:'lnum' 1,'tnum' 1}body,button,input,select,textarea{font-family:'IBM Plex Sans Arabic',Arial,sans-serif}body{line-height:1.65}h1,h2,h3,h4,h5,h6{line-height:1.4;letter-spacing:normal}.page-heading h1,.stat-value,.mini-metric b,.data-table td,.data-table th,.form-stack input,.form-stack select,.form-stack textarea{font-variant-numeric:lining-nums tabular-nums;font-feature-settings:'lnum' 1,'tnum' 1}.page-heading h1,.stat-value,.mini-metric b{letter-spacing:0}.data-table td,.data-table th{line-height:1.55}
.branding-settings-grid>.numbering-settings-card{grid-column:1;grid-row:2;padding-bottom:17px}.branding-settings-grid>.branding-settings-card{grid-column:2;grid-row:1/span 2}.numbering-system-setting{display:grid;gap:8px;margin:0 17px 12px;font-size:13px;font-weight:700;color:var(--brand-text,#435148)}.numbering-system-setting select{width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:inherit;font:inherit}.numbering-settings-card>.panel-subtitle,.numbering-settings-card>.form-error{margin-inline:17px}.numbering-system-setting select:focus-visible{outline:3px solid var(--brand-focus-ring,#d8e8df);outline-offset:2px}@media(max-width:760px){.branding-settings-grid>.numbering-settings-card,.branding-settings-grid>.branding-settings-card{grid-column:1;grid-row:auto}}
.billing-page{display:grid;gap:16px}.billing-page .page-heading{margin-bottom:0}.billing-panel,.billing-settings-panel{min-width:0}.billing-settings-panel .panel-header{align-items:center}.billing-settings-panel .panel-subtitle{margin:4px 0 0}.billing-settings-summary{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:0 17px 10px;color:#657169;font-size:13px}.billing-settings-request{margin:0;padding:0 17px 16px;color:#657169;font-size:12px}.billing-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 17px 17px}.billing-facts>div{display:grid;align-content:start;gap:5px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fafcfb}.billing-facts small,.billing-request-heading small{color:#89958e;font-size:11px}.billing-facts b,.billing-request-heading b{color:#435148;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.billing-status{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 10px;border-radius:99px;background:#e9f5ee;color:#277250;font-size:12px;font-weight:700}.billing-status.trial{background:#fff4dd;color:#946a18}.billing-status.expired{background:#fff0ee;color:#a34e47}.billing-expired-alert{display:grid;gap:4px;padding:14px 16px;border:1px solid #f0dddd;border-radius:11px;background:#fff8f7;color:#8b4e49}.billing-expired-alert b{font-size:14px}.billing-expired-alert span,.billing-active-note,.billing-preview-note{font-size:12px;line-height:1.7}.billing-request-summary{padding:0 17px 17px}.billing-request-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 0 12px}.billing-request-heading>div{display:grid;gap:3px}.billing-request-summary .request-facts{padding:0}.billing-request-notes{margin:11px 0 0;padding:10px 12px;border-radius:8px;background:#f7f9f7;color:#5d6a62;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.billing-request-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0 17px 17px}.billing-request-form>label{display:grid;align-content:start;gap:7px;color:#46534b;font-size:13px;font-weight:700}.billing-request-form input,.billing-request-form textarea{width:100%;min-height:43px;padding:9px 11px;border:1px solid #dfe7e1;border-radius:8px;background:#fff;color:#334139;font:inherit;font-weight:500}.billing-request-form textarea{min-height:88px;resize:vertical}.billing-request-form .billing-notes-field,.billing-request-form .billing-form-note,.billing-request-form .form-error,.billing-request-form .button{grid-column:1/-1}.billing-request-form .field-optional{color:#89958e;font-size:11px;font-weight:500}.billing-form-note{margin:0;color:#7e8982;font-size:12px}.billing-form-note,.billing-request-form .form-error{line-height:1.6}.billing-preview-note,.billing-active-note{margin:0 17px 16px;padding:11px 13px;border-radius:9px;background:#f5f8f6;color:#5e6a62}.billing-page-actions{display:flex;justify-content:flex-start}.billing-inline-error,.billing-error-message{color:#a34e47;font-size:13px;line-height:1.7}.billing-settings-panel>.billing-error-message,.billing-settings-panel>.billing-settings-retry{margin:0 17px 13px}.billing-settings-panel>.billing-settings-retry{margin-bottom:17px}
@media(max-width:760px){.billing-page{gap:12px}.billing-request-form{grid-template-columns:1fr;padding-inline:13px}.billing-request-form .billing-notes-field,.billing-request-form .billing-form-note,.billing-request-form .form-error,.billing-request-form .button{grid-column:1}.billing-facts{gap:7px;padding-inline:13px}.billing-facts>div{padding:9px}.billing-request-summary{padding-inline:13px}.billing-settings-summary,.billing-settings-request{padding-inline:13px}.billing-settings-panel>.billing-error-message,.billing-settings-panel>.billing-settings-retry{margin-inline:13px}.billing-request-heading{align-items:flex-start}.billing-expired-alert{padding:12px}}
@media(max-width:430px){.billing-facts{grid-template-columns:1fr}.billing-facts>div{grid-template-columns:minmax(85px,.6fr) minmax(0,1fr);align-items:center}.billing-facts small{font-size:10px}.billing-facts b{font-size:12px}.billing-settings-summary{align-items:flex-start;flex-direction:column}.billing-request-heading{gap:5px}.billing-request-heading .billing-status{font-size:10px}}

.topbar-start{min-width:0;gap:16px}.global-search{position:relative;z-index:20;width:min(310px,28vw);direction:rtl}.global-search-trigger{display:flex;width:100%;height:38px;align-items:center;gap:8px;padding:0 10px;border:1px solid #e4eae5;border-radius:9px;background:#fff;color:#7c8981;text-align:right;font:inherit;font-size:12px}.global-search-trigger:hover,.global-search-trigger[aria-expanded="true"]{border-color:#cbded1;background:#fbfdfb}.global-search-trigger-icon,.global-search-input-wrap>span{flex:0 0 auto;color:var(--brand-text,var(--green));font-size:20px;line-height:1}.global-search-trigger-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-trigger kbd{padding:2px 5px;border:1px solid #e7ece8;border-radius:5px;background:#f8faf8;color:#98a39c;direction:ltr;font:10px 'IBM Plex Sans Arabic',Arial,sans-serif;white-space:nowrap}.global-search-popover{position:absolute;top:calc(100% + 9px);right:0;width:min(480px,calc(100vw - 24px));padding:10px;border:1px solid #e4eae5;border-radius:12px;background:#fff;box-shadow:0 16px 50px #1d352522}.global-search-popover[hidden]{display:none}.global-search-input-wrap{display:flex;align-items:center;gap:8px;padding:0 8px;border:1px solid #dfe7e1;border-radius:9px;background:#fff}.global-search-input-wrap:focus-within{border-color:var(--brand-focus-ring,var(--green));box-shadow:0 0 0 3px #187a5d14}.global-search-input-wrap input{min-width:0;flex:1;height:42px;border:0;outline:0;background:transparent;color:#334139;font:inherit;font-size:13px}.global-search-input-wrap input::-webkit-search-cancel-button{cursor:pointer}.global-search-close{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:#87938c;font-size:18px}.global-search-close:hover{background:#f0f4f1}.global-search-results{display:grid;gap:3px;max-height:min(440px,60vh);overflow:auto;padding:6px 0}.global-search-result{display:flex;align-items:center;gap:10px;width:100%;min-width:0;padding:9px 8px;border:0;border-radius:8px;background:#fff;color:#435148;text-align:right}.global-search-result:hover,.global-search-result.active{background:#f1f7f3}.global-search-result-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:var(--green-soft);color:var(--brand-text,var(--green));font-size:17px}.global-search-result-copy{display:grid;min-width:0;flex:1;gap:2px}.global-search-result-copy b{overflow:hidden;color:#35423a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.global-search-result-copy small,.global-search-result-meta small{overflow:hidden;color:#87938c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.global-search-result-meta{display:grid;justify-items:end;gap:2px;max-width:105px}.global-search-result-meta small:first-child{color:#4c755f;font-weight:700}.global-search-status{padding:8px 9px;color:#87938c;font-size:11px;line-height:1.5}.global-search-help{display:block;padding:5px 9px 2px;border-top:1px solid #f0f3f1;color:#9aa49e;font-size:10px}.global-search-trigger:focus-visible,.global-search-result:focus-visible,.global-search-close:focus-visible{outline:2px solid var(--brand-focus-ring,var(--green));outline-offset:2px}
@media(max-width:900px){.global-search{width:min(270px,32vw)}}
@media(max-width:650px){.topbar-start{gap:7px}.global-search{width:38px;flex:0 0 38px}.global-search-trigger{justify-content:center;width:38px;padding:0}.global-search-trigger-label,.global-search-trigger kbd{display:none}.global-search-trigger-icon{font-size:22px}.global-search-popover{right:auto;left:0;width:min(460px,calc(100vw - 20px))}.global-search-result{gap:7px;padding:8px 6px}.global-search-result-meta{max-width:78px}}
.package-table-panel{overflow:hidden}.package-name-cell{display:grid;gap:3px;min-width:145px}.package-name-cell b{color:#34423a;font-size:13px}.package-name-cell small,.package-parts-preview,.package-actions small,.package-optional-count{color:#859188;font-size:11px;line-height:1.55}.package-parts-preview{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.package-table-panel td>small{display:block;color:#8a968f;font-size:10px}.package-cost{display:block;font-weight:700}.package-profit{display:block;color:#77857c;font-size:10px}.package-actions{display:flex;align-items:center;gap:9px;white-space:nowrap}.package-loading,.package-error{padding:16px}.package-error p{margin:0 0 10px;color:#a34e47;font-size:13px}.package-editor-modal{width:min(980px,calc(100vw - 40px))}.package-editor-modal .modal-body{padding:16px 20px}.package-header-fields{margin-bottom:10px}.package-active-toggle{display:flex!important;align-items:center;gap:8px}.package-active-toggle input,.package-optional-check input{width:17px;height:17px;accent-color:var(--green)}.package-lines-heading{margin:8px 0 10px}.package-editor-lines{display:grid;gap:11px}.package-line{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fbfcfb}.package-line-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(130px,.8fr) auto 34px;gap:10px;align-items:end}.package-line-top label,.package-line-fields label{display:grid;gap:6px;color:#46534b;font-size:12px;font-weight:700}.package-line-top select,.package-line-fields input,.package-line-fields select,.package-header-fields input,.package-header-fields textarea{min-width:0;min-height:40px;padding:8px 10px;border:1px solid #dfe7e1;border-radius:8px;background:#fff;color:#334139;font:inherit;font-size:13px;font-weight:500}.package-line-fields{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(90px,1fr));gap:10px;margin-top:11px}.package-optional-check{display:flex!important;align-items:center;gap:7px;min-height:40px;white-space:nowrap}.package-optional-check input{margin:0}.package-remove-line{width:34px;height:40px}.package-stale-component,.package-cost-permission-note,.package-catalog-error{display:block;margin-top:9px;padding:9px 11px;border-radius:8px;background:#f5f8f6;color:#68766e;font-size:11px;line-height:1.6}.package-cost-permission-note{margin:0 0 10px}.package-catalog-error{background:#fff8ed;color:#8c6d35}.package-editor-summary{display:flex;flex-wrap:wrap;gap:9px;margin-top:11px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#f7faf8}.package-editor-summary>div{display:grid;gap:3px;min-width:130px;padding:3px 7px}.package-editor-summary small{color:#849188;font-size:10px}.package-editor-summary b{color:#35443b;font-size:13px}.package-summary-hint{color:#839087;font-size:11px;align-content:center}.quote-package-tools{display:grid;gap:10px;padding:12px;border:1px solid #dfe9e2;border-radius:10px;background:#f8fbf9}.quote-package-title{display:grid;gap:2px}.quote-package-title b{color:#405047;font-size:13px}.quote-package-title small{color:#829087;font-size:11px}.quote-package-controls{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(110px,.5fr) auto;gap:9px;align-items:end}.quote-package-controls label{display:grid;gap:5px;color:#56645b;font-size:11px;font-weight:700}.quote-package-controls select,.quote-package-controls input{min-width:0;height:39px;padding:7px 9px;border:1px solid #dfe7e1;border-radius:8px;background:#fff;color:#334139;font:inherit}.quote-package-items{display:grid;gap:8px}.quote-package-detail{display:grid;gap:2px}.quote-package-detail b{font-size:12px;color:#3b4b41}.quote-package-detail span{font-size:11px;color:#89958e}.quote-package-component-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.quote-package-component{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #e6ece7;border-radius:8px;background:#fff;min-width:0}.quote-package-component>span{display:flex;align-items:center;gap:6px;min-width:0}.quote-package-component b{font-size:11px;font-weight:600;color:#45534a;overflow-wrap:anywhere}.quote-package-component small{font-size:10px;color:#869289;white-space:nowrap}.quote-package-component i{font-size:10px;font-style:normal;color:#7a887f}.quote-package-component input{width:16px;height:16px;accent-color:var(--green)}
@media(max-width:760px){.package-editor-modal{width:calc(100vw - 18px)}.package-editor-modal .modal-body{padding:13px}.package-line-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto 34px;gap:7px}.package-line-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.package-line-fields label:first-child{grid-column:1/-1}.package-actions{flex-wrap:wrap;gap:5px}.package-parts-preview{max-width:155px}.quote-package-controls{grid-template-columns:minmax(0,1fr) minmax(90px,.45fr)}.quote-package-controls .button{grid-column:1/-1}.quote-package-component-list{grid-template-columns:1fr}}
@media(max-width:430px){.package-line{padding:9px}.package-line-top{grid-template-columns:minmax(0,1fr) auto 32px}.package-line-top label:nth-child(2){grid-column:1}.package-optional-check{grid-column:2;grid-row:1}.package-remove-line{grid-column:3;grid-row:1}.package-line-fields{grid-template-columns:1fr 1fr}.package-line-fields label:first-child{grid-column:1/-1}.package-editor-summary>div{min-width:calc(50% - 6px)}.quote-package-controls{grid-template-columns:1fr}.quote-package-controls .button{grid-column:1}.package-table-panel .data-table{min-width:680px}}
.quote-checklist-editor,.quote-checklist-snapshot{display:grid;gap:9px;padding:13px 14px;border:1px solid #e2eae4;border-radius:10px;background:#f8fbf9}.quote-checklist-editor>div,.quote-checklist-snapshot>div{display:grid;gap:3px}.quote-checklist-editor>div b,.quote-checklist-snapshot>div b{color:#405047;font-size:13px}.quote-checklist-editor>div small,.quote-checklist-snapshot small,.quote-checklist-note{color:#849188;font-size:11px;line-height:1.6}.quote-checklist-select{display:grid;gap:6px;max-width:440px;color:#4e5b53;font-size:12px;font-weight:700}.quote-checklist-select select{width:100%;min-height:40px;padding:8px 10px;border:1px solid #dfe7e1;border-radius:8px;background:#fff;color:#334139;font:inherit;font-size:13px;font-weight:500}.quote-checklist-select select:disabled{background:#f1f4f2;color:#8b9690}.quote-checklist-note{margin:0}.quote-checklist-snapshot{margin-bottom:13px;background:#f4faf6}.quote-checklist-snapshot>div span{color:#7e8b82;font-size:11px}.password-forgot-link{display:block;margin:-6px 0 0 auto;padding:4px 0;text-align:right}.password-recovery-root{margin-top:18px}.password-recovery-panel{display:grid;gap:17px;padding:16px;border:1px solid #e6ece7;border-radius:12px;background:#fbfcfb}.password-recovery-heading{display:grid;gap:6px}.password-recovery-heading .eyebrow{margin:0}.password-recovery-heading h2{margin:0;color:#34423a;font-size:20px}.password-recovery-heading p{margin:0;color:#758179;font-size:12px;line-height:1.7}.password-recovery-panel .form-stack{gap:12px}.password-recovery-panel label{display:grid;gap:7px;color:#48564d;font-size:12px;font-weight:700}.password-recovery-panel input{width:100%;min-height:43px;padding:9px 11px;border:1px solid #dfe7e1;border-radius:8px;background:#fff;color:#334139;font:inherit;font-size:13px;font-weight:500}.password-recovery-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.password-recovery-actions .button{min-width:150px}.password-recovery-message{margin:0;padding:11px 12px;border-radius:9px;background:#edf7f0;color:#35664b;font-size:12px;line-height:1.7}
@media(max-width:760px){.quote-checklist-editor,.quote-checklist-snapshot{padding:11px}.password-recovery-panel{padding:13px}.password-recovery-actions{align-items:stretch}.password-recovery-actions .button{width:100%}.password-recovery-actions .text-link{align-self:center}}
.production-consumption-entry{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:11px;border-top:1px solid #edf1ed}.production-consumption-entry>span{color:#7e8b82;font-size:11px}.production-consumption-modal{width:min(760px,calc(100vw - 36px))}.production-consumption-modal>.modal-header{padding:17px 20px}.production-consumption-modal .modal-header h2{margin:0;color:#34423a;font-size:18px}.production-consumption-modal .modal-header p{margin:4px 0 0;color:#849188;font-size:12px}.production-consumption-body{display:grid;gap:14px;padding:17px 20px}.production-consumption-modes{display:grid;gap:8px;margin:0;padding:0;border:0}.production-consumption-modes legend{margin-bottom:8px;color:#435148;font-size:13px;font-weight:700}.production-consumption-modes label{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #e3eae4;border-radius:9px;background:#fff;cursor:pointer}.production-consumption-modes label:has(input:checked){border-color:#a9cbb4;background:#f5faf6}.production-consumption-modes input{flex:0 0 17px;width:17px;height:17px;margin:2px 0 0;accent-color:var(--green)}.production-consumption-modes label span{display:grid;gap:3px}.production-consumption-modes label b{color:#405047;font-size:12px}.production-consumption-modes label small{color:#839087;font-size:11px;line-height:1.6}.production-consumption-measurements{display:grid;gap:9px}.production-consumption-measurements[hidden]{display:none}.production-consumption-measurements h3{margin:0 0 2px;color:#435148;font-size:13px}.production-consumption-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(130px,.7fr) minmax(130px,.7fr);gap:10px;align-items:end;padding:10px;border:1px solid #e9eeea;border-radius:9px;background:#fbfcfb}.production-consumption-ingredient{align-self:center;display:grid;gap:4px;min-width:0}.production-consumption-ingredient b{color:#405047;font-size:12px;overflow-wrap:anywhere}.production-consumption-ingredient small{color:#87938c;font-size:10px;line-height:1.5}.production-consumption-row label{display:grid;gap:5px;color:#5b685f;font-size:10px;font-weight:700}.production-consumption-row input{width:100%;min-width:0;height:38px;padding:7px 9px;border:1px solid #dfe7e1;border-radius:7px;background:#fff;color:#334139;font:inherit;font-size:13px;direction:ltr;text-align:left}.production-consumption-row input:focus{outline:2px solid var(--brand-focus-ring,var(--green));outline-offset:1px}.production-consumption-empty{margin:0;padding:12px;border-radius:8px;background:#f8faf8;color:#849188;font-size:11px}.production-consumption-error{min-height:0;margin:0;color:#a34e47;font-size:12px;line-height:1.6}.production-consumption-reload{min-height:0}.production-consumption-actions{display:flex;justify-content:flex-end;gap:9px;padding:0;border:0}.production-consumption-actions .button{min-width:120px}
@media(max-width:650px){.production-consumption-entry{align-items:stretch;flex-direction:column}.production-consumption-entry .button{width:100%}.production-consumption-modal{width:calc(100vw - 18px)}.production-consumption-modal>.modal-header{padding:14px}.production-consumption-body{gap:11px;padding:13px}.production-consumption-row{grid-template-columns:1fr 1fr;gap:8px}.production-consumption-ingredient{grid-column:1/-1}.production-consumption-row label{font-size:10px}.production-consumption-actions{flex-direction:column-reverse}.production-consumption-actions .button{width:100%}}
.acceptance-plan-launch{margin:0 0 13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 12px}.acceptance-plan-launch>div{display:grid;gap:3px}.acceptance-plan-launch>div span{font-size:11px}.acceptance-plan-launch>div b{font-size:13px;color:#405047}.acceptance-plan-launch>small{color:#849188;font-size:11px;line-height:1.5}.acceptance-plan-launch .button{grid-column:2;grid-row:1/3}.acceptance-plan-modal{width:min(800px,calc(100vw - 36px))}.acceptance-plan-modal .modal-body{display:grid;gap:12px}.acceptance-plan-section{display:grid;gap:13px}.acceptance-plan-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #e1e9e3;border-radius:10px;background:#f8fbf9}.acceptance-plan-heading>div{display:grid;gap:5px}.acceptance-plan-heading b{color:#35443b;font-size:14px}.acceptance-plan-heading small{color:#78867d;font-size:11px;line-height:1.6}.acceptance-plan-heading>strong{flex:0 0 auto;color:var(--brand-text,var(--green));font-size:12px}.acceptance-plan-editor-group{display:grid;gap:9px}.acceptance-plan-editor-group>.panel-header{padding:0 0 2px}.acceptance-plan-editor-group>.panel-header>div{display:grid;gap:3px}.acceptance-plan-editor-group>.panel-header b{font-size:13px;color:#405047}.acceptance-plan-editor-group>.panel-header small{font-size:11px;color:#849188}.acceptance-plan-resource-list,.acceptance-plan-payment-list{display:grid;gap:8px}.acceptance-plan-resource-row{display:grid;grid-template-columns:minmax(0,1fr) 130px 36px;gap:9px;align-items:end;padding:10px;border:1px solid #e8eee9;border-radius:9px;background:#fbfcfb}.acceptance-plan-payment-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,.8fr) minmax(125px,.8fr) 36px;gap:9px;align-items:end;padding:10px;border:1px solid #e8eee9;border-radius:9px;background:#fbfcfb}.acceptance-plan-resource-row label,.acceptance-plan-payment-row label{display:grid;gap:5px;color:#56635a;font-size:11px;font-weight:700}.acceptance-plan-resource-row select,.acceptance-plan-resource-row input,.acceptance-plan-payment-row input{width:100%;min-width:0;height:40px;padding:8px 9px;border:1px solid #dfe7e1;border-radius:8px;background:#fff;color:#334139;font:inherit;font-size:13px;font-weight:500}.acceptance-plan-resource-row input,.acceptance-plan-payment-row input[name="amount"]{direction:ltr;text-align:left}.acceptance-plan-resource-row input:focus,.acceptance-plan-payment-row input:focus,.acceptance-plan-resource-row select:focus{outline:2px solid var(--brand-focus-ring,var(--green));outline-offset:1px}.acceptance-plan-resource-row .icon-button,.acceptance-plan-payment-row .icon-button{width:36px;height:40px;color:#a66b6b}.acceptance-plan-warning{margin:0;padding:9px 11px;border-radius:8px;background:#fff7e9;color:#866b36;font-size:11px;line-height:1.6}.acceptance-plan-warning .text-link{font-size:11px}.acceptance-plan-muted,.acceptance-plan-empty{margin:0;color:#859188;font-size:11px;line-height:1.6}.acceptance-plan-summary{display:grid;gap:10px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.acceptance-plan-summary>div{display:grid;gap:5px}.acceptance-plan-summary b{color:#405047;font-size:12px}.acceptance-plan-summary ul{display:grid;gap:5px;margin:0;padding:0 18px 0 0;color:#657269;font-size:11px;line-height:1.6}.acceptance-plan-summary p{margin:0;color:#89958e;font-size:11px}.acceptance-plan-total{display:flex!important;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--line)}.acceptance-plan-total span{color:#7b887f;font-size:11px}.acceptance-plan-total b{color:var(--brand-text,var(--green));font-size:14px}.acceptance-plan-actions{display:flex;justify-content:space-between;gap:9px;padding-top:10px;border-top:1px solid #edf0ed}.acceptance-plan-section .form-error{margin:0}
@media(max-width:650px){.acceptance-plan-modal{width:calc(100vw - 18px)}.acceptance-plan-modal .modal-header{padding:14px}.acceptance-plan-modal .modal-body{padding:13px}.acceptance-plan-heading{flex-direction:column}.acceptance-plan-resource-row{grid-template-columns:minmax(0,1fr) 84px 34px;gap:6px;padding:8px}.acceptance-plan-payment-row{grid-template-columns:minmax(0,1fr) 34px;gap:7px;padding:8px}.acceptance-plan-payment-row label{grid-column:1/-1}.acceptance-plan-payment-row label:first-child{grid-column:1}.acceptance-plan-payment-row .icon-button{grid-column:2;grid-row:1}.acceptance-plan-resource-row .icon-button,.acceptance-plan-payment-row .icon-button{width:34px}.acceptance-plan-actions{flex-direction:column-reverse}.acceptance-plan-actions .button{width:100%}.acceptance-plan-launch{grid-template-columns:1fr}.acceptance-plan-launch .button{grid-column:1;grid-row:auto;justify-self:start}}
/* Phones read every data table as stacked cards; app.js (labelTableCells) copies each column header into data-label and marks the row's main cell .stack-head.
   right/left are deliberate here: the label column hugs the card's start edge (right) even inside cells that carry dir="ltr" (phones, times), where logical properties would flip it. */
@media(max-width:640px){.stack-table{display:block;width:100%;min-width:0!important;white-space:normal}.stack-table>thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.stack-table>tbody{display:grid;gap:10px;padding:10px}.stack-table>tbody>tr{display:flex;flex-direction:column;min-width:0;padding:2px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 1px 3px #253b2e08}.stack-table>tbody>tr>td{display:block;min-width:0;max-width:none;padding:9px 112px 9px 0;font-size:13px;line-height:1.6;color:#4f5b54;white-space:normal;overflow-wrap:anywhere;border-bottom:0}.stack-table>tbody>tr>td:not(:last-child){border-bottom:1px solid #f0f2f0}.stack-table>tbody>tr>td[data-label]::before{content:attr(data-label);float:right;width:102px;margin-right:-112px;color:#86918c;font-size:12px;font-weight:600;line-height:1.6;overflow-wrap:normal}.stack-table>tbody>tr>td:not([data-label]),.stack-table>tbody>tr>td.stack-full{padding-right:0}.stack-table>tbody>tr>td.stack-head{order:-1;padding:12px 0 10px;font-size:15px;font-weight:700;line-height:1.5;color:#354039;border-bottom:1px solid var(--line)}.stack-table>tbody>tr>td.stack-head::before{content:none}.stack-table>tbody>tr>td.stack-head .text-link{padding:0;font-size:inherit;text-align:right}.stack-table>tbody>tr>td.table-empty{padding:28px 8px;text-align:center}.stack-table>tbody>tr>td select{width:100%;max-width:100%;min-height:44px;padding:8px 10px;font-size:16px}.stack-table>tbody>tr>td :is(button,.button){min-height:44px}.stack-table>tbody>tr>td .button.small{padding:8px 14px;font-size:13px}.stack-table>tbody>tr>td .text-link{display:inline-flex;align-items:center;padding:0 6px;font-size:13px;line-height:1.4;text-align:right}.stack-table>tbody>tr>td summary{padding-block:12px}.stack-table>tbody>tr>td[data-label]:has(>:is(select,button,.order-invoice-actions,.quote-status-cell,.catalog-row-actions,.package-actions):first-child)::before{padding-top:12px}}

/* Contract consent receipts in the staff dialog. */
.contract-signature-receipt{overflow-wrap:anywhere}.contract-signature-receipt dl{display:grid;gap:10px}.contract-signature-receipt dt{color:var(--muted,#657372);font-size:12px}.contract-signature-receipt dd{margin:0}.contract-signature-receipt code{display:inline-block;max-width:100%;overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate}
.panel[data-bundle-owner-root]{margin-top:20px;padding:22px;overflow-wrap:anywhere}
[data-bundle-owner-root] form{display:grid;gap:14px}
[data-bundle-owner-root] label{display:grid;gap:7px}
[data-bundle-owner-root] input[type=text],[data-bundle-owner-root] textarea{width:100%;box-sizing:border-box;font:inherit;padding:11px;border:1px solid var(--border,#dce5e0);border-radius:9px}
[data-bundle-owner-root] button{min-height:44px;font:inherit;cursor:pointer}
[data-bundle-owner-root] textarea{direction:ltr;unicode-bidi:isolate;min-height:100px;overflow-wrap:anywhere}
[data-bundle-owner-root] code{direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere}
[data-bundle-owner-root] [role=alert]{color:#a43131}
[data-bundle-link-flow-root] .bundle-link-section{margin-block:18px;padding-block:16px;border-top:1px solid var(--border,#dce5e0);display:grid;gap:12px}
[data-bundle-link-flow-root] .bundle-link-section[hidden]{display:none}
[data-bundle-link-flow-root] .bundle-link-consent{display:flex;align-items:center;gap:10px;line-height:1.7;min-height:44px}
[data-bundle-link-flow-root] .bundle-link-consent input{flex:0 0 auto;width:20px;height:20px}
[data-bundle-link-flow-root] input{min-height:44px;min-width:0}
[data-bundle-link-flow-root] p{line-height:1.8;margin-block:4px}
[data-bundle-link-flow-root] button{max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:10px 16px}
[data-bundle-link-flow-root] input[dir=ltr]{text-align:left;unicode-bidi:isolate}
[data-bundle-billing-root] [data-bundle-billing-header]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px}
[data-bundle-billing-root] [data-bundle-billing-body]{padding:16px}
[data-bundle-billing-root] form{display:grid;gap:12px;max-width:680px}
[data-bundle-billing-root] form>input,[data-bundle-billing-root] select{width:100%;min-height:44px;padding:10px;border:1px solid var(--border,#dce5e1);border-radius:8px;font:inherit;background:var(--surface,#fff);color:inherit}
[data-bundle-billing-root] label{display:flex;align-items:flex-start;gap:8px;line-height:1.8}
[data-bundle-billing-root] input[type=checkbox]{margin-top:7px;flex-shrink:0}
[data-bundle-billing-root] button{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:10px 16px}
[data-bundle-billing-root] p{line-height:1.8;overflow-wrap:anywhere}
.demo-banner{padding:8px 16px;background:#fbf3e2;border-bottom:1px solid #f0e0bd;color:#7a5a17;font-size:13px;line-height:1.6;text-align:center}
.demo-login-note{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#fbf3e2;color:#7a5a17;font-size:13px;line-height:1.7}
.password-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.form-grid>label{align-content:start}
.audit-raw{margin-top:4px;color:#87938c;font-size:10px}.audit-raw summary{cursor:pointer}.audit-raw code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;margin-top:4px}
.quote-rotate-link{margin-inline-start:10px;color:#9a6b5c}