/* ITUS: same screens and control positions, updated visual system. */
:root{--bg:#f4f5f7;--card:#fff;--text:#202632;--muted:#687180;--blue:#b92824;--red:#d9362b;--line:#e4e7ec;--soft:#f2f3f5;--ok:#16704b;--warn:#8a5b0a;--bad:#b4232a;--shadow:0 4px 18px #20263206;--focus:#ba2925}
html{font-size:16px;background:var(--bg)}
body{background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.5}
body::after{display:none}.brand-rail{width:3px;background:#ba2925}
.phone{max-width:560px;padding-right:16px;padding-left:16px}
.top{gap:10px;padding:10px 0 14px;margin-bottom:10px;border-bottom:1px solid var(--line);background:#f4f5f7f5;backdrop-filter:blur(16px)}
.logo{flex:0 0 62px;width:62px;height:62px;padding:0;border:1px solid #eee;border-radius:16px;box-shadow:none;background:#fff}
.logo img{width:100%;height:100%;object-fit:contain;transform:scale(1.65);transform-origin:50% 53%}
.product h1{color:var(--text);font-size:21px;letter-spacing:.07em;font-weight:800;line-height:1.1}.product h1::after{display:none}.product p{font-size:12px;line-height:1.35;max-width:195px}
.user-panel{min-width:120px;max-width:170px;border-radius:14px;padding:9px;box-shadow:none;background:#fff;gap:7px}
.avatar{background:#faeae8;color:#ae2923;font-size:14px;font-weight:700}.user-name{color:var(--text);font-size:13px;font-weight:700}.user-role{font-size:12px;font-weight:500}
.tabs{top:87px;gap:6px;padding:4px 0 12px;margin-bottom:4px;background:#f4f5f7f5}
.tab{flex:1 0 52px;width:auto;height:64px;border:1px solid var(--line);border-radius:14px;box-shadow:none;gap:1px;padding:6px 3px;color:#626b78}
.tab svg{width:24px;height:24px;stroke-width:1.7}.tab span{font-size:12px;font-weight:700}.tab.active{background:#b92824;border-color:#b92824;box-shadow:0 4px 10px #b9282420;color:#fff}
.card{padding:18px;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:14px}.card::before{display:none}.card h2{font-size:18px;line-height:1.35;letter-spacing:-.025em;font-weight:750}.card h3{font-size:16px}.card p{line-height:1.5}.tiny{font-size:13px;line-height:1.45}
.row{flex-wrap:wrap}.row>*{min-width:0}.section-title{flex-wrap:wrap}
.button,.grid button,.primary,.secondary,.danger,.success,.question>button,.notice-actions button{min-height:46px;border-radius:12px;padding:12px;font-size:14px;font-weight:650;line-height:1.3;transition:background .15s,box-shadow .15s,transform .15s}
.grid button{background:#f1f2f4;color:#343d4b;border:1px solid #e9ebef}.primary{background:#b92824;color:#fff;box-shadow:0 4px 9px #b928241c;border:1px solid #b92824}.primary:hover:not(:disabled){background:#a7211e}.secondary{box-shadow:none}.question>button{border:1px solid var(--line);background:#fff;color:var(--blue)}
button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.45}.grid{gap:9px}
input,textarea,select{font-size:16px;min-height:48px;border-radius:12px;background:#fafbfc;border:1px solid #dfe3e8;padding:12px;color:var(--text);box-shadow:inset 0 1px 2px #20263203;margin-top:6px;margin-bottom:12px}
input:focus,textarea:focus,select:focus{background:#fff;border-color:var(--focus);outline:3px solid #ba292512}label{font-size:14px;font-weight:650}.error-text{font-size:13px}textarea{min-height:104px}
button:focus-visible,a:focus-visible{outline:3px solid #b9282470;outline-offset:3px}
.order{padding:15px;border-radius:16px;box-shadow:none}.order.active{border-color:#d9807b;background:#fff8f7;box-shadow:inset 3px 0 #b92824}.order b{font-weight:700}.order .tiny{margin-top:7px}
.badge{font-size:12px;line-height:1.4;font-weight:650;padding:5px 9px;border-radius:8px;background:#f0f1f3;color:#596171;white-space:normal}.badge.warn{background:#fff4dc;color:#8a5b0a}.badge.ok{background:#eaf6ef}.badge.bad{background:#fcebea}
.stat{border-radius:12px;background:#f8f9fb;padding:12px;border:1px solid #eceef1}.stat b{font-size:15px;font-weight:650}.reason{border-left:3px solid #b92824;border-radius:10px;background:#f8f9fb;padding:12px;font-size:15px}.reason b{font-weight:650}
.empty{border:1px dashed #d4d9e1;border-radius:14px;background:#f8f9fb;font-size:14px;padding:20px}.notice{border-radius:14px;box-shadow:none}
.question{border-radius:14px;padding:14px;background:#fff}.question-title{font-size:15px;font-weight:650}.question.done{background:#f6fbf8;border-color:#cbe3d5}.answer{font-size:15px;min-height:46px;border-radius:10px;font-weight:550}.answer.selected{background:#fff0ee;border-color:#c45850;color:#982720}.progress{height:6px;background:#edeff2;margin:12px 0 18px}.progress span{background:#b92824;transition:width .2s}
.topic{border-radius:13px}.topic.active{background:#fff7f6;border-color:#d9807b}.topic-title{font-weight:650;font-size:15px}.topic-preview{font-size:13px}.message{border-radius:14px;font-size:15px}.message.mine{background:#a62a26}.message-meta{font-size:12px}.attachment{font-size:13px;overflow-wrap:anywhere}.message.mine .attachment{color:#762622}.attachment-preview{max-height:240px}
.entry{border-radius:12px}.entry-head{font-size:12px}.entry-file{font-size:14px;overflow-wrap:anywhere}.entry-file>div{min-width:0}
.overlay{background:#141a2670;backdrop-filter:blur(4px)}.sheet{border-radius:24px 24px 18px 18px;padding:20px;max-width:560px;box-shadow:0 24px 80px #10182030}.sheet-head{top:-20px;margin:-20px -20px 16px;padding:20px;background:#fffffffa;border-bottom:1px solid var(--line)}.sheet-head h2{font-size:19px;line-height:1.35;font-weight:700}.sheet-head p{font-size:13px}.icon-button{flex:0 0 44px;width:44px;height:44px;border-radius:12px}
.toast{border-radius:14px;background:#303947;font-size:14px;font-weight:600;box-shadow:0 8px 24px #20263225}.toast.error{background:#a62623}footer{font-size:12px;line-height:1.5}.connection-status{display:block;margin-bottom:6px;font-size:12px;color:var(--muted)}.connection-status[data-status="ok"]{color:var(--ok)}.connection-status[data-status="error"]{color:var(--bad)}
@media(hover:hover){.tab:not(.active):hover,.grid button:not(:disabled):hover{background:#e9ebef}.order:hover{border-color:#c3c9d2}}
@media(max-width:390px){.phone{padding-left:12px;padding-right:12px}.top{gap:8px}.logo{flex-basis:52px;width:52px;height:52px}.product h1{font-size:19px}.product p{font-size:12px}.user-panel{min-width:98px;max-width:110px;padding:7px}.user-name{font-size:12px}.user-role{font-size:12px}.tabs{top:88px}.tab{flex-basis:46px;height:61px}.card{padding:16px}.avatar{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.tabs{top:var(--header-height,90px)}

/* Review 2.2: opaque surfaces and readable text, preserving screen structure. */
:root{--muted:#4b5563;--line:#cbd1da}
body{font-family:Arial,'Segoe UI',sans-serif;color:#17212f;line-height:1.55}
.top,.tabs{background:#f4f5f7;backdrop-filter:none;-webkit-backdrop-filter:none}
.top{flex-wrap:wrap}.product{flex:1;min-width:100px}
.user-panel{max-width:210px}.user-name{white-space:normal;overflow-wrap:anywhere;font-size:14px}
.sheet,.sheet-head,.card,.question{background:#fff;backdrop-filter:none}
.overlay{background:rgba(18,24,34,.7);backdrop-filter:none;-webkit-backdrop-filter:none}
.tiny,.message-meta,.entry-head,.topic-preview{font-size:14px}
.message-meta{display:block;line-height:1.5;color:#435063}
.message.mine .message-meta{color:#fff}.message.mine .attachment{color:#762622}
.card h2,.card h3{letter-spacing:normal;font-weight:700}
input,textarea,select{background:#fff;border-color:#aeb8c5}
.bot-unread{margin-left:auto;border:1px solid #b92824;border-radius:10px;background:#fff;color:#9e201c;padding:8px 12px;font-weight:700;font-size:14px}
.bot-unread[hidden]{display:none}
.setting-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #d1d7df}
.setting-row input{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin:0}
.review-banner{background:#fff3cd;color:#5c4300;padding:12px;font:16px Arial,sans-serif}