.account-main{padding:64px 0 96px}.account-shell{max-width:960px}.account-intro{margin-bottom:28px}.account-intro h1{font-size:clamp(42px,7vw,72px)}.account-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:28px;box-shadow:var(--shadow)}.account-panel form{display:grid;gap:16px;max-width:520px}.account-panel label{display:grid;gap:8px;color:var(--muted);font-weight:800}.account-panel input{min-height:48px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-3);color:var(--text);padding:10px 13px}.account-notice{min-height:28px;margin-top:16px;color:var(--muted)}.account-notice[data-kind="error"]{color:var(--danger)}.account-notice[data-kind="success"]{color:var(--success)}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-grid .card{min-height:160px}.account-grid strong,.account-grid code{display:block;margin-top:14px;font-size:18px;overflow-wrap:anywhere}.account-grid p{margin-top:10px;color:var(--muted)}.session-panel{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}.session-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.session-panel-heading h2{margin-top:8px}.session-help{color:var(--muted);margin:10px 0 18px}.session-list{display:grid;gap:12px}.session-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:var(--surface-2)}.session-item-main{min-width:0}.session-item-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.session-item-title strong{font-size:16px}.session-meta{display:flex;gap:8px 16px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:8px}.session-badge{font-size:12px;font-weight:800;border:1px solid var(--line);border-radius:999px;padding:3px 8px}.session-badge[data-status="active"]{color:var(--success)}.session-badge[data-status="revoked"],.session-badge[data-status="expired"]{color:var(--muted)}.session-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn-danger{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));color:var(--danger)}.session-empty{padding:18px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}[hidden]{display:none!important}@media(max-width:720px){.account-main{padding-top:36px}.account-panel{padding:20px}.account-grid{grid-template-columns:1fr}.account-heading,.session-panel-heading{align-items:flex-start;flex-direction:column}.session-item{grid-template-columns:1fr}.session-item .btn{width:100%}.session-actions{display:grid}.session-actions .btn{width:100%}}

.resource-panel{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}
.resource-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.resource-panel-heading h2{margin-top:8px}
.resource-help{color:var(--muted);margin:10px 0 18px}
.subscription-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.subscription-details article{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);padding:16px;min-width:0}
.subscription-details span{display:block;color:var(--muted);font-size:13px}
.subscription-details strong{display:block;margin-top:8px;overflow-wrap:anywhere}
.device-list{display:grid;gap:12px}
.device-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);padding:16px}
.device-item-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.device-meta{display:flex;gap:8px 16px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:9px}
.resource-badge{font-size:12px;font-weight:800;border:1px solid var(--line);border-radius:999px;padding:3px 8px}
.resource-badge[data-status="active"]{color:var(--success)}
.resource-badge[data-status="revoked"]{color:var(--danger)}
.resource-badge[data-status="unknown"],.resource-badge[data-status="revocation_pending"]{color:var(--muted)}
.resource-empty{padding:18px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}
@media(max-width:900px){.subscription-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.resource-panel-heading{align-items:flex-start;flex-direction:column}.subscription-details{grid-template-columns:1fr}}

.access-delivery{display:grid;gap:14px;margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}
.access-delivery h3{margin-top:8px}
.access-delivery .resource-help{margin:8px 0 0}
.access-delivery-order{display:grid;gap:8px;max-width:520px;color:var(--muted);font-weight:800}
.access-delivery-order input{min-height:48px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-3);color:var(--text);padding:10px 13px;font:inherit;text-transform:uppercase}
.access-delivery-help{margin:0;color:var(--muted);font-size:13px}
.access-delivery-confirm{display:flex;align-items:flex-start;gap:10px;max-width:720px;color:var(--text);line-height:1.5}
.access-delivery-confirm input{width:18px;height:18px;margin-top:2px;flex:0 0 auto}
.access-delivery .btn{justify-self:start}
.access-delivery .btn[aria-busy="true"]{cursor:progress;opacity:.72}
.access-delivery-notice{margin:0}
@media(max-width:720px){.access-delivery{padding:16px}.access-delivery .btn{width:100%}}


.device-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.device-rename-form {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.device-rename-form label {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-weight: 800;
}

.device-rename-form input {
  min-height: 44px;
  width: min(100%, 520px);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface-3);
  color: var(--text);
  padding: 9px 12px;
}

.device-rename-help {
  color: var(--muted);
  font-size: 12px;
  font-weight: 400;
}

.device-rename-notice {
  min-height: 20px;
  color: var(--muted);
  font-size: 13px;
}

.device-rename-notice[data-kind="error"] {
  color: var(--danger);
}

.device-rename-controls {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.btn-danger {
  border-color: rgba(185, 28, 28, .45);
  color: #991b1b;
  background: #fff7f7;
}

.btn-danger:hover:not(:disabled) {
  background: #fee2e2;
}


.referral-empty form{display:grid;gap:14px;max-width:520px}
.referral-empty label{display:grid;gap:8px;color:var(--muted);font-weight:800}
.referral-empty input{min-height:48px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-3);color:var(--text);padding:10px 13px}
.referral-details{margin-bottom:18px}
.referral-balance-list,.referral-transaction-list{display:grid;gap:10px;margin:12px 0 20px}
.referral-balance-item,.referral-transaction-item{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);padding:14px 16px}
.referral-balance-item span,.referral-transaction-item span{display:block;color:var(--muted);font-size:13px;margin-top:5px}
.referral-panel h3{margin-top:20px}
@media(max-width:720px){.referral-balance-item,.referral-transaction-item{align-items:flex-start;flex-direction:column}}


/* EP-1.16.0 PATCH 0007 — Personal Account migration states */
.account-global-status {
  min-height: 1.5rem;
  margin: 0 0 1rem;
}
.account-global-status[data-kind="error"] { color: var(--danger, #ff7a7a); }
.account-global-status[data-kind="warning"] { color: var(--warning, #f4c95d); }
.resource-panel:focus,
.session-panel:focus {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.security-grid form,.security-grid>div{padding:1rem;border:1px solid currentColor;border-radius:12px}.security-grid input,.security-grid select{display:block;width:100%;margin:.5rem 0;padding:.65rem}

/* EP-1.18.0 PATCH 0005: Telegram Login & Link UI */
.account-auth-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 520px;
  margin: 24px 0 18px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.account-auth-divider::before,
.account-auth-divider::after {
  content: "";
  height: 1px;
  flex: 1 1 auto;
  background: var(--line);
}
.telegram-login {
  max-width: 620px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface-2);
}
.telegram-login h3 { margin: 0; }
.telegram-login > p:not(.telegram-notice) {
  margin: 9px 0 0;
  color: var(--muted);
}
.telegram-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.telegram-actions .btn[aria-busy="true"] {
  cursor: progress;
  opacity: .72;
}
.telegram-notice {
  margin: 12px 0 0;
  min-height: 24px;
}
.telegram-card .telegram-actions { margin-top: auto; }
.telegram-card {
  display: flex;
  flex-direction: column;
}
.telegram-card [data-telegram-account-help] { flex: 1 1 auto; }
.telegram-card[data-linked="true"] [data-account-telegram] { color: var(--success); }
@media(max-width:720px) {
  .telegram-actions { display: grid; }
  .telegram-actions .btn { width: 100%; }
}
/* END EP-1.18.0 PATCH 0005 */

/* EP-1.18.0 PATCH 0006 — Telegram identity management */
.telegram-card[data-linked="true"] [data-telegram-unlink] { display: inline-flex; }
.telegram-card[data-linked="false"] [data-telegram-unlink] { display: none; }
.telegram-card [data-telegram-unlink][aria-busy="true"] {
  cursor: progress;
  opacity: .72;
}
/* END EP-1.18.0 PATCH 0006 */



/* EP-1.19.0 PATCH 0004 — Access Device Rename UI */
@media(max-width:720px) {
  .device-actions,
  .device-rename-controls {
    display: grid;
  }

  .device-actions .btn,
  .device-rename-controls .btn {
    width: 100%;
  }
}
/* END EP-1.19.0 PATCH 0004 */
