/* Host Conecta V7.2 — Design System Host Clear
   Uma base funcional, composições próprias para Desktop, Mobile, PWA, Painel e Admin. */
:root{
  --host:#0D3B4C;--host-2:#082B38;--purple:#6A35D9;--violet:#885CF6;
  --host-bg:#F4F6F8;--host-surface:#FFFFFF;--host-ink:#1F2937;--host-muted:#6B7280;
  --host-line:#E5E7EB;--host-success:#22C55E;--host-warning:#F59E0B;--host-danger:#EF4444;--host-info:#3B82F6;
  --host-shadow:0 16px 42px rgba(13,59,76,.09);--host-radius:18px;
}

/* ---------- Identidade compartilhada ---------- */
body.host-public,body.host-pwa,body.host-panel,body.host-admin{background:var(--host-bg)!important;color:var(--host-ink)!important}
.host-official-logo{display:block;width:auto;object-fit:contain}
h1,h2,h3,.host-title{font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif}

/* ---------- Central pública / Mobile ---------- */
body.host-public{--hc-text:var(--host-ink);--hc-muted:var(--host-muted);--hc-border:var(--host-line);--hc-card:#fff;--hc-card-2:#F8FAFC;background:#fff!important}
body.host-public .shell{background:transparent!important}
body.host-public .bio{
  background:
    radial-gradient(ellipse 150% 330px at 50% -40px,color-mix(in srgb,var(--brand) 16%,transparent),transparent 68%),
    linear-gradient(180deg,#F8FAFB 0%,#FBFCFD 48%,#fff 100%)!important;
  color:var(--host-ink)!important;
}
body.host-public .profile,body.host-public .primary-zone{background:transparent!important}
body.host-public .profile h1,body.host-public .home-heading h2,body.host-public .featured-copy h3,
body.host-public .detail-body h2,body.host-public .info-card h2{color:var(--host)!important}
body.host-public .meta,body.host-public .desc{color:#697A85!important}
body.host-public .central-badge{background:color-mix(in srgb,var(--brand) 9%,white)!important;border:1px solid color-mix(in srgb,var(--brand) 22%,white)!important;color:var(--brand)!important}
body.host-public .commercial-card,body.host-public .featured-product,body.host-public .home-product,
body.host-public .social-proof,body.host-public .utilities,body.host-public .lead-callout,
body.host-public .catalog-card,body.host-public .agenda-card,body.host-public .form-card,body.host-public .info-card{
  background:#fff!important;border-color:var(--host-line)!important;color:var(--host-ink)!important;box-shadow:0 10px 28px rgba(13,59,76,.07)!important
}
body.host-public .commercial-card:after{background:color-mix(in srgb,var(--brand) 8%,white)!important}
body.host-public .commercial-card i{background:color-mix(in srgb,var(--brand) 9%,white)!important;color:var(--brand)!important}
body.host-public .commercial-card span,body.host-public .home-product-info p,body.host-public .featured-copy p,
body.host-public .social-proof p,body.host-public .lead-callout p{color:#71808A!important}
body.host-public .primary-wa{background:#20C96B!important;color:#07351B!important;box-shadow:0 12px 26px rgba(32,201,107,.15)!important}
body.host-public .home-heading small,body.host-public .featured-copy small{color:var(--purple)!important}
body.host-public .home-heading button{color:var(--purple)!important}
body.host-public .feature-offer{
  color:var(--host-ink)!important;
  background:radial-gradient(circle at 90% 10%,rgba(136,92,246,.10),transparent 25%),linear-gradient(135deg,#F3EEFF,#EEF6F7)!important;
  border:1px solid #E6E0F8!important;box-shadow:0 12px 30px rgba(106,53,217,.07)!important
}
body.host-public .feature-offer small{color:var(--purple)!important}
body.host-public .feature-offer h3{color:var(--host)!important}
body.host-public .feature-offer p{color:#6E7E88!important}
body.host-public .feature-offer .offer-old{color:#8B97A0!important}
body.host-public .feature-offer .offer-new{color:var(--purple)!important}
body.host-public .feature-offer button{background:var(--purple)!important;color:#fff!important}
body.host-public .utilities .utility{color:#556874!important}
body.host-public .utility i{background:#F4F6F8!important;color:var(--host)!important}
body.host-public .footer{color:#7B8B95!important;background:transparent!important}
body.host-public .footer .host-link{color:var(--host)!important}
body.host-public .public-nav{background:rgba(255,255,255,.96)!important;border-color:var(--host-line)!important;box-shadow:0 -8px 25px rgba(13,59,76,.05)}
body.host-public .public-nav button{color:#7B8B95!important}
body.host-public .public-nav button.active{color:var(--purple)!important}
body.host-public .public-nav button.active i{background:#F0EBFF!important;color:var(--purple)!important}
body.host-public .view-head{background:rgba(255,255,255,.97)!important;border-color:var(--host-line)!important;color:var(--host-ink)!important}
body.host-public .view-head button{background:#F4F6F8!important;color:var(--host)!important}
body.host-public .search{background:#fff!important;border-color:var(--host-line)!important;color:#6F7F89!important}
body.host-public .search input{color:var(--host-ink)!important}
body.host-public .catalog-media,body.host-public .detail-media{background:#EEF2F4!important}
body.host-public .catalog-body p,body.host-public .detail-body p{color:#71808A!important}
body.host-public .catalog-body button,body.host-public .tiny{background:#F0EBFF!important;color:var(--purple)!important}
body.host-public .sticky-cta{background:rgba(255,255,255,.96)!important;border-color:var(--host-line)!important}
body.host-public .service,body.host-public .professional,body.host-public .date-btn,body.host-public .time-btn,body.host-public .booking-form input{
  background:#fff!important;border-color:var(--host-line)!important;color:var(--host-ink)!important
}
body.host-public .service.active,body.host-public .professional.active,body.host-public .time-btn.active{background:#F3EEFF!important;border-color:#CBBDF3!important;color:var(--purple)!important}
body.host-public .date-btn b{color:var(--host-ink)!important}
body.host-public .booking-note{background:#FFF8E7!important;color:#805400!important}
body.host-public .data{background:#F6F8F9!important;border-color:var(--host-line)!important}
body.host-public .data small{color:#87949D!important}
body.host-public .map{background:repeating-linear-gradient(45deg,#EEF2F3 0 22px,#F9FAFB 22px 44px)!important}
body.host-public .sheet{background:#fff!important;color:var(--host-ink)!important}
body.host-public .sheet p{color:#71808A!important}
body.host-public .handle{background:#D6DEE2!important}
body.host-public .sheet-actions .secondary{background:#F4F6F8!important;color:#526570!important}

/* ---------- Desktop: landing page própria ---------- */
.public-desktop-top{display:none}
.desktop-landing{display:none}
@media(min-width:900px){
  body.host-public{background:#fff!important}
  body.host-public .shell{width:min(1480px,calc(100% - 48px))!important;margin:0 auto!important;overflow:visible!important;border-radius:0!important;box-shadow:none!important}
  body.host-public .bio{min-height:auto!important;background:#fff!important}
  body.host-public .public-desktop-top{height:82px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
  body.host-public .desktop-brand{gap:10px!important}.desktop-brand .host-official-logo{height:44px}
  body.host-public .desktop-brand b{color:var(--host)!important;font-size:13px!important}.desktop-brand small{color:#7A8992!important}
  body.host-public .public-desktop-top nav button{background:#fff!important;border:1px solid transparent!important;color:#566872!important;box-shadow:none!important}
  body.host-public .public-desktop-top nav button:hover{background:#F4F6F8!important}
  body.host-public .public-desktop-top nav .desktop-top-cta{background:var(--purple)!important;color:#fff!important;border-color:transparent!important}
  body.host-public #view-home.active{display:none!important}
  html[data-public-view="home"] body.host-public .desktop-landing{display:block}
  html:not([data-public-view]) body.host-public .desktop-landing{display:block}
  html[data-public-view]:not([data-public-view="home"]) body.host-public .desktop-landing{display:none}
  .desktop-hero-v72{min-height:510px;display:grid;grid-template-columns:1.04fr .96fr;border:1px solid #E4E9ED;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 26%),linear-gradient(130deg,#F7F3FF 0%,#F8FAFB 48%,#E8F2F4 100%)}
  .desktop-hero-copy-v72{padding:60px;display:flex;flex-direction:column;justify-content:center}
  .desktop-client-row{display:flex;align-items:center;gap:14px;margin-bottom:20px}.desktop-client-avatar{width:76px;height:76px;border-radius:20px;background:#fff;border:1px solid #E4E9ED;overflow:hidden;display:grid;place-items:center;color:#fff;font:800 22px "Plus Jakarta Sans"}.desktop-client-avatar img{width:100%;height:100%;object-fit:cover}.desktop-client-avatar .initial{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--purple))}
  .desktop-client-copy b{display:block;font:800 18px "Plus Jakarta Sans";color:var(--host)}.desktop-client-copy span{display:block;color:#71808A;font-size:11px;margin-top:4px}
  .desktop-badge-v72{display:inline-flex;width:max-content;padding:6px 9px;border-radius:999px;background:#F0EBFF;color:var(--purple);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
  .desktop-hero-v72 h1{font:800 clamp(38px,4.2vw,58px)/1.02 "Plus Jakarta Sans";letter-spacing:-.045em;color:var(--host);margin:14px 0 17px;max-width:720px}
  .desktop-hero-v72 h1 em{font-style:normal;color:var(--purple)}.desktop-hero-v72 p{font-size:15px;line-height:1.7;color:#63747E;max-width:660px;margin:0 0 25px}
  .desktop-hero-actions{display:flex;gap:9px;flex-wrap:wrap}.desktop-hero-actions button{border:0;border-radius:13px;padding:13px 17px;font-size:11px;font-weight:800}.desktop-hero-actions .wa{background:#20C96B;color:#06351A}.desktop-hero-actions .primary{background:var(--purple);color:#fff}.desktop-hero-actions .secondary{background:#fff;color:var(--host);border:1px solid #DDE5E8}
  .desktop-hero-utility{display:flex;gap:15px;flex-wrap:wrap;margin-top:23px;color:#6E7E88;font-size:10px}.desktop-hero-utility button{border:0;background:transparent;padding:0;color:inherit;font-weight:700}
  .desktop-hero-visual{position:relative;min-height:510px}.desktop-cover-v72{position:absolute;inset:26px 28px 26px 0;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 18%,#E5EEF0),#DCECEF);box-shadow:0 26px 55px rgba(13,59,76,.14)}.desktop-cover-v72 img,.desktop-cover-v72 video{width:100%;height:100%;object-fit:cover}.desktop-cover-v72 .cover-fallback{width:100%;height:100%;background:radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--brand) 32%,transparent),transparent 30%),linear-gradient(135deg,#D7E8EA,#E9E2FA)}
  .desktop-float{position:absolute;background:#fff;border:1px solid #E7ECEF;border-radius:15px;padding:12px 14px;box-shadow:0 15px 38px rgba(13,59,76,.12);font-size:10px;color:#71808A}.desktop-float b{display:block;color:var(--host);font-size:11px;margin-bottom:3px}.desktop-float.one{left:4px;top:76px}.desktop-float.two{right:7px;bottom:60px}
  .desktop-feature-v72{display:grid;grid-template-columns:.92fr 1.08fr;margin-top:42px;border:1px solid #E4E9ED;border-radius:24px;overflow:hidden;box-shadow:var(--host-shadow);background:#fff}.desktop-feature-media{min-height:390px;background:#EEF2F4;display:grid;place-items:center;overflow:hidden;position:relative}.desktop-feature-media img,.desktop-feature-media video{width:100%;height:100%;object-fit:cover}.desktop-feature-media .media-badge{font-size:9px}.desktop-feature-copy{padding:43px 46px;display:flex;flex-direction:column;justify-content:center}.desktop-feature-copy small{color:var(--purple);font-size:9px;font-weight:800;text-transform:uppercase}.desktop-feature-copy h2{font:800 34px "Plus Jakarta Sans";color:var(--host);margin:10px 0}.desktop-feature-copy p{font-size:13px;line-height:1.65;color:#687984}.desktop-feature-copy .price{font:800 23px "Plus Jakarta Sans";margin:16px 0;color:var(--host)}.desktop-feature-copy button{width:max-content;border:0;border-radius:12px;padding:12px 15px;background:var(--purple);color:#fff;font-size:10px;font-weight:800}
  .desktop-section-v72{margin-top:46px}.desktop-section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:15px}.desktop-section-head h2{font:800 27px "Plus Jakarta Sans";color:var(--host);margin:0}.desktop-section-head p{font-size:11px;color:#71808A;margin:5px 0 0}.desktop-section-head button{border:1px solid #E0E6E9;background:#fff;color:var(--host);border-radius:11px;padding:10px 12px;font-size:9px;font-weight:800}
  .desktop-products-v72{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.desktop-product-v72{border:1px solid #E4E9ED;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 26px rgba(13,59,76,.06)}.desktop-product-media{height:180px;background:#EEF2F4;display:grid;place-items:center;overflow:hidden;position:relative}.desktop-product-media img{width:100%;height:100%;object-fit:cover}.desktop-product-body{padding:15px}.desktop-product-body b{display:block;color:var(--host);font-size:13px}.desktop-product-body p{font-size:10px;color:#71808A;line-height:1.5;height:30px;overflow:hidden}.desktop-product-body button{border:0;background:#F0EBFF;color:var(--purple);border-radius:9px;padding:8px 10px;font-size:8px;font-weight:800}
  .desktop-offer-v72{margin-top:40px;padding:28px 30px;border:1px solid #E5DDF8;border-radius:22px;background:radial-gradient(circle at 88% 16%,rgba(136,92,246,.14),transparent 24%),linear-gradient(135deg,#F4F0FF,#F1F7F8);display:flex;align-items:center;justify-content:space-between;gap:24px}.desktop-offer-v72 small{color:var(--purple);font-size:9px;font-weight:800;text-transform:uppercase}.desktop-offer-v72 h3{font:800 25px "Plus Jakarta Sans";color:var(--host);margin:7px 0}.desktop-offer-v72 p{font-size:11px;color:#687984;line-height:1.55;margin:0;max-width:780px}.desktop-offer-v72 button{border:0;border-radius:12px;background:var(--host);color:#fff;padding:12px 15px;font-size:10px;font-weight:800;white-space:nowrap}
  .desktop-proof-v72{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}.desktop-proof-card{padding:24px;border:1px solid #E4E9ED;border-radius:20px;background:#fff}.desktop-proof-card h3{font:800 19px "Plus Jakarta Sans";color:var(--host);margin:0 0 10px}.desktop-proof-card p{font-size:11px;color:#6E7E88;line-height:1.6}.desktop-utility-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}.desktop-util{border:1px solid #E7ECEF;background:#F8FAFB;border-radius:13px;padding:13px;text-align:center;color:#586B76;font-size:9px;font-weight:800}.desktop-util i{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#F0EBFF;color:var(--purple);margin:0 auto 6px;font-style:normal}
  .desktop-cta-v72{margin:40px 0 16px;padding:31px 34px;border-radius:22px;background:linear-gradient(125deg,var(--host),#174F60);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px}.desktop-cta-v72 h3{font:800 25px "Plus Jakarta Sans";margin:0 0 5px}.desktop-cta-v72 p{font-size:11px;color:#C9DEE3;margin:0}.desktop-cta-v72 button{border:0;border-radius:12px;padding:12px 14px;font-size:10px;font-weight:800}.desktop-cta-v72 .wa{background:#20C96B;color:#07351B}.desktop-cta-v72 .agenda{background:#fff;color:var(--host)}
  .desktop-footer-v72{padding:20px 2px 38px;display:flex;justify-content:space-between;gap:20px;color:#7C8A93;font-size:9px}
  body.host-public .public-view:not(#view-home){width:min(980px,100%)!important;margin:0 auto!important;min-height:650px!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--host-line)!important;background:#fff!important;box-shadow:var(--host-shadow)!important}
  body.host-public .public-nav{display:none!important}
}
@media(max-width:899px){
  body.host-public{background:#fff!important}
  body.host-public .shell{width:100%!important;max-width:480px!important;margin:0 auto!important;border-radius:0!important;box-shadow:none!important}
  body.host-public .cover{height:clamp(215px,58vw,270px)!important}
  body.host-public .profile{margin-top:-50px!important;padding:0 18px 14px!important}
  body.host-public .avatar{width:96px!important;height:96px!important;border-radius:27px!important;border-color:#fff!important}
  body.host-public .profile h1{font-size:24px!important;margin-top:10px!important;color:var(--host)!important}
  body.host-public .desc{font-size:11px!important;max-width:390px!important}.meta{font-size:10px!important}.central-badge{font-size:8px!important;padding:6px 9px!important}
  body.host-public .primary-zone{padding:14px 16px 2px!important}.primary-wa{height:55px!important;border-radius:16px!important;font-size:13px!important}
  body.host-public .commercial-shortcuts{gap:9px!important}.commercial-card{min-height:78px!important;border-radius:16px!important;padding:13px!important}.commercial-card b{font-size:12px!important}.commercial-card span{font-size:9px!important}
  body.host-public .home-section{margin:22px 16px 0!important}.home-heading h2{font-size:18px!important}.home-heading small{font-size:8px!important}.home-heading button{font-size:9px!important}
  body.host-public .feature-offer{border-radius:18px!important;padding:16px!important}.feature-offer h3{font-size:17px!important}.feature-offer p{font-size:10px!important}
  body.host-public .featured-product{border-radius:19px!important}.featured-media{height:235px!important}.featured-copy{padding:16px!important}.featured-copy h3{font-size:18px!important}.featured-copy p{font-size:11px!important}.featured-copy button{font-size:10px!important;padding:10px 12px!important}
  body.host-public .home-product{flex-basis:72%!important;border-radius:17px!important}.home-product-media{height:145px!important}.home-product-info b{font-size:12px!important}.home-product-info p{font-size:9px!important;height:auto!important}.home-product-info button{font-size:9px!important;padding:9px!important}
  body.host-public .social-proof p{font-size:10px!important}.social-proof strong{font-size:9px!important}.lead-callout h3{font-size:15px!important}.lead-callout p{font-size:9px!important}.lead-callout button{font-size:9px!important;padding:10px!important}
  body.host-public .utilities{border-radius:16px!important}.utility{font-size:8px!important}.utility i{width:36px!important;height:36px!important;font-size:9px!important}
  body.host-public .public-nav{position:fixed!important;height:70px!important}.public-nav button{font-size:8px!important}.public-nav button i{font-size:14px!important;width:31px!important;height:31px!important}
  body.host-public .public-view{padding-bottom:86px!important}
}

/* ---------- PWA do gestor: operação clara ---------- */
body.host-pwa{--navy:var(--host)!important;--purple:#6A35D9!important;--green:#20C96B!important;--ink:#1F2937!important;--muted:#6B7280!important;--bg:#F4F6F8!important;--card:#fff!important;--line:#E5E7EB!important;--danger:#B53434!important;--warning:#9A6500!important;background:#EEF2F4!important;color:var(--host-ink)!important}
body.host-pwa .app-shell{background:#F4F6F8!important;box-shadow:0 0 80px rgba(13,59,76,.08)!important}
body.host-pwa .top{background:rgba(255,255,255,.96)!important;border-color:var(--host-line)!important}
body.host-pwa .identity b{color:var(--host)!important}.host-pwa-logo{height:27px;width:auto;display:block;margin-right:3px}
body.host-pwa .icon-btn,body.host-pwa .btn{background:#fff!important;border-color:var(--host-line)!important;color:var(--host-ink)!important}
body.host-pwa .btn.primary{background:var(--purple)!important;color:#fff!important;border-color:transparent!important}
body.host-pwa .btn.green{background:#20C96B!important;color:#07351B!important;border-color:transparent!important}
body.host-pwa .btn.soft{background:#F0EBFF!important;color:var(--purple)!important;border-color:transparent!important}
body.host-pwa .hero{color:var(--host-ink)!important;background:radial-gradient(circle at 88% 10%,rgba(136,92,246,.13),transparent 27%),linear-gradient(135deg,#F5F0FF,#EDF5F6)!important;box-shadow:none!important;border:1px solid #E4E1F2!important}
body.host-pwa .hero small{color:var(--purple)!important}.host-pwa .hero h1{color:var(--host)!important}.host-pwa .hero p{color:#687984!important}.host-pwa .app-mode{background:#fff!important;border:1px solid #E4E9ED!important;color:var(--purple)!important}
body.host-pwa .kpi,body.host-pwa .card{background:#fff!important;border-color:var(--host-line)!important;box-shadow:0 9px 25px rgba(13,59,76,.06)!important}
body.host-pwa .kpi b,body.host-pwa .head h2{color:var(--host)!important}.host-pwa .app-intel{background:#fff!important;border-color:var(--host-line)!important}.host-pwa .app-intel b{color:var(--host)!important}
body.host-pwa .bottom{background:rgba(255,255,255,.97)!important;border-color:var(--host-line)!important;box-shadow:0 -8px 28px rgba(13,59,76,.06)!important}.host-pwa .bottom button{color:#7B8B95!important}.host-pwa .bottom button.active{color:var(--purple)!important;background:#F0EBFF!important}
body.host-pwa .sheet{background:#fff!important;color:var(--host-ink)!important}.host-pwa .modal{background:rgba(13,59,76,.28)!important}.host-pwa .contract-link{background:#fff!important;border-color:var(--host-line)!important}.host-pwa .ai-badge{background:#F0EBFF!important;color:var(--purple)!important}
body.host-pwa .central-preview,body.host-pwa .offer-card,body.host-pwa .testimonial-card{background:#fff!important;border-color:var(--host-line)!important}.host-pwa .central-avatar{border-color:#fff!important}.host-pwa .media-picker{background:#F8FAFB!important;border-color:#CDD7DB!important}
body.host-pwa .app-intelligence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}
body.host-pwa .app-intel{padding:11px 12px;border:1px solid var(--host-line);border-radius:15px;background:#fff}
body.host-pwa .app-intel small{display:block;color:#7B8B95;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
body.host-pwa .app-intel b{display:block;margin-top:5px;font:800 12px "Plus Jakarta Sans",Inter,sans-serif;color:var(--host)}
body.host-pwa .app-intel.wide b{font-size:9px;line-height:1.35}
body.host-pwa .app-mode{display:inline-flex;margin-top:9px;padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #E4E9ED;color:var(--purple);font-size:7px;font-weight:900;letter-spacing:.05em}
body.host-pwa .field input,body.host-pwa .field select,body.host-pwa .field textarea{background:#fff!important;border-color:#DDE5E8!important;color:var(--host-ink)!important}
body.host-pwa .field input::placeholder,body.host-pwa .field textarea::placeholder{color:#9AA7AF!important}
body.host-pwa .toggle-row,body.host-pwa .media-picker{background:#F8FAFB!important;border:1px solid #E1E7EA!important;color:var(--host-ink)!important}
body.host-pwa .list .item,body.host-pwa .appointment{background:#fff!important;border-color:#E5EAED!important;color:var(--host-ink)!important}
body.host-pwa .subnav{background:#EEF1F3!important;border-color:#E2E7EA!important}.host-pwa .subnav button{color:#71808A!important}.host-pwa .subnav button.active{background:#fff!important;color:var(--purple)!important;box-shadow:0 4px 12px rgba(13,59,76,.06)!important}
@media(max-width:560px){body.host-pwa .app-intelligence{grid-template-columns:1fr 1fr}body.host-pwa .app-intel.wide{grid-column:1/-1}}

/* ---------- Painel do cliente: Host Clear ---------- */
body.host-panel{background:var(--host-bg)!important;color:var(--host-ink)!important}
body.host-panel .sidebar{background:#fff!important;color:var(--host-ink)!important;border-right:1px solid var(--host-line)!important;box-shadow:none!important}
body.host-panel .brand{border-bottom:1px solid var(--host-line)!important}.host-panel .brand img{width:160px!important;height:54px!important}.host-panel .brand b{color:var(--host)!important}.host-panel .brand span{color:#7B8B95!important}
body.host-panel .company{background:#F8FAFB!important;border-color:var(--host-line)!important}.host-panel .company small,.host-panel .company em{color:#7B8B95!important}.host-panel .company b{color:var(--host)!important}.host-panel .company strong{background:#F0EBFF!important;color:var(--purple)!important}
body.host-panel .label{color:#98A3AA!important}.host-panel .nav button{color:#5E707A!important}.host-panel .nav button:hover{background:#F5F7F8!important;color:var(--host)!important}.host-panel .nav button.active{background:#F0EBFF!important;color:var(--purple)!important;box-shadow:none!important;outline:none!important}
body.host-panel .main{background:var(--host-bg)!important}.host-panel .topbar{background:rgba(255,255,255,.96)!important;border-color:var(--host-line)!important}.host-panel .topbar h1,.host-panel .head h2{color:var(--host)!important}
body.host-panel .btn{background:#fff!important;border-color:var(--host-line)!important;color:var(--host-ink)!important}.host-panel .btn.primary{background:var(--purple)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 18px rgba(106,53,217,.15)!important}.host-panel .btn.soft{background:#F0EBFF!important;color:var(--purple)!important;border-color:transparent!important}.host-panel .btn.danger{background:#FFF4F4!important;color:#B53434!important;border-color:#F2CACA!important}
body.host-panel .card{border-color:var(--host-line)!important;box-shadow:0 11px 28px rgba(13,59,76,.06)!important}.host-panel .hero{color:var(--host-ink)!important;background:radial-gradient(circle at 88% 10%,rgba(136,92,246,.13),transparent 26%),linear-gradient(135deg,#F5F0FF,#EDF5F6)!important}.host-panel .hero h2{color:var(--host)!important}.host-panel .hero p,.host-panel .hero small{color:#697A85!important}.host-panel .kpi b{color:var(--host)!important}
body.host-panel .phone{border-color:#D9E0E4!important;box-shadow:0 24px 60px rgba(13,59,76,.14)!important}.host-panel .phone:before{background:#D9E0E4!important}.host-panel .preview-label{color:#71808A!important}.host-panel .route{background:#fff!important;border-color:var(--host-line)!important}
.host-preview-switch{display:inline-flex;gap:4px;padding:4px;border-radius:9px;background:#EEF1F3;margin-right:6px}.host-preview-switch button{border:0;background:transparent;color:#7A8992;border-radius:7px;padding:5px 7px;font-size:7px;font-weight:800}.host-preview-switch button.active{background:#fff;color:var(--purple);box-shadow:0 3px 10px rgba(13,59,76,.07)}
.host-panel .preview.desktop-preview .phone{width:100%!important;height:520px!important;border:1px solid var(--host-line)!important;border-radius:16px!important}.host-panel .preview.desktop-preview .phone:before{display:none!important}.host-panel .preview.desktop-preview .phone-screen{background:#fff!important}
.host-danger-zone{margin-top:14px;padding:17px;border:1px solid #FFD5D5;border-radius:16px;background:#FFF9F9}.host-danger-zone h3{color:#B91C1C!important;margin:0 0 5px;font-size:13px}.host-danger-zone p{font-size:8px;color:#806666;line-height:1.55;margin:0 0 10px}

/* ---------- Admin Host: gestão em escala ---------- */
body.host-admin{--navy:var(--host)!important;--navy2:#174E5D!important;--blue:var(--info)!important;--purple:#6A35D9!important;--green:#24995F!important;--orange:#F59E0B!important;--red:#EF4444!important;--ink:#1F2937!important;--muted:#6B7280!important;--bg:#F4F6F8!important;--line:#E5E7EB!important;--shadow:0 12px 32px rgba(13,59,76,.07)!important;background:var(--host-bg)!important;color:var(--host-ink)!important}
body.host-admin .sidebar{background:#fff!important;color:var(--host-ink)!important;border-right:1px solid var(--host-line)!important}.host-admin .brand{border-bottom:1px solid var(--host-line)!important}.host-admin .brand img{width:160px!important;height:58px!important;object-fit:contain!important;object-position:left center!important}.host-admin .brand span{color:#7C8A93!important}.host-admin .group-title{color:#99A4AB!important}.host-admin .navitem{color:#60717B!important}.host-admin .navitem:hover,.host-admin .navitem.active{background:#F0EBFF!important;color:var(--purple)!important}.host-admin .navitem em{background:var(--purple)!important}
body.host-admin .topbar{background:rgba(255,255,255,.96)!important;border-color:var(--host-line)!important}.host-admin .top-title b,.host-admin .pagehead h1,.host-admin .card h3,.host-admin td b{color:var(--host)!important}.host-admin .avatar{background:#F0EBFF!important;color:var(--purple)!important}.host-admin .content{max-width:1800px;margin:auto}.host-admin .btn.primary{background:var(--purple)!important;color:#fff!important}.host-admin .btn.soft{background:#fff!important;color:var(--host)!important;border-color:var(--host-line)!important}.host-admin .card{border-color:var(--host-line)!important;box-shadow:var(--host-shadow)!important}.host-admin .kpi strong,.host-admin .finance-kpi b{color:var(--host)!important}.host-admin .attention{border-left-color:var(--purple)!important}.host-admin th{background:#F8FAFB!important;color:#7E8D96!important}.host-admin .clickrow:hover{background:#FAFBFC!important}.host-admin .drawer{background:#fff!important}.host-admin .drawer-head{background:#fff!important;border-color:var(--host-line)!important}.host-admin .drawer-hero{background:linear-gradient(135deg,#F3EEFF,#EDF5F6)!important;color:var(--host-ink)!important}.host-admin .drawer-hero b{color:var(--host)!important}.host-admin .detail,.host-admin .metric{background:#F8FAFB!important;border-color:var(--host-line)!important}.host-admin .modal-backdrop,.host-admin .drawer-backdrop{background:rgba(13,59,76,.32)!important}
.host-admin-health{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:13px 0 17px}.host-admin-health .health{padding:14px;border:1px solid var(--host-line);border-radius:13px;background:#F8FAFB}.host-admin-health strong{display:block;font:800 22px "Plus Jakarta Sans";color:var(--host)}.host-admin-health span{font-size:8px;color:#71808A}.host-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.host-dot.green{background:#22C55E}.host-dot.yellow{background:#F59E0B}.host-dot.red{background:#EF4444}

@media(max-width:950px){
  body.host-panel .sidebar,body.host-admin .sidebar{box-shadow:12px 0 35px rgba(13,59,76,.14)!important}
  .host-admin-health{grid-template-columns:1fr}
}