/* 2026-05-24 UI consistency pass: aligned cards, smoother admin/subscriber UI, readable tables without horizontal side-scroll. */
:root{
  --vp-navy:#061226;
  --vp-navy-2:#071a33;
  --vp-blue:#2f6fcf;
  --vp-blue-2:#74a7ff;
  --vp-sky:#b7d3ff;
  --vp-bg:#f4f8fd;
  --vp-card:#ffffff;
  --vp-line:#dfe8f4;
  --vp-soft:#64748b;
  --vp-radius:28px;
  --vp-shadow:0 22px 68px rgba(7,26,51,.085);
}
html,body{max-width:100%;overflow-x:hidden!important;}
body,button,input,textarea,select,table{font-family:'Cairo','Inter',system-ui,sans-serif!important;}

/* Shared modern surfaces */
.card,.portal-card,.analytics-card,.renewal-card,.demo-request-card,.stat-card,.admin-stat-card,.auth-card,.modal-card{
  border-radius:var(--vp-radius)!important;
  border:1px solid var(--vp-line)!important;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
  box-shadow:var(--vp-shadow)!important;
}
.card h1,.card h2,.portal-card h1,.portal-card h2,.analytics-card h2,.renewal-card h2,.section-head h1,.section-head h2{letter-spacing:-.02em;line-height:1.18!important;color:var(--vp-navy)!important;}
.muted-text,.section-head p,.portal-kicker.muted{color:var(--vp-soft)!important;line-height:1.75!important;}
.btn,.admin-action-btn,.admin-logout{border-radius:16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:normal!important;text-align:center!important;line-height:1.35!important;}
.btn-primary{background:linear-gradient(135deg,var(--vp-blue),var(--vp-blue-2))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 14px 34px rgba(47,111,207,.22)!important;}
.btn-muted{background:#eef5ff!important;color:var(--vp-navy)!important;border:1px solid #d9e5f4!important;}
.btn-danger{background:linear-gradient(135deg,#dc2626,#fb7185)!important;color:#fff!important;border:0!important;}

/* Admin: smoother layout and sidebar. */
body.admin-body{background:var(--vp-bg)!important;color:var(--vp-navy)!important;}
body.admin-body .admin-workspace{background:radial-gradient(circle at 12% 0%,rgba(116,167,255,.22),transparent 28%),linear-gradient(180deg,#f9fbff 0%,#f2f7fd 100%)!important;padding-inline:clamp(18px,2.4vw,34px)!important;}
body.admin-body .grid.min-h-screen{grid-template-columns:280px minmax(0,1fr)!important;}
body.admin-body .admin-side-panel{padding:18px 14px!important;background:linear-gradient(180deg,#061226 0%,#071a33 58%,#0b2746 100%)!important;box-shadow:18px 0 54px rgba(6,18,38,.16)!important;}
body.admin-body .admin-side-panel > .relative.z-10.mt-8{margin-top:18px!important;padding:14px 16px!important;border-radius:22px!important;}
body.admin-body .admin-nav-modern{margin-top:18px!important;display:grid!important;gap:4px!important;overflow:visible!important;padding:0!important;}
body.admin-body .admin-nav-modern a{min-height:41px!important;width:100%!important;display:flex!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border-radius:14px!important;border:0!important;background:transparent!important;color:rgba(255,255,255,.76)!important;box-shadow:none!important;text-decoration:none!important;}
body.admin-body .admin-nav-modern a b{font-size:13px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.admin-body .admin-nav-modern a span{width:30px!important;height:30px!important;min-width:30px!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;color:#b7d3ff!important;font-size:10px!important;font-weight:900!important;letter-spacing:.02em!important;}
body.admin-body .admin-nav-modern a:hover{background:rgba(255,255,255,.075)!important;color:#fff!important;}
body.admin-body .admin-nav-modern a.active{background:linear-gradient(135deg,rgba(47,111,207,.72),rgba(116,167,255,.22))!important;color:#fff!important;box-shadow:0 10px 26px rgba(47,111,207,.18)!important;}
body.admin-body .admin-hero-bar{border-radius:28px!important;padding:22px 24px!important;background:radial-gradient(circle at 85% 0%,rgba(183,211,255,.25),transparent 30%),linear-gradient(135deg,#061226 0%,#0b2746 68%,#2f6fcf 100%)!important;box-shadow:0 24px 80px rgba(6,18,38,.18)!important;}
body.admin-body .admin-page-title{font-size:clamp(28px,3vw,42px)!important;color:#fff!important;line-height:1.16!important;margin-top:8px!important;}
body.admin-body .admin-top-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-start!important;}
body.admin-body .notification-panel{z-index:2147483647!important;}
body.admin-body .notification-panel.show{display:block!important;}
body.admin-body .notification-list{max-height:min(62vh,520px)!important;}

/* Admin/content grids and cards */
body.admin-body .admin-grid.two,body.admin-body .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:start!important;}
body.admin-body .admin-grid,body.admin-body .form-grid{gap:18px!important;}
body.admin-body .card,body.admin-body .analytics-card,body.admin-body .renewal-card,body.admin-body .admin-stat-card{padding:20px!important;min-width:0!important;}
body.admin-body .admin-stat-row,.stats-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;}
body.admin-body .admin-stat-card,.stats-grid .stat-card{height:100%!important;min-height:132px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;}
body.admin-body .dashboard-analytics-grid{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:18px!important;align-items:stretch!important;}
body.admin-body .dashboard-analytics-grid.secondary{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;}
body.admin-body .analytics-card,body.admin-body .renewal-card{height:100%!important;}
body.admin-body .section-head{margin-bottom:18px!important;}

/* Customer portal: aligned cards + smoother header/welcome. */
.site-header.site-header-light{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e3eaf5!important;box-shadow:0 12px 42px rgba(7,26,51,.07)!important;backdrop-filter:blur(18px)!important;}
.customer-portal-page{background:radial-gradient(circle at 9% 0%,rgba(116,167,255,.16),transparent 28%),linear-gradient(180deg,#f9fbff 0%,#f2f7fd 100%)!important;}
.customer-portal-modern .customer-hero-solid{border-radius:34px!important;background:radial-gradient(circle at 88% 0%,rgba(117,211,255,.22),transparent 26%),linear-gradient(135deg,#061226 0%,#071a33 58%,#0b2746 100%)!important;box-shadow:0 26px 84px rgba(6,18,38,.20)!important;border:0!important;}
.customer-grid.main,.customer-grid.secondary,.subscription-grid{display:grid!important;gap:20px!important;align-items:stretch!important;}
.customer-grid.main,.subscription-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;}
.customer-grid.secondary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.customer-grid > .portal-card,.subscription-grid > .portal-card{height:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:20px!important;}
.portal-card .card-title-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;min-height:auto!important;margin-bottom:14px!important;}
.portal-card .card-title-row h2{font-size:clamp(20px,2vw,26px)!important;margin-top:3px!important;}
.portal-card .muted-text{min-height:auto!important;margin:0 0 14px!important;}
.portal-form,.subscribe-select-form{display:grid!important;gap:14px!important;}
.portal-form.two.subscribe-select-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.portal-empty{border-radius:20px!important;background:#f5f9ff!important;border:1px dashed #cddbed!important;color:#64748b!important;padding:16px!important;font-weight:800!important;line-height:1.75!important;}
.subscription-detail-box{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.subscription-detail-box.renewal{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.subscription-detail-box .wide{grid-column:1/-1!important;}

/* Tables: no horizontal side-scroll; content wraps clearly inside cells. */
.table-wrap{width:100%!important;max-width:100%!important;overflow-x:visible!important;overflow-y:visible!important;border-radius:24px!important;border:1px solid var(--vp-line)!important;background:#fff!important;box-shadow:0 16px 48px rgba(8,25,52,.07)!important;}
table{width:100%!important;min-width:0!important;max-width:100%!important;border-collapse:separate!important;border-spacing:0!important;table-layout:fixed!important;background:#fff!important;color:var(--vp-navy)!important;}
th,td{white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;vertical-align:middle!important;text-align:start!important;padding:12px 10px!important;font-size:13px!important;line-height:1.55!important;border-bottom:1px solid #edf2f8!important;color:var(--vp-navy)!important;}
th{font-size:12px!important;text-transform:none!important;background:#f5f9ff!important;color:var(--vp-blue)!important;font-weight:900!important;}
tr:last-child td{border-bottom:0!important;}
td .actions,.table-actions,.actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;}
td .btn,.actions .btn,td button{min-height:34px!important;padding:8px 10px!important;font-size:12px!important;border-radius:12px!important;}
.pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;max-width:100%!important;white-space:normal!important;text-align:center!important;line-height:1.35!important;padding:6px 10px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;}

/* Forms inside cards: clear, consistent and not cramped. */
input,select,textarea{min-height:45px!important;border-radius:15px!important;border:1px solid #dbe5f1!important;background:#fff!important;color:var(--vp-navy)!important;box-shadow:none!important;}
textarea{min-height:96px!important;resize:vertical!important;}
label{line-height:1.6!important;}
.check{align-items:flex-start!important;gap:10px!important;padding:11px 12px!important;min-height:44px!important;}
.check input{margin-top:4px!important;flex:0 0 auto!important;}

/* Tables with too many columns still remain readable through smaller padding. */
body.admin-body .table-wrap table th,body.admin-body .table-wrap table td{font-size:12.5px!important;padding:10px 8px!important;}
body.admin-body .orders-table th,body.admin-body .orders-table td{font-size:12px!important;}

@media(max-width:1280px){
  body.admin-body .admin-stat-row,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.admin-body .dashboard-analytics-grid,body.admin-body .dashboard-analytics-grid.secondary{grid-template-columns:1fr!important;}
  .customer-grid.main,.customer-grid.secondary,.subscription-grid{grid-template-columns:1fr!important;}
}
@media(max-width:1024px){
  body.admin-body .grid.min-h-screen{grid-template-columns:1fr!important;}
  body.admin-body .admin-grid.two,body.admin-body .form-grid.two,.portal-form.two.subscribe-select-form,.subscription-detail-box,.subscription-detail-box.renewal{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  body.admin-body .admin-workspace,.customer-portal-page{padding-inline:14px!important;}
  body.admin-body .admin-hero-bar,.customer-portal-modern .customer-hero-solid{border-radius:24px!important;padding:18px!important;}
  body.admin-body .admin-top-actions{width:100%!important;justify-content:space-between!important;}
  .card,.portal-card,.analytics-card,.renewal-card,.demo-request-card,.stat-card,.admin-stat-card{border-radius:22px!important;padding:16px!important;}
  .table-wrap{border-radius:18px!important;}
  th,td{font-size:11.5px!important;padding:8px 6px!important;}
  .btn{width:100%!important;}
}

/* Customer portal visibility / layout cleanup - 2026-05-25 */
.customer-grid.single-card-grid,
.customer-grid.wide-table-row,
.customer-grid.refund-row,
.customer-grid.paid-invoices-row{
  grid-template-columns:1fr!important;
}
.customer-grid.single-card-grid > .portal-card,
.customer-grid.wide-table-row > .portal-card{
  width:100%!important;
  max-width:100%!important;
}
.customer-portal-page .table-card-wide{
  grid-column:1/-1!important;
}
.customer-portal-page .table-card-wide .table-wrap{
  width:100%!important;
  overflow-x:visible!important;
}
.customer-portal-page .table-card-wide table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.customer-portal-page .table-card-wide th,
.customer-portal-page .table-card-wide td{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.customer-portal-page .current-package-features{
  display:none!important;
}


/* 2026-05-30: Global editable logo + cleaner modern admin dashboard */
.brand-logo-link{min-width:0;max-width:min(260px,100%);display:inline-flex;align-items:center;}
.brand-logo-img{display:block;width:auto;max-width:min(250px,48vw);height:auto;max-height:62px;object-fit:contain;border-radius:12px;}
.brand-logo-img-light{filter:drop-shadow(0 14px 24px rgba(0,0,0,.22));}
.brand-logo-img-dark{filter:drop-shadow(0 10px 20px rgba(8,25,52,.12));}
.admin-side-panel .brand-logo-img{max-width:210px;max-height:58px;}
.auth-panel .brand-logo-img{max-width:250px;max-height:76px;}
.site-logo-preview{display:grid;gap:12px;border:1px solid #e3eaf5;background:#f8fbff;border-radius:22px;padding:16px;color:#061226;font-weight:900;}
.site-logo-preview img{max-width:240px;max-height:92px;object-fit:contain;border-radius:16px;background:#fff;border:1px solid #e8eef7;padding:12px;}
.site-logo-preview.muted{color:#64748b;font-weight:800;line-height:1.7;}
.brand-preview-card{margin:14px 0 24px;border:1px solid #e3eaf5;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:24px;padding:18px;display:grid;gap:12px;}
.brand-preview-card p{margin:0;color:#64748b;font-weight:800;line-height:1.8;}

body.admin-body .admin-dashboard-exact{display:grid!important;gap:22px!important;}
body.admin-body .admin-stat-row{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;}
body.admin-body .admin-stat-card{position:relative!important;overflow:hidden!important;min-height:154px!important;border:1px solid #e6edf7!important;border-radius:28px!important;background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%)!important;box-shadow:0 18px 48px rgba(15,23,42,.075)!important;padding:18px!important;color:#061226!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;}
body.admin-body .admin-stat-card:hover{transform:translateY(-3px)!important;box-shadow:0 26px 70px rgba(15,23,42,.105)!important;border-color:#d7e4f5!important;}
body.admin-body .admin-stat-card:before,body.admin-body .admin-stat-card .stat-orb{display:none!important;}
body.admin-body .admin-stat-card .stat-top{position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
body.admin-body .admin-stat-card .stat-icon{display:inline-flex!important;width:42px!important;height:42px!important;border-radius:16px!important;align-items:center!important;justify-content:center!important;background:#eef5ff!important;color:#1d4ed8!important;border:1px solid #dbeafe!important;font-size:11px!important;font-weight:950!important;letter-spacing:.04em!important;box-shadow:none!important;}
body.admin-body .admin-stat-card small{min-width:0!important;color:#64748b!important;font-size:11px!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.admin-body .admin-stat-card p{position:relative!important;z-index:1!important;margin:18px 0 5px!important;color:#475569!important;font-size:13px!important;font-weight:900!important;}
body.admin-body .admin-stat-card strong{position:relative!important;z-index:1!important;display:block!important;color:#061226!important;font-size:clamp(25px,2.4vw,36px)!important;line-height:1.1!important;font-weight:950!important;letter-spacing:-.04em!important;word-break:break-word!important;}
body.admin-body .admin-stat-card .stat-trend{position:relative!important;z-index:1!important;margin-top:12px!important;display:inline-flex!important;width:max-content!important;max-width:100%!important;border:1px solid #e7eef7!important;background:#f8fbff!important;border-radius:999px!important;padding:6px 10px!important;color:#64748b!important;font-size:11px!important;font-weight:850!important;}
body.admin-body .analytics-card,body.admin-body .renewal-card{border:1px solid #e6edf7!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 18px 54px rgba(15,23,42,.075)!important;border-radius:30px!important;}
body.admin-body .renewal-card .analytics-head h2{color:#061226!important;}
body.admin-body .renewal-grid div,body.admin-body .payment-mini-stats div,body.admin-body .donut-list div{border:1px solid #e7eef7!important;background:#f8fbff!important;box-shadow:none!important;}
body.admin-body .payment-mini-stats .ok,body.admin-body .payment-mini-stats .bad{background:#f8fbff!important;}
body.admin-body .payment-mini-stats .ok strong,body.admin-body .payment-mini-stats .ok span,body.admin-body .payment-mini-stats .bad strong,body.admin-body .payment-mini-stats .bad span{color:inherit!important;}
body.admin-body .bar-shell,body.admin-body .health-bar{background:#edf3fb!important;}
body.admin-body .bar-shell span,body.admin-body .bar-shell.navy span,body.admin-body .health-bar span{background:linear-gradient(90deg,#2563eb,#60a5fa)!important;}
body.admin-body .donut-list div span{box-shadow:0 0 0 4px rgba(37,99,235,.08)!important;}
body.admin-body .health-card{border:1px solid #e7eef7!important;background:#f8fbff!important;color:#061226!important;}
body.admin-body .health-card>div:first-child,body.admin-body .renewal-grid span,body.admin-body .renewal-grid small{color:#64748b!important;}
body.admin-body .renewal-grid strong,body.admin-body .health-card strong{color:#061226!important;}
body.admin-body .analytics-icon{background:#eef5ff!important;color:#1d4ed8!important;border:1px solid #dbeafe!important;box-shadow:none!important;}
body.admin-body .mini-line-chart line{stroke:#eef3fb!important;}
@media(max-width:1320px){body.admin-body .admin-stat-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:820px){body.admin-body .admin-stat-row{grid-template-columns:1fr!important;}.brand-logo-img{max-width:190px;max-height:50px;}}


/* 2026-05-31: Smooth homepage headers, no heavy boxed border around section navbars */
body:not(.admin-body) .section-frame > .site-header,
body:not(.admin-body) .site-header.site-header-dark,
body:not(.admin-body) .site-header.site-header-light{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  border-radius:0!important;
  padding-inline:clamp(18px,4vw,56px)!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
}
body:not(.admin-body) .site-header.site-header-dark{
  background:linear-gradient(180deg,rgba(5,16,32,.92),rgba(5,16,32,.58))!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
body:not(.admin-body) .site-header.site-header-light{
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.76))!important;
  border-bottom:1px solid rgba(226,232,240,.76)!important;
}
body:not(.admin-body) .site-header > nav{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:.25rem!important;
  backdrop-filter:none!important;
}
body:not(.admin-body) .site-header > nav a{
  border:0!important;
  border-radius:14px!important;
}
body:not(.admin-body) .site-header.site-header-dark > nav a:hover{
  background:rgba(255,255,255,.07)!important;
}
body:not(.admin-body) .site-header.site-header-light > nav a:hover{
  background:rgba(15,23,42,.045)!important;
}
body:not(.admin-body) .site-header.site-header-dark > nav a:first-child{
  box-shadow:inset 0 -2px 0 #60a5fa!important;
}
body:not(.admin-body) .site-header.site-header-light > nav a:first-child{
  box-shadow:inset 0 -2px 0 #2563eb!important;
}


/* 2026-05-31: Final smooth header + consistent logo visibility */
.brand-logo-shell{display:inline-flex;align-items:center;justify-content:center;padding:6px 0;min-height:52px;}
.brand-logo-shell-light{padding:8px 12px;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f7faff);box-shadow:0 10px 28px rgba(8,25,52,.08);}
.brand-logo-shell-dark{padding:4px 0;}
.brand-logo-link{max-width:min(280px,100%);}
.brand-logo-img{display:block;width:auto;max-width:min(270px,52vw);height:auto;max-height:66px;object-fit:contain;border-radius:0!important;}
.brand-logo-img-light{filter:drop-shadow(0 12px 24px rgba(0,0,0,.20));}
.brand-logo-img-dark{filter:none;}
.auth-brand-shell{display:inline-flex;align-items:center;justify-content:center;min-height:110px;padding:16px 22px;border-radius:28px;background:rgba(255,255,255,.06);box-shadow:0 24px 60px rgba(0,0,0,.18);backdrop-filter:blur(10px);}
.auth-brand-image{display:block;max-width:320px;max-height:110px;width:auto;height:auto;object-fit:contain;}
.admin-side-panel .brand-logo-shell-light{background:transparent;box-shadow:none;padding:0;}
.admin-side-panel .brand-logo-img{max-width:220px;max-height:64px;}
@media(max-width:820px){.brand-logo-img{max-width:210px;max-height:56px;}.auth-brand-image{max-width:250px;max-height:84px;}}

body:not(.admin-body) .dark-panel,
body:not(.admin-body) .light-panel{border:0!important;box-shadow:none!important;}
body:not(.admin-body) .site-header.site-header-dark,
body:not(.admin-body) .site-header.site-header-light{background:transparent!important;border-bottom:0!important;backdrop-filter:none!important;box-shadow:none!important;padding-top:18px!important;padding-bottom:10px!important;}
body:not(.admin-body) .site-header > nav{gap:.2rem!important;padding:.15rem .35rem!important;}
body:not(.admin-body) .site-header > nav a{border-radius:999px!important;padding:.7rem 1rem!important;}
body:not(.admin-body) .site-header.site-header-dark > nav a,
body:not(.admin-body) .site-header.site-header-dark .sm\:flex > a,
body:not(.admin-body) .site-header.site-header-dark .sm\:flex form button{color:#fff!important;background:transparent!important;border:0!important;box-shadow:none!important;}
body:not(.admin-body) .site-header.site-header-light > nav a,
body:not(.admin-body) .site-header.site-header-light .sm\:flex > a,
body:not(.admin-body) .site-header.site-header-light .sm\:flex form button{color:#0f172a!important;background:transparent!important;border:0!important;box-shadow:none!important;}
body:not(.admin-body) .site-header.site-header-dark > nav a:first-child,
body:not(.admin-body) .site-header.site-header-dark .sm\:flex > a:last-child,
body:not(.admin-body) .site-header.site-header-dark .sm\:flex > a[href$="login"]{background:rgba(255,255,255,.06)!important;}
body:not(.admin-body) .site-header.site-header-light > nav a:first-child,
body:not(.admin-body) .site-header.site-header-light .sm\:flex > a:last-child,
body:not(.admin-body) .site-header.site-header-light .sm\:flex > a[href$="login"]{background:rgba(15,23,42,.05)!important;}
body:not(.admin-body) .site-header.site-header-dark .sm\:flex > a[href$="register"],
body:not(.admin-body) .site-header.site-header-dark .sm\:flex form button,
body:not(.admin-body) .site-header.site-header-light .sm\:flex > a[href$="register"],
body:not(.admin-body) .site-header.site-header-light .sm\:flex form button{background:linear-gradient(135deg,#2563eb,#3b82f6)!important;color:#fff!important;padding-inline:1.35rem!important;box-shadow:0 14px 30px rgba(37,99,235,.22)!important;}
body:not(.admin-body) .site-header.site-header-dark > nav a:first-child,
body:not(.admin-body) .site-header.site-header-light > nav a:first-child{box-shadow:none!important;}
body:not(.admin-body) .site-header > nav a:hover{background:rgba(255,255,255,.05)!important;}
body:not(.admin-body) .site-header.site-header-light > nav a:hover{background:rgba(15,23,42,.05)!important;}
body:not(.admin-body) .site-header summary{border:0!important;box-shadow:none!important;}


/* 2026-05-31: Final polish pass - unified smooth header, tuned logos, softer cards */
body:not(.admin-body) .section-frame{isolation:isolate;}
body:not(.admin-body) .section-frame > .site-header,
body:not(.admin-body) .site-header.site-header-dark,
body:not(.admin-body) .site-header.site-header-light{
  position:relative!important;
  top:auto!important;
  z-index:30!important;
  max-width:1440px!important;
  width:calc(100% - clamp(24px,4vw,64px))!important;
  margin:18px auto 0!important;
  padding:10px clamp(14px,2vw,24px)!important;
  border:0!important;
  border-radius:30px!important;
  background:rgba(7,18,38,.34)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
}
body:not(.admin-body) .site-header.site-header-light{
  background:rgba(255,255,255,.62)!important;
  backdrop-filter:blur(18px)!important;
}
body:not(.admin-body) .site-header > nav{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  padding:0!important;
}
body:not(.admin-body) .site-header > nav a{
  border:0!important;
  box-shadow:none!important;
  border-radius:999px!important;
  transition:background .2s ease,color .2s ease,transform .2s ease!important;
}
body:not(.admin-body) .site-header > nav a:hover,
body:not(.admin-body) .site-header .sm\:flex > a:hover,
body:not(.admin-body) .site-header .sm\:flex button:hover{
  transform:translateY(-1px)!important;
}
body:not(.admin-body) .site-header.site-header-dark > nav a:hover,
body:not(.admin-body) .site-header.site-header-dark .sm\:flex > a:not([href$="register"]):hover{
  background:rgba(255,255,255,.08)!important;
}
body:not(.admin-body) .site-header.site-header-light > nav a:hover,
body:not(.admin-body) .site-header.site-header-light .sm\:flex > a:not([href$="register"]):hover{
  background:rgba(15,23,42,.06)!important;
}
body:not(.admin-body) .site-header .sm\:flex > a,
body:not(.admin-body) .site-header .sm\:flex button{
  border:0!important;
  box-shadow:none!important;
}
body:not(.admin-body) .site-header.site-header-dark .sm\:flex > a[href$="register"],
body:not(.admin-body) .site-header.site-header-light .sm\:flex > a[href$="register"],
body:not(.admin-body) .site-header .sm\:flex form button{
  background:linear-gradient(135deg,#2563eb,#60a5fa)!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(37,99,235,.22)!important;
}
body:not(.admin-body) .site-header.site-header-dark .sm\:flex > a[href$="login"],
body:not(.admin-body) .site-header.site-header-dark .sm\:flex > a:first-child{
  background:rgba(255,255,255,.06)!important;
}
body:not(.admin-body) .site-header.site-header-light .sm\:flex > a[href$="login"],
body:not(.admin-body) .site-header.site-header-light .sm\:flex > a:first-child{
  background:rgba(15,23,42,.05)!important;
}

body:not(.admin-body) .brand-logo-link{flex:0 0 auto;max-width:min(290px,44vw)!important;}
body:not(.admin-body) .brand-logo-shell{min-height:50px!important;padding:2px 0!important;}
body:not(.admin-body) .brand-logo-shell-light{padding:8px 12px!important;border-radius:20px!important;background:rgba(255,255,255,.78)!important;box-shadow:0 12px 28px rgba(8,25,52,.08)!important;}
body:not(.admin-body) .brand-logo-img{max-width:min(270px,44vw)!important;max-height:64px!important;}
body:not(.admin-body) .auth-panel .brand-logo-img,
.auth-brand-image{max-width:340px!important;max-height:112px!important;}
body.admin-body .admin-side-panel .brand-logo-img{max-width:230px!important;max-height:68px!important;}
body.admin-body .admin-hero-bar .brand-logo-img{max-width:190px!important;max-height:54px!important;}

body:not(.admin-body) .feature-card,
body:not(.admin-body) .price-card,
body:not(.admin-body) .form-shell{
  border:0!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,255,.96))!important;
  box-shadow:0 22px 58px rgba(8,25,52,.075)!important;
}
body:not(.admin-body) .feature-card:hover,
body:not(.admin-body) .price-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 30px 76px rgba(8,25,52,.11)!important;
}
body:not(.admin-body) .price-card.featured{
  transform:translateY(-8px)!important;
  background:linear-gradient(180deg,#ffffff 0%,#f4f8ff 100%)!important;
  box-shadow:0 32px 82px rgba(8,25,52,.15)!important;
}
body:not(.admin-body) .price-card:before{border-radius:999px!important;height:4px!important;opacity:.9!important;}
body:not(.admin-body) .price-card a,
body:not(.admin-body) .billing-toggle,
body:not(.admin-body) .modal-card button,
body:not(.admin-body) a[href*="checkout"],
body:not(.admin-body) a[href*="register"]{
  border-radius:18px!important;
}
body:not(.admin-body) .light-panel{
  background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%)!important;
}
body:not(.admin-body) .dark-panel{
  background:radial-gradient(circle at 100% 0%,rgba(59,130,246,.20),transparent 28%),radial-gradient(circle at 0% 20%,rgba(34,211,238,.08),transparent 30%),linear-gradient(135deg,#061226 0%,#071a33 52%,#0b2746 100%)!important;
}
body:not(.admin-body) .dark-panel .rounded-full.border,
body:not(.admin-body) .light-panel .rounded-full.border{border-color:transparent!important;}
body:not(.admin-body) .section-frame .border-white\/10,
body:not(.admin-body) .section-frame .border-slate-200,
body:not(.admin-body) .section-frame .border-slate-100{border-color:transparent!important;}

body.admin-body .admin-stat-card,
body.admin-body .dashboard-feature-card,
body.admin-body .admin-shortcuts a,
body.admin-body .card,
body.admin-body .stat-card{
  border:0!important;
  border-radius:30px!important;
  box-shadow:0 22px 60px rgba(8,25,52,.075)!important;
}
body.admin-body .admin-stat-card:hover,
body.admin-body .dashboard-feature-card:hover,
body.admin-body .admin-shortcuts a:hover{transform:translateY(-2px)!important;box-shadow:0 30px 74px rgba(8,25,52,.11)!important;}
body.admin-body .admin-stat-card:before,
body.admin-body .admin-stat-card .stat-orb{opacity:.14!important;filter:blur(18px)!important;}

@media(max-width:1024px){
  body:not(.admin-body) .section-frame > .site-header,
  body:not(.admin-body) .site-header.site-header-dark,
  body:not(.admin-body) .site-header.site-header-light{width:calc(100% - 24px)!important;border-radius:24px!important;margin-top:12px!important;}
}
@media(max-width:640px){
  body:not(.admin-body) .brand-logo-link{max-width:210px!important;}
  body:not(.admin-body) .brand-logo-img{max-width:200px!important;max-height:52px!important;}
  body:not(.admin-body) .site-header{gap:10px!important;}
  body:not(.admin-body) .feature-card,
  body:not(.admin-body) .price-card{border-radius:24px!important;}
}