:root{--bg:#f5f7fa;--panel:#fff;--ink:#10182d;--muted:#738099;--line:#e1e7f0;--blue:#347cf6;--darkblue:#2854b3;--tint:#edf4ff;--green:#168464;--greenbg:#eaf8f2;--amber:#ac721d;--amberbg:#fff6e6;--red:#ba4e4e;--radius:12px;--shadow:0 3px 10px #1c355507}*{box-sizing:border-box}body{margin:0;font:14px/1.45 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}button:disabled{opacity:.45;cursor:not-allowed}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid #96bcff}input,textarea,select{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #c4dbff;border-color:#6fa5ff}textarea{resize:vertical;line-height:1.6}h1,h2,h3,p{margin:0}h1{font-size:26px;line-height:1.25;letter-spacing:-.7px;font-weight:650}h2{font-size:19px;letter-spacing:-.3px;font-weight:650}h3{font-size:14px;font-weight:650}small{font-size:12px}a{color:var(--blue)}.muted{color:var(--muted)}.tiny{font-size:11px}.label{font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--muted)}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:14px}.grow{flex:1;min-width:0}.icon{width:18px;height:18px;flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.asset{display:block;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid var(--line);background:white;border-radius:8px;font-size:12px;font-weight:600;min-height:38px;white-space:nowrap}.btn:hover:not(:disabled){background:#f7faff;border-color:#b8ceef}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 3px 6px #3b82f61a}.btn.primary:hover:not(:disabled){background:#246be0}.btn.soft{background:var(--tint);color:#2d6bce;border-color:transparent}.btn.link{padding:4px 0;min-height:24px;color:var(--blue);background:transparent;border-color:transparent}.btn.small{padding:6px 10px;min-height:30px;font-size:11px}.btn.danger{color:var(--red)}.iconbtn{height:32px;width:32px;border-radius:7px;display:inline-grid;place-items:center;color:var(--muted);flex:none}.iconbtn:hover{background:var(--tint);color:var(--blue)}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;background:#f0f3f7;color:#647189;font-size:10px;font-weight:600;white-space:nowrap}.pill.green{color:var(--green);background:var(--greenbg)}.pill.amber{color:var(--amber);background:var(--amberbg)}.pill.blue{color:#3073da;background:var(--tint)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.avatar{height:31px;width:31px;display:grid;place-items:center;border-radius:50%;background:#e5eeff;color:#3b65ad;font-size:11px;font-weight:650;flex:none}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.app-shell{height:100dvh;display:grid;grid-template-columns:194px minmax(0,1fr);padding:16px 20px 16px 16px;gap:24px;overflow:hidden}.sidebar{background:linear-gradient(160deg,#2854b3,#3162c7 50%,#3b70d4);border:1px solid #a7f0ff33;border-radius:21px;box-shadow:0 20px 28px -16px #163d7780;color:#fff;display:flex;flex-direction:column;padding:20px 12px 12px;min-height:0}.brand{padding:2px 8px 32px;display:flex;justify-content:space-between;align-items:center}.brand img{width:100px;height:23px;object-fit:fill}.nav-title{color:#ffffff75;font-size:10px;padding:8px 9px 10px}.navbtn{width:100%;text-align:left;display:flex;align-items:center;gap:10px;color:#ffffffce;border:1px solid transparent;border-radius:7px;min-height:39px;padding:8px 10px;font-size:12px;margin-bottom:4px;position:relative}.navbtn:hover{background:#ffffff10}.navbtn.active{background:#a7f0ff33;border-color:#a7f0ff59;color:#fff}.navbtn.active:before{content:'';height:18px;width:3px;background:#a7f0ff;border-radius:9px;position:absolute;left:-1px}.navbtn img{width:16px;height:16px;object-fit:contain}.nav-divider{height:1px;background:#ffffff1e;margin:18px 9px}.side-bottom{margin-top:auto}.side-status{border:1px solid #a7f0ff55;border-radius:10px;padding:12px;background:#ffffff08;font-size:11px;margin-bottom:10px}.side-status p{font-size:10px;color:#ffffffa3;margin-top:8px;line-height:1.7}.profile{background:#a7f0ff1a;border:1px solid #a7f0ff33;border-radius:8px;padding:11px;display:flex;gap:9px;align-items:center}.profile .avatar{background:#ffffff28;color:#fff}.profile small{font-size:10px;color:#ffffff9c;display:block;margin-top:3px}.main{min-width:0;min-height:0;display:flex;flex-direction:column}.top{height:66px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:7px 0 12px;flex:none}.top p{font-size:12px;color:var(--muted);margin-top:5px}.top-actions{display:flex;gap:12px;align-items:center;padding-top:3px}.demo{font-size:10px;letter-spacing:.7px;color:#8290a6;border:1px solid var(--line);padding:4px 7px;border-radius:5px}.role-switch{display:flex;background:#e9eef5;border:1px solid #e1e6ee;padding:3px;border-radius:8px}.role-switch button{padding:5px 11px;border-radius:5px;font-size:11px;color:#738099}.role-switch button.active{background:#fff;box-shadow:0 1px 4px #16345c18;color:#275bb7}.system-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:8px;background:white;padding:9px 14px;margin-bottom:18px;min-height:43px;font-size:11px;flex:none}.system-strip img{width:18px;height:18px}.system-right{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:10px}.system-strip .pill{font-size:9px;border-radius:20px}.workspace{min-height:0;flex:1;display:grid;grid-template-columns:258px minmax(0,1fr);gap:16px}.workspace.queue-hidden{grid-template-columns:minmax(0,1fr)}.queue{display:flex;flex-direction:column;min-height:0;overflow:hidden}.qhead{padding:18px 16px 12px}.qhead h2{font-size:17px}.search{position:relative}.search .icon{position:absolute;left:10px;top:11px;width:15px;height:15px;color:#8b97aa}.search input{width:100%;padding:9px 10px 9px 32px;font-size:11px;background:#f8fafc}.qhead .search{margin:16px 0 10px}.select-row{display:flex;gap:7px}.select-row select{font-size:10px;padding:6px 5px;flex:1;width:50%;background:#fff;color:#627089}.qtabs{display:flex;gap:3px;padding:0 13px 12px;flex-wrap:wrap}.qtab{font-size:10px;padding:6px 7px;border-radius:5px;color:var(--muted)}.qtab.active{background:var(--tint);color:#3476df}.queue-list{overflow:auto;flex:1;scrollbar-width:thin;border-top:1px solid var(--line)}.qitem{width:100%;text-align:left;display:block;border-bottom:1px solid #edf0f5;padding:16px;position:relative}.qitem:hover{background:#f8fafc}.qitem.selected{background:#f1f6ff}.qitem.selected:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#3b82f6}.qitem .qm{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:8px}.qitem strong{font-size:12px;display:block;font-weight:650;margin-bottom:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qitem p{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:11px}.qitem .row.between{font-size:10px;color:var(--muted)}.qfoot{padding:10px 15px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);background:#fafbfd}.request{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.request-header{padding:20px 22px 0;flex:none}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);margin-bottom:8px}.request-header h2{font-size:21px;letter-spacing:-.5px}.request-meta{font-size:11px;color:var(--muted);margin:10px 0 15px;gap:13px;display:flex;flex-wrap:wrap}.request-meta .icon{width:13px;height:13px;margin-right:4px}.stepper{display:flex;align-items:center;gap:12px;font-size:10px;color:#99a3b3;padding:13px 0;border-top:1px solid #edf0f5;white-space:nowrap}.stepper .done{color:var(--green)}.stepper .current{color:var(--blue);font-weight:600}.stepper .step-num{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#f1f4f8;margin-right:5px}.stepper .current .step-num{background:var(--tint)}.conditions{border-top:1px solid #edf0f5;background:#fafbfd;padding:10px 22px;font-size:10px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;color:#738099}.conditions b{font-weight:550;color:#47556c}.decision-summary{margin:15px 22px 0;border:1px solid #dce9fb;background:#f6f9ff;border-radius:9px;padding:13px 14px;display:flex;gap:12px;align-items:center}.sparkbox{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--blue);background:#e8f0ff;flex:none}.decision-summary strong{display:block;font-size:12px;font-weight:600}.decision-summary p{font-size:10px;color:#74829a;margin-top:3px;line-height:1.6}.table-toolbar{padding:17px 22px 12px;display:flex;align-items:center;gap:10px;justify-content:space-between}.tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.tab{font-size:11px;padding:8px 9px;border-radius:6px;color:#7b879a;white-space:nowrap}.tab.active{background:var(--tint);color:#2f73db;font-weight:600}.tab span{margin-left:5px;font-size:10px;opacity:.8}.table-toolbar .search{width:150px;flex:none}.tablewrap{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;margin:0 22px;border:1px solid var(--line);border-radius:8px 8px 0 0;border-bottom:0}.spec{border-collapse:collapse;width:100%;table-layout:fixed;min-width:705px}.spec th{background:#f8fafc;position:sticky;top:0;z-index:1;font-size:10px;color:#8290a6;font-weight:500;padding:12px 12px;text-align:left;border-bottom:1px solid var(--line)}.spec td{padding:12px;border-bottom:1px solid #edf0f5;font-size:11px;vertical-align:middle;line-height:1.5}.spec th:first-child,.spec td:first-child{width:38px;color:#9aa6b7;font-size:10px;padding-right:0}.spec th:nth-child(2){width:32%}.spec th:nth-child(3){width:26%}.spec th:nth-child(4){width:17%}.spec th:last-child{width:135px}.spec tbody tr:hover{background:#fafcff}.spec tr.attention td:first-child{box-shadow:inset 2px 0 #e2b264}.spec tr.selected{background:#f0f6ff}.spec tr.excluded{color:#a6afbb;background:#fafbfd}.spec tr.excluded .prod{text-decoration:line-through}.prod{font-size:11px;font-weight:550;display:block;line-height:1.6}.sub{display:block;font-size:10px;color:#8691a3;margin-top:3px;line-height:1.5}.stock{font-size:11px;color:#32866d;white-space:nowrap}.stock.amber{color:var(--amber)}.statusbtn{padding:0;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;font-size:10px;color:var(--blue)}.statusbtn .icon{height:14px;width:14px}.checkbtn{padding:5px 8px;border:1px solid #d9e6f7;border-radius:6px;color:#4676bb;background:white;display:inline-flex;align-items:center;gap:5px;font-size:10px}.checkbtn .icon{width:12px;height:12px}.empty{padding:50px 25px;text-align:center;color:#8c98aa;font-size:12px;line-height:1.8}.empty h3{color:#55617a;margin-bottom:8px}.request-footer{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:15px 22px;border-top:1px solid var(--line);background:#fff;flex:none;box-shadow:0 -6px 14px #142c4503}.progress-title{font-size:11px;font-weight:600}.progress-title small{font-size:10px;font-weight:400;color:var(--muted)}.progress{height:4px;border-radius:10px;background:#eaf0f6;width:170px;margin-top:8px;overflow:hidden}.progress i{display:block;height:100%;background:#53ac94;border-radius:10px;transition:width .3s}.footnote{display:flex;justify-content:space-between;gap:10px;padding:9px 1px 0;font-size:9px;color:#939fb1;flex:none}.backdrop{position:fixed;inset:0;background:#10213f50;z-index:30;backdrop-filter:blur(2px);display:flex;justify-content:flex-end}.drawer{width:510px;max-width:94vw;height:100dvh;background:#fff;box-shadow:-15px 0 50px #132e5725;display:flex;flex-direction:column;animation:slide .18s ease-out}.drawer-head{padding:23px 25px 18px;border-bottom:1px solid var(--line);flex:none}.drawer-head h2{font-size:20px;margin:8px 0 5px}.drawer-body{padding:21px 25px;overflow:auto;flex:1;min-height:0;scrollbar-width:thin}.drawer-footer{border-top:1px solid var(--line);padding:16px 25px;background:#fff;flex:none}.drawer-footer .btn.primary{flex:1}.section{margin-bottom:23px}.section>.label{display:block;margin-bottom:10px}.source-box{background:#f7f9fc;border:1px solid var(--line);border-radius:8px;padding:13px;font-size:12px;line-height:1.8}.source-box small{display:block;color:#7e8aa0;font-size:11px;margin-top:3px}.explain{padding:13px 14px;border-radius:8px;background:var(--tint);color:#4c6e9f;font-size:11px;line-height:1.8;border:1px solid #dfebfc}.explain.amber{background:#fff9ee;border-color:#f3e7cc;color:#9a742e}.explain.green{background:var(--greenbg);color:#387f68;border-color:#d8eee3}.candidate{display:block;border:1px solid var(--line);padding:14px;border-radius:9px;margin:10px 0;cursor:pointer;font-size:12px}.candidate:has(input:checked){border-color:#76a8f8;background:#f6f9ff;box-shadow:0 0 0 2px #3b82f611}.candidate input{accent-color:var(--blue)}.candidate strong{font-size:12px;font-weight:600}.candidate p{font-size:11px;color:var(--muted);margin:7px 0 0 24px;line-height:1.7}.candidate .tags{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0 0 24px}.tags span{padding:3px 6px;background:#eef2f7;color:#6b7a92;font-size:10px;border-radius:4px}.tags span.diff{background:var(--amberbg);color:var(--amber)}.mini-table{width:100%;border-collapse:collapse;font-size:11px}.mini-table th{font-weight:500;color:#8793a6;text-align:left;font-size:10px;background:#f8fafc}.mini-table th,.mini-table td{padding:10px 7px;border-bottom:1px solid #edf0f5;vertical-align:top}.mini-table td:last-child{text-align:right}.field{margin-top:15px}.field label{font-size:11px;font-weight:600;display:block;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;font-size:12px}.field small{font-size:10px;color:#8a95a8;display:block;margin-top:6px;line-height:1.7}.field textarea{min-height:85px}.consent{display:flex;gap:9px;font-size:11px;line-height:1.7;color:#6d7c94;margin:15px 0}.consent input{margin-top:4px;accent-color:var(--blue);flex:none}.error{color:var(--red);font-size:11px;margin-top:10px;line-height:1.7}.modalback{justify-content:center;align-items:center;padding:24px}.modal{background:#fff;border-radius:15px;width:680px;max-width:100%;max-height:90dvh;display:flex;flex-direction:column;box-shadow:0 25px 70px #172f5730;animation:appear .18s ease-out}.modal.wide{width:960px}.modal-head{padding:23px 25px 18px;border-bottom:1px solid var(--line)}.modal-head p{font-size:11px;color:var(--muted);margin-top:7px}.modal-body{padding:22px 25px;overflow:auto}.modal-footer{padding:16px 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.modal-footer small{font-size:10px;color:var(--muted)}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.summary-cards>div{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:14px;color:#8290a5;font-size:10px}.summary-cards strong{display:block;font-size:23px;color:#2c466b;margin-bottom:5px}.timeline{border-left:1px solid #dce6f4;margin:4px 0 0 6px}.event{padding:0 0 22px 20px;position:relative;font-size:12px;line-height:1.7}.event:before{content:'';position:absolute;left:-4px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--blue)}.event small{display:block;color:var(--muted);font-size:10px;margin-top:4px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#183457;color:white;box-shadow:0 8px 30px #14233f28;border-radius:10px;max-width:calc(100% - 40px);padding:13px 19px;font-size:12px;z-index:99;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.login{display:grid;grid-template-columns:48% 52%;min-height:100dvh;padding:20px;gap:20px}.login-story{background:linear-gradient(145deg,#244da7,#3265cd 65%,#3c7be6);color:#fff;border-radius:22px;display:flex;flex-direction:column;justify-content:space-between;padding:40px 48px;position:relative;overflow:hidden}.login-story:after{content:'';width:540px;height:540px;border:1px solid #ffffff13;position:absolute;border-radius:50%;right:-260px;top:190px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03;pointer-events:none}.login-story h1{font-size:46px;font-weight:550;letter-spacing:-1.8px;line-height:1.15;max-width:500px;margin-top:45px}.login-story p{font-size:15px;line-height:1.9;color:#ffffffa8;max-width:380px;margin-top:20px}.login-story .login-card{background:#ffffff10;border:1px solid #ffffff26;backdrop-filter:blur(5px);border-radius:12px;padding:20px;margin-top:40px;max-width:440px;position:relative;z-index:1}.login-card .checkline{display:flex;align-items:center;gap:12px;font-size:12px;color:#ffffffd9;margin-top:17px}.login-card .checkline:first-child{margin:0}.login-card .checkline .icon{color:#a7f0ff}.login-story footer{font-size:11px;color:#ffffff7a;margin-top:35px}.login-form{display:flex;align-items:center;justify-content:center;padding:40px}.login-form>div{width:365px;max-width:100%}.login-form h2{font-size:27px;letter-spacing:-.7px;margin-top:22px}.login-form p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:10px}.login-form .role-switch{margin:25px 0 22px}.login-form .role-switch button{flex:1;padding:9px}.login-form .btn.primary{width:100%;margin-top:23px;min-height:43px}.demo-info{margin-top:24px;padding:13px 15px;background:#edf3fc;border-radius:8px;font-size:11px;color:#7085a2;line-height:1.8}.scroll-page{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;padding-bottom:10px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:8px 0 19px;gap:14px}.page-heading p{font-size:11px;color:var(--muted);margin-top:5px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.kpi{border-radius:12px;padding:19px 20px;background:linear-gradient(145deg,#1749b8,#3c73d3);color:white;box-shadow:0 7px 12px #1d438019;min-height:129px}.kpi .row{font-size:11px;color:#e1eaff}.kpi strong{display:block;font-size:30px;letter-spacing:-.9px;font-weight:650;margin:13px 0 6px}.kpi small{font-size:10px;color:#c0d7ff}.analytics-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.chart-panel{padding:20px}.chart-panel h3{font-size:15px}.chart-panel p{font-size:10px;color:var(--muted);margin:5px 0 16px}.barchart{height:200px;display:flex;align-items:flex-end;gap:15px;padding:20px 10px 25px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent,transparent 45px,#eef2f7 45px,#eef2f7 46px)}.bar{flex:1;background:linear-gradient(#76a7fb,#347cf6);border-radius:5px 5px 0 0;position:relative;min-width:10px}.bar b{position:absolute;bottom:calc(100% + 6px);width:100%;text-align:center;font-size:10px;font-weight:500;color:#6085b8}.bar span{position:absolute;top:calc(100% + 8px);width:100%;text-align:center;font-size:9px;color:#8793a5}.metric-line{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:14px 0;border-bottom:1px solid #edf0f5}.metric-line strong{font-weight:600}.note{font-size:10px;color:#8190a6;line-height:1.8;margin-top:15px}.settings-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.settings-grid>.panel{padding:22px}.setting-line{font-size:12px;padding:13px 0;border-bottom:1px solid #edf0f5;display:flex;justify-content:space-between;gap:20px}.upload-zone{border:1px dashed #a7c4ee;border-radius:10px;padding:28px;text-align:center;background:#f8fbff;color:#6485b7;cursor:pointer;display:block;font-size:12px;line-height:1.9}.upload-zone .icon{width:28px;height:28px;display:block;margin:0 auto 12px}.question-card{border:1px solid var(--line);border-radius:10px;padding:15px;margin-bottom:12px}.question-card p{font-size:11px;color:#7d8aa1;line-height:1.8;margin-top:7px}.question-card select,.question-card textarea{margin-top:12px;width:100%;font-size:12px}.success-mark{width:52px;height:52px;background:var(--greenbg);color:var(--green);border-radius:50%;display:grid;place-items:center;margin-bottom:15px}.success-mark .icon{width:26px;height:26px}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.spinner{width:14px;height:14px;display:inline-block;border-radius:50%;border:2px solid #a8c5f1;border-top-color:var(--blue);animation:spin .6s linear infinite}.client-table{width:100%;border-collapse:collapse}.client-table th,.client-table td{padding:15px 16px;text-align:left;font-size:12px;border-bottom:1px solid #edf0f5}.client-table th{font-size:10px;color:#7f8ba2;font-weight:500;background:#f8fafc}.mobile-btn{display:none}.collapsed .sidebar{padding:20px 8px 12px}.app-shell.collapsed{grid-template-columns:68px minmax(0,1fr);gap:20px}.collapsed .brand{padding:3px 4px 31px;overflow:hidden}.collapsed .brand img{display:none}.collapsed .brand:before{content:'↗';font-size:24px;color:#a7f0ff}.collapsed .brand .iconbtn{color:white}.collapsed .nav-title,.collapsed .navbtn span,.collapsed .profile .grow,.collapsed .side-status,.collapsed .nav-divider{display:none}.collapsed .navbtn{justify-content:center;padding:12px 0;margin-bottom:8px}.collapsed .profile{padding:8px 0;justify-content:center;border:0;background:none}.collapsed .navbtn img{width:16px;height:16px}.collapsed .sidebar .navbtn .icon{width:18px}.collapsed .side-bottom .navbtn{margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide{from{transform:translateX(30px);opacity:.7}}@keyframes appear{from{transform:translateY(7px);opacity:.5}}@media(min-width:1700px){.workspace{grid-template-columns:280px minmax(0,1fr)}.spec td{padding-top:15px;padding-bottom:15px;font-size:12px}.prod{font-size:12px}.sub{font-size:11px}.table-toolbar .search{width:190px}}@media(max-width:1250px){.app-shell{grid-template-columns:68px minmax(0,1fr);gap:16px;padding:12px}.sidebar{padding:20px 8px 12px}.brand{padding:3px 4px 31px}.brand img,.nav-title,.navbtn span,.side-status,.profile .grow,.nav-divider{display:none}.brand:before{content:'↗';font-size:24px;color:#a7f0ff}.brand .iconbtn{display:none}.navbtn{justify-content:center;padding:12px 0;margin-bottom:8px}.profile{padding:8px 0;border:0;justify-content:center;background:none}.workspace{grid-template-columns:235px minmax(0,1fr);gap:12px}.request-header{padding:18px 17px 0}.decision-summary{margin-left:17px;margin-right:17px}.table-toolbar{padding-left:17px;padding-right:17px;flex-wrap:wrap}.tablewrap{margin:0 17px}.table-toolbar .search{width:140px}.system-right span:first-child{display:none}.conditions{padding-left:17px}.request-footer{padding:14px 17px}.request-header h2{font-size:19px}.stepper{gap:7px;font-size:9px}.kpis{gap:12px}.kpi{padding:16px}.kpi strong{font-size:25px}}@media(max-width:900px){.workspace{grid-template-columns:210px minmax(0,1fr)}.request-footer{flex-wrap:wrap}.decision-summary{align-items:flex-start}.decision-summary .btn{display:none}.system-right{font-size:9px}.top h1{font-size:23px}.top-actions .demo{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.analytics-grid,.settings-grid{grid-template-columns:1fr}.login-story{padding:30px}.login-story h1{font-size:37px}.login-form{padding:25px}.login{grid-template-columns:44% 56%}.top-actions{gap:6px}.role-switch button{padding:5px 7px}}@media(max-width:680px){.app-shell,.app-shell.collapsed{grid-template-columns:1fr;padding:10px;gap:0}.sidebar{display:none}.top{height:74px;padding:7px 3px}.top p{font-size:10px}.top h1{font-size:22px}.top-actions{flex-direction:column;align-items:flex-end;padding:0}.top-actions>.avatar{display:none}.top-actions>.iconbtn{display:none}.role-switch button{font-size:10px}.system-strip{padding:9px 10px;margin-bottom:10px;gap:8px;font-size:10px}.system-right{display:none}.system-strip .pill{font-size:8px}.workspace{grid-template-columns:1fr;gap:0}.queue{display:none}.qitem{padding:17px}.qitem strong{font-size:14px}.qitem p{font-size:12px}.mobile-btn{display:inline-flex}.request-header{padding:16px 14px 0}.request-meta{font-size:10px;gap:8px}.request-header h2{font-size:18px}.eyebrow{font-size:9px}.conditions{padding:8px 14px;gap:6px 16px}.stepper{gap:4px;justify-content:space-between;font-size:9px}.stepper .step-num{height:16px;width:16px;margin-right:3px}.stepper>.muted{display:none}.decision-summary{margin:12px 14px 0;padding:11px;gap:9px}.decision-summary p{font-size:9px}.decision-summary strong{font-size:11px}.sparkbox{width:28px;height:28px}.table-toolbar{padding:12px 14px 10px;gap:8px}.tabs{gap:0}.tab{font-size:10px;padding:7px}.table-toolbar .search{width:100%}.tablewrap{margin:0;border-left:0;border-right:0;border-radius:0}.spec{min-width:0;table-layout:auto}.spec thead{display:none}.spec tbody{display:block}.spec tr{display:grid;grid-template-columns:28px 1fr 110px;padding:9px 9px;border-bottom:1px solid var(--line)}.spec td{border:0;padding:4px 5px;display:block}.spec td:first-child{width:28px;grid-column:1;grid-row:1/4;padding-top:7px}.spec td:nth-child(2){grid-column:2;grid-row:1}.spec td:nth-child(3){grid-column:2;grid-row:2;font-size:10px}.spec td:nth-child(3) .sub{display:inline;margin-left:5px}.spec td:nth-child(4){grid-column:3;grid-row:1}.spec td:nth-child(5){grid-column:3;grid-row:2;align-self:center}.spec th:last-child{width:auto}.spec .prod{font-size:11px}.request-footer{padding:12px 14px;gap:12px;flex-wrap:nowrap}.progress{width:100px}.footer-buttons{gap:5px}.footer-buttons .btn{padding:9px 10px;font-size:10px}.footer-buttons>.btn:not(.primary){display:none}.footnote{font-size:8px;padding-top:7px}.footnote span:last-child{display:none}.drawer{max-width:100vw;width:100vw}.drawer-head{padding:18px}.drawer-body{padding:18px}.drawer-footer{padding:14px 18px}.modalback{padding:10px}.modal-head,.modal-body{padding:18px}.modal-footer{padding:14px 18px;flex-wrap:wrap}.modal-footer .btn{font-size:11px}.summary-cards{gap:7px}.summary-cards>div{padding:10px;font-size:9px}.summary-cards strong{font-size:22px}.login{display:block;padding:12px}.login-story{padding:25px;border-radius:17px;min-height:auto}.login-story h1{font-size:29px;margin-top:25px;max-width:300px}.login-story p{font-size:12px;margin-top:12px}.login-card,.login-story footer{display:none}.login-form{padding:30px 20px}.login-form h2{font-size:24px;margin-top:0}.login-form .label{display:none}.login-form .role-switch{margin:20px 0 15px}.kpis{gap:10px}.kpi{padding:14px;min-height:115px}.kpi strong{font-size:26px}.kpi .row{font-size:9px}.kpi small{font-size:9px}.page-heading{align-items:flex-start}.page-heading .btn{font-size:10px;padding:8px}.chart-panel{padding:16px}.barchart{gap:10px}.split-fields{grid-template-columns:1fr}.client-table{min-width:650px}.client-scroll{overflow:auto}.scroll-page .tabs{margin-top:8px}.mobile-nav{display:flex!important}.scroll-page{padding:0 2px}.page-heading h2{font-size:17px}} [hidden]{display:none!important}@media(max-width:680px){.top-actions>.mobile-btn{display:inline-flex}.decision-summary .btn{display:inline-flex;font-size:9px;padding:5px 8px}} @media(max-width:680px){.top{height:56px}.top p{display:none}.top h1{font-size:20px}.system-strip{min-height:35px;padding:7px 10px}.request-header{padding-top:12px}.request-meta{margin:8px 0 10px;font-size:9px}.stepper{display:none}.conditions{font-size:9px;padding-top:7px;padding-bottom:7px}.decision-summary{margin-top:10px;padding:9px}.table-toolbar{padding-top:10px;padding-bottom:8px}.request-footer{padding-top:10px;padding-bottom:10px}.request-footer .sub{display:none}.footnote{padding-top:5px}} /* The position list is a full document, never a small viewport inside the page. */ html{min-height:100%;scroll-behavior:smooth;scrollbar-gutter:stable} body{min-height:100dvh;overflow-y:auto} .app-shell,.app-shell.collapsed{height:auto;min-height:100dvh;overflow:visible;align-items:start} .sidebar{position:sticky;top:16px;height:calc(100dvh - 32px)} .main{overflow:visible;min-height:calc(100dvh - 32px)} .top{height:54px;padding-top:2px} .top h1{font-size:24px} .system-strip{margin-bottom:12px;min-height:36px;padding:7px 12px} .workspace{display:grid;grid-template-columns:350px minmax(0,1fr);align-items:start;flex:none;min-height:calc(100dvh - 124px)} .workspace.queue-hidden{grid-template-columns:88px minmax(0,1fr)} .request{display:flex;overflow:visible;min-height:calc(100dvh - 128px)} .request-header{padding:14px 18px 0} .request-header h2{font-size:20px} .eyebrow{margin-bottom:6px} .request-meta{margin:7px 0 11px;gap:12px;font-size:10px} .stepper{display:none} .conditions{padding:8px 18px;gap:14px} .decision-summary{margin:10px 18px 0;padding:10px 12px} .decision-summary p{display:none} .sparkbox{width:28px;height:28px} .table-toolbar{padding:12px 18px;gap:8px;flex-wrap:wrap} .tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:thin} .tab{flex:none;padding:7px 9px} .tablewrap{flex:none;height:auto;min-height:0;max-height:none;overflow-x:auto;overflow-y:visible;margin:0 18px;border-bottom:1px solid var(--line);border-radius:8px} .spec td{padding-top:13px;padding-bottom:13px;font-size:12px} .prod{font-size:12px} .spec .sub{font-size:10px} .spec th{font-size:11px} .request-footer{position:sticky;bottom:0;z-index:5;margin-top:auto;padding:12px 18px;border-radius:0 0 12px 12px;box-shadow:0 -5px 20px #1731560b} .footnote{padding:10px 0} .queue{position:sticky;top:16px;height:calc(100dvh - 32px);max-height:none;min-height:0;overflow:hidden} .qhead{padding:15px 14px 12px;flex:none} .qhead .search{margin-top:12px} .qtabs{display:flex;flex-wrap:nowrap;gap:2px;padding:0 10px 12px;overflow-x:auto;flex:none;scrollbar-width:thin} .qtab{white-space:nowrap;flex:0 0 auto;padding:6px 5px;font-size:10px} .queue-list{min-height:0;flex:1 1 auto;overflow-y:scroll;overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:#b7c8df #f3f6fb} .queue-list::-webkit-scrollbar{width:8px} .queue-list::-webkit-scrollbar-thumb{background:#b7c8df;border-radius:8px;border:2px solid #f3f6fb} .qitem{padding:15px 14px} .qitem strong{font-size:13px} .qitem p{font-size:11px} .qfoot{flex:none} .queue-collapse{padding:5px 7px;font-size:10px;gap:4px} .queue-collapse .icon{width:13px;height:13px} .queue-rail{position:sticky;top:16px;height:calc(100dvh - 32px);display:flex;flex-direction:column;align-items:stretch;overflow:hidden;background:#f7faff;border-color:#d6e4f7} .rail-open{display:flex;flex-direction:column;align-items:center;gap:8px;padding:17px 5px;color:#3874cc;font-size:11px;width:100%} .rail-open:hover{background:#eaf2ff} .rail-open b{font-size:12px;background:#e3edfc;border-radius:6px;padding:4px 9px;font-weight:600} .rail-current{border-block:1px solid #dde7f5;text-align:center;padding:15px 3px;color:#8292a8;font-size:9px} .rail-current strong{display:block;color:#51739f;font-size:11px;margin-top:6px} .rail-bottom{margin-top:auto;border-top:1px solid #dde7f5} .queue-toggle{display:none} .collapsed .brand{justify-content:center;overflow:visible;padding:2px 0 28px} .collapsed .brand:before{display:none} .brand .iconbtn{display:inline-grid} .scroll-page{overflow:visible;flex:none} @media(min-width:1700px){.workspace{grid-template-columns:370px minmax(0,1fr)}.workspace.queue-hidden{grid-template-columns:88px minmax(0,1fr)}} @media(max-width:1280px){ .app-shell,.app-shell.collapsed{grid-template-columns:68px minmax(0,1fr);gap:16px;padding:12px} .sidebar{top:12px;height:calc(100dvh - 24px)} .workspace{grid-template-columns:300px minmax(0,1fr);gap:14px}.workspace.queue-hidden{grid-template-columns:72px minmax(0,1fr)} .queue:not([hidden]),.queue-rail{display:flex} .queue-toggle{display:inline-flex;font-size:11px;min-height:34px;padding:7px 11px} .main{min-height:calc(100dvh - 24px)} .decision-summary .btn{display:inline-flex} .request{min-height:calc(100dvh - 126px)} } @media(max-width:680px){ .app-shell,.app-shell.collapsed{grid-template-columns:1fr;gap:0;padding:10px} .sidebar{display:none} .top{height:44px;padding:2px 2px 8px;gap:8px} .top h1{font-size:19px;line-height:30px} .top-actions{flex-direction:row;align-items:center;gap:6px} .queue-toggle{font-size:10px;min-height:30px;padding:5px 8px;gap:5px} .queue-toggle .icon{width:14px;height:14px} .top-actions>.mobile-btn{height:30px;width:26px} .system-strip{margin-bottom:10px;min-height:32px;padding:6px 10px} .workspace,.workspace.queue-hidden{min-height:0} .request{min-height:calc(100dvh - 106px)} .request-header{padding:12px 13px 0} .request-header h2{font-size:18px} .request-meta{font-size:9px;margin:7px 0 9px} .conditions{padding:7px 13px;font-size:9px} .decision-summary{margin:9px 13px 0;padding:9px;gap:8px} .decision-summary strong{font-size:10px} .decision-summary .btn{font-size:9px;padding:5px 7px} .table-toolbar{padding:10px 13px;gap:8px} .table-toolbar .search{width:100%} .tablewrap{margin:0;border-inline:0;border-radius:0;overflow:visible;max-height:none} .spec td{font-size:11px;padding:4px 5px} .spec .prod{font-size:12px} .spec tr{padding:12px 9px} .request-footer{padding:11px 13px;flex-wrap:nowrap} .request-footer .sub{display:none} .qhead{padding:15px 13px 12px} .qtab{font-size:10px;padding:7px 6px} .qitem{padding:17px 14px} .qitem strong{font-size:14px} .qitem p{font-size:12px} .qfoot{font-size:11px} } .collapsed .brand .asset{transform:rotate(180deg)} /* The request queue is docked in the layout at every viewport width. */ .request{container-type:inline-size;container-name:request} .queue{animation:queue-expand .18s ease-out} .queue-rail{min-width:0} .queue-list::-webkit-scrollbar-track{background:#f3f6fb} @keyframes queue-expand{from{opacity:.4;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}} @media(max-width:900px){ .workspace{grid-template-columns:260px minmax(0,1fr);gap:10px} .workspace.queue-hidden{grid-template-columns:64px minmax(0,1fr)} .queue{top:12px;height:calc(100dvh - 24px);max-width:none;box-shadow:var(--shadow);z-index:auto} .queue-rail{top:12px;height:calc(100dvh - 24px)} .qhead{padding:13px 10px 10px} .qhead h2{font-size:16px} .queue-collapse{padding:5px;gap:2px;font-size:9px} .qtabs{gap:0;padding:0 6px 10px} .qtab{font-size:9px;padding:7px 4px} .qitem{padding:13px 11px} .qitem strong{font-size:12px} .qitem p{font-size:10px} .qfoot{font-size:9px;padding:10px} .rail-open{font-size:10px} .rail-current strong{font-size:9px} } @media(max-width:680px){ .queue,.queue-rail{top:10px;height:calc(100dvh - 20px)} .workspace{grid-template-columns:260px minmax(0,1fr);gap:10px} .workspace.queue-hidden{grid-template-columns:64px minmax(0,1fr)} } @media(max-width:520px){ .workspace:not(.queue-hidden){min-width:520px;grid-template-columns:240px minmax(0,1fr)} } @container request (max-width:520px){ .request-header{padding:12px 11px 0} .request-header h2{font-size:16px} .eyebrow{flex-wrap:wrap;gap:6px} .request-meta{font-size:9px;gap:6px} .conditions{padding-inline:11px} .decision-summary{margin-inline:11px;gap:6px} .decision-summary .sparkbox{display:none} .decision-summary strong{font-size:10px} .decision-summary .btn{padding-inline:6px;font-size:9px} .table-toolbar{padding-inline:11px} .table-toolbar .search{width:100%} .request-footer{flex-wrap:wrap;gap:9px;padding:10px 11px} .request-footer>div:first-child{width:100%} .progress{width:100%} .footer-buttons{width:100%;flex-wrap:wrap} .footer-buttons .btn.primary{flex:1;min-width:0} .spec{min-width:0;table-layout:auto}.spec thead{display:none}.spec tbody{display:block}.spec td{display:block;border-bottom:0}.spec tr{display:grid;border-bottom:1px solid var(--line);grid-template-columns:24px minmax(0,1fr);padding:10px 6px} .spec td:first-child{grid-column:1;grid-row:1/5;width:24px} .spec td:nth-child(2){grid-column:2;grid-row:1} .spec td:nth-child(3){grid-column:2;grid-row:2} .spec td:nth-child(4){grid-column:2;grid-row:3} .spec td:nth-child(4) .sub{display:inline;margin-left:6px} .spec td:nth-child(5){grid-column:2;grid-row:4;margin-top:3px} .spec .prod{font-size:11px} } @media(prefers-reduced-motion:reduce){.queue{animation:none}} /* The application navigation and the request queue stay separate and docked. */ @media(max-width:900px){ .app-shell,.app-shell.collapsed{grid-template-columns:56px minmax(0,1fr);gap:10px;padding:10px} .app-shell:not(.collapsed){grid-template-columns:184px minmax(0,1fr)} .sidebar{display:flex;position:sticky;top:10px;height:calc(100dvh - 20px);padding:16px 8px 10px;border-radius:16px} .collapsed .sidebar{padding:16px 6px 10px} .brand .iconbtn{display:inline-grid} .app-shell:not(.collapsed) .brand{padding:2px 5px 20px;overflow:visible} .app-shell:not(.collapsed) .brand:before{display:none} .app-shell:not(.collapsed) .brand img{display:block} .app-shell:not(.collapsed) .nav-title{display:block} .app-shell:not(.collapsed) .navbtn{justify-content:flex-start;padding:9px 8px;font-size:11px;gap:8px} .app-shell:not(.collapsed) .navbtn span{display:inline} .app-shell:not(.collapsed) .nav-divider{display:block;margin:12px 8px} .app-shell:not(.collapsed) .profile{padding:9px 7px;justify-content:flex-start;background:#a7f0ff1a} .app-shell:not(.collapsed) .profile .grow{display:block} .workspace{grid-template-columns:240px minmax(0,1fr);gap:10px} .workspace.queue-hidden{grid-template-columns:64px minmax(0,1fr)} .qtab{font-size:8.5px;padding:7px 1px} .qtabs{padding-inline:5px} } .sidebar .brand .iconbtn img{display:block;width:14px;height:14px;object-fit:contain} /* Collapsing the request list gives the complete workspace to the selection. */ .workspace.queue-hidden{grid-template-columns:minmax(0,1fr);gap:0} .queue-toggle{display:inline-flex} /* Organisation and module header. */ .organisation-header{font-size:18px;font-weight:650;letter-spacing:-.3px;padding:3px 0 15px;border-bottom:1px solid var(--line);color:#22324b} .top.module-header{height:auto;min-height:91px;padding:18px 0 17px;align-items:flex-start;gap:18px} .module-copy{min-width:0} .top.module-header h1{font-size:25px;line-height:1.3;letter-spacing:-.6px} .top.module-header p{display:block;font-size:12px;line-height:1.6;margin-top:5px;color:#7b899d} .top-actions.module-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:0;flex:none} .button-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:1px 5px;border-radius:5px;background:#edf3fc;color:#4774ad;font-size:11px;font-weight:600} .stock-freshness{display:flex;align-items:center;gap:5px;padding:0;font-size:10px;line-height:1.5;white-space:nowrap;color:#7d8da3} .stock-freshness .icon{height:12px;width:12px} .stock-freshness:hover{color:#3b76c3} .sidebar .brand .menu-toggle{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid #a7f0ff38;background:#ffffff0d;color:#ecf6ff;border-radius:10px} .sidebar .brand .menu-toggle:hover{background:#ffffff21;border-color:#a7f0ff70} .sidebar .brand .menu-toggle .icon{width:19px;height:19px;stroke-width:1.8} /* Clear, consistent status colours. */ .pill.red{background:#fff0f1;color:#b7525d} .pill.blue{background:#eaf3ff;color:#347bc9} .needs-clarification{color:#b37b24;background:#fff7e8;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:550;white-space:nowrap} /* Request information and contact outcome. */ .request-header{padding:18px 20px 0} .request-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px} .request-topline .eyebrow{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px} .request-number{font-weight:600;color:#5f718d;white-space:nowrap} .request-received{color:#8290a4;white-space:nowrap} .request-contact-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .request-contact-actions .btn{font-size:11px;min-height:33px;padding:7px 10px} .request-contact-actions .icon{width:14px;height:14px} .contact-btn{color:#6b7c94} .contact-btn.is-unreachable{color:#b24d5b;background:#fff0f2;border-color:#edc1c8} .contact-btn.is-unreachable:hover{color:#aa4251;background:#ffe7ec;border-color:#e1a6b1} .request-header h2{font-size:21px;line-height:1.4;margin:0 0 8px} .company-tax{display:flex;align-items:center;gap:7px;color:#8994a7;font-size:11px;margin-bottom:9px} .company-tax b{font-weight:500;color:#63748e} .request-meta{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 5px;color:#7c8aa0;font-size:11px} .client-email{display:flex;align-items:center;gap:5px} .client-email a{color:#6483ad;text-decoration:none} .client-email a:hover{text-decoration:underline} .request-meta .icon{height:13px;width:13px;margin:0} .selection-iteration b{font-weight:600;color:#586f91;margin-left:4px} .table-toolbar{padding-top:15px;padding-bottom:13px} .completion-summary .progress-title{font-size:16px;font-weight:650;line-height:1.5} .completion-summary .progress-title small{font-size:13px;font-weight:450} .completion-summary .progress{width:220px;height:6px;margin-top:8px} .completion-summary .sub{font-size:11px;color:#8d9aab;margin-top:7px} /* Request list: aligned count, one full-width mailbox selector, readable status row. */ .workspace{grid-template-columns:400px minmax(0,1fr)} .workspace.queue-hidden{grid-template-columns:minmax(0,1fr)} .queue-heading h2{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:650;line-height:28px} .queue-total{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:24px;padding:0 6px;border-radius:6px;background:#edf3fc;color:#6082b0;font-size:12px;font-weight:550;letter-spacing:0} .qhead{padding:16px 15px 13px} .qhead .search{margin:13px 0 10px} .qhead .select-row{display:block} .qhead .select-row select{display:block;width:100%;font-size:11px;padding:9px 10px;color:#6d7e96} .qtabs{display:grid;grid-template-columns:.75fr 1fr 1.2fr 1.65fr .95fr;gap:2px;align-items:stretch;padding:0 10px 12px;overflow:visible} .qtab{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11.5px;font-weight:450;line-height:19px;padding:7px 3px;min-width:0;white-space:nowrap;border-radius:6px} .qtab-count{font-size:11px;font-weight:450;opacity:.8} .qtab.active{font-weight:600} .qtab.active .qtab-count{font-weight:550} .qtab[data-qtab="work"]{color:#5184bd} .qtab.active[data-qtab="work"]{background:#eaf3ff;color:#347bc9} .qtab.active[data-qtab="new"]{background:#eef1f5;color:#6d7c91} .qtab[data-qtab="callback"]{color:#b26a72} .qtab.active[data-qtab="callback"]{background:#fff0f1;color:#b7525d} .qtab.active[data-qtab="done"]{background:#eaf8f2;color:#268167} .qitem{padding:16px 15px} .qitem .qm{gap:10px;align-items:center;font-size:10px;margin-bottom:10px;line-height:1.5} .q-number{font-weight:500;white-space:nowrap;color:#8090a6} .qm time{font-size:10px;white-space:nowrap;color:#93a0b2;text-align:right} .qitem strong{font-size:13px;font-weight:600;margin-bottom:7px} .q-details{display:flex;align-items:center;gap:11px;flex-wrap:wrap;color:#93a0b1;font-size:10px;line-height:1.6;margin-bottom:11px} .q-details b{font-weight:450;color:#8291a8} .q-state{min-height:22px} .qitem .pill{font-size:10px} .queue-list .empty{padding:56px 22px} .queue-list .empty h3{font-size:14px;font-weight:550;line-height:1.7;color:#71839d} .queue-list .empty p{font-size:11px;line-height:1.8;color:#99a5b7;margin-top:5px} /* Original letter. */ .email-metadata{display:flex;flex-direction:column;gap:5px} .source-letter{white-space:pre-wrap;font-size:12px;line-height:1.9} .source-attachment small{margin-top:4px;font-size:10px} .source-positions-summary{font-size:12px;cursor:pointer;color:#5279b1;line-height:1.8} .source-positions-summary span{display:inline-flex;align-items:center;justify-content:center;margin-left:7px;min-width:23px;padding:0 5px;background:#edf3fc;border-radius:5px;color:#6d88ad;font-size:11px} .source-modal .modal-footer{justify-content:flex-end} @media(max-width:1280px){.workspace{grid-template-columns:360px minmax(0,1fr)}.workspace.queue-hidden{grid-template-columns:minmax(0,1fr)}} @media(max-width:900px){ .workspace{grid-template-columns:300px minmax(0,1fr)} .workspace.queue-hidden{grid-template-columns:minmax(0,1fr)} .qhead{padding:14px 11px 12px} .qtabs{padding:0 7px 11px;gap:1px} .qtab{font-size:9.5px;padding:7px 1px;gap:3px} .qtab-count{font-size:9px} .qitem{padding:14px 12px} .qm time{font-size:9px} .qitem .qm{font-size:9px} .top.module-header h1{font-size:23px} .module-actions .queue-toggle{font-size:11px;min-height:34px;padding:7px 11px} .stock-freshness{font-size:9px} } @media(max-width:680px){ .organisation-header{font-size:16px;padding-bottom:11px} .top.module-header{min-height:95px;padding:15px 0 14px;gap:12px} .top.module-header h1{font-size:21px;line-height:1.35} .top.module-header p{font-size:10px;line-height:1.7;margin-top:5px} .module-actions .queue-toggle{min-height:31px;padding:6px 9px;font-size:10px} .stock-freshness{font-size:8px;gap:4px} .stock-freshness .icon{height:10px;width:10px} .request-header{padding:14px 13px 0} .request-header h2{font-size:18px} .request-topline{gap:10px;margin-bottom:12px} .request-topline .eyebrow{font-size:10px;gap:8px} .request-contact-actions{gap:7px} .request-contact-actions .btn{font-size:10px;padding:6px 8px;min-height:31px} .company-tax{font-size:10px} .request-meta{font-size:10px;gap:10px} .completion-summary .progress-title{font-size:15px} .completion-summary .progress-title small{font-size:12px} .completion-summary .sub{display:block;font-size:10px} .completion-summary .progress{width:160px} } @container request (max-width:520px){ .request-topline{gap:10px} .request-contact-actions .btn{font-size:10px;padding:6px 8px} .request-header h2{font-size:18px} .request-meta{font-size:10px;gap:10px} .completion-summary .progress{width:100%} } @container request (min-width:521px) and (max-width:760px){ .spec{min-width:0} .spec th:first-child,.spec td:first-child{width:30px} .spec th:nth-child(2){width:31%} .spec th:nth-child(3){width:26%} .spec th:nth-child(4){width:17%} .spec th:last-child{width:116px} .spec td{padding-inline:9px} .spec td:first-child{padding-inline:8px 0} .spec td:last-child{padding-inline:7px} .spec .stock{white-space:normal;font-size:10px} .statusbtn .icon:last-child{display:none} .statusbtn{gap:4px} } /* SF Pro is resolved from the system's installed San Francisco family. */ @font-face{font-family:'SF Pro';src:local('SF Pro'),local('SF Pro Text'),local('.SFNS-Regular'),local('.SF NS');font-style:normal;font-weight:100 900;font-display:swap} @font-face{font-family:'SF Pro';src:local('SF Pro Text Italic'),local('.SFNS-RegularItalic');font-style:italic;font-weight:100 900;font-display:swap} :root{--font-ui:'SF Pro','SF Pro Text','SF Pro Display',-apple-system,BlinkMacSystemFont,sans-serif} body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} button,input,textarea,select{font-family:inherit} /* All navigation filters share one selection colour. Request badges keep their own statuses. */ .qtabs .qtab[data-qtab]{color:#7b879a;background:transparent;font-weight:450} .qtabs .qtab[data-qtab]:hover{background:#f3f7fd;color:#597aab} .qtabs .qtab.active[data-qtab]{background:#eaf3ff;color:#347bc9;font-weight:600} .qtabs .qtab.active[data-qtab] .qtab-count{font-weight:550} /* Organisation account indicator, separate from the selected customer's request. */ .organisation-header{display:flex;align-items:center;justify-content:flex-end;min-height:45px;padding:0 0 12px} .company-account{display:flex;align-items:center;gap:9px;color:#32445e} .company-account-icon{display:grid;place-items:center;width:32px;height:32px;background:#eaf1fc;border:1px solid #dce6f5;border-radius:9px;color:#6587b8} .company-account-icon .icon{height:18px;width:18px} .company-account>div{display:flex;flex-direction:column;gap:1px} .account-caption{font-size:9px;font-weight:400;letter-spacing:0;color:#8b98ac;line-height:13px} .company-account strong{font-size:13px;line-height:18px;font-weight:600;letter-spacing:-.15px} .btn.queue-toggle{background:#347cf6;border-color:#347cf6;color:white;box-shadow:0 3px 8px #347cf61c} .btn.queue-toggle:hover:not(:disabled){background:#286de0;border-color:#286de0;color:white} .btn.queue-toggle .button-count{background:#ffffff24;color:white} .stock-freshness{cursor:default;user-select:text} .stock-freshness:hover{color:#7d8da3} .company-tax{flex-wrap:wrap} .tax-divider{height:12px;width:1px;align-self:center;background:#dce4ef;margin:0 3px} .request-position-count{font-weight:500;color:#7487a2} .mailbox-control{position:relative;width:100%} .mailbox-control select{-webkit-appearance:none;appearance:none;padding-right:38px!important} .mailbox-control>.icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;pointer-events:none;color:#8a9ab2} /* Positions belong to the document scroll; short requests still fill the work area. */ .request-page .workspace{height:auto;min-height:var(--request-min-height,620px);align-items:start} .request-page .request{height:auto;min-height:var(--request-min-height,620px);max-height:none;overflow:visible;display:flex;flex-direction:column} .request-page .queue{min-height:0;max-height:none} .request-page .request-header{border-radius:12px 12px 0 0} .request-page .request-header{flex:none;background:#f8fafd;border-bottom:1px solid #e1e8f2;padding-bottom:17px} .request-page .selection-toolbar{position:sticky;top:0;z-index:4;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #edf1f6} .selection-caption{font-size:12px;line-height:19px;color:#58708e;font-weight:600;white-space:nowrap;letter-spacing:0} .request-page .tablewrap{flex:none;height:auto;min-height:0;max-height:none;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto;margin-bottom:18px;border-bottom:1px solid var(--line);border-radius:8px} .request-page .spec{min-width:0} .request-page .spec th{top:var(--selection-toolbar-height,61px);z-index:3;box-shadow:0 1px 0 var(--line)} .request-page .request-footer{flex:none;position:sticky;bottom:0;margin-top:auto;z-index:5;background:#fff;box-shadow:0 -4px 13px #263d5b0b} @media(max-width:680px){ .organisation-header{padding-bottom:11px;min-height:43px} .company-account-icon{width:29px;height:29px;border-radius:8px} .company-account strong{font-size:12px} .account-caption{font-size:8px} .request-page .selection-toolbar{padding-top:12px;padding-bottom:12px;gap:8px;flex-wrap:wrap} .selection-caption{font-size:11px} } /* Quiet row signals: warm background for decisions, explicit match markers for suitable items. */ .q-details{gap:8px} .q-details .tax-divider{margin:0 1px;flex:none} .selection-iteration{display:inline-flex;align-items:center;gap:5px} .selection-iteration .icon{width:13px;height:13px;color:#8799b0} .selection-iteration b{margin-left:0} .spec tbody tr.attention{background:#fffbf3} .spec tbody tr.attention:hover{background:#fff7e8} .spec tbody tr.attention td:first-child{box-shadow:inset 3px 0 #d7b271;color:#a27e41} .match-state{display:inline-flex;align-items:center;gap:6px;font-size:10px;line-height:1.5} .match-state .icon{width:14px;height:14px;flex:none} .match-state.needs-decision{color:#9c7434;font-weight:550} .match-state.exact-match{color:#668477} .match-state.exact-match .icon{color:#488b70;background:#edf6f1;border-radius:50%;padding:2px;box-sizing:content-box;width:10px;height:10px} .match-state.decision-saved{color:#557eae} .spec tr.attention .statusbtn{border:1px solid #e8d9bc;background:#fffaf0;padding:6px 8px;border-radius:6px;color:#996e2a!important} .spec tr.attention .statusbtn:hover{border-color:#d6bc90;background:#fff3dd} /* A slim service bar provides orientation and company identity. */ .organisation-header{min-height:48px;justify-content:space-between;gap:16px;padding:7px 12px;background:#fff;border:1px solid var(--line);border-radius:10px} .workspace-breadcrumb{display:flex;align-items:center;gap:10px;min-width:0;font-size:11px;color:#8a98ad;line-height:18px} .workspace-breadcrumb>.icon{width:15px;height:15px;color:#8196b3} .workspace-breadcrumb .breadcrumb-divider{color:#c3ccd9} .workspace-breadcrumb strong{color:#5d708c;font-weight:550;white-space:nowrap} .organisation-header .company-account{flex:none} .organisation-header .company-account-icon{width:29px;height:29px;border-radius:8px} @media(max-width:680px){ .organisation-header{padding:7px 9px;gap:10px} .workspace-breadcrumb{gap:7px;font-size:10px} .workspace-breadcrumb>span:first-of-type{display:none} .workspace-breadcrumb .breadcrumb-divider{display:none} } /* Theme colours from Figma; user-approved Graphite + bright blue palette. Graphite surfaces and original accent sidebar; blue, violet and orange markers. */ :root{color-scheme:light;--bg:#f6f6f5;--panel:#ffffff;--ink:#282828;--muted:#707070;--secondary:#575757;--line:#e2e2e2;--blue:#315fb1;--tint:#eaf1ff;--nav:#2854b3;--head:#fafaf9;--action-ink:#ffffff;--good-text:#456aa3;--good-icon:#3a73ca;--good-bg:#eaf1ff;--attention-text:#9a5d24;--attention-bg:#fff3e8;--callback-text:#785aa3;--callback-bg:#f2ecfa;--callback-border:#b7a0d0;--attention-row:#fff5eb;--attention-line:#c79460;--positive:#456aa3;--positive-icon:#3a73ca;--positive-bg:#eaf1ff;--green:var(--positive);--greenbg:var(--positive-bg);--amber:#9a5d24;--amberbg:#fff3e8;--primary:#2563eb;--primary-hover:#1d4ed8;--surface-subtle:#fafaf9;--surface-raised:#f4f4f3;--row-hover:#f4f4f3;--attention-hover:#ffeddd;--callback-hover:#ece3f8;--red:#b94742} :root[data-theme="dark"]{color-scheme:dark;--bg:#2a2a2a;--panel:#333333;--ink:#f5f5f5;--muted:#aeaeae;--secondary:#cdcdcd;--line:#454545;--blue:#9abeff;--tint:#30415c;--nav:#2854b3;--head:#2f2f2f;--action-ink:#ffffff;--good-text:#a5c3f2;--good-icon:#9abeff;--good-bg:#33435f;--attention-text:#eeb47e;--attention-bg:#493b30;--callback-text:#b4c1e6;--callback-bg:#394154;--callback-border:#7282a2;--attention-row:#443a31;--attention-line:#bb8e61;--positive:#a5c3f2;--positive-icon:#9abeff;--positive-bg:#33435f;--green:var(--positive);--greenbg:var(--positive-bg);--amber:#eeb47e;--amberbg:#493b30;--primary:#2563eb;--primary-hover:#1d4ed8;--surface-subtle:#2f2f2f;--surface-raised:#3a3a3a;--row-hover:#3a3a3a;--attention-hover:#4d4034;--callback-hover:#424c62;--red:#f49f9a;--shadow:0 4px 14px #00000026} .theme-toggle{margin-bottom:11px;min-height:36px} .theme-toggle .theme-label{flex:1} .theme-track{position:relative;width:25px;height:14px;background:#ffffff24;border:1px solid #ffffff42;border-radius:10px;flex:none} .theme-track i{position:absolute;top:2px;left:2px;width:8px;height:8px;background:#fff;border-radius:50%} .theme-toggle[aria-checked="true"] .theme-track{background:#a7f0ff55;border-color:#a7f0ff80} .theme-toggle[aria-checked="true"] .theme-track i{left:13px} .collapsed .theme-toggle{margin-bottom:12px} html[data-theme] body{background:var(--bg);color:var(--ink)} html[data-theme] :is(.panel,.organisation-header,.request-page .selection-toolbar,.request-page .request-footer,.drawer,.drawer-footer,.modal){background:var(--panel);border-color:var(--line)} html[data-theme] .sidebar{background:linear-gradient(160deg,#2854b3,#3162c7 50%,#3b70d4);border-color:#9dbbff33;box-shadow:0 20px 28px -16px #163d7780} html[data-theme] .sidebar .navbtn.active{background:#bdd1ff26;border-color:#a5c3ff59;color:#fff} html[data-theme] .sidebar .navbtn.active:before{background:#bdd1ff} html[data-theme] .sidebar .profile{background:#bdd1ff1a;border-color:#bdd1ff33} html[data-theme] .theme-toggle[aria-checked="true"] .theme-track{background:#bdd1ff55;border-color:#bdd1ff80} html[data-theme] :is(input,select,textarea,.btn,.checkbtn){background:var(--panel);border-color:var(--line);color:var(--ink)} html[data-theme] :is(input,textarea)::placeholder{color:var(--muted)} html[data-theme] :is(input,select,textarea):focus{border-color:var(--blue);outline-color:#8db5f166} html[data-theme] :is(.btn,.checkbtn):hover:not(:disabled){background:var(--row-hover);border-color:var(--blue)} html[data-theme] :is(.btn.primary,.btn.queue-toggle){background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 8px #00000012} html[data-theme] :is(.btn.primary,.btn.queue-toggle):hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);color:#fff} html[data-theme] .btn.soft{background:var(--tint);color:var(--blue);border-color:transparent} html[data-theme] .btn.link{background:transparent;border-color:transparent;color:var(--blue)} html[data-theme] :is(.btn.danger,.error){color:var(--red)} html[data-theme] .checkbtn{color:var(--blue);border-color:var(--line);background:transparent} html[data-theme] .request-page .request-header{background:var(--head);border-color:var(--line)} html[data-theme] :is(.company-account,.summary-cards strong){color:var(--ink)} html[data-theme] :is(.selection-caption,.request-number,.company-tax b,.selection-iteration b,.request-position-count,.workspace-breadcrumb strong){color:var(--secondary)} html[data-theme] :is(.request-received,.request-meta,.company-tax,.q-details,.q-details b,.qm,.completion-summary .sub,.account-caption,.stock-freshness,.workspace-breadcrumb,.note,.bar b,.bar span,.consent,.sub,.label,.empty h3,.empty p){color:var(--muted)} html[data-theme] :is(.client-email a,.source-positions-summary){color:var(--blue)} html[data-theme] .workspace-breadcrumb>.icon{color:var(--muted)} html[data-theme] .company-account-icon{background:var(--tint);border-color:var(--line);color:var(--blue)} html[data-theme] .tax-divider{background:var(--line)} html[data-theme] .queue-total{background:var(--tint);color:var(--blue)} html[data-theme] .search input{background:var(--head)} html[data-theme] .qhead .select-row select{color:var(--secondary)} html[data-theme] .mailbox-control>.icon{color:var(--muted)} html[data-theme] .queue-list{border-color:var(--line);scrollbar-color:#8d8d8d var(--head)} html[data-theme] .queue-list::-webkit-scrollbar-track{background:var(--head)} html[data-theme] .queue-list::-webkit-scrollbar-thumb{background:#8d8d8d;border-color:var(--head)} html[data-theme] .qitem{border-color:var(--line)} html[data-theme] .qitem:hover{background:var(--row-hover)} html[data-theme] .qitem.selected{background:var(--tint)} html[data-theme] .qitem.selected:before{background:var(--primary)} html[data-theme] :is(.qtabs .qtab[data-qtab],.tab){color:var(--muted)} html[data-theme] .qtabs .qtab[data-qtab]:hover{background:var(--tint);color:var(--blue)} html[data-theme] :is(.qtabs .qtab.active[data-qtab],.tab.active){background:var(--tint);color:var(--blue)} html[data-theme] .pill{background:var(--surface-raised);color:var(--secondary)} html[data-theme] :is(.pill.blue,.pill.green){background:var(--positive-bg);color:var(--positive)} html[data-theme] :is(.pill.amber,.needs-clarification){background:var(--attention-bg);color:var(--attention-text)} html[data-theme] .pill.red{background:var(--callback-bg);color:var(--callback-text)} html[data-theme] .contact-btn{color:var(--secondary)} html[data-theme] .contact-btn.is-unreachable{background:transparent;border-color:var(--callback-border);color:var(--callback-text)} html[data-theme] .contact-btn.is-unreachable:hover{background:var(--callback-hover);border-color:var(--callback-border);color:var(--callback-text)} html[data-theme] :is(.spec th,.mini-table th,.client-table th){background:var(--head);color:var(--muted);border-color:var(--line)} html[data-theme] :is(.spec td,.mini-table td,.client-table td,.metric-line,.setting-line){border-color:var(--line)} html[data-theme] .spec tbody tr:hover{background:var(--row-hover)} html[data-theme] .spec tbody tr.attention{background:var(--attention-row)} html[data-theme] .spec tbody tr.attention:hover{background:var(--attention-hover)} html[data-theme] .spec tbody tr.attention td:first-child{color:var(--attention-text);box-shadow:inset 2px 0 var(--attention-line)} html[data-theme] .spec tr.attention .statusbtn{background:transparent;border-color:var(--line);color:var(--blue)!important} html[data-theme] .spec tr.attention .statusbtn:hover{background:var(--tint);border-color:var(--blue)} html[data-theme] .match-state.needs-decision{color:var(--attention-text)} html[data-theme] .match-state.exact-match{color:var(--secondary)} html[data-theme] .match-state.exact-match .icon{background:var(--positive-bg);color:var(--positive-icon)} html[data-theme] .match-state.decision-saved{color:var(--blue)} html[data-theme] :is(.spec .stock,.spec .stock.amber){color:var(--ink)} html[data-theme] .spec tr:not(.attention):not(.excluded) .statusbtn{color:var(--secondary)!important} html[data-theme] .spec tr:not(.attention):not(.excluded) .statusbtn .icon:first-child{color:var(--positive-icon)} html[data-theme] .progress{background:var(--line)} html[data-theme] .progress i{background:var(--positive-icon)} html[data-theme] .request-page .request-footer{box-shadow:0 -4px 15px #0000000b} html[data-theme] .request-page .selection-toolbar{border-color:var(--line)} html[data-theme] .source-box{background:var(--head)!important;border-color:var(--line)} html[data-theme] :is(.source-letter,.email-metadata){color:var(--ink)} html[data-theme] :is(.source-box small,.source-attachment small){color:var(--muted)} html[data-theme] .explain{background:var(--tint);border-color:var(--line);color:var(--blue)} html[data-theme] .explain.amber{background:var(--attention-bg);border-color:var(--attention-line);color:var(--attention-text)} html[data-theme] .explain.green{background:var(--positive-bg);border-color:var(--line);color:var(--positive)} html[data-theme] .candidate:has(input:checked){background:var(--tint);border-color:var(--blue);box-shadow:0 0 0 2px #609af31a} html[data-theme] .tags span{background:var(--surface-raised);color:var(--secondary)} html[data-theme] .tags span.diff{background:var(--attention-bg);color:var(--attention-text)} html[data-theme] .summary-cards>div{background:var(--head);border-color:var(--line);color:var(--muted)} html[data-theme] .source-positions-summary span{background:var(--tint);color:var(--blue)} html[data-theme] .upload-zone{background:var(--head);border-color:var(--blue);color:var(--blue)} html[data-theme] :is(.drawer,.modal){box-shadow:0 24px 70px #00000030} html[data-theme] .iconbtn:hover{background:var(--tint);color:var(--blue)} html[data-theme] .success-mark{background:var(--positive-bg);color:var(--positive)} html[data-theme] .login-form{background:var(--panel)} html[data-theme] .login{background:var(--bg)} html[data-theme] .demo-info{color:var(--muted)} html[data-theme] .setting-line span{color:var(--secondary)} [data-theme="dark"] .backdrop{background:#0008} [data-theme="dark"] .barchart{background:repeating-linear-gradient(0deg,transparent,transparent 45px,#454545 45px,#454545 46px)} /* Warm light canvas, clearer request identity and strong selected status counts. */ html:not([data-theme="dark"]) .request-page .request-header{background:#fafaf9} html:not([data-theme="dark"]) :is(.spec th,.search input){background:#fafaf9} .qtabs .qtab.active[data-qtab],.qtabs .qtab.active[data-qtab] :is(.qtab-label,.qtab-count){font-weight:650} .qtabs .qtab.active[data-qtab] .qtab-count{opacity:1} .request-page .request-header h2{font-size:24px;line-height:1.35} @media(max-width:680px){.request-page .request-header h2{font-size:20px}} @container request (max-width:520px){.request-page .request-header h2{font-size:20px}} /* Selection table: catalogue item, stock only, AI comment and two decision states. */ html[data-theme] .client-email a{color:var(--muted)} .decision-table .col-number{width:3.5%}.decision-table .col-client{width:21%}.decision-table .col-result{width:24%}.decision-table .col-stock{width:14%}.decision-table .col-ai{width:24.5%}.decision-table .col-decision{width:13%} .request-page .decision-table th{width:auto} .request-page .decision-table td{padding-inline:11px} .request-page .decision-table td:first-child{padding-inline:8px 0} .product-cell{padding:0;text-align:left;width:100%;line-height:1.6} .decision-table .product-cell .prod{overflow-wrap:anywhere} .decision-table .stock{white-space:normal} .ai-comment-text{padding:0;text-align:left;display:flex;align-items:flex-start;gap:6px;font-size:11px;line-height:1.6;color:var(--attention-text)} .ai-comment-text>.icon{width:13px;height:13px;flex:none;margin-top:3px} html[data-theme] .decision-table .decision-status{display:inline-flex;justify-content:flex-start;gap:5px;width:auto;max-width:100%;padding:0;background:transparent;border:0;border-radius:0;font-size:10px;line-height:1.5;text-align:left;color:var(--secondary)!important} html[data-theme] .decision-table .decision-status.needs-decision{color:var(--blue)!important} html[data-theme] .decision-table .decision-status .icon{display:block;width:12px;height:12px;flex:none} html[data-theme] .decision-table .decision-status.is-confirmed .icon{color:var(--positive-icon)} html[data-theme] .decision-table .decision-status:hover{background:transparent;color:var(--blue)!important} @container request (min-width:521px) and (max-width:850px){ .request-page .decision-table td{padding-inline:7px;font-size:11px} .decision-table .col-client{width:19%}.decision-table .col-result{width:22%}.decision-table .col-stock{width:15%}.decision-table .col-ai{width:26%}.decision-table .col-decision{width:14.5%} .decision-table .prod{font-size:11px}.decision-table .stock,.decision-table .ai-comment-text{font-size:10px} } @media(max-width:680px){ .decision-table td:first-child{grid-row:1/6} .decision-table td:nth-child(5){grid-column:2;grid-row:4} .decision-table td:nth-child(6){grid-column:2;grid-row:5;margin-top:4px} .decision-table td:nth-child(5):before{content:'Комментарий ИИ: ';font-size:10px;color:var(--muted)} } @container request (max-width:520px){ .decision-table td:first-child{grid-row:1/6} .decision-table td:nth-child(5){grid-column:2;grid-row:4} .decision-table td:nth-child(6){grid-column:2;grid-row:5;margin-top:4px} .decision-table td:nth-child(5):before{content:'Комментарий ИИ: ';font-size:10px;color:var(--muted)} } .decision-table .stock-quantity{white-space:nowrap} /* Clearer decision hierarchy and one consistent result drawer. */ html[data-theme] .module-copy p{color:var(--muted)} html[data-theme] .sidebar .profile{border:0;background:transparent;box-shadow:none;outline:0} html[data-theme] .decision-table .decision-status{font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap} html[data-theme] .decision-table .decision-status.is-confirmed{color:var(--blue)!important} html[data-theme] .decision-table .decision-status.needs-decision{color:var(--attention-text)!important} html[data-theme] .decision-table .decision-status.needs-decision .icon{color:var(--attention-text)} html[data-theme] .decision-table .decision-status.is-confirmed .icon{color:var(--blue)} html[data-theme] .needs-clarification{background:var(--attention-row);color:var(--attention-text);border:1px solid var(--attention-line);font-weight:550} .request-page .decision-table{min-width:1200px;table-layout:fixed} .decision-table .col-number{width:3%} .decision-table .col-client,.decision-table .col-result{width:25%} .decision-table .col-stock{width:14%} .decision-table .col-ai{width:20%} .decision-table .col-decision{width:13%} .request-page .decision-table .prod{font-size:12px;white-space:nowrap;overflow-wrap:normal} .request-page .tablewrap{overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:var(--muted) var(--head)} .drawer-position-ref{font-size:12px;font-weight:550;color:var(--secondary)} .drawer-head h2{margin:12px 0 0} #exclude-row{display:inline-flex;align-items:center;gap:6px} #exclude-row .icon{height:14px;width:14px} .allocation-table :is(th,td):last-child{text-align:right} .stock-detail-table :is(th,td):not(:first-child){text-align:right;white-space:nowrap} @media(max-width:680px){.request-page .decision-table{min-width:0}.request-page .decision-table .prod{white-space:normal}.request-page .tablewrap{overflow:visible}} @container request (max-width:520px){.request-page .decision-table{min-width:0}.request-page .decision-table .prod{white-space:normal}} .request-page .decision-table th{position:relative;top:0} .request-page .decision-table td:last-child{position:sticky;right:0;z-index:2;background:var(--panel);box-shadow:-1px 0 var(--line)} .request-page .decision-table tr.attention td:last-child{background:var(--attention-row)} .request-page .decision-table th:last-child{position:sticky;right:0;z-index:4;box-shadow:-1px 0 var(--line)} @media(max-width:680px){.request-page .decision-table td:last-child{position:static;box-shadow:none}} @container request (max-width:520px){.request-page .decision-table td:last-child{position:static;box-shadow:none}} html[data-theme] .request-page .spec.decision-table tr td .statusbtn.decision-status.is-confirmed{color:var(--blue)!important} html[data-theme] .request-page .spec.decision-table tr td .statusbtn.decision-status.needs-decision{color:var(--attention-text)!important} .table-x-scroll{position:sticky;top:var(--selection-toolbar-height,61px);z-index:5;overflow-x:auto;overflow-y:hidden;height:14px;margin:0 18px;background:var(--panel);scrollbar-width:thin;scrollbar-color:var(--muted) var(--head)} .table-x-scroll[hidden]{display:none} .table-x-scroll>div{height:1px} .table-x-scroll::-webkit-scrollbar{height:10px} .table-x-scroll::-webkit-scrollbar-track{background:var(--head);border-radius:8px} .table-x-scroll::-webkit-scrollbar-thumb{background:var(--muted);border:2px solid var(--head);border-radius:8px} /* Refinements: normal scrolling decision column, unified row hover and quieter status type. */ html[data-theme] .needs-clarification{border:0;box-shadow:none} .request-page .decision-table td:last-child{position:static;right:auto;z-index:auto;background:transparent;box-shadow:none} .request-page .decision-table tr.attention td:last-child{background:transparent} .request-page .decision-table th:last-child{position:relative;right:auto;z-index:3;box-shadow:none} html[data-theme] .request-page .decision-table tbody tr:hover>td{background:var(--row-hover)} html[data-theme] .request-page .decision-table tbody tr.attention:hover>td{background:var(--attention-hover)} html[data-theme] .decision-table .decision-status{font-weight:500} .decision-table .col-client,.decision-table .col-result{width:23%} .decision-table .col-ai{width:24%} html[data-theme] .app-shell:not(.collapsed) .sidebar .profile{border:1px solid #bdd1ff33;background:#bdd1ff0a} html[data-theme] .app-shell.collapsed .sidebar .profile{border:0;background:transparent;box-shadow:none} .sidebar .navbtn:not(.active) .asset{opacity:.78} .source-position{display:flex;align-items:flex-start;gap:12px} .source-position-number{font-size:10px;font-weight:500;color:var(--muted);line-height:1.8;flex:none;min-width:18px;padding-top:1px} .preliminary-product{display:flex;align-items:flex-start;gap:12px;margin-top:10px} .preliminary-product>div{min-width:0} .preliminary-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--secondary);margin-top:8px} .issue-advice{margin-top:5px} .issue-route label{font-size:10px;font-weight:500} .issue-route select{font-size:11px;width:100%;max-width:100%} .preliminary-variant{padding:0;width:100%;text-align:left;display:block} .preliminary-variant .source-box:hover{border-color:var(--blue)} @media(max-width:1250px){html[data-theme] .app-shell:not(.collapsed) .sidebar .profile{border:0;background:transparent}} .variant-stock{margin-top:14px;font-size:11px} /* Compact result details, balanced request heading and export history. */ .source-position,.preliminary-product{align-items:center} .source-position-number{align-self:center;padding-top:0} .request-page .request-topline{margin-bottom:12px} .request-page .request-header h2{margin-top:0;margin-bottom:12px} .source-modal .source-attachment{width:fit-content;max-width:100%;align-self:flex-start;padding:10px 12px;gap:10px} .source-modal .source-attachment b{overflow-wrap:anywhere} .files-table :is(th,td):last-child{text-align:center} .files-table :is(th,td):nth-child(4){text-align:center} .files-table td:nth-child(5){white-space:nowrap} /* Product names have one consistent emphasis; metadata stays regular. */ .request-page .decision-table .prod,.drawer .position-name,.drawer .preliminary-product b,.drawer .source-box>b,.variant-stock>b{font-weight:600} .source-modal .mini-table td:nth-child(2){font-weight:600} /* One catalogue card per article and direct navigation from file history. */ .drawer .source-position .position-name{font-weight:650} .drawer .manager-comment{margin-bottom:7px} .drawer .comment-actions{margin-top:0;margin-bottom:10px} .file-request-link{padding:0;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer} .file-request-link:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px} .file-request-link:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:2px} /* Saved comments are locked until direct editing; variants reveal their own supply. */ #row-note::placeholder{color:var(--muted);opacity:.65} #row-note:disabled{color:var(--secondary);opacity:1;background:var(--head);cursor:default;resize:none} html[data-theme] .drawer .btn.saved-state:disabled{opacity:1;background:var(--tint);color:var(--blue);border-color:transparent;cursor:default} .variant-card{border:1px solid var(--line);border-radius:8px;background:var(--head);margin-top:10px;overflow:hidden} .variant-card>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding-right:12px} .variant-card>summary::-webkit-details-marker{display:none} .variant-card>summary .preliminary-product{flex:1;min-width:0;border:0;background:transparent!important;margin:0} .variant-affordance{flex:none;font-size:10px;color:var(--blue);display:flex;flex-direction:column;align-items:flex-end;gap:6px} .variant-affordance>span:last-child{display:flex;align-items:center;gap:5px} .variant-affordance .icon{width:13px;height:13px;transition:transform .15s} .variant-card[open] .variant-affordance .icon{transform:rotate(180deg)} .variant-selected{font-size:9px;background:var(--tint);padding:2px 5px;border-radius:4px} .variant-selected[hidden]{display:none} .variant-card.is-selected{border-color:var(--blue)} .variant-body{padding:0 13px 13px;border-top:1px solid var(--line)} .variant-body>details{margin:15px 0} .variant-body>.btn{margin-top:10px} /* Quiet drawer actions, inspection-only variants and retained AI context. */ html[data-theme] .drawer .comment-actions #change-decision{color:var(--secondary);font-weight:400} html[data-theme] .drawer .comment-actions #change-decision:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px} html[data-theme] .drawer .comment-actions .btn.link:hover:not(:disabled){border-color:transparent!important;background:transparent;box-shadow:none} html[data-theme] .drawer .comment-actions .btn.link:hover:not(:focus-visible){outline:none} .drawer-footer:has(.saved-state)>.row{justify-content:flex-end} .drawer-footer:has(.saved-state) .btn{flex:0 0 auto} .variant-card>summary{background:color-mix(in srgb,var(--tint) 55%,var(--panel))} .variant-body{background:var(--panel)} .variant-body>.allocation-table{margin-top:8px} .variant-body>details{background:var(--head);border:1px solid var(--line);border-radius:6px;padding:10px;margin-bottom:0} html[data-theme] .decision-table .ai-comment-text.recorded{color:var(--blue)} html[data-theme] .decision-table tr.decision-recorded{background:var(--panel)} /* Neutral queue selection, minimal exclusion and two all-time metrics. */ :root{--queue-selected:#efefec} :root[data-theme="dark"]{--queue-selected:#414344} html[data-theme] .qitem.selected,html[data-theme] .qitem.selected:hover{background:var(--queue-selected)} .exclude-confirm{width:420px} .exclude-confirm-content{padding:25px 24px 22px} .exclude-confirm-content h2{font-size:18px;line-height:1.45;font-weight:600} .exclude-confirm .modal-footer{justify-content:flex-end;gap:8px;padding:15px 24px} .exclude-confirm .btn{min-width:70px} .analytics-period-row{display:flex;justify-content:flex-end;margin:4px 0 16px} html[data-theme] .analytics-period{background:var(--head);color:var(--secondary);font-size:11px;font-weight:500;padding:6px 10px} .simple-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} .simple-kpis .kpi small:empty{display:none} .variant-card>summary{background:var(--head)} .variant-body{background:var(--panel)} .variant-body>.allocation-table{margin-top:0} .variant-body>details{background:transparent;border:0;border-radius:0;padding:0;margin:15px 0} @media(max-width:680px){.simple-kpis{grid-template-columns:1fr}} /* Recording a manager review is visible independently of catalogue completeness. */ html[data-theme] .decision-table tr.manager-comment-saved{background:var(--panel)} /* Team and connected mailboxes live with the organisation overview. */ .team-mailboxes{padding:22px;margin-top:22px} .team-mailboxes h3{font-size:15px;font-weight:600;margin:0 0 20px} .team-table-scroll{overflow-x:auto} .team-table{width:100%;border-collapse:collapse;min-width:590px;font-size:12px;text-align:left} .team-table th{font-size:11px;font-weight:500;color:var(--secondary);padding:12px 16px;background:var(--head);border-bottom:1px solid var(--line)} .team-table td{padding:16px;border-bottom:1px solid var(--line);color:var(--ink)} .team-table tbody tr:last-child td{border-bottom:0} .team-table td:nth-child(2),.team-table td:last-child{color:var(--secondary)} .team-table th:last-child,.team-table td:last-child{text-align:right;white-space:nowrap} .team-table .employee-cell{gap:12px;white-space:nowrap} .team-table .avatar{width:32px;height:32px;flex:0 0 32px;font-size:11px} @media(max-width:680px){.team-mailboxes{padding:16px}.team-table th,.team-table td{padding:12px}} @media(min-width:901px) and (max-width:1280px){.app-shell:not(.collapsed){grid-template-columns:194px minmax(0,1fr)}} /* Saved manager comments are visibly read-only in both themes. */ :root{--locked-field:#eeefed;--locked-border:#d4d6d2} :root[data-theme="dark"]{--locked-field:#252729;--locked-border:#505459} html[data-theme] .drawer #row-note:disabled{background:var(--locked-field);border-color:var(--locked-border);color:var(--secondary);-webkit-text-fill-color:var(--secondary);box-shadow:inset 0 1px 3px #00000006;opacity:1;cursor:not-allowed;resize:none} html[data-theme] .drawer #row-note:disabled:focus{outline:none;border-color:var(--locked-border)} /* Exclusion is a manager decision; AI context stays in its own column. */ html[data-theme] .decision-table .decision-status.is-excluded,html[data-theme] .decision-table .decision-status.is-excluded .icon{color:var(--secondary)!important} html[data-theme] .decision-table tr.excluded .ai-comment-text{color:var(--muted)} .sidebar .brand img{object-fit:contain} html[data-theme] .decision-table tr.excluded{background:var(--head);color:var(--muted)} html[data-theme] .decision-table .decision-status.is-excluded{white-space:normal;max-width:100%} .decision-status.is-excluded>span{white-space:normal} /* A calm selected request and a light saved-comment surface. */ :root{--queue-selected:#f8faff;--locked-field:#f9fbff;--locked-border:#dfe5ee;--changed-text:#6a5a9c} :root[data-theme="dark"]{--queue-selected:#4a5058;--locked-field:#3d424a;--locked-border:#555d68;--changed-text:#c3b6e8} html[data-theme] .qitem.selected .pill:not(.blue):not(.green):not(.red):not(.amber):not(.request-done){background:#e7e9ed;color:#515966} html[data-theme="dark"] .qitem.selected .pill:not(.blue):not(.green):not(.red):not(.amber):not(.request-done){background:#2d3137;color:#d8dce3} html[data-theme] .drawer #row-note:disabled{box-shadow:none;cursor:default} html[data-theme] .decision-table .decision-status.is-changed,html[data-theme] .decision-table .decision-status.is-changed .icon{color:var(--changed-text)!important;white-space:normal} .decision-status.is-changed>span{white-space:normal} .selection-toolbar{flex-wrap:wrap;row-gap:10px} .selection-toolbar .tabs{flex-wrap:wrap} .excluded-info{display:flex;align-items:center;gap:7px;padding:9px 11px;margin-bottom:20px;background:var(--head);color:var(--secondary);font-size:11px;border:1px solid var(--line);border-radius:7px} .excluded-info .icon{width:13px;height:13px} .request-footer:has(.update-feedback){flex-wrap:wrap} .update-feedback{display:flex;align-items:center;gap:10px;flex:0 0 100%;padding:10px 12px;margin-bottom:6px;border:1px solid var(--attention-line);border-radius:8px;background:var(--attention-row);color:var(--attention-text);font-size:11px;line-height:1.55} .update-feedback>.icon{width:15px;height:15px;flex:none} .update-feedback>span{flex:1} .update-feedback .btn{background:var(--panel);color:var(--secondary)} /* Processing remains visible without a guessed percentage or a blocking dialog. */ .processing-footer{padding:18px!important} .processing-panel{width:100%;display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:8px 12px;align-items:start} .processing-copy strong{font-size:14px;font-weight:600;color:var(--ink)} .processing-copy p{font-size:12px;color:var(--secondary);margin-top:4px;line-height:1.5} .processing-copy small{font-size:11px;color:var(--muted);display:block;margin-top:3px} .processing-elapsed{font-size:11px;color:var(--secondary);font-variant-numeric:tabular-nums;background:var(--head);border:1px solid var(--line);border-radius:6px;padding:6px 9px;white-space:nowrap} .processing-spinner,.small-spinner{display:inline-block;border:2px solid var(--tint);border-top-color:var(--blue);border-radius:50%;animation:selection-spin 1s linear infinite;flex:none} .processing-spinner{height:22px;width:22px;margin-top:2px}.small-spinner{height:10px;width:10px;border-width:1.5px} .processing-track{grid-column:2/4;height:4px;background:var(--tint);border-radius:8px;overflow:hidden;margin-top:3px} .processing-track i{display:block;height:100%;width:28%;border-radius:8px;background:var(--blue);animation:selection-sweep 1.9s ease-in-out infinite} @keyframes selection-spin{to{transform:rotate(360deg)}} @keyframes selection-sweep{0%{transform:translateX(-105%)}100%{transform:translateX(465%)}} @media(prefers-reduced-motion:reduce){.processing-spinner,.small-spinner,.processing-track i{animation:none}.processing-track i{margin-left:36%}} @media(max-width:680px){.processing-panel{grid-template-columns:22px minmax(0,1fr)}.processing-elapsed{grid-column:2;justify-self:start}.processing-track{grid-column:2}.processing-copy p{font-size:11px}} /* Persistent decision history, with three primary filters. */ .decision-table .col-stock{width:13%}.decision-table .col-ai{width:22%}.decision-table .col-decision{width:16%} html[data-theme] .decision-table .decision-status.is-changed,.decision-status.is-changed>span{white-space:nowrap} html[data-theme] .decision-table .decision-status.is-changed{max-width:none} html[data-theme] .decision-table td:first-child{vertical-align:middle;text-align:center} .source-position,.preliminary-product{align-items:center} .source-position-number{align-self:center;text-align:center;padding-top:0} html[data-theme] .decision-table tr.excluded{background:var(--attention-row);color:var(--secondary)} html[data-theme] .decision-table tr.excluded td:first-child{box-shadow:inset 2px 0 var(--attention-line)} html[data-theme] .request-page .decision-table tr.excluded:hover>td{background:var(--attention-hover)} html[data-theme] .request-page .decision-table tr.excluded .decision-status.is-excluded,html[data-theme] .request-page .decision-table tr.excluded .decision-status.is-excluded .icon{color:var(--attention-text)!important} .excluded-indicator{display:inline-flex;align-items:center;gap:6px;color:var(--red);font-size:11px;font-weight:400;padding:4px 0;line-height:1.5} .excluded-indicator .icon{width:14px;height:14px} /* Shared navigation hierarchy and restrained hover feedback. */ .sidebar .brand img{width:112px;height:auto;object-fit:contain} html[data-theme] .sidebar .navbtn[data-page]{font-weight:400;color:#dfe8ffbb} html[data-theme] .sidebar .navbtn[data-page] .icon{opacity:.72;stroke-width:1.5} html[data-theme] .sidebar .navbtn[data-page] .asset{opacity:.65} html[data-theme] .sidebar .navbtn[data-page].active{font-weight:550;color:#fff} html[data-theme] .sidebar .navbtn[data-page].active .icon{opacity:1;stroke-width:2} html[data-theme] .sidebar .navbtn[data-page].active .asset{opacity:1;filter:brightness(1.12)} :root{--queue-hover:#f2f6fd} :root[data-theme="dark"]{--queue-hover:#3e444b;--callback-text:#d2baf5;--callback-bg:#4b3a63;--callback-border:#9374b9;--callback-hover:#584472} html[data-theme] .qitem:not(.selected):hover{background:var(--queue-hover)} html[data-theme] .contact-btn.is-unreachable{background:var(--callback-bg)} html[data-theme] .drawer #save-row.saved-state{display:inline-grid;grid-template-columns:14px auto 14px;gap:7px;padding-inline:12px;align-items:center;justify-content:center} .drawer #save-row.saved-state:after{content:'';width:14px} .drawer #save-row.saved-state .icon{width:14px;height:14px} /* Analytics makes both the accounting period and the forwarding address easy to find. */ html[data-theme] .analytics-period{background:var(--tint);color:var(--blue);border:1px solid color-mix(in srgb,var(--blue) 22%,transparent);font-size:12px;font-weight:550;gap:6px;padding:7px 11px;border-radius:7px} .analytics-period .icon{width:13px;height:13px} .agent-mailbox{display:flex;align-items:center;gap:16px;padding:20px 22px;margin-top:22px} .agent-mail-icon{display:grid;place-items:center;align-self:flex-start;width:39px;height:39px;border-radius:9px;background:var(--tint);color:var(--blue);flex:none} .agent-mail-icon .icon{width:20px;height:20px} .agent-mailbox>div{flex:1;min-width:0}.agent-mailbox h3{font-size:14px;font-weight:600} .agent-mailbox p{font-size:11px;color:var(--muted);margin-top:4px} .agent-mailbox a{display:inline-block;font-size:15px;font-weight:550;margin-top:9px;user-select:all;overflow-wrap:anywhere;text-decoration:none} .agent-mailbox .btn{flex:none} @media(max-width:680px){.agent-mailbox{flex-wrap:wrap;padding:16px;gap:12px}.agent-mailbox .btn{margin-left:51px}} html[data-theme] .files-panel{overflow:hidden;isolation:isolate} .files-scroll{width:100%;overflow-x:auto} .files-table{border-collapse:separate;border-spacing:0} .files-table thead th:first-child{border-top-left-radius:calc(var(--radius) - 1px)} .files-table thead th:last-child{border-top-right-radius:calc(var(--radius) - 1px)} .source-modal details .mini-table td:first-child{text-align:center;vertical-align:middle;width:36px} /* Final review keeps the complete comment history read-only across the request. */ .drawer-footer.is-finalized>.row{justify-content:flex-end} .agent-mail-icon{align-self:center} /* A quiet iteration badge and clearly inactive contact action in both themes. */ html[data-theme] .selection-iteration{padding:5px 8px;border-radius:6px;background:var(--tint);color:var(--blue);font-weight:500;line-height:1.3} html[data-theme] .selection-iteration b{color:inherit;font-weight:650} html[data-theme] .selection-iteration .icon{color:inherit} html[data-theme] .contact-btn:disabled,html[data-theme] .contact-btn:disabled:hover{background:var(--surface-subtle);border-color:var(--line);color:var(--muted);opacity:.55;cursor:default;box-shadow:none;transform:none} /* Request completion is distinct from blue row confirmations and in-progress requests. */ :root{--request-done-text:#28693e;--request-done-bg:#e8f4ec} :root[data-theme="dark"]{--request-done-text:#b0dfbc;--request-done-bg:#334b3b} html[data-theme] .pill.request-done{background:var(--request-done-bg);color:var(--request-done-text)} /* Workflow stages sit to the right of the unchanged request status. */ .queue-stage{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;font-size:10px;font-weight:500;line-height:1.3;padding:4px 7px;border-radius:5px;flex:none} html[data-theme] .queue-stage.is-processing{background:var(--tint);color:var(--blue)} html[data-theme] .queue-stage.is-excel-ready{background:transparent;color:var(--secondary);border:0;box-shadow:none;padding:0;font-size:11px;font-weight:550;border-radius:0} .queue-stage .small-spinner{width:11px;height:11px;border-color:color-mix(in srgb,currentColor 22%,transparent);border-top-color:currentColor} .excel-ready-icon{position:relative;display:inline-flex;width:16px;height:16px;flex:none} .excel-ready-icon>.icon:first-child{width:13px;height:15px} .excel-ready-icon>.icon:last-child{position:absolute;width:9px;height:9px;right:-1px;bottom:-1px;stroke-width:2.5;background:var(--panel);border-radius:50%} html[data-theme] .qitem.selected .excel-ready-icon>.icon:last-child{background:var(--queue-selected,var(--panel))} /* Login: two clear panels and the reference feature rows. */ .login{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)} .login-form{border-radius:22px;overflow:hidden} .login-logo{display:block;width:132px;height:auto;object-fit:contain} .login-kicker{margin-top:28px;font-size:11px;color:#c4d9ff;letter-spacing:1px} .login-story h1{font-size:clamp(28px,3.2vw,46px);max-width:none;margin-top:35px} .login-story h1 span{display:block;white-space:nowrap} .login-story p{max-width:480px;line-height:1.7;color:#d2e0fb;font-size:15px;margin-top:20px} .login-story .login-features{display:grid;gap:21px;max-width:none;padding:23px 20px;margin-top:30px;border-radius:15px;background:#ffffff0c;border-color:#ffffff28} .login-feature{display:flex;align-items:center;gap:17px} .login-feature-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:13px;background:#5d9df04a;color:#f1f7ff} .login-feature-icon .icon{width:28px;height:28px;stroke-width:1.6} .login-feature>div{min-width:0} .login-feature strong{display:block;color:#fff;font-size:16px;line-height:1.4;font-weight:600} .login-feature>div>span{display:block;color:#dce8ff;font-size:14px;line-height:1.4;margin-top:3px} .login-employee-control{position:relative} .login-employee-control select{appearance:none;-webkit-appearance:none;width:100%;padding-right:44px} .login-employee-control>.icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--muted);pointer-events:none} @media(max-width:1100px){.login{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.login-feature{gap:12px}.login-feature strong{font-size:14px}.login-feature>div>span{font-size:12px}.login-feature-icon{width:42px;height:42px}.login-feature-icon .icon{width:25px;height:25px}.login-story .login-features{padding:18px 15px}} @media(max-width:700px){.login{display:block}.login-form{margin-top:12px;border-radius:17px}.login-story h1{font-size:clamp(26px,5.2vw,36px)}.login-story .login-features{display:none}.login-kicker{margin-top:20px}.login-story p{font-size:13px}.login-logo{width:128px}} /* Centre the story group independently from the top-left logo. */ .login-story{display:grid;align-items:center;justify-content:normal;min-height:640px} .login-story>.login-logo{position:absolute;left:48px;top:40px} .login-story-content{width:100%;position:relative;z-index:1;align-self:center} .login-story-content h1{margin-top:0} @media(max-width:1100px){.login-story>.login-logo{left:30px;top:30px}} @media(max-width:700px){.login-story{display:block;min-height:0}.login-story>.login-logo{position:static}.login-story-content{margin-top:28px}} /* Larger analytics values and a horizontally scrollable mobile selection table. */ .simple-kpis .kpi strong{font-size:48px;line-height:1.15;font-weight:650;letter-spacing:-1.2px;margin-top:18px} @media(max-width:680px){ .simple-kpis .kpi strong{font-size:42px} .request-page .tablewrap{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch} .request-page .spec.decision-table{display:table;min-width:1200px;width:100%;table-layout:fixed} .request-page .spec.decision-table thead{display:table-header-group} .request-page .spec.decision-table tbody{display:table-row-group} .request-page .spec.decision-table tr{display:table-row;padding:0;border-bottom:0} .request-page .spec.decision-table th:nth-child(n){width:auto} .request-page .spec.decision-table td:nth-child(n){display:table-cell;width:auto;grid-column:auto;grid-row:auto;padding:14px 10px;margin:0;border-bottom:1px solid var(--line);vertical-align:middle} .request-page .spec.decision-table td:first-child{text-align:center;padding-inline:6px} .request-page .spec.decision-table td:nth-child(5):before{content:none} .request-page .spec.decision-table .prod{font-size:12px;white-space:nowrap;overflow-wrap:normal} .request-page .spec.decision-table td:nth-child(n) .sub{display:block;margin:5px 0 0;font-size:10px} .request-page .spec.decision-table .stock{font-size:11px;white-space:nowrap} } @media(max-width:680px){ .app-shell,.app-shell.collapsed{grid-template-columns:56px minmax(0,1fr);gap:10px;padding:10px} .request-page .workspace,.request-page .workspace.queue-hidden,.request-page .workspace:not(.queue-hidden){grid-template-columns:minmax(0,1fr);min-width:0;gap:0} .request-page .queue:not([hidden]){display:flex;position:fixed;inset:10px;z-index:60;width:auto;max-width:none;box-shadow:0 18px 60px #0005} .request-page .selection-toolbar{align-items:flex-start;gap:10px} .request-page .selection-toolbar .tabs{display:flex;flex-wrap:wrap;gap:2px} .request-page .request-footer .completion-summary{min-width:0} } /* Mobile forwarding card: heading, instruction, address and full-width copy action. */ @media(max-width:680px){ .agent-mailbox{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px 10px;align-items:center;padding:16px} .agent-mailbox>div{display:contents} .agent-mailbox .agent-mail-icon{grid-column:1;grid-row:1;align-self:center;width:32px;height:32px;border-radius:8px} .agent-mailbox .agent-mail-icon .icon{width:18px;height:18px} .agent-mailbox h3{grid-column:2;grid-row:1;font-size:13px;line-height:1.45;min-width:0} .agent-mailbox p{grid-column:1/-1;grid-row:2;margin:0;font-size:12px;line-height:1.5} .agent-mailbox a{grid-column:1/-1;grid-row:3;display:block;min-width:0;margin:0;padding:12px;background:var(--head);border:1px solid var(--line);border-radius:8px;font-size:14px;line-height:1.5;overflow-wrap:anywhere} .agent-mailbox .btn{grid-column:1/-1;grid-row:4;width:100%;min-height:40px;margin:0;font-size:12px;gap:8px} }