/* DomainDeck responsive system — loaded after page-specific styles. */
:root{--dd-page-gutter:clamp(16px,3vw,56px);--dd-touch:44px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}
body{min-width:0;overflow-x:hidden}
main,section,article,aside,header,footer,nav,form,div{min-width:0}
img,video,canvas,svg{max-width:100%}
input,select,textarea,button{max-width:100%}
.table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.table-wrap table{min-width:max-content}
.modal{max-height:calc(100dvh - 24px);overflow:auto}
.modal-card{max-width:100%}

/* User center: readable sizing and fluid content at every desktop width. */
.dashboard-v2{--dd-sidebar:260px}
.dashboard-v2 .sidebar{width:var(--dd-sidebar)}
.dashboard-v2 .app-main{width:auto;max-width:none;margin-left:var(--dd-sidebar);padding-inline:var(--dd-page-gutter)}
.dashboard-v2 .sidebar nav a{font-size:14px;line-height:1.35}
.dashboard-v2 .sidebar nav a>.nav-icon{width:22px;flex:0 0 22px;text-align:center}
.dashboard-v2 .sidebar nav a>span:not(.nav-icon){width:auto;min-width:0;flex:1;white-space:nowrap;text-align:left}
.dashboard-v2 .app-header{position:relative;z-index:5}
.dashboard-v2 .page-title{min-width:0}
.dashboard-v2 .header-actions{flex:0 0 auto}
.dashboard-v2 .statistics-toolbar{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 18px!important;position:relative;z-index:1}
.dashboard-v2 .statistics-toolbar form{margin:0}
.dashboard-v2 .page-title p,.dashboard-v2 .metric-card small,.dashboard-v2 .summary-strip small,.dashboard-v2 .inquiry-kpis small{font-size:12px}
.dashboard-v2 .metric-card em,.dashboard-v2 .v2-panel>header p,.dashboard-v2 .v2-panel>header a{font-size:11px}
.dashboard-v2 .v2-panel>header h2{font-size:16px}
.dashboard-v2 .status{font-size:11px;line-height:1.2}
.dashboard-v2 table{font-size:13px}
.dashboard-v2 th{font-size:11px}
.dashboard-v2 td strong,.dashboard-v2 td b{font-size:13px}
.dashboard-v2 .portfolio-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));align-items:stretch}
.dashboard-v2 .portfolio-card-v2,.dashboard-v2 .portfolio-create-card{min-height:340px}
.dashboard-v2 .portfolio-title b{font-size:16px}
.dashboard-v2 .portfolio-title a,.dashboard-v2 .portfolio-metrics small,.dashboard-v2 .plan-chip{font-size:11px}
.dashboard-v2 .portfolio-metrics b{font-size:20px}
.dashboard-v2 .search-control input,.dashboard-v2 select,.dashboard-v2 input,.dashboard-v2 textarea,.dashboard-v2 button{font-size:13px}
.dashboard-v2 .list-toolbar>select,.dashboard-v2 .statistics-toolbar select,.dashboard-v2 .inquiry-list-tools select{font-size:13px}
.dashboard-v2 .membership-plan li,.dashboard-v2 .notification-settings b,.dashboard-v2 .security-block p b,.dashboard-v2 .account-methods a b,.dashboard-v2 .account-security a b,.dashboard-v2 .account-actions a b{font-size:12px}
.dashboard-v2 .notification-settings small,.dashboard-v2 .security-block p small,.dashboard-v2 .account-methods a small,.dashboard-v2 .account-security a small,.dashboard-v2 .account-actions a small{font-size:11px}
.dashboard-v2 .settings-fields label,.dashboard-v2 .qr-setting label:first-child{font-size:12px}
.dashboard-v2 .toggle{font-size:11px!important}
.dashboard-v2 .inquiry-list-row b,.dashboard-v2 .inquiry-list-row strong{font-size:12px}
.dashboard-v2 .inquiry-list-row small{font-size:10px}
.dashboard-v2 .buyer-card small,.dashboard-v2 .activity-timeline small{font-size:10px}
.dashboard-v2 .buyer-card b,.dashboard-v2 .message-card p,.dashboard-v2 .activity-timeline b{font-size:12px}
.dashboard-v2 .entitlement-grid b{font-size:12px}
.dashboard-v2 .entitlement-grid small,.dashboard-v2 .renewal-notes>ul,.dashboard-v2 .renewal-notes>div p{font-size:11px}

/* Admin center shares the classic layout and needs an earlier off-canvas breakpoint. */
.admin-shell .app-main{width:auto;max-width:none}
.admin-shell .panel,.admin-shell .stats-grid article,.admin-shell .resource-card{min-width:0}
.admin-shell .table-panel table{min-width:760px}
.admin-shell .mail-template-grid,.admin-shell .admin-settings-grid{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr))}

/* Public homepage, portfolio and sale pages use content-driven grids. */
.portfolio-grid,.resource-grid,.plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.section,.domain-catalog,.store-contact{padding-inline:clamp(20px,7vw,140px)}
.hero-copy,.section-head,.portfolio-grid,.plan-grid,.footer>div,.store-hero>*{min-width:0}
.domain-row{min-width:0}
.domain-row strong,.sale-copy h1,.store-hero h1{overflow-wrap:anywhere}
.sale-main{grid-template-columns:minmax(0,1.2fr) minmax(300px,.65fr)}
.auth-box{max-width:100%}

/* Large logical viewports (4K or strongly zoomed-out browsers) should not render a miniature UI. */
@media(min-width:1800px){
  .dashboard-v2{--dd-sidebar:280px}
  .dashboard-v2 .sidebar{padding-inline:20px}
  .dashboard-v2 .app-main{padding-inline:clamp(42px,4vw,86px)}
  .dashboard-v2 .portfolio-card-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}
  .dashboard-v2 .metric-grid{gap:20px}
  .dashboard-v2 .metric-card{min-height:150px;padding:24px}
  .dashboard-v2 .metric-card strong{font-size:36px}
  .dashboard-v2 .chart-frame{height:320px}
  .dashboard-v2 .chart-frame.large{height:400px}
  .admin-shell .app-main{padding-inline:clamp(42px,4vw,86px)}
}
@media(min-width:2400px){body.dashboard-v2,body.admin-shell{zoom:1.18}}
@media(min-width:3200px){body.dashboard-v2,body.admin-shell{zoom:1.32}}

/* Laptop and tablet landscape. Move both user/admin sidebars off canvas before content becomes cramped. */
@media(max-width:1100px){
  .dashboard-v2,.admin-shell{--dd-sidebar:280px}
  .dashboard-v2 .sidebar,.admin-shell .sidebar{width:var(--dd-sidebar);transform:translateX(-105%);transition:transform .24s ease;box-shadow:16px 0 45px rgba(3,10,20,.22)}
  .dashboard-v2 .sidebar.open,.admin-shell .sidebar.open{transform:translateX(0)}
  .dashboard-v2 .app-main,.admin-shell .app-main{width:100%;margin-left:0;padding-inline:clamp(20px,3.5vw,38px)}
  .dashboard-v2 .menu-toggle,.admin-shell .menu-toggle{display:grid!important;place-items:center;flex:0 0 var(--dd-touch);width:var(--dd-touch);height:var(--dd-touch);border-radius:10px;background:#fff;border:1px solid #e4e7e8;cursor:pointer}
  .dashboard-v2 .sidebar-backdrop,.admin-shell .sidebar-backdrop{display:none;position:fixed;z-index:35;inset:0;background:rgba(3,9,17,.58);backdrop-filter:blur(2px)}
  .dashboard-v2 .sidebar.open+.sidebar-backdrop,.admin-shell .sidebar.open+.sidebar-backdrop{display:block}
  body.sidebar-open{overflow:hidden}
  .dashboard-v2 .portfolio-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-v2 .analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-v2 .inquiry-workspace{grid-template-columns:minmax(320px,.8fr) minmax(0,1.3fr)}
  .admin-shell .resource-grid,.admin-shell .admin-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Tablet portrait. */
@media(max-width:820px){
  .dashboard-v2 .app-header,.admin-shell .app-header{align-items:center;gap:12px}
  .dashboard-v2 .header-actions{gap:4px}
  .dashboard-v2 .header-create{margin-left:4px}
  .dashboard-v2 .metric-grid,.dashboard-v2 .summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-v2 .dashboard-primary,.dashboard-v2 .account-overview,.dashboard-v2 .benefits-top,.dashboard-v2 .benefits-lower,.dashboard-v2 .membership-lower{grid-template-columns:1fr}
  .dashboard-v2 .portfolio-card-grid,.dashboard-v2 .analytics-grid{grid-template-columns:1fr}
  .dashboard-v2 .inquiry-workspace{grid-template-columns:1fr}
  .dashboard-v2 .inquiry-list{max-height:440px;border-right:0;border-bottom:1px solid var(--v2-line);overflow:auto}
  .dashboard-v2 .settings-layout{grid-template-columns:1fr}
  .dashboard-v2 .settings-nav{display:flex;overflow-x:auto;scrollbar-width:none;position:sticky;top:0;z-index:12}
  .dashboard-v2 .settings-nav::-webkit-scrollbar{display:none}
  .dashboard-v2 .settings-nav button{flex:0 0 auto;white-space:nowrap;min-height:var(--dd-touch)}
  .dashboard-v2 .settings-form{grid-template-columns:1fr}
  .dashboard-v2 .security-form{grid-template-columns:1fr 1fr}
  .dashboard-v2 .security-form .btn{grid-column:1/-1}
  .dashboard-v2 .membership-plans{grid-template-columns:1fr}
  .dashboard-v2 .account-grid{grid-template-columns:1fr}
  .dashboard-v2 .login-history,.dashboard-v2 .account-actions{grid-column:auto}
  .dashboard-v2 .entitlement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-v2 .benefit-quotas>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .dashboard-v2 .benefit-quotas span{border:0}
  .editor-form{grid-template-columns:1fr}
  .editor-side .sticky-card{position:static}
  .admin-shell .stats-grid,.admin-shell .stats-grid.three,.admin-shell .resource-grid,.admin-shell .admin-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-shell .mail-template-grid,.admin-shell .admin-settings-grid{grid-template-columns:1fr}
  .auth-page{grid-template-columns:minmax(0,1fr)}
  .auth-panel.visual{display:none}
  .auth-panel.form-panel{min-height:100dvh;padding:48px clamp(20px,7vw,60px)}
  .sale-main{grid-template-columns:1fr;gap:28px;align-items:start}
  .sale-card{display:block}
  .topbar{gap:18px}
}

/* Phones. Keep actions reachable and stack dense desktop constructs. */
@media(max-width:600px){
  :root{--dd-page-gutter:14px}
  input,select,textarea{font-size:16px!important}
  button,.btn{min-height:var(--dd-touch)}
  .dashboard-v2 .app-main,.admin-shell .app-main{padding:14px var(--dd-page-gutter) 48px}
  .dashboard-v2 .app-header{margin-bottom:18px}
  .dashboard-v2 .page-title{flex:1;overflow:hidden}
  .dashboard-v2 .page-title h1{font-size:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dashboard-v2 .page-title p{display:none}
  .dashboard-v2 .header-actions .notification-wrap,.dashboard-v2 .header-actions>a.icon-button{display:none}
  .dashboard-v2 .header-create{display:grid!important;place-items:center;width:44px;min-width:44px;padding:0!important;font-size:0;overflow:hidden}
  .dashboard-v2 .header-create .ui-icon{width:20px;height:20px}
  .dashboard-v2 .metric-grid,.dashboard-v2 .summary-strip,.dashboard-v2 .inquiry-kpis{grid-template-columns:1fr}
  .dashboard-v2 .metric-card{min-height:104px}
  .dashboard-v2 .portfolio-card-v2,.dashboard-v2 .portfolio-create-card{min-height:0}
  .dashboard-v2 .portfolio-card-v2{padding:16px}
  .dashboard-v2 .portfolio-card-v2>footer{grid-template-columns:1fr 1fr 44px}
  .dashboard-v2 .list-toolbar,.dashboard-v2 .list-toolbar.embedded{display:grid;grid-template-columns:1fr;padding-inline:0}
  .dashboard-v2 .list-toolbar.embedded{padding:14px}
  .dashboard-v2 .search-control,.dashboard-v2 .list-toolbar>select,.dashboard-v2 .toolbar-primary{width:100%;min-width:0;grid-column:auto}
  .dashboard-v2 .bulk-bar{align-items:stretch;flex-direction:column}
  .dashboard-v2 .bulk-bar select{width:100%;margin-left:0}
  .dashboard-v2 .domain-table-v2{min-width:820px}
  .dashboard-v2 .statistics-toolbar{display:grid;grid-template-columns:1fr;margin:0 0 14px}
  .dashboard-v2 .statistics-toolbar form,.dashboard-v2 .statistics-toolbar label,.dashboard-v2 .statistics-toolbar .btn{width:100%}
  .dashboard-v2 .chart-frame,.dashboard-v2 .chart-frame.large{height:260px;padding-inline:8px}
  .dashboard-v2 .inquiry-list-tools{grid-template-columns:1fr}
  .dashboard-v2 .inquiry-detail>header{align-items:flex-start;flex-wrap:wrap}
  .dashboard-v2 .inquiry-detail>header form{width:100%;margin-left:0}
  .dashboard-v2 .inquiry-detail>header label,.dashboard-v2 .inquiry-detail>header select{width:100%}
  .dashboard-v2 .inquiry-detail>footer{flex-direction:column}
  .dashboard-v2 .inquiry-detail>footer>*{width:100%}
  .dashboard-v2 .contact-setting-row{grid-template-columns:38px minmax(0,1fr) 44px}
  .dashboard-v2 .contact-setting-row>select{grid-column:2}
  .dashboard-v2 .contact-setting-row>input,.dashboard-v2 .contact-setting-row>.toggle{grid-column:2/4}
  .dashboard-v2 .contact-setting-row>button{grid-column:3;grid-row:1}
  .dashboard-v2 .security-form{grid-template-columns:1fr}
  .dashboard-v2 .security-inline,.dashboard-v2 .qr-setting{align-items:stretch;flex-direction:column}
  .dashboard-v2 .security-inline input{max-width:none}
  .dashboard-v2 .account-profile,.dashboard-v2 .security-score{align-items:flex-start;flex-direction:column;padding:20px}
  .dashboard-v2 .account-profile dl{gap:16px;flex-wrap:wrap}
  .dashboard-v2 .entitlement-grid{grid-template-columns:1fr}
  .dashboard-v2 .premium-credential{min-height:300px}
  .dashboard-v2 .premium-credential>a{left:24px;right:auto}
  .dashboard-v2 .billing-switch{width:100%;display:grid;grid-template-columns:1fr 1fr;border-radius:12px}
  .dashboard-v2 .billing-switch button{min-width:0}
  .dashboard-v2 .billing-switch>span{display:none}
  .dashboard-v2 .redeem-card form{flex-direction:column}
  .dashboard-v2 .doughnut-wrap{grid-template-columns:1fr}
  .dashboard-v2 .source-legend{margin-top:12px}
  .admin-shell .stats-grid,.admin-shell .stats-grid.three,.admin-shell .resource-grid,.admin-shell .admin-plans{grid-template-columns:1fr}
  .admin-shell .page-actions,.admin-shell .table-tools,.admin-shell .current-plan,.admin-shell .suffix-switch{align-items:stretch;flex-direction:column}
  .admin-shell .table-tools input,.admin-shell .suffix-switch select{width:100%;max-width:none;margin-left:0}
  .grid-2,.grid-price,.grid-offer,.address-builder,.domain-picker{grid-template-columns:1fr}
  .address-builder>span{display:none}
  .inline-form,.verification-row{grid-template-columns:1fr;flex-direction:column}
  .topbar{height:66px;padding-inline:14px}
  .topbar .brand span:last-child,.nav-links{display:none}
  .nav-actions{gap:8px}
  .nav-actions .btn{padding-inline:12px}
  .hero{padding:108px 18px 56px}
  .hero h1{font-size:clamp(38px,13vw,52px)}
  .hero-actions{flex-direction:column}
  .hero-actions .btn{width:100%}
  .proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .section{padding:58px 18px}
  .section-head{align-items:flex-start;flex-direction:column}
  .footer,.store-footer,.sale-footer{align-items:flex-start;flex-direction:column}
  .store-nav,.sale-nav{padding-inline:14px}
  .store-nav nav a:not(:last-child){display:none}
  .store-hero,.domain-catalog,.store-contact,.sale-main{padding:52px 18px}
  .store-hero h1,.sale-copy h1{font-size:clamp(42px,15vw,64px)}
  .domain-row{grid-template-columns:1fr auto;gap:10px;padding-block:20px}
  .domain-row p{display:none}
  .sale-card{padding:20px}
  .sale-footer>span{max-width:none}
  .auth-box h2{font-size:32px}
  .install{padding:14px}
  .install-card{padding:24px 18px;border-radius:14px}
  .install-card h1{font-size:30px}
  .modal{width:calc(100% - 20px)}
  .modal-card{padding:20px 16px}
}

@media(max-width:380px){
  .dashboard-v2 .app-main,.admin-shell .app-main{padding-inline:10px}
  .dashboard-v2 .settings-nav button span{display:none}
  .dashboard-v2 .settings-nav button{flex:1;justify-content:center}
  .dashboard-v2 .benefit-quotas>div{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}