/* Личный кабинет SpaceGuard (/cabinet). Стили изолированы префиксом .cab. */
body.mode-cab{margin:0;padding:0;background:#0b0c0e;color:#f3efe7}
.cab{
  --cab-bg:#0b0c0d;--cab-card:#15171a;--cab-card-2:#20242a;--cab-line:rgba(226,184,88,.20);
  --cab-line-gold:rgba(244,207,114,.22);--cab-text:#f3efe7;--cab-muted:#9e978b;--cab-gold:#e3b44f;
  --cab-gold-bright:#f4cf72;--cab-green:#5fd29a;--cab-red:#ef7a6f;--cab-radius:8px;
  --cab-foot-h:64px;
  min-height:100vh;display:flex;flex-direction:column;padding-bottom:var(--cab-foot-h);background:var(--cab-bg);color:var(--cab-text);
  font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;
  -webkit-font-smoothing:antialiased;box-sizing:border-box;
}
.cab *,.cab *::before,.cab *::after{box-sizing:border-box}
.cab a{color:inherit}
.cab h1,.cab h2,.cab h3,.cab p{margin:0}
.cab h1,.cab h2,.cab h3,.cab .brand{font-family:Unbounded,Manrope,sans-serif;font-weight:700;letter-spacing:-.035em}

.cab-header{position:sticky;top:0;z-index:50;background:rgba(9,10,12,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,184,88,.22)}
.cab-header-inner{width:min(1360px,calc(100% - 48px));max-width:1360px;margin:0 auto;height:64px;padding:0;display:flex;align-items:center;gap:16px;box-sizing:border-box}
.cab-header .brand{flex:none;font-size:18px}
.cab-tabs{display:flex;gap:16px;height:auto;margin-left:auto}
.cab-tabs a{display:flex;align-items:center;padding:0;color:#cfc6b8;text-decoration:none;font-weight:700;font-size:13px;border-bottom:0;transition:color .15s}
.cab-tabs a:hover{color:#f4cf72}
.cab-tabs a.is-active{color:#f4cf72}
.cab-header-end{margin-left:0;display:flex;align-items:center;gap:12px;min-width:0;font-size:14px}
.cab-header .brand{min-width:0}
.cab-user{color:var(--cab-muted);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cab-header-actions{display:flex;align-items:center;gap:2px;flex:none;padding:3px;border-radius:999px;border:1px solid rgba(244,207,114,.42);background:rgba(227,180,79,.1)}
.cab-header-btn{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#f6d98a;font:inherit;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap}
.cab-foot{box-sizing:border-box;position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;flex:none;width:100%;height:var(--cab-foot-h);min-height:var(--cab-foot-h);max-height:var(--cab-foot-h);margin:0;border-top:1px solid rgba(226,184,88,.16);background:rgba(9,10,12,.96);backdrop-filter:blur(16px);color:#8f877c;font-size:13px}
.cab-foot>div{box-sizing:border-box;width:100%;height:100%;padding:0 max(24px,calc((100% - 1360px) / 2));display:flex;justify-content:space-between;align-items:center;gap:16px}
.cab-header-btn:hover{background:rgba(227,180,79,.16);color:#fff1c4}
.cab-header-btn.is-logout{background:#e3b44f;color:#1a1408}
.cab-header-btn.is-logout:hover{background:#f0c56a;color:#1a1408}

.cab-main{flex:1 0 auto;width:100%;max-width:1180px;margin:0 auto;padding:16px 24px 28px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-content:start;justify-items:stretch;box-sizing:border-box}
.cab-sub-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:8px}
.cab-sub-actions h3{font-size:16px;margin-bottom:8px}
.cab-sub-actions .cab-actions{flex-direction:column;align-items:stretch}
.cab-sub-actions .cab-btn-block{width:100%}
.cab-device-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px}
.cab-device-fold{margin-top:14px;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}
.cab-device-fold summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;color:var(--cab-muted);font-weight:700}
.cab-device-fold summary::-webkit-details-marker{display:none}
.cab-device-fold summary strong{margin-left:auto;color:#fff7e2}
.cab-device-fold summary i{width:8px;height:8px;border-right:2px solid #f4cf72;border-bottom:2px solid #f4cf72;transform:rotate(45deg);flex:none}
.cab-device-fold[open] summary i{transform:rotate(225deg)}
.cab-renew{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}
.cab-renew h3{font-size:16px;margin-bottom:8px}
.cab-renew .cab-actions{flex-direction:column;align-items:stretch;margin-top:14px}
.cab-renew .cab-btn{width:100%}
.cab-pc{display:contents}
@media (min-width:861px){
  .cab-pc{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
  .cab-pc-sub,.cab-pc-setup,.cab-pc-down,.cab-pc-import,.cab-pc-proxy,.cab-pc-link{grid-column:1 / -1}
  .cab-pc-proxy{display:flex;align-items:center;gap:28px}
  .cab-pc-proxy .cab-proxy-copy{flex:1;min-width:0}
  .cab-pc-proxy .cab-card-head{margin-bottom:6px}
  .cab-pc-proxy .cab-proxy{flex:0 0 440px;margin-top:0}
}
.cab-desktop-top{display:grid;grid-template-columns:1.35fr .8fr;gap:20px;align-items:start}
.cab-desktop-tools{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
@media (min-width:761px){
  .cab-support-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cab-support-menu .is-profile{grid-column:1/-1}
}
.cab-main>*,.cab-grid-2>*{min-width:0}
.cab-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;align-self:stretch;height:auto}
.cab-page-head h1{font-size:28px;font-weight:800;letter-spacing:-.02em}
.cab-page-head p{color:var(--cab-muted);margin-top:4px}

.cab-card{background:var(--cab-card);border:1px solid var(--cab-line);border-radius:var(--cab-radius);padding:22px}
.cab-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.cab-card-head h3{font-size:16px;font-weight:700}
.cab-card-head a{color:var(--cab-gold-bright);text-decoration:none;font-size:14px;font-weight:600}
.cab-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cab-label{display:block;color:var(--cab-muted);font-size:13px;font-weight:600}
.cab-muted{color:var(--cab-muted)}
.cab-note{color:var(--cab-muted);font-size:13px}

.cab-hero{padding:26px}
.cab-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.cab-hero-top h2{font-size:30px;font-weight:800;letter-spacing:-.02em;margin-top:2px}
.cab-status{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-size:13px;font-weight:700;background:rgba(255,255,255,.06);color:var(--cab-muted);white-space:nowrap}
.cab-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.cab-status.is-ok{background:rgba(95,210,154,.12);color:var(--cab-green)}
.cab-status.is-bad{background:rgba(239,122,111,.12);color:var(--cab-red)}
.cab-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.cab-stats>div{background:var(--cab-card-2);border-radius:8px;padding:14px 16px}
.cab-stats strong{display:block;font-size:20px;font-weight:800;margin-top:2px}
.cab-stats small{color:var(--cab-muted);font-size:13px}
.cab-stats small a{color:var(--cab-gold-bright);text-decoration:none;font-weight:600}
.cab-meter{margin-top:18px}
.cab-meter-head{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--cab-muted);margin-bottom:8px}
.cab-meter-head b{color:var(--cab-text)}
.cab-meter-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.cab-meter-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c8922f,var(--cab-gold-bright))}
.cab-meter-bar i.is-high{background:linear-gradient(90deg,#d96a4f,var(--cab-red))}
.cab-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}

.cab-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:8px;border:1px solid var(--cab-line-gold);background:var(--cab-card-2);color:var(--cab-text);font:inherit;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.cab-btn:hover{border-color:rgba(244,207,114,.45);background:#22262d}
.cab-btn:disabled{opacity:.45;cursor:not-allowed}
.cab-btn-primary{background:linear-gradient(180deg,#f2c766,#d9a43c);border-color:transparent;color:#17130b}
.cab-btn-primary:hover{background:linear-gradient(180deg,#f6d17d,#e0ad47);border-color:transparent}
.cab-btn-danger{border-color:rgba(239,122,111,.35);color:#f3a49b;background:transparent}
.cab-btn-danger:hover{background:rgba(239,122,111,.1);border-color:rgba(239,122,111,.55)}
.cab-btn-sm{min-height:36px;padding:0 14px;font-size:13px}
.cab-btn-block{width:100%}

.cab-list{display:grid;grid-template-columns:minmax(0,1fr)}
.cab-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--cab-line)}
.cab-row:first-child{border-top:0;padding-top:2px}
.cab-row-icon{flex:none;width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:rgba(227,180,79,.1);color:var(--cab-gold-bright)}
.cab-row-body{min-width:0;flex:1}
.cab-row-body strong{display:block;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cab-row-body small{display:block;color:var(--cab-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cab-row-end{flex:none;text-align:right;font-size:14px;font-weight:700}
.cab-row-end small{display:block;font-weight:600;font-size:12px;color:var(--cab-muted)}
.cab-row-end a{color:var(--cab-gold-bright);text-decoration:none}
.cab-empty{color:var(--cab-muted);padding:6px 0}

.cab-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.cab-plan{position:relative;display:flex;flex-direction:column;background:var(--cab-card);border:1px solid var(--cab-line);border-radius:var(--cab-radius);padding:22px}
.cab-plan.is-current{border-color:rgba(244,207,114,.55);background:linear-gradient(180deg,rgba(227,180,79,.07),var(--cab-card) 55%)}
.cab-plan-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.cab-plan-top>div{min-width:0;flex:1}
.cab-plan-tag{position:static;font-size:12px;font-weight:700;color:var(--cab-gold-bright);background:rgba(227,180,79,.12);padding:3px 9px;border-radius:99px;white-space:nowrap}
.cab-plan-desc{min-height:2.6em}
.cab-plan-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 0;margin-top:auto}
.cab-plan-meta div{display:grid;gap:2px}
.cab-plan-meta span{color:var(--cab-muted);font-size:12px}
.cab-plan-meta strong{font-size:14px}
.cab-plan h3{font-size:18px;font-weight:800}
.cab-plan-desc{color:var(--cab-muted);font-size:13px;margin-top:2px}
.cab-plan-price{font-size:30px;font-weight:800;margin:16px 0 4px;letter-spacing:-.02em}
.cab-plan-price small{font-size:14px;font-weight:600;color:var(--cab-muted)}
.cab-plan ul{list-style:none;padding:0;margin:12px 0 20px;display:grid;gap:8px;font-size:14px}
.cab-plan li{display:flex;align-items:center;gap:8px}
.cab-plan li svg{color:var(--cab-gold-bright);flex:none}
.cab-plan .cab-btn{margin-top:16px}

.cab-notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:8px;background:rgba(227,180,79,.08);color:#e9d3a2;font-size:14px}
.cab-notice svg{flex:none;margin-top:2px}
.cab-notice.is-bad{background:rgba(239,122,111,.1);color:#f3b2aa}

.cab-faq details{border-top:1px solid var(--cab-line);padding:12px 0}
.cab-faq details:first-child{border-top:0;padding-top:0}
.cab-faq summary{cursor:pointer;font-weight:700;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.cab-faq summary::-webkit-details-marker{display:none}
.cab-faq summary::after{content:"+";color:var(--cab-gold-bright);font-weight:800}
.cab-faq details[open] summary::after{content:"−"}
.cab-faq p{color:var(--cab-muted);font-size:14px;margin-top:8px}
.cab-kv{display:grid;gap:10px;font-size:14px}
.cab-kv div{display:flex;justify-content:space-between;gap:12px}
.cab-kv span{color:var(--cab-muted)}
.cab-kv strong{font-weight:700;text-align:right}

.cab-skeleton{height:180px;border-radius:var(--cab-radius);background:linear-gradient(90deg,#15171b 0%,#1c1f24 50%,#15171b 100%);background-size:200% 100%;animation:cab-shimmer 1.4s infinite}
@keyframes cab-shimmer{to{background-position:-200% 0}}

.cab-bottom-nav{display:none}

body.mode-cab #modal-root{z-index:1300}
body.mode-cab .modal-backdrop{z-index:1300;background:rgba(5,6,8,.78)}
body.mode-cab .modal-dialog{width:min(440px,100%);padding:26px 24px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#15171b;box-shadow:0 24px 70px rgba(0,0,0,.55);font-family:Manrope,system-ui,sans-serif}
body.mode-cab .modal-dialog h2{font-size:22px;line-height:1.2;letter-spacing:-.01em}
body.mode-cab .modal-dialog p{font-size:14px;line-height:1.55;color:#9e978b}
body.mode-cab .modal-icon{width:44px;height:44px;border-radius:12px}
body.mode-cab .modal-dialog .utm-result{min-height:0;padding:12px 14px;border:1px solid rgba(244,207,114,.22);border-radius:10px;background:#1b1e23;color:#f4cf72;font-size:13px;word-break:break-all;margin:14px 0}
body.mode-cab .modal-dialog .inline-notice{font-size:13px;border-radius:10px;margin-top:14px}
body.mode-cab .modal-dialog .btn{border-radius:10px;min-height:46px}

@media (max-width:860px){
  .cab-plans{grid-template-columns:minmax(0,1fr)}
  .cab-grid-2,.cab-desktop-top,.cab-desktop-tools,.cab-sub-grid,.cab-device-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  body.mode-cab{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .cab{max-width:100%;padding-bottom:0}
  .cab-header-inner{width:100%;height:64px;min-height:64px;padding:0 12px;gap:8px;align-items:center;flex-wrap:nowrap}
  .cab-foot{display:none}
  .cab-header .brand{font-size:15px;gap:6px;letter-spacing:-.05em;align-items:center}
  .cab-header .brand-icon.brand-icon-mascot,.cab-header .brand-icon.brand-icon-mascot img{width:28px;height:32px}
  .cab-tabs,.cab-user{display:none}
  .sg-admin-head{overflow:visible}
  .sg-admin-head .cab-header-inner{height:auto;min-height:56px;flex-wrap:wrap;align-items:center;padding:8px 12px;gap:8px}
  .sg-admin-head .cab-tabs{
    display:grid;order:3;width:100%;margin:0;min-width:0;
    grid-template-columns:repeat(5,minmax(0,1fr));gap:4px
  }
  .sg-admin-head .cab-tabs a{
    display:flex;align-items:center;justify-content:center;min-width:0;min-height:34px;
    padding:6px 0;text-align:center;font-size:10px;line-height:1.1;letter-spacing:-.03em;
    white-space:nowrap;border-radius:8px
  }
  .sg-admin-head .cab-tabs a.is-active{background:rgba(227,180,79,.18);color:#ffe7b0}
  .cab-header-end{margin-left:auto;align-self:center}
  .cab-header-actions{align-self:center}
  .cab-header-actions{height:36px;align-items:center;gap:2px;padding:3px}
  .cab-header-btn{height:30px;min-height:30px;padding:0 12px;font-size:13px}
  .cab-main{width:calc(100% - 24px);max-width:calc(100% - 24px);margin-left:auto;margin-right:auto;padding:16px 0 28px;gap:12px;box-sizing:border-box}
  .cab-page-head,.cab-main>.cab-notice,.cab-main>.cab-note,.cab-main>.cab-back{margin-left:0;margin-right:0}
  .cab-main>.cab-card,.cab-main>.cab-plans .cab-plan{border-radius:12px;border:1px solid var(--cab-line)}
  .cab-main>.cab-stats{padding:0}
  .cab-page-head h1{font-size:24px}
  .cab-card,.cab-plan{padding:18px 16px}
  .cab-hero{padding:20px 16px}
  .cab-hero-top h2{font-size:26px}
  .cab-stats{grid-template-columns:1fr 1fr;gap:8px}
  .cab-stats>div:last-child{grid-column:1/-1}
  .cab-stats strong{font-size:18px}
  .cab-actions .cab-btn{flex:1 1 100%}
  .cab-bottom-nav{
    position:fixed;left:0;right:0;bottom:0;z-index:1200;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;
    width:100%;max-width:100%;box-sizing:border-box;
    height:calc(68px + env(safe-area-inset-bottom,0px));padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));
    border-top:1px solid rgba(244,207,114,.22);background:#101216;backdrop-filter:blur(8px);
  }
  .cab-bottom-nav a{
    min-width:0;min-height:51px;border:1px solid rgba(244,207,114,.22);border-radius:8px;background:#242830;color:#f8f1df;text-decoration:none;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    font-size:.66rem;font-weight:800;line-height:1.05;letter-spacing:.01em;text-align:center;padding:2px 3px;
  }
  .cab-bottom-nav a span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cab-bottom-nav a svg{color:var(--cab-gold-bright)}
  .cab-bottom-nav a.is-active{color:#fff1cf;border-color:rgba(244,207,114,.34);background:rgba(213,164,61,.16)}
}
.cab-support{display:grid;gap:12px}
.cab-support-menu{display:grid;gap:8px}
.cab-support-menu a,.cab-support-menu button{width:100%;min-height:64px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:14px 16px;border:1px solid rgba(244,207,114,.22);border-radius:8px;background:#1a1d22;color:#fff7e8;font:inherit;font-size:15px;font-weight:800;text-align:left;text-decoration:none;cursor:pointer}
.cab-support-menu svg{color:#f4cf72;flex:none}
.cab-support-menu a:hover,.cab-support-menu button:hover{background:rgba(213,164,61,.12);border-color:rgba(244,207,114,.4)}
.cab-support-menu .is-profile{background:rgba(213,164,61,.14);border-color:rgba(244,207,114,.42)}
.cab-support-menu .is-profile:hover{background:rgba(213,164,61,.22)}
.cab-support .cab-back{width:auto;justify-content:flex-start;margin:0;min-height:36px;padding:0 12px;font-size:13px;background:transparent;border-color:rgba(226,184,88,.22);color:#e8d7b0}
.cab-support .cab-back:hover{background:rgba(227,180,79,.1);border-color:rgba(244,207,114,.4);color:#fff1c4}
.cab-support .cab-support-send{width:100%;min-height:44px}
.cab-support-lead{margin:0 0 12px;font-size:13px;line-height:1.4}
.cab-support-compose .cab-card-head,.cab-support-inbox .cab-card-head,.cab-support-tips .cab-card-head{margin-bottom:8px}
.cab-support-desk{gap:16px;align-items:stretch}
.cab-support-notes{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cab-support-notes li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid rgba(226,184,88,.14);border-radius:8px;background:#121418}
.cab-support-notes span{flex:none;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(180deg,#e1b343,#c8941f);color:#17191d;font-size:13px;font-weight:800}
.cab-support-notes p{margin:2px 0 0;color:#d7cec2;font-size:14px;line-height:1.4}
.cab-choices a,.cab-choices button{min-height:92px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#20242a;color:#fff7e8;font:inherit;font-weight:800;text-align:left;text-decoration:none;cursor:pointer}
.cab-choices a:hover,.cab-choices button:hover{border-color:rgba(244,207,114,.34)}
.cab-choices svg{color:var(--cab-gold-bright)}
.cab-back{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff7e8;font:inherit;font-weight:800;cursor:pointer}
.cab-form,.cab-ticket-reply{display:grid;gap:10px;margin-top:0}
.cab-form label,.cab-ticket-reply label{display:grid;gap:5px;color:var(--cab-muted);font-size:12px;font-weight:700;letter-spacing:.02em}
.cab-form input,.cab-form textarea,.cab-ticket-reply textarea{width:100%;border:1px solid rgba(226,184,88,.22);border-radius:8px;background:#101216;color:#fff7e8;font:inherit;padding:11px 12px}
.cab-form input:focus,.cab-form textarea:focus,.cab-ticket-reply textarea:focus{outline:0;border-color:rgba(244,207,114,.55)}
.cab-form textarea{min-height:96px;resize:vertical}
.cab-ticket-reply textarea{min-height:72px;resize:vertical}
.cab-file{position:relative;gap:6px!important}
.cab-file-label{display:block}
.cab-file-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px dashed rgba(244,207,114,.35);border-radius:8px;background:rgba(227,180,79,.06);color:#f4cf72;font-size:13px;font-weight:800;cursor:pointer}
.cab-file:hover .cab-file-btn{background:rgba(227,180,79,.12);border-color:rgba(244,207,114,.55)}
.cab-file input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.cab-ticket-list{display:grid;gap:8px}
.cab-ticket{border:1px solid rgba(226,184,88,.14);border-radius:8px;background:#121418;overflow:hidden}
.cab-ticket:hover{border-color:rgba(244,207,114,.28)}
.cab-ticket.is-open{border-color:rgba(244,207,114,.4);background:#15171b}
.cab-ticket-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.cab-ticket-toggle strong{display:block;font-size:15px;line-height:1.25}
.cab-ticket-toggle small{display:block;margin-top:3px;color:#9d9488;font-size:12px;font-weight:600}
.cab-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-style:normal;font-size:12px;font-weight:800;white-space:nowrap}
.cab-pill.open{border-color:rgba(244,207,114,.28);background:rgba(213,164,61,.12);color:#f8d98c}
.cab-pill.answered{border-color:rgba(88,196,143,.28);background:rgba(88,196,143,.12);color:#bff2d7}
.cab-pill.closed{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#b7aea2}
.cab-ticket.is-open .cab-ticket-toggle{border-bottom:1px solid rgba(226,184,88,.14)}
.cab-ticket-body{display:grid;gap:8px;padding:12px 14px 14px}
.cab-ticket-message{display:grid;gap:6px;border:1px solid rgba(255,255,255,.05);border-radius:8px;background:#0f1114;padding:10px 12px}
.cab-ticket-message.is-admin{border-color:rgba(244,207,114,.18);background:rgba(227,180,79,.08)}
.cab-ticket-message-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.cab-ticket-message-head strong{color:#f4cf72;font-size:12px;font-weight:800;letter-spacing:.02em}
.cab-ticket-message-head span{color:#8f877c;font-size:11px;white-space:nowrap}
.cab-ticket-message p{margin:0;color:#ece2d5;font-size:14px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.cab-ticket-files{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.cab-ticket-file{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:28px;padding:0 10px;border:1px solid rgba(244,207,114,.22);border-radius:999px;background:rgba(227,180,79,.08);color:#f4cf72;font-size:12px;font-weight:700;text-decoration:none}
.cab-ticket-file span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cab-ticket-file:hover{background:rgba(227,180,79,.16);border-color:rgba(244,207,114,.45)}
.cab-ticket-reply{padding-top:8px;border-top:1px solid rgba(226,184,88,.14);gap:8px}
.cab-pay{background:#e3b44f;color:#1a1408;border-color:transparent;box-shadow:none}
.cab-pay-secondary,.cab-import-btn{background:#32363e;border-color:rgba(244,207,114,.24)}
.cab a.cab-pay-secondary,.cab button.cab-pay-secondary,.cab a.cab-import-btn,.cab button.cab-import-btn,.cab .cab-proxy a.cab-btn{color:#fff8e8}
.cab-reissue,.cab-device .cab-btn-danger{background:rgba(127,29,29,.22);color:#fecaca;border-color:rgba(239,68,68,.65)}
.cab-proxy .cab-btn{background:#272b31;color:#fff8e8;border-color:rgba(244,207,114,.24)}
.cab-pay:hover{background:#f0c56a;color:#1a1408;border-color:transparent}
.cab-pay-secondary:hover,.cab-import-btn:hover{background:#3b4048;color:#fff8e8;border-color:rgba(244,207,114,.34)}
.cab-reissue:hover,.cab-device .cab-btn-danger:hover{background:rgba(127,29,29,.32);color:#fecaca;border-color:rgba(239,68,68,.75)}
.cab-proxy .cab-btn:hover{background:#32363e;color:#fff8e8;border-color:rgba(244,207,114,.34)}
.cab-sub-head strong{display:block;font-size:16px}
.cab-sub-head small{color:var(--cab-muted);font-size:13px}
.cab-traffic{margin-top:16px;padding:15px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#14161a}
.cab-traffic-labels,.cab-traffic-values,.cab-duration>div,.cab-kv-row{display:flex;justify-content:space-between;align-items:center;gap:16px}
.cab-traffic-labels{color:var(--cab-muted);font-size:14px}
.cab-traffic-values{margin:4px 0 10px;color:#fff7e2;font-size:16px;font-weight:800}
.cab-duration{margin-top:15px}
.cab-duration>div{margin-bottom:8px;color:var(--cab-muted)}
.cab-duration strong,.cab-kv-row strong{color:#fff7e2;font-weight:800}
.cab-meter-bar{height:10px;border-radius:0;background:rgba(255,255,255,.08);overflow:hidden}
.cab-meter-bar i{display:block;height:100%}
.cab-meter-bar i.is-high{background:#d5a43d}
.cab-meter-bar i.is-mid{background:#d98a2b}
.cab-meter-bar i.is-low{background:#ef6a61}
.cab-kv-row{margin-top:12px;padding-top:13px;border-top:1px solid rgba(255,255,255,.07);color:var(--cab-muted)}
.cab-devices-row{flex-direction:column;align-items:stretch}
.cab-devices-row>.cab-kv-row{margin:0;padding:0;border:0;width:100%}
.cab-device-list{display:grid;gap:6px;margin-top:10px}
.cab-device{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(244,207,114,.16);border-radius:8px;background:rgba(255,255,255,.03)}
.cab-device strong{display:block;color:#f6eedf}
.cab-device small{display:block;color:#b8aea1;font-size:12px}
.cab-doc h3{margin:16px 0 8px;font-size:16px}
.cab-doc p{margin:0 0 10px;color:#ddd4c8}
.cab-doc a{color:var(--cab-gold-bright)}
.cab-fold{border-top:1px solid rgba(255,255,255,.06);padding:12px 0}
.cab-fold:first-of-type{border-top:0}
.cab-fold summary{cursor:pointer;font-weight:800;color:#fff7e8}
.cab-fold ol{margin:10px 0 0;padding-left:18px;color:#ddd4c8;display:grid;gap:8px}
.cab-downloads .cab-app,.cab-setup .cab-app{display:block;margin-top:10px;padding:0;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#20242a;overflow:hidden}
.cab-downloads .cab-app summary,.cab-setup .cab-app summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none}
.cab-downloads .cab-app summary::-webkit-details-marker,.cab-setup .cab-app summary::-webkit-details-marker{display:none}
.cab-downloads .cab-app summary strong,.cab-setup .cab-app summary strong{font-size:16px;color:#fff7e8}
.cab-platforms{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.cab-platforms span{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1px solid rgba(244,207,114,.24);border-radius:999px;background:rgba(213,164,61,.09);color:#f8d98c;font-size:11px;font-weight:800;line-height:1;white-space:nowrap}
.cab-downloads .cab-app summary i,.cab-setup .cab-app summary i{margin-left:auto;width:8px;height:8px;border-right:2px solid #f4cf72;border-bottom:2px solid #f4cf72;transform:rotate(45deg);transition:transform .15s;flex:none}
.cab-downloads .cab-app[open] summary i,.cab-setup .cab-app[open] summary i{transform:rotate(225deg)}
.cab-setup .cab-app ol{list-style:none;margin:0;padding:0 12px 14px;display:grid;gap:8px}
.cab-setup .cab-app li{display:flex;gap:10px;align-items:flex-start;color:#ddd4c8;line-height:1.45}
.cab-setup .cab-app li div{min-width:0;flex:1}
.cab-setup .cab-app li a{color:#f4cf72}
.cab-setup .cab-app li span{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#d5a43d;color:#181003;font-size:13px;font-weight:800}
.cab-stores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 12px}
.cab-stores.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cab-stores a{min-height:52px;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;border:1px solid rgba(244,207,114,.24);background:#191b20;color:#fff6df;font-size:13px;font-weight:800;text-align:center;text-decoration:none}
.cab-stores a:hover{border-color:rgba(244,207,114,.44);background:#242830}
.cab-import{display:grid}
.cab-pc-link .cab-muted,.cab-pc-link .cab-notice,.cab-pc-link .cab-note{margin-top:14px}
.cab-link-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.cab-link-row{display:grid;gap:10px;margin-top:14px}
.cab-link-row label{display:grid;gap:6px;color:var(--cab-muted);font-size:13px;font-weight:700}
.cab-link-row input{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#121418;color:#fff7e8;font:inherit;padding:12px 14px}
@media (min-width:861px){.cab-link-row{grid-template-columns:minmax(0,1fr) auto;align-items:end}}
.cab-proxy{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.cab-proxy .cab-btn{width:100%}
.cab-pc-proxy .cab-muted{margin:0;line-height:1.45}
.cab-invite{padding:12px 0;border-top:1px solid rgba(255,255,255,.06)}
.cab-invite:first-of-type{border-top:0;padding-top:0}
.cab-main>.cab-stats{margin:0}
.cab-main>.cab-stats>div{background:var(--cab-card);border:1px solid var(--cab-line)}
.cab-ref-hero h1{margin:0 0 10px;font-size:clamp(24px,6vw,34px);line-height:1.05;letter-spacing:-.04em}
.cab-ref-hero p,.cab-ref-hint,.cab-ref-empty p{color:#b8aea1;line-height:1.55}
.cab-ref-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;border-radius:999px;border:1px solid rgba(244,207,114,.22);background:rgba(213,164,61,.12);color:#f8d98c;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.cab-ref-kicker svg{flex:none}
.cab-ref-stats{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.cab-ref-stats>div{min-width:0;min-height:96px;display:flex;flex-direction:column;justify-content:space-between;padding:16px;border:1px solid rgba(244,207,114,.14);border-radius:8px;background:#23262c}
.cab-ref-stats span{color:#a89f93;font-size:13px;line-height:1.4}
.cab-ref-stats strong{color:#fff8ea;font-size:clamp(28px,6vw,34px);font-weight:800;line-height:1;letter-spacing:-.04em}
.cab-ref-card h2{margin:0 0 14px;font-size:18px}
.cab-ref-kicker{white-space:normal;max-width:100%}
.cab-ref-links{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
.cab-ref-btn{width:100%;min-width:0;min-height:58px;white-space:normal;text-align:center;background:#2a2d34;color:#fff7e8;border-color:rgba(244,207,114,.22)}
.cab-ref-btn:hover{background:#32363e;color:#fff7e8}
.cab-ref-hint{margin:12px 0 0;font-size:14px}
.cab-ref-list{display:grid;gap:12px;min-width:0}
.cab-ref-invite{min-width:0;padding:16px;border:1px solid rgba(244,207,114,.12);border-radius:8px;background:#23262c}
.cab-ref-invite-top{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px;min-width:0}
.cab-ref-invite-top h3{margin:0 0 4px;font-size:16px;overflow-wrap:anywhere}
.cab-ref-invite-top p{margin:0;color:#a89f93;font-size:13px}
.cab-ref-pill{align-self:flex-start;max-width:100%;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.cab-ref-pill.is-success{background:rgba(52,211,153,.16);color:#8df0c9;border-color:rgba(52,211,153,.24)}
.cab-ref-pill.is-paid{background:rgba(90,146,255,.16);color:#b7d0ff;border-color:rgba(90,146,255,.24)}
.cab-ref-pill.is-linked{background:rgba(213,164,61,.16);color:#f5d17d;border-color:rgba(213,164,61,.26)}
.cab-ref-pill.is-pending{background:rgba(255,255,255,.08);color:#d7d0c7;border-color:rgba(255,255,255,.1)}
.cab-ref-metrics{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.cab-ref-metric{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#1a1c20}
.cab-ref-metric span{display:block;margin-bottom:6px;color:#93897d;font-size:12px}
.cab-ref-metric strong{display:block;color:#fff6e7;font-size:14px;font-weight:700;overflow-wrap:anywhere}
.cab-ref-empty{padding:18px;border:1px dashed rgba(244,207,114,.18);border-radius:8px;background:rgba(255,255,255,.03);color:#b7aea2}
.cab-ref-empty strong{display:block;margin-bottom:8px;color:#fff7e8}
@media (min-width:761px){
  .cab-ref-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cab-ref-invite-top{flex-direction:row;align-items:flex-start;justify-content:space-between}
  .cab-ref-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .cab-ref-stats>div{border-radius:12px}
  .cab-main>.cab-ref-stats{margin:0}
}
@media (max-width:760px){.cab-choices{grid-template-columns:minmax(0,1fr)}}

/* Polish 2026-11-09: footer in normal flow on desktop. */
@media (min-width:761px){
  .cab{padding-bottom:0}
  .cab-foot{position:static}
}
.cab-btn{transition:background-color .15s,border-color .15s,color .15s}
.cab-btn:focus-visible,.cab-header-btn:focus-visible,.cab-tabs a:focus-visible{outline:2px solid #f4cf72;outline-offset:2px}

/* Polish 2026-11-10: subscription first, quiet reissue, current plan, compact referrals. */
.cab-reissue-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}
.cab-reissue-row>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.cab-reissue-row strong{color:var(--cab-text);font-size:14px;font-weight:700}
.cab-reissue-row small{color:var(--cab-muted);font-size:12.5px;line-height:1.4}
.cab-reissue-row .cab-reissue{flex:none;width:auto;min-height:36px;padding:0 14px;background:transparent;color:#f3a9a1;border-color:rgba(239,122,111,.38)}
.cab-reissue-row .cab-reissue:hover{background:rgba(127,29,29,.22);color:#fecaca;border-color:rgba(239,122,111,.6)}
.cab-renew .cab-actions{margin-bottom:0}
.cab-plan-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:99px;background:rgba(95,210,154,.14);color:var(--cab-green);font-size:11px;font-style:normal;font-weight:800;letter-spacing:.02em;vertical-align:middle}
.cab-ref-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.cab-ref-stats>div{min-height:0;gap:6px;justify-content:flex-start;padding:14px}
.cab-ref-stats strong{font-size:clamp(24px,6vw,32px)}
.cab-ref-stats span{font-size:12.5px}
.cab-ref-invite{padding:14px}
.cab-ref-invite-top{flex-direction:row;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.cab-ref-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cab-ref-metric{padding:9px 11px}
.cab-ref-metric span{margin-bottom:3px;font-size:11.5px}
.cab-ref-metric strong{font-size:13px;color:#7e766b}
.cab-ref-metric.is-done strong{color:#fff6e7}
@media (min-width:761px){.cab-ref-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:420px){.cab-reissue-row{align-items:flex-start;flex-direction:column;gap:10px}}

/* Desktop 2026-11-12: real PC layout from 1100px. Phone/tablet layout unchanged. */
.cab-connect{display:contents}
.cab-ref-page{display:contents}
.cab-ticket-meta{display:none}
.cab-back svg{transform:rotate(180deg)}
@media (max-width:760px){.cab-ref-page>.cab-card{border-radius:12px;border:1px solid var(--cab-line)}.cab-ref-page>.cab-ref-stats{margin:0}}
.cab-device-fold summary i{transition:transform .2s}
.cab-downloads .cab-app summary i,.cab-setup .cab-app summary i{transition:transform .2s}
.cab-sub-foot{display:contents}
@media (min-width:1100px){
  .cab{font-size:14px}
  .cab-main{width:min(1320px,calc(100% - 64px));max-width:1320px;padding:24px 0 40px;gap:18px}
  .cab-page-head h1{font-size:28px}
  .cab-card{padding:20px 22px}
  .cab-card-head{margin-bottom:12px}
  .cab-card-head h3{font-size:15px}
  .cab-btn{min-height:40px;font-size:13.5px}

  /* Подписка: сверху подписка + аккаунт/прокси, снизу одна карточка «подключение» в три колонки. */
  .cab-pc{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;
    grid-template-areas:"sub link" "sub proxy" "connect connect";gap:18px;align-items:stretch}
  .cab-pc>*{min-width:0}
  .cab-pc .cab-pc-sub{grid-area:sub}
  .cab-pc .cab-pc-link{grid-area:link}
  .cab-pc .cab-pc-proxy{grid-area:proxy;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:14px}
  .cab-pc-proxy .cab-proxy{flex:none;margin-top:0}
  .cab-pc-link .cab-link-row{grid-template-columns:minmax(0,1fr)}
  .cab-pc-link .cab-kv{gap:8px;font-size:13.5px}
  .cab-pc-link .cab-muted{font-size:13px;line-height:1.45;margin-top:12px}
  .cab-pc-link .cab-link-actions{margin-top:12px}
  .cab-pc-link .cab-kv strong{min-width:0;overflow-wrap:anywhere}

  .cab-connect{grid-area:connect;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--cab-card);border:1px solid var(--cab-line);border-radius:var(--cab-radius)}
  .cab-connect>.cab-card{grid-column:auto;border:0;border-radius:0;background:transparent;padding:20px 22px;min-width:0}
  .cab-connect>.cab-card+.cab-card{border-left:1px solid rgba(255,255,255,.07)}

  /* Карточка подписки горизонтально: шкалы слева, даты/устройства справа, единый ряд кнопок внизу. */
  .cab-sub{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto 1fr 1fr 1fr auto;column-gap:0;padding:22px 26px}
  .cab-sub>*{min-width:0}
  .cab-sub-head{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
  .cab-sub-head strong{font-family:Unbounded,Manrope,sans-serif;font-size:20px;letter-spacing:-.03em;line-height:1.2}
  .cab-sub>.cab-traffic{grid-column:1;grid-row:2 / span 3;align-self:stretch;display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:0;border:0;background:transparent}
  .cab-sub>.cab-traffic>.cab-traffic-used,.cab-sub>.cab-traffic>.cab-duration{flex:1 1 0;display:flex;flex-direction:column;justify-content:center;margin:0;padding:14px 18px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#14161a}
  .cab-sub>.cab-kv-row,.cab-sub>.cab-device-fold{grid-column:2;margin-left:28px}
  .cab-sub>.cab-kv-row{align-self:stretch;margin-top:0;padding:0;border-top:0;border-bottom:1px solid rgba(255,255,255,.07);font-size:13.5px}
  .cab-sub>.cab-kv-row:first-of-type{margin-top:16px}
  .cab-sub>.cab-device-fold{align-self:stretch;display:flex;flex-direction:column;justify-content:center;margin-top:0;padding:10px 0 0;border-top:0}
  .cab-sub .cab-device-grid{display:none}
  .cab-sub>.cab-device-fold summary{border-radius:8px;margin:0 -10px;padding:6px 10px;transition:background .15s}
  .cab-sub>.cab-device-fold summary:hover{background:rgba(227,180,79,.08)}
  .cab-sub>.cab-device-fold summary i,.cab-sub>.cab-device-fold[open] summary i{transform:rotate(-45deg)}
  .cab-traffic-labels{font-size:13px}
  .cab-traffic-values{font-size:17px;margin:2px 0 8px}
  .cab-meter-bar{height:8px}
  .cab-duration{margin-top:12px}
  .cab-sub .cab-duration>div:first-child{margin-bottom:10px}
  .cab-sub .cab-traffic-values{margin:2px 0 10px}

  .cab-sub-foot{grid-column:1/-1;grid-row:5;display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
  .cab-sub-foot>.cab-renew{flex:none;margin:0;padding:0;border:0;display:block}
  .cab-sub-foot>.cab-renew h3,.cab-sub-foot>.cab-renew>p{display:none}
  .cab-sub-foot>.cab-renew .cab-actions{display:flex;flex-direction:row;gap:10px;margin:0}
  .cab-sub-foot>.cab-renew .cab-btn{flex:none;width:auto}
  .cab-sub-foot>.cab-reissue-row{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:14px;margin:0;padding:0;border:0}
  .cab-sub-foot>.cab-reissue-row strong{display:none}
  .cab-sub-foot>.cab-reissue-row small{max-width:260px;text-align:right;font-size:12px;line-height:1.35}
  .cab-sub .cab-btn,.cab-sub .cab-btn-sm{min-height:42px;padding:0 20px;border-radius:8px;font-size:13.5px;font-weight:800;white-space:nowrap}
  .cab-sub-foot>.cab-reissue-row .cab-reissue{flex:none;min-height:42px;padding:0 20px}

  .cab-downloads .cab-app,.cab-setup .cab-app{margin-top:8px}
  .cab-downloads .cab-app summary,.cab-setup .cab-app summary{padding:10px 14px;gap:10px}
  .cab-downloads .cab-app summary strong,.cab-setup .cab-app summary strong{font-size:14px;line-height:1.3}
  .cab-platforms span{min-height:20px;padding:0 7px;font-size:10.5px}
  .cab-stores a{min-height:42px;font-size:12.5px}
  .cab-setup .cab-app li{font-size:13.5px}
  .cab-pc-import .cab-import{margin-top:0;gap:8px}
  .cab-pc-import .cab-btn{justify-content:flex-start;min-height:38px;padding:0 14px}

  /* Рефералы: слева приветствие + счётчики, справа ссылки; ниже приглашённые строками. */
  .cab-ref-page{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"hero links" "stats links" "list list";gap:18px;align-items:stretch}
  .cab-ref-page>*{min-width:0;margin:0}
  .cab-ref-page>.cab-ref-hero{grid-area:hero;padding:24px 28px}
  .cab-ref-page>.cab-ref-stats{grid-area:stats;gap:18px}
  .cab-ref-page>.cab-ref-links-card{grid-area:links;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
  .cab-ref-page>.cab-ref-list-card{grid-area:list}
  .cab-ref-kicker{margin-bottom:12px;padding:6px 11px;font-size:11.5px}
  .cab-ref-hero h1{font-size:28px;margin-bottom:8px}
  .cab-ref-hero p{max-width:720px;font-size:14px}
  .cab-ref-stats>div{padding:14px 18px;border-color:var(--cab-line);background:var(--cab-card)}
  .cab-ref-stats strong{font-size:28px}
  .cab-ref-card h2{font-size:16px;margin-bottom:14px}
  .cab-ref-links-card h2{margin-bottom:0}
  .cab-ref-links-card .cab-ref-links{gap:10px}
  .cab-ref-btn{min-height:46px}
  .cab-ref-links-card .cab-ref-hint{margin:0;font-size:13px}
  .cab-ref-links-card .cab-ref-empty{flex:1}

  .cab-ref-list-card .cab-ref-list{gap:8px}
  .cab-ref-list-card .cab-ref-invite{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2.6fr) 200px;align-items:center;column-gap:20px;padding:10px 14px}
  .cab-ref-list-card .cab-ref-invite-top{display:contents}
  .cab-ref-list-card .cab-ref-invite-top>div{grid-column:1;grid-row:1;min-width:0}
  .cab-ref-list-card .cab-ref-invite-top h3{margin:0 0 2px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cab-ref-list-card .cab-ref-invite-top p{font-size:12.5px}
  .cab-ref-list-card .cab-ref-metrics{grid-column:2;grid-row:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .cab-ref-list-card .cab-ref-metric{padding:7px 10px}
  .cab-ref-list-card .cab-ref-pill{grid-column:3;grid-row:1;align-self:center;justify-self:stretch;justify-content:center;text-align:center;padding:7px 10px}
  /* Обращения: форма + подсказки сверху, список обращений строками ниже. */
  .cab-support.is-tickets{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"back back" "compose tips" "inbox inbox";gap:18px;align-items:stretch}
  .cab-support.is-tickets>.cab-back{grid-area:back;justify-self:start}
  .cab-support>.cab-back{justify-self:start}
  .cab-support.is-tickets>.cab-support-desk{display:contents}
  .cab-support.is-tickets .cab-support-compose{grid-area:compose}
  .cab-support.is-tickets .cab-support-tips{grid-area:tips;display:flex;flex-direction:column}
  .cab-support.is-tickets .cab-support-inbox{grid-area:inbox}
  .cab-support.is-tickets>*{min-width:0;margin:0}
  .cab-support-tips .cab-support-notes{flex:1;grid-auto-rows:1fr}
  .cab-support-tips .cab-support-notes li{align-items:center}
  .cab-support-compose .cab-form textarea{min-height:120px}
  .cab-support-inbox .cab-card-head h3,.cab-support-compose .cab-card-head h3,.cab-support-tips .cab-card-head h3{font-size:16px}

  .cab-support-inbox .cab-ticket-toggle{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) 150px;align-items:center;column-gap:20px;padding:10px 14px}
  .cab-support-inbox .cab-ticket-toggle>span:first-child{min-width:0}
  .cab-support-inbox .cab-ticket-toggle>span:first-child strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cab-support-inbox .cab-ticket-toggle>span:first-child small{display:none}
  .cab-support-inbox .cab-ticket-meta{display:grid;grid-template-columns:1fr 1fr .7fr;gap:8px}
  .cab-ticket-meta>span{display:block;min-width:0;padding:7px 10px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#1a1c20}
  .cab-ticket-meta small{display:block;margin-bottom:2px;color:#93897d;font-size:11.5px}
  .cab-ticket-meta b{display:block;color:#fff6e7;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cab-support-inbox .cab-pill{justify-self:stretch;justify-content:center;min-height:30px}
  .cab-support-inbox .cab-ticket-body{padding:14px 16px 16px}
  .cab-support-inbox .cab-ticket-message{max-width:860px}
  .cab-support-inbox .cab-ticket-message.is-admin{margin-left:auto}
  .cab-support-inbox .cab-ticket-reply{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:12px}
  .cab-support-inbox .cab-ticket-reply textarea{grid-column:1/-1}
  .cab-support-inbox .cab-ticket-reply .cab-file{grid-column:1;justify-self:start}
  .cab-support-inbox .cab-ticket-reply .cab-support-send{grid-column:2;width:auto;min-width:180px}

  /* Поддержка: меню в одну строку, документы читаемой ширины. */
  .cab-support-menu{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cab-support-menu a,.cab-support-menu button{min-height:104px;font-size:14px;flex-direction:column;align-items:flex-start;justify-content:space-between}
  .cab-doc{max-width:880px}

  /* Тарифы. */
  .cab-plans{gap:18px}
  .cab-plan{padding:22px}
  .cab-plan-price{font-size:26px}
}

/* Окно «Устройства» (ПК). */
body.mode-cab .modal-dialog.is-devices{width:min(820px,calc(100vw - 48px));max-height:calc(100vh - 64px);display:flex;flex-direction:column;padding:26px 28px 24px;text-align:left}
body.mode-cab .modal-dialog.is-devices>p{margin:6px 0 16px}
.cab-dm-head{display:flex;align-items:center;gap:12px;padding-right:44px}
.cab-dm-head h2{margin:0}
.cab-dm-count{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:rgba(227,180,79,.14);color:#f4cf72;font-size:13px;font-weight:800}
.cab-dm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:auto;min-height:0;margin:0 -6px;padding:2px 6px 4px}
.cab-dm-item{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;border:1px solid rgba(244,207,114,.16);border-radius:10px;background:#1c1f24}
.cab-dm-icon{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:rgba(227,180,79,.1);color:#f4cf72}
.cab-dm-body{flex:1;min-width:0}
.cab-dm-body strong{display:block;color:#f6eedf;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cab-dm-body small{display:block;color:#9e978b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cab-dm-remove{flex:none;min-height:32px;padding:0 12px;border-radius:8px;border:1px solid rgba(239,122,111,.38);background:transparent;color:#f3a9a1;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;transition:background .15s,border-color .15s}
.cab-dm-remove:hover{background:rgba(127,29,29,.25);border-color:rgba(239,122,111,.6);color:#fecaca}
.cab-dm-remove:disabled{opacity:.45;cursor:not-allowed}
.cab-dm-empty{grid-column:1/-1;color:#9e978b}
@media (max-width:640px){.cab-dm-grid{grid-template-columns:minmax(0,1fr)}}

/* Пагинация приглашённых. */
.cab-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}
.cab-pager-info{color:var(--cab-muted);font-size:13px}
.cab-pager-nav{display:flex;align-items:center;gap:6px}
.cab-pager-nav button{min-width:36px;height:36px;padding:0 10px;border-radius:8px;border:1px solid rgba(244,207,114,.2);background:#23262c;color:#f3efe7;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:background .15s,border-color .15s}
.cab-pager-nav button:hover:not(:disabled){border-color:rgba(244,207,114,.45);background:#2a2e35}
.cab-pager-nav button.is-active{background:#e3b44f;border-color:transparent;color:#1a1408}
.cab-pager-nav button:disabled{opacity:.35;cursor:default}
.cab-pager-gap{min-width:20px;text-align:center;color:var(--cab-muted)}