:root{--blue:#176ba4;--ink:#19364d;--muted:#708395;--line:#e4ebf1;--bg:#f5f9fd;--green:#19816b;--orange:#ac6b20}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.btn{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;line-height:1.3;min-height:40px}.btn:hover{border-color:var(--blue);background:#f4f9fd}.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 3px 7px #176ba415}.primary:hover{background:#125684;color:#fff}.danger{color:#b44145}.small{font-size:12px;padding:7px 11px;min-height:33px}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--blue);text-transform:uppercase}.logo{font-size:21px;font-weight:750;letter-spacing:-.7px;display:flex;gap:10px;align-items:center}.mark{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:9px;background:var(--blue);color:white;font-size:24px;font-weight:400}.top{height:78px;padding:0 max(6vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.top nav{display:flex;align-items:center;gap:30px}.top nav a{font-size:13px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lang{border:0;background:none;color:var(--muted);padding:8px;cursor:pointer}.hero{max-width:1280px;margin:auto;padding:72px 6vw 65px;display:grid;grid-template-columns:1fr 1.05fr;gap:54px;align-items:center;background:radial-gradient(ellipse at 90% 30%,#eaf5fd,transparent 65%)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,4.3vw,58px);line-height:1.12;letter-spacing:-2px;font-weight:650;margin-bottom:22px}.hero h1 span{color:var(--blue)}.hero p{font-size:16px;line-height:1.8;color:#667e91;max-width:430px}.hero .actions{margin:28px 0 18px}.tiny{font-size:11px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;font-size:11px;border-radius:5px;background:#eaf6f1;color:#27816c;white-space:nowrap}.pill.pending{background:#fff4e3;color:#9c6a21}.pill.returned,.pill.expired{background:#fff0ee;color:#b3584d}.pill.draft,.pill.none{background:#edf2f6;color:#738598}.pill.soon{background:#fff4e3;color:#9c6a21}.pill.valid,.pill.approved{background:#eaf6f1;color:#27816c}.mock{border:1px solid #dce7ef;border-radius:12px;background:#fff;box-shadow:0 22px 65px #315f8417;transform:rotate(-1deg);overflow:hidden}.mockbar{padding:13px 18px;border-bottom:1px solid var(--line);display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted)}.dot{height:6px;width:6px;background:#cedce6;border-radius:50%}.mockbody{display:grid;grid-template-columns:92px 1fr;min-height:310px}.mockside{background:#f8fafc;padding:18px 10px;font-size:9px;border-right:1px solid var(--line)}.mockside div{padding:9px 6px}.mockside .active{background:#e9f3fb;color:var(--blue);border-radius:4px}.mockcontent{padding:22px 17px}.mockcontent h3{font-size:16px}.ministats{display:flex;gap:7px;margin-bottom:22px}.ministat{background:#f7fafc;border:1px solid var(--line);border-radius:6px;padding:9px;flex:1;font-size:9px;color:var(--muted)}.ministat strong{display:block;font-size:21px;color:var(--ink)}.mockrow{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:9px;gap:8px}.mockrow .pill{font-size:8px}.floatnote{background:white;border:1px solid var(--line);padding:14px 17px;border-radius:10px;box-shadow:0 12px 30px #315f8417;font-size:11px;position:relative;margin:-24px 16px 0 auto;width:max-content}.trust{max-width:1080px;margin:0 auto;padding:26px 24px;border-top:1px solid var(--line);display:flex;gap:25px;justify-content:space-between;color:#80909e;font-size:12px}.section{padding:75px max(6vw,24px);max-width:1280px;margin:auto}.sectionhead{text-align:center;margin-bottom:38px}.sectionhead h2{font-size:30px;letter-spacing:-.8px;margin:10px 0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:11px;padding:25px}.card h3{font-size:17px;margin:15px 0 10px}.card p{color:var(--muted);font-size:13px;line-height:1.8}.icon{height:39px;width:39px;display:grid;place-items:center;background:#edf6fc;color:var(--blue);border-radius:9px;font-size:20px}.band{background:var(--bg)}.stepnum{color:#bfd3e4;font-size:35px;font-weight:700}.footer{border-top:1px solid var(--line);padding:32px max(6vw,24px);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.footer nav{display:flex;gap:20px;flex-wrap:wrap}.app{display:grid;grid-template-columns:222px 1fr;min-height:100vh;background:#f6f9fc}.sidebar{background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .logo{font-size:20px;padding:0 8px;margin-bottom:38px}.workspace{font-size:10px;letter-spacing:1.6px;color:#98a5b2;padding:0 13px;margin-bottom:12px}.sideLink{padding:11px 13px;display:flex;gap:11px;align-items:center;color:#728595;border-radius:7px;margin:3px 0;font-size:13px}.sideLink.active{color:var(--blue);background:#edf5fb;font-weight:600}.sideLink:hover{background:#f4f8fb}.sidebarfoot{margin-top:auto;padding:18px 10px 0;border-top:1px solid var(--line)}.avatar{height:32px;width:32px;display:inline-grid;place-items:center;border-radius:50%;background:#eaf2f8;color:var(--blue);font-weight:600;flex-shrink:0}.apphead{padding:21px 38px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:15px}.main{padding:28px 38px;max-width:1600px;margin:auto}.notice{border:1px solid #dceaf5;background:#edf6fc;border-radius:7px;padding:10px 14px;color:#55768e;font-size:11px;margin-bottom:25px;display:flex;gap:10px;align-items:center}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}.heading h1{font-size:29px;letter-spacing:-.8px;margin-bottom:5px}.heading p{color:var(--muted);font-size:13px;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.stat .label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.stat strong{display:block;font-size:31px;font-weight:600;margin:12px 0 6px;letter-spacing:-1px}.stat small{font-size:10px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:22px}.paneltitle{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:12px}.paneltitle h2{font-size:15px;margin:0}.tools{padding:16px 23px;display:flex;gap:10px;flex-wrap:wrap}.tools input{min-width:220px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#f8fafc;color:#8394a3;font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;padding:12px 23px}td{padding:18px 23px;border-top:1px solid #eff3f6;font-size:12px}td strong{font-weight:600}td .sub{display:block;font-size:10px;color:var(--muted);margin-top:4px}.company{display:flex;gap:11px;align-items:center}.company .avatar{border-radius:8px;font-size:12px}.progress{height:4px;background:#edf2f6;width:85px;border-radius:6px;margin-top:7px}.progress span{display:block;height:100%;border-radius:6px;background:#58a78e}.two{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.activity{padding:17px 23px;border-bottom:1px solid #eff3f6;font-size:12px}.activity small{color:var(--muted);display:block;font-size:10px;margin-top:5px}.form{max-width:780px;margin:20px auto}.field{display:flex;flex-direction:column;gap:7px;margin:18px 0}.field label{font-size:12px;font-weight:600}input,select,textarea{border:1px solid #dce5ed;border-radius:7px;padding:11px 12px;background:#fff;color:var(--ink);max-width:100%;min-height:40px}input:focus,textarea:focus,select:focus{border-color:var(--blue);outline:2px solid #176ba419}textarea{min-height:85px;resize:vertical}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.steps{display:flex;gap:0;justify-content:space-between;margin:25px 0 35px}.step{padding:10px 0;border-bottom:3px solid var(--line);flex:1;color:var(--muted);font-size:12px}.step.active{border-color:var(--blue);color:var(--blue)}.template{display:block;border:1px solid var(--line);padding:18px;border-radius:8px;margin:12px 0;cursor:pointer}.template:has(input:checked){border-color:var(--blue);background:#f6faff}.template input{min-height:0;margin-right:10px}.filecard{border:1px solid var(--line);border-radius:9px;padding:22px;margin:15px 0}.filehead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.filehead h3{font-size:15px;margin:0}.upload{border:1px dashed #bed2e1;background:#f8fbfd;padding:15px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;flex-wrap:wrap}.feedback{padding:10px 12px;background:#fff4ef;color:#a86540;border-radius:6px;font-size:12px;margin:12px 0}.error{color:#ae4248;background:#fff0f0;padding:12px;border-radius:7px;margin:12px 0;font-size:12px}.empty{text-align:center;padding:45px;color:var(--muted)}.empty strong{display:block;color:var(--ink);margin:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 24px;background:var(--ink);color:white;border-radius:9px;box-shadow:0 9px 25px #19364d30;z-index:100;font-size:13px;max-width:90vw}.modalback{position:fixed;inset:0;background:#19364d55;display:grid;place-items:center;z-index:60;padding:20px}.modal{background:#fff;border-radius:12px;padding:28px;max-width:510px;width:100%;max-height:90vh;overflow:auto}.modalhead{display:flex;justify-content:space-between;align-items:center}.modal h2{font-size:22px;margin:0}.close{border:0;background:none;font-size:24px;color:var(--muted)}.publicbody{max-width:960px;margin:0 auto;padding:60px 24px;min-height:65vh}.publicbody h1{font-size:40px}.publicbody h2{font-size:23px;margin-top:35px}.publicbody p,.publicbody li{color:#657d90;line-height:1.9}.price{font-size:38px;letter-spacing:-1px;font-weight:650}.price small{font-size:13px;color:var(--muted);font-weight:400}.tagline{color:#5d7f98;font-size:12px;letter-spacing:.3px}.guide{border-left:3px solid var(--blue);padding:10px 20px;background:var(--bg);margin:20px 0}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:600}.supplier{max-width:750px;margin:40px auto;padding:0 20px}.requestcards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.requestcards .card{margin:0}.reportonly{display:none}.loading{padding:80px;text-align:center}.mobilemenu{display:none}.hintlink{color:var(--blue);text-decoration:underline}.checkline{display:flex;gap:10px;align-items:center;font-size:13px}.checkline input{min-height:0}.footerbrand{display:flex;align-items:center;gap:14px}
@media(max-width:1050px){.top nav{gap:15px}.hero{gap:25px;padding-top:50px}.app{grid-template-columns:185px 1fr}.sidebar{padding:24px 10px}.main{padding:24px}.apphead{padding:18px 24px}.stats{gap:10px}.stat{padding:14px}.two{grid-template-columns:1fr}.grid3{gap:13px}.top{padding:0 24px}}@media(max-width:760px){.top{height:auto;min-height:70px;flex-wrap:wrap;padding:16px 20px;gap:13px}.top nav{width:100%;order:3;overflow:auto;gap:24px;white-space:nowrap;padding:5px 0}.top>.actions .btn{display:none}.hero{grid-template-columns:1fr;padding:45px 24px;gap:35px}.hero h1{font-size:43px}.mock{transform:none}.trust{flex-wrap:wrap;gap:15px;justify-content:center}.section{padding:45px 24px}.grid3{grid-template-columns:1fr}.app{display:block}.sidebar{position:relative;height:auto;padding:15px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px;border-bottom:1px solid var(--line)}.sidebar .logo{margin:0 0 10px;width:100%;padding:0}.workspace,.sidebarfoot{display:none}.sideLink{padding:8px 9px;font-size:11px;margin:0;gap:5px}.apphead{padding:12px 20px}.main{padding:18px}.notice{font-size:10px}.heading{align-items:flex-start}.heading h1{font-size:25px}.heading .actions{justify-content:flex-end}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:28px}.two{display:block}.requestcards{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.publicbody{padding-top:35px}.publicbody h1{font-size:34px}.footer{padding:25px 24px}.paneltitle{padding:16px}.tools{padding:14px}.tools input{min-width:0;flex:1}.filehead{align-items:flex-start}.heading .btn{font-size:11px;padding:9px}.form{margin:0}.card{padding:20px}.supplier{margin:25px auto}.step{font-size:10px}.top .logo{font-size:19px}}
@media print{.sidebar,.apphead,.notice,.actions,.tools,.top,.footer,.btn,.toast,.noprint{display:none!important}.app{display:block;background:white}.main{padding:0}.panel,.card{break-inside:avoid}.reportonly{display:block}body{font-size:11px}table{white-space:normal}td,th{padding:8px}.stats{grid-template-columns:repeat(4,1fr)}a{color:#19364d}.tablewrap{overflow:visible}}
/* v0.2: task-focused mobile workflow and explicit draft/submission states */
.mobile-nav,.mobile-brand{display:none}.app>div{min-width:0}.draft-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#55768e;margin:16px 0}.version-note{padding:12px 16px;border-radius:8px;background:#edf6fc;color:#55768e;font-size:12px;margin:18px 0}.review-controls{display:flex;justify-content:space-between;align-items:center;gap:20px}.review-controls .field{flex:1;max-width:560px}.review-items{padding:4px 23px 20px}.review-actions{margin-top:16px}.file-name{font-size:12px;overflow-wrap:anywhere;min-width:0}.supplier-top{height:68px;border-bottom:1px solid var(--line);padding:14px max(24px,6vw);display:flex;align-items:center;justify-content:space-between;gap:15px}.supplier h1{font-size:30px;letter-spacing:-.8px;line-height:1.3;margin:12px 0}.supplier-meta{color:var(--muted);font-size:13px}.supplier-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.supplier .card h2,.filehead h2{font-size:16px;margin:0}.supplier .draft-strip{padding:10px 0;border-block:1px solid var(--line)}.supplier .notice{font-size:10px;margin-bottom:22px}.demo-controls{font-size:12px;padding:10px 0;margin-bottom:14px}.demo-controls .btn{margin-top:10px}.document-guide{font-size:12px;padding:10px 0;margin-bottom:15px;border-bottom:0}.document-guide summary{color:var(--blue);font-weight:500;min-height:36px;display:flex;align-items:center}.document-guide summary:before{content:'＋';margin-right:8px}.document-guide[open] summary:before{content:'−'}.document-guide p{color:var(--muted);margin:8px 0}.expiry-warning{font-size:12px;line-height:1.65;min-height:23px}.warning-text{color:#a35824}.success-text{color:var(--green)}.feedback{white-space:pre-line}.supplier-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;margin-top:20px}.supplier-actions>div{display:flex;flex-direction:column;font-size:13px}.supplier-footer{display:flex;gap:24px;justify-content:center;padding:25px;color:var(--muted);font-size:12px}.field-error{color:#a83c44;font-size:12px}.error-summary:focus{outline:2px solid #b84d56;outline-offset:2px}[aria-invalid=true]{border-color:#b84d56}.reason-options{display:flex;flex-wrap:wrap;gap:8px}.history-entry{padding:14px 0;border-top:1px solid var(--line)}.history-entry h3{font-size:15px;margin-bottom:5px}.history-entry li{font-size:12px;margin-bottom:10px}.history-entry .sub{display:block;color:var(--muted);overflow-wrap:anywhere}.menu-links{display:grid;gap:12px;margin-top:20px}.toast{pointer-events:none;bottom:95px}.checkline{align-items:flex-start}.checkline input{width:22px;height:22px;flex-shrink:0;margin:0}.checkline{padding:11px 0;cursor:pointer}.filehead{flex-wrap:wrap}.heading h1,.heading p{overflow-wrap:anywhere}.supplier .filecard{scroll-margin:15px}.supplier .field input{width:100%}
@media(max-width:760px){
 .app .sidebar{display:none}.apphead{height:62px;padding:10px 16px;gap:10px;position:sticky;top:0;z-index:20}.mobile-brand{display:block}.mobile-brand .logo{font-size:17px;gap:7px}.mobile-brand .mark{width:29px;height:29px}.mobile-brand .logo>span:last-child{display:none}.apphead .workspace-title,.apphead .desktop-controls,.apphead .avatar{display:none}.apphead .lang{min-height:44px}.app .main{padding:16px 16px 100px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dce6ef;z-index:40;padding:5px 8px max(7px,env(safe-area-inset-bottom));box-shadow:0 -5px 25px #19364d06}.mobile-nav a,.mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;min-height:52px;font-size:11px;color:#708395;background:none;border:0;border-radius:8px}.mobile-nav span{font-size:21px;line-height:24px}.mobile-nav [aria-current=page]{background:#edf6fc;color:var(--blue);font-weight:650}.notice{padding:9px 11px;margin-bottom:18px}.heading{display:block;margin:18px 0}.heading h1{font-size:25px;margin-bottom:7px}.heading>.actions{margin-top:15px;justify-content:flex-start;gap:8px}.heading .btn{font-size:12px;min-height:44px;padding:10px 13px}.heading p{font-size:12px}.btn,.btn.small,.lang{min-height:44px}.btn.small{padding:10px 13px;font-size:12px}.tools{padding:14px}.tools input{width:100%;flex:auto}.tools select{max-width:100%;flex:1}.tools .btn{flex:1}.stats{margin:18px 0;gap:10px}.stat{padding:15px}.stat small{font-size:10px}.stat .label{font-size:11px}.panel{background:#fff}.panel:has(.responsive-table){border:0;background:transparent;overflow:visible}.panel:has(.responsive-table) .paneltitle{padding:15px 0;border:0}.panel:has(.responsive-table) .tools{padding:0 0 15px}.tablewrap{overflow:visible}.responsive-table,.responsive-table tbody{display:block;width:100%;white-space:normal}.responsive-table thead{display:none}.responsive-table tr{display:block;background:white;border:1px solid var(--line);border-radius:11px;margin:0 0 14px;padding:7px 16px}.responsive-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #eff3f6;font-size:12px;overflow-wrap:anywhere;white-space:normal}.responsive-table td:first-child{border:0;font-size:13px;display:block;padding:12px 0}.responsive-table td:first-child:before{display:none}.responsive-table td:before{content:attr(data-label);font-size:11px;color:var(--muted);flex-shrink:0;max-width:40%}.responsive-table td:last-child{display:block}.responsive-table td:last-child:before{display:none}.responsive-table .actions{display:flex;gap:8px;flex-wrap:wrap}.responsive-table .actions .btn{flex:1;white-space:nowrap}.responsive-table td[colspan]{display:block;border:0}.responsive-table .company{align-items:flex-start}.responsive-table .company>div{min-width:0}.responsive-table .sub{overflow-wrap:anywhere}.progress{margin-left:auto}.review-controls{align-items:flex-end;gap:10px}.review-controls .field{min-width:0;margin:12px 0}.review-controls select{width:100%}.review-controls>.btn{font-size:11px;max-width:105px;margin-bottom:12px}.review-items{padding:0 12px 10px}.review-items .filecard{padding:16px;margin:12px 0}.review-actions{display:flex;flex-wrap:wrap;gap:8px}.review-actions>.btn{flex:1}.review-actions>.btn:last-child:nth-child(3){flex-basis:100%}.filehead h3{font-size:15px}.draft-strip{font-size:11px;align-items:center}.draft-strip .btn{padding:8px;font-size:11px}.steps{margin:15px 0 22px}.step{font-size:10px;padding:10px 4px}.form .card h2{font-size:21px}.form .actions{gap:12px}.form .actions .btn{flex:1}.template{padding:16px}.template input[type=radio]{height:20px;width:20px;vertical-align:middle}.template>div{line-height:1.7}.field{margin:16px 0}.field input,.field select,.field textarea{font-size:16px;min-height:46px}.modalback{padding:16px;align-items:center}.modal{padding:20px;max-height:88dvh}.modal .close{min-height:44px;min-width:44px}.reason-options .btn{width:100%;justify-content:flex-start;font-size:11px}.supplier-top{height:62px;padding:10px 18px}.supplier-top .logo{font-size:18px}.supplier-top .logo>span:last-child{display:none}.supplier{margin:23px auto 0;padding:0 18px 110px}.supplier h1{font-size:26px;line-height:1.35;overflow-wrap:anywhere}.supplier-meta{font-size:12px;line-height:1.8}.supplier .draft-strip{margin:14px 0 8px}.supplier .card,.supplier .filecard{padding:18px}.supplier .filehead{align-items:center;gap:10px}.supplier .filehead h2{font-size:16px}.supplier .upload{padding:14px;display:block}.supplier .upload>.actions{margin-top:12px;display:flex}.supplier .upload .btn{flex:1}.supplier .file-name{display:block;line-height:1.7;overflow-wrap:anywhere}.supplier .document-guide summary{min-height:44px}.supplier-actions{position:fixed;bottom:0;left:0;right:0;z-index:35;border-top:1px solid var(--line);background:#fff;padding:12px 18px max(12px,env(safe-area-inset-bottom));margin:0;gap:12px;box-shadow:0 -5px 25px #19364d08}.supplier-actions .btn{font-size:13px;min-height:48px;flex:1;max-width:235px}.supplier-actions strong{font-size:12px}.supplier-actions .tiny{font-size:9px}.supplier-footer{padding-bottom:110px}.supplier-page .toast{bottom:90px;max-width:calc(100vw - 36px);width:max-content;font-size:12px;padding:12px 16px}.filecard .feedback{font-size:12px}.top nav a,.footer nav a{display:flex;align-items:center;min-height:44px}.supplier .demo-controls{margin-bottom:15px}.supplier .demo-controls summary{min-height:44px;display:flex;align-items:center}.supplier .demo-controls summary:before{content:'↔';margin-right:8px}.supplier-page .notice{line-height:1.7}
}
@media print{.mobile-nav,.mobile-brand,.draft-strip,.demo-controls,.supplier-top,.supplier-actions,.supplier-footer{display:none!important}.apphead{position:static}.review-controls .btn{display:none}.review-items{padding:0}.responsive-table,.responsive-table tbody{display:table-row-group}.responsive-table{display:table}.responsive-table thead{display:table-header-group}.responsive-table tr{display:table-row}.responsive-table td{display:table-cell}.responsive-table td:before{display:none}.responsive-table td:last-child{display:none}.supplier{padding:0}.version-note{background:#fff;border:1px solid #ccc}.formgrid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hintlink{display:inline-flex;align-items:center;min-height:44px}.mobile-brand .logo,.supplier-top .logo{min-height:44px}.supplier-status>span{overflow-wrap:anywhere}.draft-strip>span{min-width:0}.review-controls .btn{flex-shrink:0}}
.launch-strip{max-width:1100px;margin:20px auto 0;display:flex;justify-content:space-between;gap:18px;padding:11px 18px;background:#edf6fc;border:1px solid #dceaf5;border-radius:8px;font-size:11px;color:#55768e}.launch-strip a{color:var(--blue);font-weight:600}.readiness-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.readiness-grid h2{font-size:20px;margin-top:0}.readiness-grid ul{padding-left:0;list-style:none}.readiness-grid li{padding:8px 0;font-size:13px}.mockbar{font-size:9px}@media(max-width:760px){.launch-strip{margin:16px 20px 0;display:block;padding:10px 14px}.launch-strip>a{display:flex;align-items:center;min-height:44px}.readiness-grid{grid-template-columns:1fr}.top nav{gap:20px}.error .actions{margin-top:12px}}
.sf-product-preview{background:white;border:1px solid #d5e4ef;border-radius:20px;padding:28px;box-shadow:0 20px 70px #176ba412;transform:rotate(-1deg)}.sf-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.sf-mini-stats div{background:#f5f9fd;border-radius:10px;padding:12px;font-size:12px}.sf-mini-stats b{display:block;font-size:27px;color:#176ba4}.sf-preview-row{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #e6edf2;padding:18px 0}.publicbody p,.publicbody li{line-height:1.8}.publicbody h2{margin-top:28px}.publicbody .card{margin-bottom:14px}.top nav{flex-wrap:wrap}body{overflow-x:hidden}@media(max-width:650px){.top{gap:12px;flex-wrap:wrap}.top nav{display:flex;order:3;width:100%;gap:16px;overflow:auto;padding:8px 0}.top .actions{margin-left:auto}.hero{padding:35px 18px;gap:30px}.sf-product-preview{padding:18px;transform:none}.hero h1{font-size:38px}.footer{gap:20px;flex-wrap:wrap}.footer nav{flex-wrap:wrap;gap:14px}.actions{flex-wrap:wrap}}
