:root {
  --paper:#f2f5f1; --surface:#fff; --line:#dfe6e1; --green:#174f3d;
  --green-bright:#2f7a5c; --green2:#e5f1eb; --orange:#e2773f;
  --shadow:0 20px 60px rgba(24,62,48,.10);
}
body {
  background:radial-gradient(circle at 88% -10%,rgba(79,151,115,.12),transparent 28rem),
    radial-gradient(circle at 25% 110%,rgba(226,119,63,.07),transparent 30rem),var(--paper);
}
.app-shell { grid-template-columns:270px minmax(0,1fr); }
.sidebar { padding:22px 16px; background:linear-gradient(180deg,#12392d,#102b23); box-shadow:18px 0 50px rgba(15,48,37,.08); }
.logo-row { padding:2px 9px 22px; }
.sidebar nav { overflow-y:auto; min-height:0; padding:0 4px 18px; margin:16px -4px 0; scrollbar-width:thin; }
.sidebar nav button { position:relative; min-height:43px; padding:11px 13px; border-radius:12px; color:#b9cec5; font-weight:650; transition:.18s; }
.sidebar nav button:hover { transform:translateX(2px); }
.sidebar nav button.active { background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.08)); box-shadow:inset 3px 0 0 #f0a06c; color:#fff; }
.workspace>header { height:88px; background:rgba(255,255,255,.88); backdrop-filter:blur(14px); padding:18px 32px; }
.content { padding:30px 32px 48px; max-width:1680px; width:100%; margin:0 auto; }
.settings-nav { padding:12px 32px 12px!important; border-bottom:1px solid var(--line); background:rgba(255,255,255,.68)!important; backdrop-filter:blur(12px); }
.login-shell{display:grid;grid-template-columns:1fr;background:radial-gradient(circle at 15% 15%,rgba(34,79,63,.09),transparent 34%),var(--paper)}
.login-panel{min-height:100vh;padding:40px 20px}
.login-card{width:min(460px,100%);padding:34px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}
.login-register{display:block;width:100%;padding:14px 0 2px;text-align:center;color:var(--green);font-weight:750}
.workspace,.content,#content,#content>form{min-width:0;max-width:100%}
.content{overflow-x:clip}
.settings-nav{max-width:100%;min-width:0}
.button { border-radius:12px; min-height:42px; padding:10px 17px; transition:transform .16s,box-shadow .16s,background .16s; }
.button:hover { transform:translateY(-1px); }
.button.primary { background:linear-gradient(135deg,var(--green),#266b51); box-shadow:0 8px 20px rgba(23,79,61,.18); }
.button.secondary:hover { border-color:#b8c8c0; box-shadow:0 6px 18px rgba(34,66,54,.08); }
input,select,textarea { min-height:44px; border-radius:12px; background:var(--field,#fff); transition:border .16s,box-shadow .16s; }
.card { border-radius:18px; border-color:rgba(190,205,197,.72); box-shadow:0 7px 24px rgba(28,62,48,.055); }
.cards { grid-template-columns:repeat(auto-fit,minmax(185px,1fr)); gap:14px; }
.metric { position:relative; overflow:hidden; }
.metric:after { content:""; position:absolute; width:80px; height:80px; border-radius:50%; right:-32px; top:-34px; background:rgba(45,121,89,.07); }
.metric strong { font-family:Inter,"Segoe UI",sans-serif; font-size:30px; letter-spacing:-.035em; }
.metric small { display:block; margin-top:8px; color:var(--muted); }
.metric.accent { background:linear-gradient(145deg,#fff8f2,#fff); border-color:#f0d7c6; }
.metric.total { background:linear-gradient(145deg,#174f3d,#277256); color:#fff; }
.metric.total span,.metric.total small { color:#d7e9e1; }
.table-wrap { border-radius:18px; box-shadow:0 9px 28px rgba(27,57,45,.05); margin-top:26px; }
th { position:sticky; top:0; z-index:1; padding:13px 15px; background:#f7faf7; }
td { padding:14px 15px; }
tbody tr { transition:background .15s; }
tbody tr:hover { background:rgba(43,112,83,.035); }
.status { padding:6px 10px; }
.status.assigned { background:#e9eef8; color:#49658a; }
.section-head { gap:20px; margin:30px 0 15px; }
.section-head>div:first-child { min-width:0; }
.section-head p { margin:6px 0 0; line-height:1.45; }
.filters,.approvals-filters { display:grid; grid-template-columns:minmax(200px,1.4fr) repeat(3,minmax(160px,1fr)) auto; gap:10px; margin-bottom:16px; padding:14px; background:var(--surface); border:1px solid var(--line); border-radius:16px; box-shadow:0 8px 24px rgba(27,57,45,.04); }
.order-hero { display:flex; justify-content:space-between; gap:24px; align-items:center; margin:20px 0 26px; padding:24px; border-radius:20px; background:linear-gradient(135deg,#174f3d,#2b775a); color:white; box-shadow:0 16px 40px rgba(23,79,61,.20); }
.order-hero h3 { font:600 30px/1.15 Inter,"Segoe UI",sans-serif; letter-spacing:-.035em; margin:4px 0 8px; }
.order-hero p { margin:0; color:#d5e8df; }
.order-hero .eyebrow { color:#a9d1bf; }
.order-hero-metrics { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.order-hero-metrics span { min-width:105px; padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.11); backdrop-filter:blur(8px); }
.order-hero-metrics small,.order-hero-metrics strong { display:block; }
.order-hero-metrics small { color:#c5ded3; font-size:11px; }
.order-hero-metrics strong { margin-top:5px; font-size:18px; }
.work-editor-intro { display:grid; gap:5px; margin:18px 0 4px; padding:16px 18px; border-radius:15px; background:var(--green2); }
.work-editor-intro strong { font-size:18px; }
.work-editor-intro small,.field-hint { color:var(--muted); font-weight:500; }
.field-hint { font-size:11px; line-height:1.35; }
.submit-work-check { padding:15px 16px; border:1px solid #bdd7ca; border-radius:14px; background:#edf7f1; cursor:pointer; }
.submit-work-check span,.submit-work-check strong,.submit-work-check small { display:block; }
.submit-work-check small { margin-top:3px; color:var(--muted); font-weight:500; }
.submit-work-check input { width:20px; height:20px; min-height:0; }
dialog { border-radius:22px; background:var(--surface); }
dialog::backdrop { background:rgba(10,29,22,.62); backdrop-filter:blur(3px); }
.modal-head { padding:21px 26px!important; }
.modal-actions { padding:14px 26px!important; }
#modalBody { padding:0 26px 28px!important; }
.toast.in-dialog{position:absolute;right:24px;bottom:82px;z-index:50;max-width:min(420px,calc(100% - 48px));filter:none;backdrop-filter:none}
.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;border-color:#e5baba;background:#fff8f7}.danger-zone h3{margin:0 0 6px}.danger-zone p{margin:0;max-width:900px;line-height:1.5}:root[data-theme="dark"] .danger-zone{background:#342322;border-color:#65403d}@media(max-width:760px){.danger-zone{align-items:stretch;flex-direction:column}.danger-zone .button{width:100%}}
.work-grid-wrap{overflow-x:hidden}.work-grid-table{table-layout:fixed;min-width:0;width:100%}.work-grid-table th,.work-grid-table td{padding:10px 8px;overflow-wrap:anywhere}.work-grid-table th:nth-child(1){width:18%}.work-grid-table th:nth-child(2){width:12%}.work-grid-table th:nth-child(3){width:18%}.work-grid-table th:nth-child(4){width:12%}.work-grid-table th:nth-child(5){width:10%}.work-grid-table th:nth-child(6){width:20%}.work-grid-table th:nth-child(7){width:48px}.work-grid-table input,.work-grid-table select{width:100%;max-width:100%;min-width:0!important}.work-grid-table .inline-complete{min-width:0;white-space:normal}.work-grid-table .status{max-width:100%;white-space:normal;text-align:center}.work-delete-button{width:34px!important;height:34px!important;min-width:34px;padding:0!important;display:grid;place-items:center;font-size:22px!important}.work-grid-table td:last-child,.work-grid-table th:last-child{text-align:center;padding-left:4px;padding-right:4px}
:root[data-theme="dark"] .workspace>header,:root[data-theme="dark"] .settings-nav { background:rgba(27,34,31,.88)!important; }
:root[data-theme="dark"] .metric.accent { background:linear-gradient(145deg,#352c26,#242d29); border-color:#574536; }
:root[data-theme="dark"] th { background:#242d29; }
:root[data-theme="dark"] .submit-work-check { background:#21372e; border-color:#355c4b; }
@media(max-width:1100px) { .filters,.approvals-filters { grid-template-columns:1fr 1fr; } .order-hero { align-items:flex-start; flex-direction:column; } .order-hero-metrics { justify-content:flex-start; } }
@media(max-width:760px) { .app-shell{display:block}.sidebar{height:auto;position:relative}.sidebar nav{grid-template-columns:1fr 1fr;max-height:none}.content{padding:22px 14px 38px}.workspace>header{padding:16px 14px}.settings-nav{padding-left:14px!important;padding-right:14px!important}.filters,.approvals-filters{grid-template-columns:1fr}.order-hero-metrics{width:100%}.order-hero-metrics span{flex:1}.section-head{align-items:flex-start;flex-direction:column}.section-head>.actions{width:100%}.login-panel{padding:20px 14px}.login-card{padding:25px 20px} }
.work-stage-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:22px 0 16px;padding:20px 22px;border-left:4px solid var(--green)}.work-stage-toolbar .actions{justify-content:flex-end;align-items:center;flex-wrap:nowrap}.work-stage-toolbar .button{white-space:nowrap}.work-grid-table input,.work-grid-table select{min-width:0;margin:0;padding:10px 11px;text-overflow:ellipsis}.work-grid-table td{vertical-align:middle}.inline-complete{display:flex;align-items:center;gap:9px;margin:0;min-width:170px}.work-grid-table .inline-complete{min-width:0}.inline-complete input{width:18px;min-width:18px;height:18px}.inline-complete span{font-size:13px;font-weight:700}:root[data-theme="dark"] .order-hero-metrics span:nth-child(2){background:#34301f}@media(max-width:1100px){.work-stage-toolbar{align-items:flex-start;flex-direction:column}.work-stage-toolbar .actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}@media(max-width:700px){.work-stage-toolbar .actions{display:grid;grid-template-columns:1fr;width:100%}.work-stage-toolbar .button{width:100%}.work-grid-table{min-width:0}}
.order-card-details{margin-bottom:18px}.order-card-details .section-head{margin-top:0}.quick-work-form{display:grid;grid-template-columns:minmax(190px,1.2fr) repeat(3,minmax(150px,1fr));gap:14px;align-items:end;margin:16px 0}.quick-work-form>div{display:grid;gap:4px}.quick-work-form>div small{color:var(--muted)}.quick-work-form .inline-complete{align-self:center;min-height:44px}.danger-icon{color:#a43d3d!important;border-color:#e4bcbc!important;width:38px;height:38px}.coefficient-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}.coefficient-grid label{display:grid;gap:7px;margin-top:0}.current-stage-summary{display:grid;gap:4px}.current-stage-summary small{color:var(--muted);font-size:12px}.current-stage-summary strong{font-size:16px}.work-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.work-add-grid label{margin-top:16px}.work-add-grid .full{grid-column:1/-1}.work-add-options{display:flex;gap:22px;flex-wrap:wrap;padding:8px 0}.work-add-options .inline-complete{min-width:0}.work-responsibles{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:0 14px;margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.work-responsibles .responsibles-title{grid-column:1/-1;display:grid;gap:4px;margin-bottom:2px}.work-responsibles .responsibles-title small{color:var(--muted);font-weight:400}.work-responsibles label{margin-top:12px}#childModal{width:min(900px,calc(100vw - 40px));z-index:20}#childModal>form{padding:0}#childModal .modal-head{padding:24px 30px 18px!important;border-bottom:1px solid var(--line)}#childModalBody{padding:24px 30px 30px!important}#childModal .modal-actions{margin-top:0;padding:16px 30px!important;border-top:1px solid var(--line);background:var(--surface);position:sticky;bottom:0}#childModal::backdrop{background:rgba(21,31,27,.42)}@media(max-width:900px){.quick-work-form,.coefficient-grid{grid-template-columns:1fr 1fr}.work-responsibles{grid-template-columns:1fr 1fr}}@media(max-width:620px){.quick-work-form,.coefficient-grid,.work-add-grid,.work-responsibles{grid-template-columns:1fr}.work-add-grid .full{grid-column:auto}.work-responsibles .responsibles-title{grid-column:auto}#childModalBody{padding:18px 20px 24px!important}#childModal .modal-head,#childModal .modal-actions{padding-left:20px!important;padding-right:20px!important}}
.payroll-orders{display:grid;gap:12px}.payroll-order{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.payroll-order>summary{cursor:pointer;list-style:none;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.payroll-order>summary::-webkit-details-marker{display:none}.payroll-order>summary span:first-child{display:grid;gap:4px}.payroll-order>summary small{color:var(--muted);font-weight:400}.payroll-order[open]>summary{border-bottom:1px solid var(--line);background:var(--surface-soft)}.payroll-order .table-wrap{margin:0;border:0;border-radius:0}.compensation-page{max-width:1100px}.compensation-page-head{position:sticky;top:94px;z-index:4;padding:9px 0;background:var(--paper)}.compensation-roles{display:grid;gap:7px}.compensation-role{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;box-shadow:0 3px 10px rgba(33,52,43,.04)}.compensation-role>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;list-style:none}.compensation-role>summary::-webkit-details-marker{display:none}.compensation-role>summary span:first-child{display:grid;gap:1px}.compensation-role>summary strong{font-size:15px}.compensation-role>summary small{color:var(--muted);font-size:11px;font-weight:400}.compensation-role .summary-action{padding:4px 8px;border-radius:20px;background:var(--green2);color:var(--green);font-size:10px;font-weight:800}.compensation-role[open]>summary{border-bottom:1px solid var(--line)}.compensation-role[open] .summary-action{background:var(--green);color:#fff}.compensation-role-body{padding:11px 13px}.compensation-subhead{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:0 0 7px}.compensation-subhead:not(:first-child){margin-top:12px}.compensation-subhead h4,.compensation-subhead p{margin:0}.compensation-subhead h4{font-size:13px}.compensation-subhead p{color:var(--muted);font-size:10px}.stage-rate-grid{display:grid;grid-template-columns:1fr;gap:5px}.stage-rate-card{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:end;gap:9px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}.stage-rate-card h4{margin:0;padding-bottom:8px;font-size:12px}.rate-field-grid{display:grid;grid-template-columns:repeat(4,minmax(85px,1fr));gap:5px}.rate-field-grid label,.hour-rate-grid label{display:grid;gap:2px;margin:0}.rate-field-grid label span,.hour-rate-grid label span{color:var(--muted);font-size:9px}.rate-field-grid input,.hour-rate-grid input,.role-multiplier-card input{min-height:31px;padding:4px 7px;font-size:12px}.role-multiplier-card{max-width:240px}.hour-rate-grid{display:grid;grid-template-columns:repeat(3,minmax(130px,210px));gap:6px}.revision-role{margin-top:8px}.revision-role .revision-settings{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:7px}.revision-role .revision-settings label{margin:0}@media(max-width:920px){.stage-rate-card{grid-template-columns:1fr}.stage-rate-card h4{padding:0}.compensation-page-head{position:static}}@media(max-width:680px){.rate-field-grid{grid-template-columns:1fr 1fr}.hour-rate-grid,.revision-role .revision-settings{grid-template-columns:1fr}.compensation-subhead{display:grid}.compensation-role>summary,.compensation-role-body{padding:10px}}

/* Окно истории заказа прокручивается независимо от карточки под ним. */
#childModal{overflow:hidden}
#childModal>form{display:flex;flex-direction:column;min-height:0}
#childModal .modal-head,#childModal .modal-actions{flex:0 0 auto}
#childModalBody{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
/* v4.1 approval tiers, role multiplier and My points tabs */
.approval-context.approval-tier-tier1{border:2px solid #4f9875;border-left:10px solid #37815e;background:#d8eee1;box-shadow:0 10px 28px rgba(55,129,94,.18)}
.approval-context.approval-tier-tier2{border:2px solid #d58a00;border-left:10px solid #cf7c00;background:#ffe2a4;box-shadow:0 10px 28px rgba(207,124,0,.22)}
.approval-context.approval-tier-tier3{border:2px solid #b72f27;border-left:10px solid #a8201a;background:#f8c3be;box-shadow:0 10px 28px rgba(168,32,26,.24)}
.approval-tier-row.approval-tier-tier1 td{background:#d8eee1!important;border-top:2px solid #4f9875;border-bottom:2px solid #4f9875}.approval-tier-row.approval-tier-tier2 td{background:#ffe2a4!important;border-top:2px solid #d58a00;border-bottom:2px solid #d58a00}.approval-tier-row.approval-tier-tier3 td{background:#f8c3be!important;border-top:2px solid #b72f27;border-bottom:2px solid #b72f27}.approval-tier-row td:first-child{border-left:9px solid #37815e;box-shadow:inset 4px 0 0 rgba(255,255,255,.55)}.approval-tier-row.approval-tier-tier2 td:first-child{border-left-color:#cf7c00}.approval-tier-row.approval-tier-tier3 td:first-child{border-left-color:#a8201a}.approval-tier-row td:last-child{border-right:2px solid currentColor}.approval-tier-row:hover td{filter:saturate(1.18) brightness(.98)}
.hourly-tier-badge{display:inline-flex;margin-top:6px;padding:5px 11px;border:2px solid #37815e;border-radius:999px;background:#fff;color:#205e42;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}.hourly-tier-badge.tier2{border-color:#cf7c00;background:#fff5d8;color:#865000}.hourly-tier-badge.tier3{border-color:#a8201a;background:#fff0ee;color:#8f1712}
.protected-user-row td{background:rgba(42,93,72,.035)}.system-admin-badge,.protected-user-badge{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:900;vertical-align:middle}.system-admin-badge{background:#1f5d46;color:#fff}.protected-user-badge{background:#e8efe9;color:#315c48}.protection-toggle{padding:12px;border:1px solid #9bb9aa;border-radius:12px;background:#eff7f2}
.elevated-summary{margin-bottom:14px}
.role-multiplier-card{max-width:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 16px;margin-bottom:13px;border:1px solid #9fc7b5;border-left:5px solid var(--green);border-radius:12px;background:linear-gradient(100deg,var(--green2),var(--surface));box-shadow:0 5px 16px rgba(31,93,70,.08)}
.role-multiplier-copy{display:grid;gap:2px}.role-multiplier-copy .eyebrow{font-size:9px}.role-multiplier-copy strong{font-size:14px}.role-multiplier-copy small{color:var(--muted);font-size:11px}.role-multiplier-card label{display:grid;grid-template-columns:auto 128px;align-items:center;gap:10px;margin:0;white-space:nowrap}.role-multiplier-card label>span{font-size:11px;font-weight:800}.multiplier-input{display:grid;grid-template-columns:31px 1fr;align-items:center;border:1px solid #83ad99;border-radius:9px;background:var(--surface);overflow:hidden}.multiplier-input b{display:grid;place-items:center;align-self:stretch;background:var(--green);color:#fff;font-size:16px}.multiplier-input input{width:100%;min-height:34px!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:center;font-weight:900}
.my-points-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.my-points-tabs button{border:1px solid var(--line);background:var(--surface);padding:11px 16px;border-radius:999px;font:inherit;font-weight:700;cursor:pointer}.my-points-tabs button.active{background:var(--green);border-color:var(--green);color:#fff}
@media(max-width:700px){.role-multiplier-card{align-items:stretch;flex-direction:column;gap:10px}.role-multiplier-card label{grid-template-columns:1fr 128px}}

/* Читабельніші ставки без збільшення щільності таблиці. */
.compensation-page-head h3{font-size:25px;line-height:1.12}.compensation-page-head p{font-size:13px;line-height:1.35}
.compensation-role>summary strong{font-size:17px;line-height:1.2}.compensation-role>summary small{font-size:13px;line-height:1.25}.compensation-role .summary-action{font-size:12px;padding:5px 10px}
.role-multiplier-copy .eyebrow{font-size:11px}.role-multiplier-copy strong{font-size:16px;line-height:1.2}.role-multiplier-copy small{font-size:13px;line-height:1.3}.role-multiplier-card label>span{font-size:13px}.multiplier-input input{font-size:15px!important}

.permissions-page{max-width:1180px}.permission-roles{display:grid;gap:10px}.permission-role{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;box-shadow:0 5px 18px rgba(33,52,43,.05)}.permission-role>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;cursor:pointer;list-style:none}.permission-role>summary::-webkit-details-marker{display:none}.permission-role>summary span:first-child{display:grid;gap:3px}.permission-role>summary strong{font-size:17px}.permission-role>summary small{color:var(--muted)}.permission-role .summary-action{padding:5px 10px;border-radius:18px;background:var(--green2);color:var(--green);font-size:12px;font-weight:800}.permission-role[open]>summary{border-bottom:1px solid var(--line)}.permission-role[open] .summary-action{background:var(--green);color:#fff}.permission-role-body{display:grid;gap:14px;padding:16px}.permission-group{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.permission-group h4{margin:0 0 10px;font-size:15px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permission-option{display:flex!important;align-items:flex-start;gap:10px;margin:0!important;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.permission-option input{width:18px;height:18px;margin-top:1px;flex:0 0 auto}.permission-option span{display:grid;gap:2px}.permission-option strong{font-size:13px}.permission-option small{color:var(--muted);font-size:11px}.permission-option.forced{background:var(--green2)}
.subtabs{display:flex;flex-wrap:wrap;gap:7px;width:max-content;max-width:100%;padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 7px 22px rgba(31,67,52,.06)}.subtabs button{appearance:none;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--ink);padding:10px 15px;font:inherit;font-size:14px;font-weight:750;line-height:1.15;cursor:pointer;transition:.16s ease}.subtabs button:hover{background:var(--surface-soft);border-color:var(--line)}.subtabs button.active{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 5px 13px rgba(31,93,70,.2)}.admin-payroll-tabs{margin:18px 0 24px}.admin-payroll-tabs button[data-admin-payroll-tab="complexity"]{color:#92540a}.admin-payroll-tabs button[data-admin-payroll-tab="complexity"].active{background:#b86912;border-color:#b86912;color:#fff}.elevated-orders{padding:4px;border-radius:18px;background:linear-gradient(145deg,rgba(241,177,79,.18),rgba(255,255,255,0))}.elevated-order{border-color:#dfb365;box-shadow:0 8px 24px rgba(154,95,20,.1)}.elevated-order>summary{border-left:6px solid #c97a17;background:#fff8e8}.elevated-order[open]>summary{background:#ffefcb}.elevated-order>summary strong{color:#754208}
@media(max-width:760px){.permission-grid{grid-template-columns:1fr}.permission-role-body{padding:10px}.permission-group{padding:10px}}
.compensation-subhead h4{font-size:15px}.compensation-subhead p{font-size:12px;line-height:1.3}
.stage-rate-card h4{font-size:14px;line-height:1.2}.rate-field-grid label span,.hour-rate-grid label span{font-size:11px;line-height:1.15;font-weight:700}.rate-field-grid input,.hour-rate-grid input{font-size:14px;font-weight:700}
.revision-role .revision-settings label{font-size:13px}.revision-role .revision-settings input{font-size:14px;font-weight:700}

/* v4.7.4 — revision coefficients are presented as explicit, readable cards. */
.revision-role .compensation-role-body{padding:18px}.revision-guide{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 18px;border:1px solid #9fc7b5;border-left:5px solid var(--green);border-radius:13px;background:linear-gradient(105deg,var(--green2),var(--surface))}.revision-guide>div:first-child{display:grid;gap:4px}.revision-guide .eyebrow{font-size:10px}.revision-guide strong{font-size:15px}.revision-guide small{color:var(--muted);font-size:12px}.revision-guide-example{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 8px;flex:0 0 auto;padding:9px 12px;border-radius:10px;background:var(--surface);box-shadow:0 3px 12px rgba(31,93,70,.08)}.revision-guide-example b{color:var(--green);font-size:14px}.revision-guide-example span{color:var(--muted);font-size:12px}.revision-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:18px 0 9px}.revision-section-head h4,.revision-section-head p{margin:0}.revision-section-head h4{font-size:15px}.revision-section-head p{margin-top:3px;color:var(--muted);font-size:12px}.revision-section-head>span{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:16px;background:var(--green2);color:var(--green);font-size:12px;font-weight:900}.revision-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.revision-rate-card{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:16px;min-height:88px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.revision-rate-copy{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:3px 9px;min-width:0}.revision-rate-copy strong{font-size:13px;line-height:1.25}.revision-rate-copy small{grid-column:2;color:var(--muted);font-size:11px}.revision-number{display:grid;place-items:center;grid-row:1/span 2;width:30px;height:30px;border-radius:9px;background:var(--green2);color:var(--green);font-size:10px;font-weight:900}.revision-rate-card label{display:grid;gap:4px;margin:0}.revision-rate-card label>span{color:var(--muted);font-size:10px;font-weight:800}.revision-rate-card .multiplier-input{grid-template-columns:29px 1fr}.revision-rate-card input{min-height:32px!important;padding:4px 7px!important;font-size:14px!important;font-weight:800}.revision-rate-card label small{color:var(--muted);font-size:10px}.revision-rate-card label small strong{color:var(--green)}.revision-rate-custom{grid-template-columns:minmax(0,1fr) minmax(250px,42%);margin-top:8px;border-style:dashed;border-color:#c89b53;background:linear-gradient(100deg,#fff8e9,var(--surface))}.revision-rate-custom .revision-number{background:#f7e5c4;color:#8a5708}.revision-custom-value{display:grid;gap:2px;padding:9px 12px;border-radius:9px;background:var(--surface)}.revision-custom-value span{color:#8a5708;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.revision-custom-value strong{font-size:12px;line-height:1.3}:root[data-theme="dark"] .revision-rate-custom{background:linear-gradient(100deg,#352f22,var(--surface));border-color:#80673e}@media(max-width:860px){.revision-settings-grid{grid-template-columns:1fr}}@media(max-width:620px){.revision-guide,.revision-rate-card,.revision-rate-custom{display:grid;grid-template-columns:1fr}.revision-guide-example{width:max-content}.revision-rate-copy{grid-template-columns:30px minmax(0,1fr)}.revision-role .compensation-role-body{padding:11px}}

/* v4.7.5 — controlled UK/EN revision directory. */
.revision-rate-card{grid-template-columns:minmax(0,1fr) 118px 36px;gap:11px}.revision-rate-value{display:grid;gap:1px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.revision-rate-value>span{color:var(--muted);font-size:9px;font-weight:800}.revision-rate-value>strong{color:var(--green);font-size:16px}.revision-rate-value>small{color:var(--muted);font-size:9px;white-space:nowrap}.revision-edit-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #9fc7b5;border-radius:10px;background:var(--green2);color:var(--green);font-size:19px;font-weight:900;cursor:pointer;transition:.15s ease}.revision-edit-button:hover{background:var(--green);color:#fff;transform:translateY(-1px)}.revision-rate-custom{grid-template-columns:minmax(0,1fr) minmax(250px,42%) 36px}.revision-section-actions{display:flex;align-items:center;gap:8px}.revision-section-actions>span{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:16px;background:var(--green2);color:var(--green);font-size:12px;font-weight:900}.revision-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.revision-editor-grid label{display:grid;gap:7px;margin:0;font-weight:800}.revision-editor-grid .full{grid-column:1/-1}.revision-editor-grid label small{color:var(--muted);font-size:12px;font-weight:400}.language-field-badge,.coefficient-field-badge{display:inline-grid;place-items:center;min-width:29px;height:24px;margin-right:5px;padding:0 6px;border-radius:7px;background:var(--green2);color:var(--green);font-size:10px;font-weight:900}.coefficient-field-badge{background:var(--green);color:#fff;font-size:15px}:root[data-theme="dark"] .revision-rate-value{background:#222a27}@media(max-width:620px){.revision-rate-card,.revision-rate-custom{grid-template-columns:minmax(0,1fr) 100px 34px}.revision-editor-grid{grid-template-columns:1fr}.revision-editor-grid .full{grid-column:auto}.revision-section-head{align-items:flex-start;flex-direction:column}.revision-section-actions{width:100%;justify-content:space-between}}

/* Pending complexity is distinct from the production stage. */
#modal:has(.work-grid-table){width:min(1540px,calc(100vw - 32px))}
.work-share-editor{margin-top:10px;min-width:0}
.work-share-editor label{display:grid;grid-template-columns:minmax(0,1fr) minmax(65px,90px);gap:8px;align-items:center;margin:0!important;font-size:.8125rem}
.work-share-editor label input{width:100%;padding:6px 8px;min-height:34px}
.work-share-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px;min-height:24px}
.work-share-meta small{color:var(--muted);font-size:.75rem;overflow-wrap:anywhere}
.work-share-meta button{background:var(--paper);color:var(--green);border:1px solid var(--line);border-radius:6px;cursor:pointer;padding:1px 8px;font-size:1rem}
.work-share-readonly{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin-top:8px;font-weight:700}
.work-share-readonly small{font-weight:400;color:var(--muted);font-size:.75rem}
.work-assignee-card{min-width:0;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.work-assignee-card>label{margin:0!important}
.work-grid-table th:nth-child(3){width:24%}
.work-grid-table th:nth-child(1){width:15%}
.work-grid-table th:nth-child(6){width:17%}
.erp-rate-row{grid-column:1/-1;display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:10px;margin-top:4px}
.erp-rate-row>.rate-field-grid{grid-template-columns:repeat(3,minmax(0,170px));justify-content:start}
.erp-rate-row>strong{font-size:.9375rem;color:var(--green)}
@media(max-width:900px){.work-share-editor label{grid-template-columns:1fr}.erp-rate-row{grid-template-columns:1fr}.erp-rate-row>.rate-field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.erp-rate-row>.rate-field-grid{grid-template-columns:1fr}.work-share-meta{flex-wrap:wrap}}
.production-list-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.production-complexity-list{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--line);position:relative}
.production-complexity-list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0;border-bottom:1px solid var(--line);line-height:1.4}
.production-complexity-list li:last-child{padding-bottom:0;border-bottom:0}
.production-complexity-number{flex:1 1 100px;min-width:0;overflow-wrap:anywhere;font-size:1rem;color:var(--ink)}
.metric .production-complexity-area{font-size:1rem;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.metric .production-complexity-coefficient{font-size:.9375rem;font-weight:750;white-space:nowrap;padding:4px 10px;border-radius:8px;background:var(--green2);color:var(--green);font-variant-numeric:tabular-nums}
[data-theme="dark"] .production-complexity-coefficient{background:#294638;color:#d5efdf}
.production-locked-note{border-left:4px solid #21815d;border-radius:12px;padding:14px 18px;background:var(--surface,#f0f7f3);margin:12px 0}
.production-locked-note p{margin:6px 0 0}
.production-feedback{margin-top:16px;padding:12px 16px;border:1px solid #d99b8e;border-radius:12px;overflow-wrap:anywhere}
.production-feedback li{margin:6px 0}
#modal:has(.production-action-body){width:min(820px,calc(100vw - 32px));height:auto;max-height:90vh}
#modal:has(.production-action-body)>form{height:auto;min-height:0;max-height:90vh}
#modal:has(.production-action-body) #modalBody{flex:0 1 auto;min-height:0;overflow-y:auto}
.status.awaiting_complexity_approval{display:inline-flex;max-width:100%;white-space:normal;background:#fff0cc;color:#784500;border:1px solid #dfac48;font-weight:750;padding:7px 10px;line-height:1.35}
.order-awaiting-complexity td:first-child{border-left:4px solid #ce8a19}
.complexity-pending-note{border:1px solid #dfac48;border-left:5px solid #ce8a19;background:#fff8e8;color:#694008;border-radius:12px;padding:14px 18px;overflow-wrap:anywhere}
.complexity-pending-note p{margin:6px 0;line-height:1.4}
.complexity-approval-table td{vertical-align:top;white-space:normal;overflow-wrap:anywhere}
.complexity-approval-table .actions{display:flex;flex-wrap:wrap;gap:6px}
.approval-section-tabs{margin-bottom:18px}
.approval-section-tabs button span{display:inline-block;min-width:22px;padding:2px 6px;margin-left:5px;border-radius:20px;background:rgba(128,128,128,.15)}
[data-theme="dark"] .complexity-pending-note,[data-theme="dark"] .status.awaiting_complexity_approval{background:#42331b;color:#ffdc91;border-color:#a37a32}
.production-price-settings { margin-block: 16px; padding: 20px; border-left: 4px solid var(--primary, #205c4b); }
.production-price-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; max-width: 1000px; }
.production-price-grid label { display: grid; align-content: start; gap: 8px; min-width: 0; }
.production-price-grid input { width: 100%; max-width: 220px; }
.production-price-grid small, .fixed-pay-note { display: block; font-size: .85rem; line-height: 1.4; overflow-wrap: anywhere; }
@media (max-width: 760px) { .production-price-grid { grid-template-columns: 1fr; } }
/* Global order lookup: compact header, wrapping instead of page overflow. */
.production-bundle-heading { grid-column: 1 / -1; padding: 12px 0 4px; font-size: 15px; font-weight: 750; color: var(--ink); border-top: 1px solid var(--line); }
.work-responsibles.production-bundle { grid-template-columns: repeat(2,minmax(0,1fr)); }
@media(max-width:620px) { .work-responsibles.production-bundle { grid-template-columns: minmax(0,1fr); } }
.work-assignee-card [data-production-rate] { display: block; margin-top: 8px; color: var(--muted); }
.workspace > header { height: auto; min-height: 88px; gap: 16px; flex-wrap: wrap; }
.workspace > header > div { min-width: 0; }
.header-actions { flex-wrap: wrap; justify-content: flex-end; max-width: 100%; }
.global-order-search { position: relative; width: 320px; max-width: 100%; min-width: 0; }
.global-order-search label { margin: 0 0 4px; font-size: 12px; color: var(--muted); }
.global-order-search input { min-height: 40px; padding: 9px 12px; font-size: calc(14px * var(--font-scale, 1)); }
.global-order-results { position: absolute; top: calc(100% + 8px); left: 0; right: 0; max-height: min(420px,55vh); overflow-y: auto; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); z-index: 10; }
.global-order-results[hidden] { display: none; }
.global-order-results p { margin: 0; padding: 16px; font-size: 13px; }
.global-order-result { display: grid; width: 100%; gap: 4px; padding: 12px 14px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); text-align: left; cursor: pointer; overflow-wrap: anywhere; }
.global-order-result strong { font-size: 15px; }
.global-order-result span { font-size: 13px; }
.global-order-result small { color: var(--muted); }
.global-order-result:hover,.global-order-result:focus-visible { background: var(--paper); outline: 2px solid var(--green); outline-offset: -2px; }
.global-order-results .search-error { color: var(--red); }
.order-stage-cell { min-width: 160px; }
.order-stage-cell > strong { display: block; margin-bottom: 7px; }
@media(max-width: 760px) {
  .header-actions { width: 100%; justify-content: flex-start; }
  .global-order-search { flex: 1 1 220px; }
}

/* v4.8 — separate 1C stage and compact multi-revision assignment. */
.erp-stage-rate-card{border-color:#93b8a6;background:linear-gradient(115deg,var(--green2),var(--surface))}.erp-rate-fields{grid-template-columns:minmax(150px,220px) minmax(260px,1fr)!important;align-items:end}.erp-rate-fields .friendly-note{display:grid;gap:3px;min-height:54px;padding:10px 13px;margin:0;border-radius:10px}.erp-rate-fields .friendly-note small{display:block;color:var(--muted);font-size:11px;font-weight:400;line-height:1.3}
.revision-picker{display:grid;gap:12px;padding:14px;border:1px solid #9fc7b5;border-radius:14px;background:var(--surface-soft)}.revision-picker-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.revision-picker-head>div{display:grid;gap:3px}.revision-picker-head small{color:var(--muted);font-size:12px}.revision-picker-head output{flex:0 0 auto;padding:7px 12px;border-radius:10px;background:var(--green);color:#fff;font-size:16px;font-weight:900}.revision-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.revision-choice{display:flex!important;align-items:center;gap:10px;margin:0!important;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}.revision-choice:has(input:checked){border-color:var(--green);box-shadow:inset 4px 0 0 var(--green);background:var(--green2)}.revision-choice input{width:18px;height:18px;flex:0 0 auto}.revision-choice span{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0}.revision-choice strong{font-size:12px;line-height:1.25;overflow-wrap:anywhere}.revision-choice small{white-space:nowrap;color:var(--green);font-weight:800}.revision-picker .friendly-note.warning{margin:0;border-color:#dda947;background:#fff5d9;color:#714400}.work-responsibles:not(.production-bundle){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:720px){.erp-rate-fields,.revision-choice-grid,.work-responsibles:not(.production-bundle){grid-template-columns:1fr!important}.revision-picker-head{align-items:flex-start}.revision-choice span{align-items:flex-start;flex-direction:column;gap:2px}}

/* v4.8.1 — coefficient overflow is shown prominently above the revision list. */
.revision-picker .friendly-note.warning{border:1px solid #dda947;border-left:5px solid #c57b00;background:#fff1c9;color:#714400;font-weight:750;box-shadow:0 5px 14px rgba(151,91,0,.12)}

/* v4.8.3 — transparent point components, revision notes and bulk approval. */
.payment-breakdown{display:grid;gap:5px;min-width:250px}.payment-breakdown>div{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:5px 7px;border-radius:7px;background:var(--surface-soft)}.payment-breakdown span{font-size:11px;color:var(--muted);line-height:1.35}.payment-breakdown strong{white-space:nowrap;font-size:12px}.payment-breakdown .one-off-part{background:#fff2cf;border-left:3px solid #d99017}.payment-breakdown .payment-total{background:var(--green2);border-top:1px solid #a6c8b9}.payment-breakdown .payment-total span,.payment-breakdown .payment-total strong{color:var(--green);font-weight:900}.work-comment{display:inline-block;margin-top:5px;padding:4px 7px;border-left:3px solid #d99017;border-radius:4px;background:#fff5dc;color:#694500!important}.revision-bulk-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.revision-bulk-actions label{display:flex;align-items:center;gap:7px;margin:0;font-weight:750}.revision-bulk-actions input,.approval-select-cell input{width:18px;height:18px}.approval-select-cell{width:38px;text-align:center}.payroll-details-modal{width:min(1420px,calc(100vw - 24px))}.payroll-details-modal #modalBody{padding-left:18px;padding-right:18px}:root[data-theme="dark"] .payment-breakdown .one-off-part,:root[data-theme="dark"] .work-comment{background:#3b3322;color:#f3d69d!important}@media(max-width:720px){.payment-breakdown{min-width:210px}.revision-bulk-actions{align-items:stretch;flex-direction:column}}

/* v4.8.4 — one-action revision submission and editable batch approval. */
.revision-submit-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0;padding:16px 18px;border:1px solid #8fc2aa;border-left:6px solid var(--green);border-radius:16px;background:linear-gradient(110deg,var(--green2),var(--surface));box-shadow:0 10px 28px rgba(25,91,69,.12)}.revision-submit-card>div{display:grid;gap:4px}.revision-submit-card strong{font-size:17px}.revision-submit-card small{max-width:760px;color:var(--muted);line-height:1.4}.revision-approval-batches{display:grid;gap:10px;margin:14px 0 22px;padding:15px;border:1px solid #9fc7b5;border-radius:18px;background:var(--surface-soft)}.revision-batches-title{display:grid;gap:3px}.revision-batches-title>strong{font-size:18px}.revision-batches-title small{color:var(--muted)}.revision-approval-batch{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.revision-approval-batch>div:nth-child(2){display:grid;gap:3px}.revision-approval-batch small{display:block;color:var(--muted)}.revision-batch-number{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--green);color:#fff;font-weight:900}.revision-batch-editor{display:grid;gap:9px;margin:14px 0}.revision-batch-choice{display:grid!important;grid-template-columns:22px minmax(0,1fr) minmax(130px,180px);align-items:center;gap:12px;margin:0!important;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.revision-batch-choice:has(>input:checked){border-color:#7bb79b;background:var(--green2);box-shadow:inset 4px 0 0 var(--green)}.revision-batch-choice>input{width:19px;height:19px}.revision-batch-choice>span:nth-child(2){display:grid;gap:3px}.revision-batch-choice small{color:var(--muted)}.revision-batch-coefficient{display:grid;grid-template-columns:auto minmax(70px,1fr);align-items:center;gap:7px}.revision-batch-coefficient input{min-width:0}.revision-batch-choice:not(:has(>input:checked)){opacity:.58}.revision-batch-choice:not(:has(>input:checked)) .revision-batch-coefficient{pointer-events:none}
@media(max-width:720px){.revision-submit-card{align-items:stretch;flex-direction:column}.revision-submit-card .button{width:100%}.revision-approval-batch{grid-template-columns:36px minmax(0,1fr)}.revision-approval-batch .button{grid-column:1/-1;width:100%}.revision-batch-choice{grid-template-columns:22px minmax(0,1fr)}.revision-batch-coefficient{grid-column:2}}

/* v4.8.5 — revision batches occupy one table row without duplicate controls. */
.revision-batch-table-row,.revision-group-row{background:linear-gradient(90deg,rgba(229,243,236,.82),rgba(255,255,255,.96))}.revision-batch-table-row>td:first-child,.revision-group-row>td:first-child{box-shadow:inset 5px 0 0 var(--green)}.revision-inline-summary{display:grid;gap:7px}.revision-inline-summary>span{display:flex;flex-wrap:wrap;gap:5px}.revision-inline-summary em{padding:4px 7px;border-radius:8px;background:#e1ebf8;color:#3d5f8a;font-size:11px;font-style:normal;font-weight:750}.revision-group-people{display:grid;gap:5px}.revision-group-people span{font-size:12px;line-height:1.35}.revision-group-submit{padding:8px 10px;border:1px solid #9fc7b5;border-radius:10px;background:var(--green2);font-weight:800}.revision-group-row input[type="number"]{min-width:0;width:100%}:root[data-theme="dark"] .revision-batch-table-row,:root[data-theme="dark"] .revision-group-row{background:linear-gradient(90deg,rgba(31,83,65,.42),rgba(24,34,30,.96))}:root[data-theme="dark"] .revision-inline-summary em{background:#263b55;color:#bdd3f2}
.revision-row-actions{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}.revision-row-actions .icon-button{width:34px;height:34px;min-width:34px;padding:0;font-size:17px}