@font-face { font-family: "Vela Sans"; src: url("/product/assets/fonts/vela-sans-regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Vela Sans"; src: url("/product/assets/fonts/vela-sans-medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Vela Sans"; src: url("/product/assets/fonts/vela-sans-bold.woff2") format("woff2"); font-weight: 600 700; font-display: swap; }
@font-face { font-family: "Vela Sans"; src: url("/product/assets/fonts/vela-sans-extra-bold.woff2") format("woff2"); font-weight: 800; font-display: swap; }

:root {
  --brand-paper: #fffffb;
  --brand-ink: #19191b;
  --brand-muted: #59554e;
  --brand-line: #dcd8d0;
  --brand-orange: #ff7700;
  --brand-orange-hover: #e96700;
  --brand-lavender: #eee7ff;
  --brand-peach: #ffdfc5;
  --brand-butter: #fff0be;
  --text-action-size: .875rem;
  --field-fill: color-mix(in srgb, var(--brand-orange) 3.5%, var(--brand-paper));
  --field-focus: color-mix(in srgb, var(--brand-orange) 6%, var(--brand-paper));
  --field-focus-mark: color-mix(in srgb, var(--brand-muted) 48%, var(--brand-line));
  scrollbar-gutter: stable;
  overflow-x: clip;
  --brand-ease: cubic-bezier(.16, 1, .3, 1);
}
.ui-icon { flex: none; vertical-align: middle; }
:root .text-action,
:root .footer .text-action {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  gap: 8px;
  padding: 4px 0;
  border: 0;
  background: none;
  color: var(--brand-ink);
  font: 400 var(--text-action-size)/1.4 "Vela Sans", sans-serif;
  transition: color 180ms var(--brand-ease);
  text-decoration: underline;
  text-underline-offset: .22em;
  cursor: pointer;
}
:root .footer .text-action,
:root .cabinet-footer .text-action { color: var(--brand-muted); }
@media (hover: hover) {
  :root .text-action:hover,
  :root .footer .text-action:hover,
  :root .cabinet-footer .text-action:hover { color: var(--brand-orange); }
}
.footer-document-links { display: flex; flex-wrap: wrap; align-items: center; gap: 0 20px; }
.site-modal {
  box-sizing: border-box;
  width: min(480px, calc(100% - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  padding: 0;
  border: 1px solid var(--brand-line);
  border-radius: 24px;
  background: var(--brand-paper);
  color: var(--brand-ink);
  box-shadow: 0 22px 80px #23163c26;
  font: 400 1rem/1.5 "Vela Sans", sans-serif;
}
.site-modal::backdrop { background: #251b3e55; }
.site-modal-content { display: grid; gap: 16px; padding: clamp(20px, 5vw, 28px); }
.site-modal-head { display: flex; justify-content: space-between; align-items: start; gap: 12px; }
.site-modal-body { display: grid; gap: 16px; justify-items: start; }
.site-modal-body > * { min-width: 0; }
.site-modal-body > dl { width: 100%; margin: 0; }
.site-modal .site-modal-head h2 { margin: 0; font-size: 1.5rem; line-height: 1.2; letter-spacing: -.025em; align-self: center; }
.site-modal h3 { font-size: 1rem; margin: 0; }
.site-modal p { margin: 0; }
.site-modal .modal-muted { color: var(--brand-muted); }
.modal-close {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  height: 44px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--brand-ink);
  cursor: pointer;
  transition: color 180ms var(--brand-ease);
}
.modal-close:hover { background: transparent; color: var(--brand-orange); }
.site-modal .modal-primary { min-height: 44px; padding: 10px 18px; border-radius: 999px; font-size: 1rem; }
.support-controls { display: grid; gap: 16px; justify-items: start; width: 100%; }
.support-address { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; }
:root .support-address .text-action { min-height: 28px; }
.support-address a { color: var(--brand-ink); overflow-wrap: anywhere; }
.site-modal .modal-feedback { margin: 0; color: var(--brand-muted); }
.site-modal .modal-feedback:empty { display: none; }
:root:has(dialog[open]) { overflow-y: hidden; }
body:has(dialog[open]) { overflow: hidden; }
:root :is(a, button, input, select, textarea, summary):focus-visible { outline: 2px solid #6b45ad; outline-offset: 3px; }

/* A soft fill defines the field. Focus and errors use a single inner accent. */
:root :is(input:not([type="checkbox"], [type="radio"]), textarea, select) {
  border: 0;
  border-radius: 16px;
  min-height: 48px;
  padding: 12px 16px;
  background: var(--field-fill);
  color: var(--brand-ink);
  font: inherit;
  transition: background-color 300ms ease, box-shadow 300ms ease;
}
:root :is(input:not([type="checkbox"], [type="radio"]), textarea, select):focus {
  outline: none;
  background: var(--field-focus);
  box-shadow: inset 0 -1px var(--field-focus-mark);
}
:root :is(input:not([type="checkbox"], [type="radio"]), textarea, select)[aria-invalid="true"] {
  outline: none;
  box-shadow: inset 0 -2px var(--error, #a32c20);
}
:root :is(input:not([type="checkbox"], [type="radio"]), textarea, select):disabled {
  opacity: .55;
  cursor: not-allowed;
}
@media (prefers-reduced-motion: reduce) {
  :root :is(input, textarea, select) { transition: none; }
}
@media (forced-colors: active) {
  :root :is(input:not([type="checkbox"], [type="radio"]), textarea, select) { border: 1px solid FieldText; }
  :root :is(input:not([type="checkbox"], [type="radio"]), textarea, select):focus-visible { outline: 2px solid Highlight; }
}

:is(input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="color"], [type="button"], [type="submit"], [type="reset"], [type="image"], [type="hidden"]), select, textarea, [contenteditable="true"]):not(:disabled, [aria-disabled="true"]) {
  background-color: var(--field-fill);
  border-color: transparent;
  border-radius: 14px;
  box-shadow: none;
  transition: background-color 260ms ease, box-shadow 260ms ease;
}

:is(input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="color"], [type="button"], [type="submit"], [type="reset"], [type="image"], [type="hidden"]), select, textarea, [contenteditable="true"]):focus:not(:disabled, [aria-disabled="true"]) {
  background-color: var(--field-focus);
  border-color: transparent;
  outline: none;
  box-shadow: inset 0 -1px var(--field-focus-mark);
}

:is(input, select, textarea, [contenteditable="true"]):focus::selection {
  background-color: var(--brand-lavender);
  color: var(--brand-ink);
}

@media (prefers-reduced-motion: reduce) {
  :is(input, select, textarea, [contenteditable="true"]) {
    transition: none;
  }
}

@media (forced-colors: active) {
  :is(input, select, textarea, [contenteditable="true"]):focus-visible {
    outline: 2px solid Highlight;
    outline-offset: 2px;
  }
}

:root{--text-small:12px;--text-body:16px;--text-section:24px;--text-title:32px;--text-display:48px;--paper:#fffffb;--white:#fffefa;--ink:#252e2b;--muted:#666e68;--line:#dedfd5;--accent:#b6422d;--accent-light:#f3e1d6;--sage:#e7eadf;--dark:#293d35;--error:#a12c28;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:var(--text-body)/1.5 "Vela Sans","Segoe UI",Arial,sans-serif}button,input,select{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}a{color:inherit;text-underline-offset:4px}button{border:0}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.15}h1{font-size:var(--text-title);letter-spacing:-1.8px}h2{font-size:var(--text-section);letter-spacing:-.7px}h3{font-size:var(--text-section);letter-spacing:-.3px}p{margin-top:12px}svg{display:block}header.site{height:96px;max-width:1240px;margin:auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:650;font-size:var(--text-body);line-height:1.05;letter-spacing:-.5px}.brand img{width:42px;height:42px}.brand span{max-width:90px}.header-actions{display:flex;align-items:center;gap:24px}.quiet{background:none;color:var(--ink);padding:10px 0;text-decoration:none;font-size:var(--text-body)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 23px;border-radius:9px;background:var(--accent);color:white;text-decoration:none;font-weight:600;line-height:1.4;min-height:50px}.button:hover{background:#9f3725}.button.dark{background:var(--dark)}.button.secondary{color:var(--ink);background:var(--white);border:1px solid var(--line)}.button.secondary:hover{background:var(--sage)}.button.small{padding:10px 16px;font-size:var(--text-body);min-height:42px}.arrow{font-size:var(--text-section);font-weight:400}.muted{color:var(--muted)}.small{font-size:var(--text-small)}.eyebrow{font-size:var(--text-small);font-weight:500;color:var(--muted)}.wrap{max-width:1240px;padding:0 40px;margin:auto}.bottom-line{border-top:1px solid var(--line);padding:25px 0 30px;display:flex;justify-content:space-between;color:var(--muted);font-size:var(--text-small)}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.narrow{max-width:500px;margin:65px auto 85px}.narrow h1{font-size:var(--text-title);letter-spacing:-1px}.back{display:inline-flex;background:none;padding:0;margin-bottom:30px;color:var(--muted);font-size:var(--text-body)}.form{display:grid;gap:20px;margin-top:28px}.field{display:grid;gap:8px;font-size:var(--text-body);font-weight:400}.field small{font-size:var(--text-small);font-weight:400;color:var(--muted)}input,select{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:13px 14px;color:var(--ink)}input[aria-invalid=true]{border-color:var(--error)}.error{color:var(--error);font-size:var(--text-small);min-height:0}.feedback{font-size:var(--text-small);color:var(--dark);margin-top:12px}.error:empty,.feedback:empty{display:none}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.form .actions{margin-top:4px}.form .button{margin:0}.note{padding:16px 18px;background:var(--sage);border-radius:10px;font-size:var(--text-body)}.call-list{padding-left:20px;margin:20px 0;color:var(--muted)}.call-list li{padding:6px 0}.account-top{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:45px 0 28px}.identity{font-size:var(--text-body);margin-top:8px;color:var(--muted)}.balance-card{background:var(--brand-lavender);padding:28px 32px;border-radius:var(--radius)}.balance{font-size:var(--text-display);font-weight:700;letter-spacing:-2px;margin:8px 0 10px;line-height:1}.history{padding:40px 0 65px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:20px 0 0}.tabs button{background:none;padding:12px 0;color:var(--muted);border-bottom:2px solid transparent}.tabs button.active{color:var(--ink);border-color:var(--accent)}table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-body)}th{font-weight:500;color:var(--muted);font-size:var(--text-small)}td,th{padding:18px 16px;border-bottom:1px solid var(--line);vertical-align:middle}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.status{display:inline-block;border-radius:5px;background:var(--brand-lavender);padding:4px 8px;font-size:var(--text-small);white-space:nowrap}.status.pending{background:#f4e9ce;color:#715719}.status.refund{background:var(--brand-peach);color:var(--brand-ink)}.amount{font-variant-numeric:tabular-nums;white-space:nowrap}.table-wrap{overflow:auto}.empty{padding:40px 15px;text-align:center;color:var(--muted)}.chips{display:flex;gap:8px}.chips button{border:1px solid var(--line);padding:9px 17px;border-radius:7px;background:var(--paper)}.chips button.chosen{border-color:var(--dark);background:var(--sage)}.payment-sum{font-size:var(--text-display);font-weight:700;letter-spacing:-2px;padding:20px 0}.divider{border-top:1px solid var(--line);margin:20px 0}.admin-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);padding:32px 24px;display:flex;flex-direction:column;gap:42px}.sidebar .eyebrow{margin:14px 0 0;font-size:var(--text-small);letter-spacing:1px}.admin-nav{display:grid;gap:22px}.admin-nav a{display:flex;align-items:center;gap:12px;text-decoration:none;padding:12px 14px;border-radius:8px;font-size:var(--text-body);color:var(--muted)}.admin-nav a.active{color:var(--dark);background:var(--sage);font-weight:600}.nav-icon{font-size:var(--text-body);width:20px;line-height:1}.sidebar-bottom{margin-top:auto;display:grid;justify-items:start;font-size:var(--text-small);color:var(--muted)}.admin-main{padding:40px clamp(24px,4vw,64px) 70px;min-width:0;max-width:1560px}.admin-title{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:28px}.admin-title h1{font-size:var(--text-title);letter-spacing:-1px}.admin-title p{font-size:var(--text-small);color:var(--muted);margin-top:8px}.search{width:min(100%,410px)}.search input{background:transparent}.row-link{background:none;padding:0;color:var(--accent);text-decoration:underline;text-underline-offset:4px;text-align:left}.data-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}.data-grid.with-detail{grid-template-columns:minmax(0,1fr) 325px}.detail{background:var(--white);border:1px solid var(--line);padding:24px;border-radius:14px;align-self:start;position:sticky;top:25px}.detail-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:20px}.close{background:none;font-size:var(--text-section);color:var(--muted);line-height:1;padding:4px 8px}.facts{display:grid;gap:0;margin:10px 0 20px}.facts div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line);font-size:var(--text-small)}.facts dt{color:var(--muted)}.facts dd{margin:0;text-align:right}.detail .form{margin-top:20px}.detail h3{font-size:var(--text-body)}.detail .button{font-size:var(--text-small);padding:12px 16px}.detail .note{font-size:var(--text-small)}.dirty{font-size:var(--text-small);color:var(--accent);display:none}.is-dirty .dirty{display:inline}.is-dirty .feedback{display:none}.setting-line{display:flex;gap:10px;align-items:center}.setting-line input{max-width:140px}.setting-line span{font-size:var(--text-body);color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(min-width:1450px){}@media(max-width:1100px){.admin-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:28px 16px}.data-grid.with-detail{grid-template-columns:minmax(0,1fr)}.detail{position:static;grid-row:1}}@media(max-width:760px){header.site{height:80px;padding:0 22px}.wrap{padding:0 22px}.header-actions{gap:15px}.brand{font-size:var(--text-body)}.brand img{width:36px;height:36px}.header-actions .quiet{font-size:var(--text-small)}.bottom-line{font-size:var(--text-small);gap:20px}.narrow{margin:35px auto 60px;max-width:500px}.narrow h1{font-size:var(--text-title)}.panel{padding:22px}.account-top{padding:32px 0 24px;align-items:start;flex-direction:column;gap:12px}.account-top h1{font-size:var(--text-title)}.balance-card{padding:26px}.balance{font-size:var(--text-display)}.history{padding:32px 0 45px}.section-head{align-items:start;flex-direction:column;gap:8px;margin-bottom:12px}.history h2{font-size:var(--text-section)}td,th{padding:16px 10px;font-size:var(--text-small)}.table-wrap{max-width:100%}.history .hide-mobile{display:none}.admin-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:20px 22px 12px;gap:16px}.sidebar>div:first-child{display:flex;justify-content:space-between;align-items:center}.sidebar .eyebrow{margin:0}.admin-nav a{padding:0 0 15px;white-space:nowrap;border-radius:0;border-bottom:2px solid transparent;font-size:var(--text-small)}.admin-nav a.active{background:none;border-color:var(--accent)}.nav-icon{display:none}.admin-main{padding:28px 22px 50px}.admin-title{align-items:start;gap:14px;padding-bottom:22px;margin-bottom:22px}.admin-title h1{font-size:var(--text-title)}.admin-title p{font-size:var(--text-small)}.admin-title .eyebrow{display:none}.admin-table .hide-mobile{display:none}.data-grid{gap:20px}.detail{padding:22px}.button{font-size:var(--text-body)}.narrow .actions .button{flex:1}.chips button{flex:1;padding:9px 12px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,color .15s}.panel,.detail{animation:enter .2s ease-out}@keyframes enter{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}
.setup-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:start;max-width:1120px}.setup-grid .panel{min-width:0}.setup-grid h3{margin-top:22px}.fixture-row{padding:22px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.fixture-row .actions{gap:20px;margin-top:8px}.fixture-url{font-size:var(--text-small);margin-top:10px;overflow-wrap:anywhere;color:var(--muted)}.checkbox-field{display:flex;align-items:center;gap:12px;font-size:var(--text-body)}.checkbox-field input{width:20px;height:20px;margin:0;accent-color:var(--dark)}.context-check{max-width:750px;margin-top:32px;padding:20px 0;border-top:1px solid var(--line)}.context-check summary{cursor:pointer;font-size:var(--text-body)}.context-check .field{margin:20px 0}.context-check h3{font-size:var(--text-body)}.admin-nav a{line-height:1.35}@media(max-width:1000px){.setup-grid{grid-template-columns:1fr}}@media(max-width:760px){.admin-nav a{padding-bottom:10px}.setup-grid{gap:18px}.setup-grid .panel{padding:24px}.setup-grid h2{font-size:var(--text-section)}}

.compact-call{margin-top:16px}

/* Owner OT1846/1847 ordinary text editing */
.account-phone{display:block}.name-panel{margin:28px 0}.name-panel .form{max-width:480px}.prompt-groups{display:grid;gap:24px}.prompt-editor+ .prompt-editor{border-top:1px solid var(--line,#ddd);margin-top:24px;padding-top:24px}textarea{box-sizing:border-box;width:100%;font:inherit;line-height:1.55;border:1px solid var(--line);border-radius:8px;padding:12px;resize:vertical;min-width:0}textarea:focus{outline:2px solid var(--accent);outline-offset:2px}textarea[aria-invalid=true]{border-color:#a32c20}

.auth-options { display: grid; gap: 12px; justify-items: start; margin-top: 14px; }
.auth-options .button { width: 100%; }
.profile-line { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 14px; margin-top: 10px; }
.profile-line .identity { margin: 0; }
.profile-line .row-link { font-size:var(--text-body); }
.name-panel { margin: 0 0 18px; }
.balance-card .actions { margin-top: 16px; }
.balance-card .button:not(.secondary) { background: #ff7700; color: #19191b; }
.balance-card .button:not(.secondary):hover { background: #ed6d00; }
.balance-summary p { margin: 0; }
.demo-payment { border-top: 1px solid var(--line); padding-top: 16px; }
.demo-payment p { margin: 0; }
.mobile-meta { display: none; }
.status.failed { background: #f9e5e1; color: #842921; }
.nav-group { display: grid; gap: 5px; }
.primary-nav a { font-weight: 500; color: var(--ink); }
.search-bar { margin-bottom: 22px; }
.search-bar p { margin-top: 6px; }
.selected-row { background: var(--brand-lavender); }
.sip-add { margin-top: 14px; }

@media (max-width: 760px) {
  .mobile-meta { display: block; margin-top: 5px; font-size:var(--text-small); color: var(--muted); }
  .admin-nav { gap: 10px; }
  .nav-group { display: flex; flex-wrap: wrap; column-gap: 16px; }
  .primary-nav a { font-size:var(--text-body); }
  .balance-card .actions a { width: 100%; }
}

.admin-shell .field input,
.admin-shell .field select,
.admin-shell .field textarea,
.admin-shell .button,
.admin-shell .eyebrow,
.admin-shell strong { font-weight: 400; }
.admin-shell .admin-nav a.active { font-weight: 500; }
.admin-logout { min-height: 44px; }
.icon-button {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  background: transparent;
  color: var(--ink);
  border-radius: 8px;
}
.icon-button:hover { background: var(--sage); }
.call-dialog {
  width: min(480px, calc(100% - 32px));
  max-width: none;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
  color: var(--ink);
}
.call-dialog::backdrop { background: rgb(25 25 27 / .35); }
.call-dialog-content { padding: 24px; }
.call-dialog-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.call-number { margin-top: 14px; font-size: var(--text-title); font-weight: 700; white-space: nowrap; }
body:has(.call-dialog[open]) { overflow: hidden; }

@media (max-width: 760px) {
  .sidebar-bottom { display: flex; align-items: center; justify-content: space-between; }
}

/* Customer cabinet and profile */
.profile-trigger {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 4px 9px 4px 4px;
  border: 1px solid var(--line);
  border-radius: 24px;
  text-decoration: none;
  font-weight: 500;
}
.profile-trigger:hover, .profile-trigger[aria-current="page"] { background: var(--lavender-hover); }
.profile-avatar {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: 50%;
  background: var(--brand-lavender);
  color: #372751;
}
.profile-trigger-name { max-width: min(24vw, 180px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cabinet-home { max-width: 1000px; margin: 0 auto; }
.cabinet-heading { padding: 39px 0 25px; }
.cabinet-heading h1, .profile-page h1 { font-weight: 700; }
.cabinet-cards { display: grid; grid-template-columns: minmax(0, 1.13fr) minmax(0, 1fr); gap: 18px; }
.cabinet-cards .balance-card, .makar-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 218px;
  padding: 25px 28px;
  border-radius: 22px;
}
.balance-summary h2 { font-size: var(--text-body); font-weight: 500; }
.balance-summary p { margin-top: 6px; }
.cabinet-cards .button, .profile-form .button { border-radius: 26px; }
.cabinet-cards .balance-card .button { font-weight: 700; }
.makar-card { background: #ffe9d8; overflow: hidden; isolation: isolate; }
.makar-card-content { display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between; flex: 1; z-index: 1; max-width: 60%; }
.makar-card h2 { font-weight: 700; line-height: 1.12; text-wrap: balance; }
.makar-card .button { gap: 0; padding-inline: 16px; text-align: center; }
.makar-card-art { position: absolute; width: 49%; max-width: 210px; aspect-ratio: 1; right: 0; bottom: -3px; }
.makar-card-art::before { content: ""; position: absolute; inset: 9% 10% 8% 5%; border-radius: 50%; background: #ffd4aa; }
.makar-card-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.cabinet-home .history { padding-top: 32px; }
.activity-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin-bottom: 20px; }
.activity-heading h2 { font-weight: 700; }
.activity-filters { display: flex; flex-wrap: wrap; gap: 4px; border-radius: 24px; }
.activity-filters button { min-height: 44px; padding: 7px 12px; background: transparent; border-radius: 20px; color: var(--muted); font-size: var(--text-small); }
.activity-filters button[aria-pressed="true"] { background: var(--brand-lavender); color: #302347; font-weight: 700; }
.activity-filters button:hover { background: var(--lavender-hover); }
.activity-day + .activity-day { margin-top: 17px; }
.activity-day h3 { padding: 6px 0; color: var(--muted); font-size: var(--text-small); font-weight: 500; }
.activity-day ul { list-style: none; margin: 0; padding: 0; }
.activity-row { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 62px; padding: 9px 0; border-bottom: 1px solid var(--line); }
.activity-icon { display: grid; place-items: center; align-self: start; width: 38px; height: 26px; }
.activity-payment { background: #faeedc; color: #69462c; }
.activity-label { overflow-wrap: anywhere; }
.activity-label .row-link { margin-top: 4px; min-height: 28px; }
.activity-label strong, .activity-amount { font-weight: 700; }
.activity-credit { color: var(--brand-ink); }
.profile-page { max-width: 720px; margin: 37px auto 60px; }
.profile-page .back { min-height: 44px; align-items: center; margin-bottom: 8px; }
.profile-list { padding: 0 24px; margin: 20px 0 0; }
.profile-item { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: center; gap: 8px 14px; padding: 12px 0; }
.profile-item + .profile-item { border-top: 1px solid var(--line); }
.profile-item dt { font-weight: 500; }
.profile-item dd { margin: 0; }
.profile-value { color: var(--muted); overflow-wrap: anywhere; }
.profile-item .row-link { min-height: 44px; }
.profile-editor { grid-column: 1 / -1; padding: 0 0 12px; }
.profile-form { max-width: 440px; margin: 4px 0 0; gap: 12px; }
.profile-form p { margin-top: 0; }
.profile-form .button { background: #ff7700; color: #19191b; }
.profile-form .button:hover { background: #ed6d00; }
.profile-feedback { color: var(--brand-ink); font-weight: 500; }
.profile-feedback:empty { display: none; }
@media (max-width: 760px) {
  .cabinet-heading { padding: 27px 0 20px; }
  .cabinet-cards .balance-card, .makar-card { padding: 19px; min-height: 192px; }
  .activity-heading { gap: 9px; margin-bottom: 12px; }
  .profile-page { margin-top: 19px; }
}
@media (max-width: 560px) {
  .cabinet-cards { grid-template-columns: minmax(0, 1fr); gap: 11px; }
  .cabinet-cards .balance-card { min-height: 0; }
  .cabinet-cards .balance-card .actions a { width: auto; }
  .cabinet-cards .makar-card { min-height: 124px; }
  .makar-card h2 { font-size: var(--text-body); }
  .makar-card-content { gap: 12px; }
  .makar-card-art { width: min(44%, 142px); }
  .cabinet-home .history { padding-top: 24px; }
  .activity-filters button { padding-inline: 10px; }
  .activity-row { grid-template-columns: 34px minmax(0, 1fr) auto; gap: 8px; }
  .activity-icon { width: 32px; }
  .profile-list { padding: 0 16px; }
  .profile-item { grid-template-columns: minmax(0, 1fr) auto; gap: 3px 8px; }
  .profile-value { grid-row: 2; }
  .profile-item > dd:nth-of-type(2) { grid-column: 2; grid-row: 1 / span 2; }
}

.phone-verification-actions { margin-top: 12px; }
.tool-panel { max-width: 960px; }
.tool-panel > p { margin-bottom: 10px; }
.tool-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px 22px;
  padding: 18px 0;
}
.tool-row + .tool-row { border-top: 1px solid var(--line); }
.tool-row h3 { font-size: var(--text-body); }
.tool-row p { margin-top: 4px; }
.tool-row .tool-result { grid-column: 1 / -1; }
@media (max-width: 560px) {
  .tool-row { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .tool-row .button { justify-self: start; }
}


:root {
  --brand-lavender: #f5f1ff;
  --lavender-hover: color-mix(in srgb, var(--brand-lavender) 65%, var(--brand-paper));
  --paper: var(--brand-paper);
  --white: #fff;
  --ink: var(--brand-ink);
  --muted: var(--brand-muted);
  --line: var(--brand-line);
  --accent: var(--brand-orange);
  --accent-light: var(--brand-peach);
  --sage: var(--brand-lavender);
  --dark: var(--brand-orange);
  --field-fill: #f7f6fa;
  --field-focus: #fff;
  --field-focus-mark: #90839f;
  --radius: 22px;
  scrollbar-color: color-mix(in srgb, var(--brand-lavender) 58%, #c1adfb) var(--paper);
}
body {
  min-height: 100dvh;
  background: var(--paper);
}
body[data-area="user"] #app { min-height: 100dvh; display: flex; flex-direction: column; }
body[data-area="user"] .wrap { width: 100%; flex: 1; }
:root body :is(input:not([type="checkbox"], [type="radio"]), textarea, select):focus:not([aria-invalid="true"]) {
  box-shadow: inset 0 0 0 1px var(--field-focus-mark);
}
:root body :is(input:not([type="checkbox"], [type="radio"]), textarea, select)[aria-invalid="true"] {
  box-shadow: inset 0 -2px var(--error, #a32c20);
}
header.site { width: 100%; height: 82px; }
header.site .brand, .sidebar .brand { width: min(150px, 38vw); height: auto; }
header.site .brand img, .sidebar .brand img { display: block; width: 100%; height: auto; }
.header-actions { min-width: 0; }
.profile-trigger { background: var(--brand-lavender); border: 0; padding-inline: 5px 12px; }
.profile-avatar { overflow: hidden; }
.profile-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.customer-avatar { background: #eae3f6; color: #695c7d; }
.profile-item .profile-edit { color: var(--brand-muted); }
.profile-item .profile-edit:is(:hover, :focus-visible, [aria-expanded="true"]) { background: var(--brand-lavender); color: var(--brand-orange); }
.profile-trigger, .icon-button, .button, .admin-nav a, .activity-filters button {
  transition: background-color 180ms var(--brand-ease), color 180ms var(--brand-ease), border-color 180ms var(--brand-ease);
}
:root .button,
:root .button.dark,
:root .balance-card .button:not(.secondary),
:root .profile-form .button {
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--brand-orange);
  color: #fff;
  font-weight: 700;
  gap: 8px;
  text-align: center;
}
:root .button:not(.secondary):hover { background: var(--brand-orange-hover); }
:root .button.secondary {
  border: 1px solid transparent;
  background: var(--brand-lavender);
  color: var(--brand-ink);
}
:root .button.secondary:hover { background: var(--brand-peach); }
:root .button:disabled { opacity: .55; cursor: not-allowed; }
:root :is(.quiet, .row-link, .back) {
  color: var(--brand-ink);
  font-size: var(--text-action-size);
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: .22em;
}
@media (hover: hover) {
  :root :is(.quiet, .row-link, .back):hover { color: var(--brand-orange); }
}
:root .icon-button { border-radius: 50%; }
:root .icon-button:hover { color: var(--brand-orange); }
.panel, .detail, body[data-area] .site-modal { background: var(--paper); border: 0; }
.auth-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin-top: 24px;
  padding: 6px;
  border-radius: 18px;
  background: var(--brand-lavender);
}
.auth-switch a {
  display: grid;
  place-items: center;
  min-height: 44px;
  padding: 8px 4px;
  border-radius: 14px;
  text-decoration: none;
  color: var(--brand-muted);
  font-weight: 500;
  text-align: center;
}
.auth-switch a[aria-current="page"] {
  color: var(--brand-ink);
  background: var(--brand-paper);
}
.auth-switch a:hover { color: var(--brand-orange); }
.auth-options .button { text-wrap: balance; }
.auth-options .auth-alternate { color: var(--brand-muted); }
.wrap > .narrow { margin-block: clamp(30px, 7vw, 72px); }
.cabinet-footer { width: min(100%, 1240px); padding: 16px 40px 22px; margin-inline: auto; }
.cabinet-footer .footer-document-links { border-top: 1px solid var(--line); padding-top: 10px; }
.registration-checks { display: grid; gap: 12px; }
.registration-check { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; align-items: start; font-size: var(--text-action-size); }
:is(.registration-check, .checkbox-field) input[type="checkbox"] {
  appearance: none;
  display: grid;
  place-content: center;
  margin: 2px 0 0;
  inline-size: 19px;
  block-size: 19px;
  border: 0;
  border-radius: 7px;
  background: var(--field-fill);
  cursor: pointer;
  transition: background-color 280ms ease;
}
:is(.registration-check, .checkbox-field) input[type="checkbox"]:checked { background: var(--brand-orange); }
:is(.registration-check, .checkbox-field) input[type="checkbox"]:checked::after {
  content: "";
  width: 15px;
  height: 15px;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 8 3 3 6-6' fill='none' stroke='white' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
:root :is(.registration-check, .checkbox-field) input[type="checkbox"]:is(:focus, [aria-invalid="true"]) {
  outline: none;
}
:root :is(.registration-check, .checkbox-field) input[type="checkbox"]:focus-visible {
  box-shadow: inset 0 -2px var(--brand-muted);
}
@media (forced-colors: active) {
  :root :is(.registration-check, .checkbox-field) input[type="checkbox"] { appearance: auto; }
  :root :is(.registration-check, .checkbox-field) input[type="checkbox"]:focus-visible { outline: 2px solid Highlight; }
}
.registration-check label { cursor: pointer; }
.registration-check .text-action { display: inline; min-height: 0; padding: 0; font-size: inherit; }
[aria-invalid="true"] { outline: 2px solid #a32c20; outline-offset: 2px; }
.cabinet-heading h1 { font-size: var(--text-display); font-weight: 800; letter-spacing: -.045em; }
.cabinet-home .balance-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, .7fr);
  gap: clamp(10px, 3vw, 38px);
  min-height: 260px;
  position: relative;
  isolation: isolate;
  background: color-mix(in srgb, var(--brand-lavender) 44%, var(--brand-paper));
  border: 0;
  border-radius: 28px;
  padding: 0;
}
.balance-art { --art-center: 46%; position: relative; min-width: 0; isolation: isolate; pointer-events: none; }
.balance-art::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(86%, 246px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: color-mix(in srgb, var(--brand-peach) 56%, var(--brand-paper));
  inset: auto auto 8px var(--art-center);
  translate: -50% 0;
}
.balance-art img {
  position: absolute;
  inset: auto auto 0 var(--art-center);
  translate: -50% 0;
  width: min(121%, 394px);
  max-width: none;
  height: auto;
}
.balance-content { position: relative; z-index: 1; min-width: 0; padding: 26px 0 26px clamp(20px, 4vw, 48px); display: grid; align-content: center; justify-items: start; }
.balance-summary .balance { margin: 6px 0 0; }
.balance-content .actions { max-width: 100%; flex-wrap: wrap; gap: 10px; margin: 20px 0 0; }
.balance-content .actions .button { min-height: 44px; padding: 10px 17px; }
.activity-groups, .activity-heading, .activity-day, .cabinet-home { min-width: 0; }
.activity-actions { display: flex; flex-wrap: wrap; column-gap: 12px; }
.activity-filters {
  display: inline-grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  background: var(--brand-lavender);
  border-radius: 18px;
}
.activity-filters button {
  min-height: 40px;
  padding: 4px 7px;
  border-radius: 14px;
  color: var(--brand-muted);
  font-size: var(--text-action-size);
  font-weight: 500;
}
.activity-filters button[aria-pressed="true"] { background: var(--brand-paper); color: var(--brand-ink); font-weight: 500; }
.activity-filters button:hover { color: var(--brand-ink); background: var(--brand-paper); }
@media (max-width: 420px) {
  .auth-switch a { font-size: var(--text-action-size); }
  .activity-filters { width: 100%; grid-template-columns: minmax(0, .75fr) minmax(0, 1fr) minmax(0, 1.25fr); }
  .activity-filters button { padding-inline: 3px; }
}
.activity-call { color: #ad99cb; }
.activity-succeeded { color: #8ab39a; }
.activity-attention { color: #cbaaad; }
.activity-failed { color: #ce7279; }
.activity-failed + .activity-label .activity-detail { color: #a12a30; font-weight: 600; }
.activity-credit { color: var(--brand-ink); }
.payment-details { margin: 0 0 16px; }
.payment-details > div { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 8px; border-bottom: 1px solid var(--line); padding: 7px 0; }
.payment-details dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.admin-shell { min-height: calc(100dvh - 82px); }
header.admin-header { max-width: none; padding-inline: 24px; }
.admin-header .header-actions { gap: 8px; }
.admin-menu-toggle { display: none; }
.sidebar { background: var(--paper); }
.admin-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.admin-profile { display: flex; align-items: center; gap: 8px; background: var(--brand-lavender); padding: 4px 10px 4px 4px; border-radius: 999px; font-weight: 500; }
.admin-profile .profile-avatar { background: var(--brand-peach); }
.admin-nav a { border-radius: 12px; }
@media (hover: hover) {
  .admin-nav a:not(.active):hover { background: #f4f3f7; color: var(--ink); }
}
body[data-area="admin"] {
  --text-small: 13px;
  --text-body: 16px;
  --text-section: 22px;
  --text-title: 32px;
  --text-display: var(--text-title);
}
.admin-title h1 { font-size: clamp(26px, 4vw, var(--text-title)); line-height: 1.12; font-weight: 700; letter-spacing: -.025em; }
.admin-main h2 { font-size: var(--text-section); line-height: 1.2; font-weight: 700; letter-spacing: -.02em; }
.admin-main h3, .admin-main label { font-size: var(--text-body); font-weight: 500; }
.admin-title p, .admin-main .field small { line-height: 1.45; }
.admin-main .field :is(input, select, textarea), .admin-main .setting-line input { font-size: var(--text-body); font-weight: 400; }
.admin-main .setting-line span { font-size: var(--text-small); }

.call-settings { width: min(100%, 520px); }
.settings-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  width: min(100%, 360px);
  margin-bottom: 12px;
  padding: 4px;
  background: var(--brand-lavender);
  border-radius: 18px;
}
.settings-tabs button {
  min-height: 40px;
  padding: 6px 8px;
  border-radius: 14px;
  background: transparent;
  color: var(--brand-muted);
  font-size: var(--text-action-size);
  font-weight: 500;
  transition: background-color 180ms var(--brand-ease), color 180ms var(--brand-ease);
}
.settings-tabs button[aria-selected="true"] { background: var(--brand-paper); color: var(--brand-ink); }
.settings-tabs button:hover { color: var(--brand-ink); }
.settings-panel.panel {
  padding: clamp(18px, 3vw, 24px);
  background: var(--brand-lavender);
}
.settings-panel:not([hidden]) { animation: cabinet-reveal 340ms ease-out; }
.settings-panel .form { margin-top: 16px; gap: 12px; }
.settings-panel .feedback:empty, .settings-panel .error:empty { display: none; }
header.site, .sidebar, .admin-title, .profile-item + .profile-item, .cabinet-footer .footer-document-links { border: 0; }
.admin-main .detail-close { margin: 0; }
.admin-nav a.active { color: var(--brand-ink); background: var(--brand-lavender); }
.nav-icon { width: 24px; flex: 0 0 24px; display: inline-grid; place-items: center; color: #777181; }
.admin-nav a.active .nav-icon { color: #65547b; }
.nav-icon use[href$="#star-medium"] { transform: scale(1.1); transform-origin: center; }
.admin-shell td { font-weight: 400; }

.call-log {
  --call-row-fill: color-mix(in srgb, var(--brand-lavender) 38%, var(--paper));
  --call-row-inset: clamp(16px, 2.2vw, 28px);
}
.call-log .search-bar { margin-bottom: clamp(28px, 4vw, 44px); }
.call-log .search { width: min(100%, 460px); gap: 10px; }
.call-log .search input { min-height: 54px; padding-inline: 18px; border-radius: 22px; }
.call-log .search-bar p { margin-top: 8px; }
.call-log .data-grid > div { min-width: 0; }
.call-log .table-wrap { container-type: inline-size; }
.call-log .admin-table { border-collapse: separate; border-spacing: 0 8px; }
.call-log .admin-table .hide-mobile { display: table-cell; }
.call-log .mobile-meta { display: none; }
.call-log .admin-table :is(th, td) { padding-inline: 10px; border: 0; }
.call-log .admin-table :is(th, td):first-child { padding-inline-start: var(--call-row-inset); }
.call-log .admin-table :is(th, td):last-child { padding-inline-end: var(--call-row-inset); }
.call-log .admin-table th { padding-block: 0 4px; }
.call-log .admin-table td { padding-block: 20px; background: var(--call-row-fill); }
.call-log .admin-table td:first-child { border-radius: 22px 0 0 22px; }
.call-log .admin-table td:last-child { border-radius: 0 22px 22px 0; }
.call-log .selected-row { background: none; }
.call-log .selected-row td { background: var(--brand-lavender); }
.call-log .selected-row .status:not(.refund) { background: var(--brand-paper); }
.call-log .status { border-radius: 999px; padding: 5px 11px; }
.call-log .table-wrap + p { margin: 14px var(--call-row-inset) 0; }
.call-log .detail { padding: clamp(20px, 3vw, 30px); border-radius: 28px; background: var(--call-row-fill); }

@container (max-width: 560px) {
  .call-log .admin-table .hide-mobile { display: none; }
  .call-log .mobile-meta { display: block; margin-top: 6px; color: var(--muted); font-size: var(--text-small); }
  .call-log .admin-table :is(th, td) { padding-inline: 6px; }
  .call-log .admin-table td { padding-block: 16px; }
  .call-log .admin-table th:nth-last-child(2), .call-log .admin-table td.amount { padding-inline-end: var(--call-row-inset); }
  .call-log .admin-table td.amount { border-radius: 0 22px 22px 0; }
  .call-log .status { padding: 3px 8px; }
}

@keyframes cabinet-reveal { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: none; } }
.detail, .wrap[data-enter] { animation: cabinet-reveal 300ms ease-out; }
.profile-item { row-gap: 0; }
.profile-editor { padding: 0; }
.profile-editor[data-moving] { overflow: clip; }
.profile-editor .profile-form { margin: 0; padding: 8px 0 14px; }
.context-check { border: 0; padding: 0; }
.context-check summary {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  min-height: 44px;
  padding: 8px 12px;
  border-radius: 14px;
  color: var(--brand-ink);
  background: var(--brand-lavender);
  font-weight: 500;
  list-style: none;
}
.context-check summary::-webkit-details-marker { display: none; }
.context-check summary svg { transition: transform 300ms var(--brand-ease); }
.context-check[open] summary svg { transform: rotate(90deg); }
.diagnostic-body { display: grid; gap: 14px; padding: 14px 3px 5px; }
.context-check { interpolate-size: allow-keywords; }
.context-check::details-content {
  block-size: 0;
  opacity: 0;
  overflow: clip;
  transition: block-size 380ms ease, opacity 320ms ease, content-visibility 380ms allow-discrete;
}
.context-check[open]::details-content { block-size: auto; opacity: 1; }
@media (max-width: 760px) {
  header.site { height: 66px; }
  .cabinet-footer { padding-inline: 22px; }
  .cabinet-heading h1 { font-size: var(--text-title); }
  header.admin-header { padding-inline: 14px; }
  header.admin-header .brand { width: min(130px, 35vw); }
  .admin-shell { min-height: calc(100dvh - 66px); }
  .admin-menu-toggle { display: inline-grid; }
  .admin-menu-toggle[aria-expanded="true"] svg:first-child,
  .admin-menu-toggle[aria-expanded="false"] svg:last-child { display: none; }
  .admin-shell .sidebar { display: none; }
  .admin-header:has(.admin-menu-toggle[aria-expanded="true"]) + .admin-shell .sidebar {
    display: flex;
    animation: cabinet-reveal 180ms var(--brand-ease);
  }
  .admin-nav, .admin-nav .nav-group { display: grid; gap: 4px; }
  .admin-nav .primary-nav { margin-bottom: 8px; }
  .admin-nav a { min-height: 44px; padding: 8px 10px; border: 0; font-size: var(--text-body); white-space: normal; }
  .admin-main { padding-inline: 16px; }
  .cabinet-home .balance-card { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .balance-art { display: none; }
  .balance-content { padding: 24px; }
}
@media (max-width: 560px) {
  .balance-content { padding: 20px 16px; }
  .balance-content .actions { margin-top: 14px; }
  .balance-content .actions .button { padding-inline: 10px; font-size: var(--text-action-size); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

.terms-refund-actions {
  padding: 0 clamp(20px, 6vw, 28px) 24px;
}

/* Real API states and previously accepted accessibility fixes. */
/* Keep prompt actions in normal flow above the fields they save. */
.prompt-editor.is-dirty>.actions{position:static}

/* Long server values preserve the existing component width. */
.account-top>div,.account-top h1{min-width:0;max-width:100%;overflow-wrap:anywhere}.detail h3,.facts dd,.fixture-row strong{overflow-wrap:anywhere;min-width:0}
/* Keep table schema stable when a detail opens. */
.with-detail .hide-detail{display:table-cell}.inline-detail>td{padding:10px 0;border:0;white-space:normal}.inline-detail .detail{width:100%;max-width:100%}.load-state{padding:24px}.runtime-note{margin:0 0 18px;color:var(--muted);font-size:14px}.state-actions{display:flex;gap:12px;flex-wrap:wrap}.loading-feedback{font-size:14px}.admin-main .notice-error{margin-bottom:16px}.prompt-editor[aria-busy=true]{opacity:.8}
@media(max-width:760px){.with-detail .hide-mobile{display:none}.account-top{gap:16px}.data-grid.with-detail{display:block}.site .brand,.back{min-height:44px}.facts dd,.detail-head h3{overflow-wrap:anywhere}.detail{max-width:100%}.inline-detail .detail{margin:0}.inline-detail+tr td{padding-top:14px}}
.field-error{display:block;color:#9b352d;font-size:14px;line-height:1.45;margin-top:6px}.status.neutral{color:var(--muted);background:#eeeee8}.inline-detail td{overflow-wrap:anywhere}
.header-actions{min-width:0}.header-actions>.small{min-width:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site .brand,.header-actions>button{flex-shrink:0}

/* Checklist A2: keep the first caller heading visible at phone width. */
@media(max-width:760px){.narrow{margin-top:0}.narrow>.panel,.narrow.panel{padding:20px}.account-top{padding-top:20px}.header-actions>.back{margin:0}.header-actions:has(>.back){gap:0}}
.error,.feedback{font-size:14px}.close,.row-link,.button.small,.quiet{position:relative}.close::after,.row-link::after,.button.small::after,.quiet::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:44px;min-height:44px}.conflict-box{padding:16px;border:1px solid var(--line);border-radius:10px;margin-top:14px}.conflict-box pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px;line-height:1.5}.conflict-box .state-actions{margin-top:12px}
.product-dialog{max-width:calc(100vw - 32px);width:480px;border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--paper);color:var(--ink)}.product-dialog::backdrop{background:#253a3266}.product-dialog h2{margin-top:0}.product-dialog button{min-height:44px}.product-dialog p{font-size:16px}
.client-access{margin-bottom:20px}.client-access summary{cursor:pointer;font-size:16px;min-height:44px;display:flex;align-items:center}.client-access h2{margin-top:0}.client-access .state-actions{margin-top:16px}.client-access input[readonly]{background:var(--paper)}
/* Extend compact navigation hits without moving canonical labels. */
.sidebar .brand,.admin-nav a{position:relative}.sidebar .brand::after,.admin-nav a::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:44px;min-height:44px}.context-check summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
/* The real sign-out control reuses the sidebar header slot, leaving titles full-width. */
.admin-signout{min-height:0!important;padding:0;line-height:inherit}
/* An unlimited invite keeps its draft expiry visible but clearly inactive. */
.field:has(#expires_minutes:disabled){color:var(--muted)}#expires_minutes:disabled{color:var(--muted);background:#e9e8e2;cursor:not-allowed;opacity:1}

/* Preserve canonical checkbox spacing while extending the clickable label invisibly. */
.checkbox-field{position:relative;cursor:pointer}.checkbox-field::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:44px;min-height:44px}

.confirmed-save-note{margin-bottom:20px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.confirmed-save-note p{font-size:14px}.prompt-editor[data-confirmed-save] .dirty{display:none}
/* New measured results and save recovery remain readable and in view. */
.tool-row [role=status],.context-check [role=status]{font-size:14px}.confirmed-save-note{scroll-margin-block:16px}

.balance-card .runtime-note{color:var(--brand-ink)}.conflict-box{scroll-margin:16px}

.conflict-box .state-actions button{min-width:44px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#f1f0e9;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer}.conflict-box .state-actions button:hover{background:#e5e7dd}.conflict-box .state-actions button:focus-visible{outline:2px solid currentColor;outline-offset:3px}

body .error,body .feedback{font-size:14px}.profile-page,.cabinet-heading{overflow-wrap:anywhere}.profile-value{min-width:0}.profile-page .profile-form{max-width:100%}.activity-label{min-width:0;overflow-wrap:anywhere}.activity-amount{white-space:nowrap}.narrow .auth-card{padding:0}.service-state{padding:16px;border-radius:16px;background:var(--brand-lavender);font-size:14px}.service-state:empty{display:none}.profile-edit,.text-action{min-height:44px;min-width:44px}.sidebar[hidden]{display:none}.admin-menu-open .sidebar{display:block}.admin-title h1{overflow-wrap:anywhere}.conflict-box .state-actions button{background:var(--brand-lavender);color:var(--brand-ink);min-height:44px;border:1px solid var(--brand-line);border-radius:22px}.profile-editor .actions{flex-wrap:wrap}.admin-main .client-access{margin-top:16px}.site-modal button{min-height:44px}.price-terms{font-size:14px}

@media(max-width:760px){.profile-page{margin-top:14px}.profile-page h1{margin-top:0}.header-actions:has(>.back){max-width:58%;}.header-actions>.back{font-size:14px}}