/* product branding */
.brand-logo-wrap{width:92px;height:54px;}
.brand-logo{padding:2px;object-fit:contain;}
.brand-copy small{color:var(--brand);font-weight:850;letter-spacing:.02em;}
.footer-logo{width:260px;max-height:90px;object-fit:contain;object-position:left center;}
.hero-logo{width:min(520px,100%);height:auto;display:block;margin:0 0 18px;}
.auth-logo{width:min(360px,100%);height:auto;display:block;margin:0 auto 18px;}
.product-kicker{color:var(--brand);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;}

/* Dashboard polish */
.dash-head{
  padding:28px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(23,38,61,.9),rgba(10,25,39,.72));
  box-shadow:0 20px 60px rgba(0,0,0,.22);
}
.dash-head h1{margin-bottom:10px;}
.dash-actions{display:flex;gap:10px;flex-wrap:wrap;}
.admin-panel{align-items:start;}
.company-card,.user-card,.search-card{border-radius:22px;}
.company-card .inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;}
.company-card .inline-form+ .inline-form{margin-top:12px;}
.user-row{min-width:0;}
.user-row>div{min-width:0;}
.user-row .muted{overflow-wrap:anywhere;}
.search-card{position:relative;}
.search-row{width:100%;}
.customer-card{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;}
.customer-card:hover{border-color:rgba(74,222,128,.3);box-shadow:0 18px 54px rgba(0,0,0,.28);}
.customer-toggle{align-items:center;}
.customer-toggle>div:first-child{min-width:0;}
.customer-toggle .muted{overflow-wrap:anywhere;}
.app-tabbar{display:none;}
.view-as-picker{display:grid;gap:6px;min-width:min(100%,360px);padding:14px;border:1px solid rgba(96,165,250,.32);border-radius:16px;background:rgba(96,165,250,.08);}
.view-as-picker>label{color:#bfdbfe;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;}
.view-as-picker>div{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;}
.view-as-picker small{color:var(--muted);font-weight:650;}
.view-as-banner{position:sticky;top:78px;z-index:19;display:flex;align-items:center;justify-content:center;gap:24px;padding:10px 18px;border-bottom:1px solid #60a5fa;background:#102b4f;color:#eff6ff;box-shadow:0 10px 30px rgba(0,0,0,.25);}
.view-as-banner>div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;}
.view-as-banner span{color:#bfdbfe;font-size:.88rem;}
.view-as-banner form{margin:0;}
.view-as-banner button{min-height:38px;padding:8px 12px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:#eff6ff;color:#102b4f;font:inherit;font-weight:900;cursor:pointer;}

@media(max-width:900px){
  .header-inner{width:min(100% - 24px,1220px);min-height:auto;padding:12px 0;align-items:center;}
  .brand{min-width:0;gap:10px;flex:1 1 auto;}
  .brand-logo-wrap{width:52px;height:44px;border-radius:14px;flex:0 0 auto;}
  .brand-copy strong{font-size:1rem;}
  .brand-copy small{font-size:.7rem;line-height:1.25;}
  .main-nav{gap:8px;flex:0 1 auto;}
  .main-nav a{font-size:.86rem;padding:8px 10px;}
  .company-pill{display:none;}
  .page{width:min(100% - 24px,1220px);padding:22px 0 44px;}
  .admin-panel{grid-template-columns:1fr;}
  .grid-form,.grid-form.compact{grid-template-columns:1fr 1fr;}
  .hero{grid-template-columns:1fr;padding-top:18px;}
  .hero-copy{padding:30px;}
  .site-footer .footer-inner{grid-template-columns:1fr 1fr;}
}

@media(max-width:640px){
  body{background:linear-gradient(180deg,#07111f 0%,#091827 48%,#060b14 100%);}
  .site-header{position:sticky;background:rgba(5,11,20,.96);}
  .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;}
  .brand{min-width:0;}
  .brand-logo-wrap{width:46px;height:40px;}
  .brand-copy strong{font-size:.96rem;}
  .brand-copy small{font-size:.65rem;white-space:normal;}
  .main-nav{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:175px;}
  .main-nav a{font-size:.78rem;padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);}
  .main-nav .nav-pill{background:rgba(255,255,255,.06);color:var(--text);}

  .page{width:calc(100% - 24px);padding-top:16px;}
  .dash-head{display:block;padding:22px 18px;margin-bottom:16px;border-radius:20px;}
  .dash-head h1{font-size:2rem;line-height:1.05;margin:6px 0 8px;}
  .dash-head .muted{margin:0;}
  .dash-actions{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;}
  .dash-actions .button{width:100%;padding:12px 10px;font-size:.85rem;}
  .view-as-picker{margin-top:18px;min-width:0;}
  .view-as-picker>div{grid-template-columns:1fr;}
  .view-as-banner{top:64px;align-items:stretch;justify-content:space-between;gap:10px;padding:9px 12px;}
  .view-as-banner>div{display:grid;gap:1px;}
  .view-as-banner span{font-size:.72rem;line-height:1.25;}
  .view-as-banner button{height:100%;font-size:.76rem;white-space:nowrap;}

  .card{padding:18px;margin-bottom:16px;border-radius:20px;}
  .admin-panel{gap:0;margin-bottom:0;}
  .mini-head{align-items:flex-start;}
  .mini-head h2,.search-header h2{font-size:1.35rem;}
  .company-card .inline-form{grid-template-columns:1fr;gap:8px;}
  .company-card .button{width:100%;}
  .user-card .mini-head{gap:12px;}
  .user-card .mini-head .button{width:auto;}
  .user-list{max-height:none;padding:0;}
  .user-row{grid-template-columns:1fr;gap:10px;padding:14px;}
  .user-row select,.user-row .button{width:100%;}
  .role-chip{max-width:100%;white-space:normal;}

  .search-header{display:grid;grid-template-columns:1fr auto;align-items:start;gap:12px;}
  .search-header .muted{font-size:.9rem;line-height:1.4;margin-bottom:0;}
  .search-row{display:grid;grid-template-columns:1fr;gap:10px;}
  .search-row input,.search-row select,.search-row .button{width:100%;min-width:0;}

  .customer-list{gap:14px;}
  .customer-card{border-radius:20px;}
  .customer-toggle{display:block;padding:18px;}
  .customer-toggle h2{font-size:1.45rem;line-height:1.1;}
  .summary-pills{justify-content:flex-start;margin-top:14px;gap:7px;}
  .summary-pills span{font-size:.75rem;padding:6px 8px;}
  .toggle-indicator{width:100%;min-width:0;text-align:left;margin-top:4px;font-size:.85rem;}
  .customer-body{padding:0 14px 16px;}
  .grid-form,.grid-form.compact{grid-template-columns:1fr;}
  .grid-form .wide{grid-column:auto;}
  .item-row-filter,.item-row-type{grid-template-columns:1fr;}
  .times{display:none;}
  .section-head{align-items:flex-start;}
  .section-head .muted{font-size:.75rem;text-align:right;}
  .form-footer,.item-meta{align-items:flex-start;flex-direction:column;}

  .site-footer .footer-inner{grid-template-columns:1fr;gap:22px;}
  .footer-logo{width:190px;}
  .footer-bottom{display:grid;gap:6px;}
  .app-authenticated .site-footer{display:none;}
  .app-authenticated .page{padding-bottom:92px;}
  .app-authenticated .site-header .header-inner{min-height:64px;padding:8px 0;display:flex;}
  .app-authenticated .site-header .brand-logo-wrap{width:42px;height:42px;}
  .app-authenticated .site-header .brand-copy strong{font-size:.92rem;}
  .app-authenticated .site-header .brand-copy small{display:none;}
  .app-authenticated .site-header .main-nav{max-width:none;}
  .app-authenticated .site-header .main-nav > *{display:none;}
  .app-authenticated .site-header .main-nav .ghost-pill{display:inline-flex;min-height:40px;align-items:center;}
  .app-tabbar{
    position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:50;
    display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));overflow:hidden;
    border:1px solid rgba(255,255,255,.14);border-radius:20px;
    background:rgba(5,11,20,.94);box-shadow:0 18px 50px rgba(0,0,0,.5);backdrop-filter:blur(18px);
  }
  .app-tabbar a{display:grid;place-items:center;gap:1px;min-height:62px;padding:7px 4px;color:var(--muted);text-decoration:none;font-weight:800;}
  .app-tabbar a:hover,.app-tabbar a:focus{color:var(--brand);background:rgba(74,222,128,.08);}
  .app-tabbar span{font-size:1.35rem;line-height:1;}
  .app-tabbar small{font-size:.68rem;}
}