@import url('tokens.css');
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:#fff;color:var(--text);font:400 15px/1.55 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,p,ul,ol,dl,dd{margin:0}
h1{font-weight:800;letter-spacing:-.03em;line-height:1.1}
h2{font-weight:800;letter-spacing:-.02em;line-height:1.2}
h3{font-weight:700;letter-spacing:-.01em;line-height:1.3;font-size:1rem}
a{color:var(--primary-strong)}
button{font-family:inherit}
[hidden]{display:none!important}
.ic{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 14px;border-radius:8px;z-index:99}.skip:focus{left:8px}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding-inline:max(20px,env(safe-area-inset-left,0px)) max(20px,env(safe-area-inset-right,0px))}
html.no-scroll{overflow:hidden}
.dbg{display:none!important}
html.debug .dbg{display:flex!important}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--r-md);border:1px solid transparent;font:700 .9rem/1 var(--font);text-decoration:none;cursor:pointer;transition:background var(--t),box-shadow var(--t),border-color var(--t),transform var(--t),color var(--t);white-space:nowrap;-webkit-tap-highlight-color:transparent}
.btn-primary{background:var(--primary-strong);color:#fff;box-shadow:0 6px 14px -8px rgba(45,109,230,.8)}
.btn-primary:hover{background:var(--primary-hover)}
.btn-primary:active{transform:translateY(1px)}
.btn-outline{background:#fff;color:var(--text);border-color:var(--line-strong)}
.btn-outline:hover{border-color:var(--primary);color:var(--primary-strong)}
.btn-soft{background:var(--primary-soft);color:var(--primary-strong)}
.btn-soft:hover{background:#DCEAFF}
.btn-gray{background:#EEF2F8;color:var(--text)}
.btn-gray:hover{background:#E4EAF4}
.btn-ghost{background:transparent;color:var(--primary-strong);padding:0 12px}
.btn-ghost:hover{background:var(--primary-soft)}
.btn-danger{background:#fff;color:var(--err);border-color:#F1C4BF}
.btn-sm{min-height:38px;padding:0 16px;font-size:.85rem}
.btn-lg{min-height:50px;padding:0 28px;font-size:.95rem}
.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none}
.btn.loading{pointer-events:none;opacity:.85}
.spin{width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.link{background:none;border:0;padding:0;color:var(--primary-strong);font:700 .85rem var(--font);cursor:pointer;text-decoration:none}
.link:hover{text-decoration:underline}
.iconbtn{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:0;background:transparent;color:var(--text);cursor:pointer;padding:0;transition:background var(--t)}
.iconbtn:hover{background:#EEF2F8}
.iconbtn .dot{position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--err);border:2px solid #fff}
.avatar{width:44px;height:44px;border-radius:50%;background:#E9EDF5;color:#6E7AA3;display:grid;place-items:center;border:0;cursor:pointer;padding:0;font:800 .85rem var(--font)}
.avatar .ic{width:22px;height:22px}
.avatar.sm{width:38px;height:38px;cursor:default}

/* ---------- status pills ---------- */
.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--r-pill);font-size:.78rem;font-weight:700;line-height:1.4;white-space:nowrap}
.badge .ic{width:14px;height:14px}
.badge.info{background:var(--info-bg);color:var(--info)}.badge.ok{background:var(--ok-bg);color:var(--ok)}
.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.err{background:var(--err-bg);color:var(--err)}.badge.neutral{background:#EEF1F6;color:var(--text-2)}

/* ---------- surfaces and fields ---------- */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}
.lbl{display:block;font-weight:700;font-size:.9rem;margin-bottom:8px}
.hint{color:var(--text-3);font-size:.82rem}
.input,.textarea,.select{width:100%;min-height:46px;padding:11px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:#F7F9FD;font:inherit;color:var(--text);transition:border-color var(--t),box-shadow var(--t),background var(--t)}
.textarea{min-height:104px;resize:vertical;line-height:1.5}
.input:hover,.textarea:hover,.select:hover{border-color:var(--line-strong)}
.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--primary-strong);box-shadow:0 0 0 3px var(--primary-line);background:#fff}
.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--err);box-shadow:0 0 0 3px var(--err-bg)}
.err-text{display:flex;gap:6px;align-items:center;color:var(--err);font-size:.83rem;font-weight:600}
.select{appearance:none;padding-right:38px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236B7588' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center}

/* toast, popovers, modal */
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);display:flex;gap:10px;align-items:center;background:#1F2A44;color:#fff;padding:12px 18px;border-radius:var(--r-md);font-weight:600;font-size:.88rem;box-shadow:var(--shadow-pop);z-index:90;max-width:calc(100% - 32px);animation:rise var(--t)}
@keyframes rise{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
.pop{position:absolute;z-index:60;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);animation:pop var(--t);transform-origin:top right}
@keyframes pop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.pop-h{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.nlist{list-style:none;padding:6px;margin:0;display:grid;gap:2px}
.nitem{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;text-decoration:none;color:inherit;transition:background var(--t)}
.nitem:hover{background:var(--primary-softer)}
.ni-ic{width:36px;height:36px;border-radius:11px;background:#EEF1F6;color:var(--text-3);display:grid;place-items:center;flex:none}
.ni-ic.on{background:var(--primary-soft);color:var(--primary-strong)}
.ni-tx{display:flex;flex-direction:column;min-width:0;font-size:.85rem;color:var(--text-3);line-height:1.4}
.ni-tx b{color:var(--text);font-weight:700}
.nitem:not(.new) .ni-tx b{font-weight:600;color:var(--text-2)}
.newdot{width:9px;height:9px;border-radius:50%;background:var(--primary-strong);margin:8px 2px 0 auto;flex:none}
.pop-empty{display:grid;place-items:center;gap:4px;text-align:center;padding:30px 24px;color:var(--text-3);font-size:.85rem}
.pop-empty .ic{width:28px;height:28px;color:var(--primary-line)}.pop-empty b{color:var(--text)}
.acc-head{display:flex;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.acc-head div{display:flex;flex-direction:column;line-height:1.3;font-size:.8rem;color:var(--text-3)}.acc-head b{color:var(--text);font-size:.92rem}
.menu-item{display:flex;gap:12px;align-items:center;width:calc(100% - 12px);margin:6px;min-height:44px;padding:0 12px;border-radius:12px;border:0;background:none;color:var(--text);font:600 .88rem var(--font);text-decoration:none;cursor:pointer;text-align:left}
.menu-item:hover:not([disabled]){background:var(--primary-softer)}.menu-item[disabled]{color:var(--text-3);cursor:not-allowed}.menu-item em{margin-left:auto;font-style:normal;font-size:.72rem;background:#EEF1F6;padding:1px 8px;border-radius:99px}
.modal-bg{position:fixed;inset:0;background:rgba(17,24,39,.4);display:grid;place-items:center;z-index:80;padding:16px;animation:fade var(--t)}
@keyframes fade{from{opacity:0}}
.modal{width:min(440px,100%);padding:26px;display:grid;gap:10px;box-shadow:var(--shadow-pop);animation:pop var(--t)}
.modal .pi{width:46px;height:46px;border-radius:14px;background:var(--warn-bg);color:var(--warn);display:grid;place-items:center}
.modal p{color:var(--text-2)}.modal .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.banner{display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:var(--r-md);margin-bottom:14px;font-size:.88rem;font-weight:600}
.banner.err{background:var(--err-bg);color:var(--err)}.banner.warn{background:var(--warn-bg);color:var(--warn)}
.banner .btn{margin-left:auto}
.empty{display:grid;justify-items:center;gap:6px;text-align:center;padding:40px 24px;background:#fff;border:1px dashed var(--line-strong);border-radius:var(--r-lg)}
.empty .pi{width:52px;height:52px;border-radius:16px;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center;margin-bottom:4px}
.empty p{color:var(--text-2);max-width:40ch;margin-bottom:8px}
.empty .acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.sk{background:linear-gradient(90deg,#EDF1F8 0,#F7F9FC 50%,#EDF1F8 100%);background-size:200% 100%;animation:sk 1.3s linear infinite;border-radius:8px}
@keyframes sk{to{background-position:-200% 0}}
.sk-row{display:grid;grid-template-columns:28px 1fr 100px;gap:16px;align-items:center;padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg)}

/* ================= PUBLIC SITE ================= */
.site-h{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.site-h .bar{display:flex;align-items:center;gap:8px;min-height:64px;position:relative}
.logo{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:1.25rem;letter-spacing:-.035em;color:var(--text);text-decoration:none}
.logo-mark{width:32px;height:32px;flex:none}
.nav{display:flex;gap:4px;margin-left:36px}
.nav a{padding:8px 14px;border-radius:10px;color:var(--text);font-weight:600;font-size:.85rem;text-decoration:none;transition:background var(--t),color var(--t)}
.nav a:hover{background:var(--primary-soft);color:var(--primary-strong)}
.h-actions{display:flex;gap:10px;align-items:center;margin-left:auto}
.burger{display:none}
.mmenu{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-pop);padding:6px max(20px,env(safe-area-inset-left,0px)) 18px;display:grid;gap:2px;animation:pop var(--t)}
.mmenu a:not(.btn){display:flex;align-items:center;min-height:48px;font-weight:700;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line)}
.mmenu .btn{margin-top:14px}

.hero{position:relative;overflow:hidden;background:radial-gradient(70% 90% at 86% 40%,#EDF3FF 0,rgba(237,243,255,0) 72%),#fff}
.hero .wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;align-items:center;padding-block:36px 40px}
.hero h1{font-size:clamp(2.2rem,1.2rem + 3.4vw,3.5rem);line-height:1.08;letter-spacing:-.035em}
.hero .lead{margin:16px 0 24px;font-size:1.05rem;color:var(--text-3);max-width:31em;line-height:1.6}
.hero-art{display:block;width:100%;max-width:520px;height:auto;justify-self:end}
.sec{padding-block:36px}
.sec-t{font-size:1.75rem;text-align:center;margin-bottom:24px}

.perks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.perk{display:flex;gap:14px;align-items:center;padding:16px 18px;background:#F3F7FD;border:1px solid #EAF0FA;border-radius:14px}
.perk .ic{width:32px;height:32px;color:var(--primary);stroke-width:1.6}
.perk b{display:block;font-size:.95rem;line-height:1.3}.perk span{display:block;color:var(--text-3);font-size:.8rem;line-height:1.35}

.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:8px;max-width:900px;margin:0 auto}
.step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.step .ib{width:60px;height:60px;border-radius:20px;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center}
.step .ib .ic{width:28px;height:28px}
.step b{font-size:.95rem}.step span{color:var(--text-3);font-size:.82rem;line-height:1.4;max-width:22ch}
.step-arrow{color:#B6C2D8;align-self:start;margin-top:20px}
.step-arrow .ic{width:22px;height:22px}

.plans{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:860px;margin:0 auto}
.plan{padding:20px 22px;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}
.plan.accent{background:#EEF4FF;border-color:var(--primary-line)}
.plan .hd{display:flex;gap:12px;align-items:center;margin-bottom:6px}
.plan .hd .ic{width:30px;height:30px;color:var(--text-2);stroke-width:1.5}
.plan.accent .hd .ic{color:var(--primary-strong)}
.plan .hd b{display:block;font-size:1.05rem;line-height:1.25}.plan .hd span{display:block;color:var(--text-3);font-size:.78rem}
.plan .price{font-size:1.85rem;font-weight:800;letter-spacing:-.03em;line-height:1.15}
.plan.est .price{font-size:1.45rem;padding-block:4px}
.plan p{color:var(--text-2);font-size:.86rem}
.plan .go{margin-top:8px;display:inline-flex;gap:6px;align-items:center;font-weight:700;font-size:.85rem;text-decoration:none;color:var(--primary-strong)}
.plan .go:hover{text-decoration:underline}
.pay-note{text-align:center;color:var(--text-3);font-size:.82rem;margin-top:14px}

.faq-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.faq-h h2{font-size:1.6rem}
.faq{display:grid;gap:8px}
.faq details{background:#F1F5FA;border:1px solid #E9EFF8;border-radius:12px;interpolate-size:allow-keywords;transition:background var(--t)}
.faq details[open]{background:#EEF3FB}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 16px;font-weight:700;font-size:.9rem;border-radius:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .q{color:#8592AA;width:22px;height:22px}
.faq summary .chev{margin-left:auto;color:var(--text-2);transition:transform var(--t)}
.faq details[open] summary .chev{transform:rotate(180deg)}
.faq details::details-content{block-size:0;overflow:hidden;transition:block-size var(--t),content-visibility var(--t) allow-discrete}
.faq details[open]::details-content{block-size:auto}
.faq .ans{padding:0 16px 14px 50px;color:var(--text-2);font-size:.88rem}
.site-f{border-top:1px solid var(--line);margin-top:28px;padding:20px 0}
.site-f .foot{display:flex;gap:12px 24px;justify-content:space-between;align-items:center;flex-wrap:wrap;color:var(--text-3);font-size:.8rem}
.site-f .foot nav{display:flex;gap:6px 18px;flex-wrap:wrap}
.site-f em{font-style:normal;font-size:.7rem;background:#EEF1F6;padding:1px 8px;border-radius:99px;margin-left:4px}
.login-wrap{min-height:calc(100dvh - 64px);display:grid;place-items:center;padding:32px 0;background:radial-gradient(50% 60% at 50% 0,#EDF3FF 0,#fff 70%)}
.login-card{width:min(420px,100% - 32px);padding:28px;display:grid;gap:14px;text-align:center;justify-items:center}
.login-card .pi{width:52px;height:52px;border-radius:16px;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center}
.login-card p{color:var(--text-2);font-size:.92rem}

/* ================= CABINET ================= */
.app{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh;min-height:100dvh;background:#fff}
.side{background:linear-gradient(180deg,#F8FAFE,#fff);border-right:1px solid var(--line);padding:20px 12px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;height:100dvh}
.side .logo{padding:0 10px 22px}
.side-nav{display:grid;gap:4px}
.nl{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;border-radius:12px;color:var(--text);font-weight:600;font-size:.85rem;text-decoration:none;transition:background var(--t),color var(--t);border:0;background:none;width:100%;font-family:inherit;cursor:pointer}
.nl .ic{width:20px;height:20px;color:#5B6783}
.nl:hover{background:#EEF3FB}
.nl[aria-current=page]{background:var(--primary-soft);color:var(--primary-strong)}
.nl[aria-current=page] .ic{color:var(--primary-strong)}
.nl .count{margin-left:auto;background:var(--primary-strong);color:#fff;border-radius:99px;font-size:.7rem;min-width:20px;text-align:center;padding:1px 7px}
.side-foot{margin-top:auto;display:grid;gap:8px}
.demo-pill{justify-self:start;margin-left:12px;font:700 .7rem var(--font);color:var(--warn);background:var(--warn-bg);border:0;border-radius:99px;padding:5px 12px;cursor:pointer}
.main{min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:68px;padding:0 32px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px)}
.tb-left{display:none;align-items:center;min-width:0;flex:1}
.tb-right{display:flex;gap:10px;align-items:center}
.demo-chip{font:700 .7rem var(--font);color:var(--warn);background:var(--warn-bg);padding:3px 10px;border-radius:99px;line-height:1.5}
.pop-notif{right:32px;top:calc(100% - 6px);width:min(400px,calc(100vw - 24px))}
.pop-acc{right:32px;top:calc(100% - 6px);width:260px}
.view{width:100%;max-width:860px;margin:0 auto;padding:4px 32px 64px}
.page-h{font-size:1.9rem;margin:6px 0 20px}
.back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--text-2);font-weight:700;text-decoration:none;border-radius:12px}
.back:hover{color:var(--primary-strong)}
.mnav{display:none}

.chips-row{display:flex;gap:10px;align-items:center;margin-bottom:14px}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;flex:1;min-width:0;scroll-snap-type:x proximity}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 14px;border-radius:99px;border:1px solid var(--line);background:#fff;color:var(--text-2);font:700 .82rem var(--font);cursor:pointer;transition:background var(--t),border-color var(--t),color var(--t)}
.chip:hover{border-color:var(--primary-line);color:var(--primary-strong)}
.chip[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary-line);color:var(--primary-strong)}
.chip .n{font-size:.74rem;opacity:.75;font-variant-numeric:tabular-nums}
.chip.attn .n{background:var(--warn-bg);color:var(--warn);opacity:1;padding:0 6px;border-radius:99px}
.searchbtn{flex:none}
.search{position:relative;flex:none;width:220px}
.search .ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none;width:18px;height:18px}
.search .input{padding-left:38px;padding-right:38px;min-height:38px;border-radius:99px;font-size:.85rem}
.search .clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:0;background:none;color:var(--text-3);display:grid;place-items:center;cursor:pointer}
.search .clear:hover{background:var(--gray)}
.resultbar{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--text-3);font-size:.8rem;margin:0 2px 8px}
.sortsel .select{min-height:34px;width:auto;padding:0 32px 0 10px;font-weight:600;font-size:.8rem;border-radius:10px;background-color:transparent;border-color:transparent}
.sortsel .select:hover{background-color:#fff;border-color:var(--line)}

.olist{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.ord{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto auto auto;gap:6px 16px;align-items:center;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:border-color var(--t),box-shadow var(--t)}
.ord:hover{border-color:var(--primary-line);box-shadow:var(--shadow-2)}
.ord .tile{color:#4B5563;display:grid;place-items:center;position:relative}
.ord .tile .ic{width:26px;height:26px;stroke-width:1.5}
.ord .tile .pip{position:absolute;top:-4px;right:-5px;width:10px;height:10px;border-radius:50%;background:var(--primary-strong);border:2px solid #fff}
.ord-title{color:var(--text);font-weight:800;font-size:1rem;letter-spacing:-.01em;text-decoration:none}
.ord-title::after{content:"";position:absolute;inset:0;border-radius:var(--r-lg)}
.ord:has(.ord-title:focus-visible){box-shadow:var(--focus)}
.ord-title:focus-visible{box-shadow:none}
.ord-sub{color:var(--text-3);font-size:.8rem;margin-top:1px}
.ord-date{color:var(--text-2);font-size:.82rem;min-width:44px;text-align:right}
.ord-chev{color:var(--text);width:20px;height:20px}
.pill-unread{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 10px 0 8px;border-radius:99px;background:var(--primary-soft);color:var(--info);font:700 .76rem var(--font);text-decoration:none}
.pill-unread:hover{background:#D8E7FF}
.pill-unread .ic{width:14px;height:14px}

/* ================= NEW ORDER ================= */
.nog{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:20px;align-items:start}
.form{padding:22px;display:grid;gap:20px}
.types{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border:0;padding:0;margin:0;min-width:0}
.type{position:relative}
.type input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}
.type .box{display:flex;gap:10px;align-items:center;justify-content:center;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;font-weight:700;font-size:.85rem;transition:var(--t);box-shadow:var(--shadow-1)}
.type .box .ic{color:#5B6783}
.type input:hover+.box{border-color:var(--primary-line)}
.type input:checked+.box{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}
.type input:checked+.box .ic{color:var(--primary-strong)}
.type input:focus-visible+.box{box-shadow:var(--focus)}
.labs-box{display:grid;gap:8px}
.labs-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.labs-head .cnt{color:var(--text-3);font-size:.8rem;font-weight:600}
.lablist{display:grid;gap:8px;list-style:none;margin:0;padding:0}
.lab{position:relative}
.lab input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}
.lab .box{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:54px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;transition:var(--t)}
.lab .chk{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line-strong);display:grid;place-items:center;color:#fff;transition:var(--t)}
.lab .chk .ic{width:14px;height:14px;stroke-width:3;opacity:0}
.lab b{display:block;font-size:.88rem;line-height:1.3}.lab small{display:block;color:var(--text-3);font-size:.76rem;line-height:1.3;margin-top:1px}
.lab .pr{font-weight:800;font-size:.88rem;color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.lab input:hover+.box{border-color:var(--primary-line)}
.lab input:checked+.box{background:var(--primary-softer);border-color:var(--primary)}
.lab input:checked+.box .chk{background:var(--primary-strong);border-color:var(--primary-strong)}
.lab input:checked+.box .chk .ic{opacity:1}
.lab input:checked+.box .pr{color:var(--primary-strong)}
.lab input:focus-visible+.box{box-shadow:var(--focus)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fld{display:grid;gap:6px;align-content:start}
.fld .lbl{margin:0}
.opts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.toggle{display:inline-flex;gap:10px;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;font-weight:700;font-size:.85rem;cursor:pointer;transition:var(--t);user-select:none}
.toggle input{width:18px;height:18px;accent-color:var(--primary-strong);margin:0}
.toggle:has(input:checked){background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}
.toggle:has(input:focus-visible){box-shadow:var(--focus)}
.toggle small{font-weight:600;color:var(--text-3)}
.toggle:has(input:checked) small{color:var(--primary-strong)}
.attach{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.drop{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border-radius:var(--r-md);background:#EEF2F8;font-weight:700;font-size:.85rem;cursor:pointer;transition:var(--t);position:relative}
.drop:hover,.drop.over{background:var(--primary-soft);color:var(--primary-strong)}
.drop .ic{color:#5B6783}
.files{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.file{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff}
.file .fi{width:32px;height:32px;border-radius:9px;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center}
.file .nm{font-weight:600;font-size:.85rem;overflow-wrap:anywhere;line-height:1.35}
.file small{display:flex;gap:6px;align-items:center;color:var(--text-3);font-size:.76rem}
.file small.okk{color:var(--ok)}.file small .ic{width:13px;height:13px}.file small.dupe{color:var(--warn)}
.file.bad{border-color:#F1C4BF;background:#FFF8F7}.file.bad .fi{background:var(--err-bg);color:var(--err)}
.file .why{color:var(--err);font-size:.78rem;line-height:1.4;margin-top:2px}
.ghost{width:36px;height:36px;border-radius:50%;border:0;background:none;color:var(--text-3);display:grid;place-items:center;cursor:pointer}
.ghost:hover{background:var(--gray);color:var(--text)}
.labfiles{display:grid;gap:8px}
.labfile{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff}
.labfile .top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.labfile .top b{font-size:.85rem}
.labfile.need{border-color:#F1C4BF}
.dateline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dateline .input{max-width:220px}
.recap{position:sticky;top:76px;padding:18px;display:grid;gap:12px}
.recap h2{font-size:1rem;letter-spacing:0}
.sumlist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sumlist li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;font-size:.85rem}
.sumlist li b{font-weight:600;overflow-wrap:anywhere}
.sumlist .p{font-weight:700;font-variant-numeric:tabular-nums}
.sumlist .x{width:28px;height:28px;border-radius:50%;border:0;background:none;color:var(--text-3);display:grid;place-items:center;cursor:pointer;padding:0}
.sumlist .x:hover{background:var(--gray);color:var(--err)}
.sumlist .x .ic{width:15px;height:15px}
.kvs{display:grid;gap:6px;font-size:.84rem;border-top:1px solid var(--line);padding-top:10px}
.kvs div{display:flex;justify-content:space-between;gap:12px}.kvs dt{color:var(--text-3)}.kvs dd{font-weight:700;text-align:right}
.total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:12px}
.total span{color:var(--text-2);font-size:.85rem;font-weight:600}.total b{font-size:1.5rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.total.est b{font-size:1.05rem}
.recap .empty-sum{color:var(--text-3);font-size:.85rem}
.need-list{color:var(--text-3);font-size:.8rem}
.draft{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--text-3);font-size:.76rem}
.submit-bar{display:none}
.m-recap{display:none}
.submit-row{display:flex;justify-content:flex-end}

/* ================= ORDER PAGE ================= */
.o-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 16px;align-items:center;margin:2px 0 6px}
.o-head h1{font-size:1.45rem;letter-spacing:-.02em;line-height:1.2}
.o-head .sub{color:var(--text-3);font-size:.85rem;margin-top:2px}
.o-head .back{width:44px;justify-content:center;margin-left:-8px}
.ap{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--r-md);background:var(--warn-bg);color:var(--warn);margin:10px 0 0;font-size:.86rem;font-weight:700}
.ap .ic{width:20px;height:20px}
.ap span{flex:1;min-width:0}
.ap.ok{background:var(--ok-bg);color:var(--ok)}
.tabs-u{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:14px 0 0}
.tabs-u button{position:relative;min-height:44px;padding:0 16px;border:0;background:none;font:700 .88rem var(--font);color:var(--text-3);cursor:pointer;display:flex;gap:8px;align-items:center;transition:color var(--t)}
.tabs-u button:hover{color:var(--text)}
.tabs-u button[aria-pressed=true]{color:var(--primary-strong)}
.tabs-u button[aria-pressed=true]::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--primary-strong)}
.tabs-u .cnt{background:var(--primary-strong);color:#fff;border-radius:99px;font-size:.68rem;padding:0 7px;min-width:18px;text-align:center}
.chat{display:flex;flex-direction:column;height:clamp(440px,calc(100dvh - 300px),640px);position:relative}
.mwrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
.msgs{flex:1;min-height:0;overflow-y:auto;padding:16px 4px 8px;display:flex;flex-direction:column;overscroll-behavior:contain}
.msgs>*{flex-shrink:0}
.day{align-self:center;margin:12px 0 8px;font-size:.72rem;font-weight:700;color:var(--text-3);background:#F1F4F9;padding:2px 12px;border-radius:99px}
.day:first-child{margin-top:0}
.sys{align-self:center;display:flex;gap:6px;align-items:center;margin:6px 0;font-size:.76rem;color:var(--text-2);background:#F4F7FC;border:1px solid #E8EEF8;padding:3px 12px;border-radius:99px;text-align:center}
.sys .ic{width:14px;height:14px;color:var(--primary)}
.unread-line{display:flex;align-items:center;gap:12px;margin:10px 0 4px;color:var(--primary-strong);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.unread-line::before,.unread-line::after{content:"";flex:1;border-top:1px solid var(--primary-line)}
.grp{display:flex;flex-direction:column;gap:3px;margin-top:10px;max-width:100%}
.grp.me{align-items:flex-end}.grp.ex{align-items:flex-start;padding-left:46px;position:relative}
.grp.ex::before{content:"";position:absolute;left:0;bottom:22px;width:34px;height:34px;border-radius:50%;background:var(--primary-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D6DE6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M5 20c0-3.6 3.2-5.4 7-5.4s7 1.8 7 5.4'/%3E%3C/svg%3E") center/20px no-repeat}
.bub{max-width:min(520px,82%);padding:10px 14px;border-radius:16px;line-height:1.5;overflow-wrap:anywhere;font-size:.9rem;white-space:pre-wrap}
.grp.me .bub{background:#DCE9FE;color:var(--text);border-bottom-right-radius:6px}
.grp.ex .bub{background:#EEF3FB;color:var(--text);border-bottom-left-radius:6px}
.grp.me .bub:not(:last-of-type){border-bottom-right-radius:16px}
.grp.ex .bub:not(:last-of-type){border-bottom-left-radius:16px}
.grp.ex .bub.new{background:#E0ECFF}
.bub .att{display:flex;gap:10px;align-items:center;margin-top:8px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.9);color:var(--text);text-decoration:none;border:0;width:100%;text-align:left;font:inherit;cursor:pointer}
.bub .att .fi{width:30px;height:30px;border-radius:9px;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center;flex:none}
.bub .att b{display:block;font-size:.82rem;line-height:1.3}.bub .att small{color:var(--text-3);font-size:.72rem}
.who{font-size:.72rem;color:var(--text-3);font-weight:700;margin:0 4px}
.mt{font-size:.7rem;color:var(--text-3);margin:0 4px;display:flex;gap:8px;align-items:center;align-self:flex-end}
.mt .bad{color:var(--err);font-weight:700}
.mt button{color:var(--primary-strong);font-weight:700;background:none;border:0;padding:0;cursor:pointer;font-size:.7rem}
.chat-empty{margin:auto;display:grid;justify-items:center;gap:6px;text-align:center;color:var(--text-2);max-width:32ch;padding:24px;font-size:.88rem}
.chat-empty .pi{width:52px;height:52px;border-radius:16px;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center}
.jump{position:absolute;left:50%;transform:translateX(-50%);bottom:8px;display:inline-flex;gap:6px;align-items:center;min-height:34px;padding:0 14px 0 10px;border-radius:99px;border:1px solid var(--primary-line);background:#fff;color:var(--primary-strong);font:700 .8rem var(--font);box-shadow:var(--shadow-2);cursor:pointer}
.composer{padding:10px 0 2px}
.pending{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.pchip{display:inline-flex;gap:6px;align-items:center;background:var(--primary-soft);color:var(--info);border-radius:99px;padding:4px 6px 4px 12px;font-size:.78rem;font-weight:600;max-width:100%}
.pchip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.pchip button{width:22px;height:22px;border-radius:50%;border:0;background:rgba(45,109,230,.14);color:var(--info);display:grid;place-items:center;cursor:pointer;padding:0}
.crow2{display:flex;gap:10px;align-items:center}
.field-msg{flex:1;display:flex;align-items:center;gap:6px;min-height:50px;padding:0 6px 0 4px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-1)}
.field-msg .textarea{border:0;background:transparent;min-height:40px;max-height:112px;resize:none;padding:10px 6px;box-shadow:none}
.field-msg .iconbtn{width:40px;height:40px;color:#5B6783}
.sendbtn{width:50px;height:50px;border-radius:14px;border:0;background:var(--primary-strong);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none;transition:background var(--t),transform var(--t);box-shadow:0 8px 16px -10px rgba(45,109,230,.9)}
.sendbtn:hover{background:var(--primary-hover)}.sendbtn:active{transform:scale(.95)}.sendbtn[disabled]{background:#C9D6EE;cursor:not-allowed;box-shadow:none}
.dside{display:grid;gap:12px;margin-top:14px}
.dcard{padding:16px 18px;display:grid;gap:10px}
.dcard h3{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:800}
.dcard p{font-size:.9rem;line-height:1.55}
.kv{display:grid;gap:8px;font-size:.88rem}.kv div{display:flex;justify-content:space-between;gap:16px}.kv dt{color:var(--text-3)}.kv dd{font-weight:700;text-align:right}
.flist{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.frow{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:.86rem}
.frow .fi{width:32px;height:32px;border-radius:9px;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center}
.frow b{display:block;line-height:1.3;overflow-wrap:anywhere}.frow small{color:var(--text-3)}
.tl{list-style:none;margin:0;padding:0 0 0 16px;border-left:2px solid #DCE6F8;display:grid;gap:12px}
.tl li{position:relative;font-size:.86rem;display:grid}.tl li::before{content:"";position:absolute;left:-23px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--primary);border:2px solid #fff;box-shadow:0 0 0 2px #DCE6F8}.tl small{color:var(--text-3)}
.terms{display:grid;grid-template-columns:repeat(3,auto);gap:4px 26px;justify-content:start;font-size:.88rem}
.terms dt{color:var(--text-3);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.terms dd{font-weight:700;margin-bottom:4px}
.dact{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.ask{padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #F0DDAE;font-size:.88rem}

/* ================= RESPONSIVE ================= */
@media (max-width:980px){
  .nav{display:none}.burger{display:grid}
  .hero .wrap{grid-template-columns:1fr;padding-block:22px 12px;gap:0}
  .hero h1{font-size:2.1rem}
  .hero .lead{margin:12px 0 18px;font-size:1rem}
  .hero-art{max-width:380px;justify-self:center;margin-top:-6px}
  .perks{grid-template-columns:1fr;gap:8px}.perk{padding:12px 14px}.perk .ic{width:28px;height:28px}
  .sec{padding-block:26px}.sec-t{font-size:1.45rem;margin-bottom:16px}
  .steps{grid-template-columns:1fr;gap:12px;max-width:none}
  .step{flex-direction:row;text-align:left;gap:14px}.step .ib{width:48px;height:48px;border-radius:16px;flex:none}.step .ib .ic{width:24px;height:24px}
  .step span{max-width:none}.step-arrow{display:none}
  .plans{grid-template-columns:1fr}
  .faq-h h2{font-size:1.35rem}
  .nog{grid-template-columns:minmax(0,1fr)}.recap{display:none}
  .m-recap{display:block;padding:12px 14px}
  .m-recap summary{cursor:pointer;font-weight:700;display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 8px;min-height:30px;list-style:none}
  .m-recap summary::-webkit-details-marker{display:none}
  .m-recap summary .hint{grid-column:1;font-weight:500}
  .m-recap summary .ic{grid-row:1/3;grid-column:2;transition:transform var(--t)}
  .m-recap[open] summary .ic{transform:rotate(180deg)}
  .m-recap .sumlist{margin-top:12px}
  .submit-bar{display:flex;position:sticky;bottom:0;z-index:35;gap:12px;align-items:center;margin:14px -14px -40px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-top:1px solid var(--line)}
  .submit-bar .need{flex:1;min-width:0;font-size:.78rem;color:var(--text-2);line-height:1.3}.submit-bar .need b{display:block;font-size:1.05rem;color:var(--text);letter-spacing:-.01em}
  .submit-bar .btn{flex:none;min-width:150px}
  .submit-row{display:none}
}
@media (max-width:820px){
  html{scroll-padding-top:68px}
  .app{grid-template-columns:minmax(0,1fr)}.side{display:none}
  .topbar{min-height:56px;padding:0 14px;justify-content:space-between}
  .tb-left{display:flex}
  .tb-left h1{font-size:1.2rem;letter-spacing:-.02em}
  .page-h{display:none}
  .pop-notif,.pop-acc{left:12px;right:12px;width:auto}
  .view{padding:6px 14px 96px}
  body:not(.no-mnav) .mnav{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));z-index:40}
  .mnav a,.mnav button{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:50px;justify-content:center;color:var(--text-3);font:700 .68rem var(--font);text-decoration:none;border-radius:12px;border:0;background:none;cursor:pointer}
  .mnav [aria-current=page]{color:var(--primary-strong);background:var(--primary-soft)}
  .mnav .ic{width:22px;height:22px}
  .search{width:auto;flex:1}
  .ord{grid-template-columns:28px minmax(0,1fr) auto;padding:14px 14px;gap:6px 12px}
  .ord .ord-pill{grid-column:2;grid-row:2;justify-self:start}
  .ord .ord-date{grid-column:2;grid-row:3;text-align:left;margin-top:-2px}
  .ord .pill-unread{grid-column:3;grid-row:1;justify-self:end}
  .ord .ord-chev{grid-column:3;grid-row:2/4;justify-self:end}
  .types{grid-template-columns:1fr 1fr 1fr;gap:6px}.type .box{padding:0 6px;font-size:.78rem;gap:6px;min-height:44px}.type .box .ic{width:16px;height:16px}
  .form{padding:16px 14px;gap:16px}
  .two{grid-template-columns:1fr}
  .lab .box{padding:8px 12px}
  .tb-order{display:none}
}
@media (max-width:420px){
  .type .box .ic{display:none}
}
@media (max-width:360px){
  .view{padding-inline:12px}.topbar{padding:0 12px}
  .submit-bar{margin-inline:-12px;padding-inline:12px}.submit-bar .btn{min-width:130px}
}
@media (max-width:520px){.h-actions .h-cta{display:none}}
@media (max-width:980px){.h-actions .btn-outline.login{display:none}.h-actions .mlogin{display:inline-flex}}

/* compact mode: phones and landscape phones (chat gets the full screen) */
.compact .side{display:none}
.compact .app{grid-template-columns:minmax(0,1fr)}
.compact .topbar{min-height:56px}
.compact .view{padding:6px 14px 40px}
.no-mnav .view{padding-bottom:40px}
.compact .ordbar .tb-right{display:none}
.compact .ordbar{padding:0 10px 0 4px}
html.chat-lock,html.chat-lock body{overflow:hidden;height:100%}
html.chat-lock .app{height:var(--app-h,100dvh);min-height:0;display:block}
html.chat-lock .main{height:100%;display:flex;flex-direction:column}
html.chat-lock .topbar{flex:none}
.compact .view.chat-mode{flex:1;min-height:0;display:flex;flex-direction:column;max-width:none;margin:0;padding:0 14px}
.compact .view.chat-mode .o-head{grid-template-columns:auto minmax(0,1fr) auto;margin:0;padding-top:2px}
.compact .view.chat-mode .o-head h1{font-size:1.05rem}
.compact .view.chat-mode .o-head .sub{display:none}
.compact .view.chat-mode .ap{margin:6px 0 0;padding:8px 8px 8px 12px}
.compact .view.chat-mode .tabs-u{margin-top:6px}
.compact .view.chat-mode .p-chat{flex:1;min-height:0;display:flex;flex-direction:column}
.compact .view.chat-mode .chat{flex:1;height:auto;min-height:0}
.compact .view.chat-mode .composer{padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px))}
.compact .p-details{display:none}
.compact [data-tab=details] .p-chat{display:none}
.compact [data-tab=details] .p-details{display:grid}
@media (max-height:500px) and (orientation:landscape){.compact .view.chat-mode .ap{display:none}}

.mlogin{display:none}
@media (max-width:980px){.h-actions .mlogin{display:inline-flex}}
.guest-view{max-width:960px}

.step div>b,.step div>span{display:block}
.hero-art{max-width:600px;margin-right:-24px}
@media (max-width:980px){.hero-art{margin-right:0;max-width:400px}}

.compact .topbar.ordbar{display:none}

/* V3 fixes */
.ord{grid-template-columns:28px minmax(0,1fr) auto auto auto 20px}
.view.wide{max-width:1000px}
.search{width:190px}
.textarea.sm{min-height:64px}
.fchips{display:flex;flex-wrap:wrap;gap:6px}
.fchip{display:inline-flex;gap:4px;align-items:center;background:#F1F5FA;border:1px solid #E6ECF6;border-radius:99px;padding:3px 4px 3px 10px;font-size:.78rem;font-weight:600;max-width:100%}
.fchip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}
.fchip button{width:22px;height:22px;border-radius:50%;border:0;background:none;color:var(--text-3);display:grid;place-items:center;cursor:pointer;padding:0}
.fchip button:hover{background:#E4EAF4;color:var(--err)}
.fchip button .ic{width:13px;height:13px}
.labfile{padding:8px 12px;gap:8px}
.labfile .top .drop{min-height:34px}
@media (max-width:820px){
  .ord{grid-template-columns:28px minmax(0,1fr) auto}
  .view.wide{max-width:none}
}
.terms{display:flex;flex-wrap:wrap;gap:8px 28px}
.terms div{min-width:0}
.fchips{min-width:0}.fchip{min-width:0}.fchip span{flex:1;min-width:0}
.labfile,.labfiles,.fld,.form{min-width:0}

/* V3 proportions pass (after side-by-side with the reference) */
.hero h1{font-size:clamp(2.2rem,1.1rem + 3.9vw,3.9rem)}
.hero .lead{font-size:1.15rem;max-width:30em}
.hero .wrap{grid-template-columns:1fr 1fr}
.hero-art{max-width:640px}
.hero .btn-lg{min-height:56px;min-width:210px;font-size:1rem;border-radius:14px}
.view{max-width:900px}
.view.wide{max-width:1000px}
.ord{padding:20px 22px}
.ord-title{font-size:1.05rem}
.ord-sub{font-size:.83rem;margin-top:2px}
.ord .tile .ic{width:30px;height:30px}
.badge{padding:5px 14px;font-size:.82rem}
.ord-date{font-size:.85rem;min-width:50px}
@media (min-width:981px){.types{grid-template-columns:1.5fr 1.3fr .8fr}}
@media (max-width:980px){.hero h1{font-size:2.2rem}.hero .btn-lg{min-width:0}}
.total.est{flex-direction:column;align-items:flex-start;gap:2px}
@media (min-width:981px){.types{grid-template-columns:1.7fr 1.3fr .8fr}.type .box{white-space:nowrap;padding:0 10px;gap:8px}}
.step b{font-size:1.02rem}
.step div>span{font-size:.88rem}
.step .ib{width:64px;height:64px}
.perk b{font-size:1rem}.perk span{font-size:.84rem}
@media (max-width:980px){.step .ib{width:48px;height:48px}.step b{font-size:.98rem}}

/* V3 mobile list density */
@media (max-width:820px){
  .chips-row{flex-wrap:wrap;gap:8px}
  .chips-row .search{order:-1;flex:1 1 100%;width:100%}
  .chips-row .chips{flex:1 1 100%}
  .ord{grid-template-columns:28px auto auto 1fr 20px;grid-template-rows:auto auto;padding:14px 14px;gap:8px 10px}
  .ord .tile{grid-column:1;grid-row:1}
  .ord .ord-main{grid-column:2/5;grid-row:1}
  .ord .ord-chev{grid-column:5;grid-row:1;justify-self:end;align-self:start}
  .ord .ord-pill{grid-column:2;grid-row:2;justify-self:start}
  .ord .pill-unread{grid-column:3;grid-row:2;justify-self:start}
  .ord .ord-date{grid-column:4;grid-row:2;justify-self:end;text-align:right;margin:0}
  .ord .tile .ic{width:26px;height:26px}
  .ord-title{font-size:1rem}
  .ord-sub{font-size:.8rem}
  .badge{padding:4px 12px;font-size:.78rem}
}

@media (max-width:380px){.ord{grid-template-columns:28px auto auto minmax(0,1fr)}.ord .ord-chev{display:none}.ord .ord-main{grid-column:2/5}.ord .ord-date{grid-column:4}}

/* V3.1 wizard */
.stepper{display:grid;gap:8px}
.st-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.st-top span{color:var(--text-3);font-size:.8rem;font-weight:700}
.st-top b{font-size:1.1rem;letter-spacing:-.01em}
.st-bar{height:4px;background:#EAF0FA;border-radius:4px;overflow:hidden}
.st-bar i{display:block;height:100%;background:var(--primary-strong);border-radius:4px;transition:width var(--t)}
.step-box{display:grid;gap:20px}
.subjects{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.subj{position:relative}
.subj input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}
.subj .box{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;min-height:100px;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-1);transition:var(--t)}
.subj .pi{width:48px;height:48px;border-radius:14px;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center}
.subj .pi .ic{width:24px;height:24px}
.subj b{display:block;font-size:1rem;line-height:1.3}
.subj small{display:block;color:var(--text-3);font-size:.82rem;margin-top:2px}
.subj em{display:block;font-style:normal;color:var(--primary-strong);font-size:.8rem;font-weight:700;margin-top:4px}
.subj input:hover+.box{border-color:var(--primary-line)}
.subj input:checked+.box{border-color:var(--primary);background:var(--primary-softer);box-shadow:0 0 0 1px var(--primary)}
.subj input:focus-visible+.box{box-shadow:var(--focus)}
.nav-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:16px}
.nav-row .btn-primary{margin-left:auto}
.subj-line{display:flex;gap:8px;align-items:center;color:var(--text-2);font-size:.85rem;font-weight:600}
.subj-line .ic{width:18px;height:18px;color:var(--primary-strong)}
@media (max-width:980px){
  .nav-row{display:none}
  .submit-bar .btn-ghost{min-height:44px;width:44px;padding:0;flex:none}
}
@media (max-width:640px){.subjects{grid-template-columns:1fr}.subj .box{min-height:84px}}

/* V3.1 orders header and messenger */
.tabs-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);margin-bottom:14px}
.tabs-row .tabs-u{margin:0;border:0;flex:1}
.cnt2{font-size:.74rem;color:var(--text-3);font-weight:700}
.tabs-u button[aria-pressed=true] .cnt2{color:var(--primary-strong)}
.search-full{position:relative;display:block;margin:0 0 12px}
.search-full .ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none;width:18px;height:18px}
.search-full .input{padding-left:42px;padding-right:44px;min-height:46px;border-radius:99px}
.search-full .clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:0;background:none;color:var(--text-3);display:grid;place-items:center;cursor:pointer}
.search-full .clear:hover{background:var(--gray)}
.attn-note{display:flex;gap:10px;align-items:center;margin-bottom:12px;padding:10px 14px;border-radius:var(--r-md);background:var(--warn-bg);color:var(--warn);font-size:.86rem;font-weight:700}
.attn-note .ic{width:18px;height:18px}.attn-note span{flex:1;min-width:0}
.attn-note .link{color:var(--warn);text-decoration:underline}
.msgr{display:grid;grid-template-columns:330px minmax(0,1fr);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:var(--shadow-1);height:calc(100dvh - 150px);min-height:480px}
.dlg-list{overflow-y:auto;border-right:1px solid var(--line);background:linear-gradient(180deg,#FBFCFF,#fff)}
.dlg{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;text-decoration:none;color:inherit;border-bottom:1px solid #F0F4FA;transition:background var(--t)}
.dlg:hover{background:#F5F8FE}
.dlg.on{background:var(--primary-soft)}
.dlg .av{width:44px;height:44px;border-radius:50%;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center}
.dlg.on .av{background:#fff}
.dlg .tx{display:flex;flex-direction:column;min-width:0}
.dlg .tx b{font-size:.95rem}
.dlg .tx small{color:var(--text-3);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dlg .meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.dlg .meta time{color:var(--text-3);font-size:.72rem}
.badgec{min-width:20px;height:20px;border-radius:10px;background:var(--primary-strong);color:#fff;font:800 .7rem/20px var(--font);text-align:center;padding:0 6px}
.dlg-pane{min-width:0;background:#fff}
.dlg-pane iframe{width:100%;height:100%;border:0;display:block}
@media (max-width:980px){
  .msgr{display:block;height:auto;border:0;box-shadow:none;background:transparent;border-radius:0;overflow:visible}
  .dlg-pane{display:none}
  .dlg-list{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;overflow:hidden}
}
/* a page shown inside the messenger pane */
.embed{background:#fff}
.embed .view{max-width:none;padding:6px 22px 0}
.embed .o-head{margin-top:8px;grid-template-columns:minmax(0,1fr) auto}
.embed .o-head .back{display:none}
.embed .chat{height:calc(100dvh - 190px);min-height:300px}
.embed .p-details{padding-bottom:24px}

/* V3.1 site feel */
.sec.alt{background:linear-gradient(180deg,#F6F9FE,#fff)}
.plan .btn{margin-top:10px;align-self:flex-start}
.site-f{background:#F6F9FE;margin-top:36px;padding-top:36px}
.site-f .foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:28px;align-items:start;color:var(--text-2);font-size:.88rem}
.site-f .f-brand p{color:var(--text-3);margin-top:10px;max-width:30ch;font-size:.85rem}
.site-f .f-col{display:flex;flex-direction:column;gap:8px}.site-f .f-col b{color:var(--text);margin-bottom:2px}
.site-f .f-col a{color:var(--text-2);text-decoration:none}.site-f .f-col a:hover{color:var(--primary-strong)}
.site-f .f-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:24px;padding-block:16px;color:var(--text-3);font-size:.8rem}
.embed .view{padding-top:14px}
@media (max-width:980px){.site-f .foot{grid-template-columns:1fr 1fr}.site-f .f-brand{grid-column:1/-1}}

@media (max-width:980px){.submit-bar .btn.btn-ghost{min-width:0;width:44px;min-height:44px;padding:0}.submit-bar .need{min-width:100px}}

/* V3.1 overflow fixes (mobile bar and tabs) */
.tabs-row .tabs-u{min-width:0;overflow-x:auto;scrollbar-width:none}
.tabs-row .tabs-u::-webkit-scrollbar{display:none}
.tabs-u button{flex:none}
@media (max-width:480px){.tabs-u button{padding:0 12px}}
@media (max-width:980px){
  .submit-bar .need{min-width:0;flex:1 1 0}
  .submit-bar .need b{overflow-wrap:anywhere;line-height:1.2}
}
@media (max-width:360px){.submit-bar .btn.btn-primary{min-width:112px;padding:0 14px}}

/* V4 catalog: subjects */
.guest .page-h{display:block}
.mnav{grid-template-columns:repeat(4,1fr)!important}
@media (max-width:820px){body:not(.no-mnav) .mnav{grid-template-columns:repeat(4,1fr)}}
.page-lead{color:var(--text-3);margin:-8px 0 18px;max-width:52ch}
.subj-tools{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.subj-tools .chips{flex:none;max-width:100%}
.subj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.sc{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 20px;gap:14px;align-items:center;padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);text-decoration:none;color:inherit;transition:border-color var(--t),box-shadow var(--t),transform var(--t)}
.sc:hover{border-color:var(--primary);box-shadow:var(--shadow-2);transform:translateY(-2px)}
.sc .pi{width:52px;height:52px;border-radius:16px;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center}
.sc .pi .ic{width:26px;height:26px}
.sc-b{display:flex;flex-direction:column;gap:8px;min-width:0}
.sc-b>b{font-size:1.02rem;letter-spacing:-.01em;line-height:1.3}
.wcs{display:flex;flex-wrap:wrap;gap:6px}
.wc{display:inline-flex;gap:5px;align-items:baseline;padding:3px 10px;border-radius:99px;background:#F1F5FA;color:var(--text-2);font-size:.76rem;font-weight:600}
.wc b{color:var(--primary-strong);font-weight:800}
.wc.est{background:transparent;border:1px dashed var(--line-strong);color:var(--text-3)}
.sc-go{color:var(--text-3)}
.req-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px 16px;align-items:start;margin-top:16px;padding:20px;background:linear-gradient(135deg,#EEF4FF,#F7FAFF);border:1px solid var(--primary-line);border-radius:var(--r-lg)}
.req-card .pi{width:52px;height:52px;border-radius:16px;background:#fff;color:var(--primary-strong);display:grid;place-items:center}
.req-card h2{font-size:1.1rem}.req-card p{color:var(--text-2);font-size:.88rem;margin-top:2px}
.req-form{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}
.req-form .err-text{grid-column:1/-1}
.subj-head{display:flex;gap:16px;align-items:center;margin:4px 0 14px}
.subj-head .pi{width:56px;height:56px;border-radius:18px;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center}
.subj-head h1{font-size:1.8rem;letter-spacing:-.02em;line-height:1.15}
.sp-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start;margin-top:16px}
.p-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.p-head h2{font-size:1.15rem}
.pricetag{font-weight:800;font-size:1.2rem;color:var(--primary-strong);letter-spacing:-.02em}
.pricetag small{font-weight:600;color:var(--text-3);font-size:.78rem;letter-spacing:0}
.p-foot{display:flex;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}
.est-card{padding:28px;display:grid;gap:12px;justify-items:start}
.est-card .pi{width:52px;height:52px;border-radius:16px;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center}
.est-card h2{font-size:1.2rem}.est-card p{color:var(--text-2)}
.recap .btn.is-off{opacity:.45;pointer-events:none}
.submit-bar .btn.is-off{opacity:.45;pointer-events:none}
.subj-line{display:flex;gap:8px;align-items:center;color:var(--text-2);font-size:.85rem;font-weight:600}
@media (max-width:980px){.sp-grid{grid-template-columns:minmax(0,1fr)}.subj-grid{grid-template-columns:1fr}.req-form{grid-template-columns:1fr}}

/* V4 chat pane fix and quick replies */
.embed .view{height:100dvh;display:flex;flex-direction:column;padding:0 20px;max-width:none;margin:0}
.embed .o-head{margin:0;padding:14px 0 4px;grid-template-columns:minmax(0,1fr) auto}
.embed .ap{margin:6px 0 0}
.embed .tabs-u{margin-top:8px}
.embed #grid{flex:1;min-height:0;display:flex;flex-direction:column}
.embed .chat{flex:1;height:auto;min-height:0}
.embed .p-details{overflow-y:auto;flex:1;min-height:0;margin-top:10px;padding-bottom:16px}
.embed .composer{padding-bottom:14px}
.msgr{height:calc(100dvh - 130px)}
.quick{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:8px 0 0}
.quick::-webkit-scrollbar{display:none}
.quick button{flex:none;border:1px solid var(--primary-line);background:#fff;color:var(--primary-strong);border-radius:99px;padding:7px 14px;font:700 .8rem var(--font);cursor:pointer;transition:background var(--t)}
.quick button:hover{background:var(--primary-soft)}
.subj-strip{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.subj-strip>b{font-size:.95rem}
.subj-strip .chips{flex:1;flex-wrap:wrap;overflow:visible}
.chip.all{background:var(--primary-soft);border-color:var(--primary-line);color:var(--primary-strong);text-decoration:none}
a.chip{text-decoration:none}
@media (max-width:820px){.subj-strip .chips{flex-wrap:nowrap;overflow-x:auto}}

.guest-view{padding-top:28px}
.tabs-scroll{overflow-x:auto;scrollbar-width:none;max-width:100%}
.tabs-scroll::-webkit-scrollbar{display:none}
@media (max-width:820px){.tabs-scroll{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);padding-right:32px}}

/* V5 home: subject tiles and price cards */
.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.tile-s{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);text-decoration:none;color:inherit;min-height:132px;transition:border-color var(--t),box-shadow var(--t),transform var(--t)}
.tile-s:hover{border-color:var(--primary);box-shadow:var(--shadow-2);transform:translateY(-2px)}
.tile-s .pi{width:44px;height:44px;border-radius:14px;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center;flex:none}
.tile-s .pi .ic{width:22px;height:22px}
.tile-s b{font-size:.9rem;line-height:1.25;letter-spacing:-.01em}
.tile-s small{margin-top:auto;color:var(--text-3);font-size:.78rem;font-weight:600}
.tile-s.all{background:var(--primary-soft);border-color:var(--primary-line)}
.tile-s.all .pi{background:#fff}
.tile-s.all small{color:var(--primary-strong)}
.plans2{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:920px;margin:0 auto}
.pcard{display:flex;flex-direction:column;gap:16px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-1)}
.pcard.accent{background:linear-gradient(160deg,#E8F1FF,#F8FBFF);border-color:var(--primary-line)}
.ph{display:flex;gap:14px;align-items:center}
.ph .pi{width:48px;height:48px;border-radius:15px;background:#fff;color:var(--primary-strong);display:grid;place-items:center;border:1px solid var(--line);flex:none}
.pcard.accent .ph .pi{border-color:var(--primary-line)}
.ph b{display:block;font-size:1.1rem;line-height:1.25}.ph span{color:var(--text-3);font-size:.82rem}
.pprice{font-size:2.3rem;font-weight:800;letter-spacing:-.035em;line-height:1.1;min-height:2.55rem}
.pprice small{font-size:.9rem;font-weight:600;color:var(--text-3);letter-spacing:0}
.pprice.est{font-size:1.55rem;letter-spacing:-.02em;display:flex;align-items:center}
.pl{list-style:none;margin:0;padding:0;display:grid;gap:10px;color:var(--text-2);font-size:.92rem}
.pl li{display:flex;gap:10px;align-items:flex-start}
.pl li .ic{color:var(--ok);width:1.15em;margin-top:2px}
.pcard .btn{margin-top:auto;width:100%}
@media (max-width:980px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.plans2{grid-template-columns:1fr}.pcard{padding:22px}.pprice{font-size:2rem}}
@media (max-width:520px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-s{min-height:116px;padding:14px}}

/* V5 chat page fits the viewport; subject cards equal */
.msgr-page .page-h{display:none}
.msgr-page .view{padding:2px 32px 14px;max-width:1100px}
.msgr-page .msgr{height:calc(100dvh - 84px);min-height:420px}
.msgr-page,.msgr-page body{overflow:hidden}
@media (max-width:980px){.msgr-page,.msgr-page body{overflow:auto}.msgr-page .page-h{display:none}.msgr-page .msgr{height:auto}.msgr-page .view{padding:6px 14px 96px}}
.subj{display:flex}
.subj .box{flex:1;align-items:start}
.subj .pi{flex:none;width:48px;height:48px}
.subj .pi .ic{width:24px;height:24px}
.subj small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc{align-items:start}

/* V6 home: large subject cards with prices */
.sec-hd{text-align:center;max-width:620px;margin:0 auto 28px}
.sec-hd .sec-t{margin-bottom:8px}
.sec-hd p{margin:0;color:var(--text-2);font-size:1rem}
.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tile-s{padding:26px;gap:14px;min-height:240px;border-radius:24px}
.tile-s .pi{width:60px;height:60px;border-radius:18px}
.tile-s .pi .ic{width:30px;height:30px}
.tile-s b{font-size:1.3rem;line-height:1.25;letter-spacing:-.02em}
.tile-s .tags{display:flex;flex-wrap:wrap;gap:6px}
.tile-s .tags i{font-style:normal;font-size:.8rem;font-weight:600;color:var(--text-2);background:var(--gray, #F4F6FA);border-radius:999px;padding:4px 10px}
.tile-s .foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:6px}
.tile-s .pr{font-size:1.5rem;font-weight:800;letter-spacing:-.03em}
.tile-s .pr small{font-size:.85rem;font-weight:600;color:var(--text-3);letter-spacing:0;margin-right:2px}
.tile-s .go{width:40px;height:40px;border-radius:50%;background:var(--primary-soft);color:var(--primary-strong);display:grid;place-items:center;transition:background var(--t),color var(--t)}
.tile-s:hover .go{background:var(--primary);color:#fff}
.tile-s.lead{background:linear-gradient(160deg,#E8F1FF,#fff 70%);border-color:var(--primary-line)}
.tile-s.lead .pi{background:#fff}
.tile-s.all{background:#fff;border-style:dashed;border-color:var(--primary-line)}
.tile-s.all .pi{background:var(--primary-soft)}
.tile-s.all .pr{font-size:1.05rem;color:var(--primary-strong)}
.tile-s.all .tags i{background:var(--primary-soft);color:var(--primary-strong)}
@media (max-width:980px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.tiles{grid-template-columns:1fr;gap:12px}.tile-s{min-height:0;padding:20px}}

/* V6: chat page title, calmer header, smaller dialog icons; breadcrumbs */
.msgr-page .page-h{display:block;font-size:1.5rem;margin:6px 0 14px;letter-spacing:-.02em}
.msgr-page .view{padding:14px 32px 14px}
.msgr-page .msgr{height:calc(100dvh - 156px);min-height:420px}
.dlg{grid-template-columns:36px minmax(0,1fr) auto;padding:12px 16px}
.dlg .av{width:36px;height:36px}
.dlg .av .ic{width:18px;height:18px}
.embed .o-head{padding:24px 0 8px}
.embed .ap{margin:8px 0 0}
.embed .tabs-u{margin-top:12px}
@media (max-width:980px){.msgr-page .page-h{display:none}}
.crumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.9rem;color:var(--text-2);margin:0 0 14px}
.crumbs a{color:var(--text-2);text-decoration:none;font-weight:600}
.crumbs a:hover{color:var(--primary-strong)}
.crumbs>span[aria-hidden]{display:inline-flex;align-items:center;color:var(--text-3)}
.crumbs .ic{width:14px;height:14px}
.crumbs [aria-current]{color:var(--text);font-weight:700}
.embed .view.chat-mode .o-head,.compact .embed .view.chat-mode .o-head,.compact .view.chat-mode .o-head{padding-top:24px;padding-bottom:6px}
.embed .view.chat-mode .o-head h1{font-size:1.2rem}

/* V6.2: chat title inside the messenger, block centred */
.dlg-side{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:linear-gradient(180deg,#FBFCFF,#fff);overflow:hidden}
.dlg-side .dlg-list{border-right:0;background:none;flex:1;min-height:0}
.dlg-h{font-size:1.35rem;letter-spacing:-.02em;margin:0;padding:22px 20px 12px}
.msgr-page .page-h{display:none}
.msgr-page .view{display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - 72px);padding:12px 32px 20px}
.msgr-page .msgr{width:100%;height:min(calc(100dvh - 120px),760px)}
@media (max-width:980px){.msgr-page .view{display:block;min-height:0;padding:6px 14px 96px}.dlg-side{border:0;background:none}.dlg-h{display:none}.msgr-page .msgr{height:auto}}