:root{font-family:'Cairo',Tahoma,sans-serif;color:#20334c;background:#f3f5f8;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:880px;margin:auto;padding:24px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #d6deea;background:#fff;color:#2e4665;border-radius:9px;padding:8px 14px;font-size:12px;font-weight:700}button:disabled{opacity:.55;cursor:wait}#top-header{display:flex;align-items:center;justify-content:space-between;padding:4px 0 20px;border-bottom:1px solid #dfe5ed;margin-bottom:18px}header small{font-size:10px;color:#a0834a;font-weight:800;letter-spacing:1px}h1{font-size:24px;margin:5px 0}header p{font-size:12px;color:#748399;margin:0}input,select,textarea{width:100%;display:block;background:#fff;border:1px solid #d8e1ec;border-radius:9px;padding:9px 11px;color:#20334c;font-size:13px;margin-top:5px}textarea{resize:vertical;min-height:42px;max-height:160px}label{font-weight:700;font-size:11px;color:#6a7d95}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar label{flex:1;min-width:200px}.hint{font-size:11px;color:#7d8b9c;margin:12px 0}.live{font-size:10px;color:#38806c;background:#eaf4f0;padding:5px 9px;border-radius:20px}#count{font-size:11px;color:#7a8899}#cards{display:flex;flex-direction:column;gap:13px;margin:15px 0}.card{border:1px solid #dce3eb;border-radius:14px;background:#fff;box-shadow:0 3px 12px #20334c04;overflow:hidden}.card.confirmed{background:#f1f9f4;border-color:#d0e7d9}.card.checked-other{background:#fcf3f2;border-color:#eedbd7}.card-head{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;border-bottom:1px solid #20334c0a;background:#ffffff65;gap:12px}.code{font-size:10px;letter-spacing:.6px;color:#8c98a8}.card h2{font-size:16px;line-height:1.5;margin:2px 0;color:#18324f;font-weight:800}.check-badge{font-size:10px;background:#ecf0f5;color:#8391a4;border:1px solid #dfe6ee;padding:4px 10px;border-radius:30px;white-space:nowrap}.confirmed .check-badge{color:#3a7956;background:#e1f0e5;border-color:#cce4d4}.checked-other .check-badge{color:#a26760;background:#f5e6e3;border-color:#ecd3cf}.card-body{padding:10px 17px 12px}.address{font-size:12px;line-height:1.7;margin:0 0 9px;color:#697b91}.phones{display:flex;gap:9px;flex-wrap:wrap}.phone{display:flex;align-items:center;gap:6px;background:#ffffffa8;border:1px solid #dce4eb;border-radius:8px;padding:4px 7px}.phone span{direction:ltr;font-size:13px;font-weight:700;margin-left:9px;letter-spacing:.6px}.phone a{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:#edf2fa;color:#55759e}.phone a.wa{color:#328365;background:#eaf5ee}.phone svg{width:18px;height:18px}.order-strip{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:10px 0;padding:8px 10px;background:#ffffff80;border-radius:8px;border:1px solid #20334c08}.details{white-space:pre-wrap;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.amount{font-size:11px;font-weight:800;white-space:nowrap;color:#526983}.notes-list{font-size:11px;line-height:1.8}.note-line{padding:3px 0;color:#6b7a90;white-space:pre-wrap;overflow-wrap:anywhere}.note-line strong{font-weight:700;color:#405a76;margin-left:4px}.card-controls{display:grid;grid-template-columns:190px 1fr;gap:12px;margin-top:10px}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}.save-note{font-size:11px;padding:6px 13px;border-color:#cdd9e7;background:#fff;color:#49637f}.saved{font-size:10px;color:#56826a;min-height:18px}.error{color:#ac574e!important}.remote-change{margin:0 17px 12px;background:#fff5df;color:#936b28;font-size:11px}#notice{position:sticky;top:8px;z-index:5;border:1px solid #d5e1ef;border-radius:9px;background:#eef4fb;padding:10px 14px;font-size:12px;margin-bottom:12px;white-space:pre-wrap}body.login-mode{background:radial-gradient(ellipse at 15% 15%,#e7edf5,transparent 50%),radial-gradient(ellipse at 85% 80%,#f1eada,transparent 50%),#f7f8fa}.login-mode main{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.login-mode #notice{width:min(100%,410px)}#login{background:#ffffffeb;border:1px solid #e0e5ed;border-top:3px solid #b79d6c;border-radius:20px;padding:30px 32px;max-width:410px;width:100%;box-shadow:0 24px 70px #1b304215;text-align:center}#login h2{font-size:24px;font-weight:800;margin:8px 0}#login p{font-size:11px;color:#8a97a8;margin-bottom:24px}.login-brand{margin:auto auto 14px;width:55px;height:55px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:#193755;color:#fff;font-size:30px;font-weight:900;position:relative;box-shadow:0 6px 14px #19375520}.login-brand span{position:absolute;bottom:-4px;right:-5px;border:3px solid #fff;border-radius:50%;background:#bca374;font-size:15px;width:26px;height:26px;line-height:21px}.login-eyebrow{color:#9a8357;font-size:10px;font-weight:800;letter-spacing:2px}#login label{text-align:right;display:block;margin:13px 0}#login input{padding:11px;background:#f8fafc}#login .primary{margin-top:10px;width:100%;background:#203f60;color:#fff;padding:11px;font-size:13px}#login a{display:inline-block;margin-top:18px;font-size:11px;color:#8190a4;text-decoration:none}dialog{font-family:inherit;color:#20334c;border:1px solid #d5dfec;border-radius:17px;padding:23px;max-width:360px;font-size:13px}dialog h2{font-size:18px}dialog::backdrop{background:#142c4560}.primary{background:#203f60;color:#fff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #afc6e2;outline-offset:2px}@media(max-width:540px){main{padding:12px}.card-head{padding:10px 12px}.card-body{padding:10px 12px}.card-controls{grid-template-columns:1fr 1.4fr;gap:8px}.card h2{font-size:15px}.order-strip{align-items:flex-start;flex-direction:column;gap:3px}.phones{gap:6px}.phone span{font-size:12px}.check-badge{font-size:9px;padding:4px 7px}#login{padding:26px 23px}}

/* Shared Silver Team branding; existing image dimensions are preserved. */
:root{--brand-gradient:linear-gradient(90deg,#3b82f6 0%,#ff007f 50%,#ff8c00 100%)}
body.login-mode{background:radial-gradient(ellipse at 12% 18%,#00d2ff12,transparent 48%),radial-gradient(ellipse at 88% 15%,#ff007f09,transparent 42%),radial-gradient(ellipse at 75% 90%,#ff8c000d,transparent 45%),#f5f8fc}
#login{border-top:1px solid #e0e5ed;position:relative;overflow:hidden}
#login::before{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:var(--brand-gradient)}
.login-brand{background:transparent;box-shadow:none;border-radius:0;color:inherit}
.login-brand img{display:block;width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 3px 7px #3b82f61f)}
.login-eyebrow{background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap}
#login .primary{background:linear-gradient(100deg,#1e3a8a,#3977d5);border:0;box-shadow:0 5px 13px #2563eb1a}
#login input:focus{border-color:#9bafe4;box-shadow:0 0 0 3px #3b82f610;outline:none}
#top-header small{color:#5278b2}

/* Compact controls and stronger visual hierarchy. */
body:not(.login-mode){background:linear-gradient(145deg,#eaf0f8 0%,#f1f3f9 58%,#efeef7 100%);min-height:100vh}
.toolbar{align-items:flex-end;padding:13px 15px;background:#e1e9f5;border:1px solid #cedbee;border-radius:12px;gap:14px}
.toolbar label{margin:0}.toolbar select{background:#f9fbff;border-color:#c1d1e8;min-height:42px}.toolbar #count{background:#d2def0;color:#3e5b82;font-weight:700;padding:9px 12px;border-radius:9px;white-space:nowrap}
.toolbar #count:empty{display:none}.toolbar:has(#agent-label[hidden]):has(#count:empty){display:none}
.card{background:#f0f4fa;border-color:#ccd8e9;box-shadow:0 5px 15px #233e5b08}
.card-head{background:linear-gradient(115deg,#132b49,#254968);border-bottom:3px solid #7494bb;padding:13px 17px}
.card-head .code{display:block;color:#d1e3fb;font-size:13px;letter-spacing:0;font-weight:800;line-height:1.8}
.card-head h2{color:#fff;font-size:17px;margin-top:3px}.card-head .check-badge{background:#ffffff15;color:#dbe7f6;border-color:#ffffff28}
.confirmed .card-head{border-bottom-color:#8fbc9e}.checked-other .card-head{border-bottom-color:#d7aaa4}
.confirmed .card-head .check-badge{background:#dcefe2;color:#376449;border-color:#c1ddca}.checked-other .card-head .check-badge{background:#f4e4e0;color:#87554f;border-color:#e6ccc5}
.order-strip{background:#e2eaf6;border-color:#d5e0ef}.notes-list{background:#eaf0f8;border-radius:8px;padding:6px 10px}.confirmed .notes-list,.confirmed .order-strip{background:#e6f1e9;border-color:#dce9df}.checked-other .notes-list,.checked-other .order-strip{background:#f5eae7;border-color:#edddd8}
.check-note{border-top:1px dashed #bdcce0;margin-top:3px;padding-top:5px}.save-note{background:#e4edf8;border-color:#c8d7eb;color:#34557a}
@media(max-width:540px){.toolbar{padding:10px;gap:8px}.toolbar label{min-width:170px}.toolbar #count{font-size:10px;padding:8px}.card-head{padding:11px 12px}.card-head .code{font-size:12px}}
.card.confirmed{background:#d9eddf;border-color:#9fc8ad}.confirmed .notes-list,.confirmed .order-strip{background:#cce4d4;border-color:#b5d5c0}.confirmed .phone{background:#edf7f0;border-color:#b9d6c2}.confirmed .card-head{border-bottom-color:#68a77d}.confirmed .card-head .check-badge{background:#c7e7d1;color:#245e39;border-color:#93c7a4}.confirmed .save-note{background:#c5e1cf;border-color:#9ac3a8;color:#2e6140}
.amount{display:flex;align-items:center;gap:12px;flex-shrink:0}.amount-metric{display:flex;align-items:baseline;gap:5px;background:#d0def0;border:1px solid #bdcee5;border-radius:8px;padding:5px 9px}.amount-metric strong{font-size:19px;font-weight:900;line-height:1.5;color:#264c75}.amount-metric span{font-size:11px}.confirmed .amount-metric{background:#b9dbc5;border-color:#a0caae}.confirmed .amount-metric strong{color:#245c38}.checked-other .amount-metric{background:#ecd8d2;border-color:#dfc3ba}
[data-theme="dark"]{color-scheme:dark;color:#dce6f4;background:#0e1725}
[data-theme="dark"] body:not(.login-mode){background:linear-gradient(135deg,#0d1726,#172137)}
[data-theme="dark"] #top-header{border-color:#33445d}[data-theme="dark"] h1{color:#e9f0fc}[data-theme="dark"] header p,[data-theme="dark"] .hint{color:#9daec6}[data-theme="dark"] #top-header small{color:#87ace0}
[data-theme="dark"] .toolbar{background:#1c2d44;border-color:#354d6b}[data-theme="dark"] .toolbar #count{background:#293e5a;color:#cbdcf3}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea,[data-theme="dark"] .toolbar select{background:#142338;color:#e0eaf7;border-color:#415673}[data-theme="dark"] label{color:#b0c1d9}
[data-theme="dark"] button{background:#253b56;color:#d5e4f8;border-color:#456080}[data-theme="dark"] .primary{background:#365d94;color:#fff}
[data-theme="dark"] .card{background:#1a2a3e;border-color:#354c69;box-shadow:0 5px 15px #0002}
[data-theme="dark"] .card.confirmed{background:#203e32;border-color:#4e8163}[data-theme="dark"] .card.checked-other{background:#3b2c31;border-color:#77575d}
[data-theme="dark"] .card-head{background:linear-gradient(115deg,#0b192a,#1a3551)}[data-theme="dark"] .card-head .code{color:#c9defb}[data-theme="dark"] .card-head h2{color:#f4f7ff}
[data-theme="dark"] .address,[data-theme="dark"] .note-line{color:#bbcada}[data-theme="dark"] .note-line strong{color:#dce8f7}
[data-theme="dark"] .order-strip,[data-theme="dark"] .notes-list{background:#22364f;border-color:#365371}
[data-theme="dark"] .confirmed .order-strip,[data-theme="dark"] .confirmed .notes-list{background:#2a4c3c;border-color:#466e56}
[data-theme="dark"] .checked-other .order-strip,[data-theme="dark"] .checked-other .notes-list{background:#49353a;border-color:#75545c}
[data-theme="dark"] .phone,[data-theme="dark"] .confirmed .phone{background:#18283a;border-color:#445b75}[data-theme="dark"] .phone a{background:#2b4565;color:#aacbf5}[data-theme="dark"] .phone a.wa{background:#244c3b;color:#9fd8b5}
[data-theme="dark"] .amount-metric{background:#304b6b;border-color:#526f91}[data-theme="dark"] .amount-metric strong{color:#e5efff}[data-theme="dark"] .amount{color:#bbcee7}
[data-theme="dark"] .confirmed .amount-metric{background:#356348;border-color:#608b6c}[data-theme="dark"] .confirmed .amount-metric strong{color:#e0f4e5}
[data-theme="dark"] .checked-other .amount-metric{background:#62434a;border-color:#8b636b}
[data-theme="dark"] .save-note,[data-theme="dark"] .confirmed .save-note{background:#29425a;border-color:#48647f;color:#d4e4f5}[data-theme="dark"] .saved{color:#a3d1b5}[data-theme="dark"] .error{color:#ffb4ab!important}
[data-theme="dark"] #notice{background:#1d344e;color:#cfdef2;border-color:#405e7e}[data-theme="dark"] .remote-change{background:#51452b;color:#f3d99b;border-color:#867143}
[data-theme="dark"] dialog{background:#1c2c41;color:#e0e9f5;border-color:#4c6280}
[data-theme="dark"] body.login-mode{background:radial-gradient(ellipse at 15% 15%,#153a5633,transparent 50%),#101a2b}[data-theme="dark"] #login{background:#19283c;border-color:#3c4e69;box-shadow:0 24px 70px #0003}[data-theme="dark"] #login h2{color:#eff5ff}[data-theme="dark"] #login input{background:#122035;color:#e2ecfa;border-color:#405672}[data-theme="dark"] #login p,[data-theme="dark"] #login a{color:#a7b9d2}

/* Coordinated blue, violet, teal and amber accents. */
body:not(.login-mode){background:radial-gradient(ellipse at 4% 5%,#c7e8f970,transparent 45%),radial-gradient(ellipse at 96% 35%,#e7d6ff65,transparent 45%),linear-gradient(155deg,#edf4fb,#f4effa 60%,#edf8f4)}
#top-header{border-bottom:0;position:relative;padding-bottom:22px}#top-header::after{content:'';position:absolute;bottom:0;right:0;left:0;height:3px;border-radius:5px;background:linear-gradient(90deg,#42b7ac,#7182dd,#ad6abd,#dca367)}
#top-header small{color:#7660a8}.toolbar{background:linear-gradient(110deg,#e8e0f5,#dcecf9 65%,#dcf0ee);border-color:#cbd7eb}.toolbar #count{background:#e0d8f2;color:#66508d;border:1px solid #cdc0e7}
.card-head{background:linear-gradient(112deg,#333268 0%,#22466a 55%,#205959 100%);border-bottom-color:#84b5c5}.card-head .code{color:#f6dba8}.card-head h2{color:#fff}.card-head .check-badge{background:#9181c42b;border-color:#b2a0d260;color:#ede4ff}
.card:not(.confirmed):not(.checked-other){background:linear-gradient(140deg,#f0f5ff,#f6f1fb);border-color:#d2d7ec}
.address{color:#55738e}.phone a.call{background:#e5eaff;color:#5369b1}.phone a.wa{background:#d9f0e4;color:#25845e}
.amount-metric:first-child{background:#e7ddf7;border-color:#cfc1e8;color:#7b5a9c}.amount-metric:first-child strong{color:#705298}
.amount-metric:last-child{background:#fae9ce;border-color:#e9cfa4;color:#8e6733}.amount-metric:last-child strong{color:#8c602b}
.confirmed .amount-metric:first-child{background:#d9e4f6;border-color:#b9cde8}.confirmed .amount-metric:first-child strong{color:#486696}.confirmed .amount-metric:last-child{background:#f0e7c6;border-color:#dbca91}.confirmed .amount-metric:last-child strong{color:#7d6329}
.checked-other .amount-metric:first-child{background:#e7dcf0;border-color:#d3c0e2}.checked-other .amount-metric:first-child strong{color:#745890}.checked-other .amount-metric:last-child{background:#f4e0c8;border-color:#e4c29d}.checked-other .amount-metric:last-child strong{color:#906235}
.note-line strong{color:#66569a}.note-line:nth-child(2) strong{color:#3e7b87}.note-line:nth-child(3) strong{color:#a27542}.check-note strong{color:#5266a4}.check-note{border-top-color:#b6c7d9}
.card-controls label:first-child{color:#577499}.card-controls label:last-child{color:#856194}.card-controls select{border-inline-start:3px solid #7595c4}.card-controls textarea{border-inline-start:3px solid #ad87bf}
.save-note,.confirmed .save-note{background:linear-gradient(115deg,#e0e2f8,#d7eaf6);border-color:#b8cae4;color:#4b6091;box-shadow:0 2px 5px #55669a0b}.save-note:hover{background:#d2def5;border-color:#90aad5}
.confirmed .card-head{border-bottom-color:#71ba91}.checked-other .card-head{border-bottom-color:#dca397}
[data-theme="dark"] body:not(.login-mode){background:radial-gradient(ellipse at 0 0,#203a574a,transparent 45%),radial-gradient(ellipse at 100% 45%,#49335d3d,transparent 50%),#101b2c}
[data-theme="dark"] .toolbar{background:linear-gradient(110deg,#302b48,#223c55 65%,#214442);border-color:#455371}[data-theme="dark"] .toolbar #count{background:#473957;color:#e2cfee;border-color:#655178}
[data-theme="dark"] .card-head{background:linear-gradient(112deg,#2c234a,#17334d 55%,#194140)}[data-theme="dark"] .card-head .code{color:#f3d498}
[data-theme="dark"] .card:not(.confirmed):not(.checked-other){background:linear-gradient(140deg,#1b2e44,#29263c);border-color:#47526f}
[data-theme="dark"] .phone a.call{background:#35446c;color:#bacaff}[data-theme="dark"] .phone a.wa{background:#28553f;color:#abe5c3}
[data-theme="dark"] .amount-metric:first-child,[data-theme="dark"] .confirmed .amount-metric:first-child,[data-theme="dark"] .checked-other .amount-metric:first-child{background:#483c65;border-color:#796591;color:#d5c8ec}
[data-theme="dark"] .amount-metric:first-child strong,[data-theme="dark"] .confirmed .amount-metric:first-child strong,[data-theme="dark"] .checked-other .amount-metric:first-child strong{color:#e0cffc}
[data-theme="dark"] .amount-metric:last-child,[data-theme="dark"] .confirmed .amount-metric:last-child,[data-theme="dark"] .checked-other .amount-metric:last-child{background:#55452c;border-color:#8a734a;color:#e6cd9f}
[data-theme="dark"] .amount-metric:last-child strong,[data-theme="dark"] .confirmed .amount-metric:last-child strong,[data-theme="dark"] .checked-other .amount-metric:last-child strong{color:#ffe0a1}
[data-theme="dark"] .note-line strong{color:#c6b0e8}[data-theme="dark"] .note-line:nth-child(2) strong{color:#9dd5d3}[data-theme="dark"] .note-line:nth-child(3) strong{color:#e6c392}[data-theme="dark"] .check-note strong{color:#b5c9f4}
[data-theme="dark"] .card-controls label:first-child{color:#aac6ee}[data-theme="dark"] .card-controls label:last-child{color:#d1b4e1}
[data-theme="dark"] .save-note,[data-theme="dark"] .confirmed .save-note{background:linear-gradient(115deg,#403759,#28435d);color:#d8d9fb;border-color:#677699}

/* Stronger, visible accents and warm surfaces. */
body:not(.login-mode){background:linear-gradient(130deg,#d9edff 0%,#eee2ff 50%,#d9f5ed 100%)}
.toolbar{background:linear-gradient(105deg,#c4b7f1,#acd5fa 55%,#9edfd4);border-color:#9db9df;box-shadow:0 4px 15px #6858a014}.toolbar #count{background:#7353bd;color:#fff;border-color:#7353bd}
.card-head{background:linear-gradient(110deg,#7037ab 0%,#285fb3 54%,#147e80 100%);border-bottom:4px solid #e7b65b}.card-head .code{color:#ffe69c;font-size:14px}.card-head h2{color:#fff}.card-head .check-badge{color:#fff;background:#ffffff25;border-color:#ffffff50}
.card:not(.confirmed):not(.checked-other){background:#e7efff;border-color:#a9c4ec}.card.confirmed{background:#bfe6cd;border-color:#78b68f}.card.checked-other{background:#f9deda;border-color:#dba29a}
.card .order-strip{background:#d2e2ff;border-color:#adc6ed}.card .notes-list{background:#dce7ff}
.card.confirmed .order-strip,.card.confirmed .notes-list{background:#aedaC0;border-color:#8fc6a4}.card.checked-other .order-strip,.card.checked-other .notes-list{background:#f3cec5;border-color:#e4b3a7}
.card .amount-metric:first-child,.card.confirmed .amount-metric:first-child,.card.checked-other .amount-metric:first-child{background:#7754c6;border-color:#6742b9;color:#f2eaff}.card .amount-metric:first-child strong,.card.confirmed .amount-metric:first-child strong,.card.checked-other .amount-metric:first-child strong{color:#fff}
.card .amount-metric:last-child,.card.confirmed .amount-metric:last-child,.card.checked-other .amount-metric:last-child{background:#ffc76d;border-color:#e5a441;color:#62400f}.card .amount-metric:last-child strong,.card.confirmed .amount-metric:last-child strong,.card.checked-other .amount-metric:last-child strong{color:#503109}
.phone a.call{background:#3675cd;color:#fff}.phone a.wa{background:#25956a;color:#fff}.phone{background:#f5f9ff;border-color:#a7c2df}
.save-note,.confirmed .save-note{background:linear-gradient(110deg,#6650b7,#347bc3);color:#fff;border-color:#6565b4;box-shadow:0 3px 8px #5f60a326}.save-note:hover{background:linear-gradient(110deg,#754ac6,#2783bd);color:#fff}
.card-controls select{border-inline-start:4px solid #428cce}.card-controls textarea{border-inline-start:4px solid #a35ccc}.note-line strong{color:#6948a5}.note-line:nth-child(2) strong{color:#147986}.note-line:nth-child(3) strong{color:#99621b}
.confirmed .card-head .check-badge{background:#c4f2d4;color:#1b6035;border-color:#94d6ae}.checked-other .card-head .check-badge{background:#ffe1d6;color:#8b4538;border-color:#f0b6a7}
[data-theme="dark"] body:not(.login-mode){background:linear-gradient(130deg,#142a48,#2e2142 50%,#173e3d)}
[data-theme="dark"] .toolbar{background:linear-gradient(105deg,#574277,#2a5581 55%,#246c63);border-color:#677dac}[data-theme="dark"] .toolbar #count{background:#8660c4;color:#fff;border-color:#ad8ae3}
[data-theme="dark"] .card-head{background:linear-gradient(110deg,#613695,#254f97 54%,#137476)}[data-theme="dark"] .card-head .code{color:#ffe69c}
[data-theme="dark"] .card:not(.confirmed):not(.checked-other){background:#263c5e;border-color:#5779a8}[data-theme="dark"] .card.confirmed{background:#285b43;border-color:#6aa080}[data-theme="dark"] .card.checked-other{background:#603c44;border-color:#a27077}
[data-theme="dark"] .card .order-strip,[data-theme="dark"] .card .notes-list{background:#334f73;border-color:#5e7caa}[data-theme="dark"] .card.confirmed .order-strip,[data-theme="dark"] .card.confirmed .notes-list{background:#346e50;border-color:#59976e}[data-theme="dark"] .card.checked-other .order-strip,[data-theme="dark"] .card.checked-other .notes-list{background:#744b50;border-color:#a37175}
[data-theme="dark"] .card .amount-metric:first-child,[data-theme="dark"] .card.confirmed .amount-metric:first-child,[data-theme="dark"] .card.checked-other .amount-metric:first-child{background:#855cc5;color:#fff;border-color:#ac88da}[data-theme="dark"] .card .amount-metric:first-child strong,[data-theme="dark"] .card.confirmed .amount-metric:first-child strong,[data-theme="dark"] .card.checked-other .amount-metric:first-child strong{color:#fff}
[data-theme="dark"] .card .amount-metric:last-child,[data-theme="dark"] .card.confirmed .amount-metric:last-child,[data-theme="dark"] .card.checked-other .amount-metric:last-child{background:#e3ac4f;color:#3b2b13;border-color:#f5c576}[data-theme="dark"] .card .amount-metric:last-child strong,[data-theme="dark"] .card.confirmed .amount-metric:last-child strong,[data-theme="dark"] .card.checked-other .amount-metric:last-child strong{color:#35240b}
[data-theme="dark"] .phone a.call{background:#4079c6;color:#fff}[data-theme="dark"] .phone a.wa{background:#28885f;color:#fff}[data-theme="dark"] .save-note,[data-theme="dark"] .confirmed .save-note{background:linear-gradient(110deg,#7954bd,#327bac);border-color:#9191d3;color:#fff}

/* Softer night palette; daylight palette is unchanged. */
[data-theme="dark"] body:not(.login-mode){background:linear-gradient(130deg,#202f43,#302b40 50%,#263c3d)}
[data-theme="dark"] .toolbar{background:linear-gradient(105deg,#514966,#3f5875 55%,#3c6764);border-color:#6a7b92}
[data-theme="dark"] .toolbar #count{background:#75638f;color:#f7f0ff;border-color:#9a86b4}
[data-theme="dark"] .card-head{background:linear-gradient(110deg,#57456d,#3c567a 54%,#346969)}
[data-theme="dark"] .card-head .code{color:#ead7ad}
[data-theme="dark"] .card:not(.confirmed):not(.checked-other){background:#34475f;border-color:#647a96}
[data-theme="dark"] .card.confirmed{background:#375d4c;border-color:#739985}
[data-theme="dark"] .card.checked-other{background:#62474d;border-color:#9c7b80}
[data-theme="dark"] .card .order-strip,[data-theme="dark"] .card .notes-list{background:#405770;border-color:#6b819b}
[data-theme="dark"] .card.confirmed .order-strip,[data-theme="dark"] .card.confirmed .notes-list{background:#446b57;border-color:#739980}
[data-theme="dark"] .card.checked-other .order-strip,[data-theme="dark"] .card.checked-other .notes-list{background:#72555a;border-color:#9e7c82}
[data-theme="dark"] .card .amount-metric:first-child,[data-theme="dark"] .card.confirmed .amount-metric:first-child,[data-theme="dark"] .card.checked-other .amount-metric:first-child{background:#75648e;border-color:#a08cb8;color:#f6f0ff}
[data-theme="dark"] .card .amount-metric:last-child,[data-theme="dark"] .card.confirmed .amount-metric:last-child,[data-theme="dark"] .card.checked-other .amount-metric:last-child{background:#c4ab7c;border-color:#dcc599;color:#342c20}
[data-theme="dark"] .phone a.call{background:#4d709c;color:#fff}
[data-theme="dark"] .phone a.wa{background:#48795f;color:#fff}
[data-theme="dark"] .save-note,[data-theme="dark"] .confirmed .save-note{background:linear-gradient(110deg,#706083,#4a718b);border-color:#919ab5;color:#fff}
[data-theme="dark"] .card-controls select{border-inline-start-color:#7796ba}
[data-theme="dark"] .card-controls textarea{border-inline-start-color:#a58caf}


.amount{flex-wrap:wrap;gap:8px}.amount-metric{flex-direction:column;align-items:center;gap:0}.amount-metric span{font-size:10px}.order-strip{flex-wrap:wrap}.metric-shipping{background:#bfe7e4;border-color:#94c9c4;color:#285e5c}.metric-shipping strong{color:#245a58}[data-theme="dark"] .metric-shipping{background:#3e716f;border-color:#6b9794;color:#d6efec}[data-theme="dark"] .metric-shipping strong{color:#edf9f5}@media(max-width:540px){.amount{width:100%}.amount-metric{flex:1;padding:5px 7px}.amount-metric span{white-space:normal;text-align:center}}

.card .address,.card .details{font-weight:800}
.metric-products{background:#d8e4fa;border-color:#a9c2e8;color:#3e5f8b}.metric-products strong{color:#355b8e}
[data-theme="dark"] .metric-products{background:#465f80;border-color:#748eaf;color:#d9e6f7}[data-theme="dark"] .metric-products strong{color:#edf4ff}
.amount{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:8px}.amount-metric{min-width:0;white-space:normal;text-align:center}.amount-metric span{line-height:1.6}
@media(max-width:540px){.amount{grid-template-columns:repeat(2,minmax(0,1fr))}.amount-metric{padding:7px 9px}}

/* Equal, compact metric tiles at every breakpoint. */
.amount{align-items:stretch}
.amount .amount-metric{height:54px;min-height:54px;padding:4px 6px;justify-content:center;gap:1px;box-sizing:border-box}
.amount .amount-metric strong{font-size:18px;line-height:1.3}
.amount .amount-metric span{font-size:10px;line-height:1.3;white-space:nowrap}

.forward-order{display:flex;align-items:center;justify-content:center;margin-top:10px;padding:8px 12px;border:1px solid #8abca3;border-radius:9px;background:#d9efe2;color:#236044;font-size:11px;font-weight:800;text-decoration:none;transition:background .15s}
.forward-order:hover{background:#c4e6d2}
[data-theme="dark"] .forward-order{background:#365e4c;border-color:#709b82;color:#e2f5e8}[data-theme="dark"] .forward-order:hover{background:#426f59}

/* شريط مستقل للبوابة قبل الدخول وبعده */
.portal-topbar{height:58px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 max(16px,calc((100% - 832px)/2));background:linear-gradient(110deg,#effaff,#f6f1fd);border-bottom:1px solid #d3dfef;box-shadow:0 3px 14px #233e6410}
.portal-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#28516e;font-size:17px;font-weight:900;white-space:nowrap}
.portal-brand img{object-fit:contain}
#portal-theme-toggle{display:flex;align-items:center;gap:7px;background:#ffffffb8;color:#466084;border:1px solid #cddcef;padding:6px 11px;font-size:11px;border-radius:20px}
.theme-symbol{font-family:Arial,sans-serif;font-size:21px;line-height:1}
.login-mode main{min-height:calc(100dvh - 58px)}
body[data-mode="delegate"] #identity{display:inline-block;font-size:clamp(20px,3vw,25px);font-weight:900;line-height:1.65;color:#225e7a;background:linear-gradient(110deg,#dff5f4,#e9e5fa);border:1px solid #c6dde7;border-inline-start:4px solid #459eaa;border-radius:11px;padding:5px 14px;margin-top:8px;overflow-wrap:anywhere}
#top-header>div{min-width:0}#logout{flex-shrink:0}
#agent{font-size:17px;font-weight:800}
[data-theme="dark"] .portal-topbar{background:linear-gradient(110deg,#263d50,#373048);border-color:#506079}
[data-theme="dark"] .portal-brand{color:#e1edf9}
[data-theme="dark"] #portal-theme-toggle{background:#3e4e66;color:#e1ecfa;border-color:#62768f}
[data-theme="dark"] body[data-mode="delegate"] #identity{background:linear-gradient(110deg,#305c63,#4e466b);color:#e4f7f5;border-color:#648394;border-inline-start-color:#7ad8d1}
.embedded-portal .portal-topbar{display:none}.embedded-portal.login-mode main{min-height:100dvh}
@media(max-width:540px){.portal-topbar{padding:0 12px}.portal-brand{font-size:15px}#top-header{gap:10px;flex-wrap:wrap}#portal-theme-toggle{padding:6px 9px}body[data-mode="delegate"] #identity{font-size:21px;padding:4px 11px}}

:root{--topbar-height:48px;--logo-gradient:linear-gradient(90deg,#3b82f6 0%,#ff007f 50%,#ff8c00 100%);--sidebar-bg:#fff;--text-color:#20334c}
.portal-topbar { position: fixed; top: 0; left: 0; right: 0; height: var(--topbar-height); background: radial-gradient(circle at 4% 50%, rgba(0, 210, 255, 0.16), transparent 65%), radial-gradient(circle at 96% 50%, rgba(255, 140, 0, 0.14), transparent 65%), linear-gradient(180deg, #ffffff 0%, #f5f8fd 100%); border-bottom: 3px solid transparent; border-image: var(--logo-gradient); border-image-slice: 1; display: flex; align-items: center; justify-content: space-between; padding: 0 22px; box-sizing: border-box; z-index: 10010; box-shadow: 0 2px 14px rgba(10, 17, 40, 0.08); transition: right 0.3s ease; }
.portal-brand { display: flex; align-items: center; gap: 10px; direction: ltr; }
.portal-brand img { height: 31px; width: auto; object-fit: contain; filter: drop-shadow(0 2px 4px rgba(10, 17, 40, 0.15)); }
.portal-brand span { font-family: 'Cinzel Decorative', serif; font-size: 19px; font-weight: 900; background: var(--logo-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.5px rgba(10, 17, 40, 0.45); letter-spacing: 1.3px; margin-top: 2px; }
#portal-theme-toggle { border: 1.5px solid rgba(255, 255, 255, 0.75); background: var(--sidebar-bg); width: 29px; height: 29px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 13px; color: var(--text-color); transition: all 0.3s ease; line-height: 1; padding: 0; box-shadow: 0 3px 8px rgba(15, 30, 60, 0.22), inset 0 1px 1px rgba(255, 255, 255, 0.7), inset 0 -2px 3px rgba(15, 30, 60, 0.18); }
[data-theme="dark"] .portal-topbar { background: radial-gradient(circle at 4% 50%, rgba(0, 210, 255, 0.12), transparent 65%), radial-gradient(circle at 96% 50%, rgba(255, 140, 0, 0.10), transparent 65%), linear-gradient(180deg, #121b30 0%, #0d1424 100%); }

.portal-topbar{position:sticky;direction:ltr;gap:12px}
.portal-brand{text-decoration:none;flex-wrap:nowrap;white-space:nowrap}
.portal-brand img{width:auto}.portal-brand span{white-space:nowrap}
#portal-theme-toggle{flex-shrink:0;padding:0}
.theme-symbol{font:inherit}.theme-label{display:none}
[data-theme="dark"]{--sidebar-bg:#121b30;--text-color:#e6ebf5}
[data-theme="dark"] #portal-theme-toggle{background:var(--sidebar-bg);color:var(--text-color);border:1.5px solid rgba(255,255,255,.75)}
.login-mode main{min-height:calc(100dvh - 48px)}
.identity-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:5px}
body[data-mode="delegate"] #identity{font-size:16px;font-weight:700;line-height:1.6;padding:0;margin:0;border:0;border-radius:0;background:none;color:#35677b}
[data-theme="dark"] body[data-mode="delegate"] #identity{background:none;border:0;color:#c0e5e9}
.identity-row #count{font-size:11px;font-weight:700;line-height:1.6;padding:3px 8px;border-radius:7px;background:#e7edf8;color:#526787;white-space:nowrap}
.identity-row #count:empty{display:none}
[data-theme="dark"] .identity-row #count{background:#40516b;color:#dce8f8}
.toolbar:has(#agent-label[hidden]){display:none}
#top-header{padding-bottom:12px;margin-bottom:12px}
#top-header h1{font-size:21px;margin:0}
.amount{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;max-width:480px}
.amount .amount-metric{height:46px;min-height:46px;padding:3px 2px;border-radius:7px;gap:1px}
.amount .amount-metric strong{font-size:15px;line-height:1.2}
.amount .amount-metric span{font-size:9px;line-height:1.2;white-space:normal;text-align:center}
@media(max-width:768px){.portal-topbar{padding:0 15px}.portal-brand img{height:26px}.portal-brand span{font-size:16px}}
@media(max-width:480px){.portal-brand{gap:6px}.portal-brand span{font-size:clamp(10px,3vw,14px);letter-spacing:.5px}.amount .amount-metric strong{font-size:14px}.amount .amount-metric span{font-size:8px}}

/* Compact order header and descriptive status pill. */
.card .card-head{padding:7px 12px;gap:8px;border-bottom-width:2px}
.card-head>div{min-width:0}.card-head .code{line-height:1.5}
.card .card-head h2{font-size:15px;line-height:1.4;margin:2px 0 0;overflow-wrap:anywhere}
.card .card-head .check-badge{flex-shrink:0;max-width:46%;white-space:normal;text-align:center;line-height:1.5;font-size:11px;font-weight:800;padding:5px 10px;border-radius:10px;border:1px solid #ffffff50;background:linear-gradient(135deg,#f2f6ff,#dde7f5);color:#375472;box-shadow:0 2px 6px #12263e22,inset 0 1px 0 #ffffff80}
.card.confirmed .card-head .check-badge{background:linear-gradient(135deg,#e1f7e9,#b9e7cc);color:#205b3d;border-color:#9bd3b4}
.card.checked-other .card-head .check-badge{background:linear-gradient(135deg,#fff0e9,#f2d3cb);color:#89473f;border-color:#e0b0a5}
[data-theme="dark"] .card .card-head .check-badge{background:linear-gradient(135deg,#526580,#40516c);color:#f0f5ff;border-color:#8194b0;box-shadow:0 2px 6px #0002,inset 0 1px 0 #ffffff16}
[data-theme="dark"] .card.confirmed .card-head .check-badge{background:linear-gradient(135deg,#477d64,#36644e);color:#e5fff0;border-color:#81b69a}
[data-theme="dark"] .card.checked-other .card-head .check-badge{background:linear-gradient(135deg,#885e60,#704a50);color:#fff0eb;border-color:#b58b89}
@media(max-width:540px){.card .card-head{padding:6px 10px}.card .card-head .check-badge{font-size:10px;padding:4px 8px}}