:root{--bg:#f4f6fb;--card:#fff;--text:#172033;--muted:#6b7280;--line:#e4e8f0;--primary:#3157d5;--primary2:#2649bb;--nav:#121a2f;--nav2:#1c2744;--ok:#168653;--warn:#b76b00;--danger:#c53e3e;--violet:#6d4ad4;--shadow:0 10px 30px rgba(23,32,51,.07);--radius:16px}
*{box-sizing:border-box}html{direction:rtl}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}
.btn{border:0;border-radius:11px;padding:10px 14px;font-weight:700}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary2)}.btn-line{background:#fff;border:1px solid var(--line);color:var(--text)}.btn-soft{background:#edf1ff;color:var(--primary)}.btn-danger{background:#fff0f0;color:var(--danger)}.btn-ok{background:#eaf8f1;color:var(--ok)}.btn-full{width:100%}
.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#eef3ff,#f8f9fd)}.login-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}.login-card.client{border-top:5px solid var(--violet)}.brandmark{width:52px;height:52px;border-radius:15px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800;margin-bottom:14px}.brandmark.client{background:var(--violet)}
.tabs{display:flex;gap:8px;margin:15px 0}.tabs .btn{flex:1}.field{margin:12px 0}label{display:block;font-weight:700;margin-bottom:7px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#9fb2ff;box-shadow:0 0 0 3px rgba(49,87,213,.09)}.muted{color:var(--muted);font-size:13px;line-height:1.7}.error{color:var(--danger);font-size:13px;margin-top:9px}.success{color:var(--ok);font-size:13px;margin-top:9px}.warn{color:var(--warn)}
.shell{display:grid;grid-template-columns:275px 1fr;min-height:100vh;min-height:100dvh;align-items:stretch}.sidebar{background:var(--nav);color:#fff;padding:19px 14px;position:sticky;top:0;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;align-self:start;scrollbar-gutter:stable}.sidebar.client-side{background:#32255b}.side-brand{display:flex;gap:11px;align-items:center;padding:8px 9px 20px}.side-logo{width:42px;height:42px;border-radius:12px;background:var(--primary);display:grid;place-items:center;font-weight:800}.client-side .side-logo{background:#8b6ee3}.nav{display:grid;gap:6px;min-height:min-content;background:transparent}.nav button{width:100%;text-align:right;border:0;background:transparent;color:#cad2e2;padding:12px;border-radius:11px}.nav button:hover,.nav button.active{background:var(--nav2);color:#fff}.client-side .nav button:hover,.client-side .nav button.active{background:#463672}.nav .logout{color:#ffbbbb}
.main{min-width:0}.topbar{position:sticky;top:0;z-index:8;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.top-user{display:flex;align-items:center;gap:8px}.avatar{width:34px;height:34px;border-radius:50%;background:#e4eaff;color:var(--primary);display:grid;place-items:center;font-weight:800}.content{padding:22px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:17px}.page-head h2{margin:0 0 5px}.page-head p{margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 5px 18px rgba(23,32,51,.035)}.metric .value{font-size:28px;font-weight:800;margin-top:7px}.metric .label{color:var(--muted)}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:13px}.toolbar input,.toolbar select{width:auto;min-width:190px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}th{background:#f8fafc;color:#4d5565;font-size:13px}tr:last-child td{border-bottom:0}.actions{display:flex;gap:7px;flex-wrap:wrap}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.badge-ok{background:#eaf8f1;color:var(--ok)}.badge-warn{background:#fff4da;color:var(--warn)}.badge-danger{background:#ffeaea;color:var(--danger)}.badge-info{background:#edf1ff;color:var(--primary)}.badge-violet{background:#f0ebff;color:var(--violet)}
.modal-bg{position:fixed;inset:0;background:rgba(15,23,42,.52);display:grid;place-items:center;padding:16px;z-index:50}.modal{width:min(820px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:19px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.span2{grid-column:1/-1}.section{border:1px solid var(--line);border-radius:14px;padding:14px;margin:12px 0}.section h3{margin:0 0 10px}.empty{padding:28px;text-align:center;color:var(--muted)}
.notice{border:1px solid #dfd7ff;background:#f7f4ff;border-radius:13px;padding:12px;color:#4c3b7a}.notice.warnbox{border-color:#f0d8a6;background:#fff9eb;color:#7f5200}.code-box{font-size:24px;letter-spacing:2px;text-align:center;padding:18px;border:2px dashed #b3a4ea;border-radius:14px;background:#faf8ff;font-weight:800;direction:ltr}.progress{display:flex;gap:7px;align-items:center;margin:8px 0 20px;overflow:auto}.step-pill{white-space:nowrap;border-radius:999px;padding:8px 11px;background:#eef1f6;color:#5b6474;font-size:12px;font-weight:700}.step-pill.active{background:var(--primary);color:#fff}.step-pill.done{background:#eaf8f1;color:var(--ok)}
.qty-row{display:grid;grid-template-columns:1fr 1fr 150px auto;gap:8px;align-items:end;margin-bottom:8px}.summary-list{display:grid;gap:9px}.summary-item{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);padding-bottom:8px}.summary-item:last-child{border:0}.file-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;margin:4px}.message-list{display:grid;gap:9px;max-height:300px;overflow:auto}.message{padding:10px 12px;border-radius:12px;background:#f4f6fb}.message.mine{background:#edf1ff}.message small{color:var(--muted)}.notification{display:flex;gap:10px;padding:12px;border-bottom:1px solid var(--line);align-items:flex-start}.notification.unread{background:#f7f9ff}.dot{width:9px;height:9px;border-radius:50%;background:var(--primary);margin-top:5px;flex:0 0 auto}.loading{padding:40px;text-align:center;color:var(--muted)}
.client-home-hero{background:linear-gradient(135deg,#fff,#f3efff);border:1px solid #e0d7ff;border-radius:20px;padding:22px;margin-bottom:15px}.client-home-hero h2{margin-top:0}.request-card{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px;background:#fff}.request-card strong{display:block;margin-bottom:4px}
.mobile-menu{display:none}.overlay{display:none}
@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}
@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;right:0;top:0;z-index:60;width:275px;height:100dvh;max-height:100dvh;overflow-y:auto;transform:translateX(105%);transition:.2s}.sidebar.open{transform:translateX(0)}.overlay.open{display:block;position:fixed;inset:0;background:#0005;z-index:55}.mobile-menu{display:inline-flex}.form-grid,.grid3{grid-template-columns:1fr}.span2{grid-column:auto}.qty-row{grid-template-columns:1fr 1fr}.qty-row .qty-num,.qty-row .qty-remove{grid-column:auto}.content{padding:15px}}
@media(max-width:600px){.cards{grid-template-columns:1fr}.page-head{flex-direction:column}.toolbar input,.toolbar select{width:100%}.request-card{align-items:flex-start;flex-direction:column}.top-user span{display:none}.qty-row{grid-template-columns:1fr}.modal{padding:14px}}

.quote-card{margin-bottom:14px}.total-box{margin:14px 0;padding:14px;border-radius:12px;background:#f6f8ff;font-size:18px}.value.small{font-size:17px!important}.successbox{background:#eaf8f0;border-color:#c6ecd8}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.qty-row.qp{grid-template-columns:1fr 1fr 130px auto}.summary-item.total{background:#f6f8ff;font-size:16px}@media(max-width:800px){.review-grid{grid-template-columns:1fr}.qty-row.qp{grid-template-columns:1fr 1fr}.qty-row.qp button{grid-column:1/-1}}


/* المرحلة الثامنة */
.topbar-start{display:flex;align-items:center;gap:10px;min-width:160px}
.global-search{display:flex;gap:8px;align-items:center;flex:1;max-width:620px;margin:0 18px}
.global-search input{min-width:0}
.intervention-list{display:grid;gap:8px}
.intervention-row{width:100%;display:flex;align-items:center;gap:10px;text-align:right;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px}
.intervention-row:hover{background:#f8fafc}
.intervention-main{display:flex;flex-direction:column;gap:3px;flex:1}
.intervention-main small{color:var(--muted)}
.severity-pill{font-size:12px;font-weight:700;padding:5px 8px;border-radius:999px;min-width:82px;text-align:center}
.severity-urgent .severity-pill{background:#ffe9e9;color:#b42318}
.severity-follow_up .severity-pill{background:#fff3d8;color:#9a6700}
.severity-info .severity-pill{background:#edf1ff;color:#3157d5}
.stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.stage-box{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;background:#fafbfe}
.stage-box b{font-size:20px}
.text-danger{color:#b42318;font-weight:700}
.search-results{display:grid;gap:8px}
.search-result{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:right;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px}
.search-result:hover{background:#f8fafc}
.search-result span:nth-child(2){display:flex;flex-direction:column;gap:2px}
.search-result small{color:var(--muted)}
.timeline{position:relative;display:grid;gap:0}
.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:0 0 18px}
.timeline-dot{width:11px;height:11px;border-radius:50%;background:var(--primary);margin-top:5px;box-shadow:0 0 0 4px #edf1ff}
.timeline-item:not(:last-child)>div:last-child{padding-bottom:2px}
.phase8-request-actions{border-top:1px solid var(--line);padding-top:16px}
.toolbar-wide>*{min-width:150px}
.severity-border-urgent{border-right:4px solid #d92d20}
.severity-border-follow_up{border-right:4px solid #dc8b00}
.severity-border-info{border-right:4px solid #3157d5}
.report-summary{margin-bottom:10px;color:var(--muted)}
.btn-danger{background:#fff0f0;color:#b42318;border:1px solid #ffd3d3}
@media(max-width:980px){
  .topbar{flex-wrap:wrap}
  .global-search{order:3;max-width:none;width:100%;margin:8px 0 0}
  .stage-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .search-result{grid-template-columns:1fr}
  .severity-pill{width:max-content}
}


/* المرحلة العاشرة */
.launch-mode{display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;font-weight:800}
.launch-pilot{background:#fff3d8;color:#8a5a00}
.launch-live{background:#e7f8ee;color:#147a46}
.launch-checks{display:grid;gap:8px}
.launch-check{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}
.launch-check:last-child{border-bottom:0}
.launch-steps{padding-right:22px;line-height:2}
.checkline{display:flex;align-items:center;gap:9px;font-weight:700}
.checkline input{width:auto}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.help-card p{line-height:1.9;color:var(--muted)}
@media(max-width:760px){.help-grid{grid-template-columns:1fr}.launch-check{align-items:flex-start}}

/* النسخة 10.29 — مركز متابعة الإنتاج */
.tracking-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:12px}.tracking-kpi{border:1px solid var(--line);background:#fff;border-radius:15px;padding:15px;text-align:right;box-shadow:0 5px 18px rgba(23,32,51,.035)}.tracking-kpi span{display:block;color:var(--muted);font-weight:700;font-size:13px}.tracking-kpi b{display:block;font-size:26px;margin-top:7px}.tracking-kpi.attention{border-color:#efd49a;background:#fffaf0}.tracking-stage-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:16px}.tracking-stage-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px;text-align:right}.tracking-stage-card span{display:block;color:var(--muted);font-size:12px;font-weight:700}.tracking-stage-card b{display:block;font-size:20px;margin-top:5px}.tracking-stage-card small{display:block;color:var(--muted);margin-top:3px;font-size:11px}.tracking-stage-card:hover,.tracking-stage-card.active{border-color:#a9b8ec;background:#f5f7ff}.tracking-filter-card{margin-bottom:14px}.tracking-mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.tracking-mode-tabs button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 13px;font-weight:700}.tracking-mode-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.tracking-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:11px}.tracking-filter-grid label,.tracking-date-row label,.tracking-saved-row label{font-size:12px;color:var(--muted);margin-bottom:5px}.tracking-date-row{display:grid;grid-template-columns:minmax(190px,1fr) 2fr minmax(150px,1fr) minmax(150px,1fr);gap:10px;align-items:end;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}.tracking-quick-dates{display:flex;gap:6px;flex-wrap:wrap;align-items:end}.tracking-quick-dates .active{background:#edf1ff;color:var(--primary);border-color:#c9d4ff}.tracking-saved-row{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-top:12px}.tracking-saved-row select{width:auto;min-width:230px}.tracking-saved-row label{width:100%}.tracking-attention{margin-bottom:14px;border-color:#efdeb6}.tracking-alert-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tracking-alert-list button{border:1px solid #f0dfba;background:#fffaf1;border-radius:12px;padding:10px 12px;text-align:right;display:flex;flex-direction:column;gap:3px}.tracking-alert-list button span,.tracking-alert-list button small{color:var(--muted)}.tracking-results-head{display:flex;justify-content:space-between;align-items:end;margin:18px 0 10px}.tracking-results-head h3{margin:0 0 4px}.tracking-results-head p{margin:0}.tracking-table{min-width:1650px}.tracking-table .pt-qty{text-align:center;color:#9aa1ae}.tracking-table .pt-qty.has{font-weight:800;color:var(--text);background:#fbfcff}.pt-progress-bar{height:12px;min-width:130px;display:flex;overflow:hidden;border-radius:999px;background:#eef1f6}.pt-progress-seg{height:100%;display:block}.pt-progress-seg.s0{background:#cbd5e1}.pt-progress-seg.s1{background:#a5b4fc}.pt-progress-seg.s2{background:#818cf8}.pt-progress-seg.s3{background:#6366f1}.pt-progress-seg.s4{background:#93c5fd}.pt-progress-seg.s5{background:#60a5fa}.pt-progress-seg.s6{background:#fbbf24}.pt-progress-seg.s7{background:#34d399}.tracking-result-count{padding-top:10px;text-align:left}.tracking-filter-card select,.tracking-filter-card input{min-width:0}
@media(max-width:1200px){.tracking-stage-cards{grid-template-columns:repeat(3,1fr)}.tracking-filter-grid{grid-template-columns:repeat(3,1fr)}.tracking-date-row{grid-template-columns:1fr 1fr}.tracking-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.tracking-stage-cards,.tracking-filter-grid,.tracking-kpis{grid-template-columns:1fr 1fr}.tracking-date-row{grid-template-columns:1fr}.tracking-alert-list{grid-template-columns:1fr}.tracking-saved-row select{width:100%}}
@media(max-width:560px){.tracking-stage-cards,.tracking-filter-grid,.tracking-kpis{grid-template-columns:1fr}.tracking-mode-tabs button{flex:1 1 45%}}

/* 10.33 — تتبع منتج */
.pt-trace-selector{margin-bottom:14px;border-color:#d8def5}.pt-trace-selector-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.pt-trace-selector-grid label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.pt-trace-selector-grid select{width:100%}.pt-trace-empty{text-align:center;padding:32px 18px;margin-bottom:14px}.pt-trace-empty h3{margin:0 0 8px}.pt-trace-summary{margin-bottom:14px}.pt-trace-kpis{grid-template-columns:repeat(5,1fr)}.pt-trace-path-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:18px 0 10px;padding-top:14px;border-top:1px dashed var(--line)}.pt-trace-path{display:grid;grid-template-columns:repeat(9,minmax(105px,1fr));gap:8px;overflow-x:auto;padding-bottom:4px}.pt-trace-stage{position:relative;min-width:105px;border:1px solid var(--line);border-radius:13px;background:#fafbfe;padding:11px 9px;text-align:center}.pt-trace-stage.has{background:#f4f7ff;border-color:#bac8f7}.pt-trace-stage small{display:block;color:var(--muted);font-weight:700;min-height:32px}.pt-trace-stage b{display:block;font-size:21px;margin-top:5px}.pt-trace-step{position:absolute;top:6px;right:7px;width:19px;height:19px;border-radius:50%;background:#e8ecf7;color:var(--muted);font-size:10px;display:flex;align-items:center;justify-content:center}.pt-trace-stage.has .pt-trace-step{background:var(--primary);color:#fff}.pt-trace-history{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}.pt-trace-history>div:first-child span{display:block;margin-top:3px}.pt-trace-history-cards{display:flex;gap:8px;flex-wrap:wrap}.pt-trace-history-cards>div{border:1px solid var(--line);border-radius:11px;padding:8px 12px;background:#fff;min-width:105px}.pt-trace-history-cards span{display:block;color:var(--muted);font-size:11px}.pt-trace-history-cards b{display:block;margin-top:3px;font-size:18px}
@media(max-width:1100px){.pt-trace-selector-grid{grid-template-columns:1fr 1fr 1fr}.pt-trace-path{grid-template-columns:repeat(5,minmax(120px,1fr))}.pt-trace-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.pt-trace-selector-grid{grid-template-columns:1fr}.pt-trace-path{grid-template-columns:repeat(3,minmax(120px,1fr))}.pt-trace-history{align-items:flex-start;flex-direction:column}.pt-trace-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.pt-trace-path{grid-template-columns:repeat(2,minmax(120px,1fr))}.pt-trace-kpis{grid-template-columns:1fr}}

/* 10.46: validation and compact transaction forms */
[hidden]{display:none!important}
[aria-invalid="true"]{border-color:#b42318!important;outline-color:#b42318}
.field-error{display:block;color:#b42318;margin-top:5px;font-size:13px}
.payment-summary{border-radius:8px;gap:12px;padding:14px;margin:10px 0 18px}
.payment-summary span{flex:1 1 160px;min-width:0;flex-wrap:wrap}
.form-grid>div,.grid2>div,.grid3>div{min-width:0}
.modal .table-wrap{max-width:100%}
/* Full-page order workspace */
.ow-workspace{max-width:1440px;margin:auto}.ow-workspace>.card,.ow-workspace section>.card{margin-bottom:16px}.ow-meta,.ow-finance{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 20px;background:#fff;border:1px solid #dde3ed;border-radius:12px;margin-bottom:16px}.ow-meta span,.ow-finance span{display:flex;gap:8px;align-items:center}.ow-finance{border-inline-start:4px solid #225fc4}.ow-next{margin:16px 0}.ow-next p{margin:6px 0 0}.ow-stages{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.ow-stages button{flex:1;min-width:145px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#334155;padding:14px 12px;font:inherit;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.ow-stages button span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf2fb}.ow-stages button.active{background:#183d78;border-color:#183d78;color:#fff}.ow-stages button.active span{background:#fff;color:#183d78}.ow-stages button:focus-visible,.ow-workspace button:focus-visible{outline:3px solid #e8ac32;outline-offset:3px}.ow-task{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #e5e9f0}.ow-task:last-child{border-bottom:0}.ow-task .muted{margin-top:6px}.ow-workspace .card{overflow-wrap:anywhere}.ow-workspace .modal-head{margin-bottom:14px}.ow-workspace .actions{flex-wrap:wrap}#orderStage>.card,#clientOrderPanel>.card{margin-bottom:16px}@media(max-width:700px){.ow-stages button{min-width:130px;flex:1 1 40%;padding:12px 8px}.ow-task{align-items:flex-start;flex-direction:column}.ow-finance{gap:12px}.ow-finance span{flex:1 1 100%}.ow-workspace .grid2,.ow-workspace .grid3{grid-template-columns:1fr}.ow-workspace .page-head{align-items:flex-start;gap:12px;flex-wrap:wrap}}

/* 10.49: save status and list navigation */
.save-status{position:fixed;bottom:20px;left:20px;z-index:10000;background:#173a33;color:white;padding:12px 18px;border-radius:10px;max-width:90vw;box-shadow:0 4px 18px #0003}.save-status.save-error{background:#8a3927}.list-pager{display:flex;gap:14px;align-items:center;justify-content:center;margin:16px 0;flex-wrap:wrap}