/* ZREN AI neon workspace. Original brand PNG, local fonts and icons. */
:root{--primary:#39cfff;--secondary:#192231;--accent:#39cfff;--primary-fg:#061625;--body-fg:#d1d9e6;--body-bg:#090c13;--body-quiet-color:#9baabd;--body-loud-color:#f4f7fc;--header-color:#f4f7fc;--header-branding-color:#f4f7fc;--header-bg:#10151f;--header-link-color:#39cfff;--breadcrumbs-fg:#9baabd;--breadcrumbs-link-fg:#39cfff;--breadcrumbs-bg:#090c13;--link-fg:#64d8ff;--link-hover-color:#b9a4ff;--link-selected-fg:#f4f7fc;--hairline-color:#253247;--border-color:#2b384c;--darkened-bg:#192231;--selected-bg:#102c40;--selected-row:#102c40;--button-fg:#061625;--button-bg:#39cfff;--button-hover-bg:#70ddff;--default-button-bg:#39cfff;--default-button-hover-bg:#70ddff;--close-button-bg:#28354a;--close-button-hover-bg:#394b66;--delete-button-bg:#341d28;--delete-button-hover-bg:#522437}
body{font-size:15px}h1,h2,h3{letter-spacing:0!important}button,.zr-button,.btn{font-size:14px}button:hover,.zr-button:hover,.btn:hover{background:#202f44;border-color:#4b6888;color:var(--zr-ink)}
.zr-button--primary,.zr-button--accent,.primary,.btn,.mono-admin .zr-button--primary,.mono-admin .zr-button--accent,.mono-admin a.zr-button--accent,.detail-card .button,.auth-card .button{background:var(--zr-accent);border-color:var(--zr-accent);color:var(--zr-on-accent);box-shadow:0 4px 24px #008eff1a}
.zr-button--primary:hover,.zr-button--accent:hover,.primary:hover,.mono-admin .zr-button--primary:hover,.mono-admin .zr-button--accent:hover,.detail-card .button:hover{background:var(--zr-accent-hover);border-color:var(--zr-accent-hover);color:var(--zr-on-accent);box-shadow:0 0 25px #008eff33}
.zr-button--ghost{color:var(--zr-muted)}.zr-button--ghost:hover{color:var(--zr-accent);background:#142537;border-color:transparent}button:disabled{opacity:.5;box-shadow:none}.zr-button--secondary,.secondary,.btn.secondary{background:transparent;color:var(--zr-ink);border-color:var(--zr-border)}
.zr-badge--neutral{background:#253047;color:#c5d0e3}.zr-badge{border-radius:6px}.zr-alert{border-color:#654b27;font-size:14px}.zr-alert--info{border-color:var(--zr-border)}.zr-alert--success{border-color:#246751}.errorlist.nonfield,.auth-form-errors .errorlist,.admin-errors,.mono-admin .errornote{border-color:#713849}.errorlist{font-size:13px}.zr-skip,.skip-link{color:var(--zr-on-accent)}::selection{color:#061625}.ui-notification{background:#18374a;color:#ecfaff;border-color:#39cfff}.zr-skeleton{background:#263348}.loading-dot{border-color:var(--zr-accent)}
input,select,textarea{border-color:#3b4a62;background:#0e1520;color:var(--zr-ink);font-size:15px}input::placeholder,textarea::placeholder{color:#8898b0}input[type=checkbox],input[type=radio]{accent-color:var(--zr-accent)}tbody tr:hover{background:#192638}dialog{background:#141a25;color:var(--zr-text);box-shadow:0 24px 90px #0009}dialog::backdrop{background:#030711cc}.zr-segmented a[aria-current=page],.zr-segmented button[aria-pressed=true],.zr-segmented a[aria-current=page]:hover{background:#163b52;color:#72dfff}.zr-segmented a:hover{background:#203046;color:white}
.brand-lockup{flex-direction:column;align-items:flex-start;gap:10px!important;flex:none}.brand-logo{width:210px;height:105px;object-fit:contain;background:#fff;border-radius:10px;display:block}.brand-lockup>span{padding:0!important;border:0!important;font-size:15px!important;letter-spacing:1px;color:#a8bad2!important}.workspace-nav .brand-lockup>span{padding:0 10px!important}.workspace-nav{width:250px;padding:24px 18px;background:#10151f;border-right:1px solid #202c3d}.workspace-nav nav{margin-top:35px;gap:10px}.workspace-nav nav a{font-size:15px;min-height:54px;padding:13px 16px;border-radius:8px;color:#a8b8cf!important}.workspace-nav nav a:hover{background:#192638;color:#fff!important}.workspace-nav nav a[aria-current=page]{color:var(--zr-accent)!important;background:#123044;border-left-color:var(--zr-accent);box-shadow:inset 0 0 0 1px #235576}.workspace-nav nav a .zr-icon{width:22px;height:22px}.workspace-nav .nav-eyebrow{display:none}.nav-bottom{border-top:1px solid var(--zr-border);padding-top:24px;color:#a8b8cf;font-size:13px}.nav-bottom>span{display:flex;gap:10px;align-items:center}.nav-bottom .zr-badge{background:#102c40;color:var(--zr-accent)}.nav-bottom p{font-size:12px}.nav-bottom button{padding-left:0}.mobile-nav-toggle{display:none}.workspace-topbar{margin-left:250px;height:72px;padding:0 38px;background:#0d121b;font-size:13px}.workspace-main{margin-left:250px;padding:40px 38px;max-width:1800px;min-height:calc(100vh - 150px)}.workspace-footer{margin-left:250px;font-size:11px;border-color:#202c3d}.page-heading{margin-bottom:28px;gap:24px}.page-heading h1{font-size:clamp(28px,2.7vw,42px);font-weight:750;line-height:1.4}.page-heading p{font-size:15px;line-height:1.8}.eyebrow{font-size:12px;color:var(--zr-accent);margin-top:0}.neon-text{color:var(--zr-accent)}
.catalog{padding:0 0 24px}.product-grid{gap:20px}.product-card{padding:26px;text-align:center;border-radius:14px;transition:border-color .18s,box-shadow .18s}.product-card:hover{border-color:#46759c;box-shadow:0 8px 30px #0003}.product-card:nth-child(3n+2){border-color:#7551b9}.product-top{margin:0 0 6px;color:var(--zr-accent)}.package-art{display:block;width:100%;height:160px;object-fit:contain;margin:0 auto 16px;border-radius:8px}.product-card h3{font-size:24px}.product-card .description{font-size:14px;margin:14px 0 26px}.price{font-size:35px;letter-spacing:0}.product-card>.zr-help{font-size:12px;margin:6px 0 24px}.product-card .buy-button{min-height:50px}.card-note{font-size:12px}.catalog-empty{min-height:330px;display:grid;place-items:center;border-style:dashed;background:#101925}.zr-empty h3{font-size:22px}.zr-empty p{font-size:14px}.zr-empty>.icon-slot{color:var(--zr-accent)}
.purchase-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.purchase-steps li{display:flex;align-items:center;gap:18px;min-width:0}.purchase-steps .icon-slot{color:var(--zr-accent);padding:15px;border:1px solid #2b526e;border-radius:12px;background:#102538}.purchase-steps svg{width:24px;height:24px}.purchase-steps strong{display:block;font-size:16px;color:var(--zr-ink)}.purchase-steps span:not(.icon-slot){font-size:13px;color:var(--zr-muted)}.store-steps{border:1px solid var(--zr-border);padding:26px;border-radius:12px;background:#101823;margin-bottom:22px}.purchase-shortcut{display:flex;align-items:center;gap:20px;text-decoration:none;padding:25px;border-radius:12px}.purchase-shortcut>.icon-slot{color:#69bcff}.purchase-shortcut>.icon-slot svg{width:32px;height:32px}.purchase-shortcut h2{font-size:20px;margin:0 0 5px}.purchase-shortcut p{font-size:14px;color:var(--zr-muted);margin:0}.purchase-shortcut>span:last-child{margin-left:auto;color:var(--zr-accent);white-space:nowrap;font-size:14px}.purchase-shortcut:hover{border-color:#517ca5}
.auth-layout,.admin-login{background:#090c13 url('../artwork/neon-workspace.png') center/cover fixed no-repeat}.auth-layout .site-header,.admin-header{max-width:1480px;border:0;padding-top:34px;padding-bottom:16px}.auth-layout .site-header nav{font-size:14px}.auth-layout .site-header .brand-lockup>span{display:none}.auth-layout .brand-logo{width:280px;height:140px}.auth-layout .site-main{max-width:1480px}.neon-auth{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding:30px 0 76px;min-height:660px}.auth-copy h1{font-size:clamp(44px,4.8vw,72px);line-height:1.35;margin:24px 0;letter-spacing:0}.auth-copy h1 span{color:var(--zr-accent)}.auth-copy .hero-description{max-width:490px;font-size:17px;line-height:1.9}.auth-steps{margin-top:42px;max-width:440px}.auth-steps li{flex-direction:column;align-items:flex-start;gap:14px}.auth-steps .icon-slot{border-radius:50%;padding:17px}.signin-panel{background:#101925eb;border:1px solid #365774;border-radius:18px;padding:52px 38px;text-align:center;box-shadow:0 16px 70px #0004}.signin-symbol{display:inline-flex;padding:22px;border:1px solid #3182b7;border-radius:20px;color:var(--zr-accent);background:#10263a;box-shadow:0 0 35px #008eff16}.signin-symbol svg{width:38px;height:38px}.signin-panel h2{font-size:34px;margin:26px 0 12px}.signin-panel>p{font-size:16px;color:var(--zr-muted)}.signin-panel>.zr-button{margin:26px 0 10px;min-height:58px;font-size:17px}.signin-panel .signin-note{font-size:13px;padding:24px 0;border-top:1px solid var(--zr-border);margin-top:26px;line-height:1.9}.admin-entry{color:var(--zr-accent);display:inline-flex;align-items:center;gap:12px;font-size:14px;text-decoration:none}.auth-layout .site-footer{border-color:#253247}.auth-card,.detail-card{background:var(--zr-surface);border-radius:12px}.detail-card{max-width:960px}.detail-card p{font-size:15px}.code-box{font-size:17px}.site-header .brand-logo{width:220px;height:110px}
.zr-metric{border-radius:12px;padding:24px}.zr-metric strong,.mono-admin .zr-metric strong{font-size:32px;color:var(--zr-accent);letter-spacing:0}.zr-metric:nth-child(2) strong{color:#c0a2ff}.zr-metric:nth-child(3) strong{color:#73b8ff}.zr-metric:nth-child(4) strong{color:#4ee2b1}.zr-metric>span{font-size:14px}.zr-metric small{font-size:12px}.zr-table td,.mono-admin .zr-table td{font-size:14px}.zr-table th{font-size:12px}.data-panel{border-radius:12px}.zr-panel-head h2,.mono-admin .zr-panel-head h2{font-size:20px}.zr-panel-head a{color:var(--zr-accent)}
.mono-admin .main{margin-left:250px;width:calc(100% - 250px)}.mono-admin #content{padding:38px}.mono-admin .breadcrumbs,.mono-admin #footer{margin-left:250px}.mono-admin .workspace-topbar{background:#0d121b}.mono-admin .module,.mono-admin #changelist,.mono-admin #changelist .actions,.mono-admin #changelist .paginator,.mono-admin .submit-row,.mono-admin #content-related{background:var(--zr-surface);border-radius:8px}.mono-admin #changelist .actions button{background:#192231;color:var(--zr-ink)}.mono-admin #changelist-search input[type=submit],.mono-admin .object-tools a,.mono-admin .submit-row input.default{background:var(--zr-accent);color:var(--zr-on-accent)}.mono-admin input[type=submit],.mono-admin .button{color:var(--zr-on-accent)}.mono-admin .form-row label{font-size:14px}.mono-admin .form-row input:not([type=checkbox]):not([type=radio]),.mono-admin .form-row textarea,.mono-admin .form-row select{font-size:15px;background:#0e1520;color:var(--zr-ink);border-color:#3b4a62}.mono-admin .form-row .help{font-size:13px}.mono-admin #result_list th,.mono-admin #result_list td{font-size:14px}.mono-admin #changelist .actions label{color:var(--zr-muted)}.mono-admin .object-tools a{font-size:13px}.mono-admin .inventory-count strong{color:var(--zr-accent)}.mono-admin .admin-operations-grid p{font-size:14px}.mono-admin .admin-operations-grid{gap:20px}.mono-admin .admin-operations-grid>.zr-panel{border-radius:12px}.mono-admin .module h2,.mono-admin .module caption{font-size:15px}.mono-admin #changelist .paginator .this-page{background:#203f57;color:white}.mono-admin .submit-row .deletelink{color:var(--zr-danger)}.mono-admin .related-widget-wrapper-link{background:#d9e7ef;border-radius:3px;padding:3px}.mono-admin .selector .selector-filter{background:#192231;color:var(--zr-text)}
.admin-intro{background:none!important}.admin-intro h1 em{color:var(--zr-accent);font-style:normal}.admin-form-panel{background:#141a25ee;border:1px solid #365774;border-radius:16px}.admin-form-panel h2{color:var(--zr-ink)}.admin-lock{color:var(--zr-accent);background:#102c40}.admin-account-notice{background:#102c40;color:var(--zr-text);border-color:#315b77}.admin-field input{background:#0e1520;color:var(--zr-ink);border-color:#3b4a62}.admin-submit{color:var(--zr-on-accent)}.admin-status-dot{background:var(--zr-accent)}.admin-intro-footer{color:var(--zr-muted)}
@media(min-width:1600px){.product-card{padding:32px}.package-art{height:190px}}
@media(max-width:1200px){.workspace-nav{width:220px;padding:22px 15px}.workspace-nav .brand-logo{width:188px;height:94px}.workspace-main,.workspace-topbar,.workspace-footer,.mono-admin .breadcrumbs,.mono-admin #footer{margin-left:220px}.mono-admin .main{margin-left:220px;width:calc(100% - 220px)}.workspace-main,.mono-admin #content{padding:30px 24px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-steps{gap:14px;padding:22px}.purchase-steps li{gap:12px}.store-steps .icon-slot{padding:10px}.page-heading{flex-wrap:wrap}.neon-auth{gap:32px}.signin-panel{padding:38px 26px}.auth-copy h1{font-size:52px}}
@media(max-width:900px){.workspace-nav{position:relative;width:100%;padding:16px 20px;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--zr-border)}.workspace-nav .brand-lockup{flex-direction:row;align-items:center}.workspace-nav .brand-logo{width:136px;height:68px}.workspace-nav .brand-lockup>span{font-size:13px!important}.mobile-nav-toggle{display:inline-flex;margin-left:auto}.workspace-nav nav,.mono-admin .workspace-nav nav{display:none;flex-direction:column;width:100%;margin:6px 0 0;overflow:visible}.workspace-nav nav.is-open{display:flex}.workspace-nav .nav-bottom{display:none}.workspace-topbar,.workspace-main,.workspace-footer,.mono-admin .breadcrumbs,.mono-admin #footer{margin-left:0}.mono-admin .main{margin:0;width:100%}.workspace-topbar{padding:14px 20px;min-height:58px;height:auto}.workspace-main{padding:28px 20px}.workspace-footer{padding:22px 20px}.neon-auth{grid-template-columns:1fr;max-width:620px;margin:auto;gap:30px;min-height:0;padding:32px 0 50px}.auth-copy h1{font-size:48px}.auth-copy .hero-description{font-size:16px}.auth-steps{margin-top:24px}.auth-layout .brand-logo{width:200px;height:100px}.signin-panel{padding:35px 28px}.signin-panel h2{font-size:30px}.admin-header .brand-logo{width:180px;height:90px}.mono-admin .workspace-topbar{order:0}.mono-admin .workspace-nav{order:-1}}
@media(max-width:600px){body{font-size:14px}.workspace-nav .brand-lockup>span{display:none!important}.workspace-topbar{font-size:12px}.workspace-topbar>.zr-button{font-size:12px;padding:6px}.workspace-main,.mono-admin #content{padding:26px 16px}.page-heading h1{font-size:28px}.page-heading p{font-size:14px}.product-grid{grid-template-columns:1fr}.product-card{padding:24px}.package-art{height:170px}.catalog{padding-bottom:22px}.store-steps{grid-template-columns:1fr;gap:22px}.purchase-shortcut{flex-wrap:wrap;padding:22px;gap:16px}.purchase-shortcut>span:last-child{margin-left:48px}.purchase-shortcut h2{font-size:18px}.purchase-shortcut p{font-size:13px}.metrics-grid{gap:10px}.zr-metric{padding:18px 14px}.zr-metric strong,.mono-admin .zr-metric strong{font-size:25px}.zr-metric>span{font-size:12px}.zr-metric small{font-size:11px}.auth-layout .site-header{padding:20px}.auth-layout .site-header nav{font-size:12px}.auth-layout .site-header .brand-logo{width:160px;height:80px}.auth-copy h1{font-size:42px}.auth-copy .eyebrow{font-size:11px}.auth-copy .hero-description{font-size:15px}.auth-steps{gap:14px}.auth-steps .icon-slot{padding:12px}.auth-steps span:not(.icon-slot){font-size:12px}.signin-panel{padding:32px 22px;border-radius:12px}.signin-panel h2{font-size:28px}.signin-panel>.zr-button{font-size:15px}.signin-panel>p{font-size:14px}.signin-panel .signin-note{font-size:12px}.admin-layout{gap:22px}.admin-intro h1{font-size:38px}.admin-header{gap:16px;flex-wrap:wrap}.admin-form-panel{padding:24px}.admin-form-panel h2{font-size:27px}.brand-lockup>span{display:none}.mono-admin .submit-row input,.mono-admin .submit-row a{width:100%}.mono-admin #changelist-filter{max-width:100%}.mono-admin .aligned .related-widget-wrapper{width:100%}.mono-admin .aligned .related-widget-wrapper select{width:calc(100% - 78px)}.mono-admin #changelist-search input[type=search]{width:120px}.zr-table-wrap{overscroll-behavior-x:contain}}
/* QA refinements: compact catalog rhythm and mobile account access. */
.product-card{padding:24px}.package-art{height:128px;margin-bottom:10px}.product-card .description{min-height:0;margin:12px 0 18px}.product-card>.zr-help{margin-bottom:18px}.card-note{margin-top:10px}.mobile-account{display:none}
@media(min-width:1600px){.product-card{padding:24px}.package-art{height:128px}}
@media(max-width:900px){.workspace-nav nav .mobile-account{display:block}.mobile-account button{width:100%;justify-content:flex-start;padding-left:19px}}
/* Keep visually hidden table labels inside the horizontal scrolling region. */
.zr-table-wrap{position:relative}
.package-art{mix-blend-mode:lighten}
.mono-admin .zr-table tbody tr{background:var(--zr-surface)}.mono-admin .zr-table tbody tr:hover{background:#192638}.mono-admin .zr-table th{padding:14px 18px}

/* Transparent symbol-only identity: no white image tile. */
.brand-lockup,.workspace-nav .brand-lockup{flex-direction:row;align-items:center;gap:12px!important}
.brand-logo,.workspace-nav .brand-logo,.site-header .brand-logo,.auth-layout .brand-logo,.auth-layout .site-header .brand-logo,.admin-header .brand-logo{width:64px;height:64px;background:transparent;border-radius:0;object-fit:contain}
.workspace-nav .brand-lockup>span{padding:0!important}
@media(max-width:600px){.brand-logo,.workspace-nav .brand-logo,.site-header .brand-logo,.auth-layout .brand-logo,.auth-layout .site-header .brand-logo,.admin-header .brand-logo{width:54px;height:54px}}

/* Action states stay legible and touch-friendly on every customer screen. */
.auth-card .button:hover { background: var(--zr-accent-hover); color: var(--zr-on-accent); border-color: var(--zr-accent-hover); }
.zr-button--small, .zr-segmented a, .back-link { min-height: 44px; }
.zr-segmented a, .back-link { display: inline-flex; align-items: center; }
button:disabled:hover { background: var(--zr-surface); color: var(--zr-muted); border-color: var(--zr-border); box-shadow: none; }
.zr-button[aria-disabled=true] { pointer-events: none; }
.product-card h3 { margin-bottom: 20px; }
.product-card .package-details { margin-top: 16px; text-align: left; border-top: 1px solid var(--zr-border); }
.package-details summary { min-height: 44px; padding: 13px 0; color: var(--zr-accent); font-size: 13px; cursor: pointer; }
.product-card .package-details .description { margin: 0 0 8px; font-size: 13px; text-align: left; overflow-wrap: anywhere; }
.product-grid { align-items: start; }
input[type=checkbox], input[type=radio] { accent-color: var(--zr-accent); }
::selection { color: var(--zr-on-accent); }
@media(max-width:600px) {
  .delivery-actions { flex-wrap: wrap; }
  .workspace-topbar { gap: 10px; }
  .zr-panel-head { flex-wrap: wrap; }
}