:root{--ink:#15243a;--navy:#121d2d;--navy2:#1c2b40;--red:#9a3046;--red2:#bf566c;--cream:#faf9f7;--paper:#ffffff;--line:#e5e9ee;--sub:#687586;--muted:#94a0ad;--good:#177455;--bad:#b53b4f;--amber:#946b18;--shadow:0 14px 44px rgba(21,36,58,.065);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f5f6f8;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}p{line-height:1.65}svg{flex:none}::selection{background:#f5c8d1}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #eeb9c3;outline-offset:2px}
.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.035em;font-size:20px}.brand-badge{width:38px;height:38px;background:linear-gradient(140deg,#a33349,#72233b);border-radius:11px;display:grid;place-items:center;color:white;box-shadow:0 8px 20px #7a1e3c22}.brand-light{color:white}.subtle{color:var(--sub)}.small{font-size:12px}.micro{font-size:11px}.eyebrow{color:var(--red);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.105em}.badge{font-size:11px;font-weight:750;padding:6px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px}.badge.neutral{background:#eef1f5;color:#4f5d6c}.badge.ok{background:#e5f6ec;color:#17724c}.badge.warn{background:#fff4dc;color:#926012}.badge.bad{background:#ffebee;color:#ae3444}
.btn{border:1px solid var(--line);background:white;color:var(--ink);border-radius:10px;min-height:41px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:13px;transition:background .15s,box-shadow .15s,transform .15s}.btn:hover:not(:disabled){background:#f6f7f9}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:var(--red);border-color:var(--red);color:white;box-shadow:0 8px 17px #9a30462b}.btn.primary:hover{background:#85293e}.btn.dark{background:#1a2b42;border-color:#1a2b42;color:white}.btn.ghost{background:transparent;border-color:transparent}.btn.sm{min-height:33px;padding:7px 10px;font-size:12px}.btn.full{width:100%}.btn.danger{color:#a32e42;border-color:#f0cdd1}.btn svg,.nav-link svg,.tiny-ico svg{width:18px;height:18px;stroke-width:1.8}
input,select,textarea{width:100%;border:1px solid #d9dfe7;background:white;color:#17243a;border-radius:9px;padding:11px 12px;outline:none;min-height:42px}textarea{min-height:92px;resize:vertical}input::placeholder,textarea::placeholder{color:#a4acb8}label{display:grid;gap:7px;font-size:12px;font-weight:750;color:#39485c}label .hint{color:#86909e;font-size:11px;font-weight:450}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span2{grid-column:1/-1}.form-actions{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.inline-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.inline-form>*{flex:1;min-width:160px}.inline-form>.btn{flex:0;min-width:auto}
/* Public pages */
.public{min-height:100vh;background:radial-gradient(ellipse 700px 350px at 5% 0%,#f2e7e9 0%,transparent 100%),#fbfaf9}.site-top{max-width:1230px;margin:0 auto;padding:25px 28px;display:flex;align-items:center;justify-content:space-between}.top-actions{display:flex;align-items:center;gap:15px}.top-actions>span{font-size:12px;color:#88919e}.landing{max-width:1230px;margin:0 auto;padding:62px 28px 40px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(345px,.85fr);gap:95px;align-items:center}.landing-intro{max-width:620px}.landing-intro h1{font-size:clamp(39px,4.9vw,69px);line-height:1.095;font-weight:800;letter-spacing:-.058em;margin:20px 0 22px;color:#1a2638}.landing-intro h1 em{font-style:normal;color:var(--red)}.landing-intro>p{color:#647183;max-width:550px;font-size:16px;line-height:1.85}.quote{display:flex;align-items:center;gap:12px;margin-top:27px;color:#687586;font-size:12px}.quote .mini-avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;color:#7b3543;background:#f7e5e9}.auth-card{background:#fff;box-shadow:0 24px 90px #22364b14;border:1px solid #eceef1;border-radius:20px;padding:36px;min-height:430px}.auth-card h2{font-size:25px;letter-spacing:-.035em;margin:0 0 7px}.auth-card>.subtle{margin-bottom:25px}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;border-radius:11px;background:#f1f3f5;padding:4px;margin-bottom:27px}.auth-tabs button{border:0;border-radius:8px;padding:10px 4px;background:transparent;font-size:12px;color:#667488;font-weight:720}.auth-tabs button.active{background:white;color:#1d293b;box-shadow:0 3px 9px #1a2a4410}.auth-form{display:grid;gap:16px}.auth-form .btn{margin-top:4px;min-height:45px}.auth-back{border:0;background:transparent;color:#5e7086;display:flex;align-items:center;gap:7px;padding:0;margin-bottom:24px;font-size:12px}.auth-foot{font-size:11px;color:#8d96a3;margin-top:18px;line-height:1.6}.help-line{margin-top:12px;display:flex;align-items:center;gap:9px;color:#788391;font-size:11px}.trust-row{max-width:1230px;margin:45px auto 0;padding:30px 28px 75px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid #e8e8e8}.trust{display:flex;align-items:flex-start;gap:13px}.trust svg{color:var(--red);width:21px;height:21px}.trust b{font-size:13px}.trust p{font-size:12px;color:#7b8592;margin:4px 0}.footer{border-top:1px solid #e6e9ef;color:#84909f;font-size:11px;padding:20px 28px;text-align:center}
/* Authenticated app */
.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;flex:none;background:var(--navy);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.side-head{padding:29px 23px 27px;border-bottom:1px solid #ffffff14}.side-head .brand{font-size:18px}.side-caption{margin:20px 0 7px;color:#8795a9;font-size:10px;font-weight:760;text-transform:uppercase;letter-spacing:.13em;padding:0 23px}.nav-wrap{padding:0 12px;overflow:auto;flex:1}.nav-link{border:0;background:transparent;color:#b0bccc;width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 12px;font-size:12.5px;font-weight:610;border-radius:8px;margin:2px 0;transition:.15s}.nav-link:hover{background:#ffffff10;color:white}.nav-link.active{background:#ffffff19;color:white;box-shadow:inset 3px 0 #d26978}.side-account{padding:20px 18px;border-top:1px solid #ffffff15}.avatar{width:37px;height:37px;background:#ab4b60;color:white;display:grid;place-items:center;border-radius:11px;font-weight:800}.account-row{display:flex;align-items:center;gap:11px}.account-row strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px}.account-row span{color:#98a8bb;font-size:11px}.logout-side{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#b5c0ce;font-size:12px;padding:12px 0 0}.app-content{flex:1;min-width:0;display:flex;flex-direction:column}.app-top{height:76px;border-bottom:1px solid var(--line);background:white;padding:0 37px;display:flex;align-items:center;justify-content:space-between}.app-top .crumb{font-size:12px;color:#9ca6b3}.app-top .crumb b{color:#243348}.app-top-right{display:flex;align-items:center;gap:12px}.org-chip{display:flex;align-items:center;gap:8px;border:1px solid #e5e9ef;border-radius:9px;padding:8px 11px;color:#536276;font-size:12px;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace{width:100%;max-width:1450px;padding:34px 38px 70px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:28px}.page-header h1{font-size:28px;line-height:1.1;letter-spacing:-.04em;margin:0 0 9px}.page-header p{color:#85919f;margin:0;font-size:13px}.header-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px 22px;box-shadow:var(--shadow);min-height:124px}.stat-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.stat-head span{color:#6a7788;font-size:12px;font-weight:650}.stat-head svg{width:19px;height:19px;color:#9e5365}.stat strong{font-size:31px;letter-spacing:-.05em}.stat-foot{color:#9aa4b1;font-size:11px;margin-top:4px}.card{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:19px}.card-h{padding:21px 23px;border-bottom:1px solid #edf0f3;display:flex;align-items:center;justify-content:space-between;gap:14px}.card-h h2{font-size:16px;margin:0;letter-spacing:-.02em}.card-h p{font-size:11px;color:#929dac;margin:5px 0 0}.card-b{padding:23px}.empty{text-align:center;padding:46px 22px;color:#8a96a6}.empty svg{width:33px;height:33px;color:#b3bdc7;margin-bottom:11px}.empty strong{display:block;color:#445265;font-size:14px;margin-bottom:8px}.empty p{max-width:400px;margin:0 auto;font-size:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:570px}th,td{text-align:left;padding:14px 20px;border-bottom:1px solid #edf0f2;font-size:12px;vertical-align:middle}th{font-size:10px;letter-spacing:.045em;text-transform:uppercase;color:#8b97a7;background:#fcfcfd;font-weight:800}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfcfd}.text-link{border:0;background:none;color:var(--red);font-weight:720;padding:0}.table-name{font-weight:750;color:#1f3045}.table-meta{color:#8b97a6;font-size:11px;margin-top:4px}.toolbar{display:flex;gap:10px;margin:0 0 17px;flex-wrap:wrap}.toolbar input{max-width:340px}.row2{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.notice{border-radius:11px;padding:13px 15px;display:flex;align-items:flex-start;gap:11px;font-size:12px;line-height:1.6;background:#f7f8fa;color:#607086;border:1px solid #e9edf1;margin:15px 0}.notice.warn{background:#fff8e9;color:#886b27;border-color:#f3e2b7}.notice.good{background:#eef8f1;color:#227653;border-color:#d4efdd}.notice svg{width:18px;height:18px;flex:none;margin-top:1px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;background:#f8f9fb;border-bottom:1px solid #e9edf2}.section-head h3{font-size:13px;margin:0}.check-row{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;border-bottom:1px solid #eef1f4;padding:14px 16px}.check-row:last-child{border:0}.check-title{font-size:12px;font-weight:650;line-height:1.5}.check-note{font-size:11px;color:#85909e;margin-top:5px}.check-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.seg{border:1px solid #dce1e8;color:#7b8594;background:#fff;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800}.seg.selected.ok{background:#e6f5eb;border-color:#b6e3c9;color:#126f47}.seg.selected.rep{background:#fff2e7;border-color:#edc79e;color:#966020}.keyval{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0}.keyval span{color:#758294;font-size:12px}.keyval strong{font-size:12px}.line{height:1px;background:#e9edf2;margin:17px 0}.fields-inline{display:flex;align-items:center;gap:8px}.fields-inline select{min-width:135px}.field-short{max-width:140px}.pill{display:inline-flex;gap:7px;align-items:center;border:1px solid #e0e6ec;border-radius:8px;padding:8px 11px;font-size:12px;color:#566578;background:#fbfcfd}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.summary-banner{border:1px solid #ddede2;background:#f2faf5;border-radius:11px;padding:18px;display:flex;align-items:flex-start;gap:12px}.summary-banner h3{font-size:14px;margin:0 0 4px}.summary-banner p{font-size:12px;color:#59806b;margin:0}.mobile-menu{display:none}
#toast{position:fixed;right:24px;bottom:24px;z-index:200;max-width:360px;pointer-events:none}#toast .toast-msg{pointer-events:auto;color:#fff;background:#1b2d43;border-radius:12px;padding:14px 18px;box-shadow:0 20px 50px #0002;font-size:12px;line-height:1.6}#toast .toast-msg.bad{background:#972e44}#toast .toast-msg.good{background:#1d7154}.initial-loader{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8793a5}.load-orbit{width:32px;height:32px;border:3px solid #e5e7ed;border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1170px){.landing{gap:40px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.row2{grid-template-columns:1fr}.workspace{padding:26px 23px 60px}}
@media(max-width:850px){.landing{grid-template-columns:1fr;gap:35px;padding-top:25px}.landing-intro h1{font-size:43px}.trust-row{grid-template-columns:1fr;gap:25px}.sidebar{width:72px}.sidebar .brand span,.sidebar .side-caption,.sidebar .nav-link span,.sidebar .side-account .account-row>div,.sidebar .logout-side span{display:none}.sidebar .side-head{padding:22px 16px}.sidebar .nav-wrap{padding:0 9px}.sidebar .nav-link{justify-content:center}.side-account{padding:14px 18px}.app-top{padding:0 22px}}
@media(max-width:600px){.site-top{padding:19px 17px}.top-actions>span{display:none}.landing{padding:24px 17px 20px}.landing-intro h1{font-size:38px}.landing-intro>p{font-size:14px}.auth-card{padding:24px;min-height:auto}.trust-row{margin-top:5px;padding:28px 17px}.sidebar{width:60px}.sidebar .side-head{padding:18px 12px}.sidebar .brand-badge{width:35px;height:35px}.nav-link svg{width:19px}.side-account{padding:10px 11px}.app-top{height:64px;padding:0 14px}.org-chip{max-width:155px;font-size:11px}.workspace{padding:24px 13px}.page-header{flex-direction:column}.page-header h1{font-size:24px}.kpi-grid{gap:10px}.stat{padding:15px}.stat strong{font-size:26px}.card-h,.card-b{padding:16px}.check-row{grid-template-columns:1fr;gap:8px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.inline-form{flex-direction:column;align-items:stretch}.inline-form>*{min-width:100%;flex:1}.toolbar input{max-width:100%}}
@media print{.sidebar,.app-top,.header-tools,.btn,.toolbar{display:none!important}.workspace{padding:0}.card{box-shadow:none}}

/* v1.3 – restore v0.8.8 work-order overview and dedicated checklist / execution forms */
.classic-search{align-items:center}.classic-search input{max-width:520px;flex:1;min-width:240px}
.classic-order-table{min-width:850px}.classic-order-table td{padding:16px 19px}.classic-order-table .text-link{display:inline-flex;gap:5px;align-items:center;white-space:nowrap}
.classic-order-meta{padding:21px 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.classic-order-meta>div{display:grid;gap:6px;min-width:0}.classic-order-meta small{font-size:10px;letter-spacing:.055em;font-weight:800;color:#8e99a6}.classic-order-meta strong{font-size:13px;color:#1e2c40;overflow-wrap:anywhere}
.classic-steps{display:flex;gap:8px;margin:0 0 19px}.classic-steps button{border:1px solid #e0e5ec;border-radius:9px;background:#fff;color:#6a7787;padding:13px 14px;flex:1;font-weight:650;font-size:13px}.classic-steps button.active{background:var(--red);border-color:var(--red);color:#fff}.classic-steps button:disabled{opacity:.6}
.classic-checklist .card-h{background:#fbfcfd}.classic-checklist .card-h h2{font-size:15px}
.classic-scroll{overflow-x:auto}.classic-rows{min-width:675px}
.classic-check-header,.classic-check-row{display:grid;grid-template-columns:56px 56px minmax(175px,1.15fr) minmax(220px,1fr);gap:11px;align-items:center}
.classic-exec-header,.classic-exec-row{display:grid;grid-template-columns:76px 100px minmax(180px,1.15fr) minmax(225px,1fr);gap:11px;align-items:center}
.classic-check-header,.classic-exec-header{background:#f8f9fb;border-bottom:2px solid #e5e9ee;padding:12px 17px;color:#667589;font-size:10px;font-weight:800;letter-spacing:.025em}
.classic-check-header span:nth-child(-n+2),.classic-exec-header span:nth-child(-n+2){text-align:center}
.classic-check-row,.classic-exec-row{border-bottom:1px solid #eef1f4;padding:8px 17px;min-height:57px}
.classic-check-row:last-child,.classic-exec-row:last-child{border:0}.classic-exec-row.done{background:#f4fbf6}
.classic-check-radio{display:flex;justify-content:center;align-items:center;margin:0}.classic-check-radio input{width:19px;height:19px;min-height:19px;padding:0;accent-color:var(--red);cursor:pointer}.classic-check-radio:first-child input{accent-color:#208a57}.classic-check-radio input:disabled{cursor:default}
.classic-task{font-size:12.5px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.classic-task small{display:block;font-size:11px;color:#8390a0;font-weight:400;margin-top:5px}.classic-remark{width:100%;min-width:0;min-height:35px;padding:8px 10px;border-radius:6px;border:1px solid #dce3ea;font-size:12px;font-weight:400}
.classic-confirm .card-h h2,.classic-final .card-h h2,.classic-exec-head h2{display:flex;gap:9px;align-items:center}.classic-confirm .card-h h2 svg,.classic-final .card-h h2 svg{color:var(--red)}
.classic-count{color:#5e6d7d;font-size:14px}.classic-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.classic-actions>.small{width:100%}
.classic-progress{font-size:13px;color:#576577;margin-bottom:19px}.classic-bar{height:9px;background:#edf0f4;border-radius:10px;margin-top:10px;overflow:hidden}.classic-bar>div{height:100%;background:#2a9862;border-radius:10px}
.classic-exec-head p{font-size:12px;color:#7c8998;margin:7px 0 0;max-width:690px}.classic-exec-row .classic-material-btn{margin:6px 0 0;display:inline-flex;font-size:11px}
.classic-total{border-top:1px solid #e6eaf0;padding-top:17px;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.classic-total span{font-size:13px;color:#627085}.classic-total strong{font-size:22px}
.classic-doc-actions{margin-top:22px;padding-top:18px;border-top:1px solid #e7ebf0;display:flex;flex-wrap:wrap;gap:9px}
@media(max-width:770px){.classic-order-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.classic-steps button{font-size:11px;padding:12px 7px}}
@media(max-width:480px){.classic-order-meta{padding:17px;gap:15px}.classic-steps{flex-direction:column}.classic-steps button{text-align:left}}


/* v1.4 – Mobile & iPad support. Desktop work-order layout is unchanged. */
.skip-link{position:fixed;left:12px;top:-100px;background:#fff;color:#142239;padding:12px 16px;border:2px solid var(--red);border-radius:9px;z-index:1500}
.skip-link:focus-visible{top:10px}
.nav-backdrop,.side-close{display:none}
.mobile-field-label,.touch-choice-text,.mobile-order-progress{display:none}
.classic-note-wrap{display:block;min-width:0}
.classic-note-wrap .classic-remark{display:block;width:100%}
/* Scroll only the content of large data tables, never the entire page */
.table-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.classic-task,.card-h h2,.page-header h1,.table-name{overflow-wrap:anywhere}
@media (max-width:1100px){
 .classic-rows{min-width:0}
 .classic-check-header,.classic-exec-header{display:none}
 .classic-check-row,.classic-exec-row{grid-template-columns:110px 140px minmax(0,1fr);gap:9px 12px;padding:14px 16px}
 .classic-check-row>.classic-check-radio:nth-child(1),.classic-exec-row>.classic-check-radio:nth-child(1){grid-column:1;grid-row:1}
 .classic-check-row>.classic-check-radio:nth-child(2),.classic-exec-row>.classic-check-radio:nth-child(2){grid-column:2;grid-row:1}
 .classic-check-row>.classic-task,.classic-exec-row>.classic-task{grid-column:3;grid-row:1}
 .classic-check-row>.classic-note-wrap,.classic-exec-row>.classic-note-wrap{grid-column:1/-1;grid-row:2}
 .classic-check-radio{gap:8px;justify-content:center;width:100%;min-height:46px;border:1px solid #dce2e9;border-radius:9px;padding:8px;background:#fff;cursor:pointer}
 .classic-check-radio:has(input:checked){border-color:#a4cfb8;background:#e9f7ee;color:#166c48}
 .classic-check-row>.classic-check-radio:nth-child(2):has(input:checked),.classic-exec-row>.classic-check-radio:nth-child(2):has(input:checked){border-color:#edc69c;background:#fff3e5;color:#825615}
 .classic-check-radio input{height:22px;width:22px;min-height:22px}
 .touch-choice-text{display:inline;font-size:12px;font-weight:800;color:inherit}
 .mobile-field-label{display:block;margin-bottom:7px;color:#687789;font-size:11px;font-weight:700}
 .classic-note-wrap .classic-remark{min-height:46px;font-size:14px}
 .classic-task{font-size:14px}
}
@media (max-width:850px){
 body.nav-open{overflow:hidden}
 .app-shell{min-width:0}
 .app-content{width:100%;min-width:0}
 .sidebar{position:fixed;top:0;left:0;bottom:0;width:min(315px,87vw);height:100dvh;max-height:100vh;z-index:1110;transform:translateX(-102%);transition:transform .22s ease;box-shadow:none;visibility:hidden}
 .sidebar.is-open{transform:translateX(0);visibility:visible;box-shadow:8px 0 42px rgba(0,0,0,.28)}
 .sidebar .brand span,.sidebar .side-caption,.sidebar .nav-link span,.sidebar .side-account .account-row>div,.sidebar .logout-side span{display:initial}
 .sidebar .side-head{padding:22px;display:flex;justify-content:space-between;align-items:center}
 .sidebar .brand{font-size:17px}
 .sidebar .brand-badge{width:37px;height:37px}
 .sidebar .side-caption{display:block;padding:0 21px}
 .sidebar .nav-wrap{padding:0 12px}
 .sidebar .nav-link{justify-content:flex-start;min-height:45px;font-size:13px}
 .sidebar .nav-link span{display:inline}
 .sidebar .side-account{padding:17px 22px}
 .sidebar .side-account .account-row>div{display:block}
 .sidebar .logout-side span{display:inline}
 .side-close{display:inline-flex;border:1px solid #ffffff28;border-radius:9px;background:#ffffff11;color:#fff;padding:10px;align-items:center;justify-content:center;min-width:44px;min-height:44px}
 .nav-backdrop.is-visible{display:block;position:fixed;inset:0;background:rgba(13,24,39,.58);border:0;width:100%;height:100%;z-index:1105;cursor:pointer}
 .mobile-menu{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;margin-right:8px}
 .app-top{height:66px;gap:10px;padding:0 20px}
 .app-top .crumb{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .app-top-right{margin-left:auto}
 .workspace{padding:24px 22px 70px}
 .btn{min-height:44px}
 .btn.sm{min-height:44px}
 .page-header .header-tools{width:100%;display:flex;flex-wrap:wrap;gap:9px}
 .classic-order-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
 .classic-steps button{min-height:48px;font-size:12px}
 .classic-doc-actions .btn{flex:1 1 180px}
}
@media (max-width:700px){
 html,body{max-width:100%;overflow-x:clip}
 .workspace{padding:18px 13px 54px}
 .page-header{gap:14px;margin-bottom:18px}
 .page-header h1{font-size:24px}
 .header-tools .btn{flex:1 1 auto}
 .app-top{padding:0 12px;gap:4px}
 .app-top-right{gap:3px}
 .app-top .org-chip{max-width:125px;display:flex}
 .card{border-radius:11px;margin-bottom:14px}
 .card-h{padding:15px}.card-b{padding:16px}
 .classic-search{display:grid;grid-template-columns:1fr;gap:10px}
 .classic-search input{width:100%;min-width:0;max-width:none;font-size:16px}
 .classic-order-meta{padding:16px;gap:15px}
 .classic-steps{flex-direction:row;gap:7px}
 .classic-steps button{flex:1;min-width:0;line-height:1.4;padding:12px 9px;text-align:center!important;font-size:11px}
 .classic-check-row,.classic-exec-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px 13px}
 .classic-check-row>.classic-task,.classic-exec-row>.classic-task{grid-column:1/-1;grid-row:1;font-size:14px;margin-bottom:3px}
 .classic-check-row>.classic-check-radio:nth-child(1),.classic-exec-row>.classic-check-radio:nth-child(1){grid-column:1;grid-row:2}
 .classic-check-row>.classic-check-radio:nth-child(2),.classic-exec-row>.classic-check-radio:nth-child(2){grid-column:2;grid-row:2}
 .classic-check-row>.classic-note-wrap,.classic-exec-row>.classic-note-wrap{grid-column:1/-1;grid-row:3}
 .classic-check-radio{min-height:48px;justify-content:center}
 .classic-check-radio input{width:22px;height:22px;min-height:22px}
 .classic-note-wrap .classic-remark,input,select,textarea{font-size:16px}
 .classic-checklist .card-h{gap:8px;align-items:flex-start}
 .classic-checklist .card-h h2{line-height:1.35}
 .classic-confirm,.classic-final{scroll-margin-top:18px}
 .classic-actions,.classic-doc-actions{display:grid;grid-template-columns:1fr;gap:10px}
 .classic-actions>.btn,.classic-doc-actions>.btn,.classic-final .card-b>.btn{width:100%}
 .classic-total strong{font-size:20px}
 .mobile-order-progress{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 13px;border:1px solid #e9d9dd;background:#fff9fa;border-radius:10px;margin-bottom:14px;box-shadow:0 5px 18px #1c29341b}
 .mobile-order-progress>div{display:flex;flex-direction:column;gap:1px}
 .mobile-order-progress b{font-size:14px;color:#933246}
 .mobile-order-progress span{font-size:10px;color:#6b7788}
 .mobile-order-progress .btn{flex:none;min-height:40px;padding:8px 10px;font-size:11px}
 /* Narrow screens: retain each table field but present one case per card, with column labels. */
 .table-scroll:has(table.responsive-data-table){overflow:visible}
 table.responsive-data-table{display:block;min-width:0;width:100%;border-spacing:0}
 table.responsive-data-table thead{display:none}
 table.responsive-data-table tbody{display:grid;gap:11px;padding:11px}
 table.responsive-data-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;border:1px solid #e5e9ee;border-radius:11px;padding:15px;background:#fff;box-shadow:0 3px 13px #1b2b4010}
 table.responsive-data-table tr:hover{background:#fff}
 table.responsive-data-table td{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:0;border:0;overflow-wrap:anywhere;font-size:13px}
 table.responsive-data-table td:before{content:attr(data-label);display:block;color:#7e8b9a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}
 table.responsive-data-table td:empty{display:none}
 table.responsive-data-table td:last-child:has(button){grid-column:1/-1}
 table.responsive-data-table td:last-child .text-link,table.responsive-data-table td:last-child .btn{min-height:40px;min-width:100%;border:1px solid #e0e5ec;border-radius:9px;display:inline-flex;justify-content:center;align-items:center;padding:10px}
 .classic-order-table td:nth-child(2){font-size:14px}
 .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .stat{min-height:105px;padding:14px}
 .stat-head span{font-size:11px}.stat strong{font-size:25px}
 .form-grid{grid-template-columns:minmax(0,1fr)}
 .form-actions .btn{flex:1 1 100%}
 .keyval{align-items:flex-start;flex-direction:column;gap:4px}
 .notice{margin:10px 0;padding:12px}
 #toast{left:12px;right:12px;bottom:14px;max-width:none}
}
@media (max-width:390px){
 .app-top .org-chip{max-width:100px;font-size:10px;padding:6px 7px}
 .app-top .crumb{font-size:11px}
 .classic-order-meta{grid-template-columns:1fr 1fr}
 .classic-steps button{font-size:10px;padding:10px 5px}
 .mobile-order-progress .btn{font-size:10px}
 .site-top{flex-wrap:wrap;gap:10px}
}
@media (prefers-reduced-motion:reduce){.sidebar,.btn{transition:none!important}html{scroll-behavior:auto}}
@media print{.mobile-menu,.nav-backdrop,.side-close,.mobile-order-progress{display:none!important}}

/* v1.4 finishing touches: honest helper copy, ergonomic edit dialogs and iPad headings */
.touch-helper{display:none}
@media(max-width:1100px){.desktop-helper{display:none}.touch-helper{display:inline}}
@media(min-width:701px) and (max-width:850px){.page-header{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:21px}.page-header h1{font-size:27px}}
@media(max-width:700px){
 #user-popup,#catalog-popup,#role-popup,#check-editor{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-height:88dvh!important;border-radius:16px 16px 0 0!important;margin:0!important;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}
 #user-popup .card-b,#catalog-popup .card-b,#role-popup .card-b,#check-editor .card-b{padding-bottom:max(22px,env(safe-area-inset-bottom))}
}

/* v1.5 – friendly shared work orders and refresh affordance */
.collaboration-info{display:flex;gap:13px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:14px 0 18px;padding:16px 18px;border-left:3px solid #7d4e9f;}
.collaboration-info>div{flex:1;min-width:180px}.collaboration-info .btn{margin-left:auto;white-space:nowrap}
@media(max-width:700px){.collaboration-info{align-items:flex-start}.collaboration-info .btn{width:100%;margin-left:0}}