/*
  FTHYRK SAAS PREMIUM 2026
  Camada visual aditiva para transformar o SaaS sem mexer nas funções existentes.
  Regras:
  - Não remover IDs existentes (#loginView, #mainView, #tabs, #content, etc.).
  - Não alterar endpoints, payloads, permissões, roles, renderização de dados ou regras de negócio.
  - Somente melhorar identidade visual, responsividade, clareza, hierarquia, estados e performance percebida.
*/
:root{--fsp-accent:#e73573;--fsp-accent-2:#ff8fb2;--fsp-bg:#fff2f7;--fsp-panel:#fff;--fsp-ink:#1a1020;--fsp-muted:#756272;--fsp-border:rgba(36,20,35,.10);--fsp-soft:rgba(255,255,255,.72);--fsp-shadow:0 22px 70px rgba(231,53,115,.16);--fsp-shadow-strong:0 34px 95px rgba(14,15,32,.18);--fsp-radius-xl:34px;--fsp-radius-lg:26px;--fsp-radius-md:18px;--fsp-radius-sm:12px;--fsp-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fsp-content-max:1480px;--fsp-transition:180ms cubic-bezier(.2,.8,.2,1)}
body.fsp-premium-ready,body.fsp-premium-ready button,body.fsp-premium-ready input,body.fsp-premium-ready select,body.fsp-premium-ready textarea{font-family:var(--fsp-font)!important}body.fsp-premium-ready{margin:0;color:var(--fsp-ink);background:radial-gradient(circle at 12% 6%,color-mix(in srgb,var(--fsp-accent) 14%,transparent) 0 340px,transparent 680px),radial-gradient(circle at 94% 4%,color-mix(in srgb,var(--fsp-accent-2) 18%,transparent) 0 280px,transparent 720px),linear-gradient(180deg,#fff 0%,var(--fsp-bg) 100%)!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.fsp-premium-ready.fsp-dark-tenant{color:var(--fsp-ink);background:radial-gradient(circle at 12% 6%,color-mix(in srgb,var(--fsp-accent) 18%,transparent) 0 340px,transparent 720px),radial-gradient(circle at 88% 0%,color-mix(in srgb,var(--fsp-accent-2) 13%,transparent) 0 280px,transparent 640px),linear-gradient(180deg,#050607 0%,var(--fsp-bg) 100%)!important}
body.tenant-saloes{--fsp-accent:#e73573;--fsp-accent-2:#ff8fb2;--fsp-bg:#fff2f7;--fsp-panel:#fff;--fsp-ink:#1a1020;--fsp-muted:#756272;--fsp-shadow:0 22px 70px rgba(231,53,115,.16)}body.tenant-barbearias{--fsp-accent:#d6ae69;--fsp-accent-2:#8b6834;--fsp-bg:#090b0f;--fsp-panel:#101318;--fsp-ink:#f7efe2;--fsp-muted:#b5a895;--fsp-border:rgba(214,174,105,.20);--fsp-shadow:0 22px 70px rgba(214,174,105,.18)}body.tenant-spa{--fsp-accent:#667c3c;--fsp-accent-2:#a8b57a;--fsp-bg:#f7f4ea;--fsp-panel:#fff;--fsp-ink:#1c2b16;--fsp-muted:#6e745a;--fsp-shadow:0 22px 70px rgba(102,124,60,.16)}body.tenant-clinica{--fsp-accent:#0796b6;--fsp-accent-2:#4dc7da;--fsp-bg:#f2fbfe;--fsp-panel:#fff;--fsp-ink:#0e2130;--fsp-muted:#607380;--fsp-shadow:0 22px 70px rgba(7,150,182,.16)}body.tenant-sobrancelhas{--fsp-accent:#9b3f82;--fsp-accent-2:#d487c3;--fsp-bg:#fcf2f8;--fsp-panel:#fff;--fsp-ink:#21111d;--fsp-muted:#756074;--fsp-shadow:0 22px 70px rgba(155,63,130,.16)}body.tenant-tatuagem{--fsp-accent:#d5af7a;--fsp-accent-2:#927350;--fsp-bg:#090909;--fsp-panel:#111;--fsp-ink:#f2e6d6;--fsp-muted:#b8aa98;--fsp-border:rgba(213,175,122,.22);--fsp-shadow:0 22px 70px rgba(213,175,122,.18)}body.tenant-infantil{--fsp-accent:#6c3eeb;--fsp-accent-2:#b088ff;--fsp-bg:#f8f3ff;--fsp-panel:#fff;--fsp-ink:#201340;--fsp-muted:#756a90;--fsp-shadow:0 22px 70px rgba(108,62,235,.16)}body.tenant-esmalteria{--fsp-accent:#ec376e;--fsp-accent-2:#ff9fbc;--fsp-bg:#fff3f6;--fsp-panel:#fff;--fsp-ink:#261019;--fsp-muted:#7a5e68;--fsp-shadow:0 22px 70px rgba(236,55,110,.16)}body.tenant-cilios{--fsp-accent:#e83c73;--fsp-accent-2:#ff9dba;--fsp-bg:#fff1f6;--fsp-panel:#fff;--fsp-ink:#271018;--fsp-muted:#7d6370;--fsp-shadow:0 22px 70px rgba(232,60,115,.16)}body.tenant-barbearias,body.tenant-tatuagem{--fsp-soft:rgba(255,255,255,.06)}body.tenant-barbearias.fsp-premium-ready,body.tenant-tatuagem.fsp-premium-ready{background:#050607!important}body.tenant-barbearias .auth-card,body.tenant-tatuagem .auth-card,body.tenant-barbearias .topbar,body.tenant-tatuagem .topbar{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;color:var(--fsp-ink)!important;border-color:var(--fsp-border)!important}
body.fsp-premium-ready #loginView.auth-shell{min-height:100dvh!important;display:grid!important;place-items:center!important;padding:clamp(18px,3vw,42px)!important;background:transparent!important;position:relative;isolation:isolate}body.fsp-premium-ready #loginView::before{content:"";position:absolute;inset:clamp(14px,2vw,28px);border-radius:var(--fsp-radius-xl);background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.42)),var(--fsp-bg);border:1px solid var(--fsp-border);box-shadow:var(--fsp-shadow-strong);z-index:-2}body.fsp-premium-ready.fsp-dark-tenant #loginView::before{background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),var(--fsp-bg)}body.fsp-premium-ready #loginView::after{content:attr(data-fsp-login-hero);position:absolute;right:clamp(28px,7vw,118px);top:clamp(92px,12vh,140px);width:min(450px,38vw);font-weight:800;line-height:1.05;font-size:clamp(34px,4.6vw,76px);letter-spacing:-.055em;color:color-mix(in srgb,var(--fsp-accent) 82%,var(--fsp-ink));opacity:.13;pointer-events:none;z-index:-1}body.fsp-premium-ready #loginView .auth-card{width:min(100%,1100px)!important;min-height:min(720px,calc(100dvh - 72px));display:grid!important;grid-template-columns:minmax(340px,470px) 1fr;align-items:center;gap:clamp(22px,4vw,64px);padding:clamp(22px,4vw,58px)!important;border-radius:var(--fsp-radius-xl)!important;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.72))!important;border:1px solid var(--fsp-border)!important;box-shadow:var(--fsp-shadow)!important;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);position:relative;overflow:hidden}body.fsp-premium-ready #loginView .auth-card::before{content:"";position:absolute;inset:0 auto 0 46%;width:54%;background:radial-gradient(circle at 44% 24%,color-mix(in srgb,var(--fsp-accent) 30%,transparent) 0 170px,transparent 420px),linear-gradient(135deg,color-mix(in srgb,var(--fsp-accent) 16%,transparent),transparent 58%),var(--fsp-bg);border-left:1px solid var(--fsp-border);z-index:0}body.fsp-premium-ready #loginView .auth-card::after{content:attr(data-fsp-login-copy);position:absolute;right:clamp(26px,5vw,70px);bottom:clamp(28px,6vw,92px);width:min(360px,36%);font-weight:800;font-size:clamp(28px,3vw,48px);line-height:1.04;letter-spacing:-.045em;color:color-mix(in srgb,var(--fsp-accent) 82%,var(--fsp-ink));opacity:.22;z-index:0}body.fsp-premium-ready #loginView .auth-card>*{position:relative;z-index:1}body.fsp-premium-ready #loginView .auth-brand-logo{width:min(190px,56vw)!important;height:auto!important;object-fit:contain!important;margin-bottom:22px!important;filter:drop-shadow(0 8px 18px rgba(20,20,40,.08))}body.fsp-premium-ready #loginView #loginBrandName{margin:0 0 18px!important;font-size:clamp(28px,3vw,44px)!important;line-height:1.03!important;letter-spacing:-.045em!important;color:var(--fsp-ink)!important}body.fsp-premium-ready #loginView #loginBrandName::after{content:"Bem-vinda de volta! 👋";display:block;margin-top:12px;font-size:18px;letter-spacing:-.02em;color:var(--fsp-muted);font-weight:700}body.fsp-premium-ready #loginView .form-grid{display:grid!important;gap:14px!important;max-width:380px!important}body.fsp-premium-ready #loginView label{display:grid!important;gap:7px!important;font-weight:700!important;color:var(--fsp-ink)!important;font-size:13px!important}body.fsp-premium-ready input,body.fsp-premium-ready select,body.fsp-premium-ready textarea{min-height:46px;border-radius:14px!important;border:1px solid var(--fsp-border)!important;background:rgba(255,255,255,.82)!important;color:#14141d!important;padding:0 14px!important;outline:none!important;transition:border-color var(--fsp-transition),box-shadow var(--fsp-transition),transform var(--fsp-transition)}body.fsp-premium-ready input:focus,body.fsp-premium-ready select:focus,body.fsp-premium-ready textarea:focus{border-color:var(--fsp-accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--fsp-accent) 14%,transparent)!important}body.fsp-premium-ready button,body.fsp-premium-ready .button,body.fsp-premium-ready [role="button"]{transition:transform var(--fsp-transition),box-shadow var(--fsp-transition),border-color var(--fsp-transition),background var(--fsp-transition)}body.fsp-premium-ready button:hover,body.fsp-premium-ready .button:hover{transform:translateY(-1px)}body.fsp-premium-ready #loginForm button[type="submit"],body.fsp-premium-ready .primary,body.fsp-premium-ready .btn-primary{min-height:50px!important;border:0!important;border-radius:16px!important;background:linear-gradient(135deg,var(--fsp-accent),var(--fsp-accent-2))!important;color:#fff!important;font-weight:800!important;box-shadow:0 16px 38px color-mix(in srgb,var(--fsp-accent) 26%,transparent)!important}body.tenant-barbearias #loginForm button[type="submit"],body.tenant-tatuagem #loginForm button[type="submit"]{color:#101010!important;background:linear-gradient(135deg,var(--fsp-accent),#f7dcad)!important}body.fsp-premium-ready .auth-links{margin-top:14px!important;font-size:13px!important}body.fsp-premium-ready .auth-links a{color:var(--fsp-accent)!important;font-weight:800!important;text-decoration:none!important}
body.fsp-premium-ready #mainView.app-shell{max-width:var(--fsp-content-max)!important;margin:0 auto!important;padding:clamp(12px,2vw,22px)!important;display:grid!important;grid-template-columns:minmax(236px,280px) 1fr!important;grid-template-areas:"top top" "tabs content"!important;gap:clamp(14px,1.8vw,22px)!important;min-height:100dvh!important;background:transparent!important}body.fsp-premium-ready #mainView.hidden{display:none!important}body.fsp-premium-ready .topbar{grid-area:top!important;position:sticky;top:12px;z-index:50;border-radius:24px!important;padding:14px 18px!important;border:1px solid var(--fsp-border)!important;background:rgba(255,255,255,.74)!important;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 16px 42px rgba(20,20,40,.08)!important;color:var(--fsp-ink)!important}body.fsp-premium-ready.fsp-dark-tenant .topbar{background:rgba(17,17,17,.82)!important;box-shadow:0 16px 42px rgba(0,0,0,.22)!important}body.fsp-premium-ready .q10-topbar-brand-logo,body.fsp-premium-ready .q10-topbar-company-logo{width:48px!important;height:48px!important;border-radius:16px!important;object-fit:contain!important;background:rgba(255,255,255,.72)!important;padding:5px!important;border:1px solid var(--fsp-border)!important}body.fsp-premium-ready #salonTitle{font-size:clamp(20px,2.1vw,30px)!important;letter-spacing:-.04em!important;margin:0!important;color:var(--fsp-ink)!important}body.fsp-premium-ready #userInfo,.fsp-muted,.muted{color:var(--fsp-muted)!important}body.fsp-premium-ready .topbar-actions{display:flex!important;align-items:center!important;gap:10px!important}body.fsp-premium-ready .badge,body.fsp-premium-ready #cashBadge{border-radius:999px!important;padding:10px 14px!important;border:1px solid var(--fsp-border)!important;background:color-mix(in srgb,var(--fsp-accent) 10%,#fff)!important;color:var(--fsp-accent)!important;font-weight:800!important}body.fsp-premium-ready #logoutBtn{border-radius:999px!important;border:1px solid var(--fsp-border)!important;background:rgba(255,255,255,.66)!important;color:var(--fsp-ink)!important;font-weight:800!important;padding:10px 14px!important}
body.fsp-premium-ready #tabs.tabs{grid-area:tabs!important;position:sticky;top:94px;align-self:start;max-height:calc(100dvh - 116px);overflow:auto;scrollbar-width:thin;display:flex!important;flex-direction:column!important;gap:8px!important;padding:14px!important;border-radius:24px!important;border:1px solid var(--fsp-border)!important;background:rgba(255,255,255,.70)!important;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 18px 48px rgba(20,20,40,.08)!important}body.fsp-premium-ready.fsp-dark-tenant #tabs.tabs{background:rgba(17,17,17,.80)!important;box-shadow:0 18px 48px rgba(0,0,0,.24)!important}body.fsp-premium-ready .tab-btn,body.fsp-premium-ready #tabs button,body.fsp-premium-ready .q10-tab-button{min-height:46px!important;border-radius:16px!important;border:1px solid transparent!important;background:transparent!important;color:var(--fsp-muted)!important;font-weight:750!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 12px!important;text-align:left!important;width:100%!important}body.fsp-premium-ready .tab-btn.active,body.fsp-premium-ready .tab-btn.is-active,body.fsp-premium-ready #tabs button.active,body.fsp-premium-ready #tabs button.is-active{background:linear-gradient(135deg,color-mix(in srgb,var(--fsp-accent) 16%,#fff),color-mix(in srgb,var(--fsp-accent-2) 9%,#fff))!important;color:var(--fsp-accent)!important;border-color:color-mix(in srgb,var(--fsp-accent) 18%,transparent)!important;box-shadow:0 12px 30px color-mix(in srgb,var(--fsp-accent) 12%,transparent)!important}body.fsp-premium-ready.fsp-dark-tenant .tab-btn.active,body.fsp-premium-ready.fsp-dark-tenant #tabs button.active{background:color-mix(in srgb,var(--fsp-accent) 22%,transparent)!important}
body.fsp-premium-ready #content.content{grid-area:content!important;min-width:0!important;padding:0!important;display:block!important}body.fsp-premium-ready .content>section,body.fsp-premium-ready .section,body.fsp-premium-ready .card,body.fsp-premium-ready .panel,body.fsp-premium-ready .table-card,body.fsp-premium-ready .aura-card{border-radius:var(--fsp-radius-lg)!important;border:1px solid var(--fsp-border)!important;background:rgba(255,255,255,.82)!important;box-shadow:0 16px 50px rgba(20,20,40,.06)!important;color:var(--fsp-ink)!important}body.fsp-premium-ready.fsp-dark-tenant .content>section,body.fsp-premium-ready.fsp-dark-tenant .section,body.fsp-premium-ready.fsp-dark-tenant .card,body.fsp-premium-ready.fsp-dark-tenant .panel,body.fsp-premium-ready.fsp-dark-tenant .table-card,body.fsp-premium-ready.fsp-dark-tenant .aura-card{background:rgba(255,255,255,.055)!important;box-shadow:0 16px 50px rgba(0,0,0,.22)!important}body.fsp-premium-ready h1,body.fsp-premium-ready h2,body.fsp-premium-ready h3{letter-spacing:-.045em!important;color:var(--fsp-ink)!important}body.fsp-premium-ready .content table{width:100%;border-collapse:separate!important;border-spacing:0 8px!important}body.fsp-premium-ready .content th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--fsp-muted)!important;font-weight:900!important}body.fsp-premium-ready .content td{background:rgba(255,255,255,.72)!important;border-top:1px solid var(--fsp-border);border-bottom:1px solid var(--fsp-border);padding:12px!important}body.fsp-premium-ready .content tr td:first-child{border-left:1px solid var(--fsp-border);border-radius:14px 0 0 14px}body.fsp-premium-ready .content tr td:last-child{border-right:1px solid var(--fsp-border);border-radius:0 14px 14px 0}body.fsp-premium-ready.fsp-dark-tenant .content td{background:rgba(255,255,255,.045)!important}
body.fsp-premium-ready .kpi,body.fsp-premium-ready .metric-card,body.fsp-premium-ready .summary-card,body.fsp-premium-ready [class*="kpi"],body.fsp-premium-ready [class*="metric"]{border-radius:20px!important;border:1px solid var(--fsp-border)!important;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.64))!important;box-shadow:0 14px 40px rgba(20,20,40,.06)!important}body.fsp-premium-ready.fsp-dark-tenant .kpi,body.fsp-premium-ready.fsp-dark-tenant .metric-card,body.fsp-premium-ready.fsp-dark-tenant .summary-card,body.fsp-premium-ready.fsp-dark-tenant [class*="kpi"],body.fsp-premium-ready.fsp-dark-tenant [class*="metric"]{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035))!important}body.fsp-premium-ready .pill{border-radius:999px!important;font-weight:900!important;background:color-mix(in srgb,var(--fsp-accent) 12%,#fff)!important;color:var(--fsp-accent)!important;border:1px solid color-mix(in srgb,var(--fsp-accent) 18%,transparent)!important}
@media (max-width:980px){body.fsp-premium-ready #mainView.app-shell{display:block!important;padding:10px!important}body.fsp-premium-ready .topbar{top:8px;border-radius:22px!important;margin-bottom:10px!important}body.fsp-premium-ready #tabs.tabs{position:fixed!important;left:10px!important;right:10px!important;bottom:10px!important;top:auto!important;z-index:100!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;flex-direction:row!important;border-radius:24px!important;padding:8px!important;gap:6px!important}body.fsp-premium-ready #tabs button,body.fsp-premium-ready .tab-btn{min-width:86px!important;width:auto!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;font-size:11px!important;padding:8px 10px!important}body.fsp-premium-ready #content.content{padding-bottom:96px!important}body.fsp-premium-ready #loginView .auth-card{grid-template-columns:1fr!important;min-height:auto!important;width:min(100%,470px)!important;padding:22px!important}body.fsp-premium-ready #loginView .auth-card::before{inset:45% 0 0 0;width:auto;border-left:0;border-top:1px solid var(--fsp-border)}body.fsp-premium-ready #loginView .auth-card::after{display:none}body.fsp-premium-ready #loginView::after{display:none}}
body.fsp-premium-ready .content>section,body.fsp-premium-ready .card,body.fsp-premium-ready .panel,body.fsp-premium-ready .table-card{content-visibility:auto;contain-intrinsic-size:300px 520px}body.fsp-premium-ready img{content-visibility:auto}@media (prefers-reduced-motion:reduce){body.fsp-premium-ready *,body.fsp-premium-ready *::before,body.fsp-premium-ready *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}