@charset "UTF-8";
:root{--bg:#f3f5f8;--paper:#fff;--ink:#17243a;--muted:#748096;--line:#e6ebf2;--navy:#142b48;--blue:#285be5;--blue-soft:#edf2ff;--teal:#078779;--teal-soft:#e7f6f0;--red:#c3434a;--red-soft:#fff0f0;--amber:#a96815;--amber-soft:#fff5df;--radius:16px;--shadow:0 12px 40px rgba(28,49,80,.05)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.35;letter-spacing:-.6px}h2{font-size:19px;line-height:1.45}h3{font-size:15px}small,.muted{color:var(--muted)}small{font-size:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a9bffa;outline-offset:2px}.initial{min-height:90vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.brand-mark{background:var(--blue);color:white;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;font-size:19px;font-weight:750;flex:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:222px minmax(0,1fr)}.sidebar{background:var(--navy);color:#c1ccdd;padding:28px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:222px;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:white;padding:0 8px 30px}.brand strong{display:block;font-size:17px;letter-spacing:.5px}.brand small{color:#8b9fb9;font-size:10px;letter-spacing:2px}.nav{display:grid;gap:8px}.nav button{display:flex;gap:13px;align-items:center;border:0;text-align:left;background:none;color:#aabbd1;padding:13px 14px;border-radius:10px;font-weight:600}.nav button.active,.nav button:hover{color:#fff;background:#284366}.nav .nav-symbol{font-size:18px;width:21px;text-align:center}.nav-count{margin-left:auto;background:#42628b;border-radius:6px;padding:1px 6px;font-size:11px}.sidebar-note{border:1px solid #36506e;border-radius:12px;padding:13px 12px;font-size:12px;color:#a9bdd6;margin-top:auto;line-height:1.7}.sidebar-note strong{color:#dde8f7;display:block;margin-bottom:5px}.user-box{display:flex;align-items:center;gap:10px;padding:22px 3px 0}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:35px;height:35px;border-radius:50%;background:#dae4fc;color:#2c58bb;font-weight:700}.user-box .avatar{background:#3a526f;color:#fff}.user-box strong{font-size:13px;color:#fff;display:block}.user-box small{font-size:11px;color:#98adc7}.logout{margin-left:auto;border:0;color:#a1b5cf;background:none;font-size:12px}.main{grid-column:2;min-width:0}.topbar{height:74px;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:15px}.breadcrumb{color:var(--muted);font-size:12px}.breadcrumb strong{color:var(--ink);font-weight:550}.topbar-right{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}.live-dot{width:7px;height:7px;background:#17aa82;border-radius:50%;display:inline-block;margin-right:6px}.page{max-width:1580px;margin:auto;padding:32px 34px 50px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.page-heading p{color:var(--muted);margin-top:8px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;color:var(--blue);text-transform:uppercase;margin-bottom:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dfe5ee;color:#43516a;background:white;padding:9px 15px;border-radius:9px;font-weight:550;text-decoration:none;white-space:nowrap;line-height:1.5}.btn:hover{background:#f8faff;text-decoration:none}.btn.primary{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 3px 6px #285be519}.btn.primary:hover{background:#214dcc}.btn.soft{background:var(--blue-soft);border-color:var(--blue-soft);color:var(--blue)}.btn.danger{color:var(--red);border-color:#f0d1d3}.btn.small{font-size:12px;padding:6px 10px;border-radius:7px}.btn.icon{padding:6px 10px;font-size:19px}.btn.ghost{border-color:transparent;background:transparent}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{padding:21px 21px 17px;border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;color:var(--ink)}.stat:hover{border-color:#c6d2ed}.stat-label{font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.stat-value{font-size:31px;font-weight:720;line-height:1.2;margin:12px 0 9px;font-variant-numeric:tabular-nums;letter-spacing:-1px}.stat-foot{font-size:11px;color:var(--muted)}.stat.warn .stat-value{color:var(--amber)}.stat.danger .stat-value{color:var(--red)}.stat.success .stat-value{color:var(--teal)}.grid-2{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stack{display:grid;gap:20px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 23px;border-bottom:1px solid var(--line)}.card-head p{font-size:12px;color:var(--muted);margin-top:4px}.card-body{padding:23px}.card-body>p+p{margin-top:12px}.card-footer{padding:16px 23px;background:#fbfcff;border-top:1px solid var(--line)}.section-gap{margin-top:23px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;border-radius:5px;background:#eef1f6;color:#65728a;padding:3px 7px;white-space:nowrap}.pill.blue{color:#365bc5;background:#edf2ff}.pill.green{color:#067960;background:#e7f6ef}.pill.amber{color:#a66b20;background:#fff5df}.pill.red{color:#b9464e;background:#ffedef}.pill.purple{color:#795ac4;background:#f2edff}.table-wrap{overflow:auto;width:100%}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;letter-spacing:.3px;font-weight:550;color:var(--muted);background:#fafbfe;padding:12px 19px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:16px 19px;border-bottom:1px solid #eef1f6;vertical-align:middle;font-size:13px}tr:last-child td{border-bottom:0}tr.clickable{cursor:pointer}tr.clickable:hover{background:#f8faff}td strong{font-size:12px;font-weight:650;display:block}td small{display:block;margin-top:4px;font-size:11px}td.title-cell{min-width:190px;max-width:300px}.table-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:310px}.empty{padding:44px 25px;text-align:center;color:var(--muted);font-size:13px}.empty .empty-symbol{display:block;font-size:28px;color:#a8b8d5;margin-bottom:10px}.empty h3{color:#59677d;margin-bottom:6px}.empty .btn{margin-top:16px}.notice{border:1px solid #dee7fb;background:#f4f7ff;border-radius:11px;padding:13px 16px;font-size:12px;color:#536992;line-height:1.8}.notice.amber{background:#fffbef;border-color:#f0e2bd;color:#906b25}.notice.red{background:#fff5f5;border-color:#f2d9d9;color:#a7494f}.notice.green{background:#effaf5;border-color:#d4ebdf;color:#347d61}.notice strong{display:block;margin-bottom:2px}.task-row{padding:17px 23px;display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #edf0f5}.task-row:last-child{border:0}.task-check{width:26px;height:26px;flex:none;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:12px}.task-main{min-width:0;flex:1}.task-main h3{font-size:13px}.task-main p{font-size:11px;color:var(--muted);margin-top:5px}.task-date{font-size:11px;color:var(--amber);white-space:nowrap}.notification{padding:17px 23px;border-bottom:1px solid var(--line)}.notification:last-child{border:0}.notification h3{font-size:13px;margin-bottom:5px}.notification p{font-size:12px;color:var(--muted);line-height:1.7}.notification-meta{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.assistant-card{background:linear-gradient(135deg,#f3f6ff,#fff);border-color:#dce4fc}.assistant-orb{display:inline-flex;justify-content:center;align-items:center;background:#e3eaff;border-radius:11px;color:#4965cf;width:36px;height:36px;font-size:19px}.assistant-list{padding:0;margin:14px 0 0;list-style:none;display:grid;gap:10px;font-size:12px;color:#667590}.assistant-list li{display:flex;gap:10px}.assistant-list li:before{content:'·';color:#4f71d1;font-weight:900}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:17px 20px;border-bottom:1px solid var(--line)}.search{position:relative;flex:1;min-width:220px}.search input{width:100%;padding-left:33px}.search:before{content:'⌕';position:absolute;left:11px;top:5px;font-size:20px;color:#94a0b5}.filter-count{font-size:12px;color:var(--muted);margin-left:auto}input,select,textarea{border:1px solid #dce3ed;border-radius:8px;background:#fff;padding:10px 11px;color:var(--ink);line-height:1.5;max-width:100%}input::placeholder,textarea::placeholder{color:#a6afbe}textarea{resize:vertical;min-height:92px}input[readonly]{background:#f6f8fc;color:#6d7b90}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 18px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:12px;font-weight:650;color:#58667c}.field small{font-size:11px;line-height:1.55}.field.full,.full{grid-column:1/-1}.field.required label:after{content:' *';color:#c34b59}.field textarea{width:100%}.form-section{font-size:13px;padding-bottom:10px;margin:8px 0 3px;border-bottom:1px solid var(--line);grid-column:1/-1;color:#344d72}.error-box{padding:12px 15px;background:#fff1f1;color:#b7434a;border:1px solid #f0d6d8;border-radius:8px;font-size:13px;margin-bottom:17px}.hidden{display:none!important}.auth{min-height:100vh;display:grid;grid-template-columns:1.06fr 1fr;background:white}.auth-intro{padding:9vw 7vw;background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-intro:after{content:'';position:absolute;width:430px;height:430px;border:1px solid #46658966;border-radius:50%;right:-180px;bottom:-180px;box-shadow:0 0 0 80px #34537319,0 0 0 160px #34537312}.auth-intro .brand{padding:0 0 64px}.auth-intro h1{font-size:38px;line-height:1.6;letter-spacing:1px}.auth-intro>p{color:#aebed3;margin-top:22px;max-width:420px;line-height:1.95}.auth-steps{display:flex;gap:24px;margin-top:46px;font-size:12px;color:#c0cde0}.auth-steps span{display:flex;flex-direction:column;gap:10px}.auth-steps b{font-size:11px;color:#7399d2;letter-spacing:1px}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:45px}.auth-form{width:100%;max-width:390px}.auth-form h2{font-size:25px;margin:14px 0 8px}.auth-form>p{color:var(--muted);font-size:13px;margin-bottom:30px}.auth-form .field{margin-bottom:17px}.auth-form .btn{width:100%;padding:12px;margin-top:10px}.auth-footer{font-size:11px;color:#929eb0;line-height:1.8;margin-top:28px}.back-btn{margin-bottom:14px;padding:0;border:0;background:none;font-size:12px;color:#7b89a1}.detail-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.detail-title-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.case-number{font-size:12px;color:var(--blue);font-weight:650;letter-spacing:.6px}.detail-head h1{font-size:26px;margin-bottom:8px}.detail-sub{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.deadline-box{background:white;border:1px solid var(--line);border-radius:12px;padding:13px 20px;text-align:right;flex:none}.deadline-box strong{font-size:24px;display:block;color:var(--blue);line-height:1.4}.deadline-box.danger strong{color:var(--red)}.deadline-box small{font-size:11px}.tabs{display:flex;overflow:auto;gap:22px;padding:0 4px;border-bottom:1px solid #dce3ed;margin-bottom:22px}.tabs button{border:0;background:transparent;color:#7b8799;font-size:13px;font-weight:550;padding:13px 2px;border-bottom:3px solid transparent;white-space:nowrap}.tabs button.active{color:var(--blue);border-color:var(--blue)}.detail-topline{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:17px}.progress-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:21px 23px}.progress-step{position:relative;font-size:11px;color:#8b97a9;text-align:center}.progress-step:before{content:'';height:3px;background:#edf0f6;position:absolute;left:52%;right:-52%;top:12px;z-index:0}.progress-step:last-child:before{display:none}.progress-step.done:before{background:#b5daca}.progress-step>span{position:relative;display:flex;width:26px;height:26px;align-items:center;justify-content:center;border:1px solid #e3e9f1;border-radius:50%;background:white;margin:0 auto 8px;font-size:10px;z-index:1}.progress-step.done{color:#22836c}.progress-step.done>span{background:#e3f4eb;border-color:#d2e9db;color:#168362}.kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px}.kv small{display:block;margin-bottom:6px;font-size:11px}.kv p{font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap}.kv.wide{grid-column:1/-1}.closure-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:12px}.closure-list li{display:flex;gap:9px;color:#866d40}.closure-list li:before{content:'○';color:#bc9250}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-card{background:white;border:1px solid var(--line);border-radius:11px;padding:17px;text-align:left;color:var(--ink)}.action-card:hover{border-color:#b8c8ed;background:#fcfdff}.action-card strong{display:block;font-size:13px;margin-bottom:6px}.action-card small{font-size:11px;display:block;line-height:1.6}.action-card .pill{margin-bottom:10px}.link-box{display:flex;gap:8px;margin:13px 0}.link-box input{font-size:12px;width:100%;min-width:0;background:#fafbfe}.timeline{position:relative;padding:6px 0}.event{padding:0 0 26px 24px;border-left:1px solid #dfe7f2;position:relative;margin-left:6px}.event:last-child{padding-bottom:0;border-left-color:transparent}.event:before{content:'';width:9px;height:9px;background:#c7d6ef;border:2px solid #fff;box-shadow:0 0 0 1px #d5e0f0;border-radius:50%;position:absolute;left:-5px;top:4px}.event-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:6px}.event-head strong{font-weight:650}.event p{font-size:12px;color:#6a7990;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}.event small{font-size:10px}.report-field{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.report-field:first-child{padding-top:0}.report-field:last-child{border:0}.d-badge{width:34px;height:34px;flex:none;background:var(--blue-soft);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:12px;font-weight:750}.report-field .field{flex:1}.report-field textarea{min-height:110px;font-size:13px}.report-field p{white-space:pre-wrap;font-size:13px;line-height:1.8;color:#586a81}.report-field h3{margin-bottom:7px}.file-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.file-row:last-child{border:0}.file-icon{background:#f0f3fa;color:#6a83b0;padding:8px;border-radius:8px;font-size:11px;font-weight:700}.file-row .file-name{font-size:12px;font-weight:600;overflow-wrap:anywhere}.file-row .file-info{flex:1;min-width:0}.file-row small{display:block;margin-top:3px;font-size:10px}.upload-box{padding:20px;border:1px dashed #c9d5e9;background:#fafcff;border-radius:11px}.upload-box p{font-size:12px;color:var(--muted);margin-bottom:12px}.upload-box input[type=file]{border:0;padding:8px 0;font-size:12px;max-width:100%}.assistant-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px}.assistant-intents{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.assistant-intents button{border:1px solid #dde5f3;background:#fff;color:#496080;padding:13px;text-align:left;border-radius:9px;font-size:12px}.assistant-intents button.active{border-color:#9db5f1;background:#f1f5ff;color:var(--blue)}.assistant-output{white-space:pre-wrap;font-size:13px;line-height:1.95;color:#485b77;overflow-wrap:anywhere}.suggestion{padding:13px 0;border-top:1px solid var(--line)}.suggestion strong{font-size:12px;display:block;margin-bottom:5px}.suggestion p{font-size:12px;line-height:1.8;color:var(--muted)}.help-list{font-size:12px;line-height:1.9;color:#6c7c95;padding-left:19px}.help-list li{margin:10px 0}.modal-backdrop{position:fixed;inset:0;background:#10213b66;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:26px}.modal{width:100%;max-width:740px;max-height:calc(100vh - 52px);display:flex;flex-direction:column;background:white;border-radius:18px;box-shadow:0 24px 80px #10213b33}.modal.large{max-width:900px}.modal-head{padding:23px 27px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.modal-head p{font-size:12px;color:var(--muted);margin-top:4px}.modal-body{overflow:auto;padding:24px 27px}.modal-footer{border-top:1px solid var(--line);padding:17px 27px;display:flex;justify-content:flex-end;gap:10px;flex:none}.modal-footer .muted{font-size:11px;margin-right:auto;align-self:center}.toast-root{position:fixed;bottom:24px;right:26px;z-index:200;display:grid;gap:10px;max-width:calc(100% - 40px)}.toast{background:#1c3556;color:white;border-radius:10px;padding:13px 20px;box-shadow:0 10px 35px #10213b22;font-size:13px;animation:toast-in .2s ease}.toast.error{background:#ac3f4b}@keyframes toast-in{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.loading{text-align:center;color:#8997aa;padding:50px}.settings-hero{display:flex;align-items:center;gap:15px;margin-bottom:22px}.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:23px}.channel-card{padding:24px}.channel-icon{font-size:21px;background:#eff4ff;border-radius:10px;width:43px;height:43px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.channel-card h3{font-size:16px;margin-bottom:8px}.channel-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:10px 0}.checkline{display:flex;gap:8px;align-items:center;font-size:12px;color:#697990}.checkline input{width:16px;height:16px}.customer-body{background:#f3f6fa}.customer-shell{max-width:980px;margin:auto;padding:25px 24px 60px}.customer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0 26px}.customer-header .brand{padding:0;color:var(--navy)}.customer-header .brand small{color:#8492a9}.customer-hero{background:var(--navy);color:white;border-radius:18px;padding:29px 32px;margin-bottom:24px;display:flex;justify-content:space-between;gap:20px;position:relative;overflow:hidden}.customer-hero .eyebrow{color:#8facde}.customer-hero h1{font-size:26px}.customer-hero p{font-size:12px;color:#b8c9e1;margin-top:9px}.customer-hero .hero-deadline{min-width:130px;text-align:right;align-self:center}.hero-deadline strong{display:block;font-size:20px;margin-bottom:4px}.hero-deadline small{color:#8fa7c8}.customer-tabs{justify-content:flex-start;margin-bottom:22px}.customer-card{margin-bottom:22px}.customer-footer{text-align:center;font-size:11px;color:#95a0b2;margin-top:30px;line-height:1.8}.customer-report{white-space:pre-wrap;font-size:13px;line-height:1.9}.inline-code{font-family:ui-monospace,monospace;background:#f0f3f8;border-radius:4px;padding:2px 5px;overflow-wrap:anywhere}.danger-text{color:var(--red)}.nowrap{white-space:nowrap}.mobile-brand{display:none}.subtle-divider{height:1px;background:var(--line);margin:20px 0}.wrap{overflow-wrap:anywhere}
@media(min-width:1600px){.page{padding-top:38px}.stats{gap:20px}.stat{padding:25px}.grid-2{grid-template-columns:1.8fr 1fr}}
@media(max-width:1150px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{width:190px;padding:24px 12px}.brand strong{font-size:15px}.page{padding:27px 23px}.topbar{padding:0 23px}.stats{gap:10px}.stat{padding:17px 14px}.stat-label{font-size:11px}.grid-2{grid-template-columns:1fr}.assistant-layout{grid-template-columns:1fr}.assistant-layout>aside{order:-1}.assistant-layout>aside .help-list{display:none}.action-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.app-shell{display:block}.sidebar{position:sticky;top:0;width:100%;padding:10px 17px;display:flex;flex-direction:row;align-items:center;gap:10px;box-shadow:0 2px 12px #10213b11}.sidebar>.brand{padding:0}.sidebar>.brand small{display:none}.sidebar>.brand .brand-mark{width:30px;height:30px;font-size:15px}.sidebar .nav{display:flex;margin-left:auto;gap:3px}.sidebar .nav button{padding:9px 10px;font-size:12px}.nav-symbol,.nav-count,.sidebar-note,.user-box{display:none!important}.main{display:block}.topbar{height:51px;padding:0 20px}.topbar-right .desktop-only{display:none}.page{padding:24px 20px}.stats{grid-template-columns:repeat(3,1fr)}.stat:nth-child(n+4){display:none}.stat-value{font-size:29px}.stat-foot{font-size:10px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.grid-equal,.channel-grid{grid-template-columns:1fr}.auth{grid-template-columns:1fr}.auth-intro{display:none}.auth-form-wrap{min-height:100vh;padding:30px}.auth-form:before{content:'售后工作台';font-size:15px;color:#31527c;display:block;font-weight:650;margin-bottom:40px}.detail-head{flex-direction:column}.deadline-box{align-self:flex-start;display:flex;gap:12px;align-items:center;text-align:left;padding:10px 15px}.deadline-box strong{font-size:19px}.detail-topline{align-items:flex-start;flex-direction:column}.action-grid{grid-template-columns:1fr 1fr}.modal-backdrop{padding:14px}.modal{max-height:calc(100vh - 28px)}.modal-body,.modal-head{padding:20px}.modal-footer{padding:16px 20px}.customer-shell{padding:18px 17px 40px}.customer-hero{padding:24px}.customer-hero .hero-deadline{min-width:100px}.customer-header .brand strong{font-size:17px}}
@media(max-width:540px){.sidebar>.brand strong{display:none}.sidebar .nav button{padding:9px 8px;font-size:11px}.sidebar{gap:4px}.page{padding:20px 14px}.page-heading{gap:10px}.page-heading h1{font-size:22px}.page-heading>.button-row .btn{font-size:12px;padding:8px 10px}.stats{gap:7px}.stat{padding:13px 10px;border-radius:11px}.stat-value{font-size:26px;margin:8px 0}.stat-label{font-size:10px}.stat-foot{display:none}.topbar{padding:0 15px}.card-head{padding:17px}.card-body{padding:18px}.card-head h2{font-size:16px}.task-row,.notification{padding:15px 17px}.form-grid,.kv-grid{grid-template-columns:1fr}.kv.wide{grid-column:auto}.form-grid .full,.form-section{grid-column:1}.action-grid{grid-template-columns:1fr}.tabs{gap:20px}.tabs button{font-size:12px}.progress-strip{padding:19px 10px}.progress-step{font-size:9px}.progress-step>span{width:22px;height:22px}.progress-step:before{top:10px}.detail-head h1{font-size:22px}.modal-head h2{font-size:17px}.modal-footer .muted{display:none}.customer-hero{flex-direction:column;gap:17px}.customer-hero .hero-deadline{align-self:flex-start;text-align:left}.hero-deadline strong{font-size:16px}.customer-hero h1{font-size:23px}.customer-header>small{display:none}.assistant-intents{grid-template-columns:1fr}.filters{padding:14px}.filters select{flex:1}.search{flex-basis:100%}.filter-count{display:none}.file-row{flex-wrap:wrap}.customer-tabs{gap:20px}.button-row{gap:7px}.button-row .btn{font-size:12px}.auth-form-wrap{padding:25px}.card-footer{padding:15px 17px}}
@media print{.sidebar,.topbar,.tabs,.btn,.upload-box,.customer-header,.customer-footer{display:none!important}.app-shell{display:block}.main{margin:0}.page{padding:0}.card{box-shadow:none;break-inside:avoid}.modal-backdrop{display:none}.customer-shell{padding:0;max-width:none}.customer-hero{background:#fff;color:#17243a;border:1px solid #ccc}.customer-hero p,.customer-hero small{color:#555}.customer-body{background:#fff}}

.report-archive{border:1px solid var(--line);border-radius:10px;margin-bottom:12px;overflow:hidden}.report-archive:last-child{margin-bottom:0}.report-archive summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px;cursor:pointer;padding:15px 17px;background:#f8faff}.report-archive summary:before{content:'▸';color:var(--blue)}.report-archive[open] summary:before{content:'▾'}.report-archive summary span{font-size:12px;color:var(--muted);margin-left:auto}.archive-body{padding:18px}.archive-body h3{font-size:13px;margin-top:18px;margin-bottom:7px}.archive-meta{font-size:12px;margin-top:12px}.archive-body .customer-report,.kv p,.event p{overflow-wrap:anywhere}.report-field .field>p{white-space:pre-wrap}.field input:disabled,.field textarea:disabled,.field select:disabled{background:#f6f8fc;color:#748096}

/* Customer service portal */
.customer-shell{max-width:1120px}.customer-header .brand small{font-size:10px;letter-spacing:1px;margin-top:4px}.portal-label{font-size:11px;color:#8591a5}.hero-status{display:flex;align-items:center;gap:11px;margin-top:17px}.hero-status>span:last-child{font-size:11px;color:#afc3df}.customer-hero .hero-deadline strong{margin:5px 0;font-size:22px}.portal-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px;align-items:start}.portal-grid .stack{align-content:start}.service-steps{list-style:none;margin:0;padding:0}.service-step{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;padding-bottom:25px}.service-step:last-child{padding-bottom:0}.service-step:before{content:'';position:absolute;left:17px;top:36px;width:1px;bottom:0;background:#e6ebf3}.service-step:last-child:before{display:none}.step-number{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;width:36px;height:36px;border:1px solid #e5eaf2;border-radius:50%;background:#f8fafc;color:#98a5b7;font-size:11px;font-weight:700}.service-step.done .step-number{background:#ebf7f0;border-color:#d0e9db;color:#207b5d}.service-step.done:before{background:#c8e3d6}.service-step.current .step-number{background:#edf2ff;border-color:#bed0ff;color:#365ec8;box-shadow:0 0 0 4px #f5f7ff}.step-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:33px}.step-heading h3{font-size:14px}.service-step.pending h3{color:#8290a5}.service-step p{font-size:12px;line-height:1.75;color:#78869b;margin-top:4px}.service-step small{display:block;margin-top:6px;font-size:10px}.parallel-note{margin-top:24px}.public-trace+.public-trace{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.public-trace small{display:block;font-size:11px;margin-bottom:7px}.public-trace p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9}.detector-numbers{padding:12px 14px;background:#f6f8fc;border:1px solid #e5ebf5;border-radius:8px;font-family:ui-monospace,monospace;color:#3a557e}.trace-updated{display:block;margin-top:18px;font-size:10px}.address-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.address-symbol{width:34px;height:34px;border-radius:10px;background:#eaf5f0;color:#2b8061;display:flex;align-items:center;justify-content:center;font-size:19px;flex:none}.address-heading small{font-size:10px;color:#5a8c75}.address-heading h3{font-size:14px;margin-top:3px}.address-heading .pill{margin-left:auto}.address-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.85;color:#304863}.address-contact{display:flex;gap:15px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:#8590a2}.address-contact strong{font-weight:550;color:#445a73}.address-guide{font-size:11px;line-height:1.8;color:#7c8a9d;margin-top:17px;padding-top:15px;border-top:1px solid var(--line)}.return-address>.btn{margin-top:15px}.address-locked{display:flex;gap:12px;align-items:flex-start}.address-locked .address-symbol{background:#f1f4fa;color:#8899b5}.address-locked h3{font-size:14px;line-height:1.7}.address-locked p{font-size:12px;color:#8793a6;line-height:1.85;margin-top:8px}.address-locked .btn{margin-top:16px}.portal-aside .event h3{font-size:12px;color:#566e8e;font-weight:550;line-height:1.7}.portal-aside .event small{display:block;margin-top:5px;font-size:10px}.portal-empty{padding:17px 12px;text-align:center;color:#8d9aaf}.portal-empty>span{display:block;font-size:24px;margin-bottom:6px;color:#b2c0d6}.portal-empty p{font-size:12px;margin-bottom:6px}.portal-empty small{font-size:11px;line-height:1.8;display:block}.read-field{background:#f7f9fc;border:1px solid #e4eaf2;border-radius:8px;padding:10px 11px;color:#67798e;line-height:1.5;min-height:43px}.missing-chips{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}.missing-chips span{border:1px solid #ead9ad;border-radius:5px;padding:2px 8px;background:#fffdf5;font-size:11px}.rma-submit{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.rma-submit>div{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.rma-submit>small{font-size:10px}.customer-tabs{gap:30px}.customer-body .report-field>div{min-width:0}.customer-report{overflow-wrap:anywhere}.customer-header .brand strong{overflow-wrap:anywhere}.customer-header .button-row{flex:none}.customer-hero>div:first-child{min-width:0}.customer-hero h1{overflow-wrap:anywhere}.customer-hero .eyebrow{overflow-wrap:anywhere}.customer-tabs button{min-height:47px}
@media(max-width:850px){.portal-grid{grid-template-columns:1fr}.portal-aside{grid-template-columns:1fr 1fr;align-items:start}.customer-shell{max-width:740px}.customer-hero{padding:25px}.customer-header .portal-label{display:none}}
@media(max-width:540px){.portal-aside{grid-template-columns:1fr}.customer-header .brand strong{font-size:15px}.customer-header .brand{gap:9px;min-width:0}.customer-header .brand small{font-size:9px;letter-spacing:0}.customer-header{gap:10px}.customer-header .brand-mark{width:33px;height:33px;font-size:17px;flex:none}.customer-tabs{gap:23px}.customer-tabs button{font-size:12px}.hero-status{align-items:flex-start;flex-wrap:wrap}.customer-hero .hero-deadline strong{font-size:20px}.service-step{grid-template-columns:30px minmax(0,1fr);gap:12px;padding-bottom:22px}.step-number{width:30px;height:30px;font-size:10px}.service-step:before{left:14px;top:30px}.step-heading{gap:8px;min-height:30px}.step-heading h3{font-size:13px}.step-heading .pill{font-size:10px;padding:2px 6px}.address-heading .pill{margin-left:0}.rma-submit{align-items:stretch}.rma-submit>div{flex-direction:column-reverse}.rma-submit .btn{width:100%;white-space:normal}.rma-submit>small{text-align:center}.address-contact{flex-direction:column;gap:6px}.customer-shell{padding:16px 14px 40px}.customer-card .card-head{align-items:flex-start}.customer-card .card-head>.pill{margin-top:3px}}
@media print{.portal-grid{display:block}.portal-aside{margin-top:20px}.service-step{break-inside:avoid}.portal-label{display:none}}