@charset "utf-8";
/* Плима. Кабинет: вход, оболочка, почта, домены, ящики, письмо. Токены в styles.css. */

body.app{min-height:100vh;min-height:100dvh}
[data-auth-show]{display:none!important}
body[data-auth="loading"] [data-auth-show="loading"],
body[data-auth="guest"] [data-auth-show="guest"],
body[data-auth="user"] [data-auth-show="user"]{display:grid!important}
body[data-auth="user"]{height:100vh;height:100dvh;overflow:hidden}

/* Переключение состояний: [data-state] на контейнере, [data-when] на прямых детях */
[data-state]:not([data-state="loading"])>[data-when~="loading"],
[data-state]:not([data-state="empty"])>[data-when~="empty"],
[data-state]:not([data-state="ready"])>[data-when~="ready"],
[data-state]:not([data-state="error"])>[data-when~="error"],
[data-state]:not([data-state="no-mailbox"])>[data-when~="no-mailbox"]{display:none!important}

/* Загрузка */
.boot{min-height:100dvh;place-items:center;align-content:center;gap:1rem;color:var(--ink-2)}
.boot-mark{width:64px;height:64px;animation:pulse 1.4s ease-in-out infinite}
.boot-noscript{color:var(--err)}

/* Вход */
.login{min-height:100dvh;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}
.login-aside{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:36px 40px;background:var(--plum-deep);color:#F4E6EF;overflow:hidden}
.login-aside::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:var(--airmail)}
.brand-light{color:#FFF6EE}
.brand-light:hover{color:#fff}
.login-aside-art{position:relative;flex:1;display:grid;place-items:end center;padding-top:40px}
.login-arch{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(340px,80%);height:min(440px,80%);border-radius:999px 999px 0 0;background:linear-gradient(180deg,rgba(229,142,82,.22),rgba(229,142,82,0) 80%);border:1.5px dashed rgba(245,180,136,.4);border-bottom:0}
.login-quote{position:relative;margin-bottom:22%;font:500 clamp(1.8rem,2.8vw,2.5rem)/1.12 var(--serif);color:#FFF6EE;text-align:center;letter-spacing:-.02em}
.login-quote em{color:#F5B488}
.login-aside-note{font:650 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#CDB5C6}
.login-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:40px 20px}
.login-brand-mobile{display:none}
.login-card{width:min(420px,100%);padding:38px 32px 28px;display:grid;gap:1.05rem}
.login-card h1{font-size:2rem;color:var(--plum-deep)}
.login-lead{color:var(--ink-2);margin-top:-.4rem}
.login-foot{font-size:.9rem;color:var(--ink-3);text-align:center}
.login-back{display:inline-flex;align-items:center;gap:.3rem;color:var(--ink-2);text-decoration:none;font-size:.9rem}
.login-back:hover{color:var(--plum)}
.login-back .i{width:16px;height:16px}
.affix-btn{height:44px;border-radius:0}

/* Оболочка */
.shell{height:100dvh;grid-template-columns:268px minmax(0,1fr);overflow:hidden}
.sidebar{display:flex;flex-direction:column;gap:18px;min-height:0;padding:18px 14px 14px;background:var(--paper-2);border-right:1px solid var(--line);overflow-y:auto}
.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 2px}
.mailbox-switch{display:grid;gap:.35rem;padding:0 4px}
.mailbox-switch .select{min-height:42px;font-size:.9rem;background-color:var(--card)}
.mailbox-switch .select:not(:disabled){font-family:var(--mono)}
.stamp:empty{display:none}
.nav-group{display:grid;gap:2px}
.nav-title{padding:0 12px 6px;font:650 .7rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.nav-item{position:relative;display:flex;align-items:center;gap:.75rem;min-height:40px;padding:.45rem .75rem;border-radius:12px;color:var(--ink-2);text-decoration:none;font-weight:540;font-size:.94rem;transition:background-color .15s,color .15s}
.nav-item:hover{background:rgba(255,252,247,.7);color:var(--ink)}
.nav-item[aria-current="page"]{background:var(--card);color:var(--plum);box-shadow:var(--shadow-1)}
.nav-item[aria-current="page"]::before{content:"";position:absolute;left:-14px;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--apricot)}
.nav-item span:first-of-type{flex:1}
.nav-count{min-width:24px;padding:.15rem .45rem;border-radius:999px;background:var(--plum);color:#fff;font:700 .72rem/1.2 var(--sans);text-align:center}
.nav-count[data-folder-count]{background:var(--apricot);color:#2B1508;font-variant-numeric:tabular-nums}
.nav-item[aria-current="page"] .nav-count[data-folder-count]{background:var(--plum);color:#fff}
#nav-toggle{position:relative}
body[data-unread="true"] #nav-toggle::after{content:"";position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:50%;background:var(--apricot);box-shadow:0 0 0 2px var(--paper)}
.sidebar-foot{margin-top:auto;display:grid;gap:10px;padding-top:12px;border-top:1px dashed var(--line-2)}
.pilot-chip{display:flex;align-items:center;gap:.5rem;padding:0 6px;font-size:.82rem;color:var(--ink-3)}
/* Пилотные хуки сохранены для app-client.js, но в интерфейсе не показываются */
#pilot-chip,#pilot-card{display:none!important}
.user-row{display:flex;align-items:center;gap:.6rem;padding:6px;border-radius:14px;background:rgba(255,252,247,.6)}
.avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:11px;background:var(--plum-soft);color:var(--plum);font:700 .95rem/1 var(--serif);text-transform:uppercase}
.user-email{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;color:var(--ink-2)}
.scrim{display:none}
.only-drawer,.only-narrow{display:none!important}

.workspace{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0}
.topbar{display:flex;align-items:center;gap:12px;min-height:68px;padding:10px 22px;border-bottom:1px solid var(--line);background:rgba(246,241,233,.9)}
.view-title{font-size:1.45rem;color:var(--plum-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search{flex:1;display:flex;align-items:center;gap:.5rem;max-width:440px;margin-left:auto;min-height:42px;padding:0 .9rem;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink-3);transition:border-color .15s,box-shadow .15s}
.search:focus-within{border-color:var(--plum-2);box-shadow:0 0 0 4px var(--plum-soft)}
.search-input{flex:1;min-width:0;border:0;background:transparent;outline:none;padding:.5rem 0}
.search-input:disabled{cursor:not-allowed}
body:not([data-view="mail"]) [data-view-only="mail"]{display:none}
body:not([data-view="mail"]) .search+.net-chip{margin-left:auto}
.net-chip{display:none;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;background:var(--err-soft);color:var(--err);font:600 .8rem/1 var(--sans);white-space:nowrap}
.net-chip .i{width:16px;height:16px}
body[data-online="false"] .net-chip{display:inline-flex}
body[data-view="mail"] #refresh-button{margin-left:0}
#refresh-button{margin-left:auto}
body[data-view="mail"] #refresh-button,body[data-online="false"] #refresh-button{margin-left:0}

.notices{display:grid;gap:8px;padding:0 22px}
.notices:has(>:not([hidden])){padding-top:14px}
.panel{min-height:0}
.panel-scroll{overflow-y:auto;padding:22px}

/* Почта */
.panel-mail{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);min-height:0}
.mail-list-pane{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:rgba(255,252,247,.55)}
.pane-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:16px 20px 12px}
.pane-title{font:650 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.pane-meta{font-size:.82rem;color:var(--ink-3)}
.mail-list-pane>.list-state{flex:1;min-height:0;overflow-y:auto}
.msg-list{list-style:none;padding:0 10px 16px;display:grid;gap:2px}
.msg{position:relative;display:grid;gap:.18rem;width:100%;padding:.8rem .9rem .8rem 1.4rem;border:0;border-radius:14px;background:transparent;text-align:left;cursor:pointer;transition:background-color .12s}
.msg:hover{background:var(--card)}
.msg-row[aria-current="true"] .msg{background:var(--card);box-shadow:var(--shadow-1),inset 3px 0 0 var(--plum)}
.msg-row[data-unread="true"] .msg::before{content:"";position:absolute;left:.55rem;top:1.15rem;width:8px;height:8px;border-radius:50%;background:var(--apricot)}
.msg-top{display:flex;align-items:baseline;gap:.6rem}
.msg-from{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;color:var(--ink-2)}
.msg-row[data-unread="true"] .msg-from{color:var(--ink);font-weight:680}
.msg-date{flex:none;font-size:.78rem;color:var(--ink-3);font-variant-numeric:tabular-nums}
.msg-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;color:var(--ink)}
.msg-row[data-unread="true"] .msg-subject{font-weight:640}
.msg-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;color:var(--ink-3)}
.msg-flags{display:flex;align-items:center;gap:.4rem}
.msg-flags:not(:has(.stamp:not([hidden]))):not(:has(.msg-clip:not([hidden]))){display:none}
.msg-clip{color:var(--ink-3)}
.msg-row[data-has-attachments="false"] .msg-clip{display:none}

.reader-pane{min-height:0;overflow-y:auto;padding:22px clamp(16px,3vw,40px) 40px}
.reader-empty{height:100%;align-content:center}
.reader-mark{width:72px;height:72px;margin:0 auto 4px;opacity:.22;filter:grayscale(.3)}
.reader-skeleton{display:grid;gap:12px;max-width:760px;margin:0 auto;padding-top:20px}
.letter{max-width:780px;margin:0 auto;display:grid;gap:14px}
.reader-bar{display:flex;align-items:center;gap:8px}
.reader-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto}
.letter-sheet{padding:34px clamp(20px,3vw,40px) 36px}
.letter-subject{font-size:clamp(1.4rem,2.2vw,1.9rem);color:var(--plum-deep);margin-bottom:1rem;overflow-wrap:anywhere}
.letter-meta{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.3rem 1rem;padding-bottom:1rem;margin-bottom:1.3rem;border-bottom:1px dashed var(--line-2);font-size:.9rem}
.letter-meta dt{color:var(--ink-3)}
.letter-meta dd{color:var(--ink);overflow-wrap:anywhere}
.letter-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem;line-height:1.7;color:var(--ink)}
.attach-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem}
.attach{display:inline-flex;align-items:center;gap:.45rem;max-width:100%;padding:.3rem .3rem .3rem .7rem;border-radius:12px;background:var(--paper-2);border:1px solid var(--line);font-size:.85rem}
.attach-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.attach-size{color:var(--ink-3);font-variant-numeric:tabular-nums}
.attach .icon-btn{width:28px;height:28px;border-radius:8px}

/* Пустые состояния */
.empty{display:grid;justify-items:center;gap:.6rem;padding:48px 24px;text-align:center;color:var(--ink-2)}
.empty h3{font-size:1.25rem;color:var(--ink)}
.empty p{max-width:24rem;font-size:.93rem}
.empty .btn{margin-top:.4rem}
.empty-ico{display:grid;place-items:center;width:58px;height:58px;margin-bottom:.3rem;border-radius:20px 20px 14px 14px;background:var(--plum-tint);color:var(--plum);border:1.5px dashed var(--plum-soft)}
.empty-ico .i{width:26px;height:26px}
.empty-err .empty-ico{background:var(--err-soft);color:var(--err);border-color:transparent}
.skeleton-list{display:grid;gap:10px;padding:6px 16px}
.sk-row{height:62px;border-radius:14px}
.sk-chip{height:44px;border-radius:12px}
.sk-title{width:55%;height:28px}
.sk-line{width:38%;height:14px}
.sk-block{width:100%;height:160px;margin-top:18px;border-radius:14px}
.mini-empty{padding:.8rem 0 .2rem;font-size:.9rem;color:var(--ink-3)}
.mini-err{color:var(--err)}

/* Карточки кабинета */
.card-pad{padding:22px 22px 20px}
.card-title{font-size:1.18rem;margin-bottom:1rem;color:var(--ink)}
.card-sub{font-size:.86rem;color:var(--ink-3);margin:-.6rem 0 .9rem}
.form-stack{display:grid;gap:14px}
.form-gap{margin-top:14px}
#domain-form{display:grid;gap:14px}
#domain-form .card-title{margin-bottom:0}
.mono-input{font-family:var(--mono);font-size:.94rem}

/* Домены */
.domains-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:20px;align-items:start;max-width:1260px;margin:0 auto}
.side-col{display:grid;gap:16px}
.domain-list{list-style:none;display:grid;gap:6px}
.domain-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;padding:.7rem .8rem;border-radius:12px;border:1px solid var(--line);background:var(--card-2);cursor:pointer;text-align:left;transition:border-color .15s,background-color .15s}
.domain-item:hover{border-color:var(--line-2);background:var(--card)}
.domain-item[aria-current="true"]{border-color:var(--plum-2);background:var(--plum-tint);box-shadow:inset 3px 0 0 var(--plum)}
.domain-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 .92rem/1.2 var(--mono);color:var(--ink)}
.cap-list{list-style:none;display:grid}
.cap-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.6rem 0;border-top:1px dashed var(--line)}
.cap-row:first-child{border-top:0}
.cap-name{font-size:.9rem;color:var(--ink-2)}
.cap-list:not(:empty)+#capability-empty{display:none}

.intro{padding:34px clamp(22px,4vw,44px)}
.intro h2{font-size:clamp(1.6rem,2.6vw,2.2rem);color:var(--plum-deep);margin:.5rem 0 .7rem}
.intro>p{color:var(--ink-2);max-width:36rem}
.intro-steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:1.6rem}
.intro-steps li{counter-increment:s;position:relative;padding:16px 16px 16px 56px;border-radius:var(--r-m);background:var(--card-2);border:1px solid var(--line);font-size:.92rem;color:var(--ink-2)}
.intro-steps li::before{content:counter(s);position:absolute;left:14px;top:14px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1.5px dashed var(--apricot);color:var(--apricot-deep);font:600 1rem/1 var(--serif)}
.intro-steps b{color:var(--ink)}

.wizard{padding:30px clamp(18px,3vw,36px) 26px}
.wizard-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:20px;margin-bottom:8px;border-bottom:1px dashed var(--line-2)}
.wizard-domain{font:600 clamp(1.4rem,2.4vw,1.9rem)/1.15 var(--mono);color:var(--plum-deep);letter-spacing:-.02em;margin-top:.35rem;overflow-wrap:anywhere}

.timeline{list-style:none;display:grid}
.tl-step{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:22px 0 6px}
.tl-step:not(:last-child)::before{content:"";position:absolute;left:19px;top:62px;bottom:-22px;width:2px;background:repeating-linear-gradient(180deg,var(--line-2) 0 6px,transparent 6px 11px)}
.tl-step[data-step-state="done"]:not(:last-child)::before{background:var(--ok);opacity:.45}
.tl-marker{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--card);border:2px solid var(--line-2);color:var(--ink-3);font:600 1rem/1 var(--serif)}
.tl-marker .i{display:none;width:20px;height:20px;stroke-width:2.4}
.tl-step[data-step-state="current"] .tl-marker{background:var(--plum);border-color:var(--plum);color:#fff;box-shadow:0 0 0 6px var(--plum-soft)}
.tl-step[data-step-state="done"] .tl-marker{background:var(--ok);border-color:var(--ok);color:#fff}
.tl-step[data-step-state="done"] .tl-marker b{display:none}
.tl-step[data-step-state="done"] .tl-marker .i{display:block}
.tl-step[data-step-state="error"] .tl-marker{background:var(--err);border-color:var(--err);color:#fff}
.tl-step[data-step-state="blocked"] .tl-marker{border-style:dashed}
.tl-body{display:grid;gap:12px;min-width:0;padding-bottom:16px}
.tl-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;min-height:40px}
.tl-head h3{font-size:1.18rem}
.tl-text{color:var(--ink-2);font-size:.94rem;max-width:44rem}
.tl-step[data-step-state="todo"] .tl-body,.tl-step[data-step-state="blocked"] .tl-body{opacity:.62}
.tl-step[data-step-state="todo"] .tl-body:focus-within,.tl-step[data-step-state="blocked"] .tl-body:focus-within{opacity:1}
.tl-step[data-step-state="done"] .tl-head h3{color:var(--ok)}
.tl-result{font-size:.9rem;color:var(--ink-2)}
.tl-result:empty{display:none}
.tl-result[data-tone="err"]{color:var(--err)}
.tl-result[data-tone="ok"]{color:var(--ok)}
.tl-result[data-tone="wait"]{color:var(--wait)}
.tl-meta{font-size:.82rem;color:var(--ink-3)}
.tl-meta:empty{display:none}
.tl-actions{display:flex;flex-wrap:wrap;gap:8px}

.record{display:grid;border-radius:var(--r-m);background:var(--card-2);border:1px solid var(--line);overflow:hidden}
.record-row{display:grid;grid-template-columns:96px minmax(0,1fr) 40px;align-items:center;gap:10px;min-height:48px;padding:4px 6px 4px 14px;border-top:1px dashed var(--line)}
.record-row:first-child{border-top:0}
.record-row:first-child{grid-template-columns:96px minmax(0,1fr)}
.record-k{font:650 .72rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.record-v{min-width:0;overflow-wrap:anywhere;word-break:break-all;color:var(--ink);font-size:.88rem;line-height:1.45}
.record-v:empty::before{content:"Появится после загрузки";font-family:var(--sans);color:var(--ink-3)}
.rtype{display:inline-block;padding:.2rem .5rem;border-radius:7px;background:var(--plum-soft);color:var(--plum);font:700 .76rem/1.1 var(--mono);letter-spacing:.04em}
.howto{border-radius:var(--r-m);border:1px solid var(--line);background:var(--card)}
.howto summary{cursor:pointer;padding:.75rem 1rem;font-weight:600;font-size:.9rem;color:var(--plum);list-style:none;display:flex;align-items:center;gap:.5rem}
.howto summary::-webkit-details-marker{display:none}
.howto summary::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s}
.howto[open] summary::before{transform:rotate(45deg)}
.howto ol{padding:0 1.2rem 1rem 2.4rem;display:grid;gap:.45rem;font-size:.9rem;color:var(--ink-2)}

.table-wrap{border-radius:var(--r-m);border:1px solid var(--line);overflow:hidden;background:var(--card-2)}
.dns-table{width:100%;border-collapse:collapse;font-size:.88rem}
.dns-table th{padding:.65rem .8rem;text-align:left;font:650 .7rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:var(--paper-2)}
.dns-table td{padding:.6rem .8rem;border-top:1px dashed var(--line);vertical-align:middle}
.dns-table td:nth-child(3){width:46%}
.cell-copy{display:flex;align-items:center;gap:4px}
.dns-value{flex:1;min-width:0;overflow-wrap:anywhere;word-break:break-all;line-height:1.45}
.warn-list{list-style:none;display:grid;gap:8px}

/* Ящики */
.mailboxes-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px;align-items:start;max-width:1160px;margin:0 auto}
.mailboxes-main{display:grid;gap:16px}
.mailbox-list{list-style:none;display:grid}
.mailbox-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"ico main status" ". actions actions";align-items:start;gap:8px 12px;padding:.9rem 0;border-top:1px dashed var(--line)}
.mailbox-row:first-child{border-top:0}
.mb-ico{grid-area:ico;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--plum-tint);color:var(--plum)}
.mb-main{grid-area:main;min-width:0;display:grid;gap:.15rem;padding-top:.1rem}
.mailbox-row>.stamp{grid-area:status;justify-self:end;margin-top:.15rem}
.mb-address{font-weight:600;color:var(--ink);line-height:1.35;overflow-wrap:anywhere}
.mb-name{font-size:.84rem;color:var(--ink-3)}
.mb-name:empty{display:none}
.pilot-rows{list-style:none;display:grid}

/* Квота организации */
.quota-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.quota-head .card-title{margin-bottom:1rem}
.quota-body{display:grid;gap:14px}
.quota-figure{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .7rem}
.quota-big{font:600 clamp(1.7rem,2.6vw,2.2rem)/1 var(--serif);color:var(--plum-deep);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.quota-big-label{font-size:.88rem;color:var(--ink-3)}
.quota-bar{appearance:none;-webkit-appearance:none;display:block;width:100%;height:12px;border:0;border-radius:999px;background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;color:var(--plum)}
.quota-bar::-webkit-progress-bar{background:var(--paper-2);border-radius:999px}
.quota-bar::-webkit-progress-value{border-radius:999px;background:repeating-linear-gradient(135deg,var(--plum) 0 10px,var(--plum-2) 10px 20px)}
.quota-bar::-moz-progress-bar{border-radius:999px;background:repeating-linear-gradient(135deg,var(--plum) 0 10px,var(--plum-2) 10px 20px)}
.quota-bar[data-level="high"]::-webkit-progress-value{background:repeating-linear-gradient(135deg,var(--apricot-deep) 0 10px,var(--apricot) 10px 20px)}
.quota-bar[data-level="high"]::-moz-progress-bar{background:repeating-linear-gradient(135deg,var(--apricot-deep) 0 10px,var(--apricot) 10px 20px)}
.quota-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.quota-dl>div{display:grid;gap:.2rem;padding:.7rem .85rem;border-radius:var(--r-s);background:var(--card-2);border:1px dashed var(--line-2)}
.quota-dl dt{font:650 .7rem/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.quota-dl dd{font-weight:620;color:var(--ink);font-variant-numeric:tabular-nums}
.quota-dl dd:empty::before{content:"нет данных";font-weight:400;color:var(--ink-3)}
.quota-card>.notice{margin-top:14px}
.quota-note{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:.82rem;color:var(--ink-3)}
.affix-select{flex:none;min-width:72px;padding:0 1.9rem 0 .8rem;border:0;border-left:1px solid var(--line);background-color:var(--paper-2);color:var(--ink-2);font-weight:620;cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-2) 50%),linear-gradient(135deg,var(--ink-2) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.affix-select:focus-visible{box-shadow:inset 0 0 0 2px var(--apricot);border-radius:0}
.affix-select:disabled{cursor:not-allowed}

/* Квота ящика в строке и редактор */
.mb-quota{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;font-size:.84rem;color:var(--ink-2);font-variant-numeric:tabular-nums}
.mb-quota-label{color:var(--ink-3)}
.mb-quota [data-field="quota"]:empty::before{content:"не задана";color:var(--ink-3)}
.mailbox-row[data-quota-state="updating"] .mb-quota [data-field="quota"]{animation:pulse 1.6s ease-in-out infinite}
.mailbox-row[data-quota-state="unknown"] .mb-quota{color:var(--err)}
.mb-actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}
.quota-edit{display:grid;gap:10px;margin-top:12px;padding:16px;border-radius:var(--r-m);background:var(--plum-tint);border:1.5px dashed var(--plum-soft);animation:rise .2s var(--ease)}
.mailbox-row>.quota-edit{grid-column:2/-1;margin-top:2px}
.quota-edit-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .8rem}
.quota-edit-address{font-weight:600;color:var(--plum-deep);overflow-wrap:anywhere}
.quota-edit-facts{font-size:.88rem;color:var(--ink-2)}
.quota-edit-facts b{color:var(--ink);font-variant-numeric:tabular-nums}
.quota-edit-facts b:empty::before{content:"нет данных";font-weight:400;color:var(--ink-3)}
.quota-edit-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.quota-edit-row .affix{flex:1 1 200px;max-width:280px;background:#FFFEFB}
.pilot-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px dashed var(--line);font-size:.92rem}
.pilot-row:first-child{border-top:0}

/* Новое письмо */
.compose-layer{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end;align-items:flex-end;padding:16px}
.compose-scrim{position:absolute;inset:0;background:rgba(37,27,37,.28);animation:fade .2s ease}
@keyframes fade{from{opacity:0}}
.compose-sheet{position:relative;display:flex;width:min(660px,100%);height:min(760px,100%);border-radius:var(--r-l);box-shadow:var(--shadow-3);animation:rise .25s var(--ease)}
.compose-form{display:flex;flex-direction:column;width:100%;min-height:0;padding-top:6px}
.compose-head{display:flex;align-items:center;gap:12px;padding:16px 14px 10px 24px}
.compose-head h2{flex:1;font-size:1.3rem;color:var(--plum-deep)}
.compose-fields{display:grid;padding:0 24px}
.compose-row{display:flex;align-items:center;gap:12px;min-height:46px;border-bottom:1px solid var(--line)}
.compose-label{flex:none;width:52px;font-size:.84rem;color:var(--ink-3)}
.compose-from{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;color:var(--ink-2)}
.compose-input{flex:1;min-width:0;height:44px;border:0;background:transparent;outline:none}
.compose-row:focus-within{border-bottom-color:var(--plum-2);box-shadow:0 1px 0 var(--plum-2)}
.compose-text{flex:1;min-height:140px;margin:0;padding:16px 24px;border:0;background:transparent;resize:none;outline:none;line-height:1.7}
.compose-attach{margin:0 16px;padding:8px;border-radius:var(--r-m);border:1.5px dashed transparent;transition:border-color .15s,background-color .15s}
.compose-attach[data-drag="true"]{border-color:var(--plum-2);background:var(--plum-tint)}
.compose-attach .attach-list{margin-bottom:6px}
.compose-attach .attach-list:empty{display:none}
.drop-hint{display:flex;align-items:center;gap:.6rem;font-size:.85rem}
.compose-files-label{cursor:pointer}
#compose-files:focus-visible+span{outline:none}
.compose-form>.notice,.compose-result{margin:8px 24px 0}
.compose-result{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.88rem;color:var(--ink-2)}
.compose-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 16px 16px 24px;margin-top:8px;border-top:1px solid var(--line)}
.compose-hint{flex:1 1 200px;font-size:.84rem;color:var(--ink-3)}
.compose-hint:empty{display:none}
.compose-buttons{display:flex;gap:8px;margin-left:auto}

/* Адаптив */
@media (max-width:1180px){
  .panel-mail{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}
  .domains-layout,.mailboxes-layout{grid-template-columns:minmax(0,1fr)}
  .side-col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
  .domains-layout:has(#domain-detail[data-state="ready"]) .detail-col,
  .domains-layout:has(#domain-detail[data-state="loading"]) .detail-col{order:-1}
}
@media (max-width:1024px){
  .shell{grid-template-columns:minmax(0,1fr)}
  .sidebar{position:fixed;z-index:50;left:0;top:0;bottom:0;width:min(300px,86vw);transform:translateX(-102%);visibility:hidden;transition:transform .25s var(--ease),visibility 0s linear .25s}
  body[data-drawer="open"] .sidebar{transform:none;visibility:visible;box-shadow:var(--shadow-3);transition:transform .25s var(--ease),visibility 0s}
  .scrim{position:fixed;inset:0;z-index:45;background:rgba(37,27,37,.32);opacity:0;pointer-events:none;transition:opacity .2s;display:block}
  body[data-drawer="open"] .scrim{opacity:1;pointer-events:auto}
  .only-drawer{display:inline-grid!important}
  .nav-item[aria-current="page"]::before{left:-14px}
}
@media (max-width:860px){
  .login{grid-template-columns:1fr}
  .login-aside{display:none}
  .login-brand-mobile{display:inline-flex}
  .login-main{justify-content:flex-start;padding-top:max(32px,env(safe-area-inset-top))}
  .panel-mail{grid-template-columns:minmax(0,1fr)}
  .mail-list-pane{border-right:0}
  body[data-reading="true"] .mail-list-pane{display:none}
  body[data-reading="false"] .reader-pane{display:none}
  .only-narrow{display:inline-grid!important}
  .reader-pane{padding:14px 12px 32px}
  .intro-steps{grid-template-columns:1fr}
}
@media (max-width:640px){
  .topbar{flex-wrap:wrap;gap:8px;padding:10px 12px;min-height:60px}
  .view-title{font-size:1.25rem;flex:1}
  .search{order:5;flex:1 1 100%;max-width:none;margin-left:0}
  .notices{padding:0 12px}
  .panel-scroll{padding:14px 12px 28px}
  .card-pad{padding:18px 16px}
  .wizard{padding:24px 14px 18px}
  .tl-step{grid-template-columns:32px minmax(0,1fr);gap:12px}
  .tl-marker{width:32px;height:32px;font-size:.9rem}
  .tl-step:not(:last-child)::before{left:15px;top:56px}
  .tl-step[data-step-state="current"] .tl-marker{box-shadow:0 0 0 4px var(--plum-soft)}
  .record-row{grid-template-columns:minmax(0,1fr) 40px;padding:10px 6px 10px 12px;row-gap:4px}
  .record-row:first-child{grid-template-columns:minmax(0,1fr)}
  .record-k{grid-column:1/-1}
  .dns-table thead{display:none}
  .dns-table,.dns-table tbody,.dns-table tr,.dns-table td{display:block;width:100%!important}
  .dns-table tr{padding:10px 12px;border-top:1px dashed var(--line)}
  .dns-table tr:first-child{border-top:0}
  .dns-table td{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:8px;padding:.3rem 0;border:0}
  .dns-table td::before{content:attr(data-label);font:650 .68rem/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
  .mailbox-row{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"ico main" ". status" ". actions";row-gap:6px}
  .mailbox-row>.stamp{justify-self:start;margin-top:0}
  .mb-actions .btn{flex:1 1 auto}
  .mailbox-row>.quota-edit{grid-column:1/-1}
  .quota-dl{grid-template-columns:1fr}
  .quota-edit-row .affix{max-width:none;flex-basis:100%}
  .quota-edit-row .btn{flex:1}
  .letter-sheet{padding:26px 18px 28px}
  .reader-actions .btn{padding:.42rem .7rem}
  .compose-layer{padding:0}
  .compose-sheet{width:100%;height:100%;border-radius:0}
  .compose-sheet.airmail::before{height:5px}
  .compose-head{padding:max(12px,env(safe-area-inset-top)) 8px 8px 16px}
  .compose-fields{padding:0 16px}
  .compose-text{padding:14px 16px}
  .compose-attach{margin:0 8px}
  .compose-form>.notice,.compose-result{margin:8px 16px 0}
  .compose-foot{padding:12px 12px max(12px,env(safe-area-inset-bottom)) 16px}
  .compose-buttons{width:100%}
  .compose-buttons .btn{flex:1}
}
@media (max-width:420px){
  .reader-actions .btn{font-size:0;gap:0;width:40px;padding:0;min-height:40px}
  .reader-actions .btn .i{margin:0}
}