/* Reuses Kilaviews brand tokens in both customer and public shells. */
.kv-help-dialog{
  width:min(495px,calc(100vw - 24px));max-width:495px;
  max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;
  margin:auto;padding:0;border:1px solid var(--line-strong);
  border-radius:22px;background:var(--surface);color:var(--ink);
  box-shadow:0 32px 90px #071b3b60;line-height:1.5;
}
.kv-help-dialog::backdrop{background:#0b193cbb;backdrop-filter:blur(5px)}
.kv-help-inner{padding:25px 28px 26px}
.kv-help-header{display:flex;gap:12px;align-items:center}
.kv-help-mark{display:grid;place-items:center;flex:none;width:39px;height:39px;
  color:var(--accent);background:var(--accent-soft);border:1px solid var(--line);
  border-radius:12px;font-size:20px;font-weight:850}
.kv-help-kicker{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--accent)}
.kv-help-header h2{font-size:21px;letter-spacing:-.5px;line-height:1.25;margin:3px 0 0;color:var(--ink)}
.kv-help-close{margin-left:auto;display:grid;place-items:center;width:36px;height:36px;
  min-height:36px;flex:none;border-radius:10px;border:1px solid var(--line);
  background:var(--surface);font-size:24px;color:var(--muted);padding:0;cursor:pointer}
.kv-help-intro{margin:19px 0 17px;color:var(--muted);font-size:13px;line-height:1.6}
.kv-help-account{display:flex;gap:9px;align-items:center;border-radius:10px;border:1px solid var(--line);
  background:var(--surface-soft,var(--soft));padding:11px 13px;font-size:12px;color:var(--muted);margin-bottom:15px}
.kv-help-account strong{color:var(--ink);overflow-wrap:anywhere}
.kv-help-online{display:block;flex:none;width:7px;height:7px;border-radius:50%;background:#14966e}
.kv-help-form{display:grid;gap:7px}
.kv-help-form label{font-size:12px;font-weight:780;color:var(--ink);margin-top:7px}
.kv-help-form select,.kv-help-form input:not(.kv-honeypot),.kv-help-form textarea{
  width:100%;min-width:0;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line-strong);
  border-radius:10px;background:var(--input);font:inherit;font-size:13px;color:var(--ink);min-height:44px}
.kv-help-form textarea{resize:vertical;min-height:100px;line-height:1.55}
.kv-help-hint{margin:2px 0 4px;color:var(--muted);font-size:11px;line-height:1.55}
.kv-help-submit{min-height:46px;margin-top:11px;width:100%;font-size:13px;font-weight:800;cursor:pointer;padding:12px 16px}
.kv-help-submit:disabled{cursor:wait}
.kv-help-error,.kv-help-success{padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:12px}
.kv-help-error{color:var(--danger);border-color:var(--danger);background:var(--danger-bg)}
.kv-help-success{color:#185c42;border-color:#8bcdac;background:#e4f7ee;font-weight:750}
.kv-help-dialog [hidden],.kv-help-dialog .kv-honeypot{display:none!important}
.kv-help-history{margin-top:20px;border-top:1px solid var(--line);padding-top:17px}
.kv-help-history h3{font-size:14px;line-height:1.4;margin:0 0 10px}
.kv-help-ticket{border:1px solid var(--line);padding:11px 12px;border-radius:11px;
  margin-bottom:8px;background:var(--surface-soft,var(--soft))}
.kv-help-ticket-head{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}
.kv-help-ticket-head strong{color:var(--accent);font-size:12px}
.kv-help-ticket p{margin:7px 0 0;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.kv-help-reply{border-left:3px solid var(--accent);margin-top:8px;padding:8px 10px;background:var(--surface)}
.kv-help-reply small{font-weight:750;color:var(--accent)}
.kv-help-guest-footer{font-size:12px;margin:17px 0 0}
.kv-help-guest-footer a{color:var(--accent)}
@media(max-width:540px){.kv-help-inner{padding:20px 18px 22px}.kv-help-dialog{max-height:calc(100dvh - 15px)}}

.kv-support-top{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line-strong);border-radius:10px;padding:9px 12px;color:var(--accent)!important;background:var(--surface);font-weight:800;font-size:12px;text-decoration:none;white-space:nowrap}
.kv-floating-help{position:fixed;right:22px;bottom:20px;z-index:80;display:flex;align-items:center;gap:9px;padding:11px 16px;font-size:13px;font-weight:800;text-decoration:none}
.kv-floating-help>span:first-child{display:grid;place-items:center;border:1px solid #ffffff77;width:22px;height:22px;border-radius:100%}
.kv-help-count{display:inline-grid;place-items:center;border-radius:100px;background:#ec3258;color:white;padding:2px 5px;font-size:10px;min-width:17px;font-weight:900}
.kv-help-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:16px 0;padding-bottom:10px}
.kv-help-tabs button{flex:1;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px;color:var(--muted);font-weight:700}
.kv-help-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}
.kv-help-staff-ticket{border:1px solid var(--line);padding:11px;border-radius:11px;margin-bottom:12px;background:var(--surface-soft,var(--soft))}
.kv-help-staff-ticket p,.kv-help-staff-ticket small{font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.kv-help-staff-ticket textarea{display:block;width:100%;min-height:76px;background:var(--input);border:1px solid var(--line-strong);border-radius:9px;padding:9px;margin-top:9px;color:var(--ink);font:inherit;font-size:12px}
.kv-help-staff-actions{display:flex;gap:9px;margin-top:9px}
.kv-help-staff-actions button{flex:1;padding:9px;font-weight:700;cursor:pointer}
.kv-help-staff-status{font-size:11px;color:var(--accent);margin:8px 0}
/* Every mobile shell already has a visible Support control in its header.
   The duplicate fixed bottom CTA obscured quantity fields at 320/390 CSS px. */
@media(max-width:550px){
  .kv-floating-help{display:none}
  .kv-support-top{padding:7px 9px;font-size:11px}
}

/* BRR-05 / Kilaviews visual-only, owner-approved Aurora Views v0.4.
   Source: approved Volyant R12B. No geometry/layout changes. */
:root{
 color-scheme:light;
 font-family:"Inter Volyant",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
 --bg:#f7f9ff;--surface:#ffffff;--surface-soft:#f2f1fb;--soft:#f2f1fb;
 --ink:#172039;--muted:#536078;--line:#dbd9ef;--line-strong:#bdc0dd;
 --accent:#5e47a9;--accent-hover:#493593;--accent-soft:#eee8fc;--focus:#6249b4;
 --input:#fff;--shadow:0 16px 48px rgba(45,32,92,.10);
 --danger:#a52c47;--danger-bg:#fff0f3;--success:#176c54;--success-bg:#e6f6ee;
 --warn:#85571e;--warn-bg:#fff5df;--warning:#85571e;--warning-bg:#fff5df;
}
:root[data-theme="dark"]{
 color-scheme:dark;
 --bg:#090e1d;--surface:#171b35;--surface-soft:#202543;--soft:#202543;
 --ink:#f7f9ff;--muted:#b7bdd5;--line:#393453;--line-strong:#605479;
 --accent:#c4a6fa;--accent-hover:#d9b9ff;--accent-soft:#32254d;--focus:#8cffae;
 --input:#10162b;--shadow:0 19px 55px rgba(2,4,15,.27);
 --danger:#ff9baa;--danger-bg:#452339;--success:#8cffae;--success-bg:#17392f;
 --warn:#f5cf91;--warn-bg:#433521;--warning:#f5cf91;--warning-bg:#433521;
}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]):not([data-theme="dark"]){
  color-scheme:dark;
  --bg:#090e1d;--surface:#171b35;--surface-soft:#202543;--soft:#202543;
  --ink:#f7f9ff;--muted:#b7bdd5;--line:#393453;--line-strong:#605479;
  --accent:#c4a6fa;--accent-hover:#d9b9ff;--accent-soft:#32254d;--focus:#8cffae;
  --input:#10162b;--shadow:0 19px 55px rgba(2,4,15,.27);
  --danger:#ff9baa;--danger-bg:#452339;--success:#8cffae;--success-bg:#17392f;
  --warn:#f5cf91;--warn-bg:#433521;--warning:#f5cf91;--warning-bg:#433521;
 }
}
:root{
 --kv-aurora-ink:#6143a0;
 --kv-aurora-panel:linear-gradient(107deg,rgba(187,124,250,.078),rgba(84,215,220,.047) 45%,rgba(140,255,174,.061) 80%),var(--surface);
}
:root[data-theme="dark"]{
 --kv-aurora-ink:#b3a7ff;
 --kv-aurora-panel:linear-gradient(107deg,rgba(187,124,250,.14),rgba(84,215,220,.065) 45%,rgba(140,255,174,.075) 80%),var(--surface);
}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]):not([data-theme="dark"]){
  --kv-aurora-ink:#b3a7ff;
  --kv-aurora-panel:linear-gradient(107deg,rgba(187,124,250,.14),rgba(84,215,220,.065) 45%,rgba(140,255,174,.075) 80%),var(--surface);
 }
}
body{
 font-family:"Inter Volyant",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
 color:var(--ink);
 background-color:var(--bg);
 background-image:
  radial-gradient(ellipse 65% 38% at 76% -8%,rgba(187,124,250,.21),transparent 77%),
  radial-gradient(ellipse 39% 25% at 98% 16%,rgba(84,215,220,.095),transparent 87%),
  radial-gradient(ellipse 40% 24% at 5% 58%,rgba(140,255,174,.048),transparent 85%);
 background-attachment:fixed;
}
:root[data-theme="dark"] body{
 background-image:
  radial-gradient(ellipse 65% 38% at 76% -8%,rgba(187,124,250,.21),transparent 77%),
  radial-gradient(ellipse 38% 27% at 97% 16%,rgba(84,215,220,.11),transparent 87%),
  radial-gradient(ellipse 40% 24% at 5% 57%,rgba(140,255,174,.068),transparent 85%);
}
:is(.brand,.invoice-preparing-logo){font-family:"Inter Volyant",Inter,system-ui,sans-serif}
.brand{color:var(--ink);font-weight:800}
.brand::before{
 content:"";display:inline-block;vertical-align:middle;
 width:30px;height:30px;flex:0 0 30px;margin-right:8px;
 background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4IiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IktpbGF2aWV3cyDigJQgQXVyb3JhIFZpZXdzIj48ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJiYW5kMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI5IiB5MT0iMzUiIHgyPSIxMjIiIHkyPSI4NCI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmODZjOSIvPjxzdG9wIG9mZnNldD0iLjMzIiBzdG9wLWNvbG9yPSIjYmI3Y2ZhIi8+PHN0b3Agb2Zmc2V0PSIuNjYiIHN0b3AtY29sb3I9IiM1NGQ3ZGMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4Y2ZmYWUiLz48L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9ImJhbmQyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjciIHkxPSI5MCIgeDI9IjExNiIgeTI9IjQzIj48c3RvcCBzdG9wLWNvbG9yPSIjZjg4Y2RkIi8+PHN0b3Agb2Zmc2V0PSIuNiIgc3RvcC1jb2xvcj0iIzkxYjRmZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2I3ZmZkMiIvPjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0iaXJpcyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0MiIgeTE9Ijg0IiB4Mj0iODMiIHkyPSI0MSI+PHN0b3Agc3RvcC1jb2xvcj0iI2JiN2NmYSIvPjxzdG9wIG9mZnNldD0iLjQ1IiBzdG9wLWNvbG9yPSIjNTRkN2RjIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOGNmZmFlIi8+PC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPjxwYXRoIGQ9Ik0xNSA2NCBDNDAgMzEgODggMzEgMTEzIDY0IiBzdHJva2U9InVybCgjYmFuZDEpIiBzdHJva2Utd2lkdGg9IjEwIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48cGF0aCBkPSJNMTUgNjQgQzQxIDk4IDg5IDk4IDExMyA2NCIgc3Ryb2tlPSJ1cmwoI2JhbmQyKSIgc3Ryb2tlLXdpZHRoPSIxMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTUzIDc4IEExOCAxOCAwIDEgMSA4MiA2MyIgc3Ryb2tlPSJ1cmwoI2lyaXMpIiBzdHJva2Utd2lkdGg9IjcuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PGNpcmNsZSBjeD0iNjQiIGN5PSI2NCIgcj0iNiIgZmlsbD0iIzBkMTQyNSIvPjwvc3ZnPgo=") center/contain no-repeat;
}
:is(.topbar-inner,.header-inner){
 background-image:linear-gradient(104deg,rgba(187,124,250,.10),rgba(84,215,220,.055) 55%,rgba(140,255,174,.06));
 background-color:var(--surface);
 border-color:var(--line);
 box-shadow:0 10px 38px rgba(21,17,55,.075),inset 0 1px 0 rgba(187,124,250,.16);
}
:is(.card,.work-panel,.order-panel,.detail-panel,.account-panel,.account-summary,.account-side,.checkout-summary,.checkout-side,
 .policy-card,.kv-policy-overview,.kv-policy-article,.kv-form-panel,.kv-policy-assist,.kv-support-side,
 .auth-dialog,.kv-help-dialog,.invoice-preparing-card,.account-dialog,.billing-plan,.quota-card){
 background:var(--kv-aurora-panel);
 border-color:var(--line);
 box-shadow:var(--shadow);
}
:is(.input-line,.record-preview,.calculation,.plan-list,.billing-quote,.url-preview,.account-method-row,.kv-overview-point){
 border-color:var(--line);
}
:is(input,textarea,select,.auth-text-field):not([type="checkbox"]):not([type="radio"]){
 background-color:var(--input);
 color:var(--ink);
 border-color:var(--line-strong);
}
:is(input,textarea,select,button,a,summary):focus-visible{
 outline:3px solid var(--focus);
 outline-offset:3px;
}
:is(.kicker,.eyebrow,.kv-eyebrow,.step-no,.panel-note,.section-marker){color:var(--kv-aurora-ink)}
/* Action button visuals are owned by the exact SYS-04 component block in the shell stylesheet. */
:is(.amount-chip.is-active,.billing-tab.is-selected,.payment-choice.is-selected,.locale-option.is-active,.kv-locale-option.is-active,
 .kv-help-tabs button[aria-pressed=true]){
 background:linear-gradient(110deg,rgba(187,124,250,.16),rgba(84,215,220,.08) 56%,rgba(140,255,174,.13));
 border-color:var(--accent);
 color:var(--ink);
}
:is(.status-running,.status-target_reached,.status-tag.completed,.kv-success){color:var(--success)}
:is(.status-fatal_error,.auth-login-error,.inline-error){color:var(--danger)}
:is(.auth-dialog::backdrop,.kv-help-dialog::backdrop){background:rgba(4,7,20,.78);backdrop-filter:blur(8px)}
/* Provider-owned brand colors and underlying click targets are deliberately unchanged. */
@media(max-width:560px){
 .brand::before{width:25px;height:25px;flex-basis:25px;margin-right:5px}
}
@media(prefers-reduced-motion:reduce){
 :is(.primary-action,.small-cta,.kv-primary,button.primary){transition:none}
}

/* SYS-04 secondary action mapped to the floating support trigger without
   surrendering its fixed-position product behavior. */
.kv-floating-help{
  position:fixed!important;
  left:auto!important;
  right:22px!important;
  bottom:20px!important;
  width:auto!important;
  min-height:48px!important;
  border-radius:4px!important;
  border:1px solid rgba(147,228,218,.18)!important;
  background:linear-gradient(128deg,rgba(8,24,43,.92),rgba(24,21,48,.94) 74%,rgba(41,28,54,.96))!important;
  color:#e8f5ff!important;
  padding:0 22px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.20)!important;
  overflow:hidden;
  isolation:isolate;
}
.kv-floating-help::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse at 18% 18%,rgba(89,255,183,.16),transparent 48%),
    radial-gradient(ellipse at 84% 78%,rgba(185,106,245,.18),transparent 46%),
    linear-gradient(180deg,rgba(255,255,255,0),rgba(89,255,183,.08) 36%,rgba(185,106,245,.08) 68%,rgba(255,255,255,0));
  opacity:.95;
}
.kv-floating-help::after{
  content:"";position:absolute;inset:-18% -10%;z-index:1;pointer-events:none;mix-blend-mode:screen;
  background:
    repeating-linear-gradient(118deg,rgba(255,255,255,0) 0 14px,rgba(147,255,213,.07) 15px 16px,rgba(255,255,255,0) 17px 32px),
    linear-gradient(118deg,rgba(255,255,255,0) 8%,rgba(89,255,183,.11) 34%,rgba(180,106,245,.10) 64%,rgba(255,255,255,0) 92%);
  opacity:.58;transform:translateX(-1%) scale(1.02);
}
.kv-floating-help:hover{border-color:rgba(155,255,208,.45)!important;box-shadow:0 15px 36px rgba(0,0,0,.28),0 0 28px rgba(17,181,177,.10)!important}