/* 2026-05-27 professional full-width redesign */
:root{
  --primary:#0f766e;
  --primary-dark:#134e4a;
  --primary-light:#14b8a6;
  --primary-soft:rgba(20,184,166,.10);
  --secondary:#334155;
  --accent:#f59e0b;
  --bg-primary:#f5f7fb;
  --bg-secondary:#ffffff;
  --bg-tertiary:#eef2f7;
  --text-primary:#0f172a;
  --text-secondary:#475569;
  --text-muted:#94a3b8;
  --border-color:#e2e8f0;
  --border-strong:#cbd5e1;
  --container:1840px;
  --radius-lg:22px;
  --radius-xl:30px;
}
*{box-sizing:border-box}
html,body{overflow-x:hidden;background:#f5f7fb!important}
body{background:radial-gradient(circle at 8% 0%,rgba(20,184,166,.08),transparent 28%),linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%)!important;color:var(--text-primary)}
.container{width:min(100%,var(--container))!important;max-width:var(--container)!important;padding-left:clamp(10px,1.05vw,20px)!important;padding-right:clamp(10px,1.05vw,20px)!important;margin-inline:auto!important}
a{color:inherit}.section-copy,.section-muted{color:#64748b!important}.no-data{color:#64748b;font-weight:800}

/* Universal topbar */
.top-bar,.admin-header,.admin-clean-header{position:sticky!important;top:0!important;z-index:1000!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(226,232,240,.92)!important;box-shadow:0 14px 34px rgba(15,23,42,.06)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;padding:10px 0!important}
.nav-shell,.admin-clean-nav{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;min-height:64px!important}
.logo,.admin-logo{display:inline-flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;color:#0f172a!important;min-width:210px!important;flex:0 0 auto!important}
.logo i,.admin-logo-mark{width:48px!important;height:48px!important;border-radius:18px!important;background:#0f172a url('../assets/evva-logo-mark.png') center/cover no-repeat!important;box-shadow:0 14px 34px rgba(15,23,42,.16)!important;border:1px solid rgba(255,255,255,.42)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;color:transparent!important;flex:0 0 auto!important}
.logo i:before,.admin-logo-mark i{display:none!important}.logo-title,.admin-logo-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-weight:1000!important;letter-spacing:.05em!important;font-size:15px!important;line-height:1.1!important;color:#0f172a!important;text-transform:uppercase!important}.logo-sub,.admin-logo-sub{font-size:12px!important;color:#64748b!important;font-weight:800!important;letter-spacing:.01em!important}.header-actions,.admin-top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}.auth-btn,.admin-nav-btn,.owner-btn,.history-btn,.payment-mini-btn,.copy-action-btn,.btn-success,.btn-delete,.btn-primary,.btn-secondary{border-radius:14px!important;min-height:42px!important;padding:0 14px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-decoration:none!important;border:1px solid rgba(226,232,240,.9)!important;background:#fff!important;color:#0f172a!important;box-shadow:0 8px 20px rgba(15,23,42,.05)!important;line-height:1!important;white-space:nowrap!important}.auth-btn.primary,.admin-nav-btn.primary,.owner-btn.primary,.history-btn.primary,.btn-success{background:linear-gradient(135deg,#0f766e,#14b8a6)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 14px 30px rgba(15,118,110,.18)!important}.btn-delete,.payment-mini-btn.danger{background:#fff1f2!important;color:#be123c!important;border-color:#fecdd3!important}.auth-btn:hover,.admin-nav-btn:hover,.owner-btn:hover,.history-btn:hover,.payment-mini-btn:hover{transform:translateY(-1px)!important;box-shadow:0 13px 28px rgba(15,23,42,.09)!important}

/* Public menu cleanup */
.user-dropdown{border-radius:18px!important;border:1px solid rgba(226,232,240,.92)!important;background:#fff!important;box-shadow:0 24px 60px rgba(15,23,42,.14)!important}.user-dropdown a{font-weight:850!important}.theme-toggle{width:42px!important;min-width:42px!important;padding:0!important}.premium-back-btn,.floating-back-btn{box-shadow:0 16px 34px rgba(15,23,42,.10)!important;border-color:#e2e8f0!important;background:#fff!important;color:#0f172a!important}.has-floating-back{padding-top:0!important}.floating-back-btn{position:fixed!important;top:86px!important;left:clamp(10px,1vw,18px)!important;z-index:850!important}

/* Home/search redesign: calm, professional, no heavy blue */
.hero{padding:18px 0 12px!important;background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%)!important;color:#0f172a!important;overflow:visible!important}.hero::after,.hero-blur{display:none!important}.hero-layout{display:block!important}.search-box,.search-box-premium{background:rgba(255,255,255,.96)!important;color:#0f172a!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:24px!important;box-shadow:0 22px 58px rgba(15,23,42,.08)!important;padding:16px!important;backdrop-filter:blur(12px)!important}.search-box-head{margin-bottom:12px!important}.search-box-head h3{color:#0f172a!important;font-size:20px!important}.search-box-head p{color:#64748b!important}.hero-mini-pill{background:#f1f5f9!important;color:#334155!important;border-color:#e2e8f0!important}.hero-mini-pill i{color:#0f766e!important}.search-grid-compact{grid-template-columns:minmax(320px,2.1fr) minmax(170px,1fr) minmax(145px,.8fr) minmax(145px,.8fr) auto!important;gap:10px!important}.search-input-group i,.premium-select-wrap i,.premium-input-wrap i{color:#0f766e!important}.search-input-group input,.premium-select-wrap select,.premium-input-wrap input{height:48px!important;background:#f8fafc!important;color:#0f172a!important;border:1px solid #e2e8f0!important;border-radius:15px!important;font-weight:800!important;box-shadow:none!important}.search-input-group input::placeholder,.premium-input-wrap input::placeholder{color:#94a3b8!important}.premium-select-wrap select option{color:#0f172a!important;background:#fff!important}.search-input-group input:focus,.premium-select-wrap select:focus,.premium-input-wrap input:focus{background:#fff!important;border-color:#14b8a6!important;box-shadow:0 0 0 4px rgba(20,184,166,.12)!important}.search-btn{height:48px!important;border-radius:15px!important;background:linear-gradient(135deg,#0f766e,#14b8a6)!important;box-shadow:0 15px 32px rgba(15,118,110,.18)!important}.tag-checkbox span{background:#f8fafc!important;color:#334155!important;border-color:#e2e8f0!important}.tag-checkbox input:checked+span{background:#0f766e!important;color:#fff!important;border-color:#0f766e!important}.advanced-filters{border-top:1px solid #e2e8f0!important;margin-top:4px!important;padding-top:10px!important}

/* Cards / sections wider and quieter */
.properties-section,.owner-dashboard,.profile-section,.page-section,.booking-section,.history-wrap,.fee-shell,.pay-admin-shell,.res-shell{padding-top:26px!important}.property-card,.owner-card,.fee-card,.pay-card,.history-card,.stat-card,.filter-card,.res-table-wrap,.payment-account-tile,.premium-card{border:1px solid rgba(226,232,240,.95)!important;background:rgba(255,255,255,.96)!important;box-shadow:0 20px 50px rgba(15,23,42,.07)!important;border-radius:26px!important}.property-card:hover{transform:translateY(-3px)!important;box-shadow:0 28px 70px rgba(15,23,42,.12)!important}

/* Admin panel: clean SaaS style */
.admin-panel{background:#f5f7fb!important}.admin-clean-nav{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:14px!important}.admin-main-menu{display:flex!important;align-items:center!important;gap:7px!important;overflow-x:auto!important;scrollbar-width:thin!important;padding:4px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:18px!important}.admin-main-menu .admin-nav-btn{min-height:38px!important;padding:0 12px!important;box-shadow:none!important;background:transparent!important;border-color:transparent!important;color:#334155!important}.admin-main-menu .admin-nav-btn:hover{background:#fff!important;border-color:#e2e8f0!important}.admin-main-menu .badge{background:#ef4444!important;color:#fff!important;border-radius:999px!important;min-width:18px!important;height:18px!important;font-size:11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 5px!important}.admin-top-actions .admin-nav-btn{background:#fff!important}.admin-content,.premium-dashboard-shell{padding-top:22px!important}.admin-section,.premium-dashboard-card,.admin-card{border-radius:26px!important;border:1px solid #e2e8f0!important;background:#fff!important;box-shadow:0 18px 44px rgba(15,23,42,.06)!important}.admin-table th{background:#f8fafc!important;color:#64748b!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.06em!important}.admin-table td{border-color:#edf2f7!important}.admin-section-head h1,.compact-head h1{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-weight:1000!important;letter-spacing:-.04em!important;color:#0f172a!important}.admin-form-kicker{color:#0f766e!important;font-weight:1000!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-size:12px!important}.admin-owner-fields-row{display:none!important}

/* Payment cards: visible number with clean design */
.premium-payment-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))!important;gap:18px!important}.payment-account-tile{padding:14px!important}.evva-card-visual{min-height:212px!important;border-radius:28px!important;padding:22px!important}.evva-card-visual.ocean{background:linear-gradient(135deg,#0f172a 0%,#0f766e 62%,#14b8a6 100%)!important}.evva-card-visual.dark{background:linear-gradient(135deg,#020617 0%,#111827 55%,#334155 100%)!important}.evva-card-visual.gold{background:linear-gradient(135deg,#3f2d0b 0%,#a16207 58%,#f59e0b 100%)!important}.evva-card-visual.violet{background:linear-gradient(135deg,#1e1b4b 0%,#6d28d9 62%,#a78bfa 100%)!important}.evva-card-visual.emerald{background:linear-gradient(135deg,#052e2b 0%,#047857 58%,#2dd4bf 100%)!important}.evva-card-visual.platinum{background:linear-gradient(135deg,#1f2937 0%,#64748b 55%,#e2e8f0 100%)!important}.evva-card-number{font-size:clamp(18px,1.45vw,25px)!important;letter-spacing:.11em!important;white-space:normal!important;line-height:1.35!important}.evva-card-foot{grid-template-columns:1fr!important;margin-top:22px!important}.evva-card-foot>div:last-child,.evva-cvv-pill{display:none!important}.payment-details-box{background:#f8fafc!important;border-color:#e2e8f0!important}.payment-detail-row{border-color:#e2e8f0!important}.payment-detail-row code{font-size:15px!important}.copy-action-btn{background:#0f766e!important;color:#fff!important;border:0!important}.note-card{background:#ecfeff!important;color:#155e75!important;border-color:#a5f3fc!important}

/* Owner payment list */
.owner-payment-list{display:grid;gap:12px}.owner-payment-row{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(120px,.75fr)) auto;gap:12px;align-items:center;padding:16px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.05)}.owner-payment-row strong{display:block}.owner-payment-row small{color:#64748b;font-weight:750}.payment-disabled{opacity:.65;cursor:not-allowed!important;background:#e2e8f0!important;color:#64748b!important;box-shadow:none!important}

@media(max-width:1180px){.admin-clean-nav{grid-template-columns:1fr!important}.admin-main-menu{order:3}.header-actions,.admin-top-actions{justify-content:flex-start!important}.search-grid-compact{grid-template-columns:1fr 1fr!important}.search-btn{width:100%!important}.owner-payment-row{grid-template-columns:1fr 1fr}.owner-payment-row .row-actions{grid-column:1/-1}}
@media(max-width:720px){.container{padding-left:10px!important;padding-right:10px!important}.nav-shell{align-items:flex-start!important;flex-direction:column!important}.logo{min-width:0!important}.header-actions{width:100%!important}.auth-btn,.admin-nav-btn{min-height:40px!important;font-size:13px!important}.search-grid-compact{grid-template-columns:1fr!important}.search-box{padding:12px!important;border-radius:20px!important}.hero-mini-info{display:none!important}.owner-payment-row{grid-template-columns:1fr}.floating-back-btn{top:78px!important}}