/* KJ Pixel Polish & Global UI Modernization v3.8.0
   Global visual normalization for panel, admin, auth and public customer flows.
   No route, form action or business-logic changes. */

:root{
  --kj-polish-radius-xs:9px;
  --kj-polish-radius-sm:12px;
  --kj-polish-radius-md:16px;
  --kj-polish-radius-lg:22px;
  --kj-polish-radius-xl:30px;
  --kj-polish-control-h:46px;
  --kj-polish-control-bg:color-mix(in srgb,var(--panel) 92%,var(--bg));
  --kj-polish-control-hover:color-mix(in srgb,var(--panel) 88%,var(--brand) 12%);
  --kj-polish-border:color-mix(in srgb,var(--line) 84%,transparent);
  --kj-polish-border-strong:color-mix(in srgb,var(--brand) 26%,var(--line));
  --kj-polish-shadow:0 16px 42px color-mix(in srgb,var(--text) 7%,transparent),0 2px 8px color-mix(in srgb,var(--text) 4%,transparent);
  --kj-polish-shadow-hover:0 24px 58px color-mix(in srgb,var(--text) 10%,transparent),0 3px 10px color-mix(in srgb,var(--text) 5%,transparent);
  --kj-polish-focus:0 0 0 4px color-mix(in srgb,var(--brand) 13%,transparent);
  --kj-polish-ease:cubic-bezier(.2,.82,.2,1);
}

:root[data-theme="dark"]{
  --kj-polish-control-bg:color-mix(in srgb,var(--panel) 94%,#fff 6%);
  --kj-polish-shadow:0 18px 48px rgba(0,0,0,.25),0 2px 8px rgba(0,0,0,.16);
  --kj-polish-shadow-hover:0 26px 68px rgba(0,0,0,.34),0 3px 12px rgba(0,0,0,.2);
}

html{scroll-padding-top:96px}
body[data-kj-pixel-polish="v3.8.0"]{letter-spacing:-.005em}
body[data-kj-pixel-polish="v3.8.0"] :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid color-mix(in srgb,var(--brand) 74%,#fff);
  outline-offset:3px;
}
body[data-kj-pixel-polish="v3.8.0"] :where(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}
body[data-kj-pixel-polish="v3.8.0"] :where(button,input,select,textarea){font-family:inherit}
body[data-kj-pixel-polish="v3.8.0"] :where(button,[role="button"]):not(:disabled){cursor:pointer}
body[data-kj-pixel-polish="v3.8.0"] :where(button,input,select,textarea):disabled{cursor:not-allowed;opacity:.58;filter:saturate(.72)}

/* Top reading progress */
.kj-page-progress{position:fixed;z-index:9998;top:0;left:0;width:100%;height:3px;pointer-events:none;background:transparent}
.kj-page-progress>i{display:block;width:var(--kj-page-progress,0%);height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2),#ffc76a);box-shadow:0 0 18px color-mix(in srgb,var(--brand) 55%,transparent);transition:width .12s linear}

/* Page rhythm and headings */
body[data-kj-pixel-polish="v3.8.0"] .page-shell{padding-top:30px}
body[data-kj-pixel-polish="v3.8.0"] .page-shell>*+*{scroll-margin-top:92px}
body[data-kj-pixel-polish="v3.8.0"] .panel-heading,
body[data-kj-pixel-polish="v3.8.0"] .section-title,
body[data-kj-pixel-polish="v3.8.0"] .kj-page-head{
  position:relative;
}
body[data-kj-pixel-polish="v3.8.0"] .panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
body[data-kj-pixel-polish="v3.8.0"] .panel-heading>div:first-child{min-width:0}
body[data-kj-pixel-polish="v3.8.0"] .panel-heading h1,
body[data-kj-pixel-polish="v3.8.0"] .workspace-hero h1{
  font-size:clamp(32px,4.2vw,58px);
  line-height:1.01;
  letter-spacing:-.052em;
  text-wrap:balance;
}
body[data-kj-pixel-polish="v3.8.0"] .panel-heading p:not(.eyebrow),
body[data-kj-pixel-polish="v3.8.0"] .workspace-hero p:not(.eyebrow),
body[data-kj-pixel-polish="v3.8.0"] .section-title p{
  max-width:760px;
  color:var(--muted);
  line-height:1.7;
}
body[data-kj-pixel-polish="v3.8.0"] .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  min-height:25px;
  margin-bottom:10px;
  padding:0 10px;
  border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));
  border-radius:999px;
  background:color-mix(in srgb,var(--brand) 8%,var(--panel));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}
body[data-kj-pixel-polish="v3.8.0"] .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 10%,transparent)}

/* Surface normalization */
body[data-kj-pixel-polish="v3.8.0"] :where(.surface,.auth-card,.hero-card,.metric-grid article,.category-card,.product-card,.domain-card,.kj-card,.checkout-card,.profile-card,.motion-section,.subscription-section,.qr-summary-card,.report-list,.list-row){
  border-color:var(--kj-polish-border);
  box-shadow:var(--kj-polish-shadow);
}
body[data-kj-pixel-polish="v3.8.0"] :where(.surface,.auth-card,.hero-card,.domain-card,.kj-card,.checkout-card,.profile-card,.motion-section,.subscription-section,.qr-summary-card){
  border-radius:var(--kj-polish-radius-lg);
}
body[data-kj-pixel-polish="v3.8.0"] :where(.surface,.auth-card,.hero-card,.domain-card,.checkout-card,.profile-card,.motion-section,.subscription-section,.qr-summary-card){
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,#fff 4%),color-mix(in srgb,var(--panel2) 96%,var(--brand) 4%));
  backdrop-filter:blur(18px) saturate(125%);
}
body[data-kj-pixel-polish="v3.8.0"] :where(.surface,.metric-grid article,.domain-card,.checkout-card,.profile-card,.workspace-action-card,.onboarding-stage){
  transition:transform .34s var(--kj-polish-ease),box-shadow .34s var(--kj-polish-ease),border-color .34s var(--kj-polish-ease),background .34s var(--kj-polish-ease);
}
@media (hover:hover) and (pointer:fine){
  body[data-kj-pixel-polish="v3.8.0"] :where(.surface,.metric-grid article,.domain-card,.checkout-card,.profile-card,.workspace-action-card,.onboarding-stage):hover{
    transform:translateY(-3px);
    border-color:var(--kj-polish-border-strong);
    box-shadow:var(--kj-polish-shadow-hover);
  }
}

/* Buttons: modernize both classed and legacy naked controls */
body[data-kj-pixel-polish="v3.8.0"] :where(.button,.kj-button,.mini-button,.update-button,.support-banner button,.toolbar button,.toolbar a,.inline-actions button,.inline-actions a,.compact-form button[type="submit"],.edit-form button[type="submit"],.form-stack button[type="submit"],form>button[type="submit"]){
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:var(--kj-polish-control-h);
  border-radius:14px;
  border:1px solid color-mix(in srgb,var(--brand) 74%,var(--line));
  background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand-2) 88%,var(--brand)));
  color:#fff;
  font-size:12px;
  font-weight:850;
  letter-spacing:-.01em;
  box-shadow:0 10px 28px color-mix(in srgb,var(--brand) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.32);
  transition:transform .22s var(--kj-polish-ease),filter .22s,border-color .22s,box-shadow .22s,background .22s;
}
body[data-kj-pixel-polish="v3.8.0"] :where(.button,.kj-button,.mini-button,.update-button,.support-banner button,.toolbar button,.toolbar a,.inline-actions button,.inline-actions a,.compact-form button[type="submit"],.edit-form button[type="submit"],.form-stack button[type="submit"],form>button[type="submit"])::before{
  content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.32) 45%,transparent 72%);transform:translateX(-120%);transition:transform .7s var(--kj-polish-ease)
}
@media (hover:hover){
  body[data-kj-pixel-polish="v3.8.0"] :where(.button,.kj-button,.mini-button,.update-button,.support-banner button,.toolbar button,.toolbar a,.inline-actions button,.inline-actions a,.compact-form button[type="submit"],.edit-form button[type="submit"],.form-stack button[type="submit"],form>button[type="submit"]):not(:disabled):hover{
    transform:translateY(-2px);
    filter:saturate(1.08) brightness(1.035);
    box-shadow:0 16px 36px color-mix(in srgb,var(--brand) 27%,transparent),inset 0 1px 0 rgba(255,255,255,.4);
  }
  body[data-kj-pixel-polish="v3.8.0"] :where(.button,.kj-button,.mini-button,.update-button,.support-banner button,.toolbar button,.toolbar a,.inline-actions button,.inline-actions a,.compact-form button[type="submit"],.edit-form button[type="submit"],.form-stack button[type="submit"],form>button[type="submit"]):hover::before{transform:translateX(120%)}
}
body[data-kj-pixel-polish="v3.8.0"] :where(.button,.kj-button,.mini-button,.update-button,.support-banner button,.toolbar button,.toolbar a,.inline-actions button,.inline-actions a,.compact-form button[type="submit"],.edit-form button[type="submit"],.form-stack button[type="submit"],form>button[type="submit"]):active{transform:translateY(0) scale(.985)}
body[data-kj-pixel-polish="v3.8.0"] :where(.button-secondary,.link-button,.danger-link,.remove-button,.sheet-close,.theme-toggle,.sidebar-toggle,.kj-back,.hero-tool,.experience-filter,.channel-switch,.channel-choice-card button){
  border:1px solid var(--kj-polish-border);
  background:color-mix(in srgb,var(--kj-polish-control-bg) 90%,transparent);
  color:var(--text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
  backdrop-filter:blur(12px);
}
body[data-kj-pixel-polish="v3.8.0"] :where(.button-secondary,.link-button,.danger-link,.remove-button,.sheet-close,.theme-toggle,.sidebar-toggle,.kj-back,.hero-tool,.experience-filter,.channel-switch):hover{
  border-color:var(--kj-polish-border-strong);
  background:var(--kj-polish-control-hover);
  color:var(--text);
}
body[data-kj-pixel-polish="v3.8.0"] :where(.danger-link,.remove-button){color:var(--danger);border-color:color-mix(in srgb,var(--danger) 24%,var(--line))}
.kj-ripple{position:absolute!important;z-index:8!important;width:12px!important;height:12px!important;border-radius:50%!important;pointer-events:none!important;background:rgba(255,255,255,.46)!important;transform:translate(-50%,-50%) scale(0)!important;animation:kj-polish-ripple .58s ease-out forwards!important}
@keyframes kj-polish-ripple{to{transform:translate(-50%,-50%) scale(18);opacity:0}}

/* Forms and controls */
body[data-kj-pixel-polish="v3.8.0"] :where(.form-stack,.compact-form,.edit-form,.support-form,.kj-form){gap:16px}
body[data-kj-pixel-polish="v3.8.0"] :where(.form-stack,.compact-form,.edit-form,.support-form,.kj-form) label:not(.check):not(.choice-card):not(.option-choice):not(.kj-choice-control){
  display:grid;
  gap:7px;
  color:var(--text-soft);
  font-size:11px;
  font-weight:780;
  letter-spacing:.005em;
}
body[data-kj-pixel-polish="v3.8.0"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),select,textarea){
  width:100%;
  min-height:var(--kj-polish-control-h);
  margin:0;
  border:1px solid var(--kj-polish-border);
  border-radius:13px;
  background-color:var(--kj-polish-control-bg);
  color:var(--text);
  padding:11px 13px;
  outline:none;
  box-shadow:inset 0 1px 1px color-mix(in srgb,var(--text) 3%,transparent),0 1px 0 rgba(255,255,255,.35);
  transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;
}
body[data-kj-pixel-polish="v3.8.0"] textarea{min-height:105px;resize:vertical;line-height:1.55}
body[data-kj-pixel-polish="v3.8.0"] select{
  appearance:none;
  padding-right:42px;
  background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
}
body[data-kj-pixel-polish="v3.8.0"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea):hover:not(:disabled){border-color:color-mix(in srgb,var(--brand) 20%,var(--line))}
body[data-kj-pixel-polish="v3.8.0"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea):focus{
  border-color:color-mix(in srgb,var(--brand) 70%,var(--line));
  box-shadow:var(--kj-polish-focus),inset 0 1px 1px color-mix(in srgb,var(--text) 3%,transparent);
  background-color:var(--panel);
}
body[data-kj-pixel-polish="v3.8.0"] :where(input,textarea)::placeholder{color:color-mix(in srgb,var(--muted) 76%,transparent)}
body[data-kj-pixel-polish="v3.8.0"] input[type="color"]{min-height:46px;padding:5px}
body[data-kj-pixel-polish="v3.8.0"] input[type="file"]{padding:7px}
body[data-kj-pixel-polish="v3.8.0"] input[type="file"]::file-selector-button{height:32px;margin-right:10px;border:0;border-radius:9px;padding:0 11px;background:var(--button-soft);color:var(--text);font-weight:800;cursor:pointer}
body[data-kj-pixel-polish="v3.8.0"] input[type="range"]{accent-color:var(--brand)}

body[data-kj-pixel-polish="v3.8.0"] :where(input[type="checkbox"],input[type="radio"]){
  width:20px;
  height:20px;
  flex:0 0 20px;
  margin:1px 0 0;
  accent-color:var(--brand);
  cursor:pointer;
}
body[data-kj-pixel-polish="v3.8.0"] :where(.check,.choice-card,.option-choice,.kj-choice-control){
  position:relative;
  display:flex!important;
  align-items:flex-start;
  gap:11px!important;
  min-height:44px;
}
body[data-kj-pixel-polish="v3.8.0"] .kj-choice-control{
  padding:12px 13px;
  border:1px solid var(--kj-polish-border);
  border-radius:14px;
  background:color-mix(in srgb,var(--panel2) 82%,transparent);
  transition:border-color .2s,background .2s,transform .2s;
}
body[data-kj-pixel-polish="v3.8.0"] .kj-choice-control:has(input:checked){
  border-color:color-mix(in srgb,var(--brand) 42%,var(--line));
  background:color-mix(in srgb,var(--brand) 8%,var(--panel));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 7%,transparent);
}
body[data-kj-pixel-polish="v3.8.0"] :where(.field-error,.invalid-feedback){display:flex;align-items:flex-start;gap:6px;color:var(--danger);font-size:10px;font-weight:700}
body[data-kj-pixel-polish="v3.8.0"] :where(.field-error,.invalid-feedback)::before{content:"!";width:16px;height:16px;display:grid;place-items:center;flex:0 0 16px;border-radius:50%;background:color-mix(in srgb,var(--danger) 13%,transparent);font-size:9px}

/* Form sections and toolbars */
body[data-kj-pixel-polish="v3.8.0"] :where(.form-section,.motion-section,.subscription-section){padding:22px}
body[data-kj-pixel-polish="v3.8.0"] :where(.toolbar,.inline-actions,.form-row){display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body[data-kj-pixel-polish="v3.8.0"] .toolbar{justify-content:space-between;margin-bottom:15px;padding:10px;border:1px solid var(--kj-polish-border);border-radius:16px;background:color-mix(in srgb,var(--panel) 78%,transparent);backdrop-filter:blur(15px)}
body[data-kj-pixel-polish="v3.8.0"] .toolbar :where(input,select){width:auto;min-width:160px;flex:1}
body[data-kj-pixel-polish="v3.8.0"] .inline-actions{justify-content:flex-end}

/* Alerts and feedback */
body[data-kj-pixel-polish="v3.8.0"] :where(.alert,.kj-alert,.notice,.subscription-notice){
  position:relative;
  overflow:hidden;
  border-radius:16px;
  padding:14px 16px 14px 45px;
  box-shadow:0 10px 30px color-mix(in srgb,var(--text) 5%,transparent);
}
body[data-kj-pixel-polish="v3.8.0"] :where(.alert,.kj-alert,.notice,.subscription-notice)::before{
  position:absolute;left:14px;top:14px;width:22px;height:22px;border-radius:8px;display:grid;place-items:center;font-weight:950;font-size:11px
}
body[data-kj-pixel-polish="v3.8.0"] :where(.alert.success,.kj-alert.success)::before{content:"✓";background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}
body[data-kj-pixel-polish="v3.8.0"] :where(.alert.warning,.kj-alert.warning,.notice,.subscription-notice)::before{content:"!";background:color-mix(in srgb,var(--yellow) 15%,transparent);color:var(--yellow)}
body[data-kj-pixel-polish="v3.8.0"] :where(.alert.danger,.kj-alert.error)::before{content:"×";background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}
body[data-kj-pixel-polish="v3.8.0"] .alert ul{margin:7px 0 0;padding-left:18px}

/* Tables */
.kj-auto-table-wrap,.table-wrap{
  width:100%;
  overflow:auto;
  overscroll-behavior-inline:contain;
  border:1px solid var(--kj-polish-border);
  border-radius:18px;
  background:var(--panel);
  box-shadow:var(--kj-polish-shadow);
  scrollbar-gutter:stable;
}
body[data-kj-pixel-polish="v3.8.0"] table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px;background:transparent}
body[data-kj-pixel-polish="v3.8.0"] table :where(th,td){padding:14px 15px;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:middle}
body[data-kj-pixel-polish="v3.8.0"] table th{position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--table-head) 91%,transparent);backdrop-filter:blur(14px);color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;white-space:nowrap}
body[data-kj-pixel-polish="v3.8.0"] table tbody tr{transition:background .18s,transform .18s}
body[data-kj-pixel-polish="v3.8.0"] table tbody tr:last-child td{border-bottom:0}
@media (hover:hover){body[data-kj-pixel-polish="v3.8.0"] table tbody tr:hover{background:color-mix(in srgb,var(--brand) 4%,var(--panel))}}
body[data-kj-pixel-polish="v3.8.0"] table td :where(.button,.mini-button){min-height:36px;border-radius:10px;padding:0 11px;font-size:10px}

/* Lists, badges, status chips */
body[data-kj-pixel-polish="v3.8.0"] :where(.tag,.badge,.ops-chip,.subscription-complete-badge,.service-badge){
  display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:27px;padding:0 10px;border:1px solid color-mix(in srgb,var(--brand) 16%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--brand) 7%,var(--panel));color:color-mix(in srgb,var(--brand) 76%,var(--text));font-size:9px;font-weight:850;white-space:nowrap
}
body[data-kj-pixel-polish="v3.8.0"] :where(.list-row,.line,.report-list>li){border-color:var(--kj-polish-border);transition:background .2s,border-color .2s,transform .2s}
@media (hover:hover){body[data-kj-pixel-polish="v3.8.0"] :where(.list-row,.line,.report-list>li):hover{background:color-mix(in srgb,var(--brand) 4%,var(--panel));border-color:var(--kj-polish-border-strong)}}

/* Details / accordions */
body[data-kj-pixel-polish="v3.8.0"] details{
  border:1px solid var(--kj-polish-border);
  border-radius:16px;
  background:color-mix(in srgb,var(--panel) 90%,transparent);
  overflow:hidden;
  transition:border-color .22s,box-shadow .22s,background .22s;
}
body[data-kj-pixel-polish="v3.8.0"] details+details{margin-top:10px}
body[data-kj-pixel-polish="v3.8.0"] details[open]{border-color:var(--kj-polish-border-strong);box-shadow:var(--kj-polish-shadow);background:var(--panel)}
body[data-kj-pixel-polish="v3.8.0"] summary{position:relative;display:flex;align-items:center;min-height:54px;padding:13px 47px 13px 15px;list-style:none;font-weight:830;cursor:pointer}
body[data-kj-pixel-polish="v3.8.0"] summary::-webkit-details-marker{display:none}
body[data-kj-pixel-polish="v3.8.0"] summary::after{content:"+";position:absolute;right:14px;width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:var(--button-soft);color:var(--brand);font-size:17px;transition:transform .25s var(--kj-polish-ease)}
body[data-kj-pixel-polish="v3.8.0"] details[open]>summary::after{transform:rotate(45deg)}
body[data-kj-pixel-polish="v3.8.0"] details>:not(summary){margin:0;padding:0 15px 15px;color:var(--muted)}

/* Dialogs and modal layers */
body[data-kj-pixel-polish="v3.8.0"] dialog:not(.option-dialog){
  width:min(680px,calc(100% - 28px));
  max-height:min(86vh,820px);
  border:1px solid var(--kj-polish-border);
  border-radius:24px;
  padding:0;
  background:var(--panel);
  color:var(--text);
  box-shadow:0 36px 120px rgba(0,0,0,.28);
  overflow:auto;
}
body[data-kj-pixel-polish="v3.8.0"] dialog::backdrop{background:rgba(8,11,17,.55);backdrop-filter:blur(8px) saturate(.8)}
body[data-kj-pixel-polish="v3.8.0"] dialog[open]{animation:kj-dialog-in .32s var(--kj-polish-ease) both}
@keyframes kj-dialog-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}

/* Navigation finishing */
body[data-kj-pixel-polish="v3.8.0"] .panel-sidebar{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}
body[data-kj-pixel-polish="v3.8.0"] .panel-nav-section{padding:8px 0}
body[data-kj-pixel-polish="v3.8.0"] .panel-nav-section+.panel-nav-section{border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
body[data-kj-pixel-polish="v3.8.0"] .panel-nav a{position:relative;overflow:hidden}
body[data-kj-pixel-polish="v3.8.0"] .panel-nav a::after{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 6px 6px 0;background:var(--brand);transform:scaleY(0);transition:transform .25s var(--kj-polish-ease)}
body[data-kj-pixel-polish="v3.8.0"] .panel-nav a.active::after{transform:scaleY(1)}
body[data-kj-pixel-polish="v3.8.0"] .panel-nav a.active{box-shadow:0 8px 24px color-mix(in srgb,var(--brand) 8%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}
body[data-kj-pixel-polish="v3.8.0"] .site-header{border-bottom-color:color-mix(in srgb,var(--line) 68%,transparent)}
body[data-kj-pixel-polish="v3.8.0"] .header-actions form{margin:0}

/* Empty states */
body[data-kj-pixel-polish="v3.8.0"] :where(.empty-state,.kj-empty){
  position:relative;
  display:grid;
  place-items:center;
  min-height:240px;
  padding:44px 24px;
  text-align:center;
  border:1px dashed color-mix(in srgb,var(--brand) 30%,var(--line));
  border-radius:22px;
  background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--brand) 8%,transparent),transparent 48%),var(--panel);
}
body[data-kj-pixel-polish="v3.8.0"] :where(.empty-state,.kj-empty) h2{margin:12px 0 5px;font-size:20px}
body[data-kj-pixel-polish="v3.8.0"] :where(.empty-state,.kj-empty) p{max-width:520px;margin:0;color:var(--muted)}

/* Public customer screens — final cohesion layer */
body[data-kj-pixel-polish="v3.8.0"][data-kj-motion-scope="public"]{
  --kj-polish-control-bg:color-mix(in srgb,var(--surface) 94%,var(--app-bg));
  --kj-polish-border:color-mix(in srgb,var(--text-primary) 11%,transparent);
  --kj-polish-border-strong:color-mix(in srgb,var(--brand-primary) 35%,var(--border));
  --kj-polish-focus:0 0 0 4px color-mix(in srgb,var(--brand-primary) 13%,transparent);
}
body[data-kj-pixel-polish="v3.8.0"][data-kj-motion-scope="public"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){color:var(--text-primary);border-color:var(--border);background-color:var(--surface)}
body[data-kj-pixel-polish="v3.8.0"][data-kj-motion-scope="public"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea):focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary) 12%,transparent)}
body[data-kj-pixel-polish="v3.8.0"][data-kj-motion-scope="public"] :where(.kj-button,.add-button,.update-button,form>button[type="submit"]){border-color:var(--brand-primary);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));box-shadow:0 10px 28px color-mix(in srgb,var(--brand-primary) 23%,transparent)}
body[data-kj-pixel-polish="v3.8.0"][data-kj-motion-scope="public"] .kj-page{padding-inline:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right))}
body[data-kj-pixel-polish="v3.8.0"][data-kj-motion-scope="public"] .kj-page-head h1{text-wrap:balance}
body[data-kj-pixel-polish="v3.8.0"][data-kj-motion-scope="public"] .menu-search{min-height:48px;padding:0 14px 0 43px}
body[data-kj-pixel-polish="v3.8.0"][data-kj-motion-scope="public"] .language-select{width:66px;min-width:66px;padding-inline:8px 24px}
body[data-kj-pixel-polish="v3.8.0"][data-kj-motion-scope="public"] :where(.kj-card,.product-card,.checkout-card){border-color:var(--border);box-shadow:0 12px 34px color-mix(in srgb,var(--text-primary) 8%,transparent)}
body[data-kj-pixel-polish="v3.8.0"][data-kj-motion-scope="public"] .kj-fixed-action{backdrop-filter:blur(22px) saturate(145%)}
body[data-kj-pixel-polish="v3.8.0"][data-kj-motion-scope="public"] .quantity-control{min-height:44px;border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.42)}
body[data-kj-pixel-polish="v3.8.0"][data-kj-motion-scope="public"] .quantity-control input{min-height:42px;border:0!important;box-shadow:none!important;background-color:transparent!important;padding:0!important}
body[data-kj-pixel-polish="v3.8.0"][data-kj-motion-scope="public"] .option-choice:has(input:checked){border-color:color-mix(in srgb,var(--brand-primary) 42%,var(--border));background:color-mix(in srgb,var(--brand-primary) 8%,var(--surface))}

/* JS-applied enhancement markers */
.kj-auto-polished{transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.kj-icon-only{display:inline-grid!important;place-items:center!important;min-width:44px!important;width:44px;padding:0!important}
.kj-control-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kj-polish-table-shadow{position:sticky;left:0;right:0;height:1px;pointer-events:none}

/* Responsive layout normalization */
@media(max-width:1100px){
  body[data-kj-pixel-polish="v3.8.0"] .panel-heading{align-items:flex-start;flex-direction:column}
  body[data-kj-pixel-polish="v3.8.0"] .panel-heading>.inline-actions,
  body[data-kj-pixel-polish="v3.8.0"] .panel-heading>.toolbar{width:100%;justify-content:flex-start}
  body[data-kj-pixel-polish="v3.8.0"] :where(.form-grid.three,.form-grid.four){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  :root{--kj-polish-control-h:48px}
  body[data-kj-pixel-polish="v3.8.0"] .page-shell{width:min(100% - 24px,100%);padding-top:20px;padding-bottom:104px}
  body[data-kj-pixel-polish="v3.8.0"] .page-shell.no-sidebar{width:min(100% - 24px,100%);padding-top:24px}
  body[data-kj-pixel-polish="v3.8.0"] .panel-heading h1,
  body[data-kj-pixel-polish="v3.8.0"] .workspace-hero h1{font-size:clamp(30px,10vw,42px)}
  body[data-kj-pixel-polish="v3.8.0"] :where(.surface,.auth-card,.hero-card,.checkout-card,.profile-card,.motion-section,.subscription-section,.qr-summary-card){padding:18px;border-radius:19px}
  body[data-kj-pixel-polish="v3.8.0"] :where(.form-grid,.form-grid.two,.form-grid.three,.form-grid.four,.dashboard-grid,.metric-grid){grid-template-columns:1fr}
  body[data-kj-pixel-polish="v3.8.0"] .toolbar{align-items:stretch;flex-direction:column;padding:9px}
  body[data-kj-pixel-polish="v3.8.0"] .toolbar>*{width:100%!important;max-width:none!important}
  body[data-kj-pixel-polish="v3.8.0"] .inline-actions{width:100%;display:grid;grid-template-columns:1fr}
  body[data-kj-pixel-polish="v3.8.0"] .inline-actions>*{width:100%}
  body[data-kj-pixel-polish="v3.8.0"] table{min-width:660px}
  body[data-kj-pixel-polish="v3.8.0"] table :where(th,td){padding:12px 13px}
  body[data-kj-pixel-polish="v3.8.0"] .kj-auto-table-wrap,
  body[data-kj-pixel-polish="v3.8.0"] .table-wrap{margin-inline:-1px;border-radius:15px}
  body[data-kj-pixel-polish="v3.8.0"] dialog:not(.option-dialog){width:calc(100% - 16px);max-height:92dvh;border-radius:22px}
  body[data-kj-pixel-polish="v3.8.0"] .site-header{padding-inline:13px}
  body[data-kj-pixel-polish="v3.8.0"] .header-actions>a:not(.button),
  body[data-kj-pixel-polish="v3.8.0"] .header-actions form{display:none}
  body[data-kj-pixel-polish="v3.8.0"] .mobile-panel-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}
}
@media(max-width:420px){
  body[data-kj-pixel-polish="v3.8.0"] .brand-copy small{display:none}
  body[data-kj-pixel-polish="v3.8.0"] .brand-mark{width:40px;height:40px}
  body[data-kj-pixel-polish="v3.8.0"] :where(.button,.kj-button,.mini-button,form>button[type="submit"]){width:100%}
  body[data-kj-pixel-polish="v3.8.0"][data-kj-motion-scope="public"] :where(.kj-fixed-action .kj-button,.add-button,.hero-tool,.favorite-button,.quantity-control button){width:auto}
}

/* Accessibility and performance */
@media(prefers-reduced-motion:reduce){
  .kj-page-progress>i{transition:none}
  body[data-kj-pixel-polish="v3.8.0"] *,body[data-kj-pixel-polish="v3.8.0"] *::before,body[data-kj-pixel-polish="v3.8.0"] *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
@media(print){
  .kj-page-progress,.kj-ripple,.kj-scroll-top,.kj-ambient,.kj-calibration-particles,.mobile-panel-nav,.site-header,.panel-sidebar{display:none!important}
  body[data-kj-pixel-polish="v3.8.0"]{background:#fff!important;color:#000!important}
  body[data-kj-pixel-polish="v3.8.0"] :where(.surface,.kj-card,.auth-card,.checkout-card,.profile-card){box-shadow:none!important;backdrop-filter:none!important;border-color:#ddd!important}
  .app-layout{display:block!important}.page-shell{width:100%!important;padding:0!important}
}