:root{--radius:.5rem;--background:oklch(.984 .004 247.9);--foreground:oklch(.21 .05 259);--card:oklch(1 0 0);--card-foreground:oklch(.21 .05 259);--primary:oklch(.49 .22 264);--primary-foreground:oklch(.99 .005 247);--secondary:oklch(.955 .012 248);--secondary-foreground:oklch(.24 .05 259);--muted:oklch(.955 .012 248);--muted-foreground:oklch(.52 .035 257);--accent:oklch(.94 .03 235);--accent-foreground:oklch(.24 .06 259);--destructive:oklch(.577 .245 27.3);--success:oklch(.6 .14 156);--warning:oklch(.75 .15 72);--navy:oklch(.21 .055 259);--navy-foreground:oklch(.97 .008 247);--border:oklch(.915 .015 250);--input:oklch(.915 .015 250);--ring:oklch(.49 .22 264);--sidebar:oklch(.21 .055 259);--sidebar-foreground:oklch(.9 .012 247);--sidebar-accent:oklch(.27 .055 259);--sidebar-accent-foreground:oklch(.97 .008 247);--sidebar-border:oklch(.3 .05 259);--gradient-navy:linear-gradient(140deg,oklch(.19 .05 262),oklch(.3 .09 263));--shadow-panel:0 1px 2px oklch(.21 .055 259/.06),0 12px 32px -18px oklch(.21 .055 259/.35)}
*{box-sizing:border-box;border-color:var(--border)}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground);font-family:"Manrope",system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:"Sora",system-ui,sans-serif;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(72rem,calc(100% - 2rem));margin-inline:auto}.container-md{width:min(48rem,calc(100% - 2rem));margin-inline:auto}.container-sm{width:min(36rem,calc(100% - 2rem));margin-inline:auto}.min-screen{min-height:100vh}.flex-col-page{display:flex;min-height:100vh;flex-direction:column}.grow{flex:1}.muted{color:var(--muted-foreground)}.small{font-size:.875rem}.tiny{font-size:.75rem}.display{font-family:"Sora",system-ui,sans-serif}.surface-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-panel)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.25rem;padding:0 .875rem;border-radius:calc(var(--radius) - 2px);border:1px solid transparent;font-size:.875rem;font-weight:500;transition:.15s ease}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{filter:brightness(.95)}.btn-outline{background:var(--background);border-color:var(--input)}.btn-outline:hover,.btn-ghost:hover{background:var(--accent)}.btn-ghost{background:transparent}.btn-danger{background:var(--destructive);color:#fff}.btn[disabled]{opacity:.55;cursor:not-allowed}.input,.textarea,.select{width:100%;border:1px solid var(--input);background:var(--background);border-radius:calc(var(--radius) - 2px);color:var(--foreground);outline:none}.input,.select{height:2.5rem;padding:0 .75rem}.textarea{padding:.65rem .75rem;resize:vertical}.input:focus,.textarea:focus,.select:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 16%,transparent)}.label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:500}.field{margin-top:1rem}.alert{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;font-size:.875rem}.alert-success{border-color:color-mix(in oklch,var(--success) 45%,var(--border));background:color-mix(in oklch,var(--success) 10%,transparent);color:oklch(.42 .12 156)}.alert-error{border-color:color-mix(in oklch,var(--destructive) 45%,var(--border));background:color-mix(in oklch,var(--destructive) 8%,transparent);color:var(--destructive)}.badge{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.badge-success{border-color:color-mix(in oklch,var(--success) 45%,var(--border));background:color-mix(in oklch,var(--success) 10%,transparent);color:oklch(.45 .14 156)}.badge-warning{border-color:color-mix(in oklch,var(--warning) 45%,var(--border));background:color-mix(in oklch,var(--warning) 12%,transparent);color:oklch(.48 .14 72)}
.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid color-mix(in oklch,var(--border) 70%,transparent);background:color-mix(in oklch,var(--background) 85%,transparent);backdrop-filter:blur(10px)}.header-row{height:4rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.brand{display:flex;min-width:0;align-items:center;gap:.5rem}.brand img{width:2rem;height:2rem;object-fit:contain}.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"Sora",sans-serif;font-size:1rem;font-weight:600}.site-nav{display:flex;align-items:center;gap:1.5rem;font-size:.875rem;color:var(--muted-foreground)}.site-nav a:hover,.footer-nav a:hover{color:var(--foreground)}.header-actions{display:flex;align-items:center;gap:.5rem}.site-footer{border-top:1px solid color-mix(in oklch,var(--border) 70%,transparent);background:var(--card)}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:2rem 0;color:var(--muted-foreground);font-size:.875rem}.footer-nav{display:flex;flex-wrap:wrap;gap:1rem}
.page-main{padding:2.5rem 0}.page-title{margin:0;font-size:clamp(1.5rem,4vw,1.875rem);font-weight:600}.page-intro{margin:.5rem 0 0;color:var(--muted-foreground);font-size:.875rem;line-height:1.6}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.stack{display:flex;flex-direction:column;gap:1rem}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.table th{font-size:.75rem;color:var(--muted-foreground);font-weight:600;background:color-mix(in oklch,var(--muted) 50%,transparent)}.table tr:last-child td{border-bottom:0}.empty{padding:2rem;text-align:center;color:var(--muted-foreground);font-size:.875rem}.accordion details{border-bottom:1px solid var(--border);padding:1rem 0}.accordion summary{cursor:pointer;font-weight:600}.accordion details p{color:var(--muted-foreground);font-size:.875rem;line-height:1.65}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.plan{display:flex;flex-direction:column;padding:1.25rem}.plan-price{margin-top:1rem;font-size:1.5rem;font-weight:600}.plan ul{padding-left:1.1rem;color:var(--muted-foreground);font-size:.875rem;line-height:1.7}.legal{font-size:.9rem;line-height:1.75}.legal h2{margin-top:2rem;font-size:1.15rem}.legal h3{margin-top:1.25rem;font-size:1rem}.legal p,.legal li{color:color-mix(in oklch,var(--foreground) 82%,transparent)}
.panel-shell{display:flex;min-height:100vh;background:var(--background)}.sidebar{width:16rem;flex:0 0 16rem;background:var(--sidebar);color:var(--sidebar-foreground);border-right:1px solid var(--sidebar-border);position:sticky;top:0;height:100vh;overflow:auto}.sidebar-brand{height:4rem;display:flex;align-items:center;gap:.5rem;padding:0 1rem;border-bottom:1px solid var(--sidebar-border);font-family:"Sora",sans-serif;font-weight:600}.sidebar-brand img{width:2rem;height:2rem}.sidebar-nav{padding:.5rem}.sidebar-group-label{padding:.8rem .75rem .25rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in oklch,var(--sidebar-foreground) 45%,transparent)}.sidebar-link{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:.375rem;color:var(--sidebar-foreground);font-size:.875rem}.sidebar-link:hover,.sidebar-link.active{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.panel-main{min-width:0;flex:1;padding:2rem}.panel-container{width:min(64rem,100%);margin-inline:auto}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.filters{display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:.5rem;margin:1rem 0}.domain-card{padding:1rem}.domain-row{display:flex;justify-content:space-between;gap:1rem;align-items:center}.domain-name{font-weight:600;overflow-wrap:anywhere}.domain-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stat{padding:1rem}.stat-label{font-size:.75rem;color:var(--muted-foreground)}.stat-value{margin-top:.25rem;font:600 1.5rem "Sora",sans-serif}
.auth-wrap{min-height:calc(100vh - 8rem);display:flex;align-items:center;justify-content:center;padding:3rem 1rem}.auth-card{width:min(28rem,100%);padding:1.5rem}.tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--muted);padding:.25rem;border-radius:var(--radius);margin:1rem 0}.tab{padding:.5rem;text-align:center;border-radius:calc(var(--radius) - 2px);font-size:.875rem}.tab.active{background:var(--card);box-shadow:0 1px 2px rgba(0,0,0,.06)}
@media(max-width:900px){.site-nav{display:none}.price-grid,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:13.5rem;flex-basis:13.5rem}.filters{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.panel-shell{display:block}.sidebar{position:relative;width:100%;height:auto}.sidebar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-group-label{grid-column:1/-1}.panel-main{padding:1rem}.grid-2,.grid-3,.price-grid{grid-template-columns:1fr}.footer-row{flex-direction:column;align-items:flex-start}.header-actions .hide-mobile{display:none}.filters{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}}@media(max-width:440px){.stat-grid{grid-template-columns:1fr}}
/* v10 Lovable parity layer: values and proportions taken from the original TanStack/Tailwind source. */
.ui-icon{width:1rem;height:1rem;flex:0 0 1rem}.ui-icon-placeholder{width:1rem;height:1rem;display:inline-block}.site-header{height:4rem}.header-row{max-width:72rem;padding-inline:1rem}.brand span{letter-spacing:-.025em}.header-actions .btn{height:2.25rem}.site-footer .footer-row{max-width:72rem;padding:2rem 1rem}.surface-panel{border-radius:.5rem}.page-main{padding-block:2.5rem}.page-title{font-family:"Sora",system-ui,sans-serif;font-weight:600;letter-spacing:-.02em}.page-intro{margin-top:.5rem}.auth-wrap{width:100%;max-width:28rem;margin-inline:auto;padding:4rem 1rem}.auth-card{padding:1.75rem 1.5rem}.auth-card .page-title{font-size:1.25rem}.tabs{margin-top:1.5rem}.field{margin-top:1rem}

/* Customer panel matches AdminSidebar from the Lovable app. */
.panel-shell{display:flex;min-height:100vh;flex-direction:row}.sidebar{width:15rem;flex-basis:15rem;border-right:0}.sidebar-brand{border-bottom:0;height:auto;padding:1rem}.sidebar-nav{padding:0 .5rem .75rem}.sidebar-group-label{padding:.75rem .75rem .125rem;font-size:.68rem;font-weight:600;letter-spacing:.06em;color:color-mix(in oklch,var(--sidebar-foreground) 45%,transparent)}.sidebar-link{justify-content:flex-start;gap:.5rem;padding:.625rem .75rem;color:color-mix(in oklch,var(--sidebar-foreground) 75%,transparent);transition:color .15s,background .15s}.sidebar-link.active{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.sidebar-link:hover{background:color-mix(in oklch,var(--sidebar-accent) 60%,transparent);color:var(--sidebar-accent-foreground)}.panel-main{padding:2rem 1rem}.panel-container{max-width:64rem}.panel-head h1{font-size:1.5rem}.domain-card{padding:1rem}.stat-grid{gap:.75rem}

/* Admin shell: direct counterpart of admin-shell.tsx. */
.admin-shell{display:flex;min-height:100vh;background:var(--background)}.admin-sidebar{width:15rem;flex:0 0 15rem;background:var(--sidebar);color:var(--sidebar-foreground)}.admin-sidebar-head{padding:1rem}.admin-brand{display:flex;align-items:center;gap:.5rem;font-family:"Sora",system-ui,sans-serif;font-size:.875rem;font-weight:600;color:var(--sidebar-foreground)}.admin-brand-icon{display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:.375rem;background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.admin-nav{display:flex;flex-direction:column;gap:.125rem;padding:0 .5rem 1.5rem}.admin-group-label{margin:0;padding:.75rem .75rem .125rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:color-mix(in oklch,var(--sidebar-foreground) 45%,transparent)}.admin-nav-link{display:flex;width:100%;align-items:center;gap:.5rem;border:0;border-radius:.375rem;padding:.625rem .75rem;background:transparent;color:color-mix(in oklch,var(--sidebar-foreground) 75%,transparent);font-size:.875rem;text-align:left;transition:.15s}.admin-nav-link:hover{background:color-mix(in oklch,var(--sidebar-accent) 60%,transparent);color:var(--sidebar-accent-foreground)}.admin-nav-link.active{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.admin-nav-sep{height:1px;margin:.75rem .75rem;background:var(--sidebar-border)}.admin-nav-button{cursor:pointer}.admin-main{min-width:0;flex:1;padding:2rem 1rem}.admin-main-inner{width:min(80rem,100%);margin-inline:auto}.admin-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.admin-page-head h1{margin:0;font-size:1.5rem;font-weight:600}.admin-page-head p{margin:.25rem 0 0;color:var(--muted-foreground);font-size:.875rem}.admin-flash{margin-bottom:1rem}.admin-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}.admin-stat{padding:1rem}.admin-stat span{display:block;color:var(--muted-foreground);font-size:.75rem}.admin-stat strong{display:block;margin-top:.25rem;font-family:"Sora",sans-serif;font-size:1.4rem;font-weight:600}.admin-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.admin-card-head{padding:1rem 1rem .5rem}.admin-card-head h2{margin:0;font-size:1rem;font-weight:600}.admin-list{padding:.25rem 1rem 1rem}.admin-list-row{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border);font-size:.8rem}.admin-list-row:last-child{border-bottom:0}.admin-list-row strong{font-size:.875rem}.admin-list-row p{margin:.15rem 0 0;color:var(--muted-foreground)}.admin-list-row>span{white-space:nowrap;color:var(--muted-foreground);font-size:.7rem}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding:.75rem 1rem}.admin-search{position:relative;width:min(26rem,100%)}.admin-search svg{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--muted-foreground)}.admin-search input{padding-left:2.15rem}.admin-table{font-size:.78rem}.admin-table th{white-space:nowrap}.admin-table td{max-width:24rem;overflow-wrap:anywhere}.admin-money{width:6.5rem;height:2rem;border:1px solid var(--input);border-radius:.375rem;background:var(--background);padding:0 .5rem}.admin-stack{display:flex;flex-direction:column;gap:.75rem}.admin-padded{padding:1rem}.admin-edit-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-top:1px solid var(--border)}.admin-edit-card:first-child{border-top:0}.admin-edit-grid{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center}.check-label{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--muted-foreground);white-space:nowrap}.admin-hours-row{display:grid;grid-template-columns:8rem 1fr 1fr auto auto;gap:.75rem;align-items:center}.admin-kv{padding:0 1rem 1rem}.admin-kv>div{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.78rem}.admin-kv>div span{color:var(--muted-foreground)}.admin-mobilebar{display:none}.admin-pin-wrap{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:1rem}.admin-pin-card{width:min(24rem,100%);padding:2.5rem 1.5rem;text-align:center}.admin-pin-icon{display:flex;width:2.5rem;height:2.5rem;margin-inline:auto;align-items:center;justify-content:center;border-radius:.375rem;background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.admin-pin-card h1{margin:1rem 0 0;font-size:1.25rem}.admin-pin-card>p{margin:.5rem 0 0;color:var(--muted-foreground);font-size:.875rem}.admin-pin-input{margin-top:1.5rem;text-align:center;font-size:1.1rem;letter-spacing:.35em}.admin-pin-button{width:100%;margin-top:1rem}.admin-pin-back{display:block;margin-top:1rem;color:var(--muted-foreground);font-size:.75rem}.form-error{color:var(--destructive)!important;font-size:.8rem!important}

/* Original Lovable cards/tables are deliberately restrained: no decorative gradients except hero/navy. */
.price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.plan{border-radius:.5rem}.table td,.table th{padding:.75rem 1rem}.badge{border-radius:.375rem}.btn{border-radius:.375rem}.input,.select,.textarea{border-radius:.375rem}

@media(max-width:1050px){.admin-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.admin-sidebar{width:13.5rem;flex-basis:13.5rem}.admin-grid-2{grid-template-columns:1fr}.admin-hours-row{grid-template-columns:1fr 1fr}.admin-hours-row strong{grid-column:1/-1}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.admin-shell{display:block}.admin-mobilebar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;background:var(--sidebar);padding:.75rem 1rem;color:var(--sidebar-foreground);border-bottom:1px solid var(--sidebar-border)}.admin-sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:17rem;transform:translateX(-105%);transition:transform .2s ease;box-shadow:0 20px 50px rgba(0,0,0,.25)}body.admin-menu-open .admin-sidebar{transform:translateX(0)}.admin-sidebar-head{display:none}.admin-main{padding:1.5rem 1rem}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-shell{display:block}.sidebar{position:relative;width:100%;height:auto}.sidebar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-group-label{grid-column:1/-1}}
@media(max-width:520px){.admin-stat-grid{grid-template-columns:1fr}.admin-page-head{flex-direction:column}.admin-toolbar{align-items:flex-start;flex-direction:column}.admin-hours-row{grid-template-columns:1fr}.admin-edit-grid{grid-template-columns:1fr}.site-footer .footer-row{padding-inline:1rem}}
.site-mobile-menu{display:none;position:relative}.site-mobile-menu summary{list-style:none}.site-mobile-menu summary::-webkit-details-marker{display:none}.site-mobile-pop{position:absolute;right:0;top:2.75rem;width:16rem;padding:.5rem;background:var(--card);border:1px solid var(--border);border-radius:.5rem;box-shadow:var(--shadow-panel)}.site-mobile-pop a,.site-mobile-pop button{display:block;width:100%;padding:.65rem .75rem;border:0;background:transparent;border-radius:.375rem;color:var(--foreground);font-size:.875rem;text-align:left}.site-mobile-pop a:hover,.site-mobile-pop button:hover{background:var(--accent)}@media(max-width:767px){.site-mobile-menu{display:block}.header-actions>.btn-ghost,.header-actions>form,.header-actions>.btn-primary{display:none}.site-header .header-row{padding-inline:1rem}}
/* v11 exact-parity additions from the original Lovable contact/office-hours UI */
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:1.5rem;align-items:start}.contact-form{display:grid;gap:1rem;padding:1.25rem 1.5rem}.compact-grid{gap:1rem}.contact-side{display:grid;gap:1.5rem}.office-card,.contact-company{padding:1rem 1.5rem}.office-title{display:flex;align-items:center;gap:.5rem}.office-title h2,.contact-company h2{margin:0;font-size:1rem;font-weight:600}.office-state{display:flex;align-items:center;gap:.5rem;margin:.75rem 0 0;font-size:.875rem}.office-dot{width:.5rem;height:.5rem;border-radius:999px}.office-dot.open{background:#10b981}.office-dot.closed{background:#ef4444}.office-list{display:grid;gap:.25rem;margin:1rem 0}.office-row{display:flex;justify-content:space-between;gap:1rem;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem}.office-row.today{background:var(--muted);font-weight:500}.office-row dd{margin:0;color:var(--muted-foreground)}.contact-list{display:grid;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;color:var(--muted-foreground);font-size:.875rem}.contact-list li{display:flex;gap:.5rem;align-items:flex-start}.company-ids{display:grid;gap:.25rem;margin:1.25rem 0 0;border-top:1px solid var(--border);padding-top:1rem;font-size:.75rem;color:var(--muted-foreground)}.company-ids>div{display:flex;justify-content:space-between;gap:1rem}.company-ids dd{margin:0}@media(max-width:900px){.contact-layout{grid-template-columns:1fr}}

/* v12 source-parity: customer/admin detail and interaction layer */
.panel-mobilebar{display:none}.sidebar-logout{width:100%;border:0;background:transparent;text-align:left}.panel-flash{margin-bottom:1rem}.domain-filter-panel{display:grid;grid-template-columns:minmax(16rem,2fr) repeat(5,minmax(8.5rem,1fr));gap:.75rem;align-items:end;margin-top:1.5rem;padding:1rem}.domain-filter-panel label{display:block;margin-bottom:.375rem;font-size:.75rem;color:var(--muted-foreground)}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--muted-foreground)}.input-with-icon input{padding-left:2.15rem}.domain-list{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.75rem}.domain-card{padding:0;overflow:hidden}.domain-main-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.75rem;align-items:center;padding:1rem}.domain-expand{display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;border:0;border-radius:.375rem;background:transparent;color:var(--muted-foreground)}.domain-expand:hover{background:var(--muted)}.domain-expand svg{transition:transform .15s}.domain-expand.open svg{transform:rotate(180deg)}.domain-main-copy{min-width:0}.domain-top-meta{display:flex;gap:.5rem;align-items:center;margin-top:.35rem}.domain-date{font-size:.75rem;color:var(--muted-foreground)}.domain-flags{display:flex;gap:.5rem;flex-wrap:wrap}.domain-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;border-top:1px solid var(--border);padding:1rem 3.75rem 1.25rem}.domain-detail-grid[hidden],.lovable-domain-details[hidden]{display:none!important}.detail-label{display:block;margin-bottom:.4rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground)}.contact-badge{display:inline-flex;max-width:100%;align-items:center;gap:.35rem;border:1px solid var(--border);border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;overflow-wrap:anywhere}.contact-badge.holder{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.contact-badge.admin{border-color:#c4b5fd;background:#f5f3ff;color:#6d28d9}.contact-badge.tech{border-color:#fcd34d;background:#fffbeb;color:#b45309}.contact-badge.ns{border-color:#6ee7b7;background:#ecfdf5;color:#047857}.ns-badges{display:grid;gap:.35rem}.panel-pagination{align-items:center;justify-content:space-between;margin-top:1rem}.panel-pagination>div{display:flex;gap:.5rem}.link-underline{text-decoration:underline}.invoice-list-panel{margin-top:1.5rem;overflow:hidden}.invoice-list-head,.invoice-row{display:grid;grid-template-columns:1.2fr 1fr .8fr .8fr auto;gap:.75rem;align-items:center}.invoice-list-head{padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground)}.invoice-list{list-style:none;padding:0;margin:0}.invoice-row{padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.875rem}.invoice-row:last-child{border-bottom:0}.invoice-row p{margin:.15rem 0 0;font-size:.75rem;color:var(--muted-foreground)}.invoice-actions{display:flex;gap:.5rem;justify-content:flex-end}.panel-empty,.panel-table-space{margin-top:1.5rem}.text-right{text-align:right!important}.detail-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.detail-page-head h1{margin:.25rem 0 0;font-size:1.5rem}.detail-page-head p{margin:.25rem 0 0;font-size:.875rem;color:var(--muted-foreground)}.detail-back{font-size:.8rem;color:var(--muted-foreground)}.detail-back:hover{text-decoration:underline}.detail-stats{margin-top:1.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}.detail-card{padding:1rem}.detail-card h2{margin:0 0 1rem;font-size:1rem}.detail-dl{display:grid;gap:0;margin:0}.detail-dl>div{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--border);font-size:.8rem}.detail-dl>div:last-child{border-bottom:0}.detail-dl dt{color:var(--muted-foreground)}.detail-dl dd{margin:0;overflow-wrap:anywhere}.detail-list-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--border)}.detail-list-row:last-child{border-bottom:0}.detail-list-row div{display:grid;gap:.15rem}.detail-section{margin-top:1rem}.admin-action-cell{white-space:nowrap;text-align:right}.admin-row-title{font-weight:600}.admin-row-sub{margin-top:.15rem;font-size:.72rem;color:var(--muted-foreground)}
@media(max-width:1150px){.domain-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.domain-filter-search{grid-column:span 3}.domain-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.invoice-list-head{display:none}.invoice-row{grid-template-columns:1fr auto}.invoice-row>span:not(.invoice-actions),.invoice-row>strong{margin-top:.35rem}.invoice-actions{grid-column:1/-1;justify-content:flex-start}.domain-main-row{grid-template-columns:auto minmax(0,1fr) auto}.domain-flags{grid-column:2/-1}.domain-detail-grid{padding-left:1rem}.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.panel-mobilebar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;background:var(--sidebar);padding:.75rem 1rem;color:var(--sidebar-foreground);border-bottom:1px solid var(--sidebar-border)}.panel-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;z-index:60;width:17rem;height:100vh;transform:translateX(-105%);transition:transform .2s ease;box-shadow:0 20px 50px rgba(0,0,0,.25)}body.panel-menu-open .sidebar{transform:translateX(0)}.sidebar-nav{display:flex;flex-direction:column}.domain-filter-panel{grid-template-columns:1fr}.domain-filter-search{grid-column:auto}.domain-main-row{grid-template-columns:auto minmax(0,1fr)}.domain-main-row>.btn{grid-column:2}.domain-detail-grid{grid-template-columns:1fr}.detail-stats{grid-template-columns:1fr 1fr}.detail-page-head{flex-direction:column}}
.price-inline-form{display:grid;grid-template-columns:repeat(3,6.5rem) minmax(7rem,1fr) minmax(7rem,1fr) auto;gap:.65rem;align-items:center}.price-inline-form .btn{justify-self:end}@media(max-width:900px){.price-inline-form{grid-template-columns:repeat(2,minmax(0,1fr))}.price-inline-form .btn{justify-self:stretch}}

/* v13 Lovable screenshot parity */
.domain-filter-panel{grid-template-columns:minmax(20rem,2.6fr) repeat(3,minmax(9rem,1fr));row-gap:1rem}.domain-filter-panel>div:nth-child(5){grid-column:1}.domain-filter-panel>div:nth-child(6){grid-column:2}.lovable-domain-list{gap:.75rem}.lovable-domain-card{overflow:hidden}.lovable-domain-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem}.lovable-domain-copy{min-width:0}.lovable-domain-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.lovable-domain-date{margin-top:.25rem;color:var(--muted-foreground);font-size:.72rem}.lovable-domain-actions{display:flex;align-items:center;gap:.85rem;white-space:nowrap}.domain-inline-state{display:inline-flex;align-items:center;gap:.3rem;color:var(--muted-foreground);font-size:.75rem}.domain-inline-state.renew-on{color:#059669}.domain-details-toggle,.customer-detail-toggle{display:inline-flex;align-items:center;gap:.35rem;border:0;background:transparent;color:var(--foreground);font:inherit;font-size:.75rem;cursor:pointer}.domain-details-toggle svg,.customer-detail-toggle svg{transition:transform .15s}.domain-details-toggle.open svg,.customer-detail-toggle.open svg{transform:rotate(180deg)}.lovable-domain-details{padding-left:1rem}.lovable-admin-titlebar{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.lovable-admin-titlebar h1{margin:0;font-size:1.55rem}.lovable-global-search{display:flex;align-items:center;width:18rem;height:2.25rem;border:1px solid var(--border);border-radius:.4rem;background:var(--background);padding:0 .65rem;box-shadow:0 1px 2px rgba(15,23,42,.08)}.lovable-global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;padding:0 .5rem;color:var(--foreground)}.lovable-global-search kbd{border:1px solid var(--border);border-radius:.25rem;padding:.05rem .25rem;color:var(--muted-foreground);font-size:.65rem}.lovable-admin-stats{margin-bottom:2rem}.lovable-customer-table{margin-top:0}.lovable-customer-table th,.lovable-customer-table td{padding:.7rem .55rem}.lovable-customer-table td{font-size:.78rem}.last-login-badge{display:block;border:1px solid #6ee7b7;border-radius:.3rem;background:#ecfdf5;color:#047857;padding:.1rem .45rem;font-size:.72rem}.customer-inline-detail td{background:var(--muted)}.customer-inline-detail td>div{display:flex;gap:2rem;align-items:center;padding:.25rem}.admin-action-cell{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.admin-nav-link{position:relative}.admin-nav-link>span:nth-child(2){min-width:0}.admin-nav-count{margin-left:auto;border-radius:999px;background:rgba(255,255,255,.08);padding:.12rem .45rem;font-size:.65rem;color:var(--sidebar-foreground)}.office-status-pill{position:fixed;right:1rem;bottom:1rem;z-index:80;display:flex;align-items:center;gap:.4rem;border:1px solid var(--border);border-radius:999px;background:var(--background);padding:.5rem .85rem;box-shadow:0 6px 20px rgba(15,23,42,.12);font-size:.72rem}.office-status-pill[hidden]{display:none}.office-status-dot{width:.45rem;height:.45rem;border-radius:50%;background:#10b981}.office-status-pill.closed .office-status-dot{background:#ef4444}.office-status-pill span:last-child{color:var(--muted-foreground)}
@media(max-width:1100px){.domain-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.domain-filter-panel>div:nth-child(5),.domain-filter-panel>div:nth-child(6){grid-column:auto}.domain-filter-search{grid-column:1/-1}.lovable-domain-actions{gap:.5rem}.domain-inline-state{display:none}}
@media(max-width:700px){.lovable-domain-row{align-items:flex-start;flex-direction:column}.lovable-domain-actions{width:100%;flex-wrap:wrap}.domain-inline-state{display:inline-flex}.lovable-admin-titlebar{align-items:stretch;flex-direction:column}.lovable-global-search{width:100%}.office-status-pill{right:.5rem;bottom:.5rem}}

/* v14: reference-parity pass from the supplied Lovable screenshots/source. */
.admin-main-inner{width:min(84rem,100%)}
.lovable-admin-titlebar{margin-bottom:1.75rem}.lovable-admin-titlebar h1{font-size:1.55rem}.lovable-admin-stats{margin-top:0;margin-bottom:2rem}
.admin-stat{min-height:5rem}.admin-stat strong{font-size:1.45rem}.admin-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.customer-dossier-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem!important;width:100%;padding:.75rem!important}.customer-dossier-grid>div{display:flex;min-height:4rem;flex-direction:column;justify-content:center;border:1px solid var(--border);border-radius:.45rem;background:var(--background);padding:.75rem}.customer-dossier-grid span{font-size:.68rem;text-transform:uppercase;color:var(--muted-foreground)}.customer-dossier-grid strong{margin-top:.25rem;font-size:.8rem;font-weight:500}.customer-inline-detail td{padding:.35rem .45rem .9rem;background:var(--card)}.customer-detail-toggle.open{border:1px solid var(--primary);border-radius:.4rem;padding:.45rem .7rem}.customer-detail-toggle.open svg{transform:rotate(180deg)}
.activity-filters{display:grid;grid-template-columns:14rem 14rem minmax(16rem,20rem) auto;gap:.5rem;align-items:center;margin-bottom:.75rem}.activity-table td{vertical-align:top}.activity-day{color:#059669;font-size:.75rem;font-weight:600}.activity-badge{display:inline-flex;border:1px solid #fed7aa;border-radius:999px;background:#fff7ed;color:#9a3412;padding:.12rem .55rem;font-size:.72rem}.activity-detail-toggle{display:inline-flex;align-items:center;gap:.35rem;border:0;background:transparent;color:var(--muted-foreground);font-size:.75rem}.activity-detail-toggle svg{transition:.15s}.activity-detail-toggle.open svg{transform:rotate(180deg)}.activity-detail{margin-top:.45rem;border:1px solid var(--border);border-radius:.35rem;background:var(--muted);padding:.5rem .75rem;color:var(--muted-foreground);font-size:.72rem;white-space:pre-wrap}
.admin-register-domain{margin-bottom:1rem;padding:1rem}.admin-register-domain label,.admin-domain-filters label{display:block;margin-bottom:.35rem;color:var(--muted-foreground);font-size:.72rem}.admin-register-domain>div{display:flex;gap:.75rem}.admin-register-domain .input{flex:1}.admin-domain-filters{display:grid;grid-template-columns:minmax(20rem,2.5fr) repeat(5,minmax(8rem,1fr)) auto;gap:.75rem;align-items:end;margin-bottom:1rem;padding:1rem}.admin-domains-table td{padding:.65rem .55rem}.switch{position:relative;display:inline-flex;width:2.25rem;height:1.25rem;vertical-align:middle}.switch input{position:absolute;opacity:0}.switch span,.switch i{position:absolute;inset:0;border-radius:999px;background:#dbe5f1;transition:.15s}.switch span:after,.switch i:after{content:"";position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;border-radius:50%;background:white;box-shadow:0 1px 3px rgba(15,23,42,.2);transition:.15s}.switch input:checked+span,.switch-with-label input:checked+.switch i{background:var(--primary)}.switch input:checked+span:after,.switch-with-label input:checked+.switch i:after{transform:translateX(1rem)}.domain-options{position:relative;display:inline-block}.domain-options summary{display:inline-flex;align-items:center;gap:.3rem;list-style:none;cursor:pointer;font-size:.75rem}.domain-options summary::-webkit-details-marker{display:none}.domain-options>div{position:absolute;right:0;top:calc(100% + .4rem);z-index:30;width:10rem;border:1px solid var(--border);border-radius:.4rem;background:var(--card);box-shadow:var(--shadow-panel);padding:.3rem}.domain-options a,.domain-options button{display:block;width:100%;border:0;background:transparent;padding:.5rem .6rem;text-align:left;font-size:.78rem}.domain-options a:hover,.domain-options button:hover{background:var(--muted)}.domain-options .danger-link{color:var(--destructive)}
.admin-pricing-layout{display:grid;grid-template-columns:17.5rem minmax(0,1fr);gap:1rem}.tld-picker{display:flex;max-height:72vh;flex-direction:column;overflow:hidden}.tld-picker-head{border-bottom:1px solid var(--border);padding:.75rem}.tld-filter-tabs{display:flex;gap:.25rem;margin-top:.5rem}.tld-filter-tabs button{border:0;border-radius:.35rem;background:var(--muted);padding:.3rem .5rem;color:var(--muted-foreground);font-size:.7rem}.tld-filter-tabs button.active{background:var(--primary);color:var(--primary-foreground)}.tld-picker-head p{margin:.5rem 0 0;color:var(--muted-foreground);font-size:.7rem}.tld-picker-list{min-height:0;overflow:auto;padding:.4rem}.tld-picker-item{display:flex;align-items:center;justify-content:space-between;border-radius:.35rem;padding:.5rem .65rem;font-size:.78rem}.tld-picker-item:hover{background:var(--muted)}.tld-picker-item.selected{background:color-mix(in oklch,var(--primary) 10%,transparent);color:var(--primary);font-weight:600}.tld-picker-item span{display:flex;align-items:center;gap:.5rem}.tld-picker-item i{width:.45rem;height:.45rem;border-radius:50%;background:color-mix(in oklch,var(--muted-foreground) 45%,transparent)}.tld-picker-item i.on{background:#10b981}.tld-picker-item small{color:var(--muted-foreground)}.tld-detail-panel{overflow:hidden}.tld-detail-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:1rem}.tld-detail-head h2{margin:0;font-size:1.1rem}.tld-detail-body{padding:1rem}.pricing-check{display:flex;align-items:center;gap:.6rem;margin:.75rem 0;font-size:.875rem}.pricing-help{margin:-.4rem 0 1rem 1.7rem}.price-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.price-three label{font-size:.8rem}.price-three input{margin-top:.35rem}.price-three small{display:block;margin-top:.35rem;color:var(--muted-foreground);font-size:.68rem}.pricing-section{border-top:1px solid var(--border);padding:1.15rem}.pricing-section>div:first-child{display:flex;align-items:center;justify-content:space-between}.pricing-section h3{margin:0;font-size:1rem}.pricing-section>p{margin:.75rem 0}.pricing-row{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;border-top:1px solid var(--border);padding:.65rem 0;font-size:.8rem}.link-button{border:0;background:transparent;color:var(--destructive)}.registry-section .price-three{margin-top:1rem}.registry-section .price-three div{display:grid;gap:.25rem}.registry-section .price-three span{color:var(--muted-foreground);font-size:.75rem}
.office-admin-panel{max-width:48rem;padding:1rem}.office-admin-head{display:flex;gap:.75rem;align-items:flex-start}.office-admin-head h2{margin:0;font-size:1rem}.office-admin-head p{margin:.25rem 0 0;color:var(--muted-foreground);font-size:.8rem}.office-admin-list{display:grid;gap:.5rem;margin-top:1rem}.office-admin-row{display:grid;grid-template-columns:7rem 7rem 8rem auto 8rem auto;gap:.65rem;align-items:center;border:1px solid var(--border);border-radius:.5rem;padding:.65rem}.switch-with-label{display:flex;align-items:center;gap:.45rem}.switch-with-label>input{position:absolute;opacity:0}.switch-with-label .switch{position:relative}.switch-with-label em{font-style:normal;color:var(--muted-foreground);font-size:.72rem}.office-time{width:8rem}
.office-hours-fab{position:fixed;right:1rem;bottom:1rem;z-index:90}.office-hours-pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in oklch,var(--card) 92%,transparent);padding:.45rem .75rem;box-shadow:0 8px 24px rgba(15,23,42,.13);backdrop-filter:blur(8px);font-size:.72rem;transition:.2s}.office-hours-fab:hover .office-hours-pill,.office-hours-fab:focus-within .office-hours-pill{transform:translateY(-.2rem);box-shadow:0 12px 30px rgba(15,23,42,.16)}.office-hours-dot{width:.45rem;height:.45rem;border-radius:50%;background:#10b981}.office-hours-fab.closed .office-hours-dot{background:#ef4444}.office-hours-fab.closed .office-hours-pill{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.office-hours-pill>span:last-child{color:var(--muted-foreground)}.office-hours-popover{pointer-events:none;position:absolute;right:0;bottom:calc(100% + .6rem);width:16rem;transform:translateY(.5rem) scale(.96);transform-origin:bottom right;border:1px solid var(--border);border-radius:.65rem;background:var(--card);padding:1rem;box-shadow:0 16px 36px rgba(15,23,42,.18);opacity:0;transition:.2s}.office-hours-fab:hover .office-hours-popover,.office-hours-fab:focus-within .office-hours-popover{pointer-events:auto;transform:none;opacity:1}.office-hours-popover-head{display:flex;align-items:center;gap:.5rem;font-size:.82rem}.office-hours-current{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.78rem}.office-hours-popover>strong{display:block;margin-top:.25rem;font-size:.82rem}.office-hours-popover dl{display:grid;gap:.15rem;margin:.75rem 0 0}.office-hours-popover dl>div{display:flex;justify-content:space-between;border-radius:.3rem;padding:.28rem .4rem;font-size:.75rem}.office-hours-popover dl>div.today{background:var(--muted);font-weight:600}.office-hours-popover dd{margin:0;color:var(--muted-foreground)}.office-hours-popover p{margin:.75rem 0 0;color:var(--muted-foreground);font-size:.65rem}
@media(max-width:1100px){.admin-domain-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-pricing-layout{grid-template-columns:15rem minmax(0,1fr)}.customer-dossier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-filters{grid-template-columns:1fr 1fr}.activity-filters input{grid-column:1/-1}.price-three{grid-template-columns:1fr}.office-admin-row{grid-template-columns:6rem 7rem 1fr auto 1fr}.office-admin-row .btn{grid-column:2/-1;justify-self:start}}
@media(max-width:700px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-pricing-layout{grid-template-columns:1fr}.tld-picker{max-height:28rem}.customer-dossier-grid{grid-template-columns:1fr}.admin-domain-filters{grid-template-columns:1fr}.activity-filters{grid-template-columns:1fr}.office-admin-row{grid-template-columns:1fr}.office-time{width:100%}.office-hours-fab{right:.5rem;bottom:.5rem}.office-hours-popover{width:min(16rem,calc(100vw - 1rem))}.lovable-admin-titlebar{flex-direction:column;align-items:stretch}.lovable-global-search{width:100%}}
/* v15 screenshot parity */
.dashboard-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0}.dash-metric{padding:20px 22px;min-height:100px}.dash-metric span{display:block;color:var(--muted);font-size:13px}.dash-metric strong{display:block;font-size:24px;margin:8px 0 4px}.dash-metric small{color:var(--muted)}.dashboard-bottom{margin-top:24px}.dashboard-chart{padding:22px}.dashboard-chart h2,.section-title{font-size:16px}.chart-placeholder{height:240px;display:flex;align-items:flex-end;justify-content:space-around;position:relative;color:var(--muted);font-size:12px;padding-bottom:10px}.chart-placeholder em{position:absolute;right:25px;bottom:52px;font-style:normal}.holders-card{margin-top:28px}.soft-status{display:inline-block;background:#edf3fa;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:600}.terms-toolbar{display:flex;gap:10px;align-items:center;margin:28px 0 16px}.terms-toolbar .input{max-width:330px}.yes-pill,.no-pill{display:inline-block;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600}.yes-pill{background:#eef4fb}.no-pill{background:#f00;color:#fff}.membership-create{margin-top:16px;padding:18px}.membership-create label{display:block;font-size:13px}.membership-create-foot{display:flex;align-items:center;gap:30px;margin-top:14px}.blocked-card,.dns-card,.dns-clients{margin-top:28px;padding:22px}.blocked-title{display:flex;gap:14px}.blocked-title h2{margin:0 0 3px}.blocked-form{display:grid;grid-template-columns:2fr .7fr 2fr auto;gap:12px;align-items:end;margin-top:18px}.blocked-form label{font-size:13px}.blocked-list{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.dns-search{display:flex;gap:10px;margin-top:18px}.dns-clients{padding:0 22px 10px}.dns-clients .admin-card-head{padding:20px 0}.compact-search{max-width:310px}.fake-switch{display:inline-block;width:36px;height:20px;border-radius:20px;background:#dbe6f2;box-shadow:inset 0 0 0 1px #d1ddea}.invoice-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 16px}.monthly-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 24px}.monthly-cycle,.monthly-client{padding:24px;margin-bottom:24px}.monthly-cycle h2,.monthly-client h2{font-size:16px}.monthly-client-row{border:1px solid var(--border);border-radius:8px;padding:18px;display:flex;justify-content:space-between;align-items:center}.ticket-top{display:flex;justify-content:flex-end;margin:28px 0 12px}.ticket-empty{min-height:70px;padding:20px}@media(max-width:1000px){.dashboard-metric-grid{grid-template-columns:repeat(2,1fr)}.blocked-form{grid-template-columns:1fr}.invoice-stats{grid-template-columns:1fr}.terms-toolbar{flex-wrap:wrap}}

/* v16 — shared Lovable DomainManager parity */
.domain-manager{max-width:54rem;margin:0 auto}.domain-manager-heading{margin-top:.75rem}.domain-manager-heading h1{margin:0;font-size:1.5rem;overflow-wrap:anywhere}.domain-manager-heading p{margin:.35rem 0 0;color:var(--muted-foreground);font-size:.875rem}.domain-manager-grid{display:grid;grid-template-columns:13.5rem minmax(0,1fr);gap:1.5rem;margin-top:1.5rem;align-items:start}.domain-tabs{position:sticky;top:1.5rem;background:color-mix(in oklch,var(--muted) 75%,var(--card));border-radius:.5rem;padding:.25rem;display:flex;flex-direction:column;gap:.15rem}.domain-tab{display:flex;align-items:center;gap:.55rem;min-height:2.25rem;padding:.45rem .7rem;border-radius:.375rem;color:var(--muted-foreground);font-size:.875rem}.domain-tab:hover{color:var(--foreground);background:color-mix(in oklch,var(--card) 72%,transparent)}.domain-tab.active{background:var(--card);color:var(--foreground);box-shadow:0 1px 3px rgba(15,23,42,.12);border:1px solid var(--border)}.domain-manager-content{min-width:0;display:flex;flex-direction:column;gap:1rem}.domain-dns-table th,.domain-dns-table td{padding:.8rem .65rem}.domain-record-value{max-width:20rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;color:var(--muted-foreground)}.icon-button:hover{background:var(--muted);color:var(--foreground)}.danger-hover:hover{color:var(--destructive)}.domain-dns-add{display:grid;grid-template-columns:5.5rem 7.5rem minmax(10rem,1fr) 5.5rem 6rem auto;gap:.65rem;padding:1rem;align-items:center}.domain-mail-presets,.domain-section-card,.redirect-form{padding:1rem}.domain-mail-presets h3,.domain-section-card h3,.redirect-form h3,.domain-section-head h3{margin:0;font-size:.95rem}.domain-mail-presets>p,.domain-section-card>p,.domain-section-head p,.redirect-row p,.form-help{color:var(--muted-foreground);font-size:.8rem;line-height:1.5}.section-icon-title{display:flex;align-items:center;gap:.5rem}.section-icon-title .ui-icon{color:var(--primary)}.mail-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.8rem}.mail-preset-card{border:1px solid var(--border);border-radius:.5rem;padding:.8rem}.mail-preset-card summary{list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;cursor:pointer}.mail-preset-card summary::-webkit-details-marker{display:none}.mail-preset-card summary>span:not(.btn){font-size:.75rem;color:var(--muted-foreground)}.mail-preset-card summary .btn{margin-top:.35rem}.preset-form{border-top:1px solid var(--border);margin-top:.8rem;padding-top:.8rem;display:flex;flex-direction:column;gap:.65rem}.check-label{display:flex;align-items:flex-start;gap:.45rem;font-size:.82rem}.domain-section-head{display:flex;justify-content:space-between;align-items:center}.redirect-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.8rem 1rem}.redirect-row strong{font-size:.875rem}.redirect-row p{margin:.25rem 0 0}.redirect-empty{padding:2.5rem 1rem;text-align:center;border-style:dashed;display:flex;flex-direction:column;gap:.3rem}.redirect-empty span{font-size:.82rem;color:var(--muted-foreground)}.redirect-form{display:flex;flex-direction:column;gap:1rem}.redirect-switches{display:flex;flex-direction:column;gap:.8rem;justify-content:center}.domain-ns-textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin:.8rem 0}.domain-contact-form{display:grid;gap:1rem;max-width:28rem;margin-top:1rem}.register-contact-status{margin-top:1rem;background:color-mix(in oklch,var(--muted) 45%,transparent);border:1px solid var(--border);border-radius:.5rem;padding:.65rem .8rem;display:grid;gap:.4rem}.register-contact-status>div{display:flex;justify-content:space-between;gap:1rem;font-size:.75rem}.register-contact-status span{color:var(--muted-foreground)}.domain-setting-row{padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.domain-setting-row strong{font-size:.875rem}.domain-setting-row p{font-size:.75rem;color:var(--muted-foreground);margin:.25rem 0 0}.switch{width:2.35rem;height:1.3rem;border:0;border-radius:999px;background:#dbe5ef;padding:.15rem;display:flex;align-items:center;justify-content:flex-start}.switch span{display:block;width:1rem;height:1rem;border-radius:50%;background:white;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:.15s}.switch.on{background:var(--primary);justify-content:flex-end}.auth-code-row{display:flex;align-items:center;gap:.5rem;margin-top:.8rem;flex-wrap:wrap}.auth-code-row code{background:var(--muted);border-radius:.375rem;padding:.55rem .75rem;font-size:.875rem}.danger-card{border-color:color-mix(in oklch,var(--destructive) 45%,var(--border))}.domain-notice{margin-top:1rem;border:1px solid var(--border);border-radius:.5rem;padding:1rem;font-size:.875rem}.domain-notice p{margin:.35rem 0 0;color:var(--muted-foreground)}.domain-notice.warning{border-color:#f2b84b;background:#fffaf0}.domain-notice.error{border-color:color-mix(in oklch,var(--destructive) 50%,var(--border));background:color-mix(in oklch,var(--destructive) 7%,white)}
.domain-admin-shell{min-height:100vh;display:flex;background:var(--background)}.domain-admin-sidebar{width:14.5rem;flex:0 0 14.5rem;min-height:100vh;background:var(--sidebar);color:var(--sidebar-foreground);position:sticky;top:0;height:100vh}.domain-admin-brand{height:4rem;padding:0 1rem}.domain-admin-title{padding:1rem 1.25rem .5rem;font:600 1.1rem "Sora",sans-serif;color:white;overflow-wrap:anywhere}.domain-admin-sidebar nav{padding:.5rem}.domain-admin-sidebar nav>a,.domain-admin-sidebar nav>span,.domain-admin-sidebar nav form button{width:100%;display:flex;align-items:center;gap:.6rem;border:0;background:transparent;color:var(--sidebar-foreground);padding:.6rem .75rem;border-radius:.375rem;text-align:left;font-size:.875rem}.domain-admin-sidebar nav>a:hover,.domain-admin-sidebar nav>span.active{background:var(--sidebar-accent);color:white}.domain-admin-sidebar nav form{margin-top:.25rem}.domain-admin-main{min-width:0;flex:1;padding:2rem}.domain-admin-container{max-width:68rem;margin:0 auto}.domain-admin-head{margin-bottom:1.25rem}.domain-admin-head h1{margin:0;font-size:1.5rem}.domain-admin-head p{margin:.35rem 0 0;color:var(--muted-foreground);font-size:.875rem}.domain-admin-main .domain-manager{max-width:54rem;margin:0 auto}.domain-admin-main .domain-manager-heading{margin-top:1.5rem}
@media(max-width:850px){.domain-manager-grid{grid-template-columns:1fr}.domain-tabs{position:static;flex-direction:row;overflow:auto}.domain-tab{white-space:nowrap}.domain-dns-add{grid-template-columns:1fr 1fr}.domain-dns-add .btn{grid-column:1/-1}.mail-preset-grid{grid-template-columns:1fr}.domain-admin-shell{display:block}.domain-admin-sidebar{position:relative;width:100%;height:auto;min-height:0}.domain-admin-main{padding:1rem}}
.notice-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.notice-actions form{display:flex;gap:.5rem;align-items:center}.notice-actions .input{width:14rem}
/* v17 Lovable inline domain details */
.admin-domain-inline-detail td{padding:0!important;background:var(--background)}
.admin-domain-inline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.25rem;padding:1.45rem .75rem 1.6rem;border-top:1px solid var(--border)}
.admin-domain-inline-grid .detail-label{margin-bottom:.55rem;font-size:.72rem}
.admin-domain-inline-grid .contact-badge{max-width:100%;width:max-content}
.admin-domain-inline-grid .ns-badges{align-items:start}
.admin-domain-inline-toggle{cursor:pointer}
@media(max-width:1100px){.admin-domain-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.admin-domain-inline-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}}

/* v20 business dashboard */
.business-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0 18px}.business-kpi{padding:18px 20px;min-height:112px}.business-kpi-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted-foreground);font-size:12px;font-weight:600}.business-kpi strong{display:block;margin-top:10px;color:var(--foreground);font-family:"Sora",sans-serif;font-size:25px;line-height:1.05}.business-kpi small{display:block;margin-top:7px;color:var(--muted-foreground);font-size:11px}.kpi-icon{display:inline-flex!important;width:27px;height:27px;align-items:center;justify-content:center;border-radius:7px;background:var(--muted);color:var(--foreground)!important;font-size:12px!important}.business-dashboard-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:16px;margin-top:16px}.business-dashboard-grid.secondary{grid-template-columns:1fr 1fr}.business-chart-card{padding:20px 22px}.business-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.business-card-head h2{margin:0;color:var(--foreground);font-size:15px;font-weight:650}.business-card-head p{margin:4px 0 0;color:var(--muted-foreground);font-size:11px}.business-card-head>strong{font-size:16px}.revenue-bars{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;height:245px;margin-top:22px;align-items:end}.revenue-bar-col{display:grid;grid-template-rows:18px 1fr 18px;height:100%;gap:6px;text-align:center}.revenue-value{font-size:10px;color:var(--muted-foreground);white-space:nowrap}.revenue-bar-track{position:relative;height:100%;min-height:145px;border-radius:7px;background:linear-gradient(to top,var(--muted),color-mix(in srgb,var(--muted) 30%,transparent));overflow:hidden}.revenue-bar{position:absolute;left:18%;right:18%;bottom:0;border-radius:6px 6px 2px 2px;background:var(--primary);min-height:5px}.revenue-bar-col>span{font-size:11px;color:var(--muted-foreground)}.domain-portfolio{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:20px;min-height:240px}.domain-ring{--active:0;display:grid;width:132px;height:132px;margin:auto;place-items:center;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--active)*1%),var(--muted) 0);position:relative}.domain-ring:after{content:"";position:absolute;inset:17px;border-radius:50%;background:var(--background)}.domain-ring>div{position:relative;z-index:1;text-align:center}.domain-ring strong{display:block;font-size:23px}.domain-ring span{font-size:10px;color:var(--muted-foreground)}.portfolio-legend{display:flex;flex-direction:column;gap:13px}.portfolio-legend>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:11px}.portfolio-legend span{color:var(--muted-foreground)}.legend-dot{width:7px;height:7px;border-radius:50%;background:var(--muted-foreground)}.legend-dot.active{background:var(--primary)}.legend-dot.inactive{background:var(--muted-foreground)}.legend-dot.linked{background:var(--foreground)}.activity-bars{display:flex;flex-direction:column;gap:12px;margin-top:22px}.activity-bar-row{display:grid;grid-template-columns:minmax(135px,1fr) 2.2fr 34px;align-items:center;gap:10px;font-size:11px}.activity-bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground)}.activity-bar-row>div{height:8px;border-radius:999px;background:var(--muted);overflow:hidden}.activity-bar-row i{display:block;height:100%;border-radius:999px;background:var(--primary)}.activity-bar-row strong{text-align:right}.operations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.operations-grid>div{padding:14px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--muted) 35%,var(--background))}.operations-grid span{display:block;color:var(--muted-foreground);font-size:11px}.operations-grid strong{display:block;margin-top:5px;font-size:20px}.recent-business-activity{margin-top:16px;padding:20px 22px}.recent-business-activity .admin-list{padding:.5rem 0 0}.dash-metric span,.dash-metric small{color:var(--muted-foreground)!important}.dash-metric strong{color:var(--foreground)!important}
@media(max-width:1100px){.business-kpi-grid{grid-template-columns:repeat(2,1fr)}.business-dashboard-grid,.business-dashboard-grid.secondary{grid-template-columns:1fr}}
@media(max-width:650px){.business-kpi-grid{grid-template-columns:1fr}.domain-portfolio{grid-template-columns:1fr}.revenue-bars{gap:7px}.revenue-value{font-size:9px}.operations-grid{grid-template-columns:1fr}}

/* v25 finishing pass */
.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 24px;padding:0 2px}.admin-pagination>div{display:flex;gap:8px}.admin-pagination .btn:disabled{opacity:.45;cursor:not-allowed}
.customer-dossier-head .customer-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.customer-dossier-grid{align-items:start}.customer-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.customer-info-grid>div{padding:12px 0;border-bottom:1px solid var(--border)}.customer-info-grid span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted-foreground)}.customer-info-grid strong{display:block;margin-top:4px;font-size:13px;overflow-wrap:anywhere}.customer-tech-details{margin-top:18px;border-top:1px solid var(--border);padding-top:12px}.customer-tech-details summary{cursor:pointer;font-size:12px;color:var(--muted-foreground)}.customer-activity{margin-top:18px;padding:18px 20px}.admin-stat small{display:block;margin-top:4px;color:var(--muted-foreground);font-size:10px}
.admin-modal{border:0;padding:0;border-radius:12px;box-shadow:0 24px 80px rgba(15,23,42,.3);width:min(720px,calc(100vw - 32px));background:var(--background);color:var(--foreground)}.admin-modal::backdrop{background:rgba(15,23,42,.45);backdrop-filter:blur(2px)}.admin-modal-card{padding:0}.admin-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;border-bottom:1px solid var(--border)}.admin-modal-head h2{margin:0;font-size:17px}.admin-modal-head p{margin:4px 0 0;color:var(--muted-foreground);font-size:12px}.admin-modal-card>.admin-edit-grid,.admin-modal-card>.check-label{margin:18px 22px}.admin-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px 22px;border-top:1px solid var(--border)}.modal-close{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:var(--muted-foreground)}.membership-create-summary{cursor:pointer;font-weight:600;padding:2px 0}.membership-create[open] .membership-create-summary{margin-bottom:4px}
.admin-dns-summary{margin:16px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.admin-dns-summary .card{padding:14px}.admin-dns-summary strong{display:block;margin-top:5px;font-size:13px}.admin-dns-results{display:grid;gap:12px;margin-bottom:18px}.admin-dns-results .card{padding:18px 20px}.admin-dns-results code{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:800px){.customer-info-grid{grid-template-columns:1fr}.admin-dns-summary{grid-template-columns:repeat(2,1fr)}}


/* v28 - impersonation, readable invoice detail and polished administrative states */
.customer-head-actions,.invoice-head-actions,.invoice-customer-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.customer-head-actions form,.invoice-customer-actions form{margin:0}.invoice-title-line{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.invoice-status{display:inline-flex;align-items:center;border-radius:999px;padding:.28rem .62rem;font-size:.76rem;font-weight:700;text-transform:capitalize;border:1px solid #cbd5e1;background:#f8fafc;color:#334155}.invoice-status-openstaand{background:#fff7ed;border-color:#fed7aa;color:#b45309}.invoice-status-betaald{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.invoice-status-gecrediteerd{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.invoice-summary-grid{align-items:stretch}.invoice-kv>div{min-height:44px;align-items:center}.invoice-technical{padding:1.25rem 1.4rem}.technical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.3rem}.technical-item{min-width:0;border:1px solid #d9e2ec;background:#f8fafc;border-radius:10px;padding:.78rem .9rem}.technical-item span{display:block;color:#64748b;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.035em;margin-bottom:.35rem}.technical-item strong{display:block;color:#0f172a;font-size:.88rem;line-height:1.45;overflow-wrap:anywhere}.technical-item .mono,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.8rem}.raw-json-details{margin-top:1rem;border-top:1px solid #dbe4ee;padding-top:.85rem}.raw-json-details summary{cursor:pointer;color:#334155;font-weight:650;font-size:.86rem}.raw-json-details pre{margin:.8rem 0 0;background:#0b1628;color:#dce7f7;border:1px solid #1e3350;border-radius:10px;padding:1rem 1.1rem;font:500 .78rem/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere;max-height:520px}.impersonation-topbar{position:fixed;z-index:1000;left:0;right:0;top:0;height:46px;background:#08244a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;box-shadow:0 1px 0 rgba(255,255,255,.12),0 8px 24px rgba(2,12,27,.16)}.impersonation-topbar>div{display:flex;align-items:center;gap:.65rem}.impersonation-topbar strong{font-size:.82rem}.impersonation-topbar span{font-size:.78rem;color:#cbdaf0}.impersonation-return{appearance:none;border:1px solid rgba(255,255,255,.28);background:#fff;color:#08244a;border-radius:7px;padding:.45rem .72rem;font-weight:700;font-size:.78rem;cursor:pointer}.is-impersonating .panel-mobilebar{top:46px}.is-impersonating .panel-shell{padding-top:46px}.is-impersonating .sidebar{top:46px;height:calc(100vh - 46px)}
@media(max-width:900px){.technical-grid{grid-template-columns:1fr 1fr}.impersonation-topbar span{display:none}.is-impersonating .panel-shell{padding-top:46px}.invoice-head-actions{width:100%}}
@media(max-width:620px){.technical-grid{grid-template-columns:1fr}.impersonation-topbar{padding:0 10px}.invoice-detail-head .invoice-head-actions .btn{flex:1;justify-content:center}}

/* Account, reseller and operational controls */
.subcustomer-create{padding:1.25rem}.subcustomer-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.subcustomer-form-action{grid-column:1/-1;display:flex;justify-content:flex-start}.row-actions{display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.row-actions form{margin:0}.sub-edit-body{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.25rem}.sub-edit-body label{font-size:.82rem;font-weight:600}.sub-edit-body label:last-child{grid-column:1/-1}.account-summary{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.account-summary>div{padding:.75rem;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--muted) 28%,var(--background))}.account-summary span{display:block;color:var(--muted-foreground);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.account-summary strong{display:block;margin-top:.28rem;font-size:.86rem;overflow-wrap:anywhere}.customer-access-panel{margin:1rem 0;padding:1.1rem 1.2rem}.customer-access-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;margin-top:.75rem}.incident-card{position:relative;padding:1rem 1.1rem}.incident-resolved{opacity:.72}.incident-meta{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;color:var(--muted-foreground);font-size:.74rem}.incident-meta code{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--muted);padding:.18rem .4rem;border-radius:5px}.incident-system{margin:.85rem 0;padding:.7rem .8rem;border-left:3px solid var(--warning);background:color-mix(in srgb,var(--muted) 35%,transparent);font-size:.84rem;overflow-wrap:anywhere}.incident-system span{display:block;margin-bottom:.2rem;color:var(--muted-foreground);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.incident-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:end}.incident-form label{font-size:.76rem;font-weight:600}.incident-actions{display:flex;gap:.45rem;flex-wrap:wrap}.incident-delete{margin-top:.45rem;text-align:right}.account-security-grid .card{padding:1.1rem 1.2rem}
@media(max-width:760px){.subcustomer-form,.sub-edit-body,.account-summary{grid-template-columns:1fr}.sub-edit-body label:last-child{grid-column:auto}.customer-access-form,.incident-form{grid-template-columns:1fr}.incident-actions{justify-content:flex-start}.row-actions{justify-content:flex-start;flex-wrap:wrap}.account-profile-grid,.account-security-grid{grid-template-columns:1fr}}

/* Creditfacturen + DNSSEC beheer */
.credit-refund-choice{display:flex;gap:12px;align-items:flex-start;margin:16px 0;padding:14px 16px;border:1px solid #dbe4f0;border-radius:12px;background:#f8fafc}.credit-refund-choice input{margin-top:3px}.credit-refund-choice span{display:flex;flex-direction:column;gap:4px}.credit-refund-choice small{color:#64748b;line-height:1.45}.credit-note-panel form>.btn{margin-top:4px}.dnssec-card{display:flex;flex-direction:column;gap:16px}.dnssec-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dnssec-head h3{margin:0 0 4px}.dnssec-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dnssec-meta>div{padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;display:flex;flex-direction:column;gap:4px}.dnssec-meta span,.dnssec-key-row span{font-size:12px;color:#64748b}.dnssec-key-list{display:flex;flex-direction:column;gap:10px}.dnssec-key-row{display:grid;grid-template-columns:90px 90px 90px minmax(0,1fr);gap:10px;padding:12px;border:1px solid #e2e8f0;border-radius:10px}.dnssec-key-row>div{min-width:0;display:flex;flex-direction:column;gap:4px}.dnssec-public-key code{white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.5;color:#334155}.dnssec-advanced{border-top:1px solid #e2e8f0;padding-top:14px}.dnssec-advanced summary{cursor:pointer;font-weight:700}.dnssec-advanced form{margin-top:12px;display:flex;flex-direction:column;gap:10px}.soft-status.is-success{background:#dcfce7;color:#166534}@media(max-width:760px){.dnssec-meta{grid-template-columns:1fr}.dnssec-key-row{grid-template-columns:1fr 1fr}.dnssec-public-key{grid-column:1/-1}}

/* Domain manager polish */
.domain-manager{max-width:64rem}.domain-admin-main .domain-manager{max-width:64rem}.domain-manager-grid{grid-template-columns:14rem minmax(0,1fr);gap:1.75rem}.domain-manager-content{gap:1.1rem}.domain-tabs{padding:.4rem;border:1px solid color-mix(in oklch,var(--border) 65%,transparent)}.domain-tab{min-height:2.55rem;padding:.55rem .8rem}.domain-dns-table{table-layout:fixed}.domain-dns-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.025em;color:var(--muted-foreground);background:color-mix(in oklch,var(--muted) 65%,white)}.domain-dns-table td{vertical-align:middle}.domain-record-value{max-width:none}.domain-dns-add{border-radius:.65rem}.domain-section-card{border-radius:.7rem}.dnssec-card{padding:0!important;gap:0!important;overflow:hidden}.dnssec-setting-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.35rem}.dnssec-setting-copy{min-width:0}.dnssec-setting-copy p{margin:.35rem 0 0;max-width:42rem;color:var(--muted-foreground);font-size:.8rem;line-height:1.55}.dnssec-title-line{display:flex;align-items:center;gap:.65rem}.dnssec-title-line h3{font-size:1rem!important}.dnssec-status-dot{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;color:#166534;background:#dcfce7;border-radius:999px;padding:.2rem .5rem}.dnssec-status-dot:before{content:"";width:.38rem;height:.38rem;border-radius:50%;background:#16a34a}.dnssec-toggle-form{flex:0 0 auto}.dnssec-switch{width:2.7rem;height:1.5rem;cursor:pointer}.dnssec-switch span{width:1.15rem;height:1.15rem}.dnssec-details,.dnssec-advanced{border-top:1px solid var(--border);padding:0}.dnssec-details summary,.dnssec-advanced summary{list-style:none;cursor:pointer;padding:.9rem 1.35rem;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:space-between}.dnssec-details summary::-webkit-details-marker,.dnssec-advanced summary::-webkit-details-marker{display:none}.dnssec-details summary:after,.dnssec-advanced summary:after{content:"+";font-size:1rem;color:var(--muted-foreground)}.dnssec-details[open] summary:after,.dnssec-advanced[open] summary:after{content:"−"}.dnssec-details summary span{margin-left:auto;margin-right:.75rem;font-weight:500;color:var(--muted-foreground)}.dnssec-key-list{padding:0 1.35rem 1.25rem}.dnssec-key-row{grid-template-columns:7rem 7rem 7rem minmax(0,1fr);background:color-mix(in oklch,var(--muted) 38%,white);border-color:var(--border)}.dnssec-public-key code{display:block;padding:.45rem .55rem;background:var(--card);border:1px solid var(--border);border-radius:.35rem;max-height:5rem;overflow:auto}.dnssec-advanced>p,.dnssec-advanced>form{margin-left:1.35rem;margin-right:1.35rem}.dnssec-advanced>form{margin-bottom:1.25rem}.dnssec-advanced .form-help{margin-top:0}.dnssec-advanced form{padding-top:0;border-top:0}.domain-setting-row{padding:1.15rem 1.25rem;border-radius:.7rem}.domain-setting-row p{line-height:1.5}.auth-code-row code{letter-spacing:.08em}.domain-mail-presets,.redirect-form{border-radius:.7rem}@media(max-width:850px){.domain-manager{max-width:100%}.domain-manager-grid{grid-template-columns:1fr;gap:1rem}.domain-tabs{position:static}.dnssec-setting-row{padding:1rem}.dnssec-key-row{grid-template-columns:1fr 1fr}.dnssec-public-key{grid-column:1/-1}.dnssec-key-list{padding:0 1rem 1rem}.dnssec-details summary,.dnssec-advanced summary{padding:.85rem 1rem}}

/* Domain management refinement */
.domain-manager{max-width:72rem!important}.domain-admin-main .domain-manager{max-width:72rem!important}.domain-admin-container{max-width:78rem!important}.domain-manager-grid{grid-template-columns:15rem minmax(0,1fr)!important;gap:2rem!important}.domain-tabs{background:#eef3fb!important;border:1px solid #e2e8f0!important;padding:.5rem!important;border-radius:14px!important}.domain-tab{min-height:2.75rem!important;border-radius:10px!important;padding:.65rem .8rem!important}.domain-tab.active{box-shadow:0 2px 8px rgba(15,23,42,.08)!important}.domain-manager-content>.surface-panel,.domain-manager-content>.domain-section-card{border-radius:14px!important;box-shadow:0 8px 24px rgba(15,23,42,.055)!important}.domain-dns-table th{padding:.85rem 1rem!important}.domain-dns-table td{padding:1rem!important}.domain-dns-add{padding:1rem!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(15,23,42,.05)!important}.domain-mail-presets{border-radius:14px!important}.domain-setting-row{border-radius:14px!important;padding:1.2rem 1.35rem!important;box-shadow:0 8px 24px rgba(15,23,42,.045)!important}.domain-setting-row strong{font-size:.95rem!important}.domain-setting-row p{font-size:.8rem!important}.dnssec-panel{padding:0!important;overflow:hidden;border-radius:14px!important;box-shadow:0 8px 24px rgba(15,23,42,.055)!important}.dnssec-main-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:1.3rem 1.4rem}.dnssec-icon-wrap{width:42px;height:42px;border-radius:12px;background:#eef4ff;color:#1d4ed8;display:flex;align-items:center;justify-content:center}.dnssec-main-copy{min-width:0}.dnssec-heading-line{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.dnssec-heading-line h3{margin:0;font-size:1rem}.dnssec-main-copy p{margin:.35rem 0 0;color:#64748b;font-size:.82rem;line-height:1.5;max-width:42rem}.dnssec-state{display:inline-flex;align-items:center;border-radius:999px;padding:.22rem .55rem;font-size:.68rem;font-weight:700}.dnssec-state.is-on{background:#dcfce7;color:#166534}.dnssec-state.is-off{background:#f1f5f9;color:#64748b}.dnssec-info-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #e2e8f0;background:#fbfdff}.dnssec-info-strip>div{padding:.85rem 1.4rem;display:flex;flex-direction:column;gap:.2rem}.dnssec-info-strip>div+div{border-left:1px solid #e2e8f0}.dnssec-info-strip span{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8}.dnssec-info-strip strong{font-size:.82rem;color:#0f172a}.dnssec-toggle-form{margin:0}.dnssec-switch{width:3rem!important;height:1.7rem!important;cursor:pointer!important;transition:.18s ease!important}.dnssec-switch span{width:1.28rem!important;height:1.28rem!important;transition:.18s ease!important}.dnssec-switch:disabled{opacity:.6;cursor:wait!important}.dnssec-details,.dnssec-advanced{border-top:1px solid #e2e8f0!important}.dnssec-details summary,.dnssec-advanced summary{padding:.9rem 1.4rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;list-style:none!important;cursor:pointer!important}.dnssec-details summary small,.dnssec-advanced summary small{font-size:.72rem;color:#94a3b8;font-weight:600}.dnssec-details summary:after,.dnssec-advanced summary:after{display:none!important}.dnssec-key-list{padding:0 1.4rem 1.25rem!important}.dnssec-key-row{border-radius:10px!important;background:#f8fafc!important}.dnssec-public-key code{font-size:.72rem!important;line-height:1.5!important;overflow-wrap:anywhere!important;word-break:break-all!important}.dnssec-advanced>p,.dnssec-advanced>form{margin-left:1.4rem!important;margin-right:1.4rem!important}.dnssec-advanced>form{margin-bottom:1.3rem!important}@media(max-width:900px){.domain-manager-grid{grid-template-columns:1fr!important}.domain-tabs{position:static!important;display:flex!important;flex-direction:row!important;overflow:auto!important}.dnssec-info-strip{grid-template-columns:1fr!important}.dnssec-info-strip>div+div{border-left:0;border-top:1px solid #e2e8f0}.dnssec-main-row{grid-template-columns:38px minmax(0,1fr) auto;padding:1rem}.dnssec-key-row{grid-template-columns:1fr 1fr!important}.dnssec-public-key{grid-column:1/-1}}

/* DNSSEC key editor */
.dnssec-editor-intro{padding:1rem 1.4rem 0}.dnssec-editor-intro strong{display:block;color:#0f172a;font-size:.86rem}.dnssec-editor-intro p{margin:.35rem 0 0;color:#64748b;font-size:.78rem;line-height:1.55;max-width:55rem}.dnssec-key-form{padding:1rem 1.4rem 1.35rem}.dnssec-editor-head,.dnssec-editor-row{display:grid;grid-template-columns:90px 90px 100px minmax(280px,1fr) 42px;gap:.7rem;align-items:center}.dnssec-editor-head{padding:0 .1rem .45rem;color:#94a3b8;font-size:.66rem;text-transform:uppercase;letter-spacing:.045em}.dnssec-editor-row{padding:.8rem;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;margin-bottom:.7rem}.dnssec-editor-row .input,.dnssec-editor-row .textarea{margin:0!important;background:#fff!important}.dnssec-key-input{resize:vertical;min-height:48px;line-height:1.4;font-size:.72rem!important;overflow-wrap:anywhere;word-break:break-all}.dnssec-remove-key{width:36px;height:36px;padding:0!important;border-radius:9px!important;font-size:1.25rem!important;color:#64748b!important}.dnssec-remove-key:hover{background:#fee2e2!important;color:#b91c1c!important}.dnssec-editor-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.9rem}.dnssec-rollover-help{margin:.8rem 0 0!important;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:.7rem .8rem!important;color:#475569!important}@media(max-width:900px){.dnssec-editor-head{display:none}.dnssec-editor-row{grid-template-columns:repeat(3,1fr) 40px}.dnssec-editor-row .dnssec-key-input{grid-column:1/-1}.dnssec-remove-key{grid-column:4;grid-row:1}.dnssec-key-form{padding:1rem}.dnssec-editor-intro{padding:1rem 1rem 0}}
/* DNSSEC editor polish */
.dnssec-advanced{background:#fff!important}
.dnssec-advanced>summary{padding:1rem 1.4rem!important;border-bottom:1px solid #e2e8f0!important;font-size:.82rem!important}
.dnssec-advanced[open]>summary{background:#fff!important}
.dnssec-editor-shell{padding:1.35rem 1.4rem 1.5rem!important}
.dnssec-editor-intro{padding:0!important;margin:0 0 1.15rem!important}
.dnssec-editor-intro h4{margin:0 0 .45rem!important;font-size:1rem!important;line-height:1.3!important;color:#0f172a!important}
.dnssec-editor-intro p{margin:0!important;max-width:58rem!important;color:#64748b!important;font-size:.79rem!important;line-height:1.55!important}
.dnssec-key-form{padding:0!important;margin:0!important}
.dnssec-editor-table{overflow:hidden;border:1px solid #dbe4f0;border-radius:12px;background:#fff}
.dnssec-editor-head,.dnssec-editor-row{display:grid!important;grid-template-columns:38px 92px 92px 104px minmax(300px,1fr) 70px!important;gap:.65rem!important;align-items:center!important}
.dnssec-editor-head{padding:.78rem 1rem!important;background:#fbfdff!important;border-bottom:1px solid #dbe4f0!important;color:#0f172a!important;font-size:.7rem!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important}
.dnssec-editor-row{padding:.85rem 1rem!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important}
.dnssec-editor-row+.dnssec-editor-row{border-top:1px solid #edf2f7!important}
.dnssec-row-number{font-size:.8rem;font-weight:700;color:#0f172a;text-align:center}
.dnssec-editor-row .input{height:2.55rem!important;min-width:0!important;margin:0!important;padding:.55rem .7rem!important;background:#fff!important;border:1px solid #dbe4f0!important;border-radius:8px!important;box-shadow:none!important;font-size:.78rem!important;color:#0f172a!important}
.dnssec-editor-row .input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.10)!important;outline:0!important}
.dnssec-key-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.dnssec-remove-key{display:inline-flex;align-items:center;justify-content:center;width:2.55rem;height:2.55rem;border:1px solid #fecaca;border-radius:8px;background:#fff7f7;color:#ef4444;font-size:1.15rem;line-height:1;cursor:pointer;transition:.15s ease}
.dnssec-remove-key:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}
.dnssec-add-key{width:100%;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.78rem 1rem;border:0;border-top:1px solid #dbe4f0;background:#fff;color:#1d4ed8;font-size:.78rem;font-weight:700;cursor:pointer;transition:.15s ease}
.dnssec-add-key span{font-size:1.15rem;line-height:1}
.dnssec-add-key:hover{background:#f8fbff}
.dnssec-editor-actions{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:.7rem!important;margin:1rem 0 0!important}
.dnssec-editor-actions .btn{min-height:2.55rem!important;padding:.58rem 1rem!important}
.dnssec-rollover-help{display:flex!important;align-items:flex-start!important;gap:.75rem!important;margin:1rem 0 0!important;padding:.85rem 1rem!important;border:1px solid #bfdbfe!important;border-radius:10px!important;background:#eff6ff!important;color:#334155!important}
.dnssec-rollover-help p{margin:0!important;font-size:.75rem!important;line-height:1.5!important}
.dnssec-rollover-help strong{color:#1d4ed8!important}
.dnssec-info-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;border:1.5px solid #2563eb;border-radius:50%;color:#2563eb;font-size:.68rem;font-weight:800;margin-top:.05rem}
@media(max-width:1000px){.dnssec-editor-head{display:none!important}.dnssec-editor-row{grid-template-columns:32px repeat(3,minmax(72px,1fr)) 46px!important}.dnssec-key-input{grid-column:2/-1!important}.dnssec-remove-key{grid-column:5!important;grid-row:1!important}.dnssec-editor-shell{padding:1rem!important}}
@media(max-width:640px){.dnssec-editor-row{grid-template-columns:28px 1fr 1fr!important}.dnssec-editor-row .dnssec-key-input{grid-column:1/-1!important}.dnssec-remove-key{grid-column:3!important;grid-row:1!important}.dnssec-editor-actions{flex-direction:column!important;align-items:stretch!important}.dnssec-editor-actions .btn{width:100%!important}}

/* WHOIS */
.whois-search-card{padding:20px;margin-bottom:18px}.whois-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.whois-search-card>p{margin:10px 0 0}.whois-card{overflow:hidden;margin-bottom:18px}.whois-head{padding:24px;display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.whois-head h2{margin:4px 0 6px;font-size:26px}.whois-head p{margin:0;color:var(--muted,#6b7a90)}.whois-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2457df}.whois-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #dfe7f2}.whois-stats>div{padding:18px 22px;border-right:1px solid #dfe7f2;min-width:0}.whois-stats>div:last-child{border-right:0}.whois-stats span,.whois-dl dt,.whois-tags>span{display:block;color:#8190a8;font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.whois-stats strong{display:block;font-size:16px;overflow-wrap:anywhere}.whois-stats small{display:block;margin-top:4px;color:#8190a8}.whois-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}.whois-section{padding:22px}.whois-section h3{margin:0 0 16px}.whois-section-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.whois-dl{margin:0}.whois-dl>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;padding:11px 0;border-bottom:1px solid #edf1f6}.whois-dl>div:last-child{border-bottom:0}.whois-dl dt{margin:0}.whois-dl dd{margin:0;font-weight:600;overflow-wrap:anywhere}.whois-tags{margin-top:18px}.whois-tags>div{display:flex;gap:8px;flex-wrap:wrap}.whois-ns-list{display:grid;gap:10px}.whois-ns-list>div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid #e2e8f2;border-radius:10px;background:#f8fafd}.whois-ns-list>div>span{width:28px;height:28px;border-radius:8px;background:#e8efff;color:#2457df;display:grid;place-items:center;font-weight:700}.whois-ns-list code{overflow-wrap:anywhere}.whois-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.whois-contact{padding:16px;border:1px solid #e2e8f2;border-radius:12px;background:#fbfcfe;display:grid;gap:5px}.whois-contact>span,.whois-contact>a{font-size:13px;color:#65748b;overflow-wrap:anywhere}@media(max-width:900px){.whois-search-form,.whois-grid{grid-template-columns:1fr}.whois-stats{grid-template-columns:1fr 1fr}.whois-contact-grid{grid-template-columns:1fr}.whois-dl>div{grid-template-columns:1fr;gap:4px}}@media(max-width:560px){.whois-stats{grid-template-columns:1fr}.whois-stats>div{border-right:0;border-bottom:1px solid #dfe7f2}.whois-stats>div:last-child{border-bottom:0}}

/* v45 ticket centre */
.support-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:1.35rem}.support-eyebrow{display:flex;align-items:center;gap:.45rem;margin-bottom:.55rem;color:#2457df;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.055em}.support-eyebrow svg{width:1rem;height:1rem}.support-new-btn{white-space:nowrap}.support-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.2rem}.support-stat{padding:1.15rem 1.25rem}.support-stat span{display:block;color:#718096;font-size:.76rem}.support-stat strong{display:block;margin:.2rem 0;font-size:1.65rem;color:#0f172a}.support-stat small{color:#8a98ad;font-size:.72rem}.support-list-card{overflow:hidden}.support-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.2rem 1.35rem;border-bottom:1px solid #e5ebf3}.support-card-head h2{margin:0;font-size:1rem}.support-card-head p{margin:.22rem 0 0;color:#7a899f;font-size:.78rem}.support-ticket-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto 26px;gap:.9rem;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #edf1f6;color:inherit;text-decoration:none;transition:.15s ease}.support-ticket-row:last-child{border-bottom:0}.support-ticket-row:hover{background:#f8fbff}.support-ticket-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#edf3ff;color:#2457df}.support-ticket-icon svg{width:18px;height:18px}.support-ticket-titleline{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.support-ticket-titleline strong{font-size:.87rem;color:#10203a}.support-ticket-meta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.3rem;color:#8795aa;font-size:.69rem}.support-ticket-meta span+span:before{content:'•';margin-right:.7rem}.support-ticket-state{display:grid;justify-items:end;gap:.35rem}.support-ticket-state small{color:#91a0b4;font-size:.66rem}.support-ticket-arrow{color:#9aa8ba}.support-ticket-arrow svg{width:16px;height:16px}.premium-badge{display:inline-flex;align-items:center;border:1px solid #f1d28a;border-radius:999px;background:#fff8e6;padding:.16rem .5rem;color:#9a6411;font-size:.66rem;font-weight:700}.ticket-status{display:inline-flex;align-items:center;border-radius:999px;padding:.28rem .6rem;background:#edf2f8;color:#52637a;font-size:.68rem;font-weight:700}.ticket-status-open,.ticket-status-in-behandeling{background:#e9f8f0;color:#178455}.ticket-status-wacht-op-klant{background:#fff7df;color:#9a6712}.ticket-status-gesloten,.ticket-status-closed,.ticket-status-opgelost{background:#eef2f7;color:#66758a}.support-empty{padding:3.4rem 1.5rem;text-align:center}.support-empty-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto .8rem;border-radius:14px;background:#edf3ff;color:#2457df}.support-empty-icon svg{width:22px}.support-empty h3{margin:0;font-size:1rem}.support-empty p{max-width:31rem;margin:.45rem auto 1.1rem;color:#7d8ba0;font-size:.78rem;line-height:1.55}
.support-compose-head{margin-top:.55rem}.support-compose{margin-top:1.25rem;overflow:hidden}.support-section{padding:1.35rem 1.45rem;border-bottom:1px solid #e7edf5}.support-section:last-of-type{border-bottom:0}.support-section-title{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1rem}.support-section-title>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:#edf3ff;color:#2457df;font-size:.72rem;font-weight:800}.support-section-title h2{margin:.05rem 0 0;font-size:.95rem}.support-section-title p{margin:.25rem 0 0;color:#8190a5;font-size:.75rem}.support-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.support-type-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 22px;gap:.8rem;align-items:start;border:1px solid #dde5f0;border-radius:12px;background:#fff;padding:1rem;cursor:pointer;transition:.15s ease}.support-type-card:hover{border-color:#b9c8de;background:#fbfdff}.support-type-card.selected{border-color:#2457df;box-shadow:0 0 0 3px rgba(36,87,223,.08);background:#f9fbff}.support-type-card.premium.selected{border-color:#d39c36;box-shadow:0 0 0 3px rgba(211,156,54,.09);background:#fffdf8}.support-type-card input{position:absolute;opacity:0;pointer-events:none}.support-type-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#edf3ff;color:#2457df}.support-type-card.premium .support-type-icon{background:#fff5dc;color:#a46a13}.support-type-icon svg{width:18px}.support-type-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.support-type-card strong{font-size:.82rem;color:#10203a}.support-type-card p{margin:.28rem 0 0;color:#7d8ba0;font-size:.72rem;line-height:1.5}.support-type-check{display:grid;place-items:center;width:20px;height:20px;border:1px solid #d8e1ed;border-radius:50%;color:transparent;font-size:.7rem;font-weight:800}.support-type-card.selected .support-type-check{border-color:#2457df;background:#2457df;color:#fff}.support-type-card.premium.selected .support-type-check{border-color:#c58b22;background:#c58b22}.support-form-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:1rem}.support-message-field{margin:1rem 0 0}.support-field-hint{display:flex;justify-content:space-between;gap:1rem;margin-top:.45rem;color:#94a1b4;font-size:.67rem}.support-compose-footer{display:flex;justify-content:flex-end;gap:.7rem;padding:1rem 1.45rem;background:#fbfcfe;border-top:1px solid #e7edf5}
.support-ticket-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin:.65rem 0 1.4rem}.support-ticket-heading-meta{display:flex;align-items:center;gap:.55rem;margin-bottom:.35rem;color:#8796aa;font-size:.7rem}.support-action-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.2rem;margin-bottom:1rem;border-color:#f6d494;background:#fffaf0}.support-action-card strong{font-size:.82rem}.support-action-card p{margin:.2rem 0 0;color:#7b6b4a;font-size:.72rem}.support-action-buttons{display:flex;gap:.55rem}.support-action-buttons form{margin:0}.support-thread{display:grid;gap:1rem}.support-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:.75rem;align-items:start}.support-message.customer{grid-template-columns:minmax(0,1fr) 38px}.support-message.customer .support-message-avatar{grid-column:2}.support-message.customer .support-message-bubble{grid-column:1;grid-row:1;justify-self:end;background:#f1f6ff;border-color:#d9e5fb}.support-message-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#0f2749;color:#fff;font-size:.72rem;font-weight:800}.support-message.customer .support-message-avatar{background:#2457df}.support-message-bubble{width:min(780px,100%);border:1px solid #e1e8f1;border-radius:13px;background:#fff;padding:.9rem 1rem}.support-message-meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.support-message-meta strong{font-size:.74rem}.support-message-meta span{color:#91a0b3;font-size:.66rem}.support-message-body{white-space:pre-wrap;color:#314159;font-size:.78rem;line-height:1.65}.support-reply-card{margin-top:1.3rem;padding:1.15rem 1.2rem}.support-reply-head h2{margin:0;font-size:.95rem}.support-reply-head p{margin:.2rem 0 .8rem;color:#8190a4;font-size:.73rem}.support-reply-footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:.75rem}
@media(max-width:850px){.support-stats,.support-type-grid,.support-form-grid{grid-template-columns:1fr}.support-ticket-row{grid-template-columns:42px minmax(0,1fr) 20px}.support-ticket-state{grid-column:2;justify-items:start}.support-ticket-arrow{grid-column:3;grid-row:1/3}.support-hero{flex-direction:column}.support-new-btn{width:100%;justify-content:center}.support-ticket-head{flex-direction:column}.support-action-card,.support-reply-footer{align-items:stretch;flex-direction:column}.support-action-buttons{width:100%}.support-action-buttons form,.support-action-buttons .btn{width:100%}}@media(max-width:560px){.support-stats{grid-template-columns:1fr}.support-section,.support-compose-footer{padding:1rem}.support-ticket-row{padding:.9rem}.support-ticket-meta{display:grid;gap:.2rem}.support-ticket-meta span+span:before{display:none}.support-message,.support-message.customer{grid-template-columns:32px minmax(0,1fr)}.support-message.customer .support-message-avatar{grid-column:1}.support-message.customer .support-message-bubble{grid-column:2;justify-self:stretch}.support-message-avatar{width:32px;height:32px}}

/* Premium support payment */
.premium-price{margin-top:.6rem;font-size:.92rem;font-weight:800;color:#8a5b08}.premium-price span{font-size:.66rem;font-weight:600;color:#9aa5b5;margin-left:.2rem}.premium-payment-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.15rem;margin:1rem 0;border-color:#ead9ae;background:linear-gradient(135deg,#fffdf8,#fff)}.premium-payment-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff3d3;color:#a46a13}.premium-payment-icon svg{width:20px}.premium-payment-copy strong{display:block;color:#15243c;font-size:.86rem}.premium-payment-copy p{margin:.22rem 0;color:#78879b;font-size:.74rem}.premium-payment-copy span{font-size:.72rem;color:#8b6a2b}.premium-paid-notice{display:flex;align-items:center;gap:.55rem;margin:1rem 0;padding:.75rem .9rem;border:1px solid #b8efd0;border-radius:10px;background:#f2fff7;color:#14753f;font-size:.76rem}.premium-paid-notice svg{width:17px}.premium-paid-notice strong{color:#0f6b38}@media(max-width:760px){.premium-payment-card{grid-template-columns:40px 1fr}.premium-payment-card form{grid-column:1/-1}.premium-payment-card .btn{width:100%}}

/* Admin tickets */
.admin-ticket-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.admin-ticket-toolbar .page-title{margin:0 0 6px}.admin-ticket-summary-grid{margin-bottom:18px}.admin-ticket-price-card{min-height:100%}.admin-ticket-price-form{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.admin-ticket-price-form label{min-width:260px;flex:1;max-width:380px}.admin-ticket-price-form small{display:block;margin-top:6px;color:#64748b}.money-input{position:relative}.money-input>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-weight:700;color:#475569;z-index:1}.money-input .input{padding-left:34px}.admin-ticket-list-head{padding:20px 22px 12px}.admin-ticket-table td{vertical-align:middle}.admin-ticket-subject{display:flex;flex-direction:column;gap:4px;color:inherit;text-decoration:none}.admin-ticket-subject strong{color:#0f172a}.admin-ticket-subject span{font-size:11px;color:#94a3b8;letter-spacing:.04em}.admin-modal{border:0;padding:0;background:transparent;max-width:min(760px,calc(100vw - 32px));width:100%}.admin-modal::backdrop{background:rgba(15,23,42,.48);backdrop-filter:blur(3px)}.admin-modal-card{background:#fff;border-radius:18px;box-shadow:0 24px 80px rgba(15,23,42,.24);overflow:hidden}.admin-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #e2e8f0}.admin-modal-head h2{margin:0 0 4px}.admin-ticket-create-form{padding:22px 24px;margin:0;border:0;background:transparent}.admin-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.admin-ticket-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:14px 0 20px}.admin-ticket-head-actions{display:flex;align-items:center;gap:10px}.admin-ticket-status-form .select{min-width:165px}.admin-ticket-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.admin-ticket-thread{overflow:hidden}.admin-ticket-thread>.admin-card-head{padding:20px 22px;border-bottom:1px solid #e2e8f0}.admin-ticket-messages{display:flex;flex-direction:column;gap:18px;padding:22px}.admin-ticket-message{display:flex;gap:12px;align-items:flex-start}.admin-ticket-message.is-staff{flex-direction:row-reverse}.admin-ticket-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eef2ff;color:#1d4ed8;font-weight:800;flex:0 0 38px}.admin-ticket-message.is-staff .admin-ticket-avatar{background:#dbeafe;color:#1e40af}.admin-ticket-bubble{max-width:min(720px,82%);border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px;background:#fff}.admin-ticket-message.is-staff .admin-ticket-bubble{background:#eff6ff;border-color:#bfdbfe}.admin-ticket-message-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:8px;font-size:12px}.admin-ticket-message-meta strong{font-size:13px;color:#0f172a}.admin-ticket-message-meta span{color:#94a3b8;white-space:nowrap}.admin-ticket-message-body{white-space:pre-wrap;line-height:1.65;color:#334155}.admin-ticket-reply{border-top:1px solid #e2e8f0;padding:20px 22px;background:#f8fafc}.admin-ticket-reply textarea{margin-top:8px;background:#fff}.admin-ticket-reply-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.admin-ticket-sidebar{display:flex;flex-direction:column;gap:18px}.admin-ticket-sidebar .card{padding:20px}.admin-ticket-sidebar .admin-kv{display:flex;flex-direction:column;gap:0}.admin-ticket-sidebar .admin-kv>div{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid #eef2f7}.admin-ticket-sidebar .admin-kv>div:last-child{border-bottom:0}.admin-ticket-sidebar .admin-kv span{font-size:12px;color:#64748b}.admin-ticket-sidebar .admin-kv strong{font-size:13px;overflow-wrap:anywhere}.admin-ticket-customer-link{width:100%;justify-content:center;margin-top:12px}.admin-ticket-closed{display:flex;flex-direction:column;gap:3px;padding:18px 22px;border-top:1px solid #e2e8f0;background:#f8fafc;color:#64748b}.admin-ticket-closed strong{color:#334155}
@media(max-width:960px){.admin-ticket-detail-grid{grid-template-columns:1fr}.admin-ticket-sidebar{display:grid;grid-template-columns:1fr 1fr}.admin-ticket-toolbar,.admin-ticket-detail-head{align-items:flex-start;flex-direction:column}.admin-ticket-head-actions{width:100%;justify-content:space-between}.admin-ticket-message .admin-ticket-bubble{max-width:90%}}
@media(max-width:640px){.admin-ticket-sidebar{grid-template-columns:1fr}.admin-ticket-reply-actions{align-items:stretch;flex-direction:column}.admin-ticket-reply-actions .btn{width:100%;justify-content:center}.admin-ticket-head-actions{align-items:stretch;flex-direction:column}.admin-ticket-status-form,.admin-ticket-status-form .select{width:100%}.admin-modal-head,.admin-ticket-create-form{padding-left:16px;padding-right:16px}}

/* v58 mobile/responsive hardening */
.mobile-nav-backdrop{display:none}
.mobile-menu-button{min-width:44px;min-height:44px;gap:.45rem}
.mobile-menu-button .menu-bars{width:18px;height:14px;display:inline-flex;flex-direction:column;justify-content:space-between}
.mobile-menu-button .menu-bars span{display:block;height:2px;border-radius:999px;background:currentColor}
.mobile-menu-button[aria-expanded="true"] .menu-bars span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mobile-menu-button[aria-expanded="true"] .menu-bars span:nth-child(2){opacity:0}
.mobile-menu-button[aria-expanded="true"] .menu-bars span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-menu-button .menu-bars span{transition:transform .18s ease,opacity .18s ease}

/* Make touch controls comfortable everywhere. */
@media (pointer:coarse){
  .btn,.sidebar-link,.admin-nav-link,.domain-details-toggle,.customer-detail-toggle,.domain-tab,.accordion summary,details>summary{min-height:44px}
  input,select,textarea{font-size:16px}
}

@media(max-width:768px){
  body.panel-menu-open,body.admin-menu-open{overflow:hidden}
  .panel-mobilebar,.admin-mobilebar{min-height:60px;padding:.5rem .75rem}
  .panel-mobilebar .admin-brand,.admin-mobilebar .admin-brand{min-width:0}
  .panel-mobilebar .admin-brand>span:last-child,.admin-mobilebar .admin-brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-nav-backdrop{position:fixed;inset:0;z-index:55;border:0;background:rgba(15,23,42,.52);padding:0;cursor:pointer}
  body.panel-menu-open .panel-nav-backdrop,body.admin-menu-open .admin-nav-backdrop{display:block}
  .sidebar,.admin-sidebar{width:min(19rem,88vw);max-width:88vw;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .sidebar-nav,.admin-nav{padding-bottom:2rem}
  .sidebar-link,.admin-nav-link{padding:.72rem .8rem}
  .sidebar-group-label,.admin-group-label{padding-top:1rem}
  .panel-main,.admin-main{padding:1rem .75rem 2rem}
  .panel-container,.admin-main-inner{width:100%;min-width:0}
  .panel-page-head,.admin-page-head,.lovable-admin-titlebar,.detail-page-head{gap:.75rem}
  .panel-page-head h1,.admin-page-head h1,.lovable-admin-titlebar h1,.detail-page-head h1{font-size:1.3rem;line-height:1.25}
  .surface-panel{max-width:100%}
  .table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table{min-width:640px}
  .admin-toolbar,.activity-filters{gap:.75rem}
  .admin-toolbar>*{max-width:100%}
  .admin-action-cell{white-space:normal;flex-wrap:wrap;justify-content:flex-start;text-align:left}
  .admin-edit-grid,.admin-kv>div,.detail-dl>div{grid-template-columns:1fr}
  .admin-kv>div,.detail-dl>div{gap:.25rem}
  .admin-hours-row{grid-template-columns:1fr}
  .admin-modal-actions{flex-wrap:wrap}
  .admin-modal-actions .btn{flex:1 1 10rem}
  .form-select,.select,.input,.textarea{max-width:100%}
  .domain-tabs{scroll-snap-type:x proximity;scrollbar-width:thin}
  .domain-tab{scroll-snap-align:start;flex:0 0 auto}
  .domain-dns-table{min-width:700px}
}

@media(max-width:700px){
  .lovable-domain-row{padding:.9rem}
  .lovable-domain-copy{width:100%}
  .lovable-domain-title{align-items:flex-start;flex-wrap:wrap}
  .lovable-domain-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:.5rem;white-space:normal}
  .lovable-domain-actions .domain-inline-state{min-width:0}
  .lovable-domain-actions .domain-details-toggle,.lovable-domain-actions .btn{width:100%;justify-content:center}
  .lovable-domain-details{padding:1rem}
  .domain-detail-grid{grid-template-columns:1fr!important;padding:1rem!important}
  .contact-badge{width:100%;min-height:36px}
  .ns-badges{width:100%}
  .panel-pagination{gap:.75rem;flex-direction:column;align-items:stretch}
  .panel-pagination>div{display:grid;grid-template-columns:1fr 1fr}
  .panel-pagination .btn{width:100%}
  .detail-stats,.stat-grid{grid-template-columns:1fr!important}
  .invoice-row{grid-template-columns:1fr!important}
  .invoice-actions{grid-column:auto!important;display:grid;grid-template-columns:1fr 1fr;width:100%}
  .invoice-actions .btn{width:100%}
  .dnssec-main-row{grid-template-columns:38px minmax(0,1fr)!important}
  .dnssec-main-row>.dnssec-toggle-form{grid-column:1/-1;justify-self:stretch}
  .dnssec-main-row>.dnssec-toggle-form button,.dnssec-main-row>.dnssec-toggle-form .btn{width:100%}
}

@media(max-width:560px){
  .container,.container-md,.container-sm{width:min(100% - 1.25rem,72rem)}
  .site-header .header-row{padding-inline:0}
  .brand span{font-size:.92rem}
  .site-mobile-menu .btn{padding:0 .65rem}
  .site-mobile-pop{position:fixed;left:.625rem;right:.625rem;top:4.35rem;width:auto;max-height:calc(100% - 5rem);overflow:auto}
  .site-mobile-pop a,.site-mobile-pop button{min-height:44px;display:flex;align-items:center}
  .footer-nav{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:.5rem 1rem}
  .footer-row>p{margin:.25rem 0}
  .admin-stat-grid{grid-template-columns:1fr 1fr!important;gap:.5rem}
  .admin-stat{min-height:auto;padding:.8rem}
  .admin-stat strong{font-size:1.2rem}
  .lovable-domain-actions{grid-template-columns:1fr}
  .office-status-pill{max-width:calc(100% - 1rem);white-space:normal}
}

@media(max-width:380px){
  .admin-stat-grid{grid-template-columns:1fr!important}
  .footer-nav{grid-template-columns:1fr}
  .brand span{max-width:9.5rem}
}

/* Card-style data tables for important customer/public mobile screens. */
@media(max-width:700px){
  .responsive-cards{overflow:visible!important;border:0;background:transparent;box-shadow:none}
  .responsive-cards .table{min-width:0;width:100%;display:block}
  .responsive-cards thead{display:none}
  .responsive-cards tbody{display:grid;gap:.75rem}
  .responsive-cards tr{display:block;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:var(--shadow-panel);padding:.4rem .85rem}
  .responsive-cards td{display:grid;grid-template-columns:minmax(7rem,38%) minmax(0,1fr);gap:.75rem;align-items:center;max-width:none!important;padding:.65rem 0!important;border-bottom:1px solid var(--border)!important;text-align:left!important;overflow-wrap:anywhere}
  .responsive-cards td:last-child{border-bottom:0!important}
  .responsive-cards td::before{content:attr(data-label);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground)}
  .responsive-cards td[colspan]{display:block;text-align:center!important}
  .responsive-cards td[colspan]::before{display:none}
  .responsive-cards td .btn{width:100%}
}

/* v58 page-specific responsive forms/cards */
.site-mobile-menu .menu-bars{width:18px;height:14px;display:inline-flex;flex-direction:column;justify-content:space-between;margin-right:.35rem;vertical-align:middle}.site-mobile-menu .menu-bars span{display:block;height:2px;border-radius:999px;background:currentColor}
@media(max-width:700px){
  .mobile-filter-form{grid-template-columns:1fr!important;padding:14px!important}
  .mobile-filter-form .btn{width:100%}
  .expired-public-card{align-items:stretch!important;flex-direction:column!important;padding:16px!important}
  .expired-public-actions{width:100%;align-items:stretch!important;flex-direction:column!important;gap:.75rem!important}
  .expired-public-price{text-align:left!important;display:flex;align-items:center;justify-content:space-between;gap:1rem}
  .expired-public-actions .btn{width:100%}
}

.domain-admin-mobilebar{display:none}
@media(max-width:850px){
  .domain-admin-mobilebar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:60px;padding:.5rem .75rem;background:var(--sidebar);color:var(--sidebar-foreground);border-bottom:1px solid var(--sidebar-border)}
  .domain-admin-mobilebar .admin-brand{min-width:0}.domain-admin-mobilebar .admin-brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .domain-admin-sidebar{position:fixed!important;inset:0 auto 0 0!important;z-index:60!important;width:min(19rem,88vw)!important;height:100%!important;overflow-y:auto!important;transform:translateX(-105%);transition:transform .2s ease;box-shadow:0 20px 50px rgba(0,0,0,.25)}
  body.domain-admin-menu-open{overflow:hidden}
  body.domain-admin-menu-open .domain-admin-sidebar{transform:translateX(0)}
  body.domain-admin-menu-open .domain-admin-nav-backdrop{display:block}
  .domain-admin-main{padding:1rem .75rem 2rem!important}
}
@media(max-width:700px){
  form.surface-panel[style*="grid-template-columns"]{grid-template-columns:1fr!important}
  form.surface-panel[style*="grid-template-columns"]>.btn,form.surface-panel[style*="grid-template-columns"]>button{width:100%}
  .customer-head-actions,.admin-ticket-head-actions{width:100%;display:flex;flex-wrap:wrap;align-items:stretch}
  .customer-head-actions>*{flex:1 1 100%;margin:0}
  .customer-head-actions .btn,.customer-head-actions form,.customer-head-actions form .btn{width:100%}
  details.domain-options>div{min-width:min(16rem,calc(100vw - 2rem));max-width:calc(100vw - 2rem)}
}

/* v65 global live search (panel + beheer) */
.portal-global-search{position:relative;z-index:40;margin:0 0 1.25rem;max-width:48rem}
.portal-search-field{display:flex;align-items:center;gap:.65rem;width:100%;min-height:46px;padding:0 .75rem;border:1px solid var(--border);border-radius:.7rem;background:var(--card);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.portal-search-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}
.portal-search-field>svg{width:1rem;height:1rem;flex:0 0 auto;color:var(--muted-foreground)}
.portal-search-input{width:100%;min-width:0;height:44px;border:0;outline:0;background:transparent;color:var(--foreground);font:inherit;font-size:.9rem}
.portal-search-input::-webkit-search-cancel-button{cursor:pointer}
.portal-search-shortcut{flex:0 0 auto;border:1px solid var(--border);border-bottom-width:2px;border-radius:.4rem;padding:.12rem .42rem;background:var(--muted);color:var(--muted-foreground);font-family:inherit;font-size:.68rem;white-space:nowrap}
.portal-search-results{position:absolute;top:calc(100% + .4rem);left:0;right:0;max-height:min(28rem,70vh);overflow:auto;border:1px solid var(--border);border-radius:.75rem;background:var(--card);box-shadow:0 18px 50px rgba(15,23,42,.16);padding:.35rem;z-index:100}
.portal-search-result{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:54px;padding:.65rem .75rem;border-radius:.55rem;color:var(--foreground);text-decoration:none;outline:0}
.portal-search-result:hover,.portal-search-result.active,.portal-search-result:focus-visible{background:var(--muted)}
.portal-search-result-main{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.portal-search-result-main strong,.portal-search-result-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.portal-search-result-main strong{font-size:.86rem;font-weight:600}
.portal-search-result-main small{color:var(--muted-foreground);font-size:.72rem}
.portal-search-result-type{flex:0 0 auto;padding:.18rem .42rem;border:1px solid var(--border);border-radius:999px;color:var(--muted-foreground);font-size:.64rem;white-space:nowrap}
.portal-search-empty{padding:1rem;color:var(--muted-foreground);font-size:.82rem;text-align:center}
.portal-search-loading{font-style:italic}
@media(max-width:700px){.portal-global-search{max-width:none;margin-bottom:1rem}.portal-search-field{min-height:48px}.portal-search-input{font-size:16px}.portal-search-shortcut{display:none}.portal-search-results{max-height:60vh}.portal-search-result{align-items:flex-start}.portal-search-result-type{margin-top:.15rem}}


/* v81 mobile navigation + cart interaction hardening */
.site-mobile-backdrop{display:none}
.nav-cart-count,.sidebar-cart-count{display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .32rem;border-radius:999px;background:var(--primary);color:var(--primary-foreground);font-size:.7rem;font-weight:700;line-height:1}
.sidebar-cart-count{margin-left:auto}
.nav-cart-pill{margin-left:auto;min-width:1.5rem;text-align:center;padding:.1rem .4rem;border-radius:999px;background:var(--accent)}
.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:1.5rem;margin-top:1.5rem;align-items:start}
.cart-summary{height:max-content;position:sticky;top:1rem}
.cart-item-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:900px){body.site-menu-open{overflow:hidden}.site-mobile-menu{position:relative;z-index:82}.site-mobile-pop{z-index:84!important}.site-mobile-backdrop{position:fixed;inset:0;z-index:81;border:0;background:rgba(15,23,42,.52);padding:0;cursor:pointer}body.site-menu-open .site-mobile-backdrop{display:block}}
@media(max-width:760px){.cart-layout{grid-template-columns:1fr;gap:1rem}.cart-summary{position:static}.cart-item{align-items:flex-start!important;flex-direction:column!important;gap:.8rem!important}.cart-item-actions{width:100%;display:grid;grid-template-columns:minmax(7.5rem,1fr) auto;gap:.65rem;justify-content:stretch}.cart-item-actions form:first-child{min-width:0}.cart-item-actions select{width:100%;max-width:none}.cart-item-actions form:last-child{grid-column:1/-1}.cart-item-actions form:last-child .btn{width:100%}}
@media(max-width:420px){.header-actions{gap:.3rem}.site-cart-link{padding-inline:.55rem}.site-mobile-menu .btn{padding-inline:.55rem}}
