*{box-sizing:border-box}
:root{
  --bg:#020202;
  --panel:#101113;
  --panel-2:#17181b;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.16);
  --text:#f5f2eb;
  --soft:#c1c1c8;
  --muted:#86868d;
  --green:#20de7b;
  --green-deep:#0f3d25;
  --gold:#e6c05b;
  --gold-deep:#3b3117;
  --red:#ff666f;
  --red-deep:#351014;
  --shadow:0 18px 50px rgba(0,0,0,.42);
}
html{background:#000}
body{margin:0;background:radial-gradient(circle at 50% -10%, rgba(255,255,255,.05), transparent 24%),#020202;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
button,input{font:inherit}
.hidden{display:none!important}
.bgfx{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 12%, rgba(255,255,255,.03), transparent 18%),radial-gradient(circle at 92% 10%, rgba(230,192,91,.05), transparent 18%),radial-gradient(circle at 50% 100%, rgba(32,222,123,.03), transparent 18%),linear-gradient(145deg, transparent 20%, rgba(255,255,255,.018) 48%, transparent 49%),linear-gradient(180deg, rgba(255,255,255,.012), transparent 20%, transparent 82%, rgba(255,255,255,.012))}
.shell{width:min(100%,460px);min-height:100vh;margin:auto;padding:0 14px 90px;position:relative;overflow:hidden;background:linear-gradient(180deg,#101113 0%,#060607 24%,#030303 60%,#020202 100%)}
.screen{position:relative;z-index:2}
.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:8}
.brand{background:none;border:0;padding:0;display:flex;gap:10px;align-items:center;color:#fff}.brand img{width:35px;height:35px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 4px rgba(255,255,255,.02)}.brand span{display:flex;flex-direction:column;align-items:flex-start}.brand b{font-size:11px;letter-spacing:.8px;font-weight:800}.brand small{font-size:7px;letter-spacing:1.9px;color:#909098}
.topright{display:flex;gap:8px;align-items:center}.round,.online{border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:999px}.round{width:34px;height:34px;display:grid;place-items:center;color:#ddd;background:linear-gradient(180deg,#16171a,#0c0c0d);cursor:pointer}.online{padding:8px 10px;font-size:8px;font-weight:900;letter-spacing:1px;color:#9fa0a8}.online i,.gdot,.ydot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:middle}.online i,.gdot{background:var(--green);box-shadow:0 0 12px rgba(32,222,123,.55)}.ydot{background:var(--gold);box-shadow:0 0 12px rgba(230,192,91,.46)}
.overline{display:inline-block;font-size:8px;letter-spacing:2.2px;font-weight:800;color:#a3a3aa}.goldtxt{color:var(--gold)}.greentxt{color:var(--green)}

/* Shared overlay */
.apppage,.adminpage,.auth{padding-top:18px;isolation:isolate}
.apppage::before,.adminpage::before,.auth::before{content:"";position:absolute;inset:0 -14px 0 -14px;background:linear-gradient(180deg, rgba(2,2,2,.88), rgba(2,2,2,.94)), url('hero-premium-bg-clean.png') center/cover no-repeat;opacity:.12;pointer-events:none;z-index:0}.apppage>*,.adminpage>*,.auth>*{position:relative;z-index:1}

/* Landing */
.landing{min-height:calc(100vh - 160px);display:flex;flex-direction:column}
.cover{margin:0 -14px;min-height:715px;position:relative;overflow:hidden;border-bottom-left-radius:28px;border-bottom-right-radius:28px;background:linear-gradient(180deg, rgba(3,3,3,.08), rgba(3,3,3,.58) 72%, rgba(3,3,3,.82) 100%), url('hero-premium-bg-clean.png') center/cover no-repeat}
.cover::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 22%, rgba(255,255,255,.08), transparent 16%),linear-gradient(180deg, rgba(255,255,255,.04), transparent 14%, transparent 78%, rgba(255,255,255,.02));pointer-events:none}
.cover-lines{position:absolute;inset:0;background:repeating-linear-gradient(110deg, transparent 0 46px, rgba(255,255,255,.014) 47px, transparent 48px),linear-gradient(145deg, transparent 0 63%, rgba(255,255,255,.03) 63.4%, transparent 63.8%);opacity:.72;pointer-events:none}.cover-vignette{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.22) 20%, rgba(0,0,0,.46) 58%, rgba(0,0,0,.84) 100%);pointer-events:none}
.cover-logo{position:absolute;left:34px;top:160px;width:138px;height:138px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 8px rgba(255,255,255,.025),0 0 0 1px rgba(255,255,255,.06),0 18px 55px rgba(0,0,0,.45),0 0 24px rgba(230,192,91,.18);z-index:3}
.cover-copy{position:absolute;left:20px;right:20px;bottom:46px;z-index:4}.cover-copy h1{margin:14px 0 16px;font-size:56px;line-height:.93;letter-spacing:-3px;max-width:360px;color:#fff;text-shadow:0 10px 32px rgba(0,0,0,.56)}.cover-copy h1 em{font-style:normal;color:#d7d6de}.cover-copy p{max-width:330px;margin:0;color:#c1c2c8;font-size:12px;line-height:1.52}.shineword{color:#fff;text-shadow:0 0 16px rgba(255,255,255,.20),0 0 34px rgba(255,255,255,.14),0 0 54px rgba(230,192,91,.14)}
.entry{padding-top:18px}.entry-meta{display:flex;justify-content:center;gap:18px;padding-top:16px;color:#93939a;font-size:9px}.entry-meta span{display:flex;align-items:center;gap:4px}

/* Deluxe buttons */
.cta,.quick,.menu button,.request button,.round,.filepick,.seg button{position:relative;overflow:hidden;isolation:isolate;transition:.22s ease}
.cta::after,.quick::after,.round::after,.filepick::after{content:"";position:absolute;top:-125%;left:-44%;width:34%;height:330%;transform:rotate(23deg);background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);animation:sheen 4.8s linear infinite;pointer-events:none}
@keyframes sheen{0%,15%{left:-54%}36%,100%{left:144%}}
.cta{width:100%;min-height:58px;border-radius:18px;border:1px solid transparent;font-size:12px;font-weight:900;letter-spacing:1.1px;cursor:pointer}.cta:hover,.quick:hover,.menu button:hover,.request button:hover,.filepick:hover,.round:hover{transform:translateY(-1px)}
.white{background:linear-gradient(180deg,#faf6ed 0%,#eee4d4 100%);color:#090909;box-shadow:0 16px 38px rgba(255,255,255,.10),0 0 0 1px rgba(255,255,255,.14),0 0 20px rgba(230,192,91,.10),inset 0 1px 0 rgba(255,255,255,.62)}
.glass{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));color:#fff;border-color:rgba(230,192,91,.42);box-shadow:0 0 0 1px rgba(255,255,255,.03),0 0 18px rgba(230,192,91,.08);backdrop-filter:blur(10px)}
.goldcta{background:linear-gradient(180deg,#ecca71,#d8b047);color:#090806;box-shadow:0 18px 36px rgba(230,192,91,.2),inset 0 1px 0 rgba(255,255,255,.4)}.greencta{background:linear-gradient(180deg,#1b6f43,#0e4227);color:#e1ffef;border-color:#2f7c54}.redcta{background:linear-gradient(180deg,#331217,#230b0e);color:#ff7d84;border-color:#67232b}.redoutline{background:transparent;color:#ff7d84;border:1px solid #602028}.pendingcta{background:linear-gradient(180deg,#1b1710,#0d0b09);color:#f0d89d;border:1px solid rgba(230,192,91,.30)}

/* Common cards */
.panel,.heroqueue,.queuefocus,.viphero,.pixbox,.uploadbox,.statuscard,.vipticket,.profilecard,.clientsummary,.proofcard,.menu,.adminsection,.myqueue,.notice{border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg, rgba(18,18,20,.96), rgba(8,8,9,.98));box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.03);backdrop-filter:blur(14px)}
.hello{display:flex;align-items:center;justify-content:space-between}.hello h2{font-size:27px;letter-spacing:-1px;margin:5px 0}
.avatar,.bigavatar{display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#313236,#0d0e10);color:#fff;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.28)}.avatar{width:42px;height:42px;font-size:9px}.bigavatar{width:58px;height:58px;font-size:14px}
.today{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(160deg, rgba(255,255,255,.03), rgba(255,255,255,.014));border-radius:14px;margin:15px 0 12px;backdrop-filter:blur(12px)}.cal{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:10px;color:#ddd}.today b{font-size:11px}.today small{display:block;font-size:8px;color:#85858c;margin-top:3px}
.badge{padding:8px 10px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:1px;border:1px solid transparent}.greenbadge{color:#7af0ad;background:#0f2d1d;border-color:#18482f}.goldbadge{color:#efd699;background:#2d2410;border-color:#5d4a1d}.closedbadge{color:#bbb;background:#17171a;border-color:#2f2f33}
.heroqueue,.queuefocus{position:relative;overflow:hidden;text-align:center;padding:18px;background:radial-gradient(circle at 0 0, rgba(24,115,68,.16), transparent 28%),radial-gradient(circle at 100% 100%, rgba(230,192,91,.06), transparent 26%),linear-gradient(160deg,#121315,#09090a)}.heroqueue::before,.queuefocus::before,.viphero::before{content:"";position:absolute;left:-16%;right:-16%;bottom:-56px;height:118px;background:radial-gradient(circle, rgba(255,255,255,.12), transparent 64%);filter:blur(36px);opacity:.26}.queuecap{display:flex;justify-content:space-between;align-items:center;color:#aaa;font-size:8px;letter-spacing:1.1px}.queuecap small{color:#5f5f65}.heroqueue strong,.queuefocus strong{display:block;margin-top:9px;font-size:56px;letter-spacing:-2.6px;background:linear-gradient(180deg,#fff,#dbdbdb 52%,#f7f7f4);-webkit-background-clip:text;background-clip:text;color:transparent}.heroqueue p,.queuefocus p{margin:2px 0 0;color:#a4a4ab;font-size:10px}.glowline{height:4px;border-radius:99px;background:#252529;margin-top:16px;overflow:hidden}.glowline i{display:block;width:48%;height:100%;background:linear-gradient(90deg,rgba(32,222,123,.95),rgba(32,222,123,.25));box-shadow:0 0 12px rgba(32,222,123,.45)}
.myqueue{padding:16px;margin-top:10px}.panelhead{display:flex;justify-content:space-between;align-items:center;color:#9a9aa0;font-size:8px;letter-spacing:1.2px;font-weight:900}.myqueue small{color:#7c7c84;font-size:8px;letter-spacing:1px}.myqueue h3{margin:8px 0 6px;font-size:31px;letter-spacing:-1.25px;background:linear-gradient(180deg,#fff,#dfdfde);-webkit-background-clip:text;background-clip:text;color:transparent}.myqueue p{margin:0 0 14px;font-size:10px;color:#8a8a91;line-height:1.55}.stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 12px}.stats div,.arrive{background:linear-gradient(160deg, rgba(255,255,255,.03), rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:13px;backdrop-filter:blur(10px)}.stats strong{display:block;font-size:24px;letter-spacing:-1px;margin-top:5px}.arrive{display:flex;gap:12px;align-items:center;margin-bottom:12px}.arrive span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(230,192,91,.10);border:1px solid rgba(230,192,91,.22);color:var(--gold)}.arrive b{display:block;font-size:11px;margin-top:5px}
.twocards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.quick{min-height:156px;border:1px solid var(--line);border-radius:20px;padding:16px 14px 14px;text-align:left;cursor:pointer;background:linear-gradient(160deg,#151619,#09090a);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.03)}.quick span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);font-size:18px;margin-bottom:14px}.quick small{display:block;color:#8f8f96;font-size:8px;letter-spacing:1.55px;margin-bottom:8px}.quick b{display:block;color:#fff;font-size:17px;line-height:1.1;margin-bottom:8px}.quick em{display:block;font-style:normal;font-size:10px;color:#8c8c93;line-height:1.45}.quick i{position:absolute;right:14px;bottom:14px;font-style:normal;color:#75757b}.vipquick{border-color:#544216;background:radial-gradient(circle at 100% 0, rgba(230,192,91,.12), transparent 38%),linear-gradient(160deg,#16140e,#090908 72%)}
.notice{display:flex;gap:12px;align-items:flex-start;padding:15px;margin-top:12px;border-color:rgba(230,192,91,.22)}.notice span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#2b230f;color:var(--gold);font-weight:900;flex:0 0 28px}.notice b{display:block;font-size:11px}.notice p{margin:5px 0 0;color:#8d8d93;font-size:10px;line-height:1.55}
.pagehead{height:58px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;text-align:center;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:14px}.pagehead h2{font-size:15px;margin:0}.pagehead p{font-size:8px;color:#777;margin:3px 0 0}.back{width:34px;height:34px;border:0;background:none;color:#ddd;font-size:28px;padding:0;text-align:left;cursor:pointer}
.seg{display:grid;grid-template-columns:1fr 1fr;background:#09090a;border:1px solid var(--line);border-radius:14px;padding:4px;margin:12px 0 10px}.seg button{min-height:42px;border-radius:10px;border:0;background:none;color:#888;font-size:10px;font-weight:800;cursor:pointer}.seg .active{background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));color:#fff;box-shadow:inset 0 -2px 0 var(--gold)}
.rows,.adminsection{padding:0 14px}.qrow{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid rgba(255,255,255,.06)}.qrow:first-child{border-top:0}.qrow b{font-size:12px}.qrow span{font-size:10px;color:#8d8d93}.qrow span.active{color:var(--green)}.mine{margin:0 -6px;padding:15px 12px!important;border:1px solid rgba(230,192,91,.25);background:linear-gradient(90deg, rgba(230,192,91,.12), rgba(255,255,255,.02) 65%, transparent);border-radius:13px}
.authintro{padding:28px 2px 20px}.authintro h2{font-size:40px;line-height:.96;letter-spacing:-2px;margin:10px 0 8px}.authintro p{font-size:11px;color:#8a8a92}.form{padding:17px;display:grid;gap:14px}.form label{font-size:8px;color:#96969d;letter-spacing:1.5px;font-weight:900}.form input{width:100%;margin-top:8px;padding:14px 15px;border-radius:13px;border:1px solid #29292d;background:#09090a;color:#fff;outline:none;font-size:14px}.form input:focus{border-color:#66666d}.pass{position:relative}.pass input{padding-right:68px}.pass button{position:absolute;right:10px;top:17px;background:none;border:0;color:#919199;font-size:9px;font-weight:800;cursor:pointer}.err{padding:12px;border-radius:12px;background:#2e1015;border:1px solid #5a1f27;color:#ff8188;font-size:10px}.form p{text-align:center;margin:0;color:#777;font-size:11px}.link{background:none;border:0;color:#fff;font-size:11px;cursor:pointer}
.viphero{text-align:center;padding:28px 15px 25px;border-color:#4b3b14;background:radial-gradient(circle at 50% 20%, rgba(230,192,91,.15), transparent 44%),linear-gradient(160deg,#15120b,#090908)}.crown{font-size:40px;color:var(--gold);margin-bottom:8px}.viphero h2{font-size:29px;line-height:1.03;letter-spacing:-1.15px;margin:10px}.viphero strong{font-size:22px;color:var(--gold);text-shadow:0 0 22px rgba(230,192,91,.16)}.viphero p{font-size:9px;color:#8b8b92}.benefits{padding:8px 15px;margin:11px 0}.benefits div{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-top:1px solid rgba(255,255,255,.06)}.benefits div:first-child{border-top:0}.benefits i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(230,192,91,.09);border:1px solid rgba(230,192,91,.18);color:var(--gold);font-style:normal;flex:0 0 28px}.benefits b{display:block;font-size:11px;margin-bottom:4px}.benefits small{font-size:9px;color:#85858c;line-height:1.45}.fine{text-align:center;color:#75757d;font-size:9px;line-height:1.55;margin:10px 10px 0}
.steps{display:flex;align-items:flex-start;justify-content:center;margin:20px 0 40px}.steps div{position:relative;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;border:1px solid #3c3c42;color:#b8b8bc;font-size:9px;font-weight:800}.steps .on{border-color:var(--gold);color:var(--gold)}.steps small{position:absolute;top:37px;white-space:nowrap;font-size:7px;color:#777}.steps i{width:64px;height:1px;background:#34343a;margin-top:15px}.pixbox,.uploadbox{padding:17px;margin-bottom:10px}.pixbox{background:radial-gradient(circle at 100% 0, rgba(32,222,123,.08), transparent 32%),linear-gradient(160deg,#121315,#09090a)}.uploadbox{background:radial-gradient(circle at 100% 0, rgba(230,192,91,.09), transparent 30%),linear-gradient(160deg,#13120d,#090909)}.pixmark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#09311e;border:1px solid #14532f;color:var(--green);font-size:17px;margin-bottom:14px}.pixbox h3,.uploadbox h3{font-size:24px;letter-spacing:-.8px;margin:8px 0}.pixbox p,.uploadbox p{font-size:10px;color:#8b8b92;line-height:1.55;margin:0 0 14px}.pixbox label{display:block;font-size:8px;font-weight:900;color:#97979d;letter-spacing:1.4px;margin-bottom:7px}.pixkey{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid rgba(32,222,123,.18);background:#09090a;border-radius:14px}.pixkey code{flex:1;font-size:11px;color:#f0f0ee;word-break:break-all}.pixkey button{padding:10px 12px;border-radius:11px;border:0;background:#123c25;color:#8cffbd;font-size:10px;font-weight:900;cursor:pointer}.pixhint{display:block;color:#717179;font-size:8px;line-height:1.5;margin-top:9px}.filepick{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-height:122px;border-radius:16px;border:1px dashed rgba(230,192,91,.28);background:linear-gradient(160deg, rgba(255,255,255,.03), rgba(255,255,255,.01));cursor:pointer;text-align:center;margin-bottom:12px}.filepick span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(230,192,91,.1);border:1px solid rgba(230,192,91,.18);color:var(--gold);font-size:18px}.filepick b{font-size:10px;letter-spacing:.5px}.filepick small{font-size:8px;color:#7f7f87}
.statusview{text-align:center;padding-top:38px}.pendingicon,.success{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;font-size:31px}.pendingicon{background:#2a220c;color:var(--gold);box-shadow:0 0 45px rgba(230,192,91,.12)}.success{background:#0f522e;color:#83f5b5;box-shadow:0 0 45px rgba(32,222,123,.18)}.statusview h2{margin:10px 0;font-size:35px;line-height:.97;letter-spacing:-1.5px}.statusview>p{margin:0 auto;max-width:320px;font-size:10px;color:#888;line-height:1.6}.statuscard{display:grid;gap:8px;padding:15px;margin:18px 0;background:linear-gradient(160deg, rgba(255,255,255,.03), rgba(255,255,255,.01))}.statuscard small{display:block;font-size:8px;color:#7f7f87}.statuscard b{font-size:12px}.statusnote{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:13px;border-radius:14px;background:#0e0e10;border:1px solid rgba(230,192,91,.18)}.statusnote i{width:10px;height:10px;border-radius:50%;background:var(--gold);margin-top:6px;box-shadow:0 0 10px rgba(230,192,91,.4)}.statusnote span{font-size:10px;color:#8c8c93;line-height:1.55}.vipticket{padding:18px;margin:20px 0 16px;text-align:center;border-color:#4e3d15;background:radial-gradient(circle at 50% 0, rgba(230,192,91,.14), transparent 36%),linear-gradient(160deg,#13120e,#080808)}.vipticket small{font-size:8px;color:#8b8b91;letter-spacing:1.5px}.vipticket strong{display:block;font-size:50px;letter-spacing:-2px;margin:8px 0;color:#fff}.vipticket hr{border:0;border-top:1px solid rgba(255,255,255,.07);margin:14px 0}.vipticket p{margin:0;font-size:10px;color:#919199}
.profilecard,.clientsummary{display:flex;align-items:center;gap:13px;padding:15px}.profilecard b,.clientsummary b{font-size:14px}.profilecard p,.clientsummary p{font-size:9px;color:#777}.menu{padding:5px 14px;margin-top:10px}.menu button{width:100%;display:grid;grid-template-columns:25px 1fr 15px;align-items:center;text-align:left;background:none;border:0;color:#ddd;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06)}.menu button:last-child{border:0}.menu span{font-size:10px}
.locked{font-size:9px;color:#777;margin:12px 0}.adminbuttons{display:grid;gap:8px;margin:10px 0}.adminsection{padding:15px;margin-top:10px}.vipadmin{border-color:#483a15}.request{padding:14px 0;border-top:1px solid rgba(255,255,255,.06)}.request:first-child{border-top:0}.requesttop{display:flex;justify-content:space-between;align-items:center}.request b{font-size:11px}.request small{font-size:8px;color:#8c8c94}.request p{margin:5px 0 10px;font-size:9px;color:#8c8c94}.request button{min-height:40px;padding:0 12px;border-radius:12px;border:1px solid rgba(230,192,91,.24);background:linear-gradient(180deg, rgba(230,192,91,.17), rgba(230,192,91,.09));color:#f1d79b;font-size:10px;font-weight:900;cursor:pointer}.proofcard{padding:15px;margin-top:10px}.proofpreview{min-height:260px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#080809,#101114);display:grid;place-items:center;overflow:hidden;margin-top:14px}.proofpreview img{max-width:100%;max-height:420px;object-fit:contain}.proofpreview .pdf{font-size:52px;color:#777}.proofcard>p{font-size:9px;color:#777}.checknote{padding:14px;border-left:2px solid var(--gold);border-radius:14px;background:#0f0f10;margin:10px 0}.checknote b{display:block;font-size:11px}.checknote p{margin:6px 0 0;font-size:9px;color:#87878e;line-height:1.55}
.nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;z-index:30;width:min(100%,460px);height:70px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(7,7,8,.94);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.06);box-shadow:0 -16px 40px rgba(0,0,0,.35)}.nav button{background:none;border:0;color:#68686f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}.nav button span{font-size:18px}.nav button small{font-size:7px;letter-spacing:.2px}.nav button.active{color:#fff;text-shadow:0 0 14px rgba(230,192,91,.18)}
footer{text-align:center;color:#37373d;font-size:7px;letter-spacing:.7px;padding:20px 0}.toast{position:fixed;left:50%;top:15px;transform:translate(-50%,-100px);width:min(calc(100% - 30px),430px);padding:13px;background:#171719;border:1px solid #39393f;border-radius:13px;color:#fff;font-size:10px;transition:.25s;z-index:100}.toast.show{transform:translate(-50%,0)}
@media(min-width:700px){.shell{border-left:1px solid #18181a;border-right:1px solid #18181a}}


/* ===== V1.8 EXECUTIVE REDESIGN ===== */
.cover{min-height:735px;background:
  linear-gradient(180deg, rgba(1,2,4,.06) 0%, rgba(1,2,4,.12) 28%, rgba(1,2,4,.44) 65%, rgba(2,2,2,.88) 100%),
  url('hero-premium-bg-clean.png') center 42%/cover no-repeat;
}
.cover::after{content:"";position:absolute;left:20px;right:20px;bottom:28px;height:1px;background:linear-gradient(90deg, transparent, rgba(230,192,91,.4), transparent);opacity:.5}
.cover-logo{display:none!important}
.cover-copy{left:20px;right:20px;bottom:42px;padding:0}
.hero-kicker{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.hero-kicker>span{width:42px;height:1px;background:linear-gradient(90deg,var(--gold),rgba(230,192,91,.15));box-shadow:0 0 12px rgba(230,192,91,.28)}
.hero-kicker b{font-size:8px;letter-spacing:2.4px;color:#ded0a4;font-weight:800}
.cover-copy h1{font-size:57px;line-height:.92;letter-spacing:-3.1px;margin:0 0 18px;max-width:380px}
.cover-copy p{font-size:12px;line-height:1.62;max-width:325px;color:#c8c8ce}
.hero-signals{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:20px}
.hero-signals span{display:flex;align-items:center;font-size:9px;color:#a7a7ae;background:rgba(3,3,4,.38);border:1px solid rgba(255,255,255,.055);border-radius:999px;padding:8px 10px;backdrop-filter:blur(10px)}
.entry{padding-top:16px;display:grid;gap:10px}
.entry .cta+.cta{margin-top:0}
.entry .white{min-height:60px;font-size:13px;box-shadow:0 18px 44px rgba(255,255,255,.10),0 0 0 1px rgba(230,192,91,.16),0 0 24px rgba(230,192,91,.12),inset 0 1px 0 rgba(255,255,255,.7)}
.entry .glass{min-height:58px;background:linear-gradient(180deg,rgba(17,18,20,.86),rgba(7,8,9,.96));border-color:rgba(230,192,91,.34)}

.hello{padding-top:2px;align-items:flex-start}
.hello>div{max-width:320px}
.hello h2{font-size:29px;margin:6px 0 3px}
.hello-sub{margin:0;color:#85858d;font-size:9px;line-height:1.5}
.today{margin-top:14px;background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 12px 30px rgba(0,0,0,.18)}
.heroqueue{padding:20px 18px 18px;border-color:rgba(255,255,255,.09);background:
  radial-gradient(circle at 20% 0,rgba(32,222,123,.12),transparent 26%),
  radial-gradient(circle at 100% 100%,rgba(230,192,91,.07),transparent 28%),
  linear-gradient(160deg,rgba(20,21,23,.98),rgba(7,8,9,.99));
}
.heroqueue strong{font-size:61px;margin-top:11px}
.heroqueue p{font-size:10px;margin-top:3px}
.myqueue{background:
  radial-gradient(circle at 100% 0,rgba(255,255,255,.035),transparent 32%),
  linear-gradient(160deg,rgba(18,19,21,.98),rgba(7,8,9,.99));
}
.panelhead{padding-bottom:4px}
.twocards{margin-top:12px}
.quick{min-height:164px;padding:16px;background:linear-gradient(160deg,rgba(20,21,23,.98),rgba(7,8,9,.99));}
.quick span{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.vipquick{background:radial-gradient(circle at 100% 0,rgba(230,192,91,.14),transparent 36%),linear-gradient(160deg,#17140d,#090908 72%)}
.notice{background:linear-gradient(160deg,rgba(18,18,20,.98),rgba(8,8,9,.98))}

.queuefocus{padding:21px 18px;border-color:rgba(255,255,255,.09)}
.queuefocus strong{font-size:54px}
.rows{background:linear-gradient(160deg,rgba(17,18,20,.98),rgba(7,8,9,.99))}
.qrow{min-height:48px}

.viphero{padding:30px 15px 27px;background:radial-gradient(circle at 50% 16%,rgba(230,192,91,.16),transparent 42%),linear-gradient(160deg,#17140d,#090908)}
.viphero .crown{filter:drop-shadow(0 0 14px rgba(230,192,91,.18))}
.benefits{background:linear-gradient(160deg,rgba(18,18,20,.98),rgba(8,8,9,.99))}
.pixbox,.uploadbox,.profilecard,.menu,.adminsection,.proofcard{border-color:rgba(255,255,255,.085)}
.nav{background:rgba(5,6,7,.95)}
footer{opacity:.85}


/* ===== V1.8.1 EVOLUTION — FINAL VISUAL PASS ===== */
.cover-logo{display:none!important}

.shell{
  background:
    radial-gradient(circle at 50% -8%, rgba(255,255,255,.055), transparent 23%),
    radial-gradient(circle at 100% 16%, rgba(230,192,91,.045), transparent 18%),
    linear-gradient(180deg,#101113 0%,#060607 26%,#030303 60%,#020202 100%);
}

.cover{
  min-height:750px;
  background:
    linear-gradient(180deg, rgba(2,2,2,.08) 0%, rgba(2,2,2,.12) 22%, rgba(2,2,2,.46) 62%, rgba(2,2,2,.90) 100%),
    url('hero-premium-bg-clean.png') center 41%/cover no-repeat;
  box-shadow: inset 0 -80px 100px rgba(0,0,0,.30);
}
.cover-copy{bottom:40px}
.cover-copy h1{
  font-size:58px;
  line-height:.90;
  letter-spacing:-3.3px;
  max-width:390px;
}
.cover-copy p{
  max-width:340px;
  font-size:12px;
  line-height:1.62;
  color:#c9c9cf;
}
.hero-kicker{margin-bottom:16px}
.hero-kicker>span{width:48px}
.hero-signals{margin-top:22px;gap:10px 12px}
.hero-signals span{
  border-color:rgba(255,255,255,.07);
  background:rgba(5,5,6,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}

.entry{gap:11px;padding-top:18px}
.entry .white{
  min-height:62px;
  border-radius:19px;
  font-size:13px;
  letter-spacing:1.2px;
  box-shadow:
    0 17px 42px rgba(255,255,255,.10),
    0 0 0 1px rgba(230,192,91,.18),
    0 0 25px rgba(230,192,91,.12),
    inset 0 1px 0 rgba(255,255,255,.78);
}
.entry .glass{
  min-height:60px;
  border-radius:19px;
  border-color:rgba(230,192,91,.40);
  background:linear-gradient(180deg,rgba(18,19,21,.92),rgba(7,8,9,.98));
}

.apppage::before,.adminpage::before,.auth::before{
  background:
    linear-gradient(180deg, rgba(2,2,2,.91), rgba(2,2,2,.96)),
    url('hero-premium-bg-clean.png') center/cover no-repeat;
  opacity:.10;
}

.hello h2{font-size:30px;letter-spacing:-1.2px}
.today{
  border-color:rgba(255,255,255,.085);
  background:linear-gradient(160deg,rgba(255,255,255,.040),rgba(255,255,255,.012));
  box-shadow:0 14px 30px rgba(0,0,0,.20);
}
.heroqueue{
  padding:22px 19px 19px;
  border-color:rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 10% 0, rgba(32,222,123,.16), transparent 28%),
    radial-gradient(circle at 100% 100%, rgba(230,192,91,.09), transparent 28%),
    linear-gradient(160deg,#141517,#08090a);
  box-shadow:0 22px 48px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04);
}
.heroqueue strong{font-size:64px}
.glowline{margin-top:17px}
.glowline i{width:54%}

.myqueue{
  margin-top:12px;
  padding:17px;
  border-color:rgba(255,255,255,.09);
}
.myqueue h3{font-size:33px}
.stats div,.arrive{
  background:linear-gradient(160deg,rgba(255,255,255,.036),rgba(255,255,255,.010));
}

.quick{
  min-height:168px;
  border-color:rgba(255,255,255,.09);
}
.quick span{width:44px;height:44px}
.vipquick{
  border-color:rgba(230,192,91,.34);
  box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 25px rgba(230,192,91,.045),inset 0 1px 0 rgba(255,255,255,.03);
}

.queuefocus{
  padding:22px 18px;
  background:
    radial-gradient(circle at 50% 0,rgba(255,255,255,.08),transparent 38%),
    radial-gradient(circle at 8% 0,rgba(32,222,123,.12),transparent 30%),
    linear-gradient(160deg,#131416,#08090a);
}
.queuefocus strong{font-size:56px}
.seg{padding:5px}
.seg button{min-height:44px}
.rows{
  border-color:rgba(255,255,255,.09);
  background:linear-gradient(160deg,rgba(18,19,21,.98),rgba(7,8,9,.99));
}
.qrow{padding:16px 0}
.mine{
  border-color:rgba(230,192,91,.30);
  background:linear-gradient(90deg,rgba(230,192,91,.13),rgba(255,255,255,.02) 66%,transparent);
}

.viphero{
  padding:32px 16px 28px;
  border-color:rgba(230,192,91,.34);
  background:
    radial-gradient(circle at 50% 16%,rgba(230,192,91,.18),transparent 42%),
    radial-gradient(circle at 100% 100%,rgba(230,192,91,.05),transparent 25%),
    linear-gradient(160deg,#17140d,#090908);
  box-shadow:0 22px 48px rgba(0,0,0,.40),0 0 28px rgba(230,192,91,.045),inset 0 1px 0 rgba(255,255,255,.03);
}
.viphero h2{font-size:31px}
.viphero strong{font-size:23px}
.benefits{border-color:rgba(255,255,255,.09)}
.goldcta{min-height:58px}

.pixbox,.uploadbox,.profilecard,.menu,.adminsection,.proofcard{
  border-color:rgba(255,255,255,.09);
}
.pixkey{border-color:rgba(32,222,123,.22)}
.filepick{min-height:130px}
.vipticket{border-color:rgba(230,192,91,.32)}

.menu button{min-height:52px}
.vipadmin{border-color:rgba(230,192,91,.25)}
.request button{min-height:42px}
.proofpreview{border-color:rgba(255,255,255,.09)}

.nav{
  background:rgba(5,6,7,.965);
  border-top-color:rgba(255,255,255,.075);
}
.nav button.active span{
  color:var(--gold);
  filter:drop-shadow(0 0 8px rgba(230,192,91,.20));
}

@media(max-width:380px){
  .cover-copy h1{font-size:50px}
  .heroqueue strong{font-size:58px}
  .quick b{font-size:15px}
}


/* ===== V1.8.2 EVOLUTION — UNIVERSAL PWA / SAFE AREA / HOME FIT ===== */
:root{
  --safe-top:env(safe-area-inset-top,0px);
  --safe-right:env(safe-area-inset-right,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px);
}
html{
  min-height:100%;
  min-height:100dvh;
  background:#020202;
  overscroll-behavior-y:none;
}
body{
  min-height:100vh;
  min-height:100dvh;
  padding:0;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
.shell{
  width:min(100%,460px);
  min-height:100vh;
  min-height:100dvh;
  padding-left:max(14px,var(--safe-left));
  padding-right:max(14px,var(--safe-right));
  padding-bottom:calc(88px + var(--safe-bottom));
  overflow-x:hidden;
  overflow-y:visible;
}
.topbar{
  height:auto;
  min-height:68px;
  padding-top:var(--safe-top);
  box-sizing:content-box;
}
.toast{
  top:calc(12px + var(--safe-top));
}
.nav{
  bottom:0;
  height:calc(70px + var(--safe-bottom));
  padding-bottom:var(--safe-bottom);
}

/* Abertura: sem espaço morto entre imagem, conteúdo e botões */
.landing{
  min-height:calc(100vh - 68px - var(--safe-top));
  min-height:calc(100dvh - 68px - var(--safe-top));
  display:flex;
  flex-direction:column;
}
.cover{
  flex:0 0 auto;
  min-height:0;
  height:clamp(440px,62dvh,590px);
  max-height:590px;
  margin-left:calc(-1 * max(14px,var(--safe-left)));
  margin-right:calc(-1 * max(14px,var(--safe-right)));
  background-position:center 40%;
}
.cover-copy{
  left:max(18px,var(--safe-left));
  right:max(18px,var(--safe-right));
  bottom:28px;
}
.cover-copy h1{
  font-size:clamp(43px,12.8vw,56px);
  line-height:.91;
  letter-spacing:-2.8px;
  margin-bottom:14px;
}
.cover-copy p{
  font-size:11px;
  line-height:1.52;
}
.hero-kicker{margin-bottom:12px}
.hero-signals{margin-top:15px}
.entry{
  flex:0 0 auto;
  padding-top:10px;
  gap:9px;
}
.entry .white{min-height:56px}
.entry .glass{min-height:54px}
footer{padding-bottom:max(18px,var(--safe-bottom))}

/* Home e páginas internas: conteúdo mais próximo do topo */
.apppage,.adminpage,.auth{
  padding-top:10px;
}
#home.apppage{
  padding-top:8px;
}
#home .hello{
  padding-top:0;
}
#home .today{
  margin-top:10px;
  margin-bottom:10px;
}
#home .heroqueue{
  padding-top:19px;
  padding-bottom:17px;
}
#home .myqueue{
  margin-top:10px;
}
.pagehead{
  margin-top:-2px;
}

/* Evita corte/zoom estranho em orientação e teclados móveis */
input,button{max-width:100%}
.form input{font-size:16px}
@supports(height:100svh){
  .landing{min-height:calc(100svh - 68px - var(--safe-top))}
}
@supports(height:100dvh){
  .landing{min-height:calc(100dvh - 68px - var(--safe-top))}
}
@media(max-height:740px){
  .cover{height:clamp(405px,58dvh,455px)}
  .cover-copy{bottom:22px}
  .cover-copy h1{font-size:clamp(40px,11.5vw,49px);margin-bottom:11px}
  .hero-signals{margin-top:11px}
  .hero-signals span{padding:6px 8px}
  .entry{padding-top:8px}
  .entry .white,.entry .glass{min-height:52px}
}
@media(max-width:380px){
  .shell{padding-left:max(11px,var(--safe-left));padding-right:max(11px,var(--safe-right))}
  .cover{
    margin-left:calc(-1 * max(11px,var(--safe-left)));
    margin-right:calc(-1 * max(11px,var(--safe-right)));
  }
  .cover-copy{left:max(15px,var(--safe-left));right:max(15px,var(--safe-right))}
  .hero-signals{gap:7px}
  .hero-signals span{font-size:8px}
}
@media(min-width:700px){
  .cover{height:min(68dvh,590px)}
}


/* ===== V1.8.4 — ADIANTAMENTO R$10 FILA NORMAL ===== */
.normalpaybox{border-color:rgba(32,222,123,.18)}
.normalpaybox h3{color:#fff}
.normalpaybox p b{color:#dff9e9}
#confirmNormalTicket:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.35)}
#normalPay .steps{margin-bottom:38px}
#normalPay .uploadbox{margin-bottom:18px}


/* ===== V1.8.5 — COMPATIBILIDADE UNIVERSAL / INSTALAÇÃO PWA ===== */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden!important;
  overscroll-behavior:none;
  touch-action:pan-y;
}
body{
  position:relative;
  min-height:100%;
  -webkit-overflow-scrolling:touch;
}
.shell{
  max-width:460px;
  margin-inline:auto;
  overscroll-behavior:none;
  contain:layout paint;
}
.screen{width:100%;max-width:100%}
img,video,canvas,svg{max-width:100%;height:auto}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{touch-action:manipulation}
input,textarea,select{min-width:0}
.cover,.apppage,.adminpage,.auth{max-width:100%}
.entry{padding-bottom:6px}

.installapp{
  width:100%;
  min-height:58px;
  display:grid;
  grid-template-columns:40px 1fr 18px;
  gap:11px;
  align-items:center;
  padding:10px 14px;
  border-radius:18px;
  border:1px solid rgba(230,192,91,.22);
  background:linear-gradient(180deg,rgba(19,20,22,.92),rgba(8,9,10,.98));
  color:#fff;
  text-align:left;
  cursor:pointer;
}
.installapp>span{
  width:36px;height:36px;border-radius:12px;display:grid;place-items:center;
  background:rgba(230,192,91,.10);border:1px solid rgba(230,192,91,.18);
  color:var(--gold);font-size:18px;font-weight:900;
}
.installapp b{display:block;font-size:10px;letter-spacing:.8px}
.installapp small{display:block;margin-top:3px;color:#85858d;font-size:8px;line-height:1.4}
.installapp>i{font-style:normal;color:#777;font-size:18px}

.installmodal{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:0 max(0px,var(--safe-right)) var(--safe-bottom) max(0px,var(--safe-left))}
.installmodal.hidden{display:none}
.installbackdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.installsheet{
  position:relative;z-index:1;width:min(100%,460px);max-height:min(88dvh,760px);overflow:auto;
  overscroll-behavior:contain;
  padding:14px 17px calc(20px + var(--safe-bottom));
  border-radius:26px 26px 0 0;
  border:1px solid rgba(255,255,255,.09);border-bottom:0;
  background:
    radial-gradient(circle at 50% 0,rgba(230,192,91,.08),transparent 28%),
    linear-gradient(180deg,#151618,#090a0b 72%);
  box-shadow:0 -24px 70px rgba(0,0,0,.55);
}
.installhandle{width:42px;height:4px;border-radius:99px;background:#3b3b40;margin:0 auto 13px}
.installclose{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:#111214;color:#aaa;font-size:22px}
.installicon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;margin:2px 0 12px;background:linear-gradient(145deg,#17181a,#050505);border:1px solid rgba(230,192,91,.25);color:var(--gold);font-weight:900;letter-spacing:1px}
.installsheet h2{font-size:27px;letter-spacing:-1px;margin:7px 0 6px}
.installsheet>p{margin:0 0 15px;color:#8e8e95;font-size:10px;line-height:1.55}
.installsteps{display:grid;gap:9px;margin:14px 0}
.installstep{display:grid;grid-template-columns:32px 1fr;gap:11px;align-items:start;padding:12px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}
.installstep>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(230,192,91,.10);border:1px solid rgba(230,192,91,.20);color:var(--gold);font-size:10px;font-weight:900}
.installstep b{display:block;font-size:10px;margin:2px 0 4px}
.installstep small{display:block;color:#85858d;font-size:9px;line-height:1.45}
.installfoot{display:block;text-align:center;color:#6f6f76;font-size:8px;line-height:1.5;margin-top:10px}

body.modal-open{overflow:hidden!important;touch-action:none}
body.modal-open .shell{pointer-events:none}
body.modal-open .installmodal,
body.modal-open .notificationmodal,
body.modal-open .hoursmodal,
body.modal-open .legalmodal{pointer-events:auto}
body.modal-open .legalcard,
body.modal-open .legalcard button,
body.modal-open .privacy-ack-links button{pointer-events:auto;touch-action:manipulation}
body.modal-open .legalbackdrop{pointer-events:auto}

@media (display-mode:standalone){
  .installapp{display:none!important}
}
@media (orientation:landscape) and (max-height:520px){
  .topbar{min-height:54px}
  .cover{height:360px;max-height:360px}
  .landing{min-height:auto}
  .installsheet{max-height:94dvh;border-radius:20px 20px 0 0}
}
@media(min-width:768px){
  .installmodal{align-items:center;padding:24px}
  .installsheet{border-radius:26px;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:24px}
}
@media(max-width:320px){
  .shell{padding-left:max(8px,var(--safe-left));padding-right:max(8px,var(--safe-right))}
  .cover-copy h1{font-size:38px}
  .installapp{grid-template-columns:34px 1fr 14px;padding-inline:10px}
}


/* ===== V1.9.0 — CATÁLOGO E RESERVA ===== */
#serviceSelect{padding-bottom:120px}
.service-rule{
  margin:0 0 12px;padding:11px 13px;border-radius:13px;
  border:1px solid rgba(230,192,91,.22);
  background:rgba(230,192,91,.07);color:#dbc682;
  font-size:9px;line-height:1.5
}
.service-tabs{
  display:flex;gap:7px;overflow-x:auto;padding:2px 0 10px;
  scrollbar-width:none;overscroll-behavior-x:contain
}
.service-tabs::-webkit-scrollbar{display:none}
.service-tabs button{
  flex:0 0 auto;min-height:38px;padding:0 13px;border-radius:12px;
  border:1px solid rgba(255,255,255,.07);background:#0b0c0d;color:#777;
  font-size:8px;font-weight:900;letter-spacing:.7px
}
.service-tabs button.active{
  color:#111;background:linear-gradient(180deg,#f5dd98,#cba84c);
  border-color:#d8b75d;box-shadow:0 8px 24px rgba(230,192,91,.12)
}
.service-list{display:grid;gap:9px}
.service-card{
  display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;
  min-height:104px;padding:14px;border-radius:17px;
  border:1px solid rgba(255,255,255,.075);
  background:linear-gradient(155deg,rgba(18,19,21,.98),rgba(7,8,9,.99));
  box-shadow:0 14px 30px rgba(0,0,0,.22)
}
.service-card.selected{
  border-color:rgba(230,192,91,.38);
  background:radial-gradient(circle at 100% 0,rgba(230,192,91,.09),transparent 32%),linear-gradient(155deg,#17160f,#080909)
}
.service-card>div:first-child small{display:block;color:#666;font-size:7px;letter-spacing:1.2px;font-weight:900;margin-bottom:5px}
.service-card>div:first-child b{display:block;font-size:13px}
.service-card p{margin:5px 0 0;color:#85858d;font-size:9px;line-height:1.45}
.service-card em{display:block;margin-top:7px;color:#d8bd74;font-size:8px;font-style:normal}
.service-action{text-align:right;min-width:112px}
.service-action strong{display:block;color:#f0f0ed;font-size:11px;line-height:1.25;margin-bottom:9px}
.service-action button{
  min-height:34px;padding:0 10px;border-radius:10px;border:1px solid rgba(230,192,91,.25);
  background:rgba(230,192,91,.08);color:#e7cf91;font-size:8px;font-weight:900
}
.service-card.selected .service-action button{background:#e1c36d;color:#17130a;border-color:#e1c36d}

.service-cartbar{
  position:fixed;left:50%;transform:translateX(-50%);
  bottom:calc(76px + var(--safe-bottom));z-index:26;
  width:min(calc(100% - 24px),436px);
  display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;
  padding:12px 12px 12px 15px;border-radius:18px;
  border:1px solid rgba(230,192,91,.28);
  background:rgba(12,13,14,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 18px 45px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.03)
}
.service-cartbar small{display:block;color:#7e7e85;font-size:8px;margin-bottom:3px}
.service-cartbar b{font-size:15px}
.service-cartbar button{
  min-height:44px;padding:0 14px;border:0;border-radius:13px;background:#f2f1eb;color:#111;
  font-size:9px;font-weight:900;letter-spacing:.5px
}
.service-cartbar button span{font-size:16px;margin-left:4px}

.order-summary,.financial-summary{padding:16px;margin-bottom:10px}
.summary-services{margin-top:10px}
.summary-services>div,.admin-service-line{
  display:flex;justify-content:space-between;gap:14px;align-items:flex-start;
  padding:12px 0;border-top:1px solid rgba(255,255,255,.06)
}
.summary-services>div:first-child,.admin-service-line:first-child{border-top:0}
.summary-services span,.admin-service-line span{min-width:0}
.summary-services b,.admin-service-line b{display:block;font-size:11px}
.summary-services small,.admin-service-line small{display:block;margin-top:4px;color:#777;font-size:8px;line-height:1.4}
.summary-services strong,.admin-service-line strong{font-size:10px;text-align:right;white-space:nowrap}
.financial-summary>div,.admin-client-finance>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;color:#a1a1a8;font-size:10px}
.financial-summary>div b,.admin-client-finance>div b{color:#eee}
.financial-summary hr,.admin-client-finance hr{border:0;border-top:1px solid rgba(255,255,255,.07);margin:7px 0}
.financial-summary .remaining,.admin-client-finance .remaining{align-items:flex-end}
.financial-summary .remaining strong,.admin-client-finance .remaining strong{font-size:22px;color:#fff}
.financial-summary p{margin:10px 0 0;padding:10px;border-radius:12px;background:rgba(32,222,123,.05);border:1px solid rgba(32,222,123,.12);color:#8fa99a;font-size:8px;line-height:1.5}

.admin-client-row{
  display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch;
  padding:8px 0;border-top:1px solid rgba(255,255,255,.06)
}
.admin-client-row:first-child{border-top:0}
.admin-client-main{
  display:grid;grid-template-columns:58px 1fr 12px;gap:10px;align-items:center;
  min-width:0;border:0;background:none;color:#fff;text-align:left;padding:5px 0
}
.ticket-mini{
  min-height:42px;border-radius:12px;display:grid;place-items:center;
  background:rgba(230,192,91,.08);border:1px solid rgba(230,192,91,.17);
  color:#e5ce8d;font-size:10px;font-weight:900
}
.admin-client-main b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-client-main small{display:block;color:#74747b;font-size:7px;margin-top:4px;line-height:1.35}
.admin-client-main i{font-style:normal;color:#666;font-size:16px}
.row-contact{display:flex;gap:5px;align-items:center}
.row-contact a{
  width:37px;height:37px;border-radius:11px;display:grid;place-items:center;
  text-decoration:none;color:#ddd;border:1px solid rgba(255,255,255,.08);background:#0c0d0e;font-size:14px
}
.row-contact a:last-child{color:#82f2ad;border-color:rgba(32,222,123,.18);background:rgba(32,222,123,.06)}

.admin-client-head{margin-bottom:9px}
.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.contact-actions button{
  min-height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.08);
  background:#0c0d0e;color:#eee;font-size:13px;font-weight:800
}
.contact-actions button span{margin-left:6px;font-size:9px}
#adminWhatsappClient{border-color:rgba(32,222,123,.18);color:#91f5b8;background:rgba(32,222,123,.055)}
.admin-client-services,.admin-client-finance{padding:15px;margin-bottom:10px}
.admin-client-finance .greentxt{color:#75e9a7}
#adminClientFinish,#adminClientAbsent{margin-top:8px}

@media(max-width:360px){
  .service-card{grid-template-columns:1fr;gap:10px}
  .service-action{text-align:left;display:flex;align-items:center;justify-content:space-between}
  .service-action strong{margin:0}
  .admin-client-main{grid-template-columns:50px 1fr 10px}
  .row-contact a{width:34px;height:34px}
}


/* ===== V1.10.0 — APP VIEWPORT / FILA DIÁRIA ===== */
html,body{
  width:100%;
  height:100%;
  min-height:100%;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body{
  position:fixed;
  inset:0;
  touch-action:manipulation;
}
.shell{
  width:min(100%,460px);
  height:100vh;
  height:100dvh;
  min-height:0!important;
  max-height:100dvh;
  display:flex;
  flex-direction:column;
  margin:0 auto;
  padding-left:max(14px,var(--safe-left));
  padding-right:max(14px,var(--safe-right));
  padding-bottom:0!important;
  overflow:hidden!important;
  contain:layout paint;
}
.topbar{
  flex:0 0 auto;
  position:relative;
  z-index:35;
}
.screen.hidden{display:none!important}

.apppage:not(.hidden),
.adminpage:not(.hidden),
.auth:not(.hidden){
  flex:1 1 auto;
  min-height:0;
  height:auto;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding-bottom:calc(88px + var(--safe-bottom));
}
.adminpage:not(.hidden),
.auth:not(.hidden){
  padding-bottom:calc(20px + var(--safe-bottom));
}
.apppage:not(.hidden)::-webkit-scrollbar,
.adminpage:not(.hidden)::-webkit-scrollbar,
.auth:not(.hidden)::-webkit-scrollbar,
.landing:not(.hidden)::-webkit-scrollbar,
.installsheet::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}
.landing:not(.hidden){
  flex:1 1 auto;
  min-height:0!important;
  height:auto!important;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  scrollbar-width:none;
  padding-bottom:calc(12px + var(--safe-bottom));
}
footer{display:none!important}

.nav{
  flex:0 0 auto;
  position:fixed;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  width:min(100%,460px);
  height:calc(70px + var(--safe-bottom));
  padding-bottom:var(--safe-bottom);
  z-index:80;
  background:rgba(5,6,7,.985);
}
.nav.hidden{display:none!important}

/* Home compacta de acordo com a altura útil */
#home.apppage:not(.hidden){
  padding-top:clamp(4px,1dvh,9px);
}
#home .hello h2{font-size:clamp(24px,3.8dvh,30px)}
#home .today{min-height:clamp(48px,6.6dvh,58px)}
#home .heroqueue{
  padding:clamp(14px,2dvh,19px) 18px clamp(13px,1.8dvh,17px);
}
#home .heroqueue strong{font-size:clamp(48px,8.2dvh,64px)}
#home .myqueue{padding:clamp(13px,1.8dvh,17px)}
#home .quick{min-height:clamp(126px,18dvh,168px)}
#home .notice{padding:clamp(10px,1.5dvh,15px)}

#finish:disabled,
#adminClientFinish:disabled{
  opacity:.4;
  cursor:not-allowed;
}

/* telas baixas: mantém tudo legível e o menu sempre acessível */
@media(max-height:760px){
  .topbar{min-height:58px}
  #home .hello-sub{display:none}
  #home .today{margin-top:7px;margin-bottom:7px}
  #home .heroqueue{margin-top:7px}
  #home .heroqueue strong{font-size:50px}
  #home .glowline{margin-top:10px}
  #home .myqueue{margin-top:7px}
  #home .twocards{margin-top:7px;gap:7px}
  #home .quick{min-height:126px;padding:12px}
  #home .quick span{width:36px;height:36px}
  #home .notice{margin-top:7px}
  .pagehead{height:52px;margin-bottom:9px}
}
@media(max-height:650px){
  #home .today{min-height:43px}
  #home .heroqueue strong{font-size:44px}
  #home .quick{min-height:112px}
  #home .quick em{font-size:7px}
  #home .notice p{display:none}
}
@media(max-width:360px){
  .shell{
    padding-left:max(10px,var(--safe-left));
    padding-right:max(10px,var(--safe-right));
  }
  .nav button span{font-size:17px}
  .nav button small{font-size:6.5px}
}
@media(orientation:landscape) and (max-height:520px){
  .shell{height:100dvh}
  .apppage:not(.hidden),.adminpage:not(.hidden),.auth:not(.hidden){padding-bottom:calc(74px + var(--safe-bottom))}
  .nav{height:calc(60px + var(--safe-bottom))}
  #home .twocards{grid-template-columns:1fr 1fr}
}

.current-client-detail{
  width:100%;
  min-height:40px;
  margin-top:12px;
  border-radius:12px;
  border:1px solid rgba(230,192,91,.20);
  background:rgba(230,192,91,.07);
  color:#e5ce8d;
  font-size:8px;
  font-weight:900;
  letter-spacing:.6px;
}


/* ===== V1.11.0 — NOTIFICAÇÕES / ZOOM LOCK ===== */
html,body,.shell{
  touch-action:pan-y;
}
button,a,input,select,textarea{
  touch-action:manipulation;
}

.notification-card{
  display:grid;
  grid-template-columns:44px 1fr auto;
  gap:11px;
  align-items:center;
  padding:13px;
  margin-top:10px;
}
.notification-icon{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
  background:rgba(230,192,91,.08);border:1px solid rgba(230,192,91,.18);
  font-size:17px;
}
.notification-card small{display:block;color:#777;font-size:7px;letter-spacing:.8px}
.notification-card b{display:block;margin-top:3px;font-size:11px}
.notification-card p{margin:3px 0 0;color:#777;font-size:8px;line-height:1.4}
.notification-card>button{
  min-height:35px;padding:0 9px;border-radius:10px;
  border:1px solid rgba(230,192,91,.2);background:rgba(230,192,91,.07);
  color:#dec57e;font-size:7px;font-weight:900;
}

.notificationmodal{
  position:fixed;inset:0;z-index:230;
  display:flex;align-items:flex-end;justify-content:center;
  padding:0 max(0px,var(--safe-right)) var(--safe-bottom) max(0px,var(--safe-left));
}
.notificationmodal.hidden{display:none}
.notificationbackdrop{
  position:absolute;inset:0;background:rgba(0,0,0,.76);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.notificationsheet{
  position:relative;z-index:1;width:min(100%,460px);max-height:min(90dvh,780px);
  overflow:auto;overscroll-behavior:contain;scrollbar-width:none;
  padding:14px 17px calc(20px + var(--safe-bottom));
  border-radius:26px 26px 0 0;border:1px solid rgba(255,255,255,.09);border-bottom:0;
  background:
    radial-gradient(circle at 50% 0,rgba(230,192,91,.10),transparent 29%),
    linear-gradient(180deg,#151618,#090a0b 72%);
  box-shadow:0 -24px 70px rgba(0,0,0,.58);
}
.notificationsheet::-webkit-scrollbar{display:none}
.notificationheroicon{
  width:58px;height:58px;border-radius:18px;display:grid;place-items:center;
  margin:2px 0 12px;background:linear-gradient(145deg,#1a1b1d,#060606);
  border:1px solid rgba(230,192,91,.25);font-size:24px;
}
.notificationsheet h2{font-size:27px;letter-spacing:-1px;margin:7px 0 6px}
.notificationsheet>p{margin:0 0 14px;color:#929299;font-size:10px;line-height:1.55}
.notificationsteps{display:grid;gap:9px;margin:14px 0}
.notificationstep{
  display:grid;grid-template-columns:32px 1fr;gap:11px;align-items:start;
  padding:12px;border-radius:14px;background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.06)
}
.notificationstep>span{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:rgba(230,192,91,.10);border:1px solid rgba(230,192,91,.20);
  color:var(--gold);font-size:10px;font-weight:900
}
.notificationstep b{display:block;font-size:10px;margin:2px 0 4px}
.notificationstep small{display:block;color:#85858d;font-size:9px;line-height:1.45}
.notificationlater{
  width:100%;min-height:42px;margin-top:8px;border:0;background:transparent;
  color:#777;font-size:8px;font-weight:900;letter-spacing:.7px
}
.notificationfoot{
  display:block;text-align:center;color:#65656c;font-size:8px;line-height:1.5;margin-top:4px
}
#enableNotifications:disabled{opacity:.4}
body.modal-open .notificationmodal{pointer-events:auto}

.admin-notification-status{display:block;margin-top:5px!important;color:#777!important}
.admin-notification-status.active{color:#75e9a7!important}
.quick-message-actions{
  display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:-2px 0 10px
}
.quick-message-actions button{
  min-height:38px;padding:5px 7px;border-radius:11px;
  border:1px solid rgba(255,255,255,.07);background:#0c0d0e;color:#98989f;
  font-size:7px;font-weight:900;line-height:1.25
}
.quick-message-actions button:nth-child(2){
  border-color:rgba(32,222,123,.18);color:#8cf1b3;background:rgba(32,222,123,.05)
}

@media(min-width:768px){
  .notificationmodal{align-items:center;padding:24px}
  .notificationsheet{border-radius:26px;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:24px}
}
@media(max-width:360px){
  .notification-card{grid-template-columns:40px 1fr}
  .notification-card>button{grid-column:1/-1;width:100%}
  .quick-message-actions{grid-template-columns:1fr}
}

/* ===== V1.12.0 — CGI SERVICES / REMOVE FLOW ===== */
.quickiconimg{width:38px;height:38px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:rgba(230,192,91,.08);border:1px solid rgba(230,192,91,.16)}
.quickiconimg img{width:100%;height:100%;object-fit:cover}
.selected-services-bar{display:flex;gap:8px;overflow:auto;padding:3px 1px 2px;margin:10px 0 12px;scrollbar-width:none}
.selected-services-bar::-webkit-scrollbar{display:none}
.selected-service-chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:6px 10px 6px 6px;border-radius:13px;border:1px solid rgba(230,192,91,.18);background:rgba(230,192,91,.07);color:#f1e3b2;white-space:nowrap;font-size:8px;font-weight:900}
.selected-service-chip b{font-size:15px;line-height:1;color:#e7cf91}
.selected-service-chip span{max-width:140px;overflow:hidden;text-overflow:ellipsis}
.selected-service-empty{width:100%;padding:11px 12px;border-radius:14px;border:1px dashed rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#808087;font-size:8px;line-height:1.45}
.service-card-main{display:flex;gap:12px;align-items:flex-start;min-width:0}
.service-copy{min-width:0}
.service-icon-wrap{width:58px;height:58px;flex:0 0 58px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,rgba(230,192,91,.10),rgba(255,255,255,.02));border:1px solid rgba(230,192,91,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.service-icon-wrap.mini{width:28px;height:28px;flex-basis:28px;border-radius:9px}
.service-icon-wrap.summary{width:42px;height:42px;flex-basis:42px;border-radius:12px}
.service-icon{width:100%;height:100%;object-fit:cover;display:block}
.summary-service-row{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;align-items:center!important}
.summary-service-row>span{min-width:0}
.service-copy small{display:block;color:#666;font-size:7px;letter-spacing:1.2px;font-weight:900;margin-bottom:5px}
.service-copy b{display:block;font-size:13px}
@media(max-width:360px){
  .service-card-main{gap:10px}
  .service-icon-wrap{width:52px;height:52px;flex-basis:52px}
  .selected-service-chip span{max-width:110px}
}


/* ===== V1.12.1 — PUBLIC HOURS ===== */
.hours-entry{
  width:100%;
  min-height:58px;
  display:grid;
  grid-template-columns:38px 1fr 18px;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(17,18,20,.82),rgba(7,8,9,.94));
  color:#fff;
  text-align:left;
}
.hours-entry>span{
  width:36px;height:36px;border-radius:11px;display:grid;place-items:center;
  background:rgba(230,192,91,.08);border:1px solid rgba(230,192,91,.18);color:var(--gold)
}
.hours-entry b{display:block;font-size:9px;letter-spacing:.65px}
.hours-entry small{display:block;margin-top:3px;color:#7f7f86;font-size:8px}
.hours-entry i{font-style:normal;color:#777;font-size:17px}

.hoursmodal{
  position:fixed;inset:0;z-index:225;
  display:flex;align-items:flex-end;justify-content:center;
  padding:0 max(0px,var(--safe-right)) var(--safe-bottom) max(0px,var(--safe-left));
}
.hoursmodal.hidden{display:none}
.hoursbackdrop{
  position:absolute;inset:0;background:rgba(0,0,0,.76);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)
}
.hourssheet{
  position:relative;z-index:1;width:min(100%,460px);max-height:min(88dvh,720px);
  overflow:auto;overscroll-behavior:contain;scrollbar-width:none;
  padding:14px 17px calc(20px + var(--safe-bottom));
  border-radius:26px 26px 0 0;
  border:1px solid rgba(255,255,255,.09);border-bottom:0;
  background:
    radial-gradient(circle at 50% 0,rgba(230,192,91,.09),transparent 30%),
    linear-gradient(180deg,#151618,#090a0b 72%);
  box-shadow:0 -24px 70px rgba(0,0,0,.58)
}
.hourssheet::-webkit-scrollbar{display:none}
.hourssheet h2{font-size:25px;letter-spacing:-.9px;margin:7px 0 6px}
.hourssheet>p{margin:0 0 14px;color:#929299;font-size:10px;line-height:1.5}
.public-hours-list{display:grid;gap:7px;margin:14px 0}
.public-hours-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:46px;padding:0 13px;border-radius:13px;
  border:1px solid rgba(255,255,255,.065);
  background:rgba(255,255,255,.025)
}
.public-hours-row span{font-size:9px;font-weight:900;letter-spacing:.8px;color:#a9a9af}
.public-hours-row b{font-size:11px;color:#f1f1ee}
.public-hours-row.closed b{color:#777}
.hoursnote{
  display:flex;gap:10px;align-items:center;padding:11px 12px;margin:4px 0 12px;
  border-radius:13px;border:1px solid rgba(230,192,91,.16);
  background:rgba(230,192,91,.055)
}
.hoursnote span{
  width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:0 0 24px;
  background:#2b230f;color:var(--gold);font-size:9px;font-weight:900
}
.hoursnote p{margin:0;color:#9a9076;font-size:8px;line-height:1.45}
body.modal-open .hoursmodal{pointer-events:auto}
@media(min-width:768px){
  .hoursmodal{align-items:center;padding:24px}
  .hourssheet{border-radius:26px;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:24px}
}


/* ===== V1.13.0 — MULTI BARBER ===== */
.barberselect{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  scrollbar-width:none;
  padding:20px 0 calc(24px + var(--safe-bottom));
}
.barberselect::-webkit-scrollbar{display:none}
.barber-select-head{padding:12px 2px 18px}
.barber-select-head h2{font-size:34px;line-height:1;letter-spacing:-1.8px;margin:8px 0 10px}
.barber-select-head p{margin:0;color:#85858d;font-size:10px;line-height:1.55;max-width:340px}
.barber-choice-list{display:grid;gap:12px}
.barber-choice{
  padding:16px;border-radius:21px;border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(160deg,rgba(20,21,23,.98),rgba(7,8,9,.99));
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.03)
}
.barber-choice.patrick{background:radial-gradient(circle at 100% 0,rgba(230,192,91,.10),transparent 34%),linear-gradient(160deg,#171716,#09090a)}
.barber-choice.gabriel{background:radial-gradient(circle at 0 0,rgba(32,222,123,.08),transparent 34%),linear-gradient(160deg,#131617,#080909)}
.barber-choice-icon{
  width:72px;height:72px;border-radius:20px;overflow:hidden;margin-bottom:13px;
  border:1px solid rgba(230,192,91,.18);background:#0b0c0d
}
.barber-choice-icon img{width:100%;height:100%;object-fit:cover}
.barber-choice-copy small{display:block;color:#777;font-size:7px;letter-spacing:1.5px;font-weight:900}
.barber-choice-copy h3{font-size:23px;letter-spacing:-.8px;margin:5px 0 6px}
.barber-choice-copy p{margin:0;color:#898990;font-size:9px;line-height:1.5}
.barber-choice-actions{display:grid;gap:7px;margin-top:15px}
.barber-hours-link{
  min-height:39px;border-radius:12px;border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);color:#929299;font-size:8px;font-weight:900;letter-spacing:.6px
}
.barber-select-logout{
  width:100%;min-height:42px;margin-top:12px;border:0;background:transparent;
  color:#666;font-size:8px;font-weight:900;letter-spacing:1px
}
.barber-context{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 12px;margin:-4px 0 12px;border-radius:14px;
  border:1px solid rgba(230,192,91,.14);background:rgba(230,192,91,.04)
}
.barber-context small,.profile-barber-card small{display:block;color:#777;font-size:7px;letter-spacing:1.1px;font-weight:900}
.barber-context b,.profile-barber-card b{display:block;font-size:11px;margin-top:3px}
.barber-context button,.profile-barber-card button{
  min-height:34px;padding:0 10px;border-radius:10px;border:1px solid rgba(230,192,91,.18);
  background:rgba(230,192,91,.06);color:#e5cf93;font-size:7px;font-weight:900
}
.profile-barber-card{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;margin-top:10px
}
.profile-barber-card p{margin:4px 0 0;color:#777;font-size:8px}
.profile-barber-card>div:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.gabriel-schedule-card{padding:15px;margin:12px 0;border-color:rgba(32,222,123,.15)}
.gabriel-schedule-date{display:flex;align-items:flex-end;justify-content:space-between;margin:14px 0}
.gabriel-schedule-date small{font-size:8px;color:#7f7f87;letter-spacing:1px;font-weight:900}
.gabriel-schedule-date b{font-size:16px}
.gabriel-schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:11px}
.gabriel-schedule-grid>div,.gabriel-schedule-grid label{
  min-height:72px;padding:12px;border-radius:13px;border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.02)
}
.gabriel-schedule-grid small{display:block;color:#777;font-size:7px;letter-spacing:1px;font-weight:900;margin-bottom:8px}
.gabriel-schedule-grid strong{font-size:21px}
.gabriel-schedule-grid input{
  width:100%;height:35px;border-radius:9px;border:1px solid rgba(255,255,255,.08);
  background:#09090a;color:#fff;padding:0 8px;font-size:14px
}
.gabriel-schedule-card>p{margin:9px 2px 0;color:#777;font-size:8px;line-height:1.45}
@media(max-width:360px){
  .barber-select-head h2{font-size:30px}
  .profile-barber-card{align-items:flex-start;flex-direction:column}
  .profile-barber-card>div:last-child{width:100%;justify-content:stretch}
  .profile-barber-card button{flex:1}
}


/* PIX — verificacao reservada com progresso indeterminado.
   Nenhum criterio tecnico e exibido ao cliente. */
.ocr-status{
  margin:12px 0 14px;padding:16px 17px;border-radius:16px;
  border:1px solid rgba(227,199,123,.2);
  background:linear-gradient(130deg,rgba(25,25,25,.93),rgba(13,13,13,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.ocr-status b{display:block;font-size:11px;letter-spacing:.65px;margin:0;color:#e9e3d9}
.ocr-status small{display:block;margin-top:9px;color:#aaa5a0;font-size:11px;line-height:1.5}
.ocr-status.working{border-color:rgba(226,194,115,.31)}
.ocr-status.working b{color:#edd69e}
.ocr-status.ok{border-color:rgba(190,190,190,.2)}
.ocr-status.ok b{color:#e8e3d8}
.ocr-status.bad{border-color:rgba(193,127,118,.26)}
.ocr-status.bad b{color:#e6c4c0}
.ocr-status .ocr-progress{
  position:relative;display:block;width:100%;height:7px;margin-top:13px;
  overflow:hidden;border-radius:99px;background:rgba(255,255,255,.1);
}
.ocr-status .ocr-progress-fill{
  position:absolute;inset:0 auto 0 0;display:block;height:100%;width:35%;
  min-height:0;padding:0;border:0;border-radius:99px;
  background:linear-gradient(90deg,#8f7440,#efdbab,#c69a46);
  box-shadow:0 0 12px rgba(222,186,103,.3);
  animation:ventura-pix-progress 1.55s ease-in-out infinite;
}
@keyframes ventura-pix-progress{
  0%{left:-35%}55%{left:45%}100%{left:100%}
}
@media(prefers-reduced-motion:reduce){
  .ocr-status .ocr-progress-fill{animation:none;left:0;width:100%}
}

.staff-pix-card{padding:15px;margin:12px 0}
.staff-pix-card>p{margin:10px 0 13px;color:#818188;font-size:9px;line-height:1.5}
.staff-pix-card label{display:block;margin:9px 0}
.staff-pix-card label small{display:block;margin-bottom:6px;color:#777;font-size:7px;font-weight:900;letter-spacing:1px}
.staff-pix-card input{
  width:100%;height:45px;border-radius:12px;border:1px solid rgba(255,255,255,.08);
  background:#090a0b;color:#fff;padding:0 12px;font-size:11px;outline:none
}
.staff-pix-card input:focus{border-color:rgba(230,192,91,.28);box-shadow:0 0 0 3px rgba(230,192,91,.04)}
.staff-pix-status{display:block;margin-top:9px;color:#73737b;font-size:8px;line-height:1.45}


/* ===== V1.14.1 — BARBER PHOTOS ===== */
.barber-choice-icon{
  width:88px;height:88px;border-radius:22px;
  box-shadow:0 12px 30px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05)
}
.barber-choice-icon img{width:100%;height:100%;object-fit:cover;object-position:center 22%}

.barber-context{
  display:grid;
  grid-template-columns:44px 1fr auto;
}
.barber-context-copy{min-width:0}
.barber-mini-photo{
  width:42px;height:42px;border-radius:13px;object-fit:cover;object-position:center 20%;
  border:1px solid rgba(230,192,91,.18);box-shadow:0 7px 18px rgba(0,0,0,.28)
}

.profile-barber-card{
  display:grid;
  grid-template-columns:56px 1fr auto;
}
.profile-barber-copy{min-width:0}
.barber-profile-photo{
  width:54px;height:54px;border-radius:16px;object-fit:cover;object-position:center 20%;
  border:1px solid rgba(230,192,91,.18);box-shadow:0 8px 22px rgba(0,0,0,.28)
}

.admin-identity{display:flex;align-items:center;gap:12px;min-width:0}
.admin-barber-photo{
  width:58px;height:58px;border-radius:17px;object-fit:cover;object-position:center 20%;
  border:1px solid rgba(230,192,91,.18);box-shadow:0 10px 24px rgba(0,0,0,.32)
}

@media(max-width:360px){
  .barber-choice-icon{width:78px;height:78px}
  .profile-barber-card{grid-template-columns:50px 1fr}
  .barber-profile-photo{width:48px;height:48px}
  .profile-barber-card>div:last-child{grid-column:1/-1}
  .admin-barber-photo{width:50px;height:50px}
}


/* ===== V1.14.2 — PWA UPDATE / IMAGE RELIABILITY ===== */
.barber-choice-icon{
  display:block;
  width:96px;
  height:96px;
  background:#0b0c0d;
}
.barber-choice-icon img,
.barber-mini-photo,
.barber-profile-photo,
.admin-barber-photo{
  display:block;
  object-fit:cover;
  object-position:center 20%;
  background:#0b0c0d;
}
.barber-choice-icon img{width:100%;height:100%}

.update-banner{
  position:fixed;
  left:max(12px,var(--safe-left));
  right:max(12px,var(--safe-right));
  bottom:calc(86px + var(--safe-bottom));
  z-index:260;
  max-width:430px;
  margin:0 auto;
  display:grid;
  grid-template-columns:42px 1fr auto 28px;
  gap:10px;
  align-items:center;
  padding:12px;
  border-radius:17px;
  border:1px solid rgba(230,192,91,.24);
  background:linear-gradient(180deg,rgba(24,24,22,.98),rgba(8,9,10,.985));
  box-shadow:0 18px 52px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.update-banner.hidden{display:none!important}
.update-banner-icon{
  width:40px;height:40px;border-radius:12px;
  display:grid;place-items:center;
  color:#e7cf91;background:rgba(230,192,91,.08);
  border:1px solid rgba(230,192,91,.18);
  font-size:18px;font-weight:900
}
.update-banner-copy{min-width:0}
.update-banner-copy b{display:block;font-size:8px;letter-spacing:.8px;color:#f3e2b1}
.update-banner-copy small{display:block;margin-top:4px;color:#929298;font-size:8px;line-height:1.35}
#updateAppNow{
  min-height:38px;padding:0 11px;border-radius:11px;border:0;
  background:#f4efe3;color:#080808;font-size:7px;font-weight:950;letter-spacing:.65px
}
.update-dismiss{
  width:28px;height:28px;border:0;background:transparent;color:#777;font-size:17px
}
@media(max-width:390px){
  .update-banner{grid-template-columns:38px 1fr 26px}
  #updateAppNow{grid-column:1/-1;width:100%}
}
@media(display-mode:standalone){
  .update-banner{bottom:calc(82px + var(--safe-bottom))}
}


/* ===== V1.14.3 — MOBILE + IPAD / FOTOS EMBUTIDAS ===== */
html,body{
  width:100%;
  min-width:0;
  max-width:100%;
  overflow-x:hidden!important;
}
.shell{
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding-left:max(14px,var(--safe-left));
  padding-right:max(14px,var(--safe-right));
}
.barber-choice-icon{
  width:104px;
  height:104px;
  border-radius:24px;
  overflow:hidden;
  flex:0 0 auto;
}
.barber-choice-icon img,
.barber-mini-photo,
.barber-profile-photo,
.admin-barber-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 20%;
  display:block;
}
.barber-mini-photo{width:46px;height:46px}
.barber-profile-photo{width:58px;height:58px}
.admin-barber-photo{width:62px;height:62px}

@media (min-width:700px) and (max-width:1100px){
  .shell{
    max-width:820px;
    padding-left:max(24px,var(--safe-left));
    padding-right:max(24px,var(--safe-right));
  }
  .barber-select-head{padding-top:24px}
  .barber-select-head h2{font-size:42px;max-width:650px}
  .barber-select-head p{font-size:12px;max-width:590px}
  .barber-choice-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }
  .barber-choice{min-height:430px;padding:22px}
  .barber-choice-icon{width:132px;height:132px;border-radius:28px}
  .barber-choice-copy h3{font-size:27px}
  .barber-choice-copy p{font-size:11px}
  .barber-choice-actions{margin-top:20px}
  .barber-context{grid-template-columns:56px 1fr auto;padding:14px 16px}
  .barber-mini-photo{width:54px;height:54px;border-radius:16px}
  .profile-barber-card{grid-template-columns:70px 1fr auto;padding:18px}
  .barber-profile-photo{width:68px;height:68px;border-radius:19px}
  .admin-barber-photo{width:72px;height:72px;border-radius:20px}
  .nav{
    max-width:820px;
    left:50%;
    right:auto;
    transform:translateX(-50%);
    width:calc(100% - 32px);
  }
}
@media (min-width:1101px){
  .shell{max-width:820px}
}


/* ===== V1.16.0 — CLIENTES / FATURAMENTO / RECUPERAÇÃO ===== */
.auth-secondary{
  width:100%;min-height:46px;margin-top:10px;border:1px solid rgba(255,255,255,.08);
  border-radius:14px;background:rgba(255,255,255,.025);color:#b9b9bd;
  font-size:9px;font-weight:850;letter-spacing:.9px
}
.auth-secondary:active{transform:scale(.99)}
.form input[type="date"]{color-scheme:dark}
.form input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(.8);opacity:.7}

.admin-business-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 14px}
.admin-business-card{
  min-width:0;min-height:118px;padding:15px;border-radius:19px;text-align:left;
  display:grid;grid-template-columns:38px 1fr 14px;gap:10px;align-items:start;
  border:1px solid rgba(255,255,255,.075);
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018));
  color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18)
}
.admin-business-card.revenue{border-color:rgba(230,192,91,.17);background:linear-gradient(145deg,rgba(230,192,91,.075),rgba(255,255,255,.018))}
.admin-business-icon{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:rgba(230,192,91,.07);border:1px solid rgba(230,192,91,.12);
  color:#ead495;font-weight:900;font-size:10px
}
.admin-business-card div{min-width:0}
.admin-business-card small{display:block;color:#77777e;font-size:6px;font-weight:900;letter-spacing:.75px}
.admin-business-card b{display:block;margin-top:5px;color:#f3f1ec;font-size:17px;line-height:1.05}
.admin-business-card p{margin:6px 0 0;color:#77777e;font-size:8px;line-height:1.4}
.admin-business-card>i{color:#797979;font-style:normal;align-self:center}

.client-directory-search{padding:10px;margin-bottom:10px}
.client-directory-search input{
  width:100%;min-height:46px;border:1px solid rgba(255,255,255,.07);border-radius:13px;
  background:#0b0c0d;color:#fff;padding:0 14px;font-size:13px;outline:none
}
.client-directory-search input:focus{border-color:rgba(230,192,91,.3)}
.admin-clients-list{display:grid;gap:9px;padding-bottom:24px}
.staff-client-card{
  display:grid;grid-template-columns:48px 1fr auto;gap:11px;align-items:center;
  padding:13px;border-radius:18px;border:1px solid rgba(255,255,255,.065);
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015))
}
.staff-client-avatar{
  width:48px;height:48px;border-radius:15px;display:grid;place-items:center;
  border:1px solid rgba(230,192,91,.13);background:rgba(230,192,91,.055);
  color:#e4cb87;font-size:12px;font-weight:950;letter-spacing:.5px
}
.staff-client-copy{min-width:0}
.staff-client-copy b{display:block;font-size:14px;color:#f0eeea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.staff-client-copy p{margin:4px 0;color:#aaaab0;font-size:10px}
.staff-client-copy small{display:block;color:#6f7076;font-size:7px;line-height:1.45}
.staff-client-card>button{
  min-height:36px;padding:0 10px;border-radius:11px;border:1px solid rgba(61,201,114,.18);
  background:rgba(61,201,114,.055);color:#93ddb0;font-size:7px;font-weight:900;letter-spacing:.55px
}
.staff-empty{padding:18px;color:#818187;text-align:center;font-size:10px}

.monthly-revenue-hero{
  min-height:220px;padding:26px 20px;border-radius:26px;margin-bottom:12px;
  display:flex;flex-direction:column;justify-content:flex-end;
  border:1px solid rgba(230,192,91,.19);
  background:
    radial-gradient(circle at 85% 15%,rgba(230,192,91,.14),transparent 34%),
    linear-gradient(145deg,#171713,#090a0b 65%);
  box-shadow:0 18px 45px rgba(0,0,0,.28)
}
.monthly-revenue-hero small{font-size:7px;font-weight:950;letter-spacing:1.2px;color:#b7a36d}
.monthly-revenue-hero strong{margin-top:12px;font-size:40px;line-height:1;color:#f4f0e7;letter-spacing:-1.8px}
.monthly-revenue-hero p{margin:12px 0 0;color:#8b8b91;font-size:10px}
.revenue-note{display:flex;gap:11px;align-items:flex-start;padding:14px}
.revenue-note>span{
  flex:0 0 28px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
  border:1px solid rgba(230,192,91,.15);color:#d9c178;background:rgba(230,192,91,.05)
}
.revenue-note p{margin:0;color:#86868c;font-size:9px;line-height:1.55}

@media(max-width:370px){
  .admin-business-grid{grid-template-columns:1fr}
  .staff-client-card{grid-template-columns:44px 1fr}
  .staff-client-avatar{width:44px;height:44px}
  .staff-client-card>button{grid-column:1/-1;width:100%}
  .monthly-revenue-hero strong{font-size:35px}
}
@media(min-width:700px) and (max-width:1100px){
  .admin-business-grid{gap:14px}
  .admin-business-card{min-height:135px;padding:18px}
  .admin-clients-list{grid-template-columns:1fr 1fr}
  .monthly-revenue-hero{min-height:270px;padding:32px}
  .monthly-revenue-hero strong{font-size:52px}
}


/* ===== V1.17.0 — PRIVACIDADE / LGPD ===== */
.privacy-field-note{
  margin:-2px 0 5px;padding:10px 11px;border-radius:12px;
  background:rgba(230,192,91,.045);border:1px solid rgba(230,192,91,.10);
  color:#85858b;font-size:8px;line-height:1.55
}
.legal-check{
  display:grid!important;grid-template-columns:20px 1fr;align-items:start;gap:9px;
  padding:11px!important;margin-top:4px;border:1px solid rgba(255,255,255,.07);
  border-radius:13px;background:rgba(255,255,255,.018)
}
.legal-check input{width:17px!important;height:17px!important;margin:1px 0 0!important;accent-color:#dfc77d}
.legal-check span{color:#9a9aa0;font-size:8px;line-height:1.55}
.legal-check button{
  border:0;background:none;color:#e3cb83;padding:0;font:inherit;text-decoration:underline;
  text-underline-offset:2px
}

.privacy-storage-banner{
  position:fixed;z-index:1200;left:max(12px,env(safe-area-inset-left));
  right:max(12px,env(safe-area-inset-right));
  bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px));
  max-width:760px;margin:auto;padding:15px;border-radius:19px;
  background:rgba(12,12,13,.97);backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(230,192,91,.16);
  box-shadow:0 22px 70px rgba(0,0,0,.58)
}
.privacy-storage-banner>div:first-child b{
  display:block;color:#e9d18a;font-size:8px;letter-spacing:.9px
}
.privacy-storage-banner p{margin:7px 0 0;color:#99999f;font-size:9px;line-height:1.55}
.privacy-storage-actions{display:flex;gap:8px;margin-top:12px}
.privacy-storage-actions button{
  flex:1;min-height:39px;border-radius:11px;border:1px solid rgba(255,255,255,.08);
  background:#f0ece2;color:#0b0b0c;font-size:7px;font-weight:950;letter-spacing:.55px
}
.privacy-storage-actions button+button{background:transparent;color:#c9c9cc}

.legalmodal{
  position:fixed;z-index:1300;inset:0;display:flex;align-items:flex-end;justify-content:center;
  padding:0
}
.legalbackdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.legalcard{
  position:relative;z-index:1;width:100%;max-width:700px;max-height:90dvh;overflow:auto;
  padding:24px 18px max(20px,calc(env(safe-area-inset-bottom) + 16px));
  border-radius:26px 26px 0 0;background:#0d0e0f;
  border:1px solid rgba(255,255,255,.08);border-bottom:0;
  box-shadow:0 -25px 80px rgba(0,0,0,.6)
}
.legalcard.compact{max-height:none;padding-top:28px}
.legalcard>.overline{color:#c7ad67}
.legalcard h2{margin:10px 38px 17px 0;font-size:29px;line-height:1.02;letter-spacing:-1px}
.legalcard>p{color:#9b9ba1;font-size:10px;line-height:1.6}
.legalclose{
  position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;
  border:1px solid rgba(255,255,255,.08);background:#151617;color:#ccc;font-size:20px
}
.legalcontent{
  max-height:58dvh;overflow:auto;padding:14px;margin:0 0 15px;
  border-radius:17px;background:#090a0b;border:1px solid rgba(255,255,255,.055)
}
.legalcontent h3{margin:15px 0 5px;color:#ddd9cf;font-size:10px;letter-spacing:.15px}
.legalcontent h3:first-child{margin-top:0}
.legalcontent p{margin:0;color:#898990;font-size:9px;line-height:1.65}
.privacy-ack-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.privacy-ack-links button{
  min-height:42px;border-radius:11px;border:1px solid rgba(230,192,91,.15);
  background:rgba(230,192,91,.045);color:#d8c37f;font-size:7px;font-weight:900;letter-spacing:.5px
}

.privacy-summary{display:flex;gap:13px;align-items:center;padding:16px;margin-bottom:10px}
.privacy-summary>span{
  flex:0 0 45px;width:45px;height:45px;border-radius:15px;display:grid;place-items:center;
  color:#e5cf8c;background:rgba(230,192,91,.055);border:1px solid rgba(230,192,91,.13);
  font-size:8px;font-weight:950
}
.privacy-summary b{display:block;color:#eeeae2;font-size:14px}
.privacy-summary p{margin:5px 0 0;color:#818188;font-size:8px;line-height:1.5}
.privacy-menu{padding:5px;margin-bottom:10px}
.privacy-menu button{
  width:100%;min-height:53px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;
  border:0;border-bottom:1px solid rgba(255,255,255,.055);background:transparent;color:#d4d4d7;
  text-align:left;font-size:10px
}
.privacy-menu button:last-child{border-bottom:0}
.privacy-menu button i{font-style:normal;color:#696970}
.privacy-menu button.danger{color:#d98888}
.privacy-contact{padding:15px}
.privacy-contact small{display:block;color:#77777e;font-size:7px;font-weight:900;letter-spacing:.8px}
.privacy-contact b{display:block;margin-top:6px;color:#dedbd5;font-size:13px}
.privacy-contact p{margin:5px 0 0;color:#87878d;font-size:9px}

@media(min-width:700px) and (max-width:1100px){
  .legalmodal{align-items:center;padding:24px}
  .legalcard{
    border-radius:26px;border-bottom:1px solid rgba(255,255,255,.08);
    padding:28px;max-height:88dvh
  }
  .legalcard h2{font-size:36px}
  .legalcontent{max-height:55dvh;padding:18px}
  .privacy-storage-banner{bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px));padding:18px}
}


/* ===== V1.18.1 — LGPD OWNER / SECURITY+ ===== */
.admin-business-card.privacy{
  grid-column:1/-1;
  border-color:rgba(120,175,255,.16);
  background:linear-gradient(145deg,rgba(80,130,220,.08),rgba(255,255,255,.018));
}
.admin-business-card.privacy .admin-business-icon{
  color:#b7d1ff;
  border-color:rgba(120,175,255,.16);
  background:rgba(120,175,255,.06)
}
.admin-privacy-list{display:grid;gap:10px;padding:12px 0 28px}
.privacy-request-card{
  padding:14px;border-radius:18px;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015))
}
.privacy-request-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.privacy-request-top small{display:block;font-size:7px;font-weight:950;letter-spacing:.8px;color:#a9bde7}
.privacy-request-top b{display:block;margin-top:4px;font-size:14px;color:#f1f0ec}
.privacy-request-top p{margin:4px 0 0;font-size:9px;color:#85858c}
.privacy-status{
  flex:0 0 auto;padding:6px 8px;border-radius:999px;font-size:6px;font-weight:950;letter-spacing:.55px;
  border:1px solid rgba(255,255,255,.08);color:#9b9ba1;background:rgba(255,255,255,.025)
}
.privacy-status.pending{color:#e1c978;border-color:rgba(225,201,120,.18);background:rgba(225,201,120,.055)}
.privacy-status.in_review{color:#9dc0ff;border-color:rgba(120,175,255,.18);background:rgba(120,175,255,.055)}
.privacy-status.completed{color:#8fd5aa;border-color:rgba(80,190,120,.18);background:rgba(80,190,120,.055)}
.privacy-request-meta{margin-top:10px;font-size:7px;color:#696a70}
.privacy-request-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:11px}
.privacy-request-actions button{
  min-height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.075);
  background:#0c0d0f;color:#b9bbc2;font-size:6px;font-weight:900;letter-spacing:.5px
}
.privacy-request-actions button.complete{
  color:#9addb3;border-color:rgba(80,190,120,.17);background:rgba(80,190,120,.045)
}
@media(max-width:370px){
  .privacy-request-actions{grid-template-columns:1fr}
}
@media(min-width:700px) and (max-width:1100px){
  .admin-privacy-list{grid-template-columns:1fr 1fr}
}


/* ===== V1.20.5 — ADMIN / BUTTON CONTRAST PASS ===== */
.admin-business-grid{gap:14px}
.admin-business-card{
  min-height:142px;
  padding:17px 15px;
  border-radius:23px;
  grid-template-columns:48px 1fr 18px;
  gap:12px;
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at 100% 0,rgba(230,192,91,.075),transparent 32%),
    linear-gradient(150deg,#18191b,#090a0b 72%);
  box-shadow:
    0 15px 34px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.045);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.admin-business-card:active{
  transform:scale(.985);
  border-color:rgba(230,192,91,.36);
}
.admin-business-card.revenue{
  border-color:rgba(230,192,91,.28);
  background:
    radial-gradient(circle at 100% 0,rgba(230,192,91,.14),transparent 34%),
    linear-gradient(150deg,#1a1811,#0a0a0b 72%);
}
.admin-business-icon{
  width:48px;
  height:48px;
  border-radius:15px;
  border:1px solid rgba(230,192,91,.31);
  background:linear-gradient(160deg,rgba(230,192,91,.17),rgba(230,192,91,.065));
  color:#ffe09a;
  font-size:13px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 7px 18px rgba(0,0,0,.22),
    0 0 15px rgba(230,192,91,.06);
}
.admin-business-card small{
  color:#b29d65;
  font-size:7px;
  letter-spacing:1px;
}
.admin-business-card b{
  margin-top:5px;
  color:#fffdf7;
  font-size:18px;
  line-height:1.08;
}
.admin-business-card p{
  margin-top:7px;
  color:#a3a4aa;
  font-size:9px;
  line-height:1.45;
}
.admin-business-card>i{
  color:#d8bd72;
  font-size:20px;
  opacity:.95;
  align-self:center;
}
.pagehead{
  min-height:66px;
  height:auto;
  border-bottom-color:rgba(255,255,255,.08);
}
.pagehead h2{
  color:#fffdf8;
  font-size:18px;
  font-weight:900;
}
.pagehead p{
  color:#9c9da3;
  font-size:9px;
}
.back{
  color:#f4f0e7;
  opacity:1;
  text-shadow:0 0 14px rgba(255,255,255,.08);
}
.admin-current-contact p,
.staff-client-copy small,
.monthly-revenue-hero p,
.revenue-note p{color:#9fa0a6}


/* ===== V1.21.0 — UNIVERSAL BLACK GOLD / CLIENT + DESKTOP ===== */
:root{
  --pv-lux-gold:#e7c467;
  --pv-lux-gold2:#ffe49a;
  --pv-lux-surface:#0b0c0e;
  --pv-lux-line:rgba(231,196,103,.24);
  --pv-lux-sprite:url("data:image/webp;base64,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");
}
button.is-loading{opacity:.78!important;cursor:wait!important;pointer-events:none!important}
button.is-loading:after{
  content:"";display:inline-block;width:12px;height:12px;margin-left:9px;vertical-align:-2px;
  border:2px solid currentColor;border-right-color:transparent;border-radius:50%;
  animation:pvSpin .7s linear infinite
}
@keyframes pvSpin{to{transform:rotate(360deg)}}

.auth,.barberselect,.apppage{
  background:
    radial-gradient(circle at 92% 4%,rgba(231,196,103,.075),transparent 22%),
    radial-gradient(circle at 8% 42%,rgba(231,196,103,.035),transparent 24%);
}
.authintro .overline,.barber-select-head .overline,.apppage .overline{color:#d9bd70!important}
.authintro h2,.barber-select-head h2,.hello h2,.pagehead h2{color:#fffdf8}
.authintro p,.barber-select-head p,.hello-sub,.pagehead p{color:#a4a4aa!important}

.auth .form{
  border:1px solid rgba(231,196,103,.20)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(231,196,103,.08),transparent 30%),
    linear-gradient(150deg,#151617,#08090a 72%)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.auth .form label{color:#cbb574!important}
.auth .form input{
  border-color:rgba(255,255,255,.11)!important;
  background:linear-gradient(180deg,#0d0e10,#08090a)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important
}
.auth .form input:focus{
  border-color:rgba(231,196,103,.62)!important;
  box-shadow:0 0 0 3px rgba(231,196,103,.07)!important
}
.auth-secondary{
  border-color:rgba(231,196,103,.18)!important;
  color:#d5c18b!important;
  background:rgba(231,196,103,.035)!important
}
.auth .link{color:#f3d887!important}

.barber-choice{
  position:relative;overflow:hidden;
  border:1px solid rgba(231,196,103,.20)!important;
  background:linear-gradient(150deg,#151617,#08090a 74%)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.045)!important
}
.barber-choice.patrick{background:radial-gradient(circle at 100% 0,rgba(231,196,103,.14),transparent 34%),linear-gradient(150deg,#181711,#08090a 72%)!important}
.barber-choice.gabriel{background:radial-gradient(circle at 0 0,rgba(231,196,103,.08),transparent 34%),linear-gradient(150deg,#141516,#08090a 72%)!important}
.barber-choice-icon{box-shadow:0 0 0 1px rgba(231,196,103,.25),0 12px 30px rgba(0,0,0,.32)!important}
.barber-choice-copy small{color:#cbb574!important}
.barber-choice-copy h3{color:#fffdf8!important}
.barber-choice-copy p{color:#a7a8ad!important}

.apppage .panel,
.queuefocus,.heroqueue,.quick,.notice,.viphero,.statuscard,.vipticket,.pixbox,.uploadbox{
  border-color:rgba(231,196,103,.18)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(231,196,103,.07),transparent 32%),
    linear-gradient(150deg,#141516,#08090a 74%)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045)!important
}
.heroqueue,.myqueue,.quick,.profilecard,.notification-card,.privacy-summary,.viphero,.pixbox{
  position:relative;overflow:hidden;isolation:isolate
}
.heroqueue:after,.myqueue:after,.quick:after,.profilecard:after,.notification-card:after,.privacy-summary:after,.viphero:after,.pixbox:after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  width:150px;height:150px;right:-24px;top:-12px;
  background-image:var(--pv-lux-sprite);background-repeat:no-repeat;background-size:500% 400%;
  opacity:.18;filter:saturate(1.05) contrast(1.05);
  -webkit-mask-image:linear-gradient(to right,transparent,#000 42%);mask-image:linear-gradient(to right,transparent,#000 42%)
}
.heroqueue:after{background-position:100% 33.333%;opacity:.30}
.myqueue:after{background-position:75% 66.667%}
.normalquick:after{background-position:0 66.667%;opacity:.22}
.vipquick:after,.viphero:after{background-position:25% 66.667%;opacity:.25}
.profilecard:after{background-position:25% 100%}
.notification-card:after{background-position:0 100%}
.privacy-summary:after{background-position:75% 100%}
.pixbox:after{background-position:50% 66.667%;opacity:.20}

.heroqueue strong,.queuefocus strong,.myqueue h3,.viphero strong,.vipticket strong{color:#fff8e8!important;text-shadow:0 0 22px rgba(231,196,103,.10)}
.queuecap span,.panelhead span:first-child,.quick small,.privacy-contact small{color:#d2b86e!important}
.quick b,.panel b,.profilecard b,.notification-card b,.privacy-summary b{color:#fffdf8!important}
.quick em,.panel p,.panel small,.notice p,.notification-card p,.privacy-summary p{color:#a5a6ac!important}
.quick i,.menu button,.privacy-menu i{color:#e1c77a!important}

.today,.barber-context{
  border:1px solid rgba(231,196,103,.13)!important;
  background:linear-gradient(145deg,rgba(231,196,103,.045),rgba(255,255,255,.018))!important
}
.barber-context button,.profile-barber-card button,.notification-card>button{
  border-color:rgba(231,196,103,.28)!important;
  color:#ebd58f!important;
  background:rgba(231,196,103,.055)!important
}
.avatar,.bigavatar,.notification-icon,.privacy-summary>span{
  border-color:rgba(231,196,103,.30)!important;
  background:linear-gradient(155deg,rgba(231,196,103,.16),rgba(231,196,103,.05))!important;
  color:#ffe39a!important
}
.nav{
  border-top:1px solid rgba(231,196,103,.16)!important;
  background:rgba(5,6,7,.975)!important;
  box-shadow:0 -14px 34px rgba(0,0,0,.42)!important
}
.nav button{color:#7e7f84!important}
.nav button.active{color:#f0d486!important}
.nav button.active span{text-shadow:0 0 16px rgba(231,196,103,.24)}
.pagehead .back{
  border:1px solid rgba(231,196,103,.15)!important;
  border-radius:12px;background:linear-gradient(145deg,#151619,#090a0b)!important;
  color:#fff!important;text-align:center!important
}
.seg{border-color:rgba(231,196,103,.12)!important}
.seg .active{box-shadow:inset 0 -2px 0 var(--pv-lux-gold)!important}
.service-tabs button.active,.vip-date-options button.selected,.vip-time-options button.selected{
  border-color:rgba(231,196,103,.46)!important;
  background:rgba(231,196,103,.10)!important;color:#f1da93!important
}
.service-card,.summary-service-row,.staff-client-card{
  border-color:rgba(231,196,103,.11)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(231,196,103,.018))!important
}
.filepick{
  border-color:rgba(231,196,103,.25)!important;
  background:rgba(231,196,103,.035)!important
}
.privacy-menu button{color:#e1e1df!important;border-bottom-color:rgba(255,255,255,.075)!important}

@media(min-width:780px){
  .shell{width:min(100%,760px)!important}
  .nav{width:min(100%,760px)!important}
  .authintro,.auth .form{width:min(100%,560px);margin-left:auto!important;margin-right:auto!important}
  .barber-choice-list{grid-template-columns:1fr 1fr!important;gap:16px!important}
  .barber-choice{min-height:355px;display:flex!important;flex-direction:column}
  .barber-choice-actions{margin-top:auto}
  .apppage,.adminpage,.barberselect{padding-left:18px!important;padding-right:18px!important}
  .twocards{gap:14px!important}
  .profilecard,.profile-barber-card,.notification-card{padding:18px!important}
  .service-list{grid-template-columns:1fr 1fr!important;gap:12px!important}
}
@media(min-width:1100px){
  .shell{width:min(100%,920px)!important}
  .nav{width:min(100%,920px)!important}
  .apppage,.adminpage,.barberselect{padding-left:30px!important;padding-right:30px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}


/* ===== V1.21.2 — LEGIBILIDADE UNIVERSAL + NAV GABRIEL ===== */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.brand b{font-size:13px!important;letter-spacing:.75px!important}
.brand small{font-size:9px!important;letter-spacing:1.6px!important;color:#aaaab0!important}
.online{font-size:10px!important;letter-spacing:.8px!important;padding:8px 11px!important}
.overline{font-size:10px!important;line-height:1.25!important;letter-spacing:1.65px!important}
.hello-sub{font-size:12px!important;line-height:1.5!important;color:#b2b3b8!important}
.today b{font-size:13px!important}
.today small{font-size:11px!important;line-height:1.4!important;color:#aaaab0!important}
.badge{font-size:10px!important;letter-spacing:.7px!important}
.barber-context-copy small,.profile-barber-copy small{font-size:10px!important;line-height:1.35!important;color:#b49d63!important}
.barber-context-copy b,.profile-barber-copy b{font-size:14px!important;line-height:1.25!important}
.profile-barber-copy p{font-size:11.5px!important;line-height:1.5!important;color:#aaaab0!important}
.barber-context button,.profile-barber-card button,.notification-card>button{
  min-height:40px!important;
  font-size:10.5px!important;
  letter-spacing:.55px!important;
  padding-inline:11px!important
}
.queuecap,.panelhead{font-size:10.5px!important;line-height:1.35!important}
.queuecap small{font-size:9.5px!important;color:#8e8f95!important}
.heroqueue p,.queuefocus p{font-size:12.5px!important;line-height:1.5!important;color:#b5b6bc!important}
.myqueue small{font-size:10px!important;line-height:1.35!important}
.myqueue p{font-size:12px!important;line-height:1.55!important;color:#aaaab0!important}
.arrive b{font-size:13px!important;line-height:1.35!important}
.quick small{font-size:9.5px!important;letter-spacing:1.05px!important}
.quick b{font-size:18px!important;line-height:1.12!important}
.quick em{font-size:12px!important;line-height:1.45!important;color:#aaaab0!important}
.notice b{font-size:13px!important;line-height:1.35!important}
.notice p{font-size:12px!important;line-height:1.55!important;color:#aaaab0!important}
.pagehead h2{font-size:18px!important;line-height:1.15!important}
.pagehead p{font-size:11px!important;line-height:1.35!important;color:#9fa0a6!important}
.seg button{font-size:11.5px!important;min-height:44px!important}
.qrow b{font-size:14px!important}
.qrow span{font-size:12px!important;line-height:1.4!important}
.form label{font-size:10px!important;letter-spacing:1.1px!important}
.form input,.form select,.form textarea{font-size:16px!important;line-height:1.3!important}
.pass button{font-size:11px!important}
.err{font-size:12px!important;line-height:1.45!important}
.form p,.link{font-size:12.5px!important;line-height:1.5!important}
.authintro p,.barber-select-head p{font-size:12.5px!important;line-height:1.55!important}
.barber-choice-copy small{font-size:10px!important}
.barber-choice-copy h3{font-size:22px!important;line-height:1.08!important}
.barber-choice-copy p{font-size:12px!important;line-height:1.5!important;color:#aaaab0!important}
.barber-hours-link,.barber-select-logout{font-size:11px!important}
.benefits b{font-size:13px!important}
.benefits small,.fine{font-size:11px!important;line-height:1.5!important}
.notification-card small{font-size:9.5px!important;letter-spacing:.65px!important}
.notification-card b{font-size:13px!important;line-height:1.3!important}
.notification-card p{font-size:11.5px!important;line-height:1.5!important;color:#aaaab0!important}
.privacy-summary p,.privacy-contact p{font-size:12px!important;line-height:1.55!important}
.privacy-summary b,.privacy-contact b{font-size:14px!important}
.privacy-contact small{font-size:10px!important}
.privacy-menu button,.menu button{min-height:54px!important;font-size:13px!important;line-height:1.3!important}
.service-card small,.summary-service-row small,.selected-services-bar small{font-size:10.5px!important;line-height:1.45!important}
.service-card b,.summary-service-row b{font-size:14px!important;line-height:1.3!important}
.service-card p,.summary-service-row p{font-size:11.5px!important;line-height:1.5!important}
.cta{font-size:13px!important;letter-spacing:.85px!important;min-height:52px}
.toast{font-size:12px!important;line-height:1.45!important}

/* Home: avatar + troca de barbeiro sempre visível para clientes */
.home-account-actions{
  flex:0 0 116px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px
}
.home-account-actions .avatar{
  width:46px!important;height:46px!important;
  font-size:10px!important
}
.home-change-barber{
  width:116px;
  min-height:38px;
  padding:7px 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-radius:12px;
  border:1px solid rgba(231,196,103,.38);
  background:linear-gradient(180deg,rgba(231,196,103,.12),rgba(231,196,103,.045));
  color:#f1d991;
  font-size:9px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:.45px;
  box-shadow:0 8px 20px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)
}
.home-change-barber span{font-size:15px;line-height:1}

/* Exclusivo do cliente Gabriel: 3 opções ocupam 100% do menu */
.nav.gabriel-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.nav.gabriel-nav #navVip{display:none!important}
.nav button{min-width:0!important;min-height:58px!important;gap:4px!important}
.nav button span{font-size:21px!important}
.nav button small{
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.15px!important;
  white-space:nowrap!important
}

@media(max-width:390px){
  .home-account-actions{flex-basis:104px}
  .home-change-barber{width:104px;font-size:8.5px;padding-inline:6px}
  .hello h2{font-size:26px!important}
}
@media(max-width:350px){
  .home-account-actions{flex-basis:96px}
  .home-change-barber{width:96px;font-size:8px}
  .nav button small{font-size:9.5px!important}
}
@media(max-height:650px){
  /* Não sacrificar legibilidade em aparelhos baixos */
  #home .quick em{font-size:10px!important}
  #home .notice p{display:block!important;font-size:10.5px!important}
}

/* ===== V1.24.1 — TOPBAR ACTION LEGÍVEL ===== */
.topright{gap:9px!important}
#logoutTop.top-exit{
  width:auto!important;
  min-width:62px!important;
  height:38px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid rgba(231,196,103,.24)!important;
  background:linear-gradient(180deg,rgba(231,196,103,.08),rgba(255,255,255,.025))!important;
  color:#ead28b!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045)!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.85px!important
}
#logoutTop.top-exit span{display:block;line-height:1}
#logoutTop.top-exit:active{transform:scale(.97)}
@media(max-width:350px){
  #logoutTop.top-exit{min-width:56px!important;padding-inline:10px!important;font-size:9px!important}
}


/* ===== V1.24.1 — ACCESSIBILITY / OFFLINE / SYNC ===== */
.connection-status{
  margin:8px 0 2px;
  min-height:50px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:14px minmax(0,1fr);
  gap:9px;
  align-items:center;
  border-radius:14px;
  border:1px solid rgba(231,196,103,.20);
  background:linear-gradient(145deg,rgba(231,196,103,.07),rgba(255,255,255,.025));
  box-shadow:0 9px 24px rgba(0,0,0,.20)
}
.connection-status.hidden{display:none!important}
.connection-status-icon{font-size:9px;color:#e4c76e;text-shadow:0 0 12px rgba(231,196,103,.35)}
.connection-status b{display:block;font-size:11px;letter-spacing:.7px;color:#f2dda0}
.connection-status small{display:block;margin-top:3px;font-size:11px;line-height:1.4;color:#b0b1b6}
.connection-status.offline{border-color:rgba(232,165,72,.30);background:linear-gradient(145deg,rgba(232,165,72,.09),rgba(255,255,255,.02))}
.connection-status.offline .connection-status-icon{color:#efa94f}
.connection-status.offline b{color:#f1bd74}
.connection-status.restored{border-color:rgba(47,213,122,.25);background:linear-gradient(145deg,rgba(47,213,122,.08),rgba(255,255,255,.02))}
.connection-status.restored .connection-status-icon{color:#52e89a}
.online.offline{color:#f0b56d!important;border-color:rgba(232,165,72,.25)!important}
.online.offline i{background:#e9a34c!important;box-shadow:0 0 12px rgba(233,163,76,.45)!important}
.online.syncing{color:#e6cf8d!important}
.online.syncing i{background:#e3c46c!important;animation:pvPulse 1s ease-in-out infinite}
@keyframes pvPulse{50%{opacity:.35;transform:scale(.78)}}
body.is-offline .heroqueue,body.is-offline .queuefocus,body.is-offline .myqueue{filter:saturate(.82)}
body.is-offline #takeTicket,body.is-offline #confirmNormalTicket{opacity:.58}
body.app-syncing .heroqueue,body.app-syncing .myqueue{box-shadow:0 0 0 1px rgba(231,196,103,.12),0 18px 42px rgba(0,0,0,.34)!important}

/* Minimum readable sizes for customer-facing UI */
.installapp b,.update-banner-copy b,.privacy-storage-banner b,.legal-check span,.privacy-ack-links button{font-size:10.5px!important}
.installapp small,.update-banner-copy small,.privacy-storage-banner p,.legalcontent p,.notificationstep small,.notificationfoot,.notificationlater{font-size:11px!important;line-height:1.5!important}
#updateAppNow,.privacy-storage-actions button{font-size:10px!important;min-height:40px!important}
.service-card em,.service-action button,.service-cartbar small,.summary-services small,.admin-service-line small,.selected-service-chip,.service-rule,.ocr-status small,.ocr-status div span{font-size:10.5px!important;line-height:1.45!important}
.service-cartbar button{font-size:11px!important}
.service-copy small,.hours-entry small,.public-hours-row span,.hoursnote p,.staff-pix-card label small,.staff-pix-status{font-size:10.5px!important;line-height:1.45!important}
.hours-entry b,.public-hours-row b,.ocr-status b,.staff-pix-card>p{font-size:11.5px!important}
.quick-message-actions button,.barber-hours-link,.barber-select-logout{font-size:10.5px!important}
.admin-client-main small,.staff-client-copy small,.staff-client-card>button,.current-client-detail{font-size:10.5px!important;line-height:1.45!important}
.monthly-revenue-hero small,.revenue-note p,.privacy-request-top small,.privacy-request-top p,.privacy-request-meta,.privacy-request-actions button,.privacy-status{font-size:10px!important;line-height:1.4!important}
.legalcontent h3{font-size:13px!important}
.legalcard>p{font-size:12px!important;line-height:1.55!important}
.privacy-summary p,.privacy-contact p{font-size:12px!important}
.privacy-contact small{font-size:10.5px!important}

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid #f0d582!important;
  outline-offset:2px!important
}
@media(max-width:360px){
  .connection-status small{font-size:10.5px}
  .home-change-barber{font-size:9.5px!important;width:102px!important}
}


/* ===== V1.24.1 — STABILITY / HEALTH ===== */
.admin-business-card.app-health{
  cursor:default;
  border-color:rgba(68,210,126,.18);
  background:linear-gradient(145deg,rgba(68,210,126,.055),rgba(255,255,255,.018))
}
.admin-business-card.app-health[data-health="ok"]{border-color:rgba(68,210,126,.25)}
.admin-business-card.app-health[data-health="ok"] .admin-business-icon,
.admin-business-card.app-health[data-health="ok"]>i{color:#83e7aa}
.admin-business-card.app-health[data-health="warn"]{border-color:rgba(231,196,103,.25)}
.admin-business-card.app-health[data-health="warn"] .admin-business-icon,
.admin-business-card.app-health[data-health="warn"]>i{color:#e9ca75}
.admin-business-card.app-health[data-health="bad"]{border-color:rgba(232,98,98,.28)}
.admin-business-card.app-health[data-health="bad"] .admin-business-icon,
.admin-business-card.app-health[data-health="bad"]>i{color:#ef8a8a}
.admin-business-card.app-health p{font-size:10.5px!important;line-height:1.45!important}
button.is-loading{pointer-events:none!important}


/* ===== V1.24.1 — QUEUE SAFETY CONFIRMATION ===== */
.queue-confirm-modal{
  position:fixed;inset:0;z-index:10020;
  display:flex;align-items:center;justify-content:center;
  padding:22px
}
.queue-confirm-modal.hidden{display:none!important}
.queue-confirm-backdrop{
  position:absolute;inset:0;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px)
}
.queue-confirm-card{
  position:relative;z-index:1;
  width:min(100%,390px);
  padding:24px 20px 18px;
  border-radius:26px;
  border:1px solid rgba(231,196,103,.34);
  background:
    radial-gradient(circle at 100% 0,rgba(231,196,103,.11),transparent 36%),
    linear-gradient(155deg,#171819,#08090a 74%);
  box-shadow:0 28px 70px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.055);
  text-align:center
}
.queue-confirm-icon{
  width:58px;height:58px;margin:0 auto 13px;
  border-radius:18px;
  display:grid;place-items:center;
  border:1px solid rgba(231,196,103,.34);
  background:linear-gradient(145deg,rgba(231,196,103,.16),rgba(231,196,103,.05));
  color:#f4da8e;
  font-size:27px;font-weight:950;
  box-shadow:0 12px 28px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05)
}
.queue-confirm-card .overline{display:block;margin-bottom:8px}
.queue-confirm-card h2{
  margin:0;color:#fffdf8;
  font-size:23px;line-height:1.12;letter-spacing:-.35px
}
.queue-confirm-card>p{
  margin:10px auto 0;
  max-width:310px;
  color:#b8b8bd;
  font-size:13px!important;
  line-height:1.55!important
}
.queue-confirm-client{
  margin:17px 0 0;
  padding:13px 14px;
  border-radius:16px;
  border:1px solid rgba(231,196,103,.16);
  background:rgba(231,196,103,.045);
  display:grid;gap:3px
}
.queue-confirm-client.hidden{display:none!important}
.queue-confirm-client small{
  color:#c9af68;font-size:9.5px!important;
  font-weight:900;letter-spacing:1px
}
.queue-confirm-client b{
  color:#fff;font-size:15px;line-height:1.25
}
.queue-confirm-client span{
  color:#b6b6bb;font-size:11.5px
}
.queue-confirm-actions{
  display:grid;grid-template-columns:.85fr 1.35fr;
  gap:10px;margin-top:18px
}
.queue-confirm-actions .cta{margin:0!important;min-height:50px!important}
#queueConfirmAccept.danger{
  background:linear-gradient(180deg,#c74d4d,#9e3232)!important;
  color:#fff!important;
  border-color:rgba(255,120,120,.38)!important;
  box-shadow:0 12px 28px rgba(130,25,25,.25)!important
}
@media(max-width:360px){
  .queue-confirm-modal{padding:15px}
  .queue-confirm-card{padding:21px 15px 15px}
  .queue-confirm-card h2{font-size:21px}
  .queue-confirm-actions{grid-template-columns:1fr}
  .queue-confirm-actions #queueConfirmCancel{order:2}
}


/* ===== V1.24.1 — ULTRA RESPONSIVE / PORTRAIT + LANDSCAPE ===== */
:root{
  --app-vh:100dvh;
  --app-vw:100vw;
  --content-mobile:460px;
  --content-tablet:720px;
  --content-desktop:920px
}
html,body{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important
}
html,body,.shell{touch-action:pan-x pan-y pinch-zoom!important}
body{overflow-x:hidden!important}
.shell{
  width:100%!important;
  height:var(--app-vh,100dvh)!important;
  max-height:var(--app-vh,100dvh)!important;
  min-width:0!important;
  max-width:var(--content-mobile)!important;
  padding-left:max(14px,var(--safe-left))!important;
  padding-right:max(14px,var(--safe-right))!important
}
.screen,.screen>*{min-width:0}
.apppage:not(.hidden),.adminpage:not(.hidden),.auth:not(.hidden),.landing:not(.hidden){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important
}
.apppage:not(.hidden),.adminpage:not(.hidden),.auth:not(.hidden){overflow-x:clip!important}

/* Touch targets */
.brand{min-height:44px;padding-block:4px!important}
.round,.back,.pagehead .back{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important
}
.pagehead{grid-template-columns:48px minmax(0,1fr) 48px!important;min-height:62px;height:auto!important}
.pagehead>div{min-width:0}
.pass button{
  min-width:48px!important;min-height:44px!important;right:4px!important;top:50%!important;
  transform:translateY(-50%)!important;display:grid!important;place-items:center!important
}
.pass input{padding-right:58px!important}
.link{
  min-height:40px!important;padding:8px 6px!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important
}
.legal-check{min-height:50px!important}
.legal-check input{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important}
.legal-check button{min-height:30px!important;padding:5px 3px!important;display:inline!important}
#copyNormalPix,#copyPix{min-height:44px!important;min-width:74px!important}
.installclose,.legalclose{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
.update-dismiss{width:40px!important;height:40px!important}
.privacy-storage-actions button,.barber-hours-link,.auth-secondary{min-height:44px!important}

/* Grid/flex shrink safety */
.hello>div,.home-account-actions,.barber-context-copy,.profile-barber-copy,
.admin-identity,.admin-identity>div,.notification-card>div,
.service-card-main,.service-copy,.summary-service-row>span,
.admin-client-main>div,.staff-client-copy,.owner-card-copy{min-width:0!important}
.hello h2,.hello-sub,.barber-context-copy b,.barber-context-copy p,
.profile-barber-copy b,.profile-barber-copy p,.notification-card b,.notification-card p{
  overflow-wrap:anywhere
}

/* Profile phone adaptation */
@media(max-width:600px){
  .profile-barber-card{
    display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;
    align-items:center!important;gap:12px!important
  }
  .profile-barber-card>div:last-child{
    grid-column:1/-1!important;width:100%!important;display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important
  }
  .profile-barber-card>div:last-child button{
    width:100%!important;min-width:0!important;min-height:44px!important;white-space:normal!important
  }
  .barber-profile-photo{width:56px!important;height:56px!important}
  .notification-card{grid-template-columns:46px minmax(0,1fr)!important}
  .notification-card>button{grid-column:1/-1!important;width:100%!important;min-height:44px!important}
}

/* Small tablet */
@media(min-width:540px) and (max-width:779px){
  .shell{
    max-width:var(--content-tablet)!important;
    padding-left:max(22px,var(--safe-left))!important;
    padding-right:max(22px,var(--safe-right))!important
  }
  .nav{width:calc(100% - 32px)!important;max-width:680px!important}
  .service-cartbar{width:min(calc(100% - 48px),660px)!important}
  .barber-choice-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .barber-choice{min-width:0!important}
}

/* Tablet */
@media(min-width:780px) and (max-width:1099px){
  .shell{max-width:820px!important}
  .nav{width:min(calc(100% - 32px),820px)!important;max-width:820px!important}
  .service-cartbar{width:min(calc(100% - 64px),760px)!important}
}

/* Desktop / normal browser */
@media(min-width:1100px){
  .shell{max-width:var(--content-desktop)!important}
  .nav{width:min(calc(100% - 40px),var(--content-desktop))!important;max-width:var(--content-desktop)!important}
  .service-cartbar{width:min(calc(100% - 80px),840px)!important}
  .authintro,.auth .form{max-width:620px!important}
  .barber-choice-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Landscape phones */
@media(orientation:landscape) and (max-height:520px){
  .shell{
    max-width:100%!important;
    padding-left:max(14px,var(--safe-left))!important;
    padding-right:max(14px,var(--safe-right))!important
  }
  .topbar{min-height:50px!important;padding-top:var(--safe-top)!important}
  .brand img{width:32px!important;height:32px!important}
  .brand b{font-size:12px!important}.brand small{font-size:9px!important}
  .nav{
    left:max(0px,var(--safe-left))!important;right:max(0px,var(--safe-right))!important;
    transform:none!important;width:auto!important;max-width:none!important;
    height:calc(58px + var(--safe-bottom))!important
  }
  .apppage:not(.hidden){padding-bottom:calc(72px + var(--safe-bottom))!important}
  .adminpage:not(.hidden),.auth:not(.hidden){padding-bottom:calc(16px + var(--safe-bottom))!important}
  .service-cartbar{
    width:min(calc(100% - 40px),720px)!important;
    bottom:calc(64px + var(--safe-bottom))!important
  }
  .installmodal,.notificationmodal,.legalmodal,.queue-confirm-modal{
    padding:max(8px,var(--safe-top)) max(10px,var(--safe-right)) max(8px,var(--safe-bottom)) max(10px,var(--safe-left))!important;
    align-items:center!important
  }
  .installsheet,.notificationsheet,.legalcard,.queue-confirm-card{
    max-height:calc(var(--app-vh,100dvh) - 16px)!important;
    overflow-y:auto!important;border-radius:20px!important;border-bottom-width:1px!important
  }
  #home .hello-sub{display:block!important}
  #home .notice p{display:block!important}
}

/* Extreme 320px */
@media(max-width:340px){
  .shell{padding-left:max(9px,var(--safe-left))!important;padding-right:max(9px,var(--safe-right))!important}
  .brand{gap:7px!important}.brand b{font-size:11px!important}
  .brand small{font-size:8.5px!important;letter-spacing:1.15px!important}
  .topright{gap:5px!important}.online{padding:7px 8px!important;font-size:9px!important}
  #logoutTop.top-exit{min-width:54px!important;padding-inline:9px!important}
  .hello{gap:8px!important}.home-account-actions{flex-basis:96px!important}
  .home-change-barber{width:96px!important;font-size:8.8px!important}
  .twocards{grid-template-columns:1fr!important}
  #home .quick{min-height:118px!important}
  .privacy-storage-actions{display:grid!important;grid-template-columns:1fr!important}
}

@media(display-mode:standalone){
  .shell{height:var(--app-vh,100dvh)!important;max-height:var(--app-vh,100dvh)!important}
  .topbar{padding-top:max(var(--safe-top),0px)!important}
  .nav{padding-bottom:max(var(--safe-bottom),0px)!important}
}
@supports(height:100dvh){.shell{height:var(--app-vh,100dvh)!important}}


/* ===== V1.24.1 — RESPONSIVE MATRIX FINAL FIXES ===== */
.home-change-barber{min-height:44px!important}
.quick-message-actions button{min-height:44px!important}

/* Mobile admin cards: prioritize reading over forced two-column density */
@media(max-width:430px){
  .admin-business-grid{
    grid-template-columns:1fr!important;
    gap:9px!important
  }
  .admin-business-card{
    min-height:96px!important;
    grid-template-columns:42px minmax(0,1fr) 18px!important;
    align-items:center!important
  }
  .admin-business-card div{min-width:0!important}
  .admin-business-card small,
  .admin-business-card b,
  .admin-business-card p{
    max-width:100%!important;
    overflow-wrap:anywhere!important
  }
}

/* 540–779px: use the tablet width instead of imposing a 680px ceiling */
@media(min-width:540px) and (max-width:779px){
  .nav{
    width:calc(100% - 32px)!important;
    max-width:none!important
  }
}


/* V1.24.1 — tablet nav final geometry */
@media(min-width:540px) and (max-width:779px){
  .nav{
    left:0!important;
    right:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important
  }
}


/* ===== V1.24.5 — CLIENT COUNT / KEYBOARD VIEWPORT FIX ===== */
.client-directory-total{
  margin:0 0 10px;
  padding:15px 16px;
  min-height:92px;
  border-radius:20px;
  border:1px solid rgba(231,196,103,.18);
  background:
    radial-gradient(circle at 92% 12%,rgba(231,196,103,.12),transparent 36%),
    linear-gradient(150deg,#151512,#090a0b 74%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  box-shadow:0 14px 34px rgba(0,0,0,.25)
}
.client-directory-total>div{min-width:0}
.client-directory-total small{
  display:block;
  color:#a5905a;
  font-size:7px;
  line-height:1.2;
  font-weight:950;
  letter-spacing:1px
}
.client-directory-total strong{
  display:block;
  margin-top:5px;
  color:#fffdf7;
  font-size:32px;
  line-height:1;
  letter-spacing:-1.2px
}
.client-directory-total p{
  margin:5px 0 0;
  color:#85858b;
  font-size:8px;
  line-height:1.35
}
.client-directory-total>span{
  flex:0 0 auto;
  padding:7px 9px;
  border-radius:999px;
  border:1px solid rgba(231,196,103,.16);
  background:rgba(231,196,103,.055);
  color:#d9c47f;
  font-size:7px;
  font-weight:900;
  letter-spacing:.4px
}
.client-directory-search{margin-bottom:10px!important}

/* Mobile keyboard: one viewport controller only.
   Avoid double-resize/paint clipping in standalone PWA on iOS/Android. */
:root{
  --app-vtop:0px;
  --keyboard-height:0px
}
body.keyboard-open{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  background:#020202!important
}
body.keyboard-open .shell{
  width:100%!important;
  height:var(--app-vh,100dvh)!important;
  max-height:var(--app-vh,100dvh)!important;
  min-height:var(--app-vh,100dvh)!important;
  margin:0 auto!important;
  transform:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain!important;
  contain:layout paint!important;
  background:linear-gradient(180deg,#101113 0%,#060607 30%,#030303 72%,#020202 100%)!important
}
body.keyboard-open .auth:not(.hidden),
body.keyboard-open .adminpage:not(.hidden),
body.keyboard-open .apppage:not(.hidden){
  min-height:calc(var(--app-vh,100dvh) - 86px)!important;
  max-height:none!important;
  padding-bottom:max(18px,var(--safe-bottom))!important;
  scroll-padding-top:12px!important;
  scroll-padding-bottom:28px!important;
  overscroll-behavior-y:contain!important
}
body.keyboard-open .auth::before{
  display:none!important
}
body.keyboard-open .bgfx{
  opacity:.18!important
}
body.keyboard-open .topbar{
  flex:0 0 auto!important
}
body.keyboard-open input,
body.keyboard-open textarea,
body.keyboard-open select{
  scroll-margin-top:12px!important;
  scroll-margin-bottom:18px!important
}
.auth input[type="password"]{
  -webkit-appearance:none;
  appearance:none;
  font-size:16px!important
}

@media(max-width:360px){
  .client-directory-total{padding:13px 14px;min-height:84px}
  .client-directory-total strong{font-size:29px}
}