@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:'Inter','IBM Plex Sans Thai',sans-serif;color:#202329;background:#f6f7f9;font-size:16px;--red:#ed001b;--muted:#83868f;--line:#e9eaee;--yellow:#edbb28;--green:#17966a}*{box-sizing:border-box}body{margin:0}body:has(dialog[open]){overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f69ba6;outline-offset:3px}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:1.8rem;letter-spacing:-.6px;line-height:1.4}h2{font-size:1.08rem;font-weight:600}h3{font-size:1rem}small,.small{font-size:.8rem;color:var(--muted)}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.mono{font-family:'Inter',sans-serif}.brand{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:800;letter-spacing:-.8px}.brand-icon{display:grid;place-items:center;width:34px;height:34px;background:#ffffff26;border-radius:9px}.topbar{height:64px;background:var(--red);color:white;position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 1px 5px #9b061b16}.toplabel{font-size:.8rem;color:#ffffffbb;border-left:1px solid #ffffff55;margin-left:16px;padding-left:20px;font-weight:400;letter-spacing:0}.topaccount{font-size:.85rem;display:flex;align-items:center;gap:12px}.avatar{width:33px;height:33px;border-radius:50%;background:white;color:var(--red);font-size:.75rem;font-weight:700;display:grid;place-items:center}.sidebar{position:fixed;top:64px;left:0;bottom:0;width:224px;background:white;border-right:1px solid var(--line);padding:26px 14px;display:flex;flex-direction:column;z-index:20}.navlabel{color:#a0a3ac;font-size:.72rem;padding:0 14px 10px;letter-spacing:.8px}.navlink{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:13px 14px;border-radius:8px;font-size:.9rem;color:#6c707b;margin:3px 0;position:relative}.navlink.active{background:#fff0f2;color:var(--red);font-weight:600}.navlink.active:before{content:'';position:absolute;left:-14px;width:3px;height:27px;background:var(--red);border-radius:0 3px 3px 0}.navlink:hover{background:#f7f7f9}.navlink.active:hover{background:#ffedef}.navnum{margin-left:auto;background:#f1f2f5;color:#9598a1;border-radius:5px;padding:2px 6px;font-size:.75rem}.active .navnum{background:white;color:var(--red)}.navdivider{border:0;border-top:1px solid var(--line);margin:19px 12px}.sidebottom{margin-top:auto;padding:20px 14px 0;border-top:1px solid var(--line);font-size:.78rem;color:#9da0aa}.sidebottom strong{color:#565c68;display:block;margin-bottom:5px;font-weight:500}.main{margin:64px 0 0 224px;min-height:calc(100dvh - 64px);padding:30px 34px 38px}.content{max-width:1600px;margin:0 auto}.eyebrow{color:#a0a3ab;font-size:.78rem;margin-bottom:8px;display:flex;align-items:center;gap:8px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.subtitle{font-size:.875rem;line-height:1.7;color:var(--muted);margin-top:7px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid #dddfe5;border-radius:7px;background:white;font-size:.875rem;font-weight:500;min-height:42px;white-space:nowrap}.btn:hover{background:#fafafa}.btn.primary{background:var(--red);border-color:var(--red);color:white}.btn.primary:hover{background:#d90019}.btn.black{background:#26272d;color:white;border-color:#26272d}.btn.green{background:var(--green);border-color:var(--green);color:white}.btn.soft{background:#fff3f4;border-color:#f9d8dc;color:#d7112b}.btn svg{width:17px;height:17px}.iconbtn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:6px;color:#8c909c;flex-shrink:0}.iconbtn:hover{background:#f0f1f4;color:#383e48}.topbar .iconbtn{color:white}.topbar .iconbtn:hover{background:#ffffff25}.period{display:flex;align-items:center;gap:9px;background:white;border:1px solid #e0e2e8;border-radius:7px;padding:9px 12px;font-size:.85rem;color:#707581}.period svg{width:17px}.period select{border:0;outline:0;background:none;font-size:.85rem;max-width:170px;color:#505660}.dateinput{border:1px solid #e0e2e8;background:white;border-radius:6px;padding:9px;font-size:.85rem;color:#545963;min-width:0}.customdates{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:20px;font-size:.875rem}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat{background:white;border:1px solid var(--line);border-radius:11px;padding:20px;text-align:left;position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}.stat:hover{transform:translateY(-2px);box-shadow:0 5px 16px #20232907}.stat:before{content:'';position:absolute;left:0;top:22px;height:28px;width:3px;background:var(--tone)}.stat.contact{--tone:var(--red);--tint:#fff0f2}.stat.processing{--tone:#bb8c0a;--tint:#fff8dd}.stat.completed{--tone:var(--green);--tint:#eaf8f1}.stat.deleted{--tone:#26272d;--tint:#f0f1f3}.statlabel{font-size:.875rem;color:#727783;display:flex;justify-content:space-between;align-items:center;gap:6px}.stat-icon{color:var(--tone);background:var(--tint);width:37px;height:37px;display:grid;place-items:center;border-radius:9px}.statvalue{font-size:2.15rem;letter-spacing:-1px;font-weight:700;line-height:1.4;margin:10px 0 5px}.statvalue small{letter-spacing:0;font-size:.8rem;font-weight:400;margin-left:8px}.statfoot{font-size:.78rem;color:#969aa4;display:flex;justify-content:space-between;gap:8px}.statfoot svg{width:16px;height:16px}.dashboard-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:20px;margin-bottom:20px}.panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;min-width:0}.panel-pad{padding:24px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.panel-heading p{font-size:.8rem;color:#9599a3;margin-top:5px}.labelchip{font-size:.72rem;color:#969aa5;padding:4px 8px;border:1px solid var(--line);border-radius:5px;white-space:nowrap}.progressbody{display:flex;align-items:center;gap:28px;margin:24px 0 13px}.donut{width:144px;height:144px;border-radius:50%;display:grid;place-items:center;position:relative;flex-shrink:0}.donut:before{content:'';position:absolute;inset:13px;background:white;border-radius:50%}.donut-center{position:relative;text-align:center}.donut-center strong{font-size:2.05rem;letter-spacing:-1px}.donut-center small{display:block;font-size:.75rem;margin-top:3px}.legend{flex:1}.legendrow{display:flex;align-items:center;gap:9px;font-size:.85rem;margin:15px 0}.legendrow strong{margin-left:auto;font-family:'Inter',sans-serif}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.progressnote{padding-top:17px;border-top:1px solid var(--line);font-size:.78rem;color:#979ba5;line-height:1.6}.codvalue{font-family:'Inter',sans-serif;font-size:2.35rem;letter-spacing:-1.1px;font-weight:700;margin:4px 0 9px}.codsubtitle{font-size:.85rem;color:#8b909a}.amounts{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.amounts>div{border-left:2px solid var(--tone);padding-left:13px}.amounts small{display:block;margin-bottom:7px;font-size:.8rem}.amounts strong{font-size:1.15rem;letter-spacing:-.3px}.codbar{height:7px;display:flex;overflow:hidden;gap:3px;border-radius:6px;background:#f3f4f6;margin:25px 0 14px}.dashboard-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.chart{height:180px;display:flex;align-items:stretch;gap:14px;padding:15px 8px 28px;margin-top:10px;background:repeating-linear-gradient(to top,transparent,transparent 35px,#f3f4f6 35px,#f3f4f6 36px)}.chartcol{flex:1;min-width:0;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:4px}.bar{width:15px;max-width:36%;min-height:3px;border-radius:4px 4px 0 0;background:#f7c7ce;position:relative}.bar.done{background:#36aa7e}.bar small{position:absolute;top:-21px;font-size:.7rem;left:50%;transform:translateX(-50%);color:#9ba0a8}.chartlabel{position:absolute;bottom:-25px;text-align:center;font-size:.72rem;color:#9a9ea7;white-space:nowrap}.chartlegend{display:flex;gap:18px;font-size:.78rem;color:#8b909b;align-items:center}.quickcard{display:flex;gap:14px;padding:18px 0;align-items:center;border-bottom:1px solid var(--line);text-align:left;width:100%}.quickcard:last-child{border:0}.quickicon{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#fff1f3;color:var(--red)}.quickcard strong{font-size:.9rem;font-weight:500;display:block;margin-bottom:4px}.quickcard small{font-size:.8rem}.quickcard>svg{margin-left:auto;color:#b1b5bf;width:17px}.quickicon.yellow{background:#fff7dc;color:#b89018}.pagefoot{margin-top:23px;display:flex;justify-content:space-between;gap:15px;color:#a0a3ac;font-size:.73rem}.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:5px;background:#f0f1f4;color:#8b8f99;font-size:.75rem}.toolbar{padding:18px 21px;display:flex;gap:13px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.searchbox{display:flex;align-items:center;gap:9px;background:#fafbfc;border:1px solid #e4e6eb;border-radius:7px;padding:10px 12px;width:350px;max-width:100%;color:#9da2ad}.searchbox input{border:0;background:transparent;outline:none;font-size:.875rem;width:100%;min-width:0}.searchbox svg{width:18px}.sortbtn{font-size:.8rem;color:#777e8b;display:flex;gap:7px;align-items:center;padding:7px}.sortbtn svg{width:17px}.recordscount{font-size:.8rem;color:#969ba4}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}th{text-align:left;padding:12px 15px;color:#969ba5;font-size:.77rem;font-weight:500;background:#fafbfc;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:17px 15px;border-bottom:1px solid #eff0f4;vertical-align:middle}tbody tr:hover{background:#fcfcfd}tr:last-child td{border-bottom:0}.checkcell{width:40px;padding-right:0}input[type=checkbox]{width:16px;height:16px;accent-color:var(--red);cursor:pointer}.awbcell{min-width:178px}.awblink{font-family:'Inter',sans-serif;font-size:.84rem;font-weight:600;color:#424957;text-align:left;padding:0}.awblink:hover{color:var(--red)}.copy{width:29px;height:29px}.copy svg{width:15px;height:15px}.sub{font-size:.75rem;color:#989ea9;margin-top:5px}.productcell{max-width:250px;min-width:165px;line-height:1.65;color:#565d69}.producttext{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.phone-button{display:inline-flex;gap:6px;align-items:center;font-size:.78rem;border:1px solid #e4e6eb;color:#818897;background:white;padding:4px 8px;border-radius:5px;margin-top:7px;min-height:28px}.phone-button svg{width:14px;height:14px}.customer{white-space:nowrap;color:#444b57}.status{display:inline-flex;gap:6px;align-items:center;font-size:.8rem;white-space:nowrap;padding:5px 8px;border-radius:5px}.status>span{width:5px;height:5px;background:currentColor;border-radius:50%}.status.contact{background:#fff0f2;color:#df1730}.status.processing{background:#fff8db;color:#a0780a}.status.completed{background:#eaf8f1;color:#16805d}.status.deleted{background:#eceef1;color:#202329}.row-action{padding:7px 10px;min-height:36px;font-size:.8rem}.complete-tick{background:#eaf8f1;color:#17865e;border:1px solid #cbeada;border-radius:7px;width:36px;height:36px;display:grid;place-items:center}.complete-tick:hover{background:#d8f1e4}.datecell{white-space:nowrap;font-size:.8rem;color:#9197a3}.moneycell{font-weight:600;font-family:'Inter',sans-serif;white-space:nowrap}.bulkbar{padding:12px 21px;background:#fff4f5;display:flex;gap:12px;align-items:center;font-size:.875rem;flex-wrap:wrap;border-bottom:1px solid #f9dde1}.bulkbar .btn{min-height:34px;padding:6px 10px;font-size:.8rem}.pagination{padding:16px 21px;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#9298a3;gap:10px}.pagebutton{border:1px solid #e4e6eb;border-radius:6px;width:32px;height:32px;font-size:1.1rem}.pagination strong{font-size:.8rem;font-weight:500;color:#565f6f}.empty{padding:70px 20px;text-align:center;color:#989fa9}.empty svg{width:34px;height:34px;margin-bottom:14px;color:#b8bec8}.empty h3{color:#5b6371;margin-bottom:6px}.empty p{font-size:.875rem}.mobilecards,.mobile-nav{display:none}.boot,.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:80px 20px;color:#989ea7;font-size:.875rem}.boot{min-height:100vh}.spinner{border:2px solid #e7e8ed;border-top-color:var(--red);width:21px;height:21px;border-radius:50%;display:inline-block;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.errorbox{padding:20px;border:1px solid #f1cbd2;background:#fff4f6;color:#b82c41;border-radius:8px;font-size:.875rem;line-height:1.6}.notice{border:1px solid #eee2b7;background:#fffbef;color:#987c32;border-radius:7px;padding:12px 15px;font-size:.85rem;line-height:1.65}.dangertext{color:#ca1d38}.import-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.uploadbox{border:1.5px dashed #e0aeb7;background:#fffbfc;border-radius:10px;padding:40px 22px;text-align:center;position:relative;display:block;width:100%;cursor:pointer}.uploadbox:hover,.uploadbox.dragover{background:#fff0f3;border-color:var(--red)}.uploadicon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #f5d7dc;background:white;color:var(--red);border-radius:12px;margin:0 auto 17px}.uploadbox strong{display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.uploadbox p{font-size:.8rem;color:#989ca7;line-height:1.6}.uploadbox .btn{margin-top:19px}.uploadbox input{position:absolute;opacity:0;width:1px;height:1px}.import-type{display:flex;gap:10px;margin:0 0 20px}.import-type label{flex:1;padding:12px;border:1px solid #e5e7eb;border-radius:7px;font-size:.85rem;cursor:pointer;line-height:1.6}.import-type label:has(:checked){border-color:#ee8696;background:#fff5f6;color:#bc1931}.import-type input{accent-color:var(--red);margin-right:5px}.import-type small{display:block;padding-left:23px;margin-top:3px;font-size:.75rem}.columnlist{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.columntag{border:1px solid #e7e9ed;border-radius:5px;padding:6px 10px;font-size:.8rem;color:#7e8694}.columntag.required{background:#fff3f5;color:#c63a51;border-color:#f2d6dd}.import-help{font-size:.85rem;color:#858d9a;line-height:1.8}.import-help p+p{margin-top:13px}.importfiles{margin-top:18px}.importfile{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.importfile>svg{color:#2e986e}.importfile strong{display:block;font-size:.85rem;font-weight:500;overflow-wrap:anywhere}.importfile small{display:block;font-size:.75rem;margin-top:4px}.importprogress{height:5px;background:#eee;border-radius:5px;overflow:hidden;margin:14px 0}.importprogress>span{display:block;background:var(--red);height:100%;transition:width .15s}.previewstats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.previewstats>div{background:#f7f8fa;padding:14px;border-radius:8px;font-size:.8rem;color:#8c929e}.previewstats strong{display:block;font-size:1.7rem;margin-top:4px;color:#272d36}.previewstats .good strong{color:var(--green)}.previewstats .bad strong{color:var(--red)}.previewtable{max-height:350px;overflow:auto;border:1px solid var(--line);border-radius:7px}.previewtable th{position:sticky;top:0;z-index:1}.previewtable td{font-size:.8rem;padding:12px}.previewactions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}.mapping{margin:15px 0;border:1px solid var(--line);border-radius:8px;padding:12px 15px;font-size:.85rem;color:#79818e}.mapping summary{cursor:pointer}.mapgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}.fieldlabel{display:block;font-size:.8rem;color:#7a8491;margin-bottom:7px}.field{width:100%;border:1px solid #dfe3e9;border-radius:7px;padding:11px;background:white;outline:0;font-size:.9rem;min-width:0}.historyline{padding:14px 0;border-bottom:1px solid var(--line)}.historyline:last-child{border:0}.historyline strong{font-size:.85rem;font-weight:500;display:block;margin-bottom:5px;overflow-wrap:anywhere}.historyline small{font-size:.75rem;line-height:1.6}.import-success{text-align:center;padding:36px 20px}.successicon{display:grid;place-items:center;width:60px;height:60px;background:#e8f7ef;color:var(--green);border-radius:50%;margin:0 auto 15px}.successicon svg{width:30px;height:30px}.import-success h2{font-size:1.3rem;margin-bottom:9px}.import-success p{font-size:.9rem;color:#88919d;line-height:1.8}.import-success .row{justify-content:center;margin-top:24px;flex-wrap:wrap}.mapping select{font-size:.8rem}dialog{border:0;padding:0;color:inherit;background:white;box-shadow:0 16px 80px #22293730;outline:none}dialog::backdrop{background:#20232965;backdrop-filter:blur(2px)}.modal-dialog{width:440px;max-width:calc(100vw - 32px);max-height:90dvh;border-radius:14px}.modal-dialog.wide{width:620px}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line)}.dialog-body{padding:24px;overflow-y:auto;line-height:1.7;font-size:.9rem}.dialog-body p{color:#7c8491}.dialog-foot{padding:16px 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:10px}.dialog-foot .btn{flex:1}.detail-dialog{inset:0 0 0 auto;margin:0 0 0 auto;width:560px;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.detail-dialog[open]{display:flex;flex-direction:column}.detail-dialog .dialog-body{flex:1;min-height:0}.detailtop small{display:block;font-size:.75rem;margin-bottom:4px}.detailtop strong{font-family:'Inter',sans-serif;font-size:1.08rem;letter-spacing:.2px}.detail-status{padding:0 24px 16px}.section{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.section h3{margin-bottom:16px;font-size:.9rem}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.datafield label{display:block;font-size:.78rem;color:#9ba2ad;margin-bottom:6px}.datafield div{font-size:.875rem;line-height:1.8;color:#535b69;overflow-wrap:anywhere}.datafield.full{grid-column:1/-1}.product-highlight{padding:15px;border-radius:8px;background:#f8f9fb;color:#454e5d;line-height:1.85;font-size:.9rem}.note{min-height:95px;resize:vertical}.timeline{font-size:.82rem;color:#666f7d}.timeline>div{border-left:1px solid #e5e9ef;padding:0 0 17px 16px;position:relative}.timeline>div:before{content:'';position:absolute;width:6px;height:6px;background:#b8bdc7;border-radius:50%;left:-3.5px;top:7px}.timeline small{display:block;font-size:.73rem;margin-top:4px}.clip-card{border:1px solid #e5e8ef;border-radius:9px;padding:14px;margin-bottom:12px}.clip-card strong{font-size:.85rem;font-weight:500;overflow-wrap:anywhere;display:block}.clip-card small{font-size:.73rem}.clip-card audio,.clip-card video{width:100%;max-height:250px;margin:12px 0}.clip-card audio{height:36px}.clip-card .btn{min-height:33px;padding:6px 10px;font-size:.78rem}.phone-dialog{text-align:center;padding:15px 0}.phone-circle{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff0f3;color:var(--red);margin:0 auto 18px}.phone-number{font-family:'Inter',sans-serif;font-size:2rem;font-weight:650;letter-spacing:1px;margin:15px 0 10px}.phone-dialog small{display:block;margin-top:14px;font-size:.78rem}.confirmicon{width:48px;height:48px;border-radius:50%;background:#eef8f2;color:var(--green);display:grid;place-items:center;margin-bottom:16px}.confirmicon.black{color:#353842;background:#f0f1f3}.dialogids{font-size:.8rem;background:#f5f6f9;border-radius:7px;padding:10px;margin-top:14px;max-height:150px;overflow:auto;font-family:'Inter',sans-serif;line-height:1.8}.login-shell{min-height:100dvh;display:grid;grid-template-columns:.9fr 1.1fr;background:white}.login-brand{background:var(--red);padding:45px 55px;color:white;display:flex;flex-direction:column;justify-content:space-between}.login-brand .brand{font-size:1.6rem}.login-message{max-width:390px}.login-message h1{font-size:2.65rem;line-height:1.5;letter-spacing:-1px}.login-message p{font-size:.95rem;color:#ffffffb8;line-height:1.9;margin-top:18px}.login-meta{font-size:.78rem;color:#ffffff9c}.login-formwrap{display:flex;align-items:center;justify-content:center;padding:40px}.login-form{width:370px;max-width:100%}.login-form h2{font-size:1.75rem;letter-spacing:-.5px;margin-bottom:9px}.login-form p{font-size:.9rem;color:#999eaa;margin-bottom:32px}.login-field{margin-top:20px}.login-field label{display:block;font-size:.85rem;margin-bottom:9px;color:#676f7c}.login-input{display:flex;align-items:center;border:1px solid #dfe3ea;border-radius:8px;gap:11px;padding:6px 13px;color:#a0a8b6}.login-input input{width:100%;border:0;outline:0;padding:9px 0;font-size:.95rem;background:transparent}.login-input:focus-within{border-color:#ee8292;box-shadow:0 0 0 3px #fff1f3}.login-form .primary{width:100%;margin-top:26px;min-height:47px}.login-foot{text-align:center;font-size:.75rem;color:#b1b5be;margin-top:28px}.login-error{color:#c71736;background:#fff1f4;padding:10px;border-radius:7px;font-size:.85rem;margin-top:15px}.login-mobilebrand{display:none}#toast{position:fixed;z-index:1000;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 18px;box-shadow:0 8px 30px #20232925;background:#24272e;color:white;border-radius:8px;font-size:.875rem;max-width:90vw;display:none;line-height:1.6}.hidden{display:none!important}
@media(min-width:1550px){.main{padding:38px 46px}.stat{padding:24px}.statvalue{font-size:2.35rem}.panel-pad{padding:28px}}@media(max-width:1200px){.main{padding:25px 24px}.sidebar{width:195px}.main{margin-left:195px}.progressbody{gap:17px}.donut{width:120px;height:120px}.donut-center strong{font-size:1.8rem}.legendrow{font-size:.8rem}.stat{padding:17px}.statlabel{font-size:.8rem}.statvalue{font-size:1.9rem}.panel-pad{padding:20px}.toplabel{display:none}}@media(max-width:1000px) and (min-width:761px){.sidebar{width:76px;padding-left:8px;padding-right:8px}.navlink{justify-content:center;padding:15px}.navlink .navtext,.navnum,.navlabel,.sidebottom{display:none}.navlink.active:before{left:-8px}.main{margin-left:76px}.dashboard-grid{grid-template-columns:1fr 1.15fr}.import-layout{grid-template-columns:1fr}.import-help-panel{display:none}}
@media(max-width:760px){.topbar{height:58px;padding:0 18px}.brand{font-size:1.1rem}.brand-icon{width:30px;height:30px;border-radius:8px}.topaccount{gap:8px;font-size:.78rem}.avatar{width:28px;height:28px;font-size:.68rem}.topaccount>span{display:none}.sidebar{display:none}.main{margin:58px 0 0;padding:23px 17px 98px;min-height:calc(100dvh - 58px)}.eyebrow{font-size:.72rem}.heading{gap:13px;margin-bottom:23px;align-items:flex-start;flex-wrap:wrap}.heading h1{font-size:1.55rem}.heading .subtitle{font-size:.8rem}.period{padding:8px 10px;font-size:.78rem;margin-top:4px}.period select{font-size:.78rem;max-width:140px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:17px}.stat{padding:16px}.statlabel{font-size:.8rem}.stat-icon{width:30px;height:30px;border-radius:7px}.stat-icon svg{width:17px;height:17px}.statvalue{font-size:1.9rem;margin:10px 0 5px}.statfoot{font-size:.68rem}.statfoot svg{display:none}.statvalue small{font-size:.73rem;margin-left:5px}.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.panel-pad{padding:20px}.progressbody{gap:25px;justify-content:center}.donut{width:130px;height:130px}.legend{max-width:180px}.legendrow{font-size:.83rem}.codvalue{font-size:2.1rem}.chart{height:170px}.mobile-nav{display:flex;position:fixed;inset:auto 0 0;background:white;border-top:1px solid #e5e7ec;z-index:35;padding:8px 4px max(9px,env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav button{flex:1;min-width:0;padding:6px 0;display:flex;flex-direction:column;align-items:center;gap:6px;color:#9ca2af;font-size:.65rem}.mobile-nav button.active{color:var(--red)}.mobile-nav svg{width:20px;height:20px}.pagefoot{font-size:.7rem;flex-wrap:wrap;margin-top:17px;line-height:1.6}.toolbar{padding:16px;flex-wrap:wrap;gap:10px}.searchbox{width:100%;padding:10px;font-size:.85rem}.recordscount{font-size:.75rem}.sortbtn{padding:3px;font-size:.78rem}.tablewrap{display:none}.mobilecards{display:block;padding:0 16px}.workcard{padding:18px 0;border-bottom:1px solid var(--line)}.workcard:last-child{border:0}.cardtop{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.cardtop .row{gap:6px}.cardtop .awblink{font-size:.83rem}.cardtop .status{font-size:.69rem;padding:4px 6px}.cardproduct{font-size:.875rem;color:#4c5463;line-height:1.85;margin-top:10px}.cardcustomer{font-size:.8rem;color:#949ba7;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px}.cardcustomer .phone-button{margin:0;font-size:.76rem}.cardbottom{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:15px}.cardbottom strong{font-family:'Inter',sans-serif;font-size:1rem}.cardbottom .btn{font-size:.75rem;padding:6px 9px;min-height:35px}.cardbottom .sub{font-size:.72rem}.pagination{padding:15px;font-size:.73rem}.bulkbar{padding:12px 16px;font-size:.8rem;gap:8px}.customdates{font-size:.8rem;gap:7px}.customdates .dateinput{flex:1;width:120px;font-size:.8rem}.import-layout{grid-template-columns:1fr;gap:16px}.import-type{flex-direction:column}.import-type small{font-size:.73rem}.uploadbox{padding:27px 15px}.import-help-panel{display:block}.previewstats{gap:8px}.previewstats>div{padding:12px 9px;font-size:.73rem}.previewstats strong{font-size:1.5rem}.previewactions .btn{width:100%}.mapgrid{grid-template-columns:1fr}.detail-dialog{width:100%;max-width:100%;border-radius:0}.dialog-head{padding:17px 19px}.dialog-body{padding:20px}.dialog-foot{padding:14px 19px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.detailtop strong{font-size:1rem}.modal-dialog{max-width:calc(100vw - 28px);max-height:90dvh}.phone-number{font-size:1.85rem}.detailgrid{gap:15px}.dialog-foot .btn{font-size:.8rem;padding:9px}.login-shell{display:block;min-height:100dvh;background:#fafbfc}.login-brand{display:none}.login-formwrap{min-height:100dvh;padding:30px 26px}.login-form{max-width:380px}.login-form h2{font-size:1.6rem}.login-mobilebrand{display:flex;color:var(--red);margin-bottom:42px}.login-mobilebrand .brand-icon{background:var(--red);color:white}.login-form p{font-size:.85rem}.login-input{background:white}#toast{bottom:88px;font-size:.8rem}.import-help{font-size:.8rem}.empty{padding:48px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}
/* Keep Thai labels intact and controls comfortable on touch screens. */
.navtext{white-space:nowrap}.navlink{gap:9px;padding-left:10px;padding-right:10px}
#toast{margin:0;top:auto;right:auto;border:0}
.modal-dialog[open]{display:flex;flex-direction:column}.modal-dialog .dialog-body{min-height:0}.modal-dialog .dialog-head,.modal-dialog .dialog-foot{flex-shrink:0}
@media(min-width:1001px) and (max-width:1200px){.sidebar{width:224px}.main{margin-left:224px}.cards{gap:12px}.statlabel{font-size:.8rem}.stat-icon{width:30px;height:30px;flex-shrink:0}}
@media(max-width:760px){.iconbtn,.complete-tick{min-width:40px;min-height:40px}.phone-button{min-height:38px}.mobile-nav button{min-height:48px}.cardtop .row{max-width:100%}.cardtop .awblink{overflow-wrap:anywhere}.cardbottom .row{flex-wrap:wrap;justify-content:flex-end}.cardproduct,.cardcustomer,.previewtable td{overflow-wrap:anywhere}.field,.login-input input,.searchbox input{font-size:16px}.statfoot{font-size:.75rem}.phone-number{overflow-wrap:anywhere}}

.sample-notice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:17px 20px;margin-top:20px;border:1px solid var(--line);border-radius:8px;color:#828997;font-size:.85rem}

/* Reserve identical space for masked, loading and revealed phone states. */
.phone-button,.phone-button.is-revealed{display:inline-grid;grid-template-columns:112px 14px;align-items:center;justify-content:start;gap:6px;width:132px;min-width:132px;max-width:132px;height:30px;min-height:30px;padding:0;border:0;border-radius:0;background:transparent;color:#315a85;white-space:nowrap;flex:none;text-align:left;cursor:pointer}
.phone-button:hover,.phone-button.is-revealed:hover{background:transparent;color:#173b65}
.inline-phone-number{display:block;width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'Inter',sans-serif;font-size:13px;font-weight:400;line-height:20px;font-variant-numeric:tabular-nums;letter-spacing:0;color:inherit}
.phone-button svg,.phone-button .spinner{width:14px;height:14px;margin:0}
.phone-button.is-revealed svg{opacity:.7}
@media(max-width:760px){.phone-button,.phone-button.is-revealed{height:40px;min-height:40px}}

.brand-logo{width:38px;height:38px;object-fit:contain;flex:none}.brand{font-size:1.05rem;letter-spacing:.3px;white-space:nowrap}.login-form h2{margin-bottom:26px}@media(max-width:760px){.topbar .brand{font-size:.8rem;gap:7px}.topbar .brand-logo{width:30px;height:30px}}

/* Prominent login identity and a workspace sized to the screen. */
.login-logohero{display:grid;place-items:center;text-align:center;padding:24px 0}
.login-logohero .brand{flex-direction:column;gap:22px;font-size:clamp(1.25rem,2vw,2rem);letter-spacing:1px}
.login-logohero .brand-logo{width:clamp(200px,24vw,340px);height:clamp(200px,24vw,340px)}
@media(min-width:761px){
 #app:not([data-view="login"]){height:100dvh;overflow:hidden}
 .main{height:calc(100dvh - 64px);min-height:0;padding:18px 24px 12px;overflow:hidden}
 .content,#page{height:100%;min-height:0}
 #page{overflow:auto;scrollbar-gutter:stable}
 .heading{margin-bottom:16px}.eyebrow{margin-bottom:5px}h1{font-size:1.55rem}.subtitle{margin-top:3px}
 .pagefoot{margin-top:10px;font-size:.68rem}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #page{display:flex;flex-direction:column;overflow:hidden}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #page>.panel{display:flex;flex-direction:column;flex:1;min-height:0}
 .toolbar{padding:10px 16px;flex:none}
 #listRegion{flex:1;min-height:0;display:flex;flex-direction:column}
 #listRegion .tablewrap{flex:1;min-height:0;overflow:auto}
 #listRegion table{height:100%;font-size:.81rem}
 #listRegion th{position:sticky;top:0;z-index:1;padding:9px 12px}
 #listRegion td{padding:clamp(2px,calc((100dvh - 690px)/24),10px) 12px}
 #listRegion .customer{font-size:.82rem;line-height:1.3}
 #listRegion .phone-button{height:24px;min-height:24px}
 #listRegion .producttext{line-height:1.4;-webkit-line-clamp:2}
 #listRegion .sub{font-size:.68rem;margin-top:2px}
 .pagination{flex:none;padding:9px 16px}
 .bulkbar{flex:none;padding:8px 16px}
 .cards{gap:12px;margin-bottom:14px}.stat{padding:14px 16px}.statvalue{font-size:1.8rem;margin:5px 0}
 .dashboard-grid,.dashboard-bottom{gap:14px;margin-bottom:14px}.panel-pad{padding:16px 18px}
 .panel-heading{margin-bottom:10px}.progressbody{gap:20px;margin:12px 0}.donut{width:112px;height:112px}
 .legendrow{margin:11px 0}.progressnote{padding-top:10px}.codvalue{font-size:1.9rem}
 .amounts{margin-top:14px}.codbar{margin:16px 0 10px}.chart{height:clamp(100px,18dvh,160px);margin-top:4px}
 .quickcard{padding:12px 0}.dashboard-bottom .progressnote{padding-top:9px!important}
}
@media(max-width:760px){
 .login-mobilebrand{justify-content:center;margin-bottom:26px}
 .login-mobilebrand .brand{flex-direction:column;gap:12px;font-size:1.12rem;letter-spacing:.6px}
 .login-mobilebrand .brand-logo{width:130px;height:130px}
 .login-formwrap{padding:24px;align-items:center}
 .login-form h2{font-size:1.4rem;margin-bottom:18px}
 .login-field{margin-top:16px}.login-foot{margin-top:20px}
}

.phone-button,.phone-button.is-revealed{grid-template-columns:14px 112px 14px;width:152px;min-width:152px;max-width:152px;gap:6px}.send-tick{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#fff7d7;color:#9f7600;border:1px solid #ecd98e;flex:none}.send-tick:hover{background:#ffefb1}.send-tick svg{width:18px;height:18px}

/* Stable row sizes, clear actions, and lighter workspace colors. */
:root{--muted:#768195;--line:#e5eaf1;background:#f3f5f9;color:#253248}
.topbar{background:#fff;color:#253248;border-bottom:1px solid var(--line);box-shadow:0 2px 12px #25324806}
.toplabel{color:#8490a1;border-left-color:#dce2eb}.topbar .iconbtn{color:#738198}.topbar .iconbtn:hover{background:#f0f3f8}.avatar{background:#eef2fa;color:#435e9f}
.topbar .brand-logo{background:var(--red);border-radius:8px;padding:2px}
.navlink.active{background:#eef2fb;color:#4562a0}.navlink.active:before{background:#5977b3}.navlink.active:hover{background:#e7edf9}
[data-count="processing"],.active [data-count="processing"]{background:#e53945;color:#fff;border-radius:20px;padding:3px 8px;font-weight:700;min-width:23px;text-align:center}
#listRegion table{height:auto!important;table-layout:auto}
#listRegion tbody tr{height:64px}#listRegion td{padding:8px 12px!important}
.statuscell{white-space:nowrap}.status{font-size:.7rem;padding:5px 8px}.action-group{gap:6px;flex-wrap:nowrap}
.complete-tick{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:10px;background:#e5f5ed;color:#19845e;border:1px solid #b8dfcc;box-shadow:0 2px 5px #19845e0a;transition:background .15s,transform .15s}.complete-tick svg{width:22px;height:22px}.complete-tick:hover{background:#ceeedd;transform:translateY(-1px)}
.row-action{font-size:.76rem;padding:7px 9px;min-height:34px}.report-tablewrap{overflow:auto}.report-tablewrap th{position:sticky;top:0}
@media(max-width:760px){.topbar .brand-logo{padding:1px}.action-group{flex-wrap:wrap}#listRegion tbody tr{height:auto}.report-tablewrap table{min-width:680px}}

.heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.export-link{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;color:#78869a;font-size:.76rem;text-decoration:none;border-radius:6px;white-space:nowrap}.export-link svg{width:15px;height:15px}.export-link:hover{color:#405f94;background:#e9eef6}.export-link:focus-visible{outline:2px solid #5977b3;outline-offset:3px}@media(max-width:760px){.heading-actions{gap:6px;align-self:flex-start}.export-link{min-height:40px}}

.employee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}
.employee-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;text-align:left;transition:border-color .15s,box-shadow .15s;min-width:0}
.employee-card:hover{border-color:var(--employee-color);box-shadow:0 5px 18px #2532480b}
.employee-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.employee-title h2{font-size:1rem;margin-bottom:4px}.employee-title>svg{width:17px;color:#9ca6b5}
.employee-avatar{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:12px;background:#f0f3f9;color:var(--employee-color,#526cb2)}.employee-avatar svg{width:23px;height:23px}
.employee-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}.employee-metrics small{display:block;font-size:.74rem;line-height:1.5;margin-bottom:5px}.employee-metrics strong{display:block;font-size:1.15rem;font-variant-numeric:tabular-nums;color:#31415c}
.employee-cardfoot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;margin-top:20px;color:#8a95a7;font-size:.75rem}.employee-cardfoot svg{width:15px;height:15px}
.report-back{display:inline-flex;align-items:center;min-height:36px;font-size:.83rem;color:#58719f;margin:0 0 14px;padding:0 4px}.report-back:hover{color:#2d497a}
.employee-detail{margin-bottom:18px}.employee-detail .employee-metrics{grid-template-columns:repeat(4,1fr)}.employee-mobile-days{display:none}.report-note{margin-top:18px}
@media(max-width:760px){.employee-grid{grid-template-columns:1fr;gap:12px}.employee-card{padding:18px}.employee-detail .employee-metrics{grid-template-columns:1fr 1fr}.employee-days{display:none}.employee-mobile-days{display:block}.employee-mobile-days article{padding:16px;border-top:1px solid var(--line)}.employee-mobile-days article>strong{display:block;font-size:.85rem;margin-bottom:14px}.employee-metrics strong{font-size:1.05rem}}

.employee-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.btn.employee-add{background:var(--red);border-color:var(--red);color:white}.btn.employee-add:hover{background:#d90019;border-color:#d90019}.employee-controls{display:flex;gap:8px;margin-left:auto}.employee-delete{color:#c74650;border-color:#efd0d4;background:#fff9fa}.employee-form{display:grid;gap:16px;margin-top:16px}.employee-form label{display:grid;gap:7px;font-size:.85rem;color:#566278}.employee-form small{font-size:.73rem}.employee-form input,.employee-form select{width:100%;min-height:42px}#employeeError{font-size:.85rem;color:#c74650}.employee-detail .employee-title{flex-wrap:wrap}@media(max-width:760px){.employee-controls{width:100%;margin-left:0}.employee-controls .btn{flex:1}}

/* Final interface: consistent hierarchy, compact work areas, and responsive controls. */
:root{--red:#e90024;--muted:#748094;--line:#e7ebf1;--green:#19865f;color:#263247;background:#f5f6f9}
body{line-height:1.5}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}
.topbar{height:64px;padding:0 24px}.topbar .brand{font-size:1rem;letter-spacing:.15px}.topbar .brand-logo{width:36px;height:36px;border-radius:10px}.topaccount{gap:10px}.avatar{background:#fff0f2;color:#d52a41}
.sidebar{padding-top:22px}.navlink{font-size:.84rem;padding:12px;border-radius:9px;color:#6b7688}.navlink.active{background:#fff0f2;color:#d5233d}.navlink.active:before{background:var(--red)}.navlink.active:hover{background:#ffe7ec}.active .navnum{color:#d5233d}.navlabel{font-size:.66rem;letter-spacing:.9px}.sidebottom{line-height:1.8}.navdivider{margin:16px 12px}
[data-count="processing"],.active [data-count="processing"]{background:var(--red);color:white;box-shadow:0 2px 4px #e9002414}
h1{font-weight:600;letter-spacing:-.5px}h2{font-weight:600}.eyebrow{font-size:.7rem;color:#97a0af}.heading{align-items:center;gap:16px}.subtitle{font-size:.8rem;color:#7d8797}.heading-actions{flex:none}
.panel,.stat,.employee-card{border-color:var(--line);box-shadow:0 2px 5px #26324703;border-radius:12px}.panel-heading h2{font-size:.96rem}.panel-heading p{font-size:.73rem;color:#8993a3}.labelchip{background:#fafbfc;color:#8a94a3}
.btn{border-radius:8px;min-height:38px;font-size:.82rem;font-weight:500;transition:background .15s,border-color .15s}.btn.primary{box-shadow:0 3px 7px #e9002412}.btn.green{background:var(--green);border-color:var(--green)}.btn.green:hover{background:#126f4d}.iconbtn{border-radius:8px}.iconbtn.copy{color:#98a1af}.iconbtn.copy:hover{color:#c92841;background:#fff0f2}
.period{padding:8px 10px;min-height:38px;border-radius:8px;border-color:#e1e6ee}.period select{font-size:.8rem;color:#647187}.dateinput,.field{border-radius:8px}.searchbox{border-radius:8px;background:#f8fafc;border-color:#e6ebf2;width:320px;padding:8px 11px}.searchbox:focus-within{border-color:#ed8d9b;box-shadow:0 0 0 3px #fff1f3}.searchbox input{font-size:.83rem}.sortbtn{font-size:.76rem}.recordscount{font-size:.75rem;color:#8993a3}
.toolbar{gap:14px}.tablewrap{scrollbar-width:thin;scrollbar-color:#d1d8e2 transparent}#listRegion table{font-size:.79rem}#listRegion th{font-size:.7rem;background:#f8fafc;color:#7d8798;font-weight:500;padding:10px!important}#listRegion td{padding:8px 10px!important}#listRegion tbody tr{height:62px}#listRegion tbody tr:hover{background:#fcfcfe}
.awbcell{min-width:153px}.awbcell strong,.awbcell .awb{font-size:.79rem;font-weight:600}.productcell{min-width:125px;max-width:230px}.producttext{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.5}.moneycell{white-space:nowrap;font-variant-numeric:tabular-nums}.statuscell{min-width:113px}.statuscell .sub{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkcell{width:34px!important;min-width:34px!important}input[type="checkbox"]{accent-color:var(--red);width:15px;height:15px}
.status{border-radius:6px;font-weight:500;gap:5px;font-size:.66rem;white-space:nowrap}.status.contact{background:#fff0f2;color:#d32943}.status.processing{background:#fff6d8;color:#95700e}.status.completed{background:#e8f6ef;color:#187c55}.status.deleted{background:#eceef1;color:#343a44}
.action-group{justify-content:flex-end;gap:5px}.actions-heading{text-align:right!important}.action-group .iconbtn{width:29px;height:32px}.action-group .iconbtn svg{width:16px;height:16px}.row-action{background:#fff;font-size:.71rem;padding:6px 8px;min-height:32px;gap:5px;border-color:#e2e7ee}.row-action svg{width:15px;height:15px}.send-tick,.complete-tick{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:8px}.complete-tick svg{width:20px;height:20px}
.phone-button,.phone-button.is-revealed{grid-template-columns:12px 103px 13px;width:140px;min-width:140px;max-width:140px;gap:5px;color:#65748a}.inline-phone-number{width:103px;font-size:12px}.phone-button svg,.phone-button .spinner{width:13px;height:13px}.phone-button.is-revealed{color:#263c59}
.pagination{border-top:1px solid var(--line);background:#fff;font-size:.74rem;min-height:48px}.pagebutton{border-radius:7px;border-color:#e4e9f0;width:30px;height:30px}.pagebutton:hover:not(:disabled){background:#fff1f3;color:#d32943}.pagefoot{color:#9aa3b0;font-size:.65rem}.export-link{color:#8b95a4;font-size:.74rem}
.statlabel{font-size:.78rem}.stat-icon{width:31px;height:31px;border-radius:9px}.stat-icon svg{width:18px;height:18px}.statfoot{font-size:.7rem;line-height:1.5}.statvalue{font-variant-numeric:tabular-nums;letter-spacing:-1px}.statvalue small{font-size:.7rem}.stat:hover{transform:translateY(-1px);box-shadow:0 4px 14px #26324707}.stat.completed .statvalue{color:#19865f}
.chart{background:repeating-linear-gradient(to top,transparent,transparent 31px,#f0f3f7 31px,#f0f3f7 32px)}.chartlabel,.chartlegend{font-size:.68rem}.chartlegend{gap:14px}.bar{border-radius:4px 4px 0 0}.quickcard strong{font-size:.83rem}.quickcard small{font-size:.73rem}.quickicon{width:35px;height:35px;flex:none}.quickicon svg{width:18px;height:18px}
.employee-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.employee-title h2{font-size:.95rem}.employee-card{padding:20px}.employee-avatar{width:40px;height:40px;border-radius:11px}.employee-metrics{gap:18px}.employee-metrics small{font-size:.7rem}.employee-metrics strong{font-size:1.1rem}.employee-cardfoot{font-size:.7rem}.employee-toolbar{margin-bottom:16px}.employee-detail .employee-title{gap:14px}.employee-controls .btn{min-height:34px;font-size:.77rem}.employee-delete:hover{background:#ffecef}
.modal-dialog{border:1px solid #e6eaf1;border-radius:14px}.dialog-head{padding:18px 22px}.dialog-head h2{font-size:1rem}.dialog-body{padding:22px;font-size:.85rem}.dialog-foot{padding:14px 22px;background:#fafbfc}.dialog-foot .btn{flex:0 1 auto;min-width:100px}.detail-dialog .dialog-foot{flex-wrap:wrap}.dialog-head .iconbtn{background:#f6f8fa}.employee-form input:focus,.employee-form select:focus{border-color:#e96f83}.employee-form label{font-size:.8rem}.empty{padding:38px 20px}.empty h3{font-size:.95rem}.empty p{font-size:.8rem;max-width:340px;margin:8px auto 0}
.login-brand{background:#e90024}.login-brand>.brand{font-size:1.15rem}.login-logohero .brand{font-size:clamp(1.3rem,2vw,1.9rem)}.login-form{width:360px}.login-form h2{font-size:1.65rem}.login-input{border-radius:9px}.login-form .primary{border-radius:9px}.login-meta{font-size:.68rem;letter-spacing:.8px}
@media(min-width:761px){.main{padding:18px 22px 12px}.heading{margin-bottom:16px}.heading h1{font-size:1.4rem}.sidebar{overflow-y:auto;scrollbar-width:thin}.sidebottom{margin-top:auto;padding-top:16px}#page{scrollbar-width:thin;scrollbar-color:#cdd5e0 transparent}#app[data-view="dashboard"] .cards{margin-bottom:12px;gap:12px}#app[data-view="dashboard"] .stat{padding:12px 15px}#app[data-view="dashboard"] .statvalue{font-size:1.7rem;margin:4px 0}#app[data-view="dashboard"] .panel-pad{padding:15px 18px}.dashboard-grid,.dashboard-bottom{gap:14px;margin-bottom:12px}.progressbody{margin:10px 0}.donut{width:100px;height:100px}.donut:before{inset:10px}.donut-center strong{font-size:1.6rem}.donut-center small{font-size:.66rem}.legendrow{font-size:.77rem;margin:10px 0}.progressnote{font-size:.7rem;padding-top:9px}.codvalue{font-size:1.85rem;margin:0 0 4px}.codsubtitle{font-size:.76rem}.codbar{margin:14px 0 12px}.amounts{margin-top:10px;gap:14px}.amounts small{font-size:.73rem;margin-bottom:4px}.amounts strong{font-size:1.05rem}.chart{height:clamp(100px,15dvh,145px);padding-top:17px;margin-top:8px}.quickcard{padding:10px 0}.dashboard-bottom .progressnote{padding-top:8px!important}.employee-days td{font-size:.81rem;padding:14px 16px}}
@media(min-width:761px) and (max-height:760px){#app[data-view="dashboard"] .panel-pad{padding:12px 15px}.heading{margin-bottom:12px}.stat-icon{width:28px;height:28px}.dashboard-grid .panel-heading p,.dashboard-bottom .panel-heading p{display:none}.dashboard-grid .panel-heading,.dashboard-bottom .panel-heading{margin-bottom:8px}.donut{width:88px;height:88px}.chart{height:105px}.quickcard{padding:9px 0}.dashboard-grid .progressnote{padding-top:7px}.pagefoot{margin-top:7px}}
@media(min-width:761px) and (max-width:1000px){.navlink{padding:12px 8px}.navlink[data-nav="processing"]{position:relative}.navlink [data-count="processing"]{display:block;position:absolute;top:3px;right:2px;font-size:.6rem;min-width:18px;padding:1px 4px}.main{padding:16px}.employee-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toplabel{display:none}}
@media(max-width:760px){body{background:#f5f6f9}.topbar{height:58px;padding:0 15px}.topbar .brand{font-size:.78rem;gap:8px}.topbar .brand-logo{width:30px;height:30px}.topaccount{gap:6px;font-size:.73rem}.avatar{width:27px;height:27px;font-size:.65rem}.topaccount .iconbtn{width:29px}.main{margin:58px 0 0;padding:20px 15px 100px;min-height:calc(100dvh - 58px);height:auto;overflow:visible}.content,#page{height:auto;overflow:visible}.eyebrow{font-size:.65rem}.heading{align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:18px}.heading h1{font-size:1.32rem}.heading .subtitle{font-size:.75rem;line-height:1.7}.heading-actions{margin-left:auto;gap:8px}.period{padding:7px 9px;min-height:36px}.period select{font-size:.76rem}.cards{gap:10px;margin-bottom:14px}.stat{padding:14px}.statlabel{font-size:.73rem;gap:4px}.statvalue{font-size:1.75rem;margin:8px 0}.statfoot{font-size:.65rem}.stat-icon{width:27px;height:27px}.stat-icon svg{width:16px}.panel-pad{padding:18px}.dashboard-grid,.dashboard-bottom{gap:14px}.panel-heading p{font-size:.72rem}.progressbody{gap:22px}.donut{width:115px;height:115px}.chart{height:155px}.quickcard{padding:13px 0}.toolbar{padding:12px;gap:12px}.searchbox{width:100%;padding:9px 11px}.searchbox input{font-size:16px}.toolbar .grow{flex-basis:100%}.workcard{padding:15px}.cardtop{gap:8px}.cardtop .row{min-width:0;gap:3px}.cardproduct{margin:12px 0;font-size:.85rem;line-height:1.65}.cardcustomer{font-size:.8rem;gap:8px}.cardbottom{padding-top:12px;gap:10px;flex-wrap:wrap}.cardbottom .row{margin-left:auto}.phone-button,.phone-button.is-revealed{height:40px;min-height:40px}.row-action,.complete-tick,.send-tick{min-height:40px}.complete-tick,.send-tick{min-width:40px}.mobilecards .iconbtn{min-width:36px;min-height:40px}.pagination{padding:12px;gap:8px}.pagination .pagebutton{width:36px;height:36px}.mobile-nav{gap:2px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;padding:6px 8px max(8px,env(safe-area-inset-bottom));box-shadow:0 -3px 16px #26324705}.mobile-nav button{flex:1 0 55px;min-height:49px;font-size:.59rem;gap:5px;border-radius:8px;padding:7px 3px}.mobile-nav button.active{background:#fff0f2;color:#d5233d}.mobile-nav svg{width:19px;height:19px}.employee-grid{grid-template-columns:1fr}.employee-card{padding:19px}.employee-metrics{gap:18px 12px}.employee-toolbar .small{font-size:.72rem}.employee-toolbar .btn{font-size:.77rem}.dialog-head,.dialog-body{padding:18px}.dialog-foot{padding:12px 18px max(14px,env(safe-area-inset-bottom));gap:8px}.dialog-foot .btn{min-height:42px;flex:1;min-width:0}.employee-controls{gap:8px}.login-formwrap{padding:26px 24px}.login-mobilebrand .brand-logo{background:var(--red);border-radius:22px;padding:10px;width:112px;height:112px}.login-mobilebrand{margin-bottom:28px}.login-mobilebrand .brand{font-size:1rem}.login-form h2{font-size:1.4rem}.login-form{max-width:360px}.login-input input{font-size:16px}}

@media(max-width:760px){.mobile-nav button{flex:1 1 0;min-width:0;font-size:.57rem;white-space:nowrap}.mobile-nav{gap:0;padding-left:4px;padding-right:4px}.mobile-nav svg{width:18px;height:18px}}


/* Unified workspace theme. */
:root{--red:#d91938;--muted:#7d8593;--line:#e8ebf0;--green:#29845f;--control-radius:7px;color:#303744;background:#f5f6f8}
body{background:#f5f6f8}
.topbar{height:64px;padding:0 28px;background:linear-gradient(110deg,#be1732,#d91938 65%,#db2040);color:#fff;border:0;box-shadow:0 1px 5px #38111b0c;gap:24px}
.topbar .brand{gap:12px;font-size:.95rem;font-weight:700;letter-spacing:.3px;line-height:1.2;min-width:0}
.topbar .brand-logo{width:36px;height:36px;object-fit:contain;padding:0;background:none;border-radius:0;flex:none}
.topbar .toplabel{font-size:.7rem;color:#ffffffad;border-left-color:#ffffff30;margin-left:10px;padding-left:18px}
.topaccount{display:flex;align-items:center;gap:8px;font-size:.78rem}
.topbar :is([data-action="noticesettings"],.theme-toggle){height:38px;min-height:38px;padding:0 12px;margin:0;background:transparent;border:0;border-radius:8px;color:#fff;font-size:.77rem;font-weight:600;box-shadow:none}
.topbar :is([data-action="noticesettings"],.theme-toggle):hover{background:#ffffff1c}
.topaccount .notification-wrap{margin-right:0}
.header-user{display:flex;align-items:center;gap:10px;min-width:0}
.topbar .avatar{width:30px;height:30px;background:#ffffff24;border:1px solid #ffffff70;color:#fff;font-size:.67rem;font-weight:700}
.header-user-info{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}
.header-user-info strong{font-size:.81rem;font-weight:650;max-width:145px;overflow:hidden;text-overflow:ellipsis}
.header-user-info small{font-size:.67rem;color:#ffffffce}
.topbar [data-action="logout"]{width:38px;height:38px;min-width:38px;padding:0;margin-left:0;background:none;border:0;border-radius:8px;color:#ffffffd9}
.topbar [data-action="logout"]:hover{background:#ffffff16;color:#fff}
.topbar [data-action="logout"] svg{width:17px;height:17px}
.sidebar{background:#fff;border-right:1px solid var(--line)}
.navlink{color:#727b8a;font-size:.8rem;border-radius:8px}
.navlink:hover{background:#f6f7f9}.navlink.active{background:#fbebef;color:#be2941}
.navlink.active:hover{background:#f8e2e8}.navlink.active:before{background:#c92240;width:3px;height:22px}
.navnum{background:#f1f3f6;color:#8c94a0;font-weight:500}.active .navnum{color:#c92240}
[data-count="processing"],.active [data-count="processing"]{background:#d91938;box-shadow:none;font-size:.68rem;padding:2px 6px}
h1{color:#303744;font-size:1.4rem;font-weight:600;letter-spacing:-.4px}
.subtitle{color:#89909c;font-size:.78rem}.eyebrow{color:#a0a6b0;font-size:.67rem}
.panel,.stat,.employee-card{border:1px solid #e6e9ee;border-radius:10px;box-shadow:0 2px 8px #29344703}
.btn{min-height:36px;padding:8px 13px;border:1px solid #dfe4ec;border-radius:7px;background:#fff;color:#596575;font-size:.78rem;font-weight:500;box-shadow:none}
.btn:hover{background:#f6f8fa;border-color:#cdd5df}
.btn.primary{background:#d91938;border-color:#d91938;color:#fff}.btn.primary:hover{background:#be1732;border-color:#be1732}
.btn.green{background:#eaf5ef;border-color:#cfe5d9;color:#29845f}.btn.green:hover{background:#deefe5;border-color:#b8d8c7}
.btn.black{background:#3b424e;border-color:#3b424e;color:#fff}.btn.soft{background:#fcf0f3;border-color:#efd5dd;color:#bc415a}
.period,.dateinput,.field{border-color:#e0e5ec;border-radius:7px;background:#fff;color:#697486}
.toolbar{padding:14px 16px;gap:14px;background:#fff;border-bottom:1px solid var(--line)}
.searchbox{background:#f7f8fa;border-color:#e9edf2;border-radius:7px;padding:9px 11px}
.searchbox:focus-within{border-color:#d6a1af;box-shadow:0 0 0 2px #fbf0f3}
.searchbox input{font-size:.79rem}.sortbtn,.recordscount{font-size:.72rem;color:#8d95a1}
.action-group{gap:6px;align-items:center}
.action-group button,.cardbottom .row button{display:inline-flex;align-items:center;justify-content:center;height:36px;min-height:36px;border:1px solid #e0e5ec;border-radius:7px;background:#fff;color:#687589;box-shadow:none;flex-shrink:0;transition:background .15s,border-color .15s}
.action-group .row-action,.cardbottom .row-action{padding:7px 10px;gap:6px;font-size:.72rem;font-weight:500}
.action-group .iconbtn,.action-group .send-tick,.action-group .complete-tick,.cardbottom .iconbtn,.cardbottom .send-tick,.cardbottom .complete-tick{width:36px;min-width:36px;padding:0}
.action-group button:hover,.cardbottom .row button:hover{background:#f6f8fa;border-color:#cdd5df;transform:none}
.action-group .send-tick,.action-group .complete-tick,.cardbottom .send-tick,.cardbottom .complete-tick{background:#eaf5ef;border-color:#cfe5d9;color:#29845f}
.action-group .send-tick:hover:not(:disabled),.action-group .complete-tick:hover,.cardbottom .send-tick:hover:not(:disabled),.cardbottom .complete-tick:hover{background:#deefe5;border-color:#b8d8c7}
.action-group [data-action="trash"],.action-group [data-action="purge"],.cardbottom [data-action="trash"],.cardbottom [data-action="purge"]{background:#fff;border-color:#e0e5ec;color:#9199a5}
.action-group [data-action="trash"]:hover,.action-group [data-action="purge"]:hover,.cardbottom [data-action="trash"]:hover,.cardbottom [data-action="purge"]:hover{background:#fcf0f3;border-color:#efd5dd;color:#bc415a}
.action-group .send-tick:disabled,.cardbottom .send-tick:disabled{background:#f5f6f8;border-color:#e9edf2;color:#c0c7d0;opacity:1;cursor:not-allowed}
.action-group .row-action svg,.action-group .iconbtn svg,.cardbottom .row-action svg,.cardbottom .iconbtn svg{width:16px;height:16px}
.action-group .send-tick svg,.cardbottom .send-tick svg{width:18px;height:18px}
.action-group .complete-tick svg,.cardbottom .complete-tick svg{width:21px;height:21px}
.status{font-size:.65rem;padding:4px 7px;border-radius:5px}
.status.contact{background:#fbebef;color:#ba3953}.status.processing{background:#faf2da;color:#947522}.status.completed{background:#eaf5ef;color:#29845f}
.pagination{background:#fff;border-top:1px solid #e8ebf0;min-height:48px}
.pagebutton{border-color:#e6eaf0;border-radius:6px;color:#778293}
.phone-button,.phone-button.is-revealed{width:128px;min-width:128px;max-width:128px;grid-template-columns:12px 88px 12px;gap:5px}
.inline-phone-number{width:88px;font-size:11px}
.send-dialog{width:340px;max-width:calc(100vw - 32px)}
.send-dialog .dialog-head{padding:14px 16px}.send-dialog .dialog-body{padding:12px 16px}
.send-dialog .dialog-foot{padding:12px 16px;gap:8px}.send-dialog .dialog-foot .btn{flex:1;min-width:0}
.send-awbs{max-height:240px;overflow:auto}
.send-awb{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;font-size:.84rem}
.send-awb+.send-awb{border-top:1px solid var(--line)}
.clip-state{display:grid;place-items:center;width:24px;height:24px;flex:none}
.clip-state.ready{color:#29845f}.clip-state.missing{color:#c92240}
.send-warning{font-size:.75rem;color:#bc415a;margin-top:8px}
.send-dialog [aria-disabled="true"]{background:#f5f6f8;border-color:#e9edf2;color:#c0c7d0;box-shadow:none}
@keyframes qc-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.send-dialog.shake{animation:qc-shake .3s ease}
@media(min-width:761px){
 #listRegion table{table-layout:fixed;width:100%;min-width:760px;height:auto!important}
 #listRegion th{background:#f8f9fb;color:#8b94a2;font-size:.67rem;font-weight:500;padding:11px 12px!important;border-bottom:1px solid #e8ebf0}
 #listRegion td{padding:12px!important;border-bottom:1px solid #eef0f4;vertical-align:middle}
 #listRegion tbody tr{height:72px}#listRegion tbody tr:last-child td{border-bottom:0}#listRegion tbody tr:hover{background:#fafbfc}
 #listRegion .awbcell{min-width:0}.awbcell .awblink{font-size:.76rem;font-weight:600;white-space:nowrap}
 #listRegion .productcell{min-width:0;max-width:none}
 #listRegion .customer{font-size:.76rem;color:#536175}
 #listRegion .sub{color:#98a0ac;font-size:.65rem;margin-top:5px}
 #listRegion .producttext{font-size:.74rem;color:#667184;line-height:1.5}
 #listRegion .moneycell{font-size:.77rem;color:#384152}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="deleted"]) #listRegion .work-table th:nth-child(1){width:30px}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="deleted"]) #listRegion .work-table th:nth-child(2){width:165px}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="deleted"]) #listRegion .work-table th:nth-child(3){width:142px}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="deleted"]) #listRegion .work-table th:nth-child(5){width:78px}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="deleted"]) #listRegion .work-table th:nth-child(6){width:112px}
 #app[data-view="contact"] #listRegion .work-table th:nth-child(7){width:250px}
 #app[data-view="contact"] #listRegion table{min-width:930px}
 #app[data-view="processing"] #listRegion .work-table th:nth-child(7){width:168px}
 #app[data-view="deleted"] #listRegion .work-table th:nth-child(7){width:104px}
 #listRegion .tablewrap{scrollbar-width:thin;scrollbar-color:#dce1e9 transparent}
 .main{padding:22px 24px 12px}
 .heading{margin-bottom:20px}
}
@media(min-width:761px) and (max-width:1200px){
 .sidebar{width:76px;padding:24px 8px}.main{margin-left:76px;padding:22px 20px 12px}
 .sidebar .navtext,.sidebar .navlabel,.sidebar .sidebottom{display:none}
 .sidebar .navlink{justify-content:center;padding:13px 8px;min-height:46px}
 .sidebar .navnum{position:absolute;top:4px;right:3px;font-size:.58rem;min-width:17px;padding:1px 4px}
 .sidebar .navdivider{margin:18px 10px}.topbar .toplabel{display:none}
 #app[data-view="contact"] #listRegion table{min-width:870px}
 #app[data-view="contact"] #listRegion .work-table th:nth-child(2){width:155px}
 #app[data-view="contact"] #listRegion .work-table th:nth-child(3){width:132px}
 #app[data-view="contact"] #listRegion .work-table th:nth-child(6){width:100px}
 #app[data-view="contact"] #listRegion .work-table th:nth-child(7){width:236px}
}
@media(max-width:760px){
 .topbar{height:58px;padding:0 16px;gap:10px}.topbar .brand{font-size:.74rem;gap:8px;letter-spacing:0}.topbar .brand-logo{width:30px;height:30px}.topbar .toplabel{display:none}
 .topbar :is([data-action="noticesettings"],.theme-toggle){height:30px;min-height:30px;padding:0 8px;margin-right:10px;font-size:.7rem}
 .header-user{padding-left:10px;gap:0}.header-user-info{display:none}.topbar .avatar{width:28px;height:28px}
 .topbar [data-action="logout"]{margin-left:8px;width:28px;min-width:28px}
 .cardbottom .row{gap:6px}.cardbottom .row button{height:40px;min-height:40px}
 .cardbottom .iconbtn,.cardbottom .send-tick,.cardbottom .complete-tick{width:40px;min-width:40px}
 .workcard{padding:18px}.cardproduct{color:#667184}.mobile-nav button.active{background:#fbebef;color:#be2941}
 .dialog-foot .btn{min-height:42px}
}

/* Cross-page layout corrections and connection console. */
.login-brand{background:linear-gradient(135deg,#a91430,#d91938 70%,#df3651)}
.login-formwrap{background:#fafbfc}.login-form .primary{background:#d91938;border-color:#d91938;color:#fff}.login-form .primary:hover{background:#be1732}.login-input:focus-within{border-color:#cf6478;box-shadow:0 0 0 3px #faedf0}.login-mobilebrand .brand-logo{background:#c61b36}
.navnum,[data-count="processing"],.active [data-count="processing"]{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;border-radius:6px;font-size:.68rem;font-weight:600;box-shadow:none}
.navnum{background:#f1f3f6;color:#818b9a}.active .navnum{background:#fff;color:#be2941}
[data-count="processing"],.active [data-count="processing"]{background:#f9e4e9;color:#bc2946}
.action-group{flex-wrap:nowrap;gap:6px;min-width:max-content}
.statuscell .sub{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.awbcell .row{flex-wrap:nowrap}.awbcell .copy{flex-shrink:0}
.employee-controls,.heading-actions,.bulkbar{flex-wrap:wrap;gap:8px}.employee-card{min-width:0}.employee-title>div{min-width:0}.employee-title h2{overflow-wrap:anywhere}
.dialog-foot{flex-wrap:wrap;gap:8px}.dialog-foot .btn{min-height:38px}
@media(min-width:761px){
 .content{max-width:1480px}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #page>.panel{flex:0 1 auto;min-height:0}
 #listRegion{flex:0 1 auto;min-height:0}#listRegion .tablewrap{flex:0 1 auto;min-height:0}
 #listRegion th,#listRegion td{box-sizing:border-box}
 #listRegion .statuscell{min-width:0;white-space:normal}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="deleted"]) #listRegion .work-table th:nth-child(2){width:184px}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="deleted"]) #listRegion .work-table th:nth-child(3){width:156px}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="deleted"]) #listRegion .work-table th:nth-child(5){width:88px}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="deleted"]) #listRegion .work-table th:nth-child(6){width:160px}
 #app[data-view="contact"] #listRegion .work-table th:nth-child(7){width:280px}
 #app[data-view="processing"] #listRegion .work-table th:nth-child(7){width:190px}
 #app[data-view="deleted"] #listRegion .work-table th:nth-child(7){width:156px}
 #app[data-view="contact"] #listRegion table{min-width:1080px}
 #app[data-view="processing"] #listRegion table{min-width:980px}
 #app[data-view="deleted"] #listRegion table{min-width:940px}
 #app[data-view="completed"] #listRegion table{min-width:940px}
 #app[data-view="completed"] #listRegion .work-table th:nth-child(1){width:188px}#app[data-view="completed"] #listRegion .work-table th:nth-child(2){width:140px}#app[data-view="completed"] #listRegion .work-table th:nth-child(4){width:90px}#app[data-view="completed"] #listRegion .work-table th:nth-child(5){width:140px}#app[data-view="completed"] #listRegion .work-table th:nth-child(6){width:150px}#app[data-view="completed"] #listRegion .work-table th:nth-child(7){width:104px}
 #app[data-view="completed"] td:nth-child(6){overflow-wrap:anywhere}
 .pagination,.toolbar,.bulkbar{flex-shrink:0}
}
.modal-dialog.feishu-dialog{width:1060px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);padding:0;overflow:auto;border-radius:14px}
.feishu-dialog .dialog-head{padding:20px 24px}.feishu-dialog .dialog-body{padding:24px}.feishu-dialog .dialog-foot{padding:16px 24px;position:sticky;bottom:0;z-index:2;background:#fafbfc}
.feishu-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.3fr);gap:28px;align-items:stretch}
.feishu-settings{min-width:0}.feishu-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.feishu-section-title h3{font-size:.9rem}
.connection-state{padding:4px 8px;background:#f3f4f6;color:#808895;border-radius:5px;font-size:.67rem}.connection-state.ready{background:#eaf5ef;color:#29845f}
.feishu-description{font-size:.76rem;color:#8892a1;line-height:1.7;margin:10px 0 22px}
.feishu-fields{display:grid;gap:17px}.feishu-fields label{display:grid;gap:7px;font-size:.78rem;color:#5b6678}.feishu-fields .field{width:100%;min-width:0;margin:0;min-height:42px;padding:10px 12px;font-size:.8rem}.feishu-fields input{font-family:Consolas,'IBM Plex Sans Thai',monospace}
.feishu-console{display:flex;flex-direction:column;min-width:0;background:#18212f;color:#c5d0df;border:1px solid #273346;border-radius:10px;overflow:hidden}
.feishu-console-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;background:#202b3b;border-bottom:1px solid #303c4f}
.feishu-console-head>div{display:flex;align-items:center;gap:9px}.feishu-console-head h3{font-size:.8rem;color:#e0e7f1;font-weight:500}.feishu-console-head>span{font-size:.65rem;color:#8998ae}.console-dot{width:7px;height:7px;background:#75c9a4;border-radius:50%}
.feishu-log-scroll{min-height:320px;max-height:430px;overflow:auto;padding:6px 18px 16px;scrollbar-width:thin;scrollbar-color:#455267 transparent;font-family:Consolas,'IBM Plex Sans Thai',monospace}
.feishu-log-entry{padding:14px 0;border-bottom:1px solid #2a3546;font-size:.74rem;line-height:1.65}.feishu-log-entry:last-child{border-bottom:0}
.feishu-log-meta{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:5px}.feishu-log-meta time{color:#8291a7;font-size:.65rem}.log-level{color:#96a8c1;font-size:.66rem;letter-spacing:.5px}
.log-sent .log-level{color:#83d6ad}.log-failed .log-level{color:#ff8f9f}.log-pending .log-level{color:#e7c583}.log-sending .log-level{color:#82c9ed}.log-cancelled .log-level{color:#b4a4d4}
.feishu-log-message{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:9px;row-gap:2px}.log-prompt{color:#64778f}.feishu-log-message strong{color:#92c9f5;font-weight:500}.feishu-log-message>span:last-child{color:#c1ccda;font-size:.72rem}
.log-error{color:#ee99a5;overflow-wrap:anywhere;white-space:pre-wrap;margin:7px 0 0;font-size:.69rem}
.feishu-console .log-retry{background:#263547;border-color:#42546b;color:#d6e4f6;min-height:30px;padding:4px 9px;margin-top:10px;font-size:.69rem}.feishu-console .log-retry:hover{background:#33455d}
.feishu-console-foot{padding:10px 18px;border-top:1px solid #303c4f;color:#8090a6;font-size:.65rem;margin-top:auto}.log-empty{color:#8ea1b9;padding:20px 0;font-size:.76rem}
@media(max-width:760px){.modal-dialog.feishu-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.feishu-dialog .dialog-head,.feishu-dialog .dialog-body{padding:18px}.feishu-dialog .dialog-foot{padding:12px 18px}.feishu-layout{grid-template-columns:minmax(0,1fr);gap:22px}.feishu-log-scroll{min-height:220px;max-height:300px}.feishu-fields{gap:14px}.feishu-fields .field{font-size:16px}.cardbottom .row{flex-wrap:wrap}.cardtop{flex-wrap:wrap}.cardcustomer{flex-wrap:wrap}}
/* Light Feishu activity log and visible save confirmation. */
.feishu-console{background:#fff;color:#384354;border:1px solid #e4e8ee;box-shadow:0 2px 8px #28364a06}
.feishu-console-head{background:#fafbfc;border-bottom:1px solid #e7ebf0}.feishu-console-head h3{color:#394354}.feishu-console-head>span{color:#8993a1}
.console-dot{background:#42a578;box-shadow:0 0 0 3px #e5f4ec}.feishu-log-scroll{scrollbar-color:#d8dee7 transparent}
.feishu-log-entry{border-bottom-color:#edf0f4}.feishu-log-meta time{color:#929baa}.log-level{color:#8792a0}
.log-sent .log-level{color:#218256}.log-failed .log-level{color:#c84358}.log-pending .log-level{color:#a07825}.log-sending .log-level{color:#397ca0}.log-cancelled .log-level{color:#8270a2}
.feishu-log-message strong{color:#3477a9}.feishu-log-message>span:last-child{color:#566174}.log-prompt{color:#98a2b0}
.log-error{color:#bd4054}.feishu-console .log-retry{background:#f6f8fa;border-color:#dfe5ec;color:#526176}.feishu-console .log-retry:hover{background:#eef2f6}
.feishu-console-foot{border-top-color:#e7ebf0;color:#929baa}.log-empty{color:#8994a3}
.dialog-foot .btn.saved{background:#eaf5ef;border-color:#cfe5d9;color:#29845f;box-shadow:none}
/* Match send and completion check controls across both workflow menus. */
.action-group .send-tick,.action-group .complete-tick,.cardbottom .send-tick,.cardbottom .complete-tick{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:1px solid #cfe5d9;border-radius:7px;background:#eaf5ef;color:#29845f;box-shadow:none;transform:none}
.action-group .send-tick svg,.action-group .complete-tick svg,.cardbottom .send-tick svg,.cardbottom .complete-tick svg{width:18px;height:18px}
.action-group .send-tick:disabled,.cardbottom .send-tick:disabled{background:#f1f3f6;border-color:#e3e7ed;color:#b7c0cb;opacity:1}
.action-group .send-tick:hover:not(:disabled),.action-group .complete-tick:hover,.cardbottom .send-tick:hover:not(:disabled),.cardbottom .complete-tick:hover{background:#deefe5;border-color:#b8d8c7}
@media(max-width:760px){.cardbottom .send-tick,.cardbottom .complete-tick{width:40px;height:40px;min-width:40px;min-height:40px}}
/* Compact, shared confirmation and single-line Feishu activity rows. */
.modal-dialog.confirm-compact{width:440px;max-width:calc(100vw - 32px)}
.confirm-compact .dialog-body{padding:14px 18px}.confirm-line{max-height:260px;overflow:auto}
.confirm-row{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 4px;font-size:.78rem;color:#778294}
.confirm-row+.confirm-row{border-top:1px solid #edf0f4}.confirm-row strong{color:#343d4b;font-family:Inter, sans-serif;font-size:.76rem;font-weight:600;white-space:nowrap}.confirm-compact .dialog-foot{padding:12px 18px}.confirm-compact .dialog-foot .btn{min-width:90px}
.feishu-dialog .dialog-body{padding:18px}.feishu-layout{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:20px}
.feishu-log-scroll{min-height:220px;max-height:330px;padding:4px 14px}
.feishu-log-entry{padding:0;border:0!important;border-bottom:1px solid #edf0f4!important}
.feishu-log-message{min-height:40px;display:flex;align-items:center;flex-wrap:nowrap;gap:8px;white-space:nowrap;overflow:hidden}
.feishu-log-message strong{flex:0 0 auto;font-size:.7rem}.feishu-log-message>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}
.feishu-log-message .log-retry{flex:none;margin:0 0 0 auto;min-height:26px;padding:3px 7px;font-size:.64rem}
@media(max-width:760px){.feishu-layout{grid-template-columns:minmax(0,1fr);gap:14px}.feishu-log-scroll{min-height:150px;max-height:220px}.feishu-dialog .dialog-body{padding:16px}.confirm-row{flex-wrap:wrap}}
/* Match status counts and processing badge to their workflow colors. */
.stat.contact .statvalue{color:#d91938}
.stat.processing .statvalue{color:#b98a19}
.stat.completed .statvalue{color:#29845f}
.stat.deleted .statvalue{color:#4d5562}
.navlink [data-count="processing"],.navlink.active [data-count="processing"]{display:inline-flex;align-items:center;justify-content:center;background:#d91938;color:#fff;border-radius:6px;font-weight:600;box-shadow:none}
/* One shared data grid across contact, processing, completed, and deleted. */
@media(min-width:761px){
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion table{width:100%;min-width:1120px!important;table-layout:fixed}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion th:nth-child(1),
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion td:nth-child(1){width:32px;min-width:32px;max-width:32px;padding-left:10px!important;padding-right:4px!important}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion th:nth-child(2){width:180px}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion th:nth-child(3){width:160px}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion th:nth-child(5){width:90px}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion th:nth-child(6){width:170px}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion th:nth-child(7){width:260px}
 #app[data-view="completed"] #listRegion td.statuscell .sub{white-space:normal;line-height:1.5}
 #app[data-view="completed"] #listRegion .action-group{justify-content:center}
}
/* Use one list presentation whenever the desktop grid cannot fit. */
@media (min-width:761px) and (max-width:1240px){
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion>.tablewrap{display:none!important}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion>.mobilecards{display:block!important;padding:0 18px}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion .workcard{padding:16px 0;border-bottom:1px solid var(--line)}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion .cardtop{display:flex;align-items:center;justify-content:space-between;gap:8px}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion .cardtop .row{display:flex;align-items:center;gap:6px;min-width:0}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion .selection-spacer{display:inline-block;width:16px;min-width:16px}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion .cardproduct{margin:10px 0;color:#4c5463;font-size:.85rem;line-height:1.65}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion .cardcustomer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:.8rem;color:#687386}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion .cardcustomer .phone-button{margin:0}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion .cardbottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #f0f2f5}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion .cardbottom>.row{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
 #app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion .cardbottom .sub{font-size:.7rem}
}

#app:is([data-view="contact"],[data-view="processing"],[data-view="completed"],[data-view="deleted"]) #listRegion .selection-spacer{display:inline-block;width:16px;min-width:16px}


#listRegion tfoot{position:sticky;bottom:0;z-index:2}#listRegion tfoot td{background:#fff!important;border-top:1px solid var(--line);font-weight:600;padding:11px 10px!important}#listRegion tfoot .total-label{text-align:right}#listRegion tfoot .total-value{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.mobile-total{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--text)}.mobile-total span{font-size:.75rem}.mobile-total strong{font-size:.92rem;font-weight:600;font-variant-numeric:tabular-nums}

/* Shared column contract: all workflow pages use this single table. */
#app #listRegion .work-table{width:100%!important;min-width:0!important;max-width:100%;table-layout:fixed!important}
#app #listRegion .work-table th,#app #listRegion .work-table td{width:auto!important;min-width:0!important;max-width:none!important;box-sizing:border-box;padding:12px 10px!important;vertical-align:middle}
#app #listRegion .work-table .col-select{width:3%}#app #listRegion .work-table .col-awb{width:14%}#app #listRegion .work-table .col-customer{width:13%}#app #listRegion .work-table .col-product{width:24%}#app #listRegion .work-table .col-cod{width:10%}#app #listRegion .work-table .col-status{width:15%}#app #listRegion .work-table .col-actions{width:21%}
#app #listRegion .tablewrap{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}
#app #listRegion .work-table .checkcell{text-align:center;padding-left:6px!important;padding-right:6px!important}
#app #listRegion .work-table .action-group{min-width:0;max-width:100%;justify-content:flex-end;flex-wrap:wrap;gap:6px}
#app #listRegion .work-table .awbcell .row{min-width:0;gap:3px}#app #listRegion .work-table .awblink{min-width:0;overflow-wrap:anywhere;white-space:normal;text-align:left}
#app #listRegion .work-table .producttext{max-width:100%;overflow-wrap:anywhere}#app #listRegion .work-table .phone-button{max-width:100%;min-width:0}
#app #listRegion .work-table thead th{height:46px}#app #listRegion .work-table tbody tr{height:74px}
#app #listRegion .work-table th:nth-child(5),#app #listRegion .work-table .moneycell{text-align:right!important;white-space:nowrap;font-variant-numeric:tabular-nums}
#app #listRegion .work-table tfoot{position:sticky;bottom:0;z-index:3}#app #listRegion .work-table tfoot td{height:48px;background:#fff!important;border-top:1px solid #dce2eb;font-weight:600;box-shadow:0 -1px 0 #e6eaf0}
#app #listRegion .work-table tfoot .total-label{text-align:right}
#listRegion>.mobile-total{display:none}
.codvalue,.amounts strong,.employee-metrics strong,.report-tablewrap td:nth-child(3),.report-tablewrap td:nth-child(5){text-align:right;font-variant-numeric:tabular-nums}
.cardbottom>div:first-child{text-align:right;font-variant-numeric:tabular-nums;min-width:110px}
@media(max-width:1240px){#listRegion>.mobile-total{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0 18px;padding:14px 0;border-top:1px solid var(--line);border-bottom:0}#listRegion>.mobile-total strong{text-align:right}}

#app #page #listRegion table.work-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important}
.moneycell,.previewtable .moneycell{font-variant-numeric:tabular-nums;text-align:right!important}.datafield.money-field>div{text-align:right;font-variant-numeric:tabular-nums}

.donut.is-complete{background:#17966a!important}.donut.is-complete:before{background:transparent}.donut.is-complete .donut-center,.donut.is-complete .donut-center strong,.donut.is-complete .donut-center small{color:#fff}

.clip-ranking{list-style:none;margin:0;padding:0;display:grid;gap:12px}.clip-leaderboard .empty{padding:24px 12px}.clip-leaderboard .panel-heading{margin-bottom:16px}

/* Rounded controls preserve their existing dimensions and spacing. */
.searchbox,.period,.dateinput,.topbar :is([data-action="noticesettings"],.theme-toggle){border-radius:999px}

/* Admin completion notifications: click to inspect, with no toast or browser popup. */
.notification-wrap{position:relative;display:flex;align-items:center;margin-right:12px}
.notification-button{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;color:#fff;transition:background .15s ease}
.notification-button:hover,.notification-button[aria-expanded="true"]{background:#ffffff20}
.notification-button svg{width:20px;height:20px}
.notification-count{position:absolute;top:-3px;right:-4px;min-width:17px;height:17px;padding:0 4px;border:2px solid #c91c37;border-radius:999px;background:#fff;color:#c91c37;font-size:10px;font-weight:700;line-height:13px;text-align:center}
.notification-panel{position:absolute;z-index:60;top:calc(100% + 14px);right:-10px;width:min(360px,calc(100vw - 24px));max-height:min(470px,72vh);overflow:hidden;border:1px solid #e3e6ec;border-radius:12px;background:#fff;color:#242832;box-shadow:0 12px 34px #1d24301f}
.notification-panel[hidden]{display:none!important}
.notification-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eceef2;font-size:.9rem}
.notification-heading span{color:#838995;font-size:.75rem}
.notification-list{max-height:min(400px,62vh);overflow-y:auto}
.notification-item{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 16px;border-bottom:1px solid #f0f1f4;text-align:left}
.notification-item:last-child{border-bottom:0}
.notification-item:hover{background:#f7f8fa}
.notification-item strong{font-size:.8rem;color:#202329}
.notification-item span{max-width:100%;overflow:hidden;color:#596170;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}
.notification-item small{font-size:.7rem;color:#9196a1}
.notification-empty{padding:24px 16px;text-align:center;color:#838995;font-size:.8rem}
@media(max-width:760px){.notification-wrap{margin-right:8px}.notification-button{width:30px;height:30px}.notification-panel{top:calc(100% + 13px);right:-42px}}
.notification-status{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.66rem;font-weight:700;line-height:1.4}
.notification-status.completed{background:#e8f5ef;color:#147c58}
.notification-status.rejected{background:#fff0f1;color:#cf2038}
.notification-item{align-items:stretch;gap:4px;padding:10px 14px;background:#fff}
.notification-item:nth-child(even){background:#fff}
.notification-item:hover{background:#f7f8fa}
.notification-item .notification-main{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;max-width:none;overflow:visible}
.notification-item .notification-main>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notification-item .notification-status{flex:none;max-width:none;overflow:visible;padding:3px 9px;font-size:.68rem;white-space:nowrap}
.notification-item>small{margin-left:0;font-size:.68rem}

.policy-dialog{width:min(560px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:min(760px,calc(100dvh - 32px));border:1px solid #e5e8ed;border-radius:14px;padding:0;color:#252b35;background:#fff;box-shadow:0 24px 80px #141b2b35}.policy-dialog::backdrop{background:#18202c88;backdrop-filter:blur(3px)}.policy-dialog[open]{display:flex;flex-direction:column}.policy-dialog__top{display:flex;align-items:flex-start;gap:15px;padding:24px 26px 16px}.policy-dialog__icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff1f3;color:var(--red)}.policy-dialog__icon svg{width:22px;height:22px}.policy-dialog__heading h2{font-size:1.1rem;font-weight:650;line-height:1.5}.policy-dialog__heading p{font-size:.78rem;color:#8992a0;margin-top:4px}.policy-dialog__body{padding:0 26px 22px;overflow-y:auto;line-height:1.8;font-size:.88rem;color:#535c6a}.policy-dialog__body p+p{margin-top:12px}.policy-dialog__body strong{color:#343b47;font-weight:600}.policy-dialog__version{margin-top:17px!important;color:#969eaa;font-size:.74rem}.policy-dialog__foot{padding:15px 26px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}.policy-dialog__foot .btn{min-width:128px}.policy-dialog__error{font-size:.82rem;color:#bc1931;background:#fff1f3;border-radius:7px;padding:10px 12px;margin-top:14px}.policy-dialog__error:empty{display:none}@media(max-width:760px){.policy-dialog{max-height:calc(100dvh - 24px);border-radius:12px}.policy-dialog__top{padding:20px 19px 13px}.policy-dialog__body{padding:0 19px 18px;font-size:.84rem}.policy-dialog__foot{padding:13px 19px max(16px,env(safe-area-inset-bottom))}.policy-dialog__foot .btn{width:100%}}
.policy-dialog{border-radius:20px;overflow:hidden}
.policy-dialog__top{align-items:center;padding:21px 26px;background:var(--red);color:#fff}
.policy-dialog__icon{background:#ffffff20;border:1px solid #ffffff4a;color:#fff;border-radius:12px}
.policy-dialog__heading h2{color:#fff}
.policy-dialog__heading p{color:#ffffffc9}
.policy-dialog__foot{justify-content:center;padding:17px 24px 22px}
.policy-dialog__foot .btn{width:min(220px,100%);min-height:44px;border-radius:999px}
@media(max-width:760px){.policy-dialog{border-radius:18px}.policy-dialog__top{padding:19px}.policy-dialog__foot{padding:15px 19px max(16px,env(safe-area-inset-bottom))}.policy-dialog__foot .btn{width:100%}}

.policy-dialog{width:min(540px,calc(100vw - 28px));border-radius:18px}
.policy-dialog__top{gap:13px;padding:18px 25px}
.policy-dialog__icon{width:32px;height:32px;border:0;border-radius:0;background:none}
.policy-dialog__icon .brand-logo{width:32px;height:32px;object-fit:contain;padding:0;background:none;border-radius:0}
.policy-dialog__heading h2{font-size:1.03rem;line-height:1.35}
.policy-dialog__heading p{margin-top:3px;font-size:.75rem}
.policy-dialog__body{padding:18px 26px 16px;font-size:.86rem;line-height:1.75}
.policy-dialog__body p+p{margin-top:13px}
.policy-dialog__body strong{display:block;margin-bottom:2px;font-size:.82rem;font-weight:650;color:#303947}
.policy-dialog__body .policy-dialog__ack-note{padding-top:12px;border-top:1px solid #eceff3;color:#505c6c}
.policy-dialog__version{margin-top:11px!important}
.policy-dialog__foot{padding:13px 20px 16px}
.policy-dialog__foot .btn{width:124px;min-width:0;min-height:38px;padding:7px 16px;border-radius:999px;font-size:.82rem}
@media(max-width:760px){
 .policy-dialog{width:calc(100vw - 28px);border-radius:16px}
 .policy-dialog__top{padding:17px 20px}
 .policy-dialog__body{padding:17px 20px 14px;font-size:.84rem}
 .policy-dialog__foot{padding:12px 20px max(15px,env(safe-area-inset-bottom))}
 .policy-dialog__foot .btn{width:124px}
}

.claim-control{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:7px;min-width:0}
.claim-button{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:3px 11px;border:1px solid #173554;border-radius:999px;background:#173554;color:#fff;font-size:.72rem;font-weight:600;white-space:nowrap}
.claim-button:hover{background:#244769;border-color:#244769}
.claim-button.is-limit,.claim-button.is-limit:hover{border-color:#e1e5eb;background:#eef0f3;color:#a5adb8;cursor:not-allowed}
.claim-button.is-release{border-color:#dce1e8;background:#eef0f3;color:#5f6875}
.claim-button.is-release:hover{background:#e5e9ee;border-color:#d4dae2}
.claim-label{font-size:.72rem;line-height:1.4;color:#7b8492;overflow-wrap:anywhere}
.claim-label.mine{color:#173554;font-weight:600}
.claim-age{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:#f1f4f7;color:#637184;font-size:.68rem;line-height:1.2;white-space:nowrap}
.claim-age.stale{background:#fff2d9;color:#956310}
.workcard .claim-control{margin-top:10px}
.detail-dialog .claim-control,.dialog-body .section>.claim-control{margin:0 0 16px}

.employee-detail .employee-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.employee-days table{min-width:0;width:100%}
.employee-days th:nth-child(n+2),.employee-days td:nth-child(n+2){text-align:right}

.topbar .profile-trigger{position:relative;min-height:40px;padding:5px 12px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer;transition:background .15s}
.topbar .profile-trigger:hover{background:#ffffff17}
.topbar .profile-trigger.active::after{content:'';position:absolute;left:12px;right:12px;bottom:-8px;height:2px;border-radius:2px;background:#fff}
.topbar .profile-trigger .avatar{width:30px;height:30px;background:#ffffff24;border:1px solid #ffffff70;color:#fff}
.profile-page{max-width:1000px;margin:0 auto}
.profile-intro{display:flex;align-items:center;justify-content:space-between;margin:10px 0 24px;padding-bottom:18px;border-bottom:1px solid #e2e6ec}
.profile-intro h1{font-size:1.5rem;line-height:1.35}
.profile-intro p{margin-top:5px;color:#818b9b;font-size:.8rem}
.profile-intro p span{padding:0 5px;color:#aeb5bf}
.profile-period{margin-bottom:25px}
.profile-period-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}
.profile-period-head>div:first-child>span{display:inline-block;padding:3px 9px;margin-bottom:7px;border-radius:999px;background:var(--profile-soft);color:var(--profile-accent);font-size:.72rem;font-weight:700}
.profile-period-head h2{font-size:1.05rem;font-weight:650;color:#293240}
.profile-period-controls{display:flex;align-items:center;gap:7px}
.profile-period-controls button{width:34px;height:34px;border:1px solid #dfe3e9;border-radius:8px;background:white;color:#657181;font-size:1.45rem;line-height:1}
.profile-period-controls button:hover:not(:disabled){background:#f4f6f8}
.profile-period-controls input{height:34px;min-width:140px;border:1px solid #dfe3e9;border-radius:8px;background:white;color:#445060;padding:5px 8px;font-size:.78rem}
.profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.profile-stat{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:122px;padding:17px 20px 16px;border:1px solid #e5e9ee;border-left:3px solid var(--profile-accent);border-radius:12px;background:linear-gradient(135deg,var(--profile-soft),#fff 76%);box-shadow:0 3px 12px #1e26300b}
.profile-stat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#606d7d;font-size:.81rem;font-weight:600}
.profile-stat-icon{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:9px;background:#ffffffb8;color:var(--profile-accent)}
.profile-stat-icon svg{width:16px;height:16px}
.profile-stat-count{margin:10px 0 0;color:var(--profile-accent);font-size:2.1rem;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
.profile-stat-count small{font-size:.72rem;color:#7d899a;font-weight:500}
.profile-period.is-monthly .profile-stat{border-color:#202329;background:#202329;box-shadow:0 4px 16px #1c253026}
.profile-period.is-monthly .profile-stat-head,.profile-period.is-monthly .profile-stat-count small{color:#c7ced7}
.profile-period.is-monthly .profile-stat-count{color:white}
.profile-period.is-monthly .profile-stat-icon{background:#ffffff20;color:white}
@media(max-width:760px){
 .topaccount{gap:4px}
 .topbar :is([data-action="noticesettings"],.theme-toggle){height:34px;min-height:34px;padding:0 8px;font-size:.69rem}
 .topbar .profile-trigger{width:36px;min-height:36px;padding:3px;justify-content:center}
 .topbar .profile-trigger .avatar{width:27px;height:27px}
 .topbar .profile-trigger.active::after{left:6px;right:6px;bottom:-9px}
 .topbar [data-action="logout"]{width:32px;height:34px;min-width:32px}
 .profile-page{max-width:100%}
 .profile-intro{margin:8px 0 24px}
 .profile-intro h1{font-size:1.35rem}
 .profile-period-head{align-items:flex-start;flex-direction:column;gap:10px}
 .profile-period-controls{width:100%}
 .profile-period-controls input{flex:1;min-width:0}
 .profile-stats{grid-template-columns:1fr;gap:10px}
 .profile-stat{padding:17px 18px 14px}
 .profile-stat-count{font-size:1.85rem}
}

/* Compact recipient address; full text expands only on request. */
.address-preview{max-width:260px;margin-top:3px;font-size:.75rem;line-height:1.5;color:#526277}
.address-preview summary{display:flex;align-items:baseline;gap:6px;min-width:0;list-style:none;cursor:pointer}
.address-preview summary::-webkit-details-marker{display:none}
.address-preview__line{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.address-preview__more,.address-preview__less{flex:none;color:#315a85;text-decoration:underline;text-underline-offset:3px}
.address-preview__less{display:none}
.address-preview[open] .address-preview__more{display:none}
.address-preview[open] .address-preview__less{display:inline}
.address-preview p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#34465b}
.address-preview summary:focus-visible{outline:2px solid #315a85;outline-offset:3px;border-radius:3px}
@media(max-width:760px){.workcard>.address-preview{max-width:100%;margin:7px 0;font-size:.8rem}.address-preview summary{min-height:32px;align-items:center}}


.phone-button .inline-phone-number{filter:none;text-shadow:none}

.topbar .brand-home{display:inline-flex;align-items:center;color:inherit;text-decoration:none;border-radius:4px}
/* Owner's cumulative import table. Scoped so operational lists keep their layout. */
.import-upload{margin-bottom:18px;border:1px solid var(--line,#e4e8ef);border-radius:12px;background:#fff}
.import-upload>summary{list-style:none;display:flex;align-items:center;gap:11px;padding:17px 21px;cursor:pointer;color:#263b54;font-size:.88rem;font-weight:600}
.import-upload>summary::-webkit-details-marker{display:none}
.import-upload>summary>svg{width:18px;height:18px;flex:none}
.import-upload>summary>svg:last-child{margin-left:auto;transition:transform .16s}
.import-upload[open]>summary>svg:last-child{transform:rotate(90deg)}
.import-upload>summary small{font-size:.77rem;font-weight:400;color:#737e8e}
.import-upload[open]>summary{border-bottom:1px solid var(--line,#e4e8ef)}
.import-upload-body{padding:18px;background:#f8f9fc;border-radius:0 0 12px 12px}
.import-data-panel{min-width:0;overflow:hidden}
.import-data-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:23px 24px 18px}
.import-data-head h2{display:flex;align-items:baseline;gap:15px;margin:0;font-size:1.02rem;color:#24384e}
.import-data-total{font-family:inherit;font-size:1.18rem;font-weight:650;font-variant-numeric:tabular-nums;color:#24384e}
.import-data-total small{font-size:.76rem;font-weight:400;color:#626f80}
.import-data-head p{margin:6px 0 0;color:#626f80;font-size:.77rem}
.import-data-actions{display:flex;gap:8px;align-items:center}
.import-data-actions .btn{font-size:.8rem;min-height:36px;padding:8px 15px;border-radius:999px}
.import-data-actions .btn:disabled{opacity:.43;cursor:default}
.import-data-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 24px 17px}
.import-data-tools .searchbox{width:320px;padding:9px 12px;border-radius:999px;background:#f6f8fb}
.import-data-drafts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.75rem;color:#626f80}
.import-data-drafts button{color:#a33d4c;font-size:.75rem;text-decoration:underline;text-underline-offset:3px}
.import-data-drafts button[hidden]{display:none}
.import-data-message{margin:0;padding:0 24px;font-size:.8rem;color:#19805f;line-height:1.7}
.import-data-message:not(:empty){padding-bottom:14px}
.import-data-message.is-error{color:#c31b3c}
.import-data-body{min-width:0;border-top:1px solid var(--line,#e4e8ef)}
.import-data-scroll{overflow:auto;max-height:600px;isolation:isolate;scrollbar-gutter:stable}
.import-data-table{min-width:1340px;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:.8rem}
.import-data-table thead th{position:sticky;top:0;z-index:2;background:#f5f7fa;color:#5d6b7f;border-bottom:1px solid #dfe5ed;border-right:1px solid #e6ebf1;padding:12px;font-size:.76rem;height:53px}
.import-data-table th small{display:block;font-size:.65rem;font-weight:400;color:#626f80;margin-top:2px}
.import-data-table .grid-col-awb{width:180px;left:0;z-index:4}
.import-data-table .grid-col-product{width:245px}
.import-data-table .grid-col-name{width:170px}
.import-data-table .grid-col-phone{width:165px}
.import-data-table .grid-col-address{width:295px}
.import-data-table .grid-col-cod{width:125px}
.import-data-table .grid-col-source{width:150px}
.import-data-table tbody th{position:sticky;left:0;z-index:1;background:#fff;padding:10px 12px;border-right:1px solid #dfe5ed;border-bottom:1px solid #e8edf3;vertical-align:middle}
.import-data-table tbody th strong{display:block;font-size:.77rem;font-weight:600;color:#243b54;overflow-wrap:anywhere}
.import-data-table tbody th .status{margin-top:7px;font-size:.65rem;padding:3px 7px;border-radius:5px}
.import-data-table tbody th .status.completed{color:#176e4e}
.import-data-table tbody th .status.processing{color:#765b13}
.import-data-table tbody td{padding:4px;border-right:1px solid #e8edf3;border-bottom:1px solid #e8edf3;background:#fff}
.import-data-table tbody tr.is-edited>th{box-shadow:inset 3px 0 #d81035;background:#fff5f7}
.import-data-table tbody tr.is-edited>td{background:#fffafb}
.import-data-table tbody tr:hover>td{background:#fafbfd}
.import-data-table input,.import-data-table textarea{display:block;box-sizing:border-box;width:100%;border:1px solid transparent;border-radius:5px;background:transparent;padding:10px 8px;font:inherit;color:#42536a;line-height:1.6;outline:none;box-shadow:none;min-width:0;min-height:42px}
.import-data-table textarea{resize:vertical;min-height:58px;max-height:160px;overflow:auto}
.import-data-table input:hover,.import-data-table textarea:hover{border-color:#dce3ed;background:#fff}
.import-data-table input:focus,.import-data-table textarea:focus{border-color:#bd1736;box-shadow:0 0 0 2px #fbe7ec;background:#fff}
.import-data-table input[type=number]{text-align:right;font-variant-numeric:tabular-nums;appearance:textfield}
.import-data-table input:invalid{border-color:#c31b3c}
.import-data-table input:disabled,.import-data-table textarea:disabled{opacity:.65;cursor:wait}
.import-data-pagination{border-top:1px solid #e4e8ef;background:#fff}
.import-data-pagination>span{color:#626f80}
.import-data-footnote{margin:0;padding:12px 24px;border-top:1px solid #edf0f5;color:#626f80;font-size:.72rem}
@media(max-width:760px){.import-upload>summary{padding:15px;gap:8px}.import-upload>summary small{display:none}.import-upload-body{padding:12px}.import-data-head{padding:18px 16px 14px;gap:14px}.import-data-head h2{font-size:.95rem;gap:12px}.import-data-head p{font-size:.72rem}.import-data-actions{width:100%}.import-data-actions .btn{flex:1;justify-content:center;font-size:.75rem}.import-data-tools{padding:0 16px 14px;gap:10px}.import-data-tools .searchbox{width:100%}.import-data-drafts{font-size:.7rem}.import-data-message{padding-left:16px;padding-right:16px}.import-data-scroll{max-height:550px}.import-data-footnote{padding:12px 16px;font-size:.66rem}.import-data-table .grid-col-awb{width:155px}.import-data-table tbody th{padding:9px}.import-data-table tbody th strong{font-size:.71rem}}

.submission-countdown{color:#bc1734;font-size:.75rem;font-weight:600;margin-top:5px}
.record-date{display:inline-flex;align-items:center;padding:2px 7px;border:1px solid #bc1836;border-radius:6px;background:#bc1836;color:#fff;font-weight:700;line-height:1.45;font-variant-numeric:tabular-nums;white-space:nowrap}

/* Focused work: one task, resumable from the brand dock. */

.task-dialog{width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 40px);border-radius:16px}.task-dialog .dialog-head{padding:20px 24px}.task-dialog .dialog-body{padding:22px 24px;max-height:calc(100dvh - 220px);overflow:auto;overscroll-behavior:contain}.task-dialog .dialog-body>.section{padding-bottom:20px;margin-bottom:20px}.task-dialog .product-highlight{font-size:.9rem;line-height:1.7}.task-dialog .dialog-foot{display:flex;justify-content:space-between;gap:12px;padding:16px 24px}.task-dialog .dialog-foot .btn{min-height:40px;border-radius:999px;padding-inline:20px}.task-trash{color:#b61f3a;background:#fff0f3}.task-dialog .note{min-height:72px}.task-dialog .clip-card video{max-height:200px}.task-dialog .clip-card{margin:0}.attribution-label{display:block;margin-top:20px}.attribution-label select{margin-top:8px}.bulk-confirm-count{font-weight:600;margin-bottom:14px}.confirm-line{max-height:45vh;overflow:auto}.topaccount{gap:10px}button,a,input,select,textarea{touch-action:manipulation}::selection{background:#f9c5d0;color:#39202a}
:root[data-theme="dark"]{color-scheme:dark;--muted:#f1f4f8;--line:#344050;background:#111720;color:#fff;--green:#6ad1a6}
:root[data-theme="dark"] body{background:#111720;color:#fff}
:root[data-theme="dark"] :is(.sidebar,.panel,.workcard,dialog,.mobile-nav,.notification-panel,.login-formwrap,.import-data-panel){background:#1a222e;color:#fff;border-color:#344050}
:root[data-theme="dark"] :is(.main,.content,.login-shell){background:#111720;color:#fff}
:root[data-theme="dark"] :is(.toolbar,.pagination,.dialog-head,.dialog-foot,.section,.notification-item,td,th,.workcard,.cardbottom,.navdivider,.sidebottom){border-color:#344050}
:root[data-theme="dark"] :is(th,.searchbox,.field,.login-input,.product-highlight,.datafield,.clip-card,.importprogress,.datefilter,.pagebutton,.sortbtn,.btn:not(.primary):not(.green):not(.black),input,select,textarea){background:#222d3b;color:#fff;border-color:#3c4b5f}
:root[data-theme="dark"] :is(h1,h2,h3,.customer,.awblink,.moneycell,.cardbottom strong,.detailtop strong,.datafield div,.navlink,.profile-trigger,.statcard,.stat-label,.recordscount){color:#fff}
:root[data-theme="dark"] :is(.sub,.small,small,.muted,.breadcrumb,.navlabel,.sidebottom,.footer,.producttext,.cardproduct,.cardcustomer,.policy-dialog__body,.policy-dialog__body p,.phone-button,.sortbtn,.pagination,.datafield label){color:#f1f4f8}
:root[data-theme="dark"] :is(.statcard,.profile-stat,.report-card,.notification-item,.policy-dialog__body,.policy-dialog__foot){background:#1a222e;border-color:#344050;color:#fff}
:root[data-theme="dark"] :is(.navlink.active,.mobile-nav .active){background:#442432;color:#ffafbe}
:root[data-theme="dark"] :is(tbody tr:hover,.notification-item:hover){background:#253142}
:root[data-theme="dark"] :is(.badge.contact,.task-trash){background:#472532;color:#ffb2c0;border-color:#754052}
:root[data-theme="dark"] .submission-countdown{color:#ff9fb0}
:root[data-theme="dark"] .claim-button{background:#395d83;color:#fff}
:root[data-theme="dark"] .claim-button.is-release{background:#303d4e;color:#fff}
:root[data-theme="dark"] .claim-button.is-limit{background:#293341;color:#8c99aa}
:root[data-theme="dark"] :is(.policy-dialog__body strong,.notification-awb,.profile-heading,.profile-stat-value){color:#fff}
:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#9aa9bd}
:root[data-theme="dark"] .topbar{background:#a61934}
:root[data-theme="dark"] dialog::backdrop{background:#060b13b3;backdrop-filter:blur(3px)}
:root[data-theme="dark"] .theme-toggle{color:#fff}
@media(max-width:600px){.topaccount{gap:5px}.task-dialog .dialog-body{padding:16px;max-height:calc(100dvh - 200px)}.task-dialog .dialog-head,.task-dialog .dialog-foot{padding:16px}.task-dialog .dialog-foot .btn{padding-inline:12px;font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.task-dialog,.job-dock,.theme-toggle{transition:none;animation:none}}

:root[data-theme="dark"] :is(.toolbar,.dialog-foot,.dialog-head,.policy-dialog__foot,.pagination,.date-select,.period-select){background:#1a222e;color:#f1f4f8}
:root[data-theme="dark"] :is(.iconbtn,.copy,.period-control,.date-control){background:transparent;color:#f1f4f8;border-color:#3c4b5f}
:root[data-theme="dark"] :is(.datafield,.task-dialog .datafield){background:transparent}
:root[data-theme="dark"] :is(.task-dialog .dialog-foot,.task-dialog .dialog-head){background:#1a222e}
:root[data-theme="dark"] .task-trash{background:#472532!important;color:#ffb2c0!important}
:root[data-theme="dark"] :is(.period-filter,.filterbar,.datefilter){background:#222d3b;color:#f1f4f8}
@media(max-width:420px){.topbar{padding-inline:12px}.topbar .brand{font-size:0;gap:0}.topbar .brand img{width:26px;height:26px}.topaccount{gap:6px}.task-dialog{margin:12px auto;max-height:calc(100dvh - 24px)}.task-dialog .section>.row.between{flex-wrap:wrap;gap:10px}.task-dialog .submission-countdown{white-space:nowrap}}

/* Secondary surfaces use the same night palette as the task panel. */
:root[data-theme="dark"] :is(.stat,.employee-card,.import-data-pagination,.feishu-dialog .dialog-foot,.uploadzone,.bulkbar){background:#1a222e;color:#fff;border-color:#344050}
:root[data-theme="dark"] :is(.period,.dateinput,.profile-period-controls button,.profile-period-controls input,.import-data-tools .searchbox,.labelchip,.employee-avatar){background:#222d3b;color:#fff;border-color:#3c4b5f}
:root[data-theme="dark"] .period select{background:transparent;color:#fff}
:root[data-theme="dark"] :is(.subtitle,.eyebrow,.employee-metrics strong,.employee-cardfoot,.report-back,.import-data-head h2,.import-data-total,.import-data-table tbody th strong){color:#fff}
:root[data-theme="dark"] :is(.import-data-head p,.import-data-total small,.import-data-drafts,.import-data-table th small,.import-data-pagination>span,.import-data-footnote){color:#f1f4f8}
:root[data-theme="dark"] .import-data-table :is(th,td){background:#1a222e;border-color:#344050}
:root[data-theme="dark"] .import-data-table thead th,:root[data-theme="dark"] .import-data-table tbody tr:hover>td{background:#222d3b}
:root[data-theme="dark"] .import-data-table tr.is-edited>:is(th,td){background:#35242f}
:root[data-theme="dark"] .import-data-table :is(input,textarea):is(:hover,:focus){background:#222d3b;color:#fff}
:root[data-theme="dark"] .status.contact{background:#472532;color:#ffb2c0}
:root[data-theme="dark"] .status.processing{background:#453a25;color:#f1ce87}
:root[data-theme="dark"] .status.completed{background:#1c3c35;color:#8be2bb}
:root[data-theme="dark"] .status.deleted{background:#2d394a;color:#c4d0df}
:root[data-theme="dark"] .navlink.active:hover{background:#4e2837}

.detail-dialog.task-dialog{inset:0;margin:auto;height:fit-content;max-height:calc(100dvh - 24px)}
.task-dialog .dialog-body{max-height:calc(100dvh - 210px)}
.task-dialog .dialog-foot{flex-shrink:0}
.task-dialog .datafield{border-radius:8px;padding:8px 10px}

.trash-select-page{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid var(--line);font-size:.82rem;font-weight:600}

/* The resume control is part of the workspace, below the account bar. */
.topbar .theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:34px}
.theme-toggle svg{width:18px;height:18px}
.content:has(>.job-dock:not([hidden])){display:flex;flex-direction:column}
.content:has(>.job-dock:not([hidden]))>#page{flex:1;min-height:0}
.job-dock{align-self:center;display:flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-height:38px;margin:0 auto 12px;padding:7px 13px;border:1px solid #cbd7e5;border-radius:999px;background:#eaf1f8;color:#274465;font-size:.8rem;font-weight:600}
.job-dock[hidden]{display:none}
.job-dock:hover{background:#dfeaf5}
.job-dock strong{overflow-wrap:anywhere}
.job-dock svg{width:15px;height:15px}
:root[data-theme="dark"] .job-dock{border-color:#4a607a;background:#25374c;color:#fff}
:root[data-theme="dark"] .job-dock:hover{background:#304660}
.task-secondary{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:420px){.topbar .theme-toggle{padding-inline:6px}.job-dock{font-size:.73rem;gap:6px}}

@media(max-width:760px){.job-dock{position:sticky;top:66px;z-index:20}}
@media(max-width:480px){
 .task-dialog .dialog-foot{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 .task-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .task-dialog .dialog-foot .btn{justify-content:center;white-space:normal}
}

.import-status-filter{display:flex;align-items:center;gap:8px;font-size:.78rem;color:#626f80}
.import-status-filter .field{width:170px;min-height:36px;padding:7px 12px;border-radius:999px;font-size:.78rem}
:root[data-theme="dark"] .import-status-filter{color:#f1f4f8}
@media(max-width:760px){.import-data-tools .searchbox{width:100%}.import-status-filter{width:100%}.import-status-filter .field{flex:1;width:auto}}

.import-data-actions [hidden]{display:none}

.profile-calendar{margin:0 0 28px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:14px}
.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.calendar-heading h2{font-size:1rem;color:#293240}
.calendar-heading p{margin-top:4px;font-size:.8rem;color:#626f80}
.calendar-heading .profile-period-controls{width:auto}
.calendar-heading .calendar-today{width:auto;padding:0 12px;font-size:.78rem}
.calendar-grid{width:100%;table-layout:fixed;border-collapse:collapse;min-width:0!important}
.calendar-caption{text-align:left;font-size:.74rem;color:#626f80;padding-bottom:12px;caption-side:top}
.calendar-grid th{padding:8px 0;text-align:center;font-size:.76rem;font-weight:500;color:#626f80;background:transparent;border:0}
.calendar-grid td{padding:3px;vertical-align:top;border:0}
.calendar-day{display:flex;flex-direction:column;gap:5px;align-items:stretch;width:100%;min-height:88px;padding:10px;border-radius:9px;border:1px solid #e5eaf0;background:#fafbfd;text-align:left;font-variant-numeric:tabular-nums;transition:background .15s}
.calendar-day:hover:not(:disabled){background:#edf2f8;border-color:#adbcd0}
.calendar-date{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-width:28px;height:26px;padding:0 7px;border-radius:6px;font-size:.8rem;font-weight:650;background:var(--calendar-day-color);color:#fff}


.calendar-day.is-selected{border-color:#535e6c;background:#f0f2f5;box-shadow:inset 0 0 0 1px #535e6c}
.calendar-day.has-work.is-selected{border-color:#bc1836;background:#fff0f3;box-shadow:inset 0 0 0 1px #bc1836}
.calendar-day.is-today .calendar-date{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.calendar-day:disabled{opacity:.45}
:root[data-theme="dark"] .profile-calendar{background:#1a222e;border-color:#344050}
:root[data-theme="dark"] .calendar-day{background:#202c3a;border-color:#344457}
:root[data-theme="dark"] .calendar-day:hover:not(:disabled){background:#293a4d;border-color:#7790ad}
:root[data-theme="dark"] .calendar-day.is-selected{background:#2d3a4b;border-color:#a2afc1;box-shadow:inset 0 0 0 1px #a2afc1}
:root[data-theme="dark"] .calendar-day.has-work.is-selected{background:#482536;border-color:#ef8c9e;box-shadow:inset 0 0 0 1px #ef8c9e}
:root[data-theme="dark"] .calendar-heading h2{color:#fff}
:root[data-theme="dark"] :is(.calendar-heading p,.calendar-caption,.calendar-grid th){color:#f1f4f8}



@media(max-width:600px){.profile-calendar{padding:14px 8px}.calendar-heading{padding:0 6px;gap:8px}.calendar-heading h2{font-size:.9rem}.calendar-heading .profile-period-controls{gap:4px}.calendar-caption{font-size:.68rem;padding-inline:6px}.calendar-grid td{padding:2px}.calendar-day{min-height:74px;padding:6px 4px;gap:5px}}
@media(prefers-reduced-motion:reduce){.calendar-day{transition:none}}

.calendar-day{min-height:104px;gap:0;--calendar-day-color:#252b33}
.calendar-day.has-work{--calendar-day-color:#bc1836}
.calendar-cases{display:block;align-self:center;margin-top:6px;color:#253d57;font-size:2rem;font-weight:700;line-height:1.1}
.calendar-unit{align-self:center;min-height:15px;margin-top:3px;color:#626f80;font-size:.68rem;line-height:1.3}
:root[data-theme="dark"] .calendar-cases{color:#fff}
:root[data-theme="dark"] .calendar-unit{color:#f1f4f8}
@media(max-width:600px){.calendar-day{min-height:88px;padding:6px 4px}.calendar-date{min-width:23px;height:23px;padding:0 4px;font-size:.73rem}.calendar-cases{font-size:1.5rem;margin-top:7px}.calendar-unit{font-size:.62rem}}

.calendar-day.has-work .calendar-cases{color:#bc1836}
:root[data-theme="dark"] .calendar-day.has-work .calendar-cases{color:#ffafbe}



.completed-awb-dialog{--awb-bg:#fff;--awb-chrome:#f3f6fa;--awb-line:#dce3ed;--awb-text:#253d57;--awb-code:#226544;--awb-muted:#617087;--awb-button:#e8eef6;--awb-button-hover:#dce6f2;--awb-button-text:#284968;width:min(620px,calc(100vw - 28px));border-radius:12px}
:root[data-theme="dark"] .completed-awb-dialog{--awb-bg:#161d27;--awb-chrome:#202c3b;--awb-line:#3b4a5f;--awb-text:#fff;--awb-code:#fff;--awb-muted:#f1f4f8;--awb-button:#304c6c;--awb-button-hover:#3e6087;--awb-button-text:#fff}
:root[data-theme] .completed-awb-dialog{background:var(--awb-bg);color:var(--awb-text);border:1px solid var(--awb-line)}
:root .completed-awb-dialog .dialog-head{background:var(--awb-chrome);color:var(--awb-text);border-bottom:1px solid var(--awb-line);padding:17px 20px}
:root .completed-awb-dialog .dialog-head h2{color:var(--awb-text)}
:root .completed-awb-dialog .dialog-head .iconbtn{color:var(--awb-muted)}
:root .completed-awb-dialog .dialog-head .iconbtn:hover{background:var(--awb-button)}
.completed-awb-dialog .dialog-body{padding:0;color:var(--awb-text)}
.awb-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--awb-chrome);border-bottom:1px solid var(--awb-line)}
.awb-editor-tab{font-family:Consolas,'Courier New',monospace;font-size:.78rem;color:var(--awb-muted)}
:root .completed-awb-dialog .awb-copy-all{min-height:34px;padding:6px 12px;background:var(--awb-button);color:var(--awb-button-text);border:1px solid var(--awb-line);border-radius:7px;font-size:.76rem;white-space:nowrap}
:root .completed-awb-dialog .awb-copy-all:hover:not(:disabled){background:var(--awb-button-hover)}
.awb-editor-code{display:flex;max-height:min(60dvh,540px);overflow:auto;overscroll-behavior:contain;background:var(--awb-bg);padding:14px 0}
.awb-editor-code pre{margin:0;padding:0;font-family:Consolas,'Courier New',monospace;font-size:.88rem;line-height:1.95;tab-size:2;font-variant-numeric:tabular-nums;white-space:pre}
.awb-editor-code .awb-line-numbers{flex:none;min-width:52px;padding:0 14px;text-align:right;color:var(--awb-muted);border-right:1px solid var(--awb-line);user-select:none}
.awb-editor-code .awb-code{padding:0 18px;color:var(--awb-code)}
.awb-editor-empty{padding:24px 20px;color:var(--awb-muted);font-size:.83rem}
@media(max-width:480px){.awb-editor-toolbar{padding:10px 12px;gap:8px}.awb-editor-tab{font-size:.7rem}.completed-awb-dialog .awb-copy-all{font-size:.72rem;padding:6px 9px}.awb-editor-code .awb-line-numbers{min-width:38px;padding:0 10px}.awb-editor-code .awb-code{padding-inline:12px}}


/* Override the operational grid at its own scope so light-theme colors cannot leak. */
:root[data-theme="dark"]{--qc-surface:#1a2432;--qc-raised:#263446;--qc-text:#fff;--qc-secondary:#f1f4f8;--qc-border:#3c4c61;--line:#344357;--text:#fff;--muted:#f1f4f8}
:root[data-theme="dark"] :is(.panel,.sidebar,.workcard,.notification-panel,dialog:not(.completed-awb-dialog)){background:var(--qc-surface);color:var(--qc-text);border-color:var(--qc-border)}
:root[data-theme="dark"] #app #listRegion .work-table thead th{background:var(--qc-raised);color:#fff;border-color:var(--qc-border)}
:root[data-theme="dark"] #app #listRegion .work-table td{color:var(--qc-text);border-color:var(--qc-border)}
:root[data-theme="dark"] #app #listRegion :is(.customer,.moneycell,.producttext,.cardproduct,.cardcustomer,.awblink,.cardbottom strong){color:var(--qc-text)}
:root[data-theme="dark"] #app #listRegion :is(.customer,.producttext){font-size:.8rem;line-height:1.65}
:root[data-theme="dark"] #app #listRegion :is(.sub,.pagination,.recordscount,.claim-age){color:var(--qc-secondary)}
:root[data-theme="dark"] #app #listRegion .work-table tfoot td{background:var(--qc-raised)!important;color:var(--qc-text);border-color:var(--qc-border);box-shadow:none}
:root[data-theme="dark"] #app #listRegion tbody tr:hover{background:#243449}
:root[data-theme="dark"] :is(.address-preview,.address-preview p,.address-preview__line){color:var(--qc-secondary)}
:root[data-theme="dark"] :is(.address-preview__more,.address-preview__less,.export-link,.report-back){color:#a9d2ff}
:root[data-theme="dark"] :is(.subtitle,.eyebrow,.pagefoot,.sidebottom,.sidebottom strong,.navlabel,.section p,.detailtop small,.datafield label){color:var(--qc-secondary)}
:root[data-theme="dark"] :is(.product-highlight,.datafield div,.datafield p,.timeline,.confirm-row,.import-help,.columnlist,.historyline){color:var(--qc-text)}
:root[data-theme="dark"] .product-highlight{background:var(--qc-raised);line-height:1.75}
:root[data-theme="dark"] :is(.field,.login-input,.searchbox,.period,.dateinput){background:#223044;border-color:#4b5f79;color:var(--qc-text)}
:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#b1bfd3;opacity:1}
:root[data-theme="dark"] .import-upload,:root[data-theme="dark"] .import-upload-body{background:var(--qc-surface);border-color:var(--qc-border)}
:root[data-theme="dark"] .import-upload>summary{color:var(--qc-text)}
:root[data-theme="dark"] .import-upload>summary small{color:var(--qc-secondary)}
:root[data-theme="dark"] .import-data-table :is(input,textarea){color:var(--qc-text)}
:root[data-theme="dark"] .import-data-table thead th{color:#fff;background:var(--qc-raised)}
:root[data-theme="dark"] .profile-stat-head,:root[data-theme="dark"] .profile-stat-count small{color:var(--qc-secondary)}
:root[data-theme="dark"] .profile-period.is-daily .profile-stat-count{color:#fff}
:root[data-theme="dark"] .profile-period.is-daily .profile-stat{border-left-color:#9bb7d9}
:root[data-theme="dark"] .stat.contact .statvalue{color:#ff9fb0}
:root[data-theme="dark"] .stat.processing .statvalue{color:#f4d28a}
:root[data-theme="dark"] .stat.completed .statvalue{color:#92e4b8}
:root[data-theme="dark"] .stat.deleted .statvalue{color:#d3dfef}
:root[data-theme="dark"] button:disabled{opacity:1;color:#9eacc0;border-color:#394b63;background:#202c3b}
:root[data-theme="dark"] .calendar-day:disabled{opacity:.55;background:#202c3a}
:root[data-theme="dark"] :is(.navnum,.labelchip){background:#2c3c51;color:#fff}
:root[data-theme="dark"] .navlink.active .navnum{background:#684051;color:#fff}
:root[data-theme="dark"] #app #listRegion .claim-button.is-limit{background:#29374a;color:#9eacc0}

:root[data-theme="dark"] #app #listRegion .claim-label{color:#f1f4f8}
:root[data-theme="dark"] #app #listRegion .claim-label.mine{color:#fff}
:root[data-theme="dark"] #app #listRegion .claim-age{background:#29394d;color:#f1f4f8}
:root[data-theme="dark"] #app #listRegion .claim-age.stale{background:#46371f;color:#ffe0a0}

:root[data-theme="dark"] .profile-period-head>div:first-child>span{background:#2e3c51;color:#fff}

/* Contact cards use separate surfaces, generous gutters and compact actions. */
.contact-list-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:none;margin-left:auto}
.contact-view-switch{display:inline-flex;flex:none;gap:3px;padding:3px;border:1px solid #efc6d0;border-radius:9px;background:#fff4f6}
.contact-view-switch button{display:grid;place-items:center;width:32px;height:32px;padding:6px;border-radius:6px;color:#b71939}
.contact-view-switch svg{width:17px;height:17px}
.contact-view-switch button[aria-pressed="true"]{background:var(--red);color:#fff}
.contact-view-switch button:hover:not([aria-pressed="true"]){background:#ffe0e7;color:#a70f2d}
#app[data-view="contact"] #listRegion>.contact-grid{display:grid;grid-template-columns:repeat(5,minmax(0,220px));grid-auto-rows:max-content;justify-content:center;gap:18px;padding:20px;min-height:0;overflow:auto;align-content:start;background:#f3f5f8;scrollbar-width:thin;scrollbar-color:#c9d2df transparent}
.contact-card{display:flex;flex-direction:column;min-width:0;min-height:150px;padding:13px;border:1px solid #dfe5ed;border-radius:12px;background:#fff;box-shadow:0 2px 4px #172b4408;transition:border-color .15s}
.contact-card>*{flex-shrink:0}
.contact-card:hover{border-color:#d79aa8}
.contact-card-awb{display:flex;align-items:flex-start;gap:3px;min-width:0;padding-bottom:0;border-bottom:0}
#app #listRegion .contact-card .awblink{flex:1;min-width:0;font-size:.76rem;line-height:1.5;font-weight:700;color:#343d4c;overflow-wrap:anywhere;text-align:left}
.contact-card-awb .copy{flex:none;min-width:22px;width:22px;min-height:22px;height:22px;padding:3px}
.contact-card-awb .copy svg{width:14px;height:14px}
.contact-card-person{display:grid;gap:5px;padding-block:9px;min-width:0}
.contact-card-name{font-size:.79rem;font-weight:500;color:#465063;line-height:1.5;overflow-wrap:anywhere}
#app #listRegion .contact-card .phone-button{justify-content:flex-start;margin:0;max-width:100%;font-size:.74rem;min-height:23px;padding:0;gap:6px}
.contact-card .phone-button svg{width:13px;height:13px}
.contact-card .inline-phone-number{min-width:0;overflow-wrap:anywhere}
.contact-card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px;margin-top:auto;padding-top:7px}.contact-card-claim{display:contents}
.contact-card .claim-control{display:contents}
.contact-card .claim-age{display:none}
.contact-card .claim-label{flex-basis:100%;font-size:.67rem;line-height:1.4}
.contact-card .claim-button,.contact-card-open{flex:none;width:auto;min-width:80px;max-width:100%;min-height:30px;border-radius:999px;font-size:.73rem;padding:4px 14px}
#app #listRegion .contact-card .claim-button:not(.is-release):not(.is-limit){background:var(--red);border-color:var(--red);color:#fff}
#app #listRegion .contact-card .claim-button:not(.is-release):not(.is-limit):hover{background:#ce0020;border-color:#ce0020}
#app #listRegion .contact-card .claim-button.is-release{background:#f0f1f4;border-color:#dfe3e9;color:#5a6574}
.contact-card-open{display:flex;align-items:center;justify-content:center;gap:8px;color:#b71939;background:#fff1f4;border:1px solid #efc6d0}
.contact-card-open svg{width:14px;height:14px}
:root[data-theme="dark"] .contact-view-switch{background:#34202a;border-color:#744050}
:root[data-theme="dark"] .contact-view-switch button{color:#ffb7c6}
:root[data-theme="dark"] .contact-view-switch button[aria-pressed="true"]{background:#d4143c;color:#fff}
:root[data-theme="dark"] .contact-view-switch button:hover:not([aria-pressed="true"]){background:#522c3a;color:#fff}
:root[data-theme="dark"] #app[data-view="contact"] #listRegion>.contact-grid{background:#121b28;scrollbar-color:#4a5c73 transparent}
:root[data-theme="dark"] .contact-card{background:#202d3d;border-color:#3d4e63;box-shadow:none}
:root[data-theme="dark"] .contact-card:hover{border-color:#ce6f86}
:root[data-theme="dark"] .contact-card-awb{border-color:var(--qc-border)}
:root[data-theme="dark"] #app #listRegion .contact-card :is(.awblink,.contact-card-name){color:#fff}
:root[data-theme="dark"] #app #listRegion .contact-card .claim-button.is-release{background:#2d3846;border-color:#49576a;color:#f1f4f8}
:root[data-theme="dark"] .contact-card-open{background:#472532;border-color:#96536a;color:#fff}
@media(max-width:1100px){#app[data-view="contact"] #listRegion>.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){#app[data-view="contact"] #listRegion>.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:12px}.contact-card{padding:11px}.contact-list-tools{gap:7px}.contact-view-switch button{width:34px;height:34px}.contact-card .phone-button{min-height:34px!important}.contact-card .claim-button,.contact-card-open{min-height:34px}}
@media(max-width:380px){#app[data-view="contact"] #listRegion>.contact-grid{grid-template-columns:minmax(0,1fr)}}

.modal-dialog.notice-dialog{width:min(1060px,calc(100vw - 32px))}
.notice-tabs{display:flex;gap:6px;padding:12px 24px;border-bottom:1px solid var(--line);background:#f7f8fb}
.notice-tabs button{min-height:36px;padding:7px 18px;border-radius:8px;font-size:.82rem;font-weight:600;color:#586578}
.notice-tabs button[aria-pressed="true"]{background:#fce8ed;color:#ad1533}
.notice-tabs button:hover{background:#f2e8ec}
:root[data-theme="dark"] .notice-tabs{background:#172130;border-color:var(--qc-border)}
:root[data-theme="dark"] .notice-tabs button{color:#f1f4f8}
:root[data-theme="dark"] .notice-tabs button[aria-pressed="true"]{background:#642538;color:#fff}
:root[data-theme="dark"] .notice-tabs button:hover{background:#443043}
@media(max-width:640px){.notice-tabs{padding:10px 16px}.notice-tabs button{flex:1;min-height:40px}}

#reviewHoldRegion{flex:none;margin-top:14px}
.review-held{border:1px solid #ead7a4;border-radius:12px;background:#fff;overflow:hidden}
.review-held>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;cursor:pointer;list-style:none;background:#fff8e8;color:#775212;font-size:.85rem;font-weight:600}
.review-held>summary::-webkit-details-marker{display:none}
.review-held>summary>span{display:flex;align-items:center;gap:9px}
.review-held>summary>span:before{content:'›';font-size:1.2rem;transition:transform .15s}
.review-held[open]>summary>span:before{transform:rotate(90deg)}
.review-held>summary strong{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 7px;border-radius:999px;background:#f3dfad;font-size:.74rem}
.review-held>summary small{font-weight:400;font-size:.72rem;color:#826937}
.review-held-body{max-height:360px;overflow:auto;padding:0 18px}
.review-held-body>p{padding-block:18px}
.review-held-item{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line)}
.review-held-item:last-child{border-bottom:0}
.review-held-info{display:grid;gap:5px;min-width:0;flex:1}
.review-held-info strong{font-size:.8rem;overflow-wrap:anywhere}
.review-held-info small{font-size:.71rem}
.review-held-badge{display:inline-flex;padding:4px 8px;border-radius:6px;background:#fff0c9;color:#80591b;font-size:.69rem;white-space:nowrap}
.review-held-actions{display:flex;gap:7px;flex-wrap:wrap}
.review-resume{color:#80591b;border-color:#e4cf9e;background:#fff9ed;font-size:.74rem}
.review-hold-button{color:#89631f;border-color:#ead7a4;background:#fffaf0}
:root[data-theme="dark"] .review-held{background:var(--qc-surface);border-color:#74603b}
:root[data-theme="dark"] .review-held>summary{background:#3d3322;color:#ffe4a5}
:root[data-theme="dark"] .review-held>summary small{color:#e7d3a9}
:root[data-theme="dark"] .review-held>summary strong{background:#64502d;color:#fff}
:root[data-theme="dark"] .review-held-badge{background:#554222;color:#ffe4a5}
:root[data-theme="dark"] .review-held-info{color:#fff}
:root[data-theme="dark"] .review-held-info small{color:#f1f4f8}
@media(max-width:640px){.review-held>summary{padding:13px}.review-held>summary small{display:none}.review-held-body{padding-inline:13px}.review-held-actions{width:100%}.review-held-info{flex-basis:60%}}

/* Distinct, compact actions for processing review. */
.btn.review-hold-button,.btn.review-check-button{min-height:34px;padding:7px 13px;border-radius:9px;font-weight:600;line-height:1.25;white-space:nowrap;box-shadow:none}
.btn.review-hold-button{background:#fbf5e8;border:1px solid #e7dcc1;color:#795e2c}
.btn.review-hold-button:hover{background:#f5ead2;border-color:#d6c49d;color:#654c20}
.btn.review-check-button{background:#eaf4ef;border:1px solid #cce2d7;color:#28654e}
.btn.review-check-button:hover{background:#dcece3;border-color:#b3d2c1;color:#20543f}
:root[data-theme="dark"] .btn.review-hold-button{background:#343025;border-color:#60543a;color:#e7d4a7}
:root[data-theme="dark"] .btn.review-hold-button:hover{background:#423a29;color:#f1dfb7}
:root[data-theme="dark"] .btn.review-check-button{background:#243b32;border-color:#3d6051;color:#c5e6d5}
:root[data-theme="dark"] .btn.review-check-button:hover{background:#2d493c;color:#def2e7}
.btn.review-hold-button:focus-visible,.btn.review-check-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}

.modal-dialog.notice-dialog{height:min(670px,calc(100dvh - 32px));display:flex;flex-direction:column}
.modal-dialog.notice-dialog:not([open]){display:none}
.notice-dialog .dialog-head,.notice-dialog .notice-tabs,.notice-dialog .dialog-foot{flex-shrink:0}
.notice-dialog .dialog-body{flex:1;min-height:0;overflow:auto}
.notice-dialog .feishu-layout{height:100%;align-items:stretch}
.notice-dialog .feishu-console{display:flex;flex-direction:column;min-height:0}
.notice-dialog .feishu-log-scroll{flex:1;min-height:0;max-height:none}
.notice-dialog .feishu-console-head,.notice-dialog .feishu-console-foot{flex-shrink:0}
.notice-connection-help{font-size:.78rem;line-height:1.7;color:var(--muted,#78869b);margin:0}
@media(max-width:760px){.notice-dialog .feishu-layout{height:auto}.notice-dialog .feishu-log-scroll{min-height:200px;max-height:280px}.modal-dialog.notice-dialog{height:calc(100dvh - 24px)}}

/* Focused review workspace: media first, supporting details alongside. */
.detail-dialog.review-dialog{inset:0;margin:auto;width:min(1120px,calc(100vw - 40px));max-width:1120px;height:min(850px,calc(100dvh - 20px));max-height:calc(100dvh - 20px);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.review-dialog[open]{display:flex;flex-direction:column}
.review-dialog .dialog-head,.review-dialog .dialog-foot{flex-shrink:0}
.review-dialog .dialog-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;flex:1;min-height:0;overflow:auto;padding:24px}
.review-dialog .review-media,.review-dialog .review-information{min-width:0}
.review-dialog .review-script{margin-bottom:16px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f5f7fa;color:#293445}
.review-dialog .review-script-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px 7px 14px;border-bottom:1px solid var(--line)}
.review-dialog .review-script-head h3{margin:0;font-size:.82rem}
.review-dialog .review-script pre{margin:0;padding:12px 14px;font: .84rem/1.7 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.review-dialog .review-script code{font:inherit}
.urgent-marker{display:flex;width:max-content;align-items:center;gap:4px;margin:0 0 4px;padding:2px 6px;border:1px solid transparent;border-radius:6px;background:#e8f3ff;color:#0756a4;font:inherit;font-size:.72rem;font-weight:700}
.urgent-marker svg{width:13px;height:13px}
button.urgent-marker{cursor:pointer}
.urgent-marker[aria-pressed="false"]{background:transparent;border-color:#e2e8f0;color:#64748b}
.urgent-marker[aria-pressed="false"]:hover{background:#f2f7fd;border-color:#bed6f0;color:#0756a4}
.urgent-marker[aria-pressed="true"]{border-color:#72b7ff}
@media (prefers-reduced-motion:no-preference){
 .urgent-marker:is([aria-pressed="true"],span){animation:urgent-glow 1.6s ease-in-out 3}
}
@keyframes urgent-glow{
 0%,100%{box-shadow:0 0 0 #2688ee00}
 50%{box-shadow:0 0 8px #2688ee88}
}
.work-table tr.is-urgent>td{border-block:1px solid #72b7ff;background:#f3f9ff}
.work-table tr.is-urgent>td:first-child{border-inline-start:2px solid #2583e5}
.work-table tr.is-urgent>td:last-child{border-inline-end:2px solid #2583e5}
.contact-card.is-urgent,.workcard.is-urgent{border:1px solid #72b7ff;box-shadow:0 0 8px #2688ee35}
:root[data-theme="dark"] .urgent-marker{background:#193750;color:#a6d6ff}
:root[data-theme="dark"] .urgent-marker[aria-pressed="false"]{background:transparent;border-color:#3c4859;color:#99a8bb}
:root[data-theme="dark"] .urgent-marker[aria-pressed="false"]:hover{background:#193750;border-color:#52779d;color:#a6d6ff}
:root[data-theme="dark"] .work-table tr.is-urgent>td{background:#192e43}
:root[data-theme="dark"] .review-dialog .review-script{background:#111821;color:#edf2fa;border-color:var(--qc-border,#334155)}
.review-dialog .review-sidebar{min-width:0;border-left:1px solid var(--line);padding-left:28px}
.review-dialog .clip-card>.row.between{margin-top:10px}
.review-dialog .section{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--line)}
.review-dialog h3{font-size:.9rem;margin-bottom:16px}
.review-dialog .clip-card{padding:0;background:transparent;border:0;box-shadow:none}
.review-dialog .clip-card strong{display:block;font-size:.8rem;overflow-wrap:anywhere}
.review-dialog video{display:block;width:100%;height:auto;aspect-ratio:8 / 5;max-height:min(360px,34dvh);background:#10151d;object-fit:contain;border-radius:10px;margin:10px 0}
.review-dialog audio{width:100%;margin:18px 0}
.review-dialog .product-highlight{font-size:.9rem;line-height:1.8;padding:14px;overflow-wrap:anywhere}
.review-dialog .detailgrid{gap:20px 16px}
.review-dialog .datafield>div{line-height:1.7;overflow-wrap:anywhere}
.review-dialog .review-cod{display:block;font-size:1.25rem;margin-top:6px}
.review-dialog .review-more{border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:18px}
.review-dialog details>summary{cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 0}
.review-dialog .review-more-content{display:grid;gap:16px;padding-top:18px}
.review-dialog .dialog-foot{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding:16px 24px}
.review-dialog .dialog-foot .btn{border-radius:9px;min-height:40px}
.review-dialog .review-trash{background:#fff3f4;border-color:#efd2d7;color:#a63143}
.review-dialog .review-information .row-action{margin-top:16px}
.review-dialog .dialog-head{padding:14px 22px}
.review-dialog .dialog-body{padding:16px 22px}
.review-dialog .review-script{margin-bottom:10px}
.review-dialog .review-script-head{padding:4px 8px 4px 12px}
.review-dialog .review-script pre{padding:8px 12px;line-height:1.5}
.review-dialog .review-information>.row.between{margin-bottom:10px!important}
.review-dialog .review-information .section{padding-bottom:8px;margin-bottom:8px}
.review-dialog .review-information h3{margin-bottom:7px}
.review-dialog .review-information .product-highlight{padding:8px 10px;line-height:1.5}
.review-dialog .review-information .detailgrid{gap:8px 16px}
.review-dialog .review-information .datafield{padding:2px 0}
.review-dialog .review-information .datafield>label{margin-bottom:2px}
.review-dialog .review-information .review-cod{margin-top:2px}
.review-dialog .review-information .row-action{margin-top:8px}
.review-dialog .review-more{padding-bottom:5px;margin-bottom:5px}
.review-dialog .dialog-foot{padding-block:10px}
.review-dialog .review-media .section:last-child{padding-bottom:8px;margin-bottom:0}
.review-dialog .clip-card .review-download.btn{background:#d60b36;border-color:#d60b36;color:#fff;font-weight:700}
.review-dialog .clip-card .review-download.btn:hover{background:#b7092d;border-color:#b7092d;color:#fff}
.review-mobile-views{display:none}
:root[data-theme="dark"] .review-dialog{background:var(--qc-surface,#1a2430);border-color:var(--qc-border,#334155)}
:root[data-theme="dark"] .review-dialog .review-information,:root[data-theme="dark"] .review-dialog .section,:root[data-theme="dark"] .review-dialog .review-more{border-color:var(--qc-border,#334155)}
:root[data-theme="dark"] .review-dialog .review-sidebar{border-color:var(--qc-border,#334155)}
@media(max-width:760px){
 .review-dialog .review-sidebar{display:contents}
 .review-dialog .review-script{grid-row:1}
}
:root[data-theme="dark"] .review-dialog .review-trash{background:#432a33;border-color:#6a3b48;color:#ffd6dd}
@media(max-width:760px){.detail-dialog.review-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.review-dialog .dialog-body{grid-template-columns:1fr;gap:4px;padding:18px}.review-dialog .review-information{padding-left:0;border-left:0}.review-dialog .dialog-foot{padding:12px;gap:8px;flex-wrap:wrap}.review-dialog .dialog-foot .btn{flex:1;min-width:0;font-size:.75rem;padding:9px 10px}.review-dialog video{max-height:300px}}
@media(max-width:760px){
 .review-dialog .dialog-body{padding:10px 14px}
 .review-dialog .dialog-body{align-content:start}
 .review-dialog .review-mobile-views{display:flex;grid-row:1;gap:6px;margin-bottom:6px}
 .review-dialog .review-mobile-views .btn{flex:1;min-width:0;padding-inline:4px}
 .review-dialog .review-mobile-views .btn[aria-pressed="true"]{border-color:#d60b36;color:#d60b36}
 :root[data-theme="dark"] .review-dialog .review-mobile-views .btn[aria-pressed="true"]{color:#ff8ca6}
 .review-dialog .review-script{grid-row:2}
 .review-dialog .review-media{display:contents}
 .review-dialog [data-review-view="media"] :is(.review-information,.review-media>details),
 .review-dialog .dialog-body:not([data-review-view="media"]) :is(.review-script,.review-media>.section),
 .review-dialog [data-review-view="info"] :is(.review-product,.review-media>details),
 .review-dialog [data-review-view="details"] .review-information>:not(.review-product){display:none}
 .review-dialog [data-review-view="info"] .review-information,
 .review-dialog [data-review-view="details"] .review-product{grid-row:2}
 .review-dialog [data-review-view="details"] .review-information{display:contents}
 .review-dialog .review-media .section{padding-bottom:4px;margin-bottom:4px}
 .review-dialog .review-media h3{margin-bottom:6px}
 .review-dialog video{max-height:min(240px,26dvh);margin:8px 0}
}

.review-dialog .btn.review-trash,:root[data-theme="dark"] .review-dialog .btn.review-trash{background:#25282e;border-color:#25282e;color:#fff}
.review-dialog .btn.review-trash:hover,:root[data-theme="dark"] .review-dialog .btn.review-trash:hover{background:#111318;border-color:#111318;color:#fff}

/* Review decisions: completion is primary; deletion is outlined. */
.review-dialog .btn.review-trash{background:#fff;border-color:#626873;color:#25282e}
.review-dialog .btn.review-trash:hover{background:#f0f1f3;border-color:#25282e;color:#111318}
.review-dialog .dialog-foot .btn[data-action="complete"]{background:#16835d;border-color:#16835d;color:#fff}
.review-dialog .dialog-foot .btn[data-action="complete"]:hover:not(:disabled){background:#106c4c;border-color:#106c4c;color:#fff}
:root[data-theme="dark"] .review-dialog .btn.review-trash{background:transparent;border-color:#a6afbd;color:#f1f4f8}
:root[data-theme="dark"] .review-dialog .btn.review-trash:hover{background:#303b49;border-color:#d3dae4;color:#fff}
:root[data-theme="dark"] .review-dialog .dialog-foot .btn[data-action="complete"]{background:#16835d;border-color:#26966f;color:#fff}

/* Match the progress ring centre to the active theme. */
:root[data-theme="dark"] .donut:not(.is-complete)::before{background:var(--qc-surface,#1a2430)}
:root[data-theme="dark"] .donut .donut-center,:root[data-theme="dark"] .donut .donut-center strong{color:#fff}
.donut .donut-center{position:relative;z-index:1}

.review-dialog .dialog-foot .btn[data-action="complete"]{background:#eaf4ef;border-color:#cce2d7;color:#28654e}
.review-dialog .dialog-foot .btn[data-action="complete"]:hover:not(:disabled){background:#dcece3;border-color:#b3d2c1;color:#20543f}
:root[data-theme="dark"] .review-dialog .dialog-foot .btn[data-action="complete"]{background:#243b32;border-color:#3d6051;color:#c5e6d5}
:root[data-theme="dark"] .review-dialog .dialog-foot .btn[data-action="complete"]:hover:not(:disabled){background:#2d493c;border-color:#537d68;color:#def2e7}

.data-freshness{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.data-freshness small{font-size:.72rem;white-space:nowrap}.data-freshness .btn{min-height:34px}.profile-refresh{display:flex;justify-content:flex-end;margin-bottom:12px}
.modal-dialog.lookup-dialog{width:640px;max-width:calc(100vw - 24px)}.global-lookup-form{display:grid;gap:8px;margin-bottom:20px}.global-lookup-form label{font-size:.8rem}.global-lookup-form input{min-width:0;flex:1;margin:0}.global-lookup-form .row{align-items:stretch}.global-lookup-list{max-height:420px;overflow:auto}.global-lookup-item{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 4px;border-bottom:1px solid var(--line)}.global-lookup-item strong{overflow-wrap:anywhere;font-size:.85rem}.global-lookup-item:hover{background:#f5f7fa}.lookup-open{margin-left:auto;font-size:.75rem;color:var(--muted)}.lookup-count{font-size:.78rem;margin-bottom:10px;color:var(--muted)}
:root[data-theme="dark"] .global-lookup-item{border-color:var(--qc-border,#334155)}:root[data-theme="dark"] .global-lookup-item:hover{background:#263444}
@media(max-width:760px){.heading-actions{flex-wrap:wrap}.data-freshness{gap:6px}.global-lookup-item{flex-wrap:wrap;gap:8px}.lookup-open{font-size:.7rem}.global-lookup-list{max-height:50dvh}.topaccount .header-lookup{width:30px}}

.modal-dialog.lookup-dialog{height:min(700px,calc(100dvh - 32px));overflow:hidden}.lookup-dialog[open]{display:flex;flex-direction:column}.lookup-dialog .dialog-head,.lookup-dialog .dialog-foot{flex-shrink:0}.lookup-dialog .dialog-body{display:flex;flex-direction:column;min-height:0;overflow:hidden;flex:1}.lookup-dialog .global-lookup-form{flex-shrink:0}.lookup-dialog #globalLookupResults{display:flex;flex-direction:column;min-height:0;flex:1}.lookup-dialog .global-lookup-list{max-height:none;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.lookup-dialog .pagination{flex-shrink:0;padding:12px 0 0}.lookup-dialog .lookup-count{flex-shrink:0}

.task-dialog .dialog-foot{flex-wrap:wrap}.task-send-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.task-review-flag{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 11px;border:1px solid #ecc8cf;border-radius:9px;background:#fff2f4;color:#a6243b;font-size:.78rem;font-weight:500;cursor:pointer}.task-review-flag input{width:16px;height:16px;margin:0;accent-color:#d31f40;flex-shrink:0}.task-review-flag:has(input:checked){background:#fbe0e6;border-color:#d44c66;color:#8e1930}.send-review-warning{padding:12px;background:#fff2f4;color:#a6243b;border-radius:8px;margin-top:14px;font-size:.85rem;line-height:1.6}
:root[data-theme="dark"] .task-review-flag,:root[data-theme="dark"] .send-review-warning{background:#3c2932;border-color:#70404e;color:#ffd8e0}:root[data-theme="dark"] .task-review-flag:has(input:checked){background:#5a2b3b;border-color:#b76a80;color:#fff}
@media(max-width:760px){.task-send-controls{justify-content:stretch;width:100%;gap:8px}.task-review-flag{justify-content:center;flex:1;min-width:0}.task-send-controls>.btn{flex:1}}

.task-review-flag{background:#fbf5e8;border-color:#e7dcc1;color:#795e2c}
.task-review-flag input{accent-color:#a67c14}
.task-review-flag:has(input:checked){background:#f5e8bf;border-color:#c9a94e;color:#654c20}
.send-review-warning{background:#fbf5e8;color:#795e2c}
:root[data-theme="dark"] .task-review-flag,:root[data-theme="dark"] .send-review-warning{background:#343025;border-color:#60543a;color:#e7d4a7}
:root[data-theme="dark"] .task-review-flag:has(input:checked){background:#4d4023;border-color:#967334;color:#fff0c5}

/* Header search must contrast with the red bar in both themes. */
.topbar .topaccount .iconbtn.header-lookup,:root[data-theme="dark"] .topbar .topaccount .iconbtn.header-lookup{color:#fff;background:transparent;border:1px solid transparent}
.topbar .topaccount .iconbtn.header-lookup:hover,:root[data-theme="dark"] .topbar .topaccount .iconbtn.header-lookup:hover{color:#fff;background:#ffffff20;border-color:#ffffff35}
.topbar .topaccount .iconbtn.header-lookup:focus-visible{outline:2px solid #fff;outline-offset:3px}


.dp-active-filter{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.dp-active-filter .btn{min-height:30px}
.archived-detail-more{padding:12px 0;border-block:1px solid var(--line);margin-bottom:14px}
.archived-detail-more>summary{cursor:pointer;font-weight:600}
.archived-detail-more[open]>summary{margin-bottom:14px}
/* Shared workspace finish: warm surfaces, quiet borders, consistent controls. */
:root:not([data-theme="dark"]){--bg:#e9ebee;--line:#d4d8de;--qc-surface:#f2f3f5;--qc-border:#d4d8de}
:root:not([data-theme="dark"]) body,:root:not([data-theme="dark"]) .main{background:#e9ebee;color:#343a43}
:root:not([data-theme="dark"]) :is(.sidebar,.panel,.stat,.modal-dialog,.detail-dialog,.policy-dialog,.login-shell){background:#f2f3f5;border-color:#d4d8de}
:root:not([data-theme="dark"]) :is(.dialog-head,.dialog-foot,.toolbar,.pagination){background:#f2f3f5;border-color:#d7dbe1}
:root:not([data-theme="dark"]) :is(th,.product-highlight,.review-script,.searchbox,.dialogids){background:#e8ebef;color:#454d58;border-color:#d4d8de}
:root:not([data-theme="dark"]) :is(td,.section,.review-sidebar,.review-information){border-color:#dde1e6}
:root:not([data-theme="dark"]) tbody tr{background:#f2f3f5}
:root:not([data-theme="dark"]) tbody tr:nth-child(even){background:#eceef1}
:root:not([data-theme="dark"]) tbody tr:hover{background:#e2e6eb}
:root:not([data-theme="dark"]) :is(.sub,.subtitle,.datafield label,.eyebrow,.statlabel,.navlabel){color:#68717e}
:root:not([data-theme="dark"]) :is(.customer,.producttext,.datafield div){color:#454e5a}
:root:not([data-theme="dark"]) :is(input,select,textarea,.field,.dateinput){background-color:#f6f7f9;color:#343a43;border-color:#cfd5dd}
.panel,.stat{box-shadow:none;border-radius:12px}
.btn{border-radius:10px;font-weight:500;box-shadow:none;transition:background-color .15s,border-color .15s;color:inherit}
.btn:not(.iconbtn){min-height:34px;padding:7px 13px}
:root:not([data-theme="dark"]) .btn:not(.primary):not(.review-download):not(.review-trash):not([data-action="complete"]){background-color:#eceff3;border-color:#d1d7df;color:#505a68}
:root:not([data-theme="dark"]) .btn:not(.primary):not(.review-download):not(.review-trash):not([data-action="complete"]):hover{background-color:#e1e6ec;border-color:#adb7c5}
.btn.primary{box-shadow:none}
.iconbtn{border-radius:9px}
.searchbox{border-radius:10px}
.navlink{border-radius:10px}
.dialog-head{align-items:center}
.dialog-head,.dialog-foot{gap:12px}
.dialog-foot .btn{flex:0 0 auto;min-width:100px;border-radius:10px}
.review-dialog .dialog-foot{justify-content:flex-end;gap:10px}
.review-dialog .dialog-foot .btn{min-width:112px;min-height:36px}
.review-dialog .clip-card .review-download.btn{background:#d60b36;border-color:#d60b36;color:white;border-radius:10px;min-height:36px;padding:7px 16px}
.review-dialog .review-script{border-radius:10px}
.review-dialog .review-script-head h3{font-size:.8rem;font-weight:600}
.review-dialog .review-script pre{font-size:.78rem;line-height:1.6}
.review-dialog .review-information h3{font-size:.82rem;font-weight:600}
.review-dialog .review-information .product-highlight{font-size:.84rem}
.review-dialog .review-cod{font-size:1.15rem}
:root:not([data-theme="dark"]) .review-dialog .review-trash.btn{background:#e9edf2;border-color:#b3bdc9;color:#414b59}
:root[data-theme="dark"] .btn{box-shadow:none}
:focus-visible{outline:2px solid #b8334c;outline-offset:3px}
::selection{background:#ecd1d5;color:#482631}
@media(max-width:760px){.dialog-foot{gap:6px}.dialog-foot .btn,.review-dialog .dialog-foot .btn{min-width:0;flex:1;padding:8px 9px}.review-dialog .review-mobile-views .btn{font-size:.75rem;padding:6px}}

/* Dashboard */
#app[data-view="dashboard"] .heading .subtitle:empty{display:none}
#app[data-view="dashboard"] .stat{
 background:var(--stat-surface);
 border-color:var(--stat-border);
 padding:15px 17px;
}
#app[data-view="dashboard"] .stat::before{display:none}
#app[data-view="dashboard"] .stat.contact{--stat-surface:#f9e6eb;--stat-border:#ebc7d0}
#app[data-view="dashboard"] .stat.processing{--stat-surface:#f8efd9;--stat-border:#e7d6aa}
#app[data-view="dashboard"] .stat.completed{--stat-surface:#e1f1e8;--stat-border:#bfdccd}
#app[data-view="dashboard"] .stat.deleted{--stat-surface:#e2e6ec;--stat-border:#cbd2dc}
#app[data-view="dashboard"] .statlabel{color:inherit;font-weight:600}
#app[data-view="dashboard"] .statvalue{
 display:flex;
 align-items:center;
 justify-content:space-between;
 margin:6px 0 0;
}
.stat-arrow{display:inline-flex;color:inherit}
.stat-arrow svg,.dashboard-rank-arrow svg{width:16px;height:16px}
.dashboard-grid.dashboard-overview{grid-template-columns:1fr 1.15fr;align-items:stretch}
.dashboard-overview .top-dps{grid-column:2;grid-row:1/3}
.dashboard-overview .top-dps .clip-ranking{max-height:238px}
.dashboard-overview>section{min-width:0}
.dashboard-overview h2,.dashboard-chart h2{font-size:.96rem;font-weight:700;margin:0}
.dashboard-progress .progressbody{gap:16px;margin:16px 0 2px}
.dashboard-progress .donut{flex-shrink:0}
.dashboard-progress .donut::before{background:var(--qc-surface,#f2f3f5)}
.dashboard-progress .donut-center span{font-size:.9rem}
.dashboard-leaderboard{
 --rank-ink:#7d2743;
 --rank-tint:#f3dfe6;
 --rank-idle:#e5e8ed;
}
.dashboard-leaderboard.top-dps{--rank-ink:#344b78;--rank-tint:#e1e8f4}
.dashboard-leaderboard h2{color:var(--rank-ink)}
.dashboard-leaderboard .clip-ranking{
 margin:10px 0 0;
 gap:4px;
 max-height:220px;
 overflow:auto;
 scrollbar-width:thin;
 padding:2px 3px 2px 2px;
}
.dashboard-rank-entry{
 display:grid;
 grid-template-columns:25px minmax(0,1fr) auto;
 align-items:center;
 gap:9px;
 width:100%;
 min-height:38px;
 padding:5px 8px;
 border:0;
 border-radius:7px;
 background:transparent;
 color:inherit;
 font:inherit;
 text-align:start;
}
button.dashboard-rank-entry{grid-template-columns:25px minmax(0,1fr) auto 16px;cursor:pointer}
.clip-ranking>.dashboard-rank-entry:first-child,.clip-ranking>li:first-child>.dashboard-rank-entry{background:var(--rank-tint);color:var(--rank-ink)}
button.dashboard-rank-entry:hover{background:var(--rank-idle)}
button.dashboard-rank-entry:focus-visible{outline-offset:-2px}
.clip-rank-medal{
 display:grid;
 place-items:center;
 width:24px;
 height:24px;
 border-radius:6px;
 background:var(--rank-idle);
 font-size:.75rem;
 font-weight:700;
}
.clip-ranking>li:first-child .clip-rank-medal{background:var(--rank-ink);color:var(--rank-tint)}
.clip-rank-name{font-size:.83rem;font-weight:600;overflow-wrap:anywhere}
.clip-rank-count{font-size:.9rem;font-variant-numeric:tabular-nums}
.dashboard-rank-arrow{display:inline-flex;color:var(--rank-ink)}
.dashboard-empty{margin:12px 0 0;font-size:.82rem;color:var(--muted)}
.dashboard-chart .panel-heading{display:flex;flex-wrap:wrap;gap:10px}
.dashboard-chart .chartlegend{margin:0;gap:12px}
.dashboard-chart .chartlegend .dot{background:#d97b94}
.dashboard-chart .chartlegend span+span .dot{background:#36aa7e}
.dashboard-chart .chartcol>.bar:not(.done){background:#d97b94}
:root[data-theme="dark"] #app[data-view="dashboard"] .stat.contact{--stat-surface:#32232c;--stat-border:#593442}
:root[data-theme="dark"] #app[data-view="dashboard"] .stat.processing{--stat-surface:#302a20;--stat-border:#554629}
:root[data-theme="dark"] #app[data-view="dashboard"] .stat.completed{--stat-surface:#203029;--stat-border:#385649}
:root[data-theme="dark"] #app[data-view="dashboard"] .stat.deleted{--stat-surface:#252c37;--stat-border:#3a4556}
:root[data-theme="dark"] .dashboard-leaderboard{--rank-ink:#ffadc2;--rank-tint:#452a38;--rank-idle:#293240}
:root[data-theme="dark"] .dashboard-leaderboard.top-dps{--rank-ink:#b4ccff;--rank-tint:#263754}
@media(max-width:600px){
 .dashboard-grid.dashboard-overview{grid-template-columns:minmax(0,1fr)}
 .dashboard-overview .top-dps{grid-column:auto;grid-row:auto}
}

/* Shared layout across work queues, data screens and account screens. */
#app .heading{gap:12px 20px;margin-bottom:16px}
#app .heading h1,.profile-intro h1{font-size:clamp(1.35rem,2vw,1.65rem);line-height:1.3}
#app .heading .subtitle:empty,#app .pagefoot,.profile-page>.eyebrow{display:none}
.heading-actions{flex-wrap:wrap;row-gap:7px}
.heading-actions .period select{background:transparent}
:root #app .topaccount .btn:is(.theme-toggle,[data-action="noticesettings"]){
 background:#ffffff18;
 color:#fff;
 border-color:#ffffff45;
}
:root #app .topaccount .btn:is(.theme-toggle,[data-action="noticesettings"]):hover{
 background:#ffffff2e;
 border-color:#ffffff70;
}
.navlink[data-nav="contact"],.mobile-nav [data-nav="contact"]{--queue-ink:#a92145;--queue-tint:#f6e3ea}
.navlink[data-nav="processing"],.mobile-nav [data-nav="processing"]{--queue-ink:#795213;--queue-tint:#f5e9ce}
.navlink[data-nav="completed"],.mobile-nav [data-nav="completed"]{--queue-ink:#246749;--queue-tint:#e0eee6}
.navlink[data-nav="deleted"],.mobile-nav [data-nav="deleted"]{--queue-ink:#49566b;--queue-tint:#e3e8ef}
:root:not([data-theme="dark"]) :is(.navlink,.mobile-nav button).active[data-nav]{background:var(--queue-tint,#f6e3ea);color:var(--queue-ink,#a92145)}
:root:not([data-theme="dark"]) .navlink.active::before{background:var(--queue-ink,#a92145)}
:root:not([data-theme="dark"]) :is(.navlink,.mobile-nav button) [data-count]{background:var(--queue-tint,#e3e8ef);color:var(--queue-ink,#49566b)}
#app :is(.work-table,.import-data-table,.employee-days table) thead th{font-weight:650}
:root:not([data-theme="dark"]) #app :is(.work-table,.import-data-table,.employee-days table) thead th{background:#e3e7ed;color:#475368}
:root:not([data-theme="dark"]) #app .work-table tbody tr:not(.is-urgent):hover>td{background:#e9edf3}
#app .work-table .awbcell{font-variant-numeric:tabular-nums}
#app :is(.toolbar,.import-data-tools){gap:10px 14px}
#app .searchbox{min-height:38px}
#app .searchbox input{background:transparent}
#app :is(.contact-card,.workcard){border-radius:10px}
:root:not([data-theme="dark"]) #app :is(.contact-card,.workcard):not(.is-urgent){background:#f2f3f5;border-color:#d4d8de;box-shadow:none}
:root:not([data-theme="dark"]) :is(.import-upload,.import-upload-body,.profile-calendar,.employee-card,.notification-panel){
 background:#f2f3f5;
 border-color:#d4d8de;
}
:root:not([data-theme="dark"]) :is(.uploadbox,.import-type label,.calendar-day,.login-input){background:#e9edf2;border-color:#d1d7e0}
:root:not([data-theme="dark"]) .calendar-day.has-work{background:#f6e6ec;border-color:#ead1dc}
:root:not([data-theme="dark"]) .calendar-day.is-selected{border-color:#a92145;box-shadow:inset 0 0 0 1px #a92145}
.calendar-day.is-today .calendar-date{text-decoration:none;outline:1px solid currentColor;outline-offset:2px}
.employee-card .employee-title h2{font-size:1rem}
.profile-intro>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center}
.profile-intro>div>p{grid-column:1;grid-row:2;margin:0}
.profile-intro>div>:is(.btn,.report-back){grid-column:2;grid-row:1/3;justify-self:end}
.login-brand{display:grid;place-items:center;background:#a92145}
.login-logohero .brand-logo{width:clamp(100px,18vw,220px);height:auto}
.login-form{padding:24px 0}
.login-form .login-input input{background:transparent;color:inherit}
dialog :is(.dialog-head,.dialog-foot){border-color:var(--line)}
dialog .dialog-head h2{font-weight:700}
dialog .dialog-foot .btn{white-space:normal}
@media(max-width:760px){
 .login-brand{display:none}
 #app .heading-actions{width:100%;margin-left:0;justify-content:flex-start}
 .profile-intro>div{grid-template-columns:minmax(0,1fr)}
 .profile-intro>div>:is(.btn,.report-back){grid-column:1;grid-row:3;justify-self:start}
}

:root:not([data-theme="dark"]) #app .calendar-grid :is(th,td),
:root:not([data-theme="dark"]) #app .calendar-grid tr{background:transparent}
@media(min-width:761px){
 .calendar-day{min-height:78px;padding:7px 9px}
 .calendar-cases{margin-top:3px;font-size:1.55rem}
 .calendar-unit{min-height:0;margin-top:2px}
}

:root[data-theme="dark"] :is(.navlink,.mobile-nav button)[data-nav="contact"]{--queue-ink:#ffb4c6;--queue-tint:#472b39}
:root[data-theme="dark"] :is(.navlink,.mobile-nav button)[data-nav="processing"]{--queue-ink:#f1d49a;--queue-tint:#423721}
:root[data-theme="dark"] :is(.navlink,.mobile-nav button)[data-nav="completed"]{--queue-ink:#a4dfbc;--queue-tint:#263e35}
:root[data-theme="dark"] :is(.navlink,.mobile-nav button)[data-nav="deleted"]{--queue-ink:#d0daea;--queue-tint:#303c4d}
:root[data-theme="dark"] #app :is(.navlink,.mobile-nav button).active:is([data-nav="contact"],[data-nav="processing"],[data-nav="completed"],[data-nav="deleted"]){
 background:var(--queue-tint);
 color:var(--queue-ink);
}

/* Sign-in uses one form and brand lockup at every viewport width. */
#app[data-view="login"] .login-shell{
 --signin-text:#252f3c;
 --signin-label:#526071;
 --signin-field:#f3f5f8;
 --signin-border:#bcc5d1;
 display:block;
 background:#e9ebee;
}
#app[data-view="login"] .login-formwrap{
 min-height:100dvh;
 padding:28px 20px;
 background:transparent;
}
#app[data-view="login"] .login-form{
 width:100%;
 max-width:420px;
 padding:32px;
 color:var(--signin-text);
 background:#f6f7f9;
 border:1px solid #d4d8de;
 border-radius:14px;
}
.login-identity .brand{
 gap:10px;
 margin-bottom:24px;
 font-size:.83rem;
 font-weight:750;
 letter-spacing:.05em;
}
.login-identity .brand-logo{
 width:42px;
 height:42px;
 padding:4px;
 border-radius:10px;
 background:#ba2346;
}
#app .login-form h2{font-size:1.55rem;margin:0 0 20px}
#app .login-field{margin-top:16px}
#app .login-field label{color:var(--signin-label);margin-bottom:6px}
#app .login-input{
 min-height:46px;
 background:var(--signin-field);
 border-color:var(--signin-border);
 color:var(--signin-label);
}
#app .login-input:focus-within{border-color:#b32c50;box-shadow:0 0 0 2px #b32c5024}
#app .login-input input{color:var(--signin-text);font-size:16px}
#app .login-input input:-webkit-autofill{
 -webkit-box-shadow:0 0 0 100px var(--signin-field) inset;
 -webkit-text-fill-color:var(--signin-text);
 caret-color:var(--signin-text);
}
#app .login-form .btn.primary{min-height:44px;margin-top:22px}
:root[data-theme="dark"] #app[data-view="login"] .login-shell{
 --signin-text:#edf1f7;
 --signin-label:#b9c5d4;
 --signin-field:#1f2a38;
 --signin-border:#526176;
 background:#111720;
}
:root[data-theme="dark"] #app[data-view="login"] .login-form{background:#1a222e;border-color:#344050}
@media(max-width:480px){
 #app[data-view="login"] .login-form{padding:24px}
}

.task-dialog .product-heading{
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:space-between;
 gap:6px 16px;
 margin-bottom:12px;
}
.task-dialog .product-heading h3{margin:0}
.task-cod{display:flex;align-items:baseline;gap:8px;font-size:.8rem}
.task-cod strong{font-size:1.1rem;font-variant-numeric:tabular-nums}

.contact-queue{display:flex;gap:6px;padding:10px 16px 0}
.contact-queue button{
 border:1px solid transparent;border-radius:8px;padding:6px 12px;
 color:inherit;background:transparent;font:inherit;font-size:.82rem;cursor:pointer;
}
.contact-queue button:hover{background:var(--qc-border)}
.contact-queue button[aria-pressed="true"]{background:#f6e3ea;color:#a92145;border-color:#ebc7d0;font-weight:700}
:root[data-theme="dark"] .contact-queue button[aria-pressed="true"]{background:#472b39;color:#ffb4c6;border-color:#674051}
#detail .task-secondary .btn{min-width:0}
#detail .task-secondary .task-noanswer{background:#f5e9ce;border-color:#e7d6aa;color:#795213;font-weight:700}
:root[data-theme="dark"] #detail .task-secondary .task-noanswer{background:#423721;border-color:#675632;color:#f1d49a}
@media(max-width:760px){.task-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}}

#detail.task-dialog .dialog-foot{
 display:grid;
 grid-template-columns:auto auto minmax(0,1fr) 40px;
 gap:8px;
 align-items:center;
}
#detail.task-dialog .dialog-foot .btn{min-width:0;min-height:40px;justify-content:center}
#detail.task-dialog .task-noanswer{background:#f5e9ce;border-color:#e7d6aa;color:#795213;font-weight:700}
#detail.task-dialog .task-submit{justify-self:end}
#detail.task-dialog .task-discard{padding:0;width:40px;background:#3b4350;border-color:#3b4350;color:#fff}
#detail.task-dialog .task-discard:hover{background:#262c36;border-color:#262c36}
#detail.task-dialog .task-discard svg{width:17px;height:17px}
#detail.task-dialog .task-review-flag{margin-top:10px}
:root[data-theme="dark"] #detail.task-dialog .task-noanswer{background:#423721;border-color:#675632;color:#f1d49a}
@media(max-width:480px){
 #detail.task-dialog .dialog-foot{grid-template-columns:1fr 1fr 40px}
 #detail.task-dialog .task-submit{grid-column:1/3;grid-row:2;justify-self:stretch}
 #detail.task-dialog .task-discard{grid-column:3;grid-row:2}
}

#detail.task-dialog .dialog-head{padding-block:14px}
#detail.task-dialog .dialog-body{padding-block:14px 16px}
#detail.task-dialog .task-meta{gap:6px 12px;flex-wrap:wrap;margin-bottom:14px!important}
#detail.task-dialog .detailtop .row{flex-wrap:wrap;gap:6px}
#detail.task-dialog .dialog-body>.section{padding-bottom:12px;margin-bottom:12px}
#detail.task-dialog .task-recipient h3{margin-bottom:8px}
#detail.task-dialog .task-recipient .detailgrid{gap:8px 12px;grid-template-columns:repeat(3,minmax(0,1fr))}
#detail.task-dialog .task-recipient .datafield{padding:0}
#detail.task-dialog .task-recipient .datafield.full{grid-column:auto}
#detail.task-dialog .task-recipient .datafield label{margin-bottom:3px}
#detail.task-dialog .task-recipient .phone-button{height:24px;min-height:24px}
#detail.task-dialog .task-product .product-heading{margin-bottom:7px}
#detail.task-dialog .product-highlight{padding:9px 12px;line-height:1.55;overflow-wrap:anywhere}
#detail.task-dialog .dialog-body>#clipsSection{border-bottom:0;padding-bottom:0;margin-bottom:0}
#detail.task-dialog #clipsSection>.row:first-child{margin-bottom:6px!important}
#detail.task-dialog .task-review-flag{
 min-height:32px;padding:4px 0;justify-content:flex-start;
 border:0;background:transparent;color:inherit;
}
#detail.task-dialog .dialog-foot{padding-block:10px}
@media(max-width:560px){
 #detail.task-dialog .task-recipient .detailgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #detail.task-dialog .task-recipient .datafield.full{grid-column:1/-1}
 #detail.task-dialog .task-recipient .phone-button{min-height:36px;height:36px}
}