:root{
 --bg:#09070d;--bg2:#110b19;--panel:#17101f;--panel2:#20152c;--glass:rgba(28,18,39,.72);--text:#fff8fc;--muted:#b8aabd;--soft:#7f7187;
 --accent:#ff4d8d;--accent2:#8f5bff;--accent3:#ffb84d;--ok:#41d99b;--warn:#ffbd57;--danger:#ff5c6c;--line:rgba(255,255,255,.09);
 --shadow:0 28px 80px rgba(0,0,0,.35);--radius:26px;--radius-sm:16px;--max:1220px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font:15.5px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at 15% -10%,#321239 0,transparent 34%),radial-gradient(circle at 95% 20%,#1d1844 0,transparent 30%),linear-gradient(160deg,var(--bg),#0d0812 55%,#08070b);color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.ambient{position:fixed;pointer-events:none;border-radius:999px;filter:blur(100px);opacity:.18;z-index:-1}.ambient-a{width:420px;height:420px;background:#ff2c7b;left:-180px;top:25vh}.ambient-b{width:470px;height:470px;background:#7557ff;right:-220px;top:8vh}.topbar{position:sticky;top:0;z-index:50;padding:12px 18px;background:linear-gradient(to bottom,rgba(9,7,13,.96),rgba(9,7,13,.75));backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.055)}.topbar-inner{width:min(var(--max),100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.09em;font-size:20px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 8px 28px rgba(255,77,141,.27);font-family:Georgia,serif;font-size:21px;font-style:italic}.desktop-nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.desktop-nav>a{padding:9px 11px;border-radius:12px;color:#ddcfdf;font-weight:650;font-size:14px;transition:.2s}.desktop-nav>a:hover{background:rgba(255,255,255,.07);color:#fff}.desktop-nav .nav-cta{background:linear-gradient(135deg,var(--accent),#d840ff);color:#fff;padding-inline:16px;box-shadow:0 8px 26px rgba(255,77,141,.2)}.spark-chip{background:rgba(255,183,77,.1)!important;color:#ffd99d!important;border:1px solid rgba(255,183,77,.18)}.nav-badge{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;background:var(--accent);border-radius:999px;font-size:10px;margin-left:4px}.shell{width:min(var(--max),calc(100% - 32px));margin:26px auto 60px}.footer{width:min(var(--max),calc(100% - 32px));margin:0 auto 90px;padding:28px 0;border-top:1px solid var(--line);color:var(--soft);font-size:13px;display:flex;justify-content:space-between}.footer>div{display:flex;gap:16px;flex-wrap:wrap}.footer a:hover{color:#fff}.footer-note{font-weight:900;border:1px solid var(--line);border-radius:999px;padding:3px 9px}.mobile-nav{display:none}.hp-field{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.hero{min-height:660px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:40px 0 52px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.045);color:#efdce9;font-weight:750;font-size:13px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 5px rgba(65,217,155,.1)}.hero h1{font-size:clamp(54px,8vw,100px);line-height:.92;letter-spacing:-.065em;margin:18px 0 24px;max-width:760px}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-style:italic;background:linear-gradient(120deg,#ff86b1,#b297ff 55%,#ffd18a);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:clamp(18px,2vw,22px);line-height:1.55;color:#d4c7d7;max-width:690px}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#a99bac;font-size:13px}.trust-row span{display:flex;align-items:center;gap:6px}.hero-stage{position:relative;height:570px}.mock-card{position:absolute;width:min(360px,88%);height:500px;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow);background:linear-gradient(160deg,#5b2948,#1b1638)}.mock-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 23%,rgba(255,255,255,.28),transparent 6%),radial-gradient(ellipse at 50% 41%,rgba(255,255,255,.12),transparent 26%),linear-gradient(160deg,transparent 35%,rgba(0,0,0,.58) 86%)}.mock-card.one{left:3%;top:34px;transform:rotate(-7deg);opacity:.55}.mock-card.two{right:0;top:8px;transform:rotate(6deg);background:linear-gradient(150deg,#263b5f,#281339);opacity:.72}.mock-card.main{left:50%;top:38px;transform:translateX(-50%);background:linear-gradient(155deg,#b15279,#4c2962 44%,#1b1530)}.mock-person{position:absolute;inset:auto 0 0;padding:30px;background:linear-gradient(transparent,rgba(7,5,10,.9));z-index:2}.mock-person h3{font-size:29px;margin:0 0 5px}.mock-person p{color:#dfd1df;margin:0}.mock-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.mock-tags span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.11);font-size:12px}.float-bubble{position:absolute;z-index:5;padding:12px 15px;border-radius:18px;background:rgba(22,13,29,.9);border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 45px rgba(0,0,0,.26);backdrop-filter:blur(16px);font-weight:800}.float-bubble.a{left:-5px;bottom:36px}.float-bubble.b{right:-6px;top:70px}.float-bubble.c{right:12px;bottom:78px}.section{padding:54px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}.section-head h2{font-size:clamp(34px,5vw,58px);letter-spacing:-.045em;margin:0}.section-head p{max-width:550px;color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{min-height:260px;padding:28px;border-radius:30px;background:linear-gradient(145deg,rgba(39,24,49,.92),rgba(18,12,25,.88));border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.15)}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,rgba(255,77,141,.24),rgba(143,91,255,.22));font-size:24px;margin-bottom:36px}.feature h3{font-size:24px;margin:0 0 8px}.feature p{color:var(--muted);margin:0}.cta-panel{padding:42px;border-radius:34px;background:linear-gradient(120deg,rgba(255,77,141,.17),rgba(143,91,255,.17));border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-panel h2{font-size:clamp(32px,5vw,54px);margin:0;letter-spacing:-.045em}.cta-panel p{color:var(--muted);max-width:560px}

.card,.panel{background:linear-gradient(145deg,rgba(29,19,39,.9),rgba(15,11,22,.88));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 60px rgba(0,0,0,.17);backdrop-filter:blur(12px)}.card{padding:22px}.panel{padding:28px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:12px 0 24px}.page-head h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.045em;margin:0}.page-head p{color:var(--muted);margin:7px 0 0}.page-actions{display:flex;gap:9px;flex-wrap:wrap}.kicker{color:#ff91b7;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900}.muted{color:var(--muted)}.soft{color:var(--soft)}.small{font-size:13px}.spacer{height:18px}.divider{height:1px;background:var(--line);margin:20px 0}.pill,.tag{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.05);font-size:12px;font-weight:750}.pill.accent{background:rgba(255,77,141,.11);color:#ffafd0}.pill.ok{background:rgba(65,217,155,.1);color:#9af0ca}.pill.warn{background:rgba(255,189,87,.1);color:#ffda9f}.badge{padding:5px 8px;border-radius:9px;font-size:11px;font-weight:900;background:rgba(255,255,255,.08)}.badge.premium{background:linear-gradient(135deg,#ffb44d,#ff5d89);color:#1b0e15}.badge.plus{background:linear-gradient(135deg,#8f5bff,#e255ff)}

.btn,button{appearance:none;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 17px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#d144ff);color:white;font-weight:850;cursor:pointer;box-shadow:0 10px 30px rgba(255,77,141,.17);transition:transform .16s ease,filter .16s ease,border-color .16s ease}.btn:hover,button:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn:active,button:active{transform:translateY(0)}.btn.secondary,button.secondary{background:rgba(255,255,255,.075);box-shadow:none;border:1px solid rgba(255,255,255,.08)}.btn.ghost,button.ghost{background:transparent;border:1px solid var(--line);box-shadow:none}.btn.danger,button.danger{background:linear-gradient(135deg,#f4475e,#ff735c)}.btn.ok,button.ok{background:linear-gradient(135deg,#1ec78a,#31b9ad)}.btn.big{min-height:52px;padding:14px 23px;border-radius:17px;font-size:16px}.btn.round,button.round{width:54px;height:54px;padding:0;border-radius:50%;font-size:22px}.btn:disabled,button:disabled{opacity:.55;cursor:not-allowed;transform:none}.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--line)}

form{margin:0}label{display:block;font-weight:780;margin:0 0 6px;color:#eadddf}.field{margin-bottom:15px}.field-help{display:block;color:var(--soft);font-size:12px;margin-top:-7px;margin-bottom:12px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,textarea,select{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(7,5,10,.56);color:#fff;padding:12px 14px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:rgba(255,77,141,.62);box-shadow:0 0 0 4px rgba(255,77,141,.09)}textarea{min-height:120px;resize:vertical}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}.check{display:flex;gap:10px;align-items:flex-start;font-weight:550;color:#d7cad8}.check input{margin-top:4px}.form-card{width:min(590px,100%);margin:42px auto;padding:30px}.form-card .brand-lockup{text-align:center;margin-bottom:26px}.form-card h1{font-size:38px;letter-spacing:-.04em;margin:4px 0 8px}.form-card .intro{color:var(--muted);margin-bottom:25px}.form-footer{text-align:center;margin-top:20px;color:var(--muted)}.form-footer a{color:#ff98bd;font-weight:750}.notice,.toast,.verify-strip,.safety-strip{border-radius:15px;border:1px solid var(--line);padding:13px 15px}.notice{background:rgba(255,255,255,.055);margin:12px 0}.notice.warn,.toast.warn{border-color:rgba(255,189,87,.28);background:rgba(255,189,87,.08)}.notice.danger,.toast.danger{border-color:rgba(255,92,108,.3);background:rgba(255,92,108,.09)}.notice.ok,.toast.ok{border-color:rgba(65,217,155,.25);background:rgba(65,217,155,.08)}.toast{position:relative;margin-bottom:14px;background:#1b1223}.verify-strip{display:flex;justify-content:space-between;gap:15px;background:linear-gradient(90deg,rgba(143,91,255,.14),rgba(255,77,141,.12));margin-bottom:16px;color:#f2e7f4;font-weight:700}.safety-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.safety-strip>div{display:flex;flex-direction:column}.safety-strip.warn{background:rgba(255,189,87,.08);border-color:rgba(255,189,87,.2)}.safety-strip.danger{background:rgba(255,92,108,.08);border-color:rgba(255,92,108,.22)}.safety-strip a{font-weight:900}

.discover-layout{display:grid;grid-template-columns:minmax(0,730px) 310px;gap:22px;align-items:start;justify-content:center}.swipe-wrap{position:relative}.swipe-card{position:relative;overflow:hidden;min-height:680px;border-radius:34px;background:#19111f;border:1px solid rgba(255,255,255,.13);box-shadow:0 36px 90px rgba(0,0,0,.32)}.swipe-media{position:absolute;inset:0}.swipe-media img{width:100%;height:100%;object-fit:cover}.swipe-placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.19),transparent 8%),radial-gradient(ellipse at 50% 44%,rgba(255,255,255,.09),transparent 28%),linear-gradient(145deg,#7d385f,#2b214c 58%,#151021);font-size:120px;font-weight:900;color:rgba(255,255,255,.2)}.swipe-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 35%,rgba(6,4,9,.12) 52%,rgba(6,4,9,.93) 88%)}.swipe-content{position:absolute;left:0;right:0;bottom:0;padding:34px;z-index:3}.profile-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-title h2{font-size:38px;line-height:1;margin:0;letter-spacing:-.035em}.profile-title .age{font-weight:450}.verified-dot{width:20px;height:20px;display:inline-grid;place-items:center;border-radius:50%;background:#6b62ff;font-size:11px}.profile-meta{display:flex;gap:12px;flex-wrap:wrap;margin:11px 0;color:#e6dbe7}.profile-bio{max-width:600px;color:#d7cad7;font-size:16px}.profile-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.profile-tags span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.09);padding:7px 10px;border-radius:999px;font-size:12px}.swipe-actions{display:flex;justify-content:center;gap:13px;margin-top:16px}.swipe-actions button{width:64px;height:64px;border-radius:50%;font-size:23px;padding:0}.swipe-actions .pass{background:#17101e;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,0,0,.2)}.swipe-actions .like{width:72px;height:72px;background:linear-gradient(135deg,#ff477f,#ff6a5f)}.swipe-actions .super{background:linear-gradient(135deg,#665cff,#a45dff)}.side-stack{display:flex;flex-direction:column;gap:14px}.side-card{padding:18px;border-radius:22px;background:rgba(25,16,33,.82);border:1px solid var(--line)}.side-card h3{margin:0 0 10px;font-size:17px}.balance-big{font-size:32px;font-weight:950;letter-spacing:-.04em}.progress{height:8px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:inherit}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.filter-grid .full{grid-column:1/-1}.mini-toggle{display:flex;justify-content:space-between;align-items:center;gap:12px}.switch{position:relative;width:44px;height:25px}.switch input{position:absolute;opacity:0}.switch span{position:absolute;inset:0;border-radius:999px;background:#3a3040;transition:.2s}.switch span:after{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:linear-gradient(90deg,var(--accent),var(--accent2))}.switch input:checked+span:after{transform:translateX(19px)}

.match-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.match-card{position:relative;overflow:hidden;border-radius:24px;background:#17101e;border:1px solid var(--line);min-height:340px}.match-photo{height:245px;background:linear-gradient(150deg,#723552,#292043);overflow:hidden;display:grid;place-items:center;font-size:70px;font-weight:900;color:rgba(255,255,255,.25)}.match-photo img{width:100%;height:100%;object-fit:cover}.match-body{padding:15px}.match-body h3{margin:0 0 4px;font-size:20px}.match-body p{margin:0;color:var(--muted);font-size:13px}.match-buttons{display:flex;gap:7px;margin-top:12px}.match-buttons .btn{flex:1;padding:9px 10px;min-height:38px;font-size:13px}.match-new{position:absolute;top:12px;right:12px;background:var(--accent);padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}

.chat-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;min-height:680px}.chat-sidebar,.chat-main{background:rgba(20,13,27,.82);border:1px solid var(--line);border-radius:26px;overflow:hidden}.chat-sidebar{padding:14px}.chat-user{display:flex;align-items:center;gap:11px;padding:11px;border-radius:15px}.chat-user:hover{background:rgba(255,255,255,.05)}.avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#7c4265,#3a2b68);overflow:hidden;display:grid;place-items:center;font-weight:900}.avatar img{width:100%;height:100%;object-fit:cover}.chat-user strong{display:block}.chat-user small{color:var(--muted)}.chat-main{display:flex;flex-direction:column}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.chat-head-user{display:flex;align-items:center;gap:12px}.chat-thread{flex:1;display:flex;flex-direction:column;gap:8px;padding:22px;overflow:auto;max-height:580px}.msg{max-width:min(75%,570px);padding:10px 13px;border-radius:18px 18px 18px 6px;background:#2a2032;border:1px solid rgba(255,255,255,.05)}.msg.mine{align-self:flex-end;border-radius:18px 18px 6px 18px;background:linear-gradient(135deg,#7137a6,#d53d77)}.msg-time{font-size:10px;color:rgba(255,255,255,.55);margin-top:4px}.msg img{max-width:300px;border-radius:12px;display:block}.chat-compose{border-top:1px solid var(--line);padding:13px}.emoji-bar{display:flex;gap:3px;overflow:auto;padding-bottom:8px}.emoji-bar button{background:transparent;box-shadow:none;padding:5px;min-height:auto;font-size:20px}.compose-row{display:grid;grid-template-columns:1fr auto;gap:8px}.compose-row textarea{min-height:48px;max-height:130px;margin:0}.compose-row button{width:50px;height:50px;padding:0;border-radius:15px}.chat-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;color:var(--soft);font-size:11px}

.profile-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:start}.profile-side{position:sticky;top:90px}.profile-photo-main{aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:linear-gradient(150deg,#7c3f62,#282048);display:grid;place-items:center;font-size:90px;font-weight:900;color:rgba(255,255,255,.22)}.profile-photo-main img{width:100%;height:100%;object-fit:cover}.profile-side h2{margin:16px 0 4px}.photo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.photo-thumb{aspect-ratio:1;border-radius:15px;background:#1b1322;border:1px dashed rgba(255,255,255,.15);overflow:hidden;position:relative}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb .primary{position:absolute;top:5px;left:5px;font-size:9px;padding:3px 5px;border-radius:7px;background:#111b}.interest-grid{display:flex;flex-wrap:wrap;gap:8px}.interest-check input{display:none}.interest-check span{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);cursor:pointer;font-size:13px}.interest-check input:checked+span{background:rgba(255,77,141,.13);border-color:rgba(255,77,141,.35);color:#ffd0e2}.completion{display:flex;align-items:center;gap:12px}.completion .progress{flex:1}

.shop-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;border-radius:30px;background:linear-gradient(120deg,rgba(255,77,141,.13),rgba(143,91,255,.14));border:1px solid var(--line);margin-bottom:18px}.shop-hero h1{font-size:44px;margin:0;letter-spacing:-.04em}.shop-balance{font-size:34px;font-weight:950;white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{position:relative;padding:23px;border-radius:26px;background:linear-gradient(160deg,#201329,#130e19);border:1px solid var(--line);min-height:320px;display:flex;flex-direction:column}.product-card.featured{border-color:rgba(255,77,141,.4);box-shadow:0 20px 60px rgba(255,77,141,.12)}.product-badge{position:absolute;right:14px;top:14px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.08);font-size:10px;font-weight:900}.product-card h2{font-size:24px;margin:22px 0 8px}.product-card p{color:var(--muted);flex:1}.product-price{font-size:31px;font-weight:950;letter-spacing:-.03em;margin:16px 0}.product-card button{width:100%}

.list{display:flex;flex-direction:column;gap:8px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.045)}.list-main{display:flex;align-items:center;gap:12px;min-width:0}.list-main .text{min-width:0}.list-main strong{display:block}.list-main small{color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-actions{display:flex;gap:7px}.empty{text-align:center;padding:60px 24px;border:1px dashed rgba(255,255,255,.12);border-radius:28px;color:var(--muted)}.empty-icon{font-size:45px;margin-bottom:10px}.empty h2{color:#fff;margin:5px}

table{width:100%;border-collapse:collapse}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:#cbbdcc;font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:rgba(255,255,255,.025);position:sticky;top:0}td{font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stat{padding:18px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.stat b{font-size:27px;display:block}.stat span{color:var(--muted);font-size:12px}.admin-nav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.admin-nav a{padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:13px;font-weight:750}.pagination{display:flex;gap:6px;justify-content:center;margin-top:18px}.pagination a,.pagination span{padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.05)}.pagination .active{background:linear-gradient(135deg,var(--accent),var(--accent2))}

.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(5,3,8,.74);backdrop-filter:blur(8px)}.modal.open{display:flex}.modal-box{width:min(520px,100%);max-height:90vh;overflow:auto;background:#17101f;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0}.modal-close{background:transparent;box-shadow:none;border:1px solid var(--line)}

@media(max-width:1040px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:60px}.hero-copy{text-align:center}.hero-copy .eyebrow{margin:auto}.hero-lead{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-stage{height:520px;max-width:580px;width:100%;margin:auto}.discover-layout{grid-template-columns:minmax(0,730px)}.discover-layout>.side-stack{display:grid;grid-template-columns:repeat(2,1fr)}.match-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.desktop-nav>a:not(.lang-link):not(.nav-cta){display:none}.desktop-nav .nav-cta{display:inline-flex!important}.feature-grid,.grid-3{grid-template-columns:1fr}.grid-2,.field-row{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.swipe-card{min-height:620px}.swipe-content{padding:25px}.profile-layout{grid-template-columns:1fr}.profile-side{position:static}.profile-photo-main{max-height:500px}.chat-layout{grid-template-columns:1fr}.chat-sidebar{display:none}.match-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.footer{margin-bottom:95px}.mobile-nav{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:60;display:grid;grid-template-columns:repeat(5,1fr);padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(17,11,24,.9);backdrop-filter:blur(22px);box-shadow:0 18px 50px rgba(0,0,0,.4)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 3px;border-radius:13px;color:#b9aabb;font-size:10px;font-weight:750}.mobile-nav a span{font-size:18px;color:#fff}.mobile-nav a:hover{background:rgba(255,255,255,.07)}.shell{margin-bottom:100px}}
@media(max-width:560px){.shell{width:min(100% - 20px,var(--max));margin-top:15px}.topbar{padding-inline:10px}.brand{font-size:17px}.brand-mark{width:31px;height:31px}.hero{padding-top:35px}.hero h1{font-size:clamp(48px,17vw,74px)}.hero-stage{height:450px}.mock-card{height:420px}.float-bubble{font-size:12px}.page-head{align-items:flex-start;flex-direction:column}.form-card{margin:18px auto;padding:20px}.feature,.panel{padding:20px}.swipe-card{min-height:570px;border-radius:26px}.swipe-content{padding:21px}.profile-title h2{font-size:31px}.swipe-actions button{width:58px;height:58px}.swipe-actions .like{width:67px;height:67px}.discover-layout>.side-stack{grid-template-columns:1fr}.match-grid{grid-template-columns:1fr 1fr;gap:9px}.match-card{min-height:275px}.match-photo{height:185px}.product-grid{grid-template-columns:1fr}.shop-hero{align-items:flex-start;flex-direction:column}.photo-grid{grid-template-columns:repeat(3,1fr)}.chat-thread{padding:14px}.msg{max-width:88%}.cta-panel{padding:26px;align-items:flex-start;flex-direction:column}.footer{flex-direction:column}.stat-grid{grid-template-columns:1fr 1fr}.table-wrap{border-radius:14px}}

/* ===== FLIRIVO 2.1 experience layer ===== */
.site-layout{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) minmax(0,150px);gap:18px;align-items:start}.site-content{min-width:0}.fl-slot-rail{position:sticky;top:92px;min-width:0}.fl-slot-card{position:relative;padding:15px;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);overflow:hidden}.fl-slot-card:before{content:"";position:absolute;width:90px;height:90px;right:-35px;top:-35px;border-radius:50%;background:radial-gradient(circle,rgba(255,77,141,.18),transparent 70%)}.fl-slot-label{display:inline-flex;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.07);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.fl-slot-icon{font-size:26px;margin:13px 0 8px}.fl-slot-card strong{display:block;font-size:14px;line-height:1.25}.fl-slot-card p{font-size:11px;line-height:1.45;color:var(--muted);margin:7px 0 12px}.fl-slot-card .btn{font-size:10px;padding:7px 9px;min-height:32px;width:100%}.fl-inline-slot{margin-top:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.fl-inline-slot .fl-slot-label{position:absolute;right:12px;top:9px}.fl-inline-slot .fl-slot-icon{margin:0;font-size:30px}.fl-inline-slot p{margin:3px 0 0}.fl-inline-slot .btn{width:auto;min-width:110px}
.daily-banner{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:11px 14px;border:1px solid rgba(255,184,77,.18);border-radius:17px;background:linear-gradient(90deg,rgba(255,184,77,.09),rgba(255,77,141,.06));animation:dailyIn .35s ease}.daily-banner>span{font-size:24px}.daily-banner b,.daily-banner small{display:block}.daily-banner small{color:var(--muted);font-size:11px}@keyframes dailyIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.side-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.streak-chip{font-size:11px;padding:5px 8px;border-radius:999px;background:rgba(255,184,77,.09);border:1px solid rgba(255,184,77,.2)}.full{width:100%}.premium-btn{background:linear-gradient(135deg,#ff4d8d,#8f5bff);box-shadow:0 14px 30px rgba(143,91,255,.15)}.boost-card{background:linear-gradient(160deg,rgba(143,91,255,.12),rgba(255,77,141,.06))!important}.boost-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:9px;padding:5px 8px;border-radius:999px;background:rgba(143,91,255,.18);font-size:10px;font-weight:850;border:1px solid rgba(143,91,255,.3)}
.ui-toast-stack{position:fixed;right:18px;top:82px;z-index:250;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100% - 36px));pointer-events:none}.ui-toast{transform:translateY(-8px);opacity:0;padding:13px 15px;border-radius:16px;background:#201526;border:1px solid var(--line);box-shadow:0 22px 50px rgba(0,0,0,.35);color:#fff;transition:.22s ease;pointer-events:auto}.ui-toast.show{transform:none;opacity:1}.ui-toast.ok{border-color:rgba(65,217,155,.35)}.ui-toast.warn{border-color:rgba(255,189,87,.35)}.ui-toast.danger{border-color:rgba(255,92,108,.4)}.compact-modal{max-width:460px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:22px}.match-celebrate{text-align:center;max-width:480px;background:radial-gradient(circle at 50% 0,rgba(255,77,141,.18),transparent 43%),#17101f}.celebrate-icon{font-size:64px;filter:drop-shadow(0 12px 25px rgba(255,77,141,.3));animation:heartPop .45s cubic-bezier(.2,.9,.3,1.3)}@keyframes heartPop{from{transform:scale(.45);opacity:0}to{transform:scale(1);opacity:1}}.match-celebrate h2{font-size:36px;margin:6px 0 7px}.match-celebrate p{color:var(--muted)}
.premium-reveal{padding:42px 30px;text-align:center;border-radius:30px;background:radial-gradient(circle at 50% 0,rgba(255,77,141,.16),transparent 48%),linear-gradient(160deg,#1f1429,#120d18);border:1px solid rgba(255,77,141,.18)}.blur-faces{display:flex;justify-content:center;margin:10px 0 25px}.blur-faces span{width:70px;height:70px;margin-left:-10px;display:grid;place-items:center;border-radius:50%;font-size:28px;background:linear-gradient(135deg,#3a263f,#272044);border:3px solid #17101f;filter:blur(3px);opacity:.8}.blur-faces span:first-child{margin-left:0}.like-counter{font-size:24px;font-weight:950;padding:9px 14px;border-radius:15px;background:rgba(255,77,141,.09);border:1px solid rgba(255,77,141,.18)}
.premium-compare{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;padding:28px;border-radius:30px;margin-bottom:18px;background:radial-gradient(circle at 0 0,rgba(255,77,141,.11),transparent 45%),linear-gradient(160deg,#1d1327,#120e18);border:1px solid rgba(255,77,141,.17)}.premium-intro h2{font-size:34px;line-height:1.05;margin:7px 0 10px}.premium-intro p{color:var(--muted)}.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.benefit-grid>div{padding:15px;border-radius:17px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.benefit-grid span{font-size:22px;display:block;margin-bottom:7px}.benefit-grid b,.benefit-grid small{display:block}.benefit-grid small{font-size:11px;color:var(--muted);margin-top:3px}.enhanced-products{grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}.product-benefits{list-style:none;margin:15px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;color:#d7cadb;font-size:12px}.premium-product{background:radial-gradient(circle at 80% 0,rgba(255,77,141,.16),transparent 36%),linear-gradient(160deg,#26152f,#15101c)}.fair-panel{background:rgba(65,217,155,.035)}
.chat-pro{grid-template-columns:300px minmax(0,1fr);min-height:740px}.chat-pro .chat-sidebar{display:flex;flex-direction:column;gap:5px}.back-row{margin-bottom:3px}.back-glyph{font-size:24px}.profile-peek{align-items:flex-start}.avatar.large{width:58px;height:58px;border-radius:18px}.presence{display:inline-flex;margin-top:4px;font-size:10px}.presence.online{color:#6de8b4}.presence.offline{color:var(--soft)}.chat-sidebar-card{margin-top:10px;padding:15px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.chat-sidebar-card p{font-size:12px;color:var(--muted)}.icebreakers{display:flex;flex-direction:column;gap:6px}.icebreaker{min-height:0;padding:8px 9px;text-align:left;border-radius:11px;background:rgba(255,255,255,.045);box-shadow:none;font-size:11px;color:#ddd0e1}.chat-ad{margin-top:auto}.chat-main{min-height:740px}.typing-line{height:24px;padding:4px 20px;color:#9f91a7;font-size:11px}.chat-thread{max-height:610px;padding:24px 24px 14px;gap:11px}.msg{position:relative;max-width:min(72%,600px);padding:11px 13px 9px;transition:transform .15s ease}.msg:hover{transform:translateY(-1px)}.msg.mine{background:linear-gradient(135deg,#743ba5,#d53f78)}.message-text{white-space:pre-wrap;word-break:break-word}.msg-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:4px}.msg-meta form{display:inline-flex}.message-mini-action{min-width:24px;min-height:22px;padding:1px 5px;border-radius:8px;background:transparent;border:0;box-shadow:none;font-size:11px;color:rgba(255,255,255,.6)}.message-mini-action:hover{background:rgba(255,255,255,.08);color:#fff}.reply-preview{padding:6px 8px;margin-bottom:7px;border-left:3px solid rgba(255,255,255,.4);border-radius:7px;background:rgba(0,0,0,.13);font-size:11px;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deleted-message{font-style:italic;color:rgba(255,255,255,.55);font-size:12px}.sticker-msg{background:transparent!important;border:0!important;padding:3px 7px!important}.sticker-render{font-size:58px;line-height:1.05;filter:drop-shadow(0 10px 15px rgba(0,0,0,.2))}.message-reaction-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:6px}.message-reactions{display:flex;gap:4px;flex-wrap:wrap}.reaction-pill{min-height:24px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);box-shadow:none;font-size:11px}.reaction-picker{display:flex;gap:1px;opacity:0;transition:opacity .15s}.msg:hover .reaction-picker,.msg:focus-within .reaction-picker{opacity:1}.reaction-picker button{min-width:25px;min-height:25px;padding:1px;background:transparent;box-shadow:none;font-size:13px}.chat-compose{background:linear-gradient(to top,rgba(18,12,24,.98),rgba(18,12,24,.91));backdrop-filter:blur(18px)}.reply-compose{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;padding:8px 10px;border-radius:12px;background:rgba(143,91,255,.08);border:1px solid rgba(143,91,255,.15);font-size:11px}.reply-compose[hidden]{display:none}.reply-compose button{min-width:28px;min-height:28px;padding:0;background:transparent;box-shadow:none}.chat-palette{display:flex;align-items:flex-start;gap:8px}.emoji-bar{flex:1;scrollbar-width:thin}.sticker-drawer{position:relative}.sticker-drawer summary{list-style:none;cursor:pointer;padding:5px 9px;border-radius:10px;background:rgba(255,255,255,.05);font-size:11px;white-space:nowrap}.sticker-drawer summary::-webkit-details-marker{display:none}.sticker-grid{position:absolute;right:0;bottom:36px;z-index:12;width:260px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:10px;border-radius:18px;background:#1c1324;border:1px solid var(--line);box-shadow:0 25px 60px rgba(0,0,0,.45)}.sticker-grid button{aspect-ratio:1;min-height:0;padding:0;border-radius:12px;background:rgba(255,255,255,.04);box-shadow:none}.sticker-grid button span{font-size:30px}.compose-row textarea{padding:13px 14px;border-radius:16px}.chat-tool-actions{display:flex;gap:6px}.upload-btn{min-height:34px!important;padding:6px 10px!important;cursor:pointer}.full-row{width:100%;justify-content:space-between}.chat-empty{border:0}.chat-empty p{max-width:450px;margin:auto}
.admin-settings-group{margin-bottom:14px}.setting-card{padding:14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.04)}.setting-card>label:first-child{display:block;margin-bottom:8px;font-weight:780}.switch-row{display:flex;align-items:center;gap:9px;cursor:pointer}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch-ui{position:relative;width:42px;height:24px;border-radius:999px;background:#3a303e;border:1px solid rgba(255,255,255,.09);transition:.2s}.switch-ui:after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.2s}.switch-row input:checked+.switch-ui{background:linear-gradient(135deg,var(--accent),var(--accent2))}.switch-row input:checked+.switch-ui:after{transform:translateX(18px)}.switch-row b{font-size:11px;color:var(--muted)}.sticky-save{position:sticky;bottom:10px;z-index:20;display:flex;justify-content:flex-end;padding:10px;border-radius:18px;background:rgba(16,10,22,.78);backdrop-filter:blur(16px);border:1px solid var(--line);margin-bottom:24px}.status-cluster{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:12px;background:rgba(255,255,255,.04)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.ok{background:var(--ok);box-shadow:0 0 0 5px rgba(65,217,155,.08)}.status-dot.danger{background:var(--danger);box-shadow:0 0 0 5px rgba(255,92,108,.08)}.section-head.compact{margin-bottom:14px}.section-head.compact h2{margin:0}
@media(max-width:1280px){.site-layout{grid-template-columns:minmax(0,1fr)}.fl-slot-rail{display:none}}
@media(max-width:780px){.mobile-nav{grid-template-columns:repeat(6,1fr)}.premium-compare{grid-template-columns:1fr}.chat-pro{grid-template-columns:1fr}.chat-pro .chat-sidebar{display:none}.reaction-picker{opacity:1}.chat-thread{max-height:560px}.fl-inline-slot{grid-template-columns:auto 1fr}.fl-inline-slot .btn{grid-column:1/-1}.benefit-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ui-toast-stack{right:10px;top:72px;width:calc(100% - 20px)}.premium-reveal{padding:30px 18px}.premium-compare{padding:22px}.benefit-grid{grid-template-columns:1fr}.sticker-grid{width:230px;grid-template-columns:repeat(5,1fr)}.chat-palette{display:block}.sticker-drawer{margin-top:5px}.sticker-drawer summary{display:inline-flex}.chat-thread{padding:12px}.msg{max-width:90%}.sticker-render{font-size:48px}.mobile-nav a{font-size:9px}.mobile-nav a span{font-size:17px}.daily-banner{margin-inline:0}.admin-settings-group{padding:14px}.setting-card{padding:12px}}
.ops-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.ops-strip>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line)}.ops-strip .status-dot{grid-row:1/3;align-self:center}.ops-strip b{font-size:12px}.ops-strip small{color:var(--muted);font-size:10px}@media(max-width:780px){.ops-strip{grid-template-columns:1fr 1fr}}

/* 2.1 mail studio */
.mail-preview-shell{padding:12px;overflow:hidden}.mail-preview-shell iframe{display:block;width:100%;min-height:760px;border:0;border-radius:20px;background:#0b0810}
@media(max-width:760px){.mail-preview-shell{padding:4px}.mail-preview-shell iframe{min-height:880px}}

/* 2.1 deeper chat interactions */
.chat-search{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035);margin-bottom:14px}.chat-search span{opacity:.65}.chat-search input{border:0!important;background:transparent!important;padding:0!important;min-height:32px;width:100%;box-shadow:none!important}.icebreaker{display:flex!important;align-items:flex-start!important;gap:8px!important;text-align:left!important}.icebreaker>span{font-size:18px;line-height:1}.chat-shortcut{font-size:11px;color:var(--muted,#a99dad);margin-left:auto}.msg.chat-search-hidden{display:none!important}.chat-search-count{font-size:11px;color:var(--muted,#a99dad);margin:6px 2px 0}

/* ===== FLIRIVO 2.2 mobile-first / app experience ===== */
:root{--app-nav-height:72px;--app-safe-top:env(safe-area-inset-top,0px);--app-safe-bottom:env(safe-area-inset-bottom,0px)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#09070d}
body{-webkit-tap-highlight-color:transparent;overscroll-behavior-x:none}
img,svg,video{max-width:100%}
button,.btn,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button,.btn,.mobile-nav a,.desktop-nav a,.admin-nav a{touch-action:manipulation}
.mobile-head-actions{display:none;align-items:center;gap:8px;margin-left:auto}
.mobile-points,.mobile-head-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:14px;font-weight:850}
.mobile-points{gap:5px;padding:8px 11px;color:#ffd99d}.mobile-head-icon{width:42px;padding:0;color:#fff}.mobile-head-icon .nav-badge{position:absolute;right:-4px;top:-4px;margin:0}
.mobile-nav a{position:relative}.mobile-nav a i{position:absolute;top:3px;right:calc(50% - 18px);display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent);font-size:9px;font-style:normal;color:#fff;border:2px solid #160f1d}.mobile-nav a b{font:inherit}
.mobile-nav a.active,.mobile-nav a[aria-current="page"]{background:linear-gradient(145deg,rgba(255,77,141,.16),rgba(143,91,255,.13));color:#fff}.mobile-nav a.active span,.mobile-nav a[aria-current="page"] span{color:#ff8fba;transform:translateY(-1px)}
.swipe-card{touch-action:pan-y;will-change:transform}.swipe-card.dragging{transition:none!important}.swipe-hint{display:none}
.table-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.admin-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none}.admin-nav::-webkit-scrollbar{display:none}
textarea{resize:vertical}

@media(max-width:780px){
  body{padding-bottom:calc(var(--app-nav-height) + var(--app-safe-bottom) + 8px)}
  body.chat-page{padding-bottom:0}
  .topbar{padding:calc(8px + var(--app-safe-top)) 10px 8px;backdrop-filter:blur(26px);background:rgba(9,7,13,.9)}
  .topbar-inner{gap:10px}.brand{margin-right:auto}.brand span:last-child{font-size:16px;letter-spacing:.075em}
  .mobile-head-actions{display:flex}.auth-user .desktop-nav{display:none}.auth-guest .desktop-nav{display:flex;gap:3px;flex-wrap:nowrap}.auth-guest .desktop-nav>a{display:inline-flex!important;padding:8px 9px;font-size:12px;white-space:nowrap}.admin-page{padding-bottom:0}
  body:not(.landing) .shell{width:min(100% - 20px,var(--max));margin-top:14px;margin-bottom:22px}
  .page-head{margin:7px 0 16px;gap:12px}.page-head h1{font-size:clamp(30px,10vw,43px);line-height:1.02}.page-head p{font-size:14px;line-height:1.45}.page-actions{width:100%}.page-actions>.btn,.page-actions>button{flex:1 1 auto;min-width:0}
  .card,.panel{border-radius:22px}.card{padding:17px}.panel{padding:18px}
  input,textarea,select{font-size:16px!important;min-height:48px}
  input[type="checkbox"],input[type="radio"]{min-height:auto}
  .btn,button{min-height:46px;padding:11px 15px}
  .btn.round,button.round{min-width:56px;min-height:56px}
  .mobile-nav{left:8px;right:8px;bottom:max(8px,var(--app-safe-bottom));grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px 7px 7px;border-radius:22px;background:rgba(18,11,25,.94);box-shadow:0 20px 50px rgba(0,0,0,.48)}
  .mobile-nav a{min-width:0;min-height:55px;justify-content:center;padding:6px 2px 5px;font-size:9.5px;line-height:1.05}.mobile-nav a span{font-size:19px;line-height:1}.mobile-nav a b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.mobile-keyboard .mobile-nav{display:none}
  .footer{margin-bottom:18px;padding-bottom:calc(18px + var(--app-safe-bottom));font-size:12px;gap:12px}
  .footer>div{gap:10px 13px}
  .modal{align-items:flex-end;padding:0}.modal-box{width:100%;max-width:none;max-height:min(86dvh,760px);border-radius:28px 28px 0 0;padding:22px 18px calc(22px + var(--app-safe-bottom));border-bottom:0;animation:mobileSheetIn .22s ease}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.modal-actions>.btn,.modal-actions>button,.modal-actions>a{width:100%}
  @keyframes mobileSheetIn{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}
  .ui-toast-stack{left:10px;right:10px;top:calc(66px + var(--app-safe-top));width:auto}.ui-toast{font-size:14px}
  .admin-nav{flex-wrap:nowrap;overflow-x:auto;margin:0 -10px 16px;padding:0 10px 7px;scroll-snap-type:x proximity}.admin-nav a{flex:0 0 auto;min-height:44px;display:flex;align-items:center;scroll-snap-align:start}
  .table-wrap{margin-inline:-2px}.table-wrap table{min-width:720px}th,td{padding:10px 11px}
  .sticky-save{bottom:calc(8px + var(--app-safe-bottom));padding:8px}.sticky-save .btn,.sticky-save button{width:100%}
  .ops-strip{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr 1fr}
  .premium-compare{padding:20px;border-radius:24px}.premium-intro h2{font-size:29px}.benefit-grid{grid-template-columns:1fr 1fr}.enhanced-products{grid-template-columns:1fr}
  .product-card{min-width:0}.product-price{font-size:29px}
}

@media(max-width:560px){
  .auth-guest .brand span:last-child{display:none}.auth-guest .desktop-nav .lang-link{display:none!important}
  .brand-mark{border-radius:11px}.mobile-points{font-size:12px;padding-inline:9px}.mobile-head-icon{width:40px}
  body:not(.landing) .shell{width:calc(100% - 14px);margin-top:10px}
  .page-head h1{font-size:clamp(29px,10vw,39px)}.kicker{font-size:10px}
  .feature,.panel{padding:16px}.card{padding:15px}.grid,.grid-2,.grid-3{gap:11px}
  .modal-actions{grid-template-columns:1fr}.modal-box{padding-inline:15px}
  .benefit-grid{grid-template-columns:1fr}.stat-grid{gap:8px}.stat{padding:14px}.stat b{font-size:23px}
  .ops-strip{gap:7px}.ops-strip>div{padding:10px 11px}
  .photo-grid{gap:7px}
}

/* Discover behaves like a native card stack on phones. */
@media(max-width:780px){
  .discover-page .page-head{align-items:center;flex-direction:row}.discover-page .page-head>div{min-width:0}.discover-page .page-head p{display:none}.discover-page .page-head .page-actions{width:auto;margin-left:auto}.discover-page .page-head .page-actions .btn{width:auto;min-width:0;padding:9px 12px;font-size:12px}
  .discover-page .discover-layout{display:block}.discover-page .swipe-wrap{max-width:650px;margin:auto}.discover-page .swipe-card{min-height:clamp(520px,calc(100dvh - 225px),710px);border-radius:28px}.discover-page .swipe-content{padding:22px 20px 20px}.discover-page .profile-title h2{font-size:32px}.discover-page .profile-bio{font-size:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.discover-page .profile-tags{max-height:70px;overflow:hidden}.discover-page .swipe-actions{position:relative;z-index:5;margin-top:12px;gap:18px}.discover-page .swipe-actions button{width:62px;height:62px;box-shadow:0 14px 34px rgba(0,0,0,.28)}.discover-page .swipe-actions .like{width:72px;height:72px}.discover-page .side-stack{display:grid;grid-template-columns:1fr 1fr;margin-top:18px}.discover-page .side-card{min-width:0}.swipe-hint{display:block;text-align:center;margin:8px 0 0;color:var(--soft);font-size:10px}
}
@media(max-width:560px){.discover-page .swipe-card{min-height:clamp(500px,calc(100dvh - 216px),650px)}.discover-page .side-stack{grid-template-columns:1fr}.discover-page .profile-meta{gap:7px;font-size:13px}.discover-page .profile-bio{margin:8px 0}.discover-page .swipe-actions{gap:14px}}

/* Chat becomes a focused full-height mobile conversation. */
@media(max-width:780px){
  .chat-page .footer,.chat-page .mobile-nav{display:none!important}.chat-page .shell{width:100%;margin:0!important}.chat-page .site-layout,.chat-page .site-content{height:100%;min-height:0}.chat-page .chat-pro{display:block;min-height:0}.chat-page .chat-pro .chat-sidebar{display:none!important}.chat-page .chat-main{height:calc(100dvh - 61px - var(--app-safe-top));min-height:500px;border:0;border-radius:0;background:rgba(15,10,20,.92)}
  .chat-page .chat-head{min-height:62px;padding:9px 12px;background:rgba(18,12,24,.94);backdrop-filter:blur(18px)}.chat-page .avatar.large{width:46px;height:46px;border-radius:14px}.chat-page .chat-head-user>div:last-child{min-width:0}.chat-page .chat-head-user strong{display:block;max-width:45vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .chat-page .typing-line{height:21px;padding:2px 14px}.chat-page .chat-thread{flex:1;min-height:0;max-height:none!important;padding:12px 11px 10px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.chat-page .msg{max-width:88%;font-size:14.5px}.chat-page .msg img{max-width:min(72vw,320px)}
  .chat-page .chat-compose{position:relative;z-index:4;padding:8px 9px calc(9px + var(--app-safe-bottom));border-top-color:rgba(255,255,255,.08)}.chat-page .chat-palette{gap:5px}.chat-page .emoji-bar{padding:0 0 5px}.chat-page .emoji-bar button{font-size:21px;min-width:36px;min-height:36px}.chat-page .sticker-drawer summary{min-height:36px;display:flex;align-items:center}.chat-page .compose-row{grid-template-columns:minmax(0,1fr) 50px}.chat-page .compose-row textarea{min-height:50px;max-height:112px;padding:12px 13px}.chat-page .chat-tools{margin-top:5px}.chat-page .chat-shortcut{display:none}.chat-page .upload-btn{min-height:38px!important}.chat-page .sticker-grid{position:fixed;left:8px;right:8px;bottom:calc(112px + var(--app-safe-bottom));width:auto;grid-template-columns:repeat(7,1fr);max-height:260px;overflow:auto}
}
@media(max-width:420px){.chat-page .sticker-grid{grid-template-columns:repeat(5,1fr)}.chat-page .reaction-picker button{min-width:30px;min-height:30px}.chat-page .message-mini-action{min-width:30px;min-height:28px}}

/* Matches, contacts and profile use thumb-friendly cards. */
@media(max-width:560px){
  .matches-page .match-grid,.likes-page .match-grid{grid-template-columns:1fr 1fr;gap:8px}.matches-page .match-card,.likes-page .match-card{min-height:250px;border-radius:19px}.matches-page .match-photo,.likes-page .match-photo{height:165px}.matches-page .match-info,.likes-page .match-info{padding:11px}
  .connections-page .grid,.profile-page .grid{grid-template-columns:1fr}.profile-page .profile-photo-main{max-height:none;aspect-ratio:4/5}.profile-page .profile-side{position:static}
  .shop-page .shop-hero{padding:18px}.shop-page .product-card form button{width:100%;min-height:50px}
}

/* Standalone PWA feels closer to the native app shell. */
@media(display-mode:standalone){body{background:#09070d}.topbar{user-select:none}.brand,.mobile-nav{-webkit-user-select:none;user-select:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* ===== FLIRIVO 2.3 balanced responsive layout =====
   Desktop and mobile are treated as separate first-class layouts.
   Wide-screen ad rails only appear when the viewport has enough real space;
   they must never squeeze the application content. */
:root{--max:1540px;--desktop-content:1280px}

@media(min-width:781px){
  .shell{width:min(var(--max),calc(100% - 48px));margin:30px auto 72px}
  .footer{width:min(var(--max),calc(100% - 48px));margin-bottom:40px}
  .topbar-inner{width:min(var(--max),100%)}
  .site-content{width:100%;min-width:0}

  /* Main application pages keep a comfortable desktop reading width. */
  .discover-page .site-content,.chat-page .site-content,.profile-page .site-content,
  .matches-page .site-content,.likes-page .site-content,.connections-page .site-content,
  .shop-page .site-content{margin-inline:auto}

  .discover-layout{width:100%;max-width:1180px;margin-inline:auto;grid-template-columns:minmax(0,820px) minmax(300px,340px);gap:24px}
  .discover-page .swipe-card{min-height:700px}
  .discover-page .swipe-content{padding:36px}
  .discover-page .profile-title h2{font-size:40px}
  .discover-page .swipe-actions{gap:15px;margin-top:18px}

  .chat-pro{width:100%;max-width:1280px;margin-inline:auto;grid-template-columns:320px minmax(0,1fr);gap:18px;min-height:760px}
  .chat-pro .chat-main{min-width:0}
  .chat-pro .chat-thread{max-height:630px}

  .profile-layout{width:100%;max-width:1280px;margin-inline:auto;grid-template-columns:360px minmax(0,1fr);gap:26px}
  .profile-side{top:92px}

  .matches-page .match-grid,.likes-page .match-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px}
  .matches-page .match-card,.likes-page .match-card{min-height:350px}
  .matches-page .match-photo,.likes-page .match-photo{height:250px}
  .connections-page .grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
  .shop-page .product-grid{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px}

  .page-head{margin:14px 0 28px}
  .page-head h1{font-size:clamp(38px,4vw,58px)}
  .card{padding:24px}.panel{padding:30px}

  /* Admin uses the screen on desktop instead of inheriting app/mobile widths. */
  .admin-page .shell{width:min(1600px,calc(100% - 48px));max-width:none}
  .admin-page .site-layout{display:block}
  .admin-page .site-content{width:100%;max-width:none}
  .admin-page .admin-nav{gap:8px;margin-bottom:22px}
  .admin-page .table-wrap{max-width:100%}
}

/* Medium notebooks/tablets: keep full main content, remove side ads before they can compress it. */
@media(max-width:1559px){
  .site-layout{grid-template-columns:minmax(0,1fr)!important}
  .fl-slot-rail{display:none!important}
}

/* Side advertising is a true wide-desktop enhancement only. */
@media(min-width:1560px){
  .site-layout{grid-template-columns:170px minmax(0,1fr) 170px;gap:24px;align-items:start}
  .fl-slot-rail{display:block;position:sticky;top:92px}
}

/* Avoid a squeezed two-column discover screen on smaller notebooks. */
@media(min-width:781px) and (max-width:1180px){
  .discover-layout{grid-template-columns:minmax(0,780px);justify-content:center;max-width:900px}
  .discover-layout>.side-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:780px;margin-inline:auto}
  .chat-pro{grid-template-columns:280px minmax(0,1fr)}
  .profile-layout{grid-template-columns:310px minmax(0,1fr)}
}

/* Compact desktop navigation without wrapping into an ugly second row. */
@media(min-width:961px) and (max-width:1380px){
  .topbar{padding-inline:14px}
  .topbar-inner{gap:14px}
  .brand{font-size:18px;letter-spacing:.075em}
  .desktop-nav{gap:2px;flex-wrap:nowrap;min-width:0}
  .desktop-nav>a{padding:8px 8px;font-size:12.5px;white-space:nowrap}
}

/* Portrait tablets get app navigation while retaining roomy tablet content. */
@media(min-width:781px) and (max-width:960px){
  body.auth-user:not(.admin-page){padding-bottom:86px}
  .auth-user:not(.admin-page) .desktop-nav{display:none}
  .auth-user:not(.admin-page) .mobile-head-actions{display:flex}
  .auth-user:not(.admin-page) .mobile-nav{position:fixed;left:16px;right:16px;bottom:max(12px,var(--app-safe-bottom));z-index:60;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:720px;margin-inline:auto;padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(18,11,25,.94);backdrop-filter:blur(22px);box-shadow:0 20px 50px rgba(0,0,0,.42)}
  .auth-user:not(.admin-page) .mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;gap:3px;padding:6px;border-radius:14px;color:#b9aabb;font-size:10px;font-weight:750}
  .auth-user:not(.admin-page) .mobile-nav a span{font-size:20px;color:#fff}
}

/* Keep the phone rules authoritative below 780px. */
@media(max-width:780px){
  :root{--max:1540px}
  .site-layout{display:block!important}
  .fl-slot-rail{display:none!important}
}

/* ===== FLIRIVO 2.4 desktop layout reset =====
   Functional pages must use the available desktop canvas. Side advertising
   never gets permission to shrink profile/chat/account workflows. */
:root{--max:1500px;--content-wide:1360px;--content-reading:1180px}

@media(min-width:781px){
  .topbar-inner{width:min(1500px,calc(100% - 40px));max-width:none}
  .shell{width:min(1500px,calc(100% - 40px));max-width:none;margin:34px auto 76px}
  .footer{width:min(1500px,calc(100% - 40px));max-width:none}

  /* Default authenticated desktop layout: content gets the full canvas. */
  body.auth-user:not(.admin-page) .site-layout{display:block!important;width:100%!important;max-width:none!important}
  body.auth-user:not(.admin-page) .site-content{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
  body.auth-user:not(.admin-page) .fl-slot-rail{display:none!important}

  /* Profile is a real desktop workspace, not a phone card stretched sideways. */
  .profile-page .site-content{max-width:1360px!important;margin-inline:auto!important}
  .profile-page .page-head{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin:12px 0 30px}
  .profile-page .page-head>div:first-child{max-width:720px;min-width:0}
  .profile-page .page-head p{max-width:620px;font-size:16px}
  .profile-page .page-actions{justify-content:flex-end;align-items:center;width:auto}
  .profile-page .profile-layout{width:100%!important;max-width:none!important;margin:0!important;display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr);gap:32px;align-items:start}
  .profile-page .profile-layout>aside,.profile-page .profile-layout>section{min-width:0;width:100%}
  .profile-page .profile-side{position:sticky;top:94px;width:100%}
  .profile-page .profile-photo-main{width:100%;max-width:none;aspect-ratio:4/5;border-radius:30px}
  .profile-page .profile-layout>section>.panel{width:100%;max-width:none}
  .profile-page .panel{padding:30px 32px}
  .profile-page .photo-grid{grid-template-columns:repeat(5,minmax(82px,1fr));gap:11px}
  .profile-page .photo-thumb{min-width:0;border-radius:17px}
  .profile-page .field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .profile-page input,.profile-page textarea,.profile-page select{min-width:0}
  .profile-page input[type=file]{padding:10px;background:rgba(255,255,255,.035)}
  .profile-page .interest-grid{gap:9px}
  .profile-page .interest-check span{padding:9px 13px}

  /* Other high-interaction pages also get predictable centered desktop widths. */
  .discover-page .site-content{max-width:1220px!important;margin-inline:auto!important}
  .chat-page .site-content{max-width:1320px!important;margin-inline:auto!important}
  .matches-page .site-content,.likes-page .site-content,.connections-page .site-content,.shop-page .site-content{max-width:1360px!important;margin-inline:auto!important}

  .discover-page .discover-layout{max-width:1220px;grid-template-columns:minmax(0,840px) minmax(300px,350px)}
  .chat-page .chat-pro{max-width:1320px;grid-template-columns:330px minmax(0,1fr)}
}

/* Wide desktop ad rails are only enabled on browsing/monetisation surfaces.
   They live outside the core profile/chat workflows and only at ample width. */
@media(min-width:1920px){
  .discover-page .site-layout,.matches-page .site-layout,.likes-page .site-layout,.connections-page .site-layout,.shop-page .site-layout{
    display:grid!important;grid-template-columns:180px minmax(0,1fr) 180px!important;gap:26px!important;align-items:start;width:100%!important
  }
  .discover-page .fl-slot-rail,.matches-page .fl-slot-rail,.likes-page .fl-slot-rail,.connections-page .fl-slot-rail,.shop-page .fl-slot-rail{display:block!important;position:sticky;top:94px}
  .discover-page .site-content,.matches-page .site-content,.likes-page .site-content,.connections-page .site-content,.shop-page .site-content{max-width:none!important;margin:0!important}
}

/* Notebook: preserve two columns while giving the editor enough room. */
@media(min-width:981px) and (max-width:1240px){
  .profile-page .profile-layout{grid-template-columns:minmax(280px,330px) minmax(0,1fr);gap:24px}
  .profile-page .panel{padding:25px}
  .profile-page .photo-grid{grid-template-columns:repeat(4,minmax(72px,1fr))}
}

/* Tablet profile becomes one calm column before it can ever get squeezed. */
@media(min-width:781px) and (max-width:980px){
  .profile-page .page-head{grid-template-columns:1fr;align-items:start;gap:16px}
  .profile-page .page-actions{justify-content:flex-start}
  .profile-page .profile-layout{grid-template-columns:1fr;gap:22px;max-width:760px!important;margin-inline:auto!important}
  .profile-page .profile-side{position:static;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);column-gap:24px;align-items:start}
  .profile-page .profile-photo-main{grid-row:1/5}
  .profile-page .profile-side h2{margin-top:4px}
  .profile-page .photo-grid{grid-template-columns:repeat(5,minmax(70px,1fr))}
}

@media(max-width:780px){
  .profile-page .profile-layout{display:grid;grid-template-columns:1fr;gap:16px}
  .profile-page .profile-layout>aside,.profile-page .profile-layout>section{min-width:0;width:100%}
}

/* ===== FLIRIVO 2.5 universal responsive layout =====
   One rule set for every page: desktop content may never be trapped in an
   advertising rail column. Rails are opt-in and ultra-wide only. */
.site-layout{display:block!important;width:100%!important;max-width:none!important}
.site-content{display:block;width:100%;min-width:0;margin-inline:auto}
.fl-slot-rail{display:none!important}

@media(min-width:781px){
  :root{--max:1540px}
  .topbar-inner{width:min(1540px,calc(100% - 48px));max-width:none}
  .shell{width:min(1540px,calc(100% - 48px));max-width:none;margin:34px auto 76px}
  .footer{width:min(1540px,calc(100% - 48px));max-width:none}
  .site-content{max-width:1360px!important;margin-inline:auto!important}

  /* Public / account utility pages get a deliberate readable canvas. */
  body.auth-flow .site-content{max-width:1180px!important}
  body.auth-flow .form-card{width:min(640px,100%)!important;max-width:640px!important;margin:52px auto!important;padding:34px!important}
  body.page-register .form-card{width:min(900px,100%)!important;max-width:900px!important}
  body.page-verify-notice .form-card,body.page-verify-email .form-card,body.page-forgot-password .form-card,body.page-reset-password .form-card,body.page-logout .form-card{max-width:680px!important}
  body.legal-page .site-content{max-width:1040px!important}
  body.page-account .site-content,body.page-billing .site-content,body.page-notifications .site-content,body.page-appeal .site-content,body.page-report .site-content{max-width:1180px!important}
  body.landing .site-content,body.page-home .site-content{max-width:1500px!important}

  /* Core app workspaces. */
  body.profile-page .site-content,body.page-profile .site-content{max-width:1360px!important}
  body.discover-page .site-content,body.page-discover .site-content{max-width:1240px!important}
  body.chat-page .site-content,body.page-chat .site-content{max-width:1320px!important}
  body.matches-page .site-content,body.likes-page .site-content,body.connections-page .site-content,body.shop-page .site-content,
  body.page-matches .site-content,body.page-likes-you .site-content,body.page-connections .site-content,body.page-shop .site-content{max-width:1360px!important}

  /* Admin deliberately uses nearly the whole desktop width. */
  body.admin-page .shell{width:min(1660px,calc(100% - 48px));max-width:none}
  body.admin-page .site-content{max-width:none!important;width:100%!important;margin:0!important}

  /* Login / signup should look intentional on a large monitor, not like a
     phone column parked on the left. */
  body.auth-flow .form-card .brand-lockup{max-width:520px;margin:0 auto 28px}
  body.auth-flow .form-card h1{font-size:clamp(38px,3vw,50px)}
  body.auth-flow .field{max-width:none}
  body.auth-flow .form-footer{max-width:560px;margin:22px auto 0}
}

/* Only dedicated discovery/monetisation pages may opt into rails, and only
   when the physical viewport is genuinely wide enough. */
@media(min-width:2100px){
  body.page-discover .shell,body.page-matches .shell,body.page-likes-you .shell,body.page-connections .shell,body.page-shop .shell,
  body.discover-page .shell,body.matches-page .shell,body.likes-page .shell,body.connections-page .shell,body.shop-page .shell{
    width:min(1980px,calc(100% - 72px));max-width:none
  }
  .site-layout.has-rails{display:grid!important;grid-template-columns:180px minmax(0,1fr) 180px;gap:28px;align-items:start}
  .site-layout.has-rails>.site-content{max-width:none!important;margin:0!important}
  .site-layout.has-rails>.fl-slot-rail{display:block!important;position:sticky;top:94px}
}

/* Notebook / tablet: collapse before any two-column workspace can get
   cramped. The profile keeps two columns only while there is real room. */
@media(min-width:981px) and (max-width:1240px){
  .shell{width:min(1180px,calc(100% - 36px))}
  .profile-page .profile-layout,.page-profile .profile-layout{grid-template-columns:minmax(280px,330px) minmax(0,1fr)!important;gap:24px!important}
}
@media(min-width:781px) and (max-width:980px){
  .shell{width:min(920px,calc(100% - 30px));margin-top:24px}
  .site-content{max-width:900px!important}
  body.auth-flow .form-card{margin:32px auto!important}
  .profile-page .profile-layout,.page-profile .profile-layout{grid-template-columns:1fr!important;max-width:760px!important;margin-inline:auto!important}
  .chat-page .chat-pro,.page-chat .chat-pro{grid-template-columns:270px minmax(0,1fr)!important}
}

@media(max-width:780px){
  .site-layout{display:block!important}
  .site-content{width:100%!important;max-width:none!important;margin:0!important}
  body.auth-flow .form-card{width:100%!important;max-width:620px!important;margin:18px auto!important}
  body.page-register .form-card{max-width:720px!important}
}

/* One-time administrator bootstrap. */
.setup-admin-shell{width:100%;max-width:1180px;margin:52px auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:56px;align-items:center}
.setup-admin-intro h1{font-size:clamp(46px,5vw,72px);line-height:.98;letter-spacing:-.055em;margin:12px 0 20px;max-width:620px}.setup-admin-intro>p{max-width:620px;font-size:18px;color:var(--muted)}.setup-security-list{display:grid;gap:11px;margin-top:28px;color:#eaddeb;font-weight:750}.setup-security-list span{display:flex;gap:9px;align-items:center}.setup-admin-card{width:100%!important;max-width:none!important;margin:0!important}.setup-admin-card h2{font-size:34px;margin:8px 0}.setup-seed-option{margin-top:6px;padding:14px 15px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.035)}.setup-seed-option span{display:grid;gap:3px}.setup-seed-option small{color:var(--muted);line-height:1.4}
@media(max-width:980px){.setup-admin-shell{max-width:760px;margin:30px auto;grid-template-columns:1fr;gap:24px}.setup-admin-intro h1{font-size:clamp(40px,8vw,58px)}.setup-admin-intro>p{font-size:16px}}
@media(max-width:560px){.setup-admin-shell{margin:12px auto;gap:18px}.setup-admin-intro h1{font-size:38px}.setup-admin-intro>p{font-size:15px}.setup-admin-card{padding:17px!important}.setup-admin-card .field-row{grid-template-columns:1fr}}

/* ===== FLIRIVO 2.6 diagnostics / system logs ===== */
.admin-log-grid{align-items:start}.admin-log-files{display:grid;gap:9px;margin-top:12px}.admin-log-file{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line,#352343);border-radius:14px;background:rgba(255,255,255,.025);text-decoration:none;color:inherit}.admin-log-file small{color:var(--muted,#b8acbf);text-align:right}.admin-log-file.active{border-color:rgba(255,77,141,.55);background:rgba(255,77,141,.08)}.admin-log-stream{display:grid;gap:10px}.admin-log-entry{padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025)}.admin-log-entry.level-error{border-color:rgba(255,90,110,.45);background:rgba(255,70,90,.055)}.admin-log-entry.level-warn{border-color:rgba(255,190,80,.35);background:rgba(255,190,80,.04)}.admin-log-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:12px}.admin-log-meta time{color:var(--muted,#b8acbf);font-variant-numeric:tabular-nums}.admin-log-message{font-weight:750;overflow-wrap:anywhere}.admin-log-entry pre{margin:10px 0 0;max-width:100%;overflow:auto;padding:12px;border-radius:12px;background:rgba(0,0,0,.28);font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.inline-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.inline-form label{min-width:160px;flex:1}.inline-form select{width:100%}@media(max-width:760px){.admin-log-file{align-items:flex-start;flex-direction:column}.admin-log-file small{text-align:left}.admin-log-meta{align-items:flex-start;flex-direction:column;gap:3px}.inline-form{display:grid;grid-template-columns:1fr}.inline-form label{min-width:0}}


/* ===== FLIRIVO 2.9 admin control + language + commercial reporting ===== */
.mobile-lang-switch{display:none;align-items:center;justify-content:center;min-width:42px;height:38px;padding:0 10px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.055);font-size:12px;font-weight:850;color:#fff}
.admin-row-actions,.admin-decision-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-row-actions form,.admin-decision-actions form{display:flex;align-items:center;gap:6px;margin:0}.admin-row-actions select{min-width:120px;margin:0;padding:7px 30px 7px 9px;min-height:36px}.compact{min-height:36px!important;padding:7px 10px!important;font-size:12px!important;border-radius:10px!important}
.admin-user-commandbar{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 18px;padding:9px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);position:sticky;top:72px;z-index:18;backdrop-filter:blur(18px)}.admin-user-commandbar a{padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.04);font-size:12px;font-weight:800}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.detail-grid>div{padding:11px;border-radius:13px;background:rgba(255,255,255,.035);min-width:0}.detail-grid small,.table-sub{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.detail-grid b{display:block;word-break:break-word}
.admin-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.admin-photo-card{padding:10px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.admin-photo-card .photo-thumb{aspect-ratio:4/5;height:auto}.admin-photo-card .photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-meta{padding:9px 2px}.photo-meta b,.photo-meta small{display:block}.photo-meta small{color:var(--muted);font-size:10px;margin-top:4px}
.finance-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.finance-kpi-grid>a{display:flex;flex-direction:column;gap:5px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));transition:.18s}.finance-kpi-grid>a:hover{transform:translateY(-2px);border-color:rgba(255,82,151,.4)}.finance-kpi-grid small,.finance-kpi-grid span{color:var(--muted);font-size:11px}.finance-kpi-grid b{font-size:25px}.finance-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.finance-filter button{margin-top:24px;width:100%}.admin-decision-actions{margin-top:14px}.page-head.compact{margin:0 0 14px}.page-head.compact h2{margin:0}.empty-state{padding:28px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.02)}
@media(max-width:1180px){.finance-stats{grid-template-columns:repeat(3,1fr)}.finance-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){.mobile-lang-switch{display:inline-flex;margin-left:auto}.mobile-head-actions{margin-left:6px}.admin-page .mobile-lang-switch{display:inline-flex}.admin-user-commandbar{top:64px;overflow-x:auto;flex-wrap:nowrap}.admin-user-commandbar a{white-space:nowrap}.admin-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.admin-page .mobile-lang-switch{display:inline-flex}.admin-page .topbar-inner{gap:8px}.admin-page .desktop-nav{display:none!important}.admin-row-actions{min-width:250px}.detail-grid{grid-template-columns:1fr}.finance-stats{grid-template-columns:repeat(2,1fr)}.finance-kpi-grid{grid-template-columns:1fr 1fr}.admin-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.finance-stats,.finance-kpi-grid{grid-template-columns:1fr}.admin-photo-grid{grid-template-columns:1fr 1fr}.admin-decision-actions{display:grid;grid-template-columns:1fr 1fr}.admin-decision-actions button{width:100%}}

/* ===== FLIRIVO 2.9 scalable chats + richer profiles ===== */
.admin-filter-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,220px) auto;gap:10px;align-items:end;margin:0 0 16px}.admin-filter-row input,.admin-filter-row select,.admin-filter-row button{margin:0}.pagination{display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:18px}.pagination a{min-width:38px;height:38px;padding:0 10px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.035);font-size:12px;font-weight:800}.pagination a.active{background:linear-gradient(135deg,var(--pink),var(--violet));border-color:transparent;color:#fff}.panel-title-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.panel-title-row h2{margin-top:0}.status-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850;background:rgba(255,255,255,.06);border:1px solid var(--line)}.status-pill.ok{background:rgba(84,225,155,.1);color:#94f5bd;border-color:rgba(84,225,155,.22)}
.admin-conversation-list{display:grid;gap:10px}.admin-conversation-card{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.028);overflow:hidden}.admin-conversation-card>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(210px,.9fr) minmax(150px,.55fr) minmax(250px,1.4fr);gap:16px;align-items:center;padding:16px}.admin-conversation-card>summary::-webkit-details-marker{display:none}.admin-conversation-card[open]{background:rgba(255,255,255,.045);border-color:rgba(255,82,151,.25)}.conversation-people,.conversation-stats{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:0}.conversation-people small,.conversation-stats small{display:block;width:100%;color:var(--muted);font-size:10px}.conversation-last{min-width:0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-preview{padding:0 16px 12px;display:grid;gap:7px}.preview-loading{padding:12px;border-radius:12px;background:rgba(255,255,255,.025);color:var(--muted);font-size:12px}.conversation-preview-message{padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.045)}.conversation-preview-message.hidden{border-color:rgba(255,180,80,.24);background:rgba(255,180,80,.055)}.conversation-preview-message.deleted{opacity:.72}.conversation-preview-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.conversation-preview-head small{color:var(--muted);font-size:10px}.conversation-preview-message p{margin:5px 0 0;white-space:pre-wrap;word-break:break-word;font-size:12px}.conversation-links{padding:0 16px 16px}.compact-empty{padding:16px!important}.danger-text{color:#ff96aa!important}
.admin-conversation-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:-6px 0 16px}.admin-conversation-toolbar form{margin:0}.admin-thread{display:grid;gap:10px}.admin-message{padding:13px 15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.028)}.admin-message.admin-hidden{border-color:rgba(255,177,67,.32);background:rgba(255,177,67,.05)}.admin-message.deleted{opacity:.78}.admin-message>header,.admin-message>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-message>header div{display:flex;gap:8px;align-items:center}.admin-message>header span,.admin-message>header time,.admin-message>footer>span{color:var(--muted);font-size:10px}.admin-message-body{padding:9px 0}.admin-message-body p{white-space:pre-wrap;word-break:break-word;margin:4px 0}.admin-message>footer form{display:flex;gap:7px;align-items:center;margin:0;flex-wrap:wrap}.admin-message>footer input[name=reason]{min-width:240px;margin:0;min-height:36px;padding:7px 10px}.moderation-banner{padding:7px 9px;border-radius:9px;background:rgba(255,177,67,.1);color:#ffd799;font-size:11px;margin-bottom:7px}.admin-chat-image{display:block;width:min(260px,100%);margin-top:8px}.admin-chat-image img{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:12px}.admin-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-action-grid form{padding:12px;border-radius:14px;background:rgba(255,255,255,.028);border:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.admin-action-grid form label{margin:0}.admin-action-grid input,.admin-action-grid select,.admin-action-grid button{margin:0}.admin-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-event{padding:10px 12px;margin:0 0 8px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.admin-event b,.admin-event small{display:block}.admin-event small{color:var(--muted);font-size:10px;margin-top:3px}.admin-event p{margin:7px 0 0;font-size:12px}.check-grid{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}.check-grid .check{margin:0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.profile-layout-v28{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:22px;align-items:start}.profile-summary-card{position:sticky;top:90px;padding:14px;border:1px solid var(--line);border-radius:26px;background:rgba(20,12,28,.76);backdrop-filter:blur(18px)}.profile-cover{aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.04)}.profile-cover img{width:100%;height:100%;object-fit:cover;display:block}.profile-placeholder,.member-photo-placeholder{width:100%;height:100%;min-height:320px;display:grid;place-items:center;font-size:78px;font-weight:900;background:linear-gradient(135deg,#372049,#181635)}.profile-summary-card h2{margin:15px 4px 10px}.profile-completion-row{display:flex;justify-content:space-between;gap:10px;margin-top:7px;font-size:12px}.profile-summary-card p{margin:10px 4px 14px}.profile-edit-stack{display:grid;gap:18px;min-width:0}.profile-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:11px}.profile-photo-item{border:1px solid var(--line);border-radius:16px;padding:8px;background:rgba(255,255,255,.025)}.profile-photo-item>img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;display:block}.photo-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.photo-actions form{margin:0}.profile-photo-upload{min-height:220px;border:1px dashed rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.018)}.profile-photo-upload label{height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;cursor:pointer;text-align:center;padding:16px}.profile-photo-upload label>span{font-size:32px}.profile-photo-upload small{color:var(--muted)}.profile-prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.profile-prompt-grid label{display:block;padding:12px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid var(--line)}.profile-prompt-grid label>span{font-size:12px;font-weight:850}.profile-prompt-grid textarea{margin-top:8px;min-height:92px}
.member-page .site-content{max-width:1380px}.member-page-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:24px;align-items:start}.member-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.member-gallery figure{margin:0;border-radius:20px;overflow:hidden;min-height:280px;background:rgba(255,255,255,.03)}.member-gallery figure.hero-photo{grid-column:1/-1;min-height:620px}.member-gallery img{width:100%;height:100%;object-fit:cover;display:block}.member-story{position:sticky;top:88px;padding:24px;border:1px solid var(--line);border-radius:26px;background:rgba(22,13,29,.78);backdrop-filter:blur(18px)}.member-title-row{display:flex;justify-content:space-between;gap:12px}.member-title-row h1{margin:4px 0 4px;font-size:clamp(34px,5vw,54px)}.member-title-row p{margin:0;color:var(--muted)}.member-story>h2{font-size:20px;margin:22px 0 8px}.member-bio{line-height:1.7;color:#e8dfe9}.member-story section{margin-top:20px}.member-story section h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.member-facts{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.member-facts span{padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.045);border:1px solid var(--line);font-size:11px}.member-prompts{display:grid;gap:9px;margin-top:20px}.member-prompts article{padding:14px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.member-prompts article>span{font-size:20px}.member-prompts small{display:block;color:var(--muted);font-weight:800;margin:5px 0}.member-prompts p{margin:0;line-height:1.5}.member-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.profile-open-link{display:inline-flex;margin:5px 0 6px;padding:6px 9px;border-radius:10px;background:rgba(255,255,255,.07);font-size:11px;font-weight:850}.chat-history-link{padding:7px 14px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--line);font-size:11px}.history-thread{display:grid;gap:8px}.history-message{max-width:78%;padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.history-message.mine{margin-left:auto;background:rgba(237,61,173,.09);border-color:rgba(237,61,173,.18)}.history-message header{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.history-message p{white-space:pre-wrap;word-break:break-word;margin:6px 0 0}.history-message img{width:min(260px,100%);margin-top:8px;border-radius:12px}
@media(max-width:1180px){.admin-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-page-wrap{grid-template-columns:1fr}.member-story{position:static}.member-gallery figure.hero-photo{min-height:520px}}
@media(max-width:960px){.admin-filter-row{grid-template-columns:1fr 180px auto}.admin-conversation-card>summary{grid-template-columns:1fr auto}.conversation-last{grid-column:1/-1}.profile-layout-v28{grid-template-columns:1fr}.profile-summary-card{position:static;display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:start}.profile-cover{grid-row:1/6}.profile-prompt-grid{grid-template-columns:1fr 1fr}.member-gallery figure.hero-photo{min-height:460px}}
@media(max-width:760px){.admin-filter-row{grid-template-columns:1fr}.admin-conversation-card>summary{grid-template-columns:1fr;gap:8px}.conversation-stats{justify-content:space-between}.conversation-last{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.admin-action-grid{grid-template-columns:1fr}.admin-split{grid-template-columns:1fr}.admin-message>footer{align-items:flex-start}.admin-message>footer form{width:100%}.admin-message>footer input[name=reason]{min-width:0;flex:1}.profile-summary-card{display:block}.profile-cover{max-width:320px;margin:auto}.profile-prompt-grid{grid-template-columns:1fr}.member-gallery{grid-template-columns:1fr}.member-gallery figure.hero-photo{grid-column:auto;min-height:440px}.member-gallery figure{min-height:380px}.member-story{padding:18px}.history-message{max-width:92%}}
@media(max-width:480px){.profile-photo-grid{grid-template-columns:1fr 1fr}.member-gallery figure.hero-photo,.member-gallery figure{min-height:380px}.conversation-links{display:grid;grid-template-columns:1fr}.conversation-links a{width:100%;text-align:center}.admin-message>footer input[name=reason]{width:100%}}

/* ===== FLIRIVO 2.9 scalable directories + advertising diagnostics ===== */
.directory-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:0 0 18px}.directory-filter input{flex:1 1 300px;min-width:0}.directory-filter select{flex:0 1 220px;min-width:160px}.directory-filter button,.directory-filter .btn{flex:0 0 auto}.fl-content-slot{margin:0 0 18px}.fl-admin-slot-preview-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:18px;align-items:start;margin:0 0 20px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.fl-admin-slot-preview{display:block!important;position:static!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important}.fl-admin-slot-preview .btn{pointer-events:none}
@media(max-width:760px){.directory-filter{display:grid;grid-template-columns:1fr}.directory-filter input,.directory-filter select,.directory-filter button,.directory-filter .btn{width:100%;min-width:0}.fl-admin-slot-preview-wrap{grid-template-columns:1fr}}


/* ===== FLIRIVO 2.9: campaign delivery hardened against cosmetic ad blockers ===== */
.fl-slot-rail{position:sticky;top:92px;min-width:0}
.fl-slot-card{position:relative;padding:15px;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);overflow:hidden}
.fl-slot-card:before{content:"";position:absolute;width:90px;height:90px;right:-35px;top:-35px;border-radius:50%;background:radial-gradient(circle,rgba(255,77,141,.18),transparent 70%)}
.fl-slot-label{display:inline-flex;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.07);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.fl-slot-icon{font-size:26px;margin:13px 0 8px}.fl-slot-card strong{display:block;font-size:14px;line-height:1.25}.fl-slot-card p{font-size:11px;line-height:1.45;color:var(--muted);margin:7px 0 12px}.fl-slot-card .btn{font-size:10px;padding:7px 9px;min-height:32px;width:100%}
.fl-inline-slot{margin-top:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.fl-inline-slot .fl-slot-label{position:absolute;right:12px;top:9px}.fl-inline-slot .fl-slot-icon{margin:0;font-size:30px}.fl-inline-slot p{margin:3px 0 0}.fl-inline-slot .btn{width:auto;min-width:110px}
.fl-content-slot{margin:0 0 18px}.fl-admin-slot-preview-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:18px;align-items:start;margin:0 0 20px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.fl-admin-slot-preview{display:block!important;position:static!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important}.fl-admin-slot-preview .btn{pointer-events:none}
@media(max-width:1280px){.fl-slot-rail{display:none}}
@media(max-width:780px){.fl-inline-slot{grid-template-columns:auto 1fr}.fl-inline-slot .btn{grid-column:1/-1}}
@media(max-width:760px){.fl-admin-slot-preview-wrap{grid-template-columns:1fr}}
@media(max-width:2099px){.site-layout.has-rails>.fl-slot-rail{display:none!important}}
@media(min-width:2100px){.site-layout.has-rails>.fl-slot-rail{display:block!important;position:sticky;top:94px}}

/* Only one language switch on desktop. Mobile switch remains for compact navigation. */
@media(min-width:961px){.mobile-lang-switch{display:none!important}}

/* ===== FLIRIVO 2.9 legal pages ===== */
.legal-doc{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:22px;align-items:start}
.legal-toc{position:sticky;top:86px;padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.028)}.legal-toc b{display:block;margin-bottom:10px}.legal-toc a{display:block;padding:7px 8px;border-radius:10px;color:var(--muted);font-size:12px;line-height:1.35}.legal-toc a:hover{background:rgba(255,255,255,.05);color:#fff}.legal-main{min-width:0}.legal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.legal-summary>div{padding:16px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.02))}.legal-summary b{display:block;margin-bottom:5px}.legal-summary span{display:block;color:var(--muted);font-size:12px;line-height:1.5}.legal-section{scroll-margin-top:95px;margin-bottom:14px}.legal-section h2{margin-top:0}.legal-section h3{font-size:15px;margin:18px 0 6px}.legal-section p,.legal-section li{color:#d8cddd;line-height:1.7}.legal-section ul{padding-left:20px}.legal-note{padding:13px 15px;border-radius:14px;background:rgba(255,196,76,.07);border:1px solid rgba(255,196,76,.18);color:#e9dfcf}.legal-contact{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.legal-contact a{display:inline-flex;padding:9px 12px;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-weight:750;font-size:12px}
@media(max-width:900px){.legal-doc{grid-template-columns:1fr}.legal-toc{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-toc b{grid-column:1/-1}.legal-summary{grid-template-columns:1fr}}
@media(max-width:520px){.legal-toc{grid-template-columns:1fr}.legal-doc{gap:14px}.legal-main .panel{padding:18px 15px}}


/* ===== FLIRIVO 2.10 fair-use Spark balance ===== */
.swipe-cost-strip{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:10px 0 2px}.swipe-cost-strip span{padding:6px 10px;border:1px solid rgba(255,184,77,.18);background:rgba(255,184,77,.07);border-radius:999px;color:#ffd89c;font-size:11px;font-weight:800}.balance-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 0}.balance-mini-grid>div,.balance-explain-grid>div,.balance-admin-grid>div{padding:10px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.balance-mini-grid b,.balance-mini-grid small,.balance-explain-grid b,.balance-explain-grid small,.balance-admin-grid small,.balance-admin-grid b,.balance-admin-grid span{display:block}.balance-mini-grid small,.balance-explain-grid small,.balance-admin-grid small,.balance-admin-grid span{font-size:10px;color:var(--muted)}.balance-explain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0 14px}.balance-explain-grid b{font-size:19px}.balance-admin-preview{margin-bottom:18px}.balance-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.balance-admin-grid b{font-size:23px;margin:3px 0}.balance-admin-grid span{font-size:11px}@media(max-width:860px){.balance-explain-grid,.balance-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.balance-explain-grid,.balance-admin-grid{grid-template-columns:1fr 1fr}.swipe-cost-strip{margin-top:6px}}


/* FLIRIVO 2.12 — contextual advertising + conversation-first chat */
.fl-context-slot{margin:0 0 20px;max-width:none}
.chat-privacy-note{font-size:.78rem;color:var(--muted,#b9adc4);display:inline-flex;align-items:center;gap:5px;max-width:420px}
@media(max-width:760px){.fl-context-slot{margin-bottom:14px}.chat-privacy-note{width:100%;font-size:.74rem}}

/* =========================================================
   FLIRIVO 2.14 · Trust, richer chat, connections, notifications
   ========================================================= */
.identity-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:linear-gradient(135deg,rgba(87,218,181,.18),rgba(123,107,255,.18));border:1px solid rgba(122,231,202,.32);color:#caffef;font-size:12px;font-weight:900;white-space:nowrap;vertical-align:middle}.identity-badge.compact{padding:4px 7px;font-size:11px}.identity-badge.tiny{padding:2px 6px;font-size:10px}.email-verified-dot{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.08);color:#c9b9cf;font-size:12px}.identity-state{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border-radius:999px;font-weight:900;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);white-space:nowrap}.identity-state.identity-verified{background:rgba(70,200,157,.14);border-color:rgba(86,220,176,.32);color:#c9ffeb}.identity-state.identity-pending{background:rgba(243,190,70,.12);border-color:rgba(243,190,70,.28);color:#ffe9ae}.identity-state.identity-rejected{background:rgba(255,103,128,.12);border-color:rgba(255,103,128,.3);color:#ffc6d0}
.identity-profile-cta{display:flex;align-items:center;gap:11px;margin-top:12px;padding:13px;border-radius:17px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);text-decoration:none;color:inherit}.identity-profile-cta>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,77,141,.2),rgba(143,91,255,.2));font-weight:900}.identity-profile-cta>div{min-width:0;flex:1}.identity-profile-cta b,.identity-profile-cta small{display:block}.identity-profile-cta small{margin-top:3px;color:var(--muted,#b7a9bd);line-height:1.35}.identity-profile-cta i{font-style:normal;font-size:22px}.identity-profile-cta.verified{border-color:rgba(86,220,176,.24)}
.identity-success,.identity-pending{display:flex;align-items:flex-start;gap:18px}.identity-success-mark{flex:0 0 58px;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:28px;font-weight:900;background:linear-gradient(135deg,rgba(80,214,168,.22),rgba(114,100,255,.22));border:1px solid rgba(255,255,255,.1)}.identity-success h2,.identity-pending h2{margin-top:2px}.identity-form{display:grid;gap:20px}.identity-pose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.identity-pose-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);cursor:pointer;min-width:0}.identity-pose-card:hover{border-color:rgba(255,255,255,.19)}.identity-step{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:12px;font-weight:900}.identity-pose-icon{font-size:42px}.identity-pose-card strong{font-size:18px}.identity-pose-card small{color:var(--muted,#b7a9bd);line-height:1.5}.identity-pose-card input{position:absolute;opacity:0;pointer-events:none}.identity-file-label{margin-top:auto;width:100%;min-height:42px;padding:9px 11px;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;background:rgba(255,255,255,.075);font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis}.identity-consent{align-items:flex-start}.identity-consent span{line-height:1.5}.identity-privacy-note .grid-3>div{padding:14px;border-radius:16px;background:rgba(255,255,255,.035)}
.identity-admin-list{display:grid;gap:16px;margin-top:16px}.identity-admin-card{overflow:hidden}.identity-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.identity-review-grid figure{margin:0;min-width:0}.identity-review-grid figcaption{margin-bottom:8px;font-weight:800}.identity-review-grid img,.identity-missing{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:17px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04)}.identity-missing{display:grid;place-items:center}.identity-review-actions{display:grid;gap:10px;margin-top:15px}.identity-review-actions .button-row{display:flex;gap:8px;flex-wrap:wrap}.admin-note{padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.04)}.admin-note p{margin-bottom:0}

/* Notification badges only decrease when the individual item is opened. */
.notification-list{display:grid;gap:9px}.notification-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.035);text-decoration:none;color:inherit;transition:border-color .18s,background .18s,transform .18s}.notification-row.unread{background:linear-gradient(110deg,rgba(255,77,141,.095),rgba(143,91,255,.06));border-color:rgba(255,130,176,.2)}.notification-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.07);font-size:20px}.notification-copy{min-width:0}.notification-title-line{display:flex;align-items:center;gap:8px}.notification-copy p{margin:4px 0 5px;color:var(--muted,#b7a9bd);line-height:1.45}.notification-copy small{color:#877b8b}.unread-dot{width:8px;height:8px;border-radius:50%;background:#ff5c9b;box-shadow:0 0 0 4px rgba(255,92,155,.1)}

/* Connections: the private category is visually unmistakable without leaking it to the other member. */
.connection-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 15px}.connection-category{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.075);text-decoration:none;color:inherit;min-width:0}.connection-category.active{background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.18)}.connection-category-icon{font-size:22px}.connection-category b,.connection-category small{display:block}.connection-category small{margin-top:3px;color:var(--muted,#b7a9bd);font-size:11px;line-height:1.25}.connection-category>strong{font-size:20px}.connection-search{margin-bottom:16px}.connection-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.connection-card{display:flex;flex-direction:column;gap:14px;padding:17px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);min-width:0}.connection-card-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px}.connection-avatar{position:relative;width:72px;height:72px;border-radius:22px;overflow:visible;display:grid;place-items:center;background:rgba(255,255,255,.06);text-decoration:none;color:#fff;font-size:26px;font-weight:900}.connection-avatar img{width:100%;height:100%;object-fit:cover;border-radius:22px}.connection-unread{position:absolute;right:-6px;top:-6px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#ff4d8d;border:3px solid #17101d;color:#fff;font-style:normal;font-size:11px;font-weight:900;display:grid;place-items:center}.connection-card-copy{min-width:0}.connection-name{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.connection-name h2{margin:0;font-size:20px}.connection-card-copy>p{margin:4px 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}.category-favorite.connection-badge,.connection-category.category-favorite.active{background:rgba(255,87,145,.12);border-color:rgba(255,87,145,.24)}.category-dating.connection-badge,.connection-category.category-dating.active{background:rgba(151,104,255,.13);border-color:rgba(151,104,255,.27)}.category-friend.connection-badge,.connection-category.category-friend.active{background:rgba(73,200,173,.12);border-color:rgba(73,200,173,.24)}.private-note{margin-top:9px;padding:8px 10px;border-radius:11px;background:rgba(255,255,255,.04);font-size:12px;color:#c8bacd}.connection-last-message{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.connection-last-message p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted,#b7a9bd);font-size:12px}.connection-last-message small{color:#796f7e;font-size:10px}.connection-card-actions{display:flex;gap:8px;flex-wrap:wrap}.connection-card-actions>*{flex:1}.connection-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.connection-choice{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035);cursor:pointer}.connection-choice input{position:absolute;opacity:0}.connection-choice>span{font-size:20px;grid-row:1/3}.connection-choice b{font-size:13px}.connection-choice small{color:var(--muted,#b7a9bd);font-size:10px}.connection-choice:has(input:checked){border-color:rgba(255,255,255,.27);background:rgba(255,255,255,.09)}

/* Rich local chat picker – no remote sticker/emoji dependency. */
.chat-quickbar{display:flex;align-items:center;gap:8px;min-width:0}.chat-quickbar .emoji-bar{flex:1;min-width:0;overflow-x:auto;display:flex;gap:4px;scrollbar-width:none}.chat-quickbar .emoji-bar::-webkit-scrollbar{display:none}.chat-palette-actions{display:flex;gap:6px;flex:0 0 auto}.chat-palette-toggle{min-height:38px;padding:6px 10px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:inherit}.chat-picker-modal{width:min(700px,calc(100% - 20px));max-height:min(760px,85vh);overflow:auto}.emoji-category-tabs{position:sticky;top:0;z-index:2;display:flex;gap:7px;padding:10px 0 12px;background:rgba(23,15,30,.96);overflow-x:auto}.emoji-category-tabs button{min-width:43px;height:43px;border-radius:13px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.04);font-size:20px}.emoji-category-tabs button.active{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.2)}.emoji-picker-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.emoji-picker-grid button{aspect-ratio:1;min-width:0;border:0;border-radius:11px;background:rgba(255,255,255,.035);font-size:24px;padding:2px}.emoji-picker-grid button:hover{background:rgba(255,255,255,.1)}.sticker-grid-v213{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sticker-grid-v213 button{min-height:100px;padding:12px;border-radius:17px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.075);color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.sticker-grid-v213 button span{font-size:38px}.sticker-grid-v213 button b{font-size:12px;text-align:center}.sticker-render{display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:13px 16px;border-radius:20px;background:rgba(255,255,255,.065);font-size:22px;font-weight:800}.chat-photo-preview-box{width:min(560px,calc(100% - 20px))}.chat-photo-preview{display:grid;place-items:center;margin:12px 0;min-height:180px;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.035)}.chat-photo-preview img{display:block;max-width:100%;max-height:460px;object-fit:contain}.chat-upload-status{margin-top:7px;padding:8px 11px;border-radius:11px;font-size:12px;background:rgba(255,255,255,.05)}.chat-upload-status.ok{background:rgba(70,200,157,.12);color:#c9ffeb}.chat-upload-status.danger{background:rgba(255,87,118,.12);color:#ffd0d8}.chat-upload-status.loading{color:#d7c7db}.msg>img{cursor:zoom-in;max-width:min(430px,90%);border-radius:17px;margin-top:6px}

@media (max-width:1100px){.connection-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.connection-card-grid{grid-template-columns:1fr}.identity-pose-grid{grid-template-columns:1fr 1fr}.emoji-picker-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media (max-width:760px){.identity-pose-grid,.identity-review-grid{grid-template-columns:1fr}.identity-pose-card{min-height:145px}.identity-success,.identity-pending{align-items:flex-start}.connection-category-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.connection-category{min-width:210px;scroll-snap-align:start}.connection-card{padding:14px}.connection-card-main{grid-template-columns:60px minmax(0,1fr)}.connection-avatar{width:60px;height:60px;border-radius:18px}.connection-avatar img{border-radius:18px}.connection-card-actions{display:grid;grid-template-columns:1fr 1fr}.connection-card-actions>*:last-child{grid-column:1/-1}.connection-choice-grid{grid-template-columns:1fr}.notification-row{padding:13px 12px}.notification-icon{width:39px;height:39px}.chat-picker-modal{width:100%;max-height:78vh;border-radius:24px 24px 0 0}.emoji-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.emoji-picker-grid button{font-size:23px}.sticker-grid-v213{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-palette-toggle span{display:none}.chat-quickbar{gap:5px}}
@media (max-width:390px){.emoji-picker-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.sticker-grid-v213{grid-template-columns:1fr 1fr}.connection-name h2{font-size:18px}}


/* FLIRIVO 2.18 — personal themes */
body.theme-light{--bg:#f7f4f8;--bg2:#eee8f1;--panel:#fff;--panel2:#f8f3fa;--glass:rgba(255,255,255,.86);--text:#281f2d;--muted:#6f6475;--soft:#94869b;--line:rgba(53,35,64,.11);--shadow:0 24px 70px rgba(55,38,67,.10);background:radial-gradient(circle at 10% 5%,rgba(255,77,141,.09),transparent 28rem),linear-gradient(180deg,#fbf8fb,#f3eef5);color:var(--text)}
body.theme-light .topbar{background:rgba(255,255,255,.86);border-bottom-color:rgba(53,35,64,.09)}body.theme-light .card,body.theme-light .panel,body.theme-light .side-card,body.theme-light .chat-main,body.theme-light .chat-sidebar{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,242,249,.94));color:var(--text)}body.theme-light input,body.theme-light textarea,body.theme-light select{background:#fff;color:#281f2d;border-color:rgba(53,35,64,.16)}body.theme-light .mobile-nav{background:rgba(255,255,255,.96);color:#43384a}body.theme-light .desktop-nav a,body.theme-light .mobile-nav a{color:#53465b}body.theme-light .msg:not(.mine){background:#fff;color:#2b2230}body.theme-light .footer{color:#6f6475}
body.theme-aurora{--bg:#06131a;--bg2:#071e25;--panel:#0b232b;--panel2:#102d36;--glass:rgba(9,34,42,.76);--text:#f0ffff;--muted:#a5c9c9;--soft:#6c9da0;--accent:#2be3b3;--accent2:#5c7cff;--accent3:#c9ff5c;--line:rgba(100,255,225,.11);background:radial-gradient(circle at 12% 8%,rgba(43,227,179,.15),transparent 30rem),radial-gradient(circle at 88% 5%,rgba(92,124,255,.14),transparent 31rem),#06131a}
body.theme-velvet{--bg:#13050c;--bg2:#210814;--panel:#2b0e1b;--panel2:#391020;--glass:rgba(45,13,28,.76);--text:#fff7fa;--muted:#d2aebc;--soft:#9b7181;--accent:#ff477e;--accent2:#c845ff;--accent3:#ffd078;--line:rgba(255,115,160,.12);background:radial-gradient(circle at 15% 5%,rgba(255,71,126,.17),transparent 28rem),radial-gradient(circle at 86% 12%,rgba(200,69,255,.13),transparent 30rem),#13050c}
.theme-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-option{display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;gap:2px 12px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:16px;cursor:pointer;background:rgba(255,255,255,.035)}.theme-option input{position:absolute;opacity:0}.theme-option.selected{outline:2px solid var(--accent);outline-offset:1px}.theme-option.locked{opacity:.58;cursor:not-allowed}.theme-preview{grid-row:1/3;width:56px;height:44px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12)}.theme-preview-classic{background:linear-gradient(135deg,#09070d,#8f5bff)}.theme-preview-light{background:linear-gradient(135deg,#fff,#f1d8e5);color:#44283a}.theme-preview-aurora{background:linear-gradient(135deg,#06131a,#2be3b3)}.theme-preview-velvet{background:linear-gradient(135deg,#13050c,#ff477e)}.theme-option small{color:var(--muted)}
/* Nearby self-rendered globe */
.globe-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.55fr);gap:18px}.globe-panel{overflow:hidden}.globe-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.globe-toolbar>div{display:flex;flex-direction:column}.globe-toolbar span{color:var(--muted);font-size:12px}.globe-stage{position:relative;min-height:560px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(143,91,255,.14),rgba(6,4,10,.98));border:1px solid var(--line)}#flirivo-globe{display:block;width:100%;height:560px;touch-action:none;cursor:grab}#flirivo-globe:active{cursor:grabbing}.globe-overlay{position:absolute;left:14px;right:14px;bottom:12px;display:flex;gap:7px;flex-wrap:wrap;pointer-events:none}.globe-overlay span{padding:6px 8px;border-radius:999px;background:rgba(9,7,13,.72);backdrop-filter:blur(8px);font-size:10px;color:#ddd}.globe-status{margin-top:12px;padding:11px 13px;border-radius:13px;background:rgba(255,255,255,.04);color:var(--muted)}.globe-status.ok{border:1px solid rgba(65,217,155,.28);color:#a9eed1}.globe-status.error{border:1px solid rgba(255,92,108,.30);color:#ffb4bd}.nearby-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.nearby-person{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.035);text-decoration:none;color:var(--text)}.nearby-avatar{width:52px;height:52px;border-radius:15px;overflow:hidden;display:grid;place-items:center;background:var(--panel2);font-weight:900}.nearby-avatar img{width:100%;height:100%;object-fit:cover}.nearby-person span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
/* Safety age-gap modal */
.safety-age-modal{display:flex!important}.safety-modal-box{max-width:650px}.safety-shield{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,rgba(255,189,87,.18),rgba(255,77,141,.16));font-size:30px;margin-bottom:14px}.safety-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.safety-rule-grid>div{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:11px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.safety-rule-grid b{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:rgba(255,189,87,.12);color:var(--warn)}.safety-rule-grid span{font-size:12px;color:var(--muted)}
@media(max-width:850px){.globe-layout{grid-template-columns:1fr}.globe-stage,#flirivo-globe{height:480px;min-height:480px}}@media(max-width:560px){.theme-picker{grid-template-columns:1fr}.globe-stage,#flirivo-globe{height:410px;min-height:410px}.globe-toolbar{align-items:stretch;flex-direction:column}.safety-rule-grid{grid-template-columns:1fr}.mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
/* 2.17 nav: Nearby adds a sixth primary destination on phone/tablet. */
@media(max-width:960px){body.auth-user:not(.admin-page) .mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}}

/* FLIRIVO 2.18 — explicit theme selection */
.theme-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.theme-current-badge{flex:0 0 auto;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);color:var(--muted);font-size:11px;font-weight:800}.theme-submit-form{margin-top:13px}.theme-option-button{appearance:none;width:100%;color:var(--text);font:inherit;text-align:left}.theme-option-button:not(:disabled):hover{transform:translateY(-2px);border-color:rgba(255,77,141,.35);background:rgba(255,255,255,.065)}.theme-copy{display:grid;gap:3px}.theme-copy em{font-style:normal;color:var(--muted);font-size:10px}.theme-tier{width:max-content;padding:3px 7px;border-radius:999px;font-size:9px!important;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.theme-tier.free{color:#bff7df;background:rgba(59,201,148,.12)}.theme-tier.premium{color:#ffe2a2;background:linear-gradient(135deg,rgba(255,190,87,.15),rgba(255,77,141,.13))}.theme-option-button.locked{opacity:.72;filter:saturate(.8)}.theme-option-button.locked .theme-preview{filter:grayscale(.2)}.theme-upsell{margin-top:12px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,190,87,.18);border-radius:14px;background:rgba(255,190,87,.055);font-size:12px}
/* FLIRIVO 2.18 — peer fair-play cards */
.peer-card-box{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.peer-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.peer-card-head>div{display:grid;gap:3px}.peer-card-head span{font-size:11px;color:var(--muted)}.peer-card-counter{padding:5px 8px;border-radius:999px;background:rgba(255,204,77,.10);color:#ffe39a!important;font-weight:900;white-space:nowrap}.peer-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.peer-card-actions form,.peer-card-button{width:100%}.peer-card-button{min-height:44px;border:0;border-radius:12px;font-weight:900;cursor:pointer}.peer-card-button.yellow{background:linear-gradient(135deg,#ffcf4a,#f2a92f);color:#281c00}.peer-card-button.red{background:linear-gradient(135deg,#ff5a72,#cf2748);color:#fff}.peer-card-button:disabled{opacity:.45;cursor:not-allowed}
/* FLIRIVO 2.18 — richer local globe */
.globe-stage{background:radial-gradient(circle at 47% 36%,rgba(59,83,128,.25),rgba(6,4,10,.98) 68%);box-shadow:inset 0 0 80px rgba(0,0,0,.38)}#flirivo-globe{image-rendering:auto}.globe-status.loading{border:1px solid rgba(122,160,255,.24);color:#bfd0ff}.nearby-map-privacy{font-size:11px;color:var(--muted)}
@media(max-width:620px){.theme-panel-head,.theme-upsell,.peer-card-head{align-items:stretch;flex-direction:column}.peer-card-actions{grid-template-columns:1fr}}
/* 2.18 Light theme coverage across app surfaces */
body.theme-light .modal-box,body.theme-light .list-row,body.theme-light .empty,body.theme-light .chat-sidebar-card,body.theme-light .discover-card,body.theme-light .profile-card,body.theme-light .settings-card,body.theme-light .theme-option-button,body.theme-light .peer-card-box{background:rgba(255,255,255,.92);color:#281f2d;border-color:rgba(53,35,64,.12)}
body.theme-light .muted,body.theme-light .small.muted,body.theme-light .chat-privacy-note,body.theme-light .theme-copy em{color:#786b7f!important}
body.theme-light .btn.secondary,body.theme-light button.secondary,body.theme-light .btn.ghost{background:#eee6f1;color:#392c40;border-color:rgba(53,35,64,.12)}
body.theme-light .modal{background:rgba(42,30,48,.28)}body.theme-light .divider{background:rgba(53,35,64,.10)}body.theme-light .theme-current-badge{background:#fff;color:#5e5064}


/* FLIRIVO 2.20 accessibility / mobile polish */
.theme-light,body.theme-light{--bg:#f4f5f8;--panel:#fff;--text:#1b1820;--muted:#625a67;--line:rgba(41,31,47,.16);color:var(--text);background:#f4f5f8}.theme-light .panel,.theme-light .side-card,.theme-light .card,.theme-light .list-row,.theme-light .field-card{background:#fff;color:#1b1820;border-color:rgba(41,31,47,.16);box-shadow:0 10px 28px rgba(28,18,35,.07)}.theme-light .muted,.theme-light small,.theme-light .small{color:#625a67}.theme-light input,.theme-light textarea,.theme-light select{background:#fff;color:#17131a;border-color:#c9c2ce}.theme-light a{color:#6f2cb7}.premium-inline,.theme-tier.premium{display:inline-flex;padding:2px 7px;border-radius:999px;background:linear-gradient(135deg,#ff4d8d,#8f5bff);color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.04em}.verification-login-banner{margin:12px auto 18px;max-width:1180px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid rgba(255,77,141,.28);border-radius:16px;background:linear-gradient(135deg,rgba(255,77,141,.12),rgba(143,91,255,.12))}.verification-login-banner div{display:grid;gap:4px}.verification-login-banner span{font-size:.86rem;color:var(--muted)}.secret-box{padding:14px;border:1px dashed rgba(255,77,141,.45);border-radius:12px;word-break:break-all;background:rgba(255,255,255,.06)}.compact-select{max-width:170px}.footer-link-button{border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.direct-intro-open{border:0;background:none;cursor:pointer;padding:0}.member-gallery img{max-height:62vh;object-fit:cover}.pagination{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}@media(max-width:700px){.verification-login-banner{align-items:flex-start;flex-direction:column}.hero-actions,.form-actions{display:flex;flex-direction:column}.hero-actions .btn,.form-actions .btn{width:100%}.compact-select{max-width:100%;width:100%}}

/* 2.20.2 readability + premium lock states */
.premium-locked-setting{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 15px;margin:0 0 10px;border:1px solid rgba(255,190,87,.20);border-radius:16px;background:linear-gradient(135deg,rgba(255,190,87,.07),rgba(143,91,255,.06))}.premium-locked-setting>div{display:grid;gap:4px;min-width:0}.premium-locked-setting b{color:var(--text);font-size:.94rem}.premium-locked-setting span:not(.premium-inline){color:var(--muted);font-size:.78rem;line-height:1.45}.premium-locked-setting.compact{padding:11px 12px;margin:0}.privacy-premium-note{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.premium-setting small{display:block;margin-top:3px;color:var(--muted);font-weight:500}.theme-option-button:disabled{pointer-events:none}.theme-option-button.locked{cursor:not-allowed}
body.theme-light{color:#18131c;background:linear-gradient(180deg,#fbfafc 0%,#f2eef5 100%)}body.theme-light .shell{color:#18131c}body.theme-light .panel,body.theme-light .card,body.theme-light .side-card,body.theme-light .settings-card,body.theme-light .profile-card,body.theme-light .discover-card,body.theme-light .list-row,body.theme-light .theme-option-button,body.theme-light .premium-locked-setting{background:#fff;color:#18131c;border-color:#cfc6d4;box-shadow:0 10px 28px rgba(35,24,42,.07)}body.theme-light h1,body.theme-light h2,body.theme-light h3,body.theme-light h4,body.theme-light b,body.theme-light strong,body.theme-light label{color:#18131c}body.theme-light p,body.theme-light .muted,body.theme-light .small,body.theme-light small,body.theme-light .theme-copy em,body.theme-light .field-help{color:#5d5362!important}body.theme-light .check{color:#241d29}body.theme-light .check span{color:#241d29}body.theme-light input,body.theme-light textarea,body.theme-light select{background:#fff;color:#17131a;border-color:#aaa0b2;box-shadow:none}body.theme-light input::placeholder,body.theme-light textarea::placeholder{color:#807687}body.theme-light input:focus,body.theme-light textarea:focus,body.theme-light select:focus{border-color:#8f5bff;box-shadow:0 0 0 4px rgba(143,91,255,.10)}body.theme-light .notice,body.theme-light .toast{color:#241d29;background:#fff;border-color:#cfc6d4}body.theme-light .notice.warn,body.theme-light .toast.warn{background:#fff8e8;border-color:#d8b65f;color:#493712}body.theme-light .notice.danger,body.theme-light .toast.danger{background:#fff1f4;border-color:#d48a99;color:#6f2435}body.theme-light .notice.ok,body.theme-light .toast.ok{background:#eefaf5;border-color:#83c7a9;color:#174c37}body.theme-light .verify-strip,body.theme-light .verification-login-banner{background:linear-gradient(135deg,#f7efff,#fff0f6);color:#241d29;border-color:#c6addc}body.theme-light .verify-strip span,body.theme-light .verification-login-banner span{color:#574b5d}body.theme-light .footer{border-top-color:#cfc6d4;color:#5f5565}body.theme-light .footer a{color:#46394e}body.theme-light .footer a:hover{color:#6f2cb7}body.theme-light .footer-note{background:#fff;border-color:#cfc6d4;color:#46394e}body.theme-light .premium-locked-setting{background:linear-gradient(135deg,#fffaf0,#f8f2ff);border-color:#d6c39e}body.theme-light .theme-option-button.locked{background:#f7f4f8;border-color:#d7cfdc;opacity:1}body.theme-light .theme-option-button.locked .theme-copy em{color:#6b6170!important}
@media(max-width:620px){.premium-locked-setting{flex-direction:column}.premium-locked-setting .premium-inline{align-self:flex-start}}


/* 2.20.3 hotfix: stronger readability in light theme + custom direct intro prompt */
.direct-intro-open{display:inline-flex;align-items:center;gap:6px;color:inherit;font-weight:800}
.ui-toast.ok{border-color:rgba(65,217,155,.35)}
.ui-toast.warn{border-color:rgba(255,189,87,.35)}
.ui-toast.danger{border-color:rgba(255,92,108,.4)}
body.theme-light .premium-compare,
body.theme-light .premium-reveal,
body.theme-light .product-card,
body.theme-light .premium-product,
body.theme-light .benefit-grid>div,
body.theme-light .fair-panel,
body.theme-light .enhanced-products .product-card{background:#fff!important;color:#18131c!important;border-color:#cfc6d4!important;box-shadow:0 10px 28px rgba(35,24,42,.07)!important}
body.theme-light .premium-compare *,
body.theme-light .premium-reveal *,
body.theme-light .product-card *,
body.theme-light .premium-product *,
body.theme-light .benefit-grid>div *,
body.theme-light .fair-panel *{color:inherit}
body.theme-light .product-benefits,body.theme-light .product-benefits li{color:#4c4352}
body.theme-light .product-price,body.theme-light .balance-big,body.theme-light .theme-current-badge,body.theme-light .like-counter{color:#18131c!important}
body.theme-light .kicker{color:#c33e7f}
body.theme-light .ui-toast{background:#fff;color:#1f1925;border-color:#cfc6d4}
body.theme-light .swipe-cost-strip,body.theme-light .field-card,body.theme-light .chat-sidebar-card,body.theme-light .side-card-top{color:#241d29}
body.theme-light .modal-box textarea[data-ui-prompt-input]{background:#fff;color:#17131a;border:1px solid #aaa0b2}

/* ===== FLIRIVO 2.20.9 modern chat ===== */
.chat-modern{grid-template-columns:310px minmax(0,1fr);min-height:min(820px,calc(100dvh - 150px));gap:14px}
.chat-modern .chat-sidebar,.chat-modern .chat-main{border-radius:24px;background:linear-gradient(160deg,rgba(24,16,33,.96),rgba(13,10,20,.96));border:1px solid rgba(255,255,255,.085);box-shadow:0 24px 70px rgba(0,0,0,.24)}
.chat-modern .chat-sidebar{padding:13px}.chat-modern .chat-main{position:relative;overflow:hidden;min-width:0}
.chat-head-modern{position:relative;z-index:5;min-height:74px;padding:12px 16px;background:rgba(20,13,28,.88);backdrop-filter:blur(22px)}
.chat-head-modern .chat-head-user{min-width:0;display:flex;align-items:center;gap:11px;border-radius:14px;padding:5px 7px;margin:-5px -7px}.chat-head-modern .chat-head-user:hover{background:rgba(255,255,255,.045)}
.chat-head-actions{display:flex;align-items:center;gap:5px}.chat-head-action{width:40px;height:40px;min-height:40px;padding:0;border-radius:13px;background:rgba(255,255,255,.055);box-shadow:none;border:1px solid rgba(255,255,255,.06)}
.chat-relationship-card{background:linear-gradient(145deg,rgba(143,91,255,.08),rgba(255,77,141,.055))!important}.chat-side-facts{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}.chat-side-facts span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.05);font-size:10px;color:var(--muted)}
.chat-thread{position:relative;scroll-behavior:smooth;overscroll-behavior-y:contain;scrollbar-width:thin;background:radial-gradient(circle at 82% 10%,rgba(143,91,255,.045),transparent 32%),radial-gradient(circle at 18% 85%,rgba(255,77,141,.04),transparent 32%)}
.chat-day-separator{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0 4px;clear:both}.chat-day-separator:before,.chat-day-separator:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08))}.chat-day-separator:after{background:linear-gradient(90deg,rgba(255,255,255,.08),transparent)}.chat-day-separator span{padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.055);font-size:9px;color:var(--soft);font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.chat-modern .msg{max-width:min(76%,640px);padding:10px 12px 8px;border-radius:18px 18px 18px 7px;background:rgba(42,32,50,.92);border:1px solid rgba(255,255,255,.055);box-shadow:0 8px 24px rgba(0,0,0,.09)}.chat-modern .msg.mine{border-radius:18px 18px 7px 18px;background:linear-gradient(135deg,#6f39a0,#cf3f76);border-color:rgba(255,255,255,.10)}
.chat-modern .msg:hover{transform:none;border-color:rgba(255,255,255,.11)}.message-text{font-size:14px;line-height:1.52}.msg-meta{min-height:22px}.msg-time{font-size:9px;opacity:.72}.message-mini-action{opacity:.72}.msg:hover .message-mini-action,.msg:focus-within .message-mini-action{opacity:1}
.chat-image-button{display:block;max-width:min(360px,100%);padding:0;margin:2px 0 3px;border:0;background:none;box-shadow:none;border-radius:15px;overflow:hidden}.chat-image-button:hover{transform:none;filter:brightness(1.03)}.chat-image-button img{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:15px}
.chat-media-lightbox{background:rgba(4,3,7,.88)}.chat-image-viewer-box{position:relative;width:min(960px,calc(100vw - 32px));max-height:92dvh;padding:8px;background:#09070d}.chat-image-viewer-box img{display:block;width:100%;height:auto;max-height:88dvh;object-fit:contain;border-radius:18px}.chat-image-viewer-close{position:absolute;right:16px;top:16px;z-index:3;background:rgba(12,9,15,.8);color:#fff}
.chat-compose-modern{position:relative;z-index:4;padding:10px 12px 12px;background:linear-gradient(to top,rgba(13,9,19,.99),rgba(18,12,25,.96));border-top:1px solid rgba(255,255,255,.07);box-shadow:0 -12px 35px rgba(0,0,0,.15)}
.chat-toolbelt{display:flex;gap:6px;align-items:center;overflow-x:auto;padding:1px 0 8px;scrollbar-width:none}.chat-toolbelt::-webkit-scrollbar{display:none}.chat-tool{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:6px 9px;border-radius:11px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);box-shadow:none;color:#e7dce9;font-size:11px;font-weight:780;cursor:pointer}.chat-tool:hover{transform:none;background:rgba(255,255,255,.075)}.chat-tool small{font-size:8px;color:#ffd59a;padding-left:2px}.voice-tool{border-color:rgba(255,77,141,.14)}
.compose-row-modern{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end;padding:5px 6px 5px 12px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075)}.compose-row-modern textarea{min-height:48px;max-height:150px;margin:0;padding:12px 2px;background:transparent!important;border:0!important;box-shadow:none!important;resize:none;overflow-y:auto}.compose-side{display:flex;align-items:center;gap:5px;padding-bottom:1px}.chat-char-count{font-size:9px;color:var(--soft);min-width:44px;text-align:right}.chat-send{width:45px;height:45px;min-height:45px;padding:0;border-radius:14px;font-size:18px}
.chat-compose-meta{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-top:7px;padding:0 3px;color:var(--soft);font-size:9px}.chat-upload-status{margin-top:8px}
.chat-jump-bottom{position:absolute;right:18px;bottom:166px;z-index:8;min-height:36px;padding:7px 10px;border-radius:999px;background:rgba(32,21,43,.94);border:1px solid rgba(255,255,255,.11);box-shadow:0 12px 30px rgba(0,0,0,.3);font-size:10px}.chat-jump-bottom[hidden]{display:none}

/* Voice notes */
.voice-msg{min-width:min(350px,72%)}.voice-message{display:flex;align-items:center;gap:9px;min-width:280px}.voice-message audio[data-voice-audio]{display:none}.voice-play{flex:0 0 42px;width:42px;height:42px;min-height:42px;padding:0;border-radius:50%;background:rgba(255,255,255,.14);box-shadow:none;border:1px solid rgba(255,255,255,.12);font-size:15px}.voice-body{flex:1;min-width:0}.voice-waveform,.voice-live-wave{height:36px;display:flex;align-items:center;gap:2px;overflow:hidden}.voice-waveform i,.voice-live-wave i{display:block;width:3px;height:var(--voice-h,15px);min-height:5px;border-radius:99px;background:rgba(255,255,255,.47);transition:.16s}.msg:not(.mine) .voice-waveform i{background:rgba(225,209,231,.48)}.voice-progress{appearance:none;width:100%;height:3px;margin:0;display:block;background:rgba(255,255,255,.13);border:0;border-radius:999px;cursor:pointer}.voice-progress::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#fff}.voice-progress::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#fff}.voice-times{display:flex;justify-content:space-between;margin-top:3px;font-size:8px;color:rgba(255,255,255,.64)}.voice-speed{flex:0 0 auto;min-height:27px;padding:3px 7px;border-radius:9px;background:rgba(255,255,255,.09);box-shadow:none;border:1px solid rgba(255,255,255,.06);font-size:9px}
.voice-recorder{margin:8px 0 0;padding:13px;border-radius:17px;background:linear-gradient(145deg,rgba(143,91,255,.105),rgba(255,77,141,.07));border:1px solid rgba(255,255,255,.08)}.voice-recorder[hidden]{display:none}.voice-recorder-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.voice-recorder-head>div{display:flex;align-items:center;gap:8px;min-width:0}.voice-recorder-head b{font-size:12px}.voice-recorder-head>span{font-size:10px;color:var(--muted);white-space:nowrap}.voice-live-dot{width:9px;height:9px;border-radius:50%;background:#777;box-shadow:0 0 0 5px rgba(255,255,255,.035)}.voice-recorder.recording .voice-live-dot{background:#ff536a;box-shadow:0 0 0 5px rgba(255,83,106,.11);animation:voicePulse 1s infinite}.voice-live-wave{height:46px;justify-content:center;margin:7px 0}.voice-live-wave i{width:4px;background:linear-gradient(to top,rgba(143,91,255,.55),rgba(255,77,141,.85));opacity:.52}.voice-recorder.recording .voice-live-wave i{animation:voiceBar .7s ease-in-out infinite alternate}.voice-recorder.recording .voice-live-wave i:nth-child(3n){animation-delay:.12s}.voice-recorder.recording .voice-live-wave i:nth-child(4n){animation-delay:.24s}.voice-recorder audio[data-voice-preview]{width:100%;height:38px;margin:5px 0 2px}.voice-recorder-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.voice-recorder-actions .btn{min-height:36px;padding:7px 10px;font-size:10px}.voice-recorder-note{margin:6px 0 9px}@keyframes voicePulse{50%{transform:scale(.82);opacity:.62}}@keyframes voiceBar{from{transform:scaleY(.45);opacity:.35}to{transform:scaleY(1.18);opacity:1}}

/* Chat games */
.chat-games-modal{width:min(760px,100%)}.chat-game-create-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.chat-game-create{min-height:92px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:11px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.065);box-shadow:none;text-align:left}.chat-game-create>span{font-size:22px}.chat-game-create b{font-size:11px}.chat-game-create small{font-size:9px;color:var(--muted)}.chat-game-list{display:grid;gap:9px;max-height:50dvh;overflow:auto;padding-right:2px}.chat-game-card{padding:13px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.chat-game-card.closed{background:rgba(65,217,155,.035);border-color:rgba(65,217,155,.12)}.chat-game-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chat-game-card-head>div{display:flex;align-items:flex-start;gap:8px}.chat-game-card-head>div>span{font-size:20px}.chat-game-card-head b{font-size:12px;line-height:1.4}.chat-game-card-head small{font-size:9px;color:var(--muted)}.chat-game-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.chat-game-options button{min-height:38px;padding:7px 9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);box-shadow:none;font-size:10px}.chat-game-waiting{margin-top:10px;padding:8px 10px;border-radius:10px;background:rgba(143,91,255,.08);color:var(--muted);font-size:10px}.chat-game-reveal{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.chat-game-reveal>div{padding:9px;border-radius:11px;background:rgba(65,217,155,.06);border:1px solid rgba(65,217,155,.09)}.chat-game-reveal b,.chat-game-reveal span{display:block}.chat-game-reveal b{font-size:9px;color:var(--muted)}.chat-game-reveal span{font-size:11px;margin-top:2px}
.history-voice,.admin-chat-audio{display:grid;gap:6px;margin-top:8px}.history-voice audio,.admin-chat-audio audio{width:min(420px,100%);height:38px}

/* Light theme readability for the richer chat */
body.theme-light .chat-modern .chat-sidebar,body.theme-light .chat-modern .chat-main{background:#fff;color:#18131c;border-color:#d4ccd8;box-shadow:0 14px 38px rgba(40,28,48,.08)}body.theme-light .chat-head-modern{background:rgba(255,255,255,.94);border-bottom-color:#ddd5e1}body.theme-light .chat-thread{background:linear-gradient(180deg,#fbf9fc,#f4f0f6)}body.theme-light .chat-modern .msg:not(.mine){background:#fff;color:#1d1721;border-color:#d7cfdc;box-shadow:0 7px 18px rgba(43,29,50,.06)}body.theme-light .chat-modern .msg.mine{color:#fff}body.theme-light .chat-day-separator span{background:#fff;color:#6a5f70;border-color:#d7cfdc}body.theme-light .chat-day-separator:before,body.theme-light .chat-day-separator:after{background:#d9d1dd}body.theme-light .chat-compose-modern{background:rgba(255,255,255,.97);border-top-color:#d7cfdc}body.theme-light .chat-tool{background:#f1ecf3;color:#2a2230;border-color:#d7cfdc}body.theme-light .chat-tool small{color:#824f00}body.theme-light .compose-row-modern{background:#fff;border-color:#c9c0ce}body.theme-light .compose-row-modern textarea{color:#17131a!important}body.theme-light .chat-compose-meta{color:#655b6b}body.theme-light .chat-jump-bottom{background:#fff;color:#2d2333;border-color:#cfc6d4}body.theme-light .voice-recorder{background:linear-gradient(145deg,#f7f1ff,#fff1f6);color:#211927;border-color:#d4c5df}body.theme-light .voice-live-wave i{opacity:.72}body.theme-light .chat-game-card,body.theme-light .chat-game-create{background:#fff;color:#1d1721;border-color:#d5cddb}body.theme-light .chat-game-options button{background:#f3eef5;color:#241d29;border-color:#d5cddb}body.theme-light .chat-game-waiting{background:#f3ecff;color:#574b5d}body.theme-light .chat-game-reveal>div{background:#eefaf5;color:#1f4a38;border-color:#b8ddcc}body.theme-light .voice-msg:not(.mine) .voice-waveform i{background:#74697a}body.theme-light .voice-msg:not(.mine) .voice-progress{background:#ddd5e1}body.theme-light .voice-msg:not(.mine) .voice-progress::-webkit-slider-thumb{background:#5b4d62}body.theme-light .voice-msg:not(.mine) .voice-times{color:#6d6273}body.theme-light .chat-side-facts span{background:#f3eef5;color:#655b6b}

@media(max-width:960px){.chat-modern{grid-template-columns:260px minmax(0,1fr)}.chat-game-create-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){body.chat-modern-page{padding-bottom:0}.chat-modern-page .topbar{display:none}.chat-modern-page .shell{width:100%!important;margin:0!important;max-width:none}.chat-modern{display:block;min-height:100dvh}.chat-modern .chat-sidebar{display:none}.chat-modern .chat-main{height:100dvh;min-height:100dvh;border:0;border-radius:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.chat-head-modern{padding:calc(8px + env(safe-area-inset-top,0px)) 9px 8px;min-height:64px}.chat-head-modern .avatar{width:40px;height:40px}.chat-head-action{width:37px;height:37px;min-height:37px}.chat-thread{max-height:none!important;height:auto;padding:12px 10px 10px}.chat-modern .msg{max-width:87%;font-size:14px}.voice-msg{min-width:min(310px,87%)}.voice-message{min-width:235px}.chat-compose-modern{padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px))}.chat-toolbelt{padding-bottom:6px}.chat-tool{min-height:32px;padding:5px 8px}.compose-row-modern{border-radius:17px}.compose-row-modern textarea{min-height:46px!important;font-size:16px!important}.chat-char-count{display:none}.chat-jump-bottom{right:12px;bottom:145px}.chat-game-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-game-list{max-height:48dvh}.chat-image-viewer-box{width:100%;max-height:100dvh;border-radius:0}.chat-image-viewer-box img{max-height:96dvh}.typing-line{height:20px;padding:2px 12px}.chat-history-link{font-size:9px}}
@media(max-width:480px){.chat-head-actions{gap:2px}.chat-head-action{width:34px;height:34px;min-height:34px}.chat-modern .msg{max-width:91%}.voice-msg{min-width:88%}.voice-message{min-width:0}.voice-play{flex-basis:38px;width:38px;height:38px;min-height:38px}.voice-waveform{gap:1px}.voice-waveform i{width:2px}.chat-compose-meta span:last-child{display:none}.chat-game-create-grid{grid-template-columns:1fr 1fr}.chat-game-reveal{grid-template-columns:1fr}.voice-recorder-actions{display:grid;grid-template-columns:1fr 1fr}.voice-recorder-actions .btn{width:100%}}

/* ===== FLIRIVO 2.20.10 — bright standard/free appearance ===== */
html[data-theme="light"]{background:#f3f6fa;color-scheme:light}
body.theme-light{--bg:#f3f6fa;--bg2:#eaf0f7;--panel:#fff;--panel2:#f7f9fc;--glass:rgba(255,255,255,.92);--text:#172033;--muted:#667085;--soft:#8792a2;--line:#dce3ec;--shadow:0 16px 42px rgba(28,45,72,.09);background:linear-gradient(180deg,#f8fafc 0%,#eef3f8 100%)!important;color:#172033}
body.theme-light:before{opacity:.3;background-image:linear-gradient(rgba(31,50,80,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(31,50,80,.025) 1px,transparent 1px)}
body.theme-light .ambient{opacity:.055}
body.theme-light .topbar{background:rgba(255,255,255,.95)!important;border-bottom:1px solid #dfe6ef!important;box-shadow:0 7px 24px rgba(30,48,75,.055)}
body.theme-light .brand{color:#172033!important}body.theme-light .brand-mark{color:#fff!important}
body.theme-light .desktop-nav>a{color:#4b5870!important}body.theme-light .desktop-nav>a:hover{background:#eef3f8!important;color:#172033!important}
body.theme-light .desktop-nav .nav-cta,body.theme-light .spark-chip{color:#fff!important}
body.theme-light .spark-chip{background:linear-gradient(135deg,#f0a833,#dc7f20)!important;border-color:transparent!important}
body.theme-light .mobile-head-icon,body.theme-light .mobile-points{background:#f5f7fa!important;border-color:#dce3ec!important;color:#364152!important}
body.theme-light .mobile-points{color:#8a5a08!important}
body.theme-light .card,body.theme-light .panel,body.theme-light .side-card,body.theme-light .form-card,body.theme-light .feature,body.theme-light .cta-panel,body.theme-light .setting-card,body.theme-light .status-cluster,body.theme-light .ops-strip>div{background:#fff!important;color:#172033!important;border-color:#dce3ec!important;box-shadow:0 12px 32px rgba(32,48,74,.065)!important}
body.theme-light .feature p,body.theme-light .section-head p,body.theme-light .hero-lead,body.theme-light .trust-row,body.theme-light .form-footer{color:#667085!important}
body.theme-light .eyebrow,body.theme-light .pill,body.theme-light .tag,body.theme-light .badge:not(.premium):not(.plus){background:#f3f6fa!important;border-color:#dce3ec!important;color:#475467!important}
body.theme-light .cta-panel{background:linear-gradient(135deg,#fff,#f7f3ff)!important}
body.theme-light label,body.theme-light .check{color:#344054!important}
body.theme-light input,body.theme-light textarea,body.theme-light select{background:#fff!important;color:#172033!important;border-color:#cbd5e1!important}
body.theme-light .btn.secondary,body.theme-light button.secondary,body.theme-light .btn.ghost,body.theme-light button.ghost{background:#f4f7fa!important;color:#344054!important;border:1px solid #d7e0ea!important}
body.theme-light .icon-btn{background:#f4f7fa!important;color:#344054!important;border-color:#d7e0ea!important}
body.theme-light .footer{color:#667085!important;border-top-color:#dce3ec!important}body.theme-light .footer a{color:#475467!important}
body.theme-light .mobile-nav{background:rgba(255,255,255,.97)!important;border:1px solid #dbe3ec!important;box-shadow:0 14px 36px rgba(31,47,72,.14)!important}
body.theme-light .mobile-nav a{color:#667085!important}body.theme-light .mobile-nav a.active,body.theme-light .mobile-nav a[aria-current="page"]{background:#f1eefa!important;color:#5727a3!important}body.theme-light .mobile-nav a.active span,body.theme-light .mobile-nav a[aria-current="page"] span{color:#7c3aed!important}
body.theme-light .theme-preview-light{background:linear-gradient(145deg,#fff,#eaf0f7)!important;border:1px solid #dce3ec!important;color:#172033!important}
body.theme-light .theme-tier.free{color:#14734d!important;background:#e9f8f1!important}
body.theme-light .globe-stage{background:radial-gradient(circle at 47% 36%,#e9eff8,#cfd9e7 72%)!important}
body.theme-light .mail-preview-shell iframe{background:#fff!important}
@media(max-width:780px){body.theme-light .topbar{background:rgba(255,255,255,.97)!important}body.theme-light:not(.chat-modern-page) .shell{background:transparent}body.theme-light .chat-main{background:#fff!important}body.theme-light .chat-head{background:rgba(255,255,255,.97)!important}body.theme-light .chat-compose{background:rgba(255,255,255,.98)!important;border-top-color:#dce3ec!important}}
@media(display-mode:standalone){html[data-theme="light"],body.theme-light{background:#f3f6fa!important}}

/* 2.20.11 core chat + world map polish */
.chat-thread{overflow-anchor:none;scroll-behavior:auto!important;overscroll-behavior:contain}
.chat-thread .msg{overflow-anchor:none}.chat-compose{overflow-anchor:auto}
.chat-send:disabled,.chat-game-create:disabled,.chat-game-options button:disabled{opacity:.55;cursor:wait}
.chat-game-card{transition:border-color .18s ease,background .18s ease,transform .18s ease}.chat-game-card:focus-within{border-color:rgba(255,77,141,.42)}
.sticker-grid button{touch-action:manipulation}.sticker-grid button:active,.chat-game-create:active,.chat-game-options button:active{transform:scale(.97)}
.globe-stage{position:relative;isolation:isolate;background:radial-gradient(circle at 42% 30%,rgba(76,68,126,.32),rgba(7,6,14,.98) 72%);border:1px solid rgba(174,145,230,.18);box-shadow:inset 0 0 70px rgba(95,68,150,.12),0 22px 70px rgba(0,0,0,.24)}
#flirivo-globe{filter:saturate(1.06) contrast(1.03);touch-action:none}
body.theme-light .globe-stage{background:radial-gradient(circle at 42% 30%,#eef4fb,#d7e0ec 72%)!important;border-color:#cbd7e5!important;box-shadow:inset 0 0 55px rgba(78,102,132,.08),0 18px 44px rgba(31,48,67,.12)!important}
.theme-preview-classic{background:radial-gradient(circle at 30% 25%,#352148,#09070d 70%);color:#ff72a7}
@media(max-width:780px){.chat-thread{scroll-behavior:auto!important}.chat-game-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* ===== FLIRIVO 2.20.13 — final chat/picker/theme visibility hardening ===== */
/*
 * Important: this block intentionally replaces the malformed 2.20.12 tail.
 * All theme/chat values below are real CSS tokens, not escaped "\
" text.
 */
body.theme-classic{
  --text:#fff8fc;--muted:#d2c4d5;--soft:#b6a8bb;--line:rgba(255,255,255,.16);
  --chat-bg:#120d19;--chat-surface:#1b1324;--chat-surface-2:#261b30;--chat-text:#fff8fc;--chat-muted:#c8b9cc;--chat-border:rgba(255,255,255,.16);--chat-control:#2b2034;--chat-control-hover:#382840;--chat-bubble-in:#2a2032;
}
body.theme-light{
  --bg:#f3f6fa;--bg2:#eaf0f7;--panel:#fff;--panel2:#f7f9fc;--glass:rgba(255,255,255,.94);--text:#172033;--muted:#536174;--soft:#667487;--line:#cbd6e2;
  --chat-bg:#f1f4f8;--chat-surface:#fff;--chat-surface-2:#eef2f7;--chat-text:#172033;--chat-muted:#536174;--chat-border:#c9d3df;--chat-control:#f1f4f8;--chat-control-hover:#e6ebf2;--chat-bubble-in:#fff;
}
body.theme-aurora{
  --text:#f2ffff;--muted:#bfe2e2;--soft:#9dc9ca;--line:rgba(104,255,228,.19);
  --chat-bg:#071920;--chat-surface:#0b232b;--chat-surface-2:#11313a;--chat-text:#f2ffff;--chat-muted:#bfe2e2;--chat-border:rgba(104,255,228,.19);--chat-control:#12323b;--chat-control-hover:#18414a;--chat-bubble-in:#10303a;
}
body.theme-velvet{
  --text:#fff8fb;--muted:#e1c1cd;--soft:#c59cac;--line:rgba(255,132,173,.20);
  --chat-bg:#170810;--chat-surface:#2b0e1b;--chat-surface-2:#3a1424;--chat-text:#fff8fb;--chat-muted:#e1c1cd;--chat-border:rgba(255,132,173,.20);--chat-control:#3a1424;--chat-control-hover:#4a1b2d;--chat-bubble-in:#351322;
}

/* Geometry: no child may collapse the chat into a narrow right column. */
.chat-layout,.chat-modern,.chat-main,.chat-main>*,.chat-head,.chat-thread,.chat-compose,.chat-compose-modern,.compose-row-modern{min-width:0;max-width:100%}
.chat-modern{width:100%;grid-template-columns:minmax(260px,300px) minmax(0,1fr)}
.chat-modern .chat-main{width:100%;overflow:hidden}
.chat-thread{width:100%;overflow-anchor:none;scroll-behavior:auto!important;overscroll-behavior:contain}
.chat-thread .msg{overflow-anchor:none}
.chat-compose{overflow-anchor:auto}

/* Main chat surfaces use semantic theme colors. */
.chat-modern .chat-sidebar,.chat-modern .chat-main{background:var(--chat-surface)!important;color:var(--chat-text)!important;border:1px solid var(--chat-border)!important}
.chat-head-modern{background:var(--chat-surface)!important;border-bottom:1px solid var(--chat-border)!important;color:var(--chat-text)!important}
.chat-thread{background:var(--chat-bg)!important;color:var(--chat-text)!important}
.chat-compose-modern{background:var(--chat-surface)!important;border-top:1px solid var(--chat-border)!important;color:var(--chat-text)!important}
.chat-sidebar-card,.chat-relationship-card{background:var(--chat-surface-2)!important;border:1px solid var(--chat-border)!important;color:var(--chat-text)!important;box-shadow:none!important}
.chat-sidebar-card p,.chat-user small,.presence.offline,.typing-line,.chat-compose-meta{color:var(--chat-muted)!important}
.chat-search{color:var(--chat-muted)!important}
.chat-search input{background:transparent!important;color:var(--chat-text)!important;border-color:transparent!important}
.chat-search input::placeholder{color:var(--chat-muted)!important;opacity:1}
.icebreaker{background:var(--chat-control)!important;border:1px solid var(--chat-border)!important;color:var(--chat-text)!important;box-shadow:none!important}
.icebreaker:hover{background:var(--chat-control-hover)!important;border-color:var(--accent)!important}
.chat-side-facts span{background:var(--chat-control)!important;border:1px solid var(--chat-border)!important;color:var(--chat-muted)!important}
.chat-tool{background:var(--chat-control)!important;border:1px solid var(--chat-border)!important;color:var(--chat-text)!important;box-shadow:none!important}
.chat-tool:hover{background:var(--chat-control-hover)!important}
.chat-tool small{color:var(--accent3)!important}
.compose-row-modern{background:var(--chat-surface)!important;border:1px solid var(--chat-border)!important;box-shadow:none!important}
.compose-row-modern textarea{background:transparent!important;color:var(--chat-text)!important;border:0!important;box-shadow:none!important}
.compose-row-modern textarea::placeholder{color:var(--chat-muted)!important;opacity:1}

/* Incoming/outgoing message readability. */
.chat-modern .msg:not(.mine):not(.sticker-msg){background:var(--chat-bubble-in)!important;color:var(--chat-text)!important;border:1px solid var(--chat-border)!important;box-shadow:0 7px 20px rgba(0,0,0,.08)!important}
.chat-modern .msg.mine:not(.sticker-msg){color:#fff!important;border-color:rgba(255,255,255,.18)!important}
.chat-modern .msg:not(.mine) .msg-time{color:var(--chat-muted)!important;opacity:1!important}
.chat-modern .msg:not(.mine) .message-mini-action{color:var(--chat-muted)!important;background:var(--chat-control)!important;border:1px solid var(--chat-border)!important;opacity:1!important}
.chat-modern .msg:not(.mine) .message-mini-action:hover{color:var(--chat-text)!important;background:var(--chat-control-hover)!important}
.chat-modern .msg.mine .msg-time{color:rgba(255,255,255,.82)!important;opacity:1!important}
.chat-modern .msg.mine .message-mini-action{color:rgba(255,255,255,.88)!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.13)!important;opacity:1!important}
.chat-modern .msg.mine .message-mini-action:hover{color:#fff!important;background:rgba(255,255,255,.16)!important}
.chat-modern .msg:not(.mine) .reply-preview{background:var(--chat-control)!important;border-left-color:var(--accent)!important;color:var(--chat-muted)!important}
.chat-modern .msg.mine .reply-preview{background:rgba(0,0,0,.16)!important;color:rgba(255,255,255,.88)!important;border-left-color:rgba(255,255,255,.58)!important}
.chat-modern .msg:not(.mine) .deleted-message{color:var(--chat-muted)!important}
.reaction-picker{opacity:.72!important}
.msg:hover .reaction-picker,.msg:focus-within .reaction-picker{opacity:1!important}
.chat-modern .msg:not(.mine) .reaction-picker button,.chat-modern .msg:not(.mine) .reaction-pill{background:var(--chat-control)!important;color:var(--chat-text)!important;border:1px solid var(--chat-border)!important}
.chat-modern .msg.mine .reaction-picker button,.chat-modern .msg.mine .reaction-pill{background:rgba(255,255,255,.09)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important}

/* Stickers are real large stickers — no tiny emoji floating inside a huge pale message card. */
.chat-modern .msg.sticker-msg,.chat-modern .msg.sticker-msg.mine{background:transparent!important;border:0!important;box-shadow:none!important;padding:3px 5px!important;overflow:visible}
.sticker-render{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:0!important;padding:3px 5px!important;background:transparent!important;border:0!important;border-radius:0!important;font-size:76px!important;line-height:1!important;filter:drop-shadow(0 10px 16px rgba(0,0,0,.22))}
.sticker-msg .msg-meta{margin-top:0!important;padding-inline:4px}

/* Jump-to-latest must not cover message content and is invisible at the bottom. */
.chat-jump-bottom{right:18px!important;bottom:118px!important;z-index:8!important;background:var(--chat-surface)!important;color:var(--chat-text)!important;border:1px solid var(--chat-border)!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important}
.chat-jump-bottom[hidden]{display:none!important}

/* Emoji / sticker picker: compact centered dialog, one obvious category bar, no black/white split. */
.chat-picker-modal{width:min(760px,calc(100vw - 40px))!important;max-width:760px!important;max-height:min(780px,82dvh)!important;padding:20px!important;background:var(--chat-surface)!important;color:var(--chat-text)!important;border:1px solid var(--chat-border)!important;border-radius:24px!important;overflow:auto!important;box-shadow:0 30px 90px rgba(0,0,0,.32)!important}
.chat-picker-modal .modal-head{gap:18px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--chat-border)}
.chat-picker-modal .modal-head h2{color:var(--chat-text)!important;font-size:clamp(26px,4vw,40px);line-height:1.05;margin-top:5px}
.chat-picker-modal .modal-close{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border-radius:14px;background:var(--chat-control)!important;color:var(--chat-text)!important;border:1px solid var(--chat-border)!important;box-shadow:none!important;font-size:24px;line-height:1}
.chat-picker-modal .modal-close:hover{background:var(--chat-control-hover)!important}
.emoji-category-tabs{position:sticky!important;top:-20px!important;z-index:3!important;display:flex!important;gap:7px!important;padding:12px 0 10px!important;margin:0!important;background:var(--chat-surface)!important;border-bottom:1px solid var(--chat-border)!important;overflow-x:auto!important;scrollbar-width:none}
.emoji-category-tabs::-webkit-scrollbar{display:none}
.emoji-category-tabs button{flex:0 0 auto!important;min-width:0!important;width:auto!important;height:34px!important;min-height:34px!important;padding:6px 11px!important;border-radius:999px!important;background:var(--chat-control)!important;color:var(--chat-muted)!important;border:1px solid var(--chat-border)!important;box-shadow:none!important;font-size:11px!important;line-height:1!important;font-weight:850!important;white-space:nowrap!important}
.emoji-category-tabs button.active{background:var(--chat-control-hover)!important;color:var(--chat-text)!important;border-color:var(--accent)!important}
.emoji-picker-panels{padding-top:14px}
.emoji-picker-grid{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:7px!important}
.emoji-picker-grid button{width:100%!important;aspect-ratio:1!important;min-width:0!important;min-height:48px!important;padding:4px!important;border-radius:14px!important;background:var(--chat-control)!important;color:var(--chat-text)!important;border:1px solid var(--chat-border)!important;box-shadow:none!important;font-size:27px!important;line-height:1!important}
.emoji-picker-grid button:hover,.emoji-picker-grid button:focus-visible{background:var(--chat-control-hover)!important;border-color:var(--accent)!important;transform:translateY(-1px)}

/* The sticker modal owns its grid; legacy .sticker-grid absolute drawer rules are neutralized here. */
.chat-picker-modal .sticker-grid,.chat-picker-modal .sticker-grid-v213{position:static!important;inset:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:14px 0 0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.chat-picker-modal .sticker-grid button,.chat-picker-modal .sticker-grid-v213 button{width:100%!important;min-width:0!important;min-height:132px!important;aspect-ratio:auto!important;padding:14px 10px!important;border-radius:18px!important;background:var(--chat-control)!important;color:var(--chat-text)!important;border:1px solid var(--chat-border)!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;white-space:normal!important}
.chat-picker-modal .sticker-grid button:hover,.chat-picker-modal .sticker-grid-v213 button:hover{background:var(--chat-control-hover)!important;border-color:var(--accent)!important}
.chat-picker-modal .sticker-grid button span,.chat-picker-modal .sticker-grid-v213 button span{display:block!important;font-size:54px!important;line-height:1!important;filter:drop-shadow(0 6px 10px rgba(0,0,0,.14))}
.chat-picker-modal .sticker-grid button b,.chat-picker-modal .sticker-grid-v213 button b{display:block!important;max-width:100%;font-size:12px!important;line-height:1.25!important;text-align:center!important;color:var(--chat-text)!important;overflow-wrap:anywhere}

/* Light design: every major box has a visible edge and dark readable copy. */
body.theme-light{background:linear-gradient(180deg,#f8fafc 0%,#edf2f7 100%)!important;color:#172033!important}
body.theme-light :where(.card,.panel,.side-card,.form-card,.feature,.cta-panel,.setting-card,.settings-card,.status-cluster,.list-row,.theme-option-button,.premium-locked-setting,.empty,.peer-card-box,.modal-box,.connection-card,.notification-row,.product-card,.premium-product,.fair-panel,.admin-conversation-card,.fl-inline-slot){background:#fff!important;color:#172033!important;border:1px solid #cbd6e2!important;box-shadow:0 10px 28px rgba(31,47,72,.07)!important}
body.theme-light :where(.muted,.soft,.field-help,.theme-copy em,.form-footer,.section-head p,.hero-lead,.trust-row,.small,small:not(.theme-tier):not(.badge)){color:#536174!important}
body.theme-light :where(.card,.panel,.side-card,.form-card,.feature,.cta-panel,.setting-card,.settings-card,.status-cluster,.list-row,.theme-option-button,.premium-locked-setting,.empty,.peer-card-box,.modal-box) :where(h1,h2,h3,h4,h5,h6,b,strong,label){color:#172033!important}
body.theme-light input,body.theme-light textarea,body.theme-light select{background:#fff!important;color:#172033!important;border:1px solid #aebbc9!important;box-shadow:none!important}
body.theme-light input::placeholder,body.theme-light textarea::placeholder{color:#6b7788!important;opacity:1!important}
body.theme-light .btn.secondary,body.theme-light button.secondary,body.theme-light .btn.ghost,body.theme-light button.ghost,body.theme-light .icon-btn{background:#f1f4f8!important;color:#263448!important;border:1px solid #c7d2df!important;box-shadow:none!important}
body.theme-light .btn.secondary:hover,body.theme-light button.secondary:hover,body.theme-light .btn.ghost:hover,body.theme-light button.ghost:hover,body.theme-light .icon-btn:hover{background:#e7edf4!important;color:#172033!important;border-color:#aebbc9!important}
body.theme-light .kicker{color:#b52f70!important}
body.theme-light .theme-option-button.selected{outline:3px solid rgba(124,58,237,.18)!important;border-color:#8f6dc9!important;background:#faf7ff!important}

/* Dark themes: secondary copy and controls stay light enough; no black-on-grey controls. */
body:is(.theme-classic,.theme-aurora,.theme-velvet) :where(.card,.panel,.side-card,.form-card,.feature,.cta-panel,.setting-card,.settings-card,.status-cluster,.list-row,.theme-option-button,.premium-locked-setting,.empty,.peer-card-box,.modal-box,.connection-card,.notification-row,.product-card,.premium-product,.fair-panel,.admin-conversation-card,.fl-inline-slot){color:var(--text)!important;border-color:var(--line)!important}
body:is(.theme-classic,.theme-aurora,.theme-velvet) :where(.muted,.soft,.field-help,.theme-copy em,.form-footer,.small,small:not(.theme-tier):not(.badge)){color:var(--muted)!important}
body:is(.theme-classic,.theme-aurora,.theme-velvet) input,body:is(.theme-classic,.theme-aurora,.theme-velvet) textarea,body:is(.theme-classic,.theme-aurora,.theme-velvet) select{color:var(--text)!important;border-color:var(--line)!important}
body:is(.theme-classic,.theme-aurora,.theme-velvet) input::placeholder,body:is(.theme-classic,.theme-aurora,.theme-velvet) textarea::placeholder{color:var(--soft)!important;opacity:1!important}

.chat-send:disabled,.chat-game-create:disabled,.chat-game-options button:disabled{opacity:.55;cursor:wait}
.sticker-grid button{touch-action:manipulation}
.sticker-grid button:active,.chat-game-create:active,.chat-game-options button:active{transform:scale(.97)}

/* Keep globe polish from 2.20.11. */
.globe-stage{position:relative;isolation:isolate;background:radial-gradient(circle at 42% 30%,rgba(76,68,126,.32),rgba(7,6,14,.98) 72%);border:1px solid rgba(174,145,230,.18);box-shadow:inset 0 0 70px rgba(95,68,150,.12),0 22px 70px rgba(0,0,0,.24)}
#flirivo-globe{filter:saturate(1.06) contrast(1.03);touch-action:none}
body.theme-light .globe-stage{background:radial-gradient(circle at 42% 30%,#eef4fb,#d7e0ec 72%)!important;border-color:#cbd7e5!important;box-shadow:inset 0 0 55px rgba(78,102,132,.08),0 18px 44px rgba(31,48,67,.12)!important}
.theme-preview-classic{background:radial-gradient(circle at 30% 25%,#352148,#09070d 70%)!important;color:#ff72a7!important}
.theme-preview-light{background:linear-gradient(145deg,#fff,#eaf0f7)!important;color:#172033!important;border:1px solid #cbd6e2!important}

@media(max-width:960px){.chat-modern{grid-template-columns:minmax(230px,260px) minmax(0,1fr)}.emoji-picker-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}}
@media(max-width:780px){
  .chat-thread{scroll-behavior:auto!important}
  .chat-picker-modal{width:calc(100vw - 16px)!important;max-width:none!important;max-height:84dvh!important;padding:16px!important;border-radius:22px!important}
  .emoji-category-tabs{top:-16px!important}
  .emoji-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important}
  .emoji-picker-grid button{min-height:44px!important;font-size:24px!important}
  .chat-picker-modal .sticker-grid,.chat-picker-modal .sticker-grid-v213{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .chat-picker-modal .sticker-grid button,.chat-picker-modal .sticker-grid-v213 button{min-height:112px!important}
  .chat-jump-bottom{right:12px!important;bottom:142px!important}
  .sticker-render{font-size:68px!important}
}
@media(max-width:480px){
  .emoji-category-tabs button{height:32px!important;min-height:32px!important;padding:5px 9px!important;font-size:10px!important}
  .emoji-picker-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .chat-picker-modal .sticker-grid,.chat-picker-modal .sticker-grid-v213{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .chat-picker-modal .sticker-grid button,.chat-picker-modal .sticker-grid-v213 button{min-height:108px!important}
  .chat-picker-modal .sticker-grid button span,.chat-picker-modal .sticker-grid-v213 button span{font-size:50px!important}
  .sticker-render{font-size:62px!important}
}

/* ===== FLIRIVO 2.21.0 — contrast / QoL / performance hardening ===== */
/* Semantic surfaces keep all four themes readable without page-specific color accidents. */
body.theme-classic{
  --ui-surface:#17101f;--ui-surface-elevated:#21172c;--ui-surface-soft:#2a1e34;--ui-text:#fff8fc;--ui-muted:#d6c8da;--ui-soft:#b9abbf;--ui-border:rgba(255,255,255,.22);--ui-chip:#2b2034;--ui-focus:#ff71a4;
}
body.theme-light{
  --ui-surface:#ffffff;--ui-surface-elevated:#ffffff;--ui-surface-soft:#f1f5f9;--ui-text:#111827;--ui-muted:#455468;--ui-soft:#5d6b7c;--ui-border:#b8c4d2;--ui-chip:#edf2f7;--ui-focus:#6d35b5;
}
body.theme-aurora{
  --ui-surface:#082029;--ui-surface-elevated:#0c2a34;--ui-surface-soft:#123741;--ui-text:#f4ffff;--ui-muted:#c9e8e8;--ui-soft:#a9d2d3;--ui-border:rgba(105,255,228,.30);--ui-chip:#123741;--ui-focus:#59e6d4;
}
body.theme-velvet{
  --ui-surface:#250d18;--ui-surface-elevated:#32101f;--ui-surface-soft:#421729;--ui-text:#fff9fb;--ui-muted:#e9cbd6;--ui-soft:#cfa9b8;--ui-border:rgba(255,145,183,.30);--ui-chip:#421729;--ui-focus:#ff75a8;
}

/* Generic contrast contract for authenticated application surfaces. */
.auth-user :where(.panel,.card,.side-card,.setting-card,.settings-card,.profile-summary-card,.connection-card,.notification-row,.product-card,.premium-product,.fair-panel,.status-cluster,.list-row,.empty,.modal-box,.theme-option-button,.premium-locked-setting,.fl-inline-slot){
  color:var(--ui-text)!important;border-color:var(--ui-border)!important;
}
.auth-user :where(.panel,.card,.side-card,.setting-card,.settings-card,.profile-summary-card,.connection-card,.notification-row,.product-card,.premium-product,.fair-panel,.status-cluster,.list-row,.empty,.modal-box,.theme-option-button,.premium-locked-setting) :where(h1,h2,h3,h4,h5,h6,strong,b,label){color:var(--ui-text)!important}
.auth-user :where(.muted,.soft,.small,.field-help,.form-footer,.theme-copy em,.section-head p,.page-head p){color:var(--ui-muted)!important}
.auth-user input,.auth-user textarea,.auth-user select{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
.auth-user input::placeholder,.auth-user textarea::placeholder{color:var(--ui-soft)!important;opacity:1!important}
.auth-user input:focus,.auth-user textarea:focus,.auth-user select:focus,.auth-user button:focus-visible,.auth-user a:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-focus) 30%,transparent)!important;outline-offset:2px}
.auth-user .btn.secondary,.auth-user button.secondary,.auth-user .btn.ghost,.auth-user button.ghost,.auth-user .icon-btn{background:var(--ui-chip)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;box-shadow:none!important}

/* Member profile was the strongest regression: never place dark text on a dark legacy panel. */
.member-story{background:var(--ui-surface-elevated)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;backdrop-filter:none!important;box-shadow:0 18px 46px rgba(0,0,0,.12)!important}
.member-story :where(h1,h2,h3,h4,strong,b){color:var(--ui-text)!important}
.member-title-row p,.member-bio,.member-prompts p{color:var(--ui-muted)!important}
.member-story section h3,.member-prompts small{color:var(--ui-muted)!important;opacity:1!important}
.profile-tags span,.member-facts span,.member-prompts article,.profile-open-link{background:var(--ui-surface-soft)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important}
.member-prompts article{box-shadow:none!important}
.member-prompts article>span{filter:none!important}
.email-verified-dot{background:var(--ui-chip)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important}
.identity-badge{color:#ecfff7!important;background:linear-gradient(135deg,#17664f,#4a3e91)!important;border-color:rgba(210,255,240,.42)!important}
body.theme-light .identity-badge{color:#123c2d!important;background:linear-gradient(135deg,#dcf7ec,#ece8ff)!important;border-color:#7bbca5!important}

/* Match grid/list view: coherent surfaces and high information density. */
.match-card{background:var(--ui-surface-elevated)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;box-shadow:0 12px 34px rgba(0,0,0,.11)!important}
.match-body h3,.match-body strong{color:var(--ui-text)!important}.match-body p{color:var(--ui-muted)!important}
.match-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 18px}
.match-toolbar .directory-filter{margin:0;flex:1 1 520px;padding:14px;display:flex;gap:8px;align-items:center}
.match-toolbar .directory-filter input{margin:0;min-width:160px;flex:1}.match-toolbar .directory-filter select{width:auto;min-width:150px;margin:0}
.match-view-switch{display:flex;gap:6px;padding:5px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface-elevated)}
.match-view-switch a{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:10px;color:var(--ui-muted);font-size:12px;font-weight:850}
.match-view-switch a.active{background:var(--ui-chip);color:var(--ui-text);box-shadow:inset 0 0 0 1px var(--ui-border)}
.match-unread{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--accent);color:#fff!important;font-size:11px;font-weight:950}
.match-last-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;color:var(--ui-muted);font-size:11px}
.match-grid.list-view{display:flex;flex-direction:column;gap:9px}
.match-grid.list-view .match-card{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;min-height:0;overflow:visible;border-radius:18px;padding:10px}
.match-grid.list-view .match-photo{width:92px;height:92px;border-radius:14px;overflow:hidden}
.match-grid.list-view .match-body{padding:4px 10px;min-width:0}.match-grid.list-view .match-body h3{font-size:18px}.match-grid.list-view .match-body p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:760px}
.match-grid.list-view .match-buttons{margin:0;min-width:240px}.match-grid.list-view .match-buttons .btn{flex:0 1 auto}
.match-grid.list-view .match-list-actions{display:flex;align-items:center;gap:8px}
.match-grid:not(.list-view) .match-list-actions{display:none}

/* Quick command palette available from every signed-in page. */
.quick-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.quick-nav-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface-soft);color:var(--ui-text);font-weight:800}.quick-nav-grid a:hover{border-color:var(--ui-focus);transform:translateY(-1px)}
.footer-link-button.quick-nav-open{display:inline-flex!important;align-items:center;gap:6px;text-decoration:none;border:1px solid var(--ui-border);border-radius:10px;padding:5px 9px;background:var(--ui-surface-soft)}

/* Performance: skip off-screen card layout work and avoid expensive blur on dense app views. */
@supports(content-visibility:auto){.match-card,.connection-card,.notification-row,.product-card,.member-prompts article{content-visibility:auto;contain-intrinsic-size:180px}}
.matches-page .match-card,.member-story,.chat-modern .chat-sidebar,.chat-modern .chat-main{backdrop-filter:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.auth-user *, .auth-user *::before,.auth-user *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media(max-width:760px){.match-toolbar{align-items:stretch}.match-toolbar .directory-filter{display:grid;grid-template-columns:minmax(0,1fr) auto}.match-toolbar .directory-filter select{grid-column:1/-1;width:100%}.match-view-switch{width:100%}.match-view-switch a{flex:1;justify-content:center}.match-grid.list-view .match-card{grid-template-columns:70px minmax(0,1fr);padding:8px}.match-grid.list-view .match-photo{width:70px;height:70px}.match-grid.list-view .match-buttons{grid-column:1/-1;min-width:0;margin-top:7px}.match-grid.list-view .match-buttons .btn{flex:1}.quick-nav-grid{grid-template-columns:1fr}}

/* Native form QoL without disabling named submit buttons. */
.auth-user button.is-submitting,.auth-user input[type="submit"].is-submitting{cursor:progress!important;opacity:.72!important}
[data-direct-intro].sent{pointer-events:none!important;opacity:.78!important}

/* ===== FLIRIVO 2.21.1 — discovery / modal / map quality pass ===== */
/* Modal close controls are deliberately theme-solid. They must never disappear on light or premium themes. */
.modal .modal-head{gap:16px;align-items:flex-start}
.modal .modal-head .modal-close,
.modal>.modal-box>.modal-close,
.modal .chat-image-viewer-close{
  position:relative;display:inline-grid!important;place-items:center!important;flex:0 0 44px!important;
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;
  border-radius:14px!important;background:var(--ui-surface-soft,var(--panel2,#24192d))!important;
  color:transparent!important;border:1px solid var(--ui-border,var(--line,rgba(255,255,255,.2)))!important;
  box-shadow:0 7px 20px rgba(0,0,0,.10)!important;font-size:0!important;line-height:1!important;opacity:1!important;
  overflow:hidden;isolation:isolate;cursor:pointer;
}
.modal .modal-head .modal-close::before,
.modal>.modal-box>.modal-close::before,
.modal .chat-image-viewer-close::before{
  content:"×";display:block;color:var(--ui-text,var(--text,#fff))!important;font:800 27px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  transform:translateY(-1px);opacity:1!important;
}
.modal .modal-head .modal-close:hover,
.modal>.modal-box>.modal-close:hover,
.modal .chat-image-viewer-close:hover{background:color-mix(in srgb,var(--ui-surface-soft,var(--panel2,#24192d)) 82%,var(--ui-focus,var(--accent,#ff4d8d)) 18%)!important;border-color:var(--ui-focus,var(--accent,#ff4d8d))!important;transform:translateY(-1px)}
.modal .modal-head .modal-close:focus-visible,
.modal>.modal-box>.modal-close:focus-visible,
.modal .chat-image-viewer-close:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-focus,var(--accent,#ff4d8d)) 38%,transparent)!important;outline-offset:3px!important}
body.theme-light .modal .modal-head .modal-close,
body.theme-light .modal>.modal-box>.modal-close,
body.theme-light .modal .chat-image-viewer-close{background:#f3f6fa!important;border-color:#aebdcd!important;box-shadow:0 6px 18px rgba(31,47,72,.10)!important}
body.theme-light .modal .modal-head .modal-close::before,
body.theme-light .modal>.modal-box>.modal-close::before,
body.theme-light .modal .chat-image-viewer-close::before{color:#172033!important}

/* Discover keeps the hero compact, but separates profile navigation from paid direct contact. */
.discover-profile-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 14px;max-width:100%}
.swipe-card .discover-profile-btn{
  margin:0!important;min-height:42px;max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:9px 13px!important;border-radius:14px!important;background:rgba(8,15,23,.74)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.34)!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12px!important;font-weight:850!important;text-decoration:none!important;
  white-space:nowrap;transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.swipe-card .discover-profile-btn:hover{transform:translateY(-1px);background:rgba(15,24,34,.88)!important;border-color:rgba(255,255,255,.58)!important}
.swipe-card .discover-profile-btn>span[aria-hidden="true"]{font-size:15px;line-height:1;opacity:.92}
.swipe-card .discover-profile-btn small{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff!important;font-size:10px;font-weight:900;letter-spacing:.01em}
.swipe-card .direct-intro-open{background:linear-gradient(135deg,rgba(18,96,103,.92),rgba(38,76,124,.92))!important;border-color:rgba(111,230,226,.48)!important}
.swipe-card .direct-intro-open:hover{background:linear-gradient(135deg,rgba(22,116,121,.97),rgba(48,91,143,.97))!important;border-color:rgba(145,247,239,.70)!important}
.discover-page .profile-meta{margin-top:2px}
.discover-page .swipe-card{contain:layout paint style}
.discover-page .swipe-card:not(.dragging){will-change:auto!important}
.discover-page .swipe-card.dragging{will-change:transform!important}

/* Globe: border hierarchy is subtle and city detail is intentionally zoom-dependent. */
.globe-stage{contain:layout paint style}
#flirivo-globe{image-rendering:auto}
.globe-overlay span{border:1px solid color-mix(in srgb,var(--ui-border,var(--line)) 70%,transparent);box-shadow:0 4px 14px rgba(0,0,0,.10)}
body.theme-light .globe-overlay span{background:rgba(255,255,255,.84)!important;color:#314156!important;border-color:#bdc9d6!important}

@media(max-width:620px){
  .discover-profile-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:10px 0 12px}
  .swipe-card .discover-profile-btn{width:100%;min-width:0;padding:9px 10px!important;font-size:11px!important;white-space:normal;text-align:center}
  .swipe-card .discover-profile-btn small{padding:2px 5px;font-size:9px}
}
@media(max-width:390px){
  .discover-profile-actions{grid-template-columns:1fr}
  .swipe-card .discover-profile-btn{min-height:40px}
}


/* ===== FLIRIVO 2.21.3 — worldwide globe / profile / mobile QoL ===== */
/* The profile summary must stay readable in every theme, even with legacy page rules. */
body.theme-classic .profile-summary-card{background:#2d2635!important;border-color:#5b5065!important;color:#fff8fc!important;box-shadow:0 16px 38px rgba(0,0,0,.18)!important;backdrop-filter:none!important}
body.theme-classic .profile-summary-card :where(h2,b,strong,label,.profile-completion-row){color:#fff8fc!important}
body.theme-classic .profile-summary-card :where(p,.small,.muted,.identity-profile-cta small){color:#ddd3e1!important;opacity:1!important}
body.theme-classic .profile-summary-card .identity-profile-cta{background:#393142!important;border-color:#695d73!important;color:#fff8fc!important}
body.theme-classic .profile-summary-card .btn.ghost.full{background:#f4f6fb!important;color:#20293a!important;border-color:#f4f6fb!important}
body.theme-aurora .profile-summary-card{background:#12343e!important;color:#f4ffff!important;border-color:rgba(105,255,228,.32)!important;backdrop-filter:none!important}
body.theme-velvet .profile-summary-card{background:#432534!important;color:#fff9fb!important;border-color:rgba(255,145,183,.32)!important;backdrop-filter:none!important}
body.theme-light .profile-summary-card{background:#fff!important;color:#111827!important;border-color:#b8c4d2!important;backdrop-filter:none!important}
.profile-summary-card .profile-placeholder{color:var(--ui-text)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--ui-surface-soft) 82%,#8f5bff 18%),var(--ui-surface-elevated))!important}
.profile-summary-card .progress{background:color-mix(in srgb,var(--ui-border) 38%,transparent)!important}
.profile-summary-card .progress span{background:linear-gradient(90deg,#ff4d8d,#8f5bff)!important}

/* Globe controls are written for the user, not for the rendering implementation. */
#flirivo-globe{touch-action:none!important;-webkit-user-select:none;user-select:none}
.globe-hint-mobile{display:none!important}
.globe-overlay{gap:8px!important;align-items:center!important}
.globe-overlay span{background:color-mix(in srgb,var(--ui-surface) 88%,transparent)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;box-shadow:0 5px 15px rgba(0,0,0,.10)!important}
body.theme-light .globe-overlay span{background:rgba(255,255,255,.93)!important;color:#26364a!important;border-color:#b6c4d2!important}
@media(max-width:760px){
  .globe-stage{min-height:500px!important}
  .globe-hint-desktop{display:none!important}.globe-hint-mobile{display:inline-flex!important}
  .globe-overlay{left:10px!important;right:10px!important;bottom:10px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .globe-overlay span{justify-content:center!important;text-align:center!important;white-space:normal!important;min-height:36px!important;padding:7px 9px!important;font-size:10px!important;line-height:1.2!important}
  .globe-overlay span:last-child{grid-column:1/-1}
  .globe-toolbar{align-items:stretch!important;gap:10px!important}.globe-toolbar>div{min-width:0!important}.globe-toolbar button{min-height:44px!important}
}
@media(max-width:440px){.globe-stage{min-height:440px!important}.globe-overlay span{font-size:9px!important;padding:6px 7px!important}}

/* Mobile-only shared guard controls: replace intrusive text tabs with a compact icon rail below the header. */
@media(max-width:760px){
  #cookieSettingsTab,#skRevocationTab,#skFeedbackTab{
    position:fixed!important;left:auto!important;right:8px!important;bottom:auto!important;
    width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;
    padding:0!important;border-radius:13px!important;overflow:hidden!important;white-space:nowrap!important;
    font-size:0!important;line-height:1!important;letter-spacing:0!important;writing-mode:horizontal-tb!important;transform:none!important;
    display:grid!important;place-items:center!important;box-shadow:0 8px 22px rgba(0,0,0,.16)!important;z-index:1250!important;
  }
  #cookieSettingsTab{top:74px!important}#skRevocationTab{top:120px!important}#skFeedbackTab{top:166px!important}
  #cookieSettingsTab::before,#skRevocationTab::before,#skFeedbackTab::before{font:700 18px/1 system-ui!important;color:inherit!important;display:block!important}
  #cookieSettingsTab::before{content:""}#skRevocationTab::before{content:"↩"}#skFeedbackTab::before{content:"✎"}
}
@media(max-width:420px){#cookieSettingsTab,#skRevocationTab,#skFeedbackTab{right:6px!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important}#cookieSettingsTab{top:68px!important}#skRevocationTab{top:110px!important}#skFeedbackTab{top:152px!important}}


/* ===== FLIRIVO 2.21.4 — globe rollback/stability refinement ===== */
#flirivo-globe{background:transparent!important;outline:none!important;border:0!important}
.globe-stage{overflow:hidden!important;isolation:isolate}
body.theme-light .globe-stage{background:linear-gradient(180deg,#eaf2f9,#dce8f2)!important}
@media(max-width:760px){.globe-overlay{pointer-events:none!important}.globe-toolbar{position:relative;z-index:2}}


/* ===== FLIRIVO 2.22.2 — visible payment mode controls ===== */
.status-dot.warn{background:#e79a20;box-shadow:0 0 0 5px rgba(231,154,32,.10)}
.shop-page .product-card button[disabled]{cursor:not-allowed!important;opacity:.58!important;filter:saturate(.45)!important;box-shadow:none!important}
#stripe{scroll-margin-top:92px}

/* ===== FLIRIVO 2.22.6 — Advertiser acquisition page ===== */
body.advertise-page{--adv-surface:color-mix(in srgb,var(--panel) 90%,#fff 10%);--adv-surface-2:color-mix(in srgb,var(--panel2) 92%,#fff 8%);--adv-border:color-mix(in srgb,var(--line) 78%,#fff 22%);--adv-pink:#ff5d98;--adv-violet:#8d62ff}
body.advertise-page .shell{--max:1320px;margin-top:18px}
.adv-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:64px;align-items:center;min-height:650px;padding:62px 0 72px}
.adv-hero-copy{position:relative;z-index:2;max-width:760px}
.adv-hero h1{max-width:850px;margin:14px 0 24px;font-size:clamp(52px,7vw,88px);line-height:.96;letter-spacing:-.06em}
.adv-lead{max-width:760px;margin:0;color:var(--muted);font-size:clamp(18px,2vw,22px);line-height:1.58}
.adv-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.adv-primary-cta{min-width:220px;justify-content:space-between;padding-inline:22px}.adv-primary-cta span{font-size:21px;transition:transform .16s ease}.adv-primary-cta:hover span{transform:translateX(3px)}
.adv-trust-row{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:26px;color:var(--muted);font-size:12px;font-weight:750}.adv-trust-row span{display:inline-flex;align-items:center;gap:6px}.adv-trust-row span::first-letter{color:var(--ok)}
.adv-hero-visual{position:relative;min-height:570px;display:grid;place-items:center}
.adv-hero-visual::before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,77,141,.22),rgba(143,91,255,.10) 45%,transparent 72%);filter:blur(10px)}
.adv-device-card{position:relative;z-index:2;width:min(380px,88%);overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:34px;background:linear-gradient(155deg,rgba(37,23,49,.98),rgba(13,10,19,.98));box-shadow:0 34px 90px rgba(0,0,0,.42);transform:rotate(2deg)}
.adv-device-top{display:flex;align-items:center;gap:9px;padding:16px 18px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.07em}.adv-device-top b{margin-right:auto}.adv-brand-dot{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));font-family:Georgia,serif;font-size:17px;font-style:italic}.adv-more{color:var(--soft);letter-spacing:.14em}
.adv-sample-media{position:relative;display:grid;place-items:center;min-height:270px;background:radial-gradient(circle at 70% 25%,rgba(143,91,255,.35),transparent 34%),linear-gradient(145deg,#3d1830,#211448 62%,#10101d)}.adv-sample-media>span{position:absolute;left:14px;top:14px;padding:5px 9px;border-radius:999px;background:rgba(7,6,11,.65);border:1px solid rgba(255,255,255,.18);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.adv-sample-symbol{display:grid;place-items:center;width:94px;height:94px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.18);font-size:45px;color:#fff;box-shadow:0 24px 60px rgba(0,0,0,.22)}
.adv-sample-body{display:grid;gap:7px;padding:21px}.adv-sample-body small{color:#ff9fc2;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.adv-sample-body strong{font-size:21px;line-height:1.15}.adv-sample-body p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.adv-sample-body i{display:inline-flex;margin-top:5px;color:#fff;font-style:normal;font-weight:850}
.adv-floating-stat{position:absolute;z-index:4;display:grid;gap:3px;max-width:250px;padding:13px 15px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(20,13,28,.86);box-shadow:0 18px 45px rgba(0,0,0,.30);backdrop-filter:blur(14px)}.adv-floating-stat b{font-size:11px;color:#fff;text-transform:uppercase;letter-spacing:.08em}.adv-floating-stat span{color:#cfc0d3;font-size:11px;line-height:1.35}.adv-floating-a{left:-8px;top:90px}.adv-floating-b{right:-6px;bottom:74px}

.adv-value-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;margin:0 0 84px;border:1px solid var(--line);border-radius:26px;background:var(--line)}.adv-value-strip article{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:24px;background:linear-gradient(145deg,rgba(34,22,45,.94),rgba(16,11,23,.94))}.adv-value-strip article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:#ff9fc3;font-size:11px;font-weight:950}.adv-value-strip b{font-size:15px}.adv-value-strip p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.adv-section{padding:36px 0 70px;scroll-margin-top:92px}.adv-section-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:40px;align-items:end;margin-bottom:26px}.adv-section-head.compact{grid-template-columns:1fr}.adv-section-head h2{max-width:800px;margin:8px 0 0;font-size:clamp(35px,5vw,58px);line-height:1;letter-spacing:-.05em}.adv-section-head>p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}
.adv-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.adv-format-card{position:relative;min-height:390px;padding:24px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(155deg,rgba(34,22,45,.94),rgba(15,11,22,.92));box-shadow:0 20px 50px rgba(0,0,0,.13);overflow:hidden}.adv-format-card::after{content:"";position:absolute;inset:auto -25% -35% auto;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(143,91,255,.16),transparent 70%)}.adv-format-featured{border-color:rgba(255,101,158,.26);background:linear-gradient(155deg,rgba(56,25,48,.96),rgba(23,14,36,.94))}.adv-format-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:38px;border-radius:17px;background:linear-gradient(135deg,rgba(255,77,141,.22),rgba(143,91,255,.22));border:1px solid rgba(255,255,255,.10);font-size:24px}.adv-format-tag{font-size:10px;font-weight:950;letter-spacing:.14em;color:#ff9fc2}.adv-format-card h3{margin:7px 0 10px;font-size:23px;line-height:1.08;letter-spacing:-.02em}.adv-format-card p{min-height:94px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.adv-format-card ul{position:relative;z-index:2;display:grid;gap:7px;margin:20px 0 0;padding:0;list-style:none;color:#ddd0df;font-size:12px}.adv-format-card li{display:flex;gap:7px}.adv-format-card li::before{content:"✓";color:var(--ok);font-weight:900}

.adv-placement-section{padding-top:54px}.adv-placement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.adv-placement-grid article{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:20px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035)}.adv-placement-grid article>span{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,rgba(255,77,141,.16),rgba(143,91,255,.16));font-size:19px}.adv-placement-grid b{font-size:15px}.adv-placement-grid p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.adv-process-section{padding:32px 0 78px}.adv-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.adv-process-grid article{padding:24px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}.adv-process-grid article>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:26px;border-radius:50%;background:#fff;color:#1b1220;font-size:12px;font-weight:950}.adv-process-grid b{font-size:18px}.adv-process-grid p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.55}

.adv-request-wrap{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:28px;align-items:start;padding:58px 0 72px;scroll-margin-top:92px}.adv-request-copy{position:sticky;top:94px;padding:14px 8px 0 0}.adv-request-copy h2{margin:8px 0 16px;font-size:clamp(38px,5vw,58px);line-height:1;letter-spacing:-.05em}.adv-request-copy>p{color:var(--muted);font-size:15px;line-height:1.65}.adv-request-points{display:grid;gap:11px;margin:28px 0}.adv-request-points span{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;color:#e8dde9;font-size:13px;font-weight:750}.adv-request-points b{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#ff9fc2;font-size:10px}.adv-privacy-note{margin-top:30px;padding:18px;border:1px solid rgba(65,217,155,.17);border-radius:18px;background:rgba(65,217,155,.055)}.adv-privacy-note strong{color:#a6f1d2}.adv-privacy-note p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.adv-form-card{padding:30px;border-radius:30px;backdrop-filter:none}.adv-form-head{margin-bottom:22px}.adv-form-head h2{margin:6px 0 5px;font-size:32px;letter-spacing:-.035em}.adv-form-head p{margin:0;color:var(--muted);font-size:12px}.adv-form{display:grid;gap:0}.adv-fieldset{min-width:0;margin:0;padding:24px 0;border:0;border-top:1px solid var(--line)}.adv-fieldset:first-of-type{border-top:0;padding-top:8px}.adv-fieldset legend{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 15px;padding:0;font-size:17px;font-weight:900}.adv-fieldset legend span{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:rgba(255,77,141,.12);border:1px solid rgba(255,77,141,.18);color:#ff9fc2;font-size:10px}.adv-field-help{margin:-7px 0 13px;color:var(--muted);font-size:11px}.adv-form-grid{display:grid;gap:14px}.adv-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.adv-form-grid.three{grid-template-columns:1.15fr .925fr .925fr}.adv-form-card label{font-size:12px;font-weight:780}.adv-form-card input,.adv-form-card select,.adv-form-card textarea{margin-top:7px}.adv-form-card label small{display:block;margin-top:5px;color:var(--muted);font-size:10.5px;font-weight:500;line-height:1.45}.adv-full-label{display:block;margin-top:14px}
.adv-choice-grid{display:grid;gap:8px}.adv-choice-grid.goals{grid-template-columns:repeat(3,minmax(0,1fr))}.adv-choice-grid.formats{grid-template-columns:repeat(2,minmax(0,1fr))}.adv-choice-grid.placements{grid-template-columns:repeat(3,minmax(0,1fr))}.adv-choice-grid.delivery{grid-template-columns:repeat(2,minmax(0,1fr))}.adv-choice{display:block!important;cursor:pointer}.adv-choice input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.adv-choice>span{position:relative;display:flex;align-items:center;gap:9px;min-height:54px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);color:#dfd3e1;transition:.16s ease}.adv-choice>span i{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:7px;border:1px solid rgba(255,255,255,.14);color:transparent;font-style:normal;font-size:11px;font-weight:950;transition:.16s}.adv-choice>span b{font-size:11.5px;line-height:1.25}.adv-choice:hover>span{border-color:rgba(255,255,255,.20);background:rgba(255,255,255,.055)}.adv-choice input:checked+span{border-color:rgba(255,92,151,.48);background:linear-gradient(135deg,rgba(255,77,141,.13),rgba(143,91,255,.10));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,77,141,.06)}.adv-choice input:checked+span i{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.adv-choice input:focus-visible+span{outline:3px solid rgba(255,77,141,.22);outline-offset:2px}
.adv-consent{margin:22px 0 0;padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.adv-consent span{font-size:11.5px;line-height:1.45}.adv-submit{width:100%;justify-content:space-between;margin-top:14px;padding-inline:20px}.adv-submit b{font-size:22px}.adv-form-fine{margin:9px 0 0;text-align:center;color:var(--soft);font-size:10.5px}.adv-success{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;padding:20px}.adv-success>span{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:rgba(65,217,155,.12);border:1px solid rgba(65,217,155,.22);color:#99efca;font-size:25px;font-weight:900}.adv-success h2{margin:7px 0 10px;font-size:32px}.adv-success p{color:var(--muted);line-height:1.65}.adv-success .btn{margin-top:8px}
.adv-faq-section{padding:22px 0 58px}.adv-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.adv-faq-grid details{padding:18px 19px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.adv-faq-grid summary{cursor:pointer;font-weight:850}.adv-faq-grid p{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.55}

body.theme-light.advertise-page .adv-device-card,body.theme-light.advertise-page .adv-value-strip article,body.theme-light.advertise-page .adv-format-card{background:linear-gradient(155deg,#fff,#f5f1f8);border-color:#c9d3df;color:#162033;box-shadow:0 20px 48px rgba(35,49,68,.10)}
body.theme-light.advertise-page .adv-sample-body p,body.theme-light.advertise-page .adv-format-card p,body.theme-light.advertise-page .adv-format-card ul,body.theme-light.advertise-page .adv-floating-stat span{color:#526176}
body.theme-light.advertise-page .adv-device-top{border-color:#d9e1e9}body.theme-light.advertise-page .adv-sample-media{background:radial-gradient(circle at 70% 25%,rgba(143,91,255,.24),transparent 34%),linear-gradient(145deg,#f0dbe6,#dcd5fa 62%,#e9edf6)}body.theme-light.advertise-page .adv-sample-symbol{background:rgba(255,255,255,.48);color:#3a2454;border-color:#fff}body.theme-light.advertise-page .adv-floating-stat{background:rgba(255,255,255,.94);border-color:#cbd5e1;box-shadow:0 16px 38px rgba(35,49,68,.16)}body.theme-light.advertise-page .adv-floating-stat b{color:#172033}body.theme-light.advertise-page .adv-choice>span,body.theme-light.advertise-page .adv-placement-grid article,body.theme-light.advertise-page .adv-consent,body.theme-light.advertise-page .adv-faq-grid details{background:#f8fafc;border-color:#cbd5e1;color:#253247}body.theme-light.advertise-page .adv-choice:hover>span{background:#f2f5f9;border-color:#aebdcd}body.theme-light.advertise-page .adv-choice input:checked+span{background:linear-gradient(135deg,#fff0f6,#f0ecff);color:#1a2434;border-color:#c4749c}body.theme-light.advertise-page .adv-request-points span{color:#253247}

@media(max-width:1120px){.adv-hero{grid-template-columns:1fr .8fr;gap:34px}.adv-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.adv-format-card{min-height:340px}.adv-format-card p{min-height:auto}.adv-request-wrap{grid-template-columns:.85fr 1.15fr}.adv-choice-grid.goals,.adv-choice-grid.placements{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.adv-hero{grid-template-columns:1fr;min-height:0;padding-top:42px}.adv-hero-copy{max-width:800px}.adv-hero-visual{min-height:500px}.adv-floating-a{left:5%}.adv-floating-b{right:5%}.adv-value-strip{grid-template-columns:1fr;margin-bottom:60px}.adv-section-head{grid-template-columns:1fr;gap:14px}.adv-placement-grid,.adv-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.adv-request-wrap{grid-template-columns:1fr}.adv-request-copy{position:static;max-width:760px}.adv-form-grid.three{grid-template-columns:1fr 1fr}.adv-form-grid.three label:first-child{grid-column:1/-1}}
@media(max-width:620px){body.advertise-page .shell{width:calc(100% - 20px)}.adv-hero{padding:28px 0 50px}.adv-hero h1{font-size:clamp(43px,14vw,62px)}.adv-lead{font-size:16px}.adv-hero-actions{display:grid;grid-template-columns:1fr}.adv-hero-actions .btn{width:100%}.adv-trust-row{display:grid;grid-template-columns:1fr 1fr}.adv-hero-visual{min-height:430px}.adv-device-card{width:min(330px,90%)}.adv-sample-media{min-height:220px}.adv-floating-stat{max-width:185px;padding:10px 11px}.adv-floating-a{left:0;top:54px}.adv-floating-b{right:0;bottom:34px}.adv-value-strip{border-radius:20px}.adv-value-strip article{padding:18px}.adv-section{padding:26px 0 50px}.adv-section-head h2{font-size:38px}.adv-format-grid,.adv-placement-grid,.adv-process-grid,.adv-faq-grid{grid-template-columns:1fr}.adv-format-card{min-height:0;padding:21px}.adv-format-icon{margin-bottom:28px}.adv-request-wrap{padding:38px 0 56px}.adv-request-copy h2{font-size:40px}.adv-form-card{padding:18px;border-radius:22px}.adv-form-head h2{font-size:27px}.adv-form-grid.two,.adv-form-grid.three,.adv-choice-grid.goals,.adv-choice-grid.formats,.adv-choice-grid.placements,.adv-choice-grid.delivery{grid-template-columns:1fr}.adv-form-grid.three label:first-child{grid-column:auto}.adv-fieldset{padding:20px 0}.adv-choice>span{min-height:50px}.adv-success{grid-template-columns:1fr;padding:8px}.adv-success h2{font-size:28px}}
@media(max-width:390px){.adv-trust-row{grid-template-columns:1fr}.adv-hero-visual{min-height:400px}.adv-floating-stat{display:none}.adv-device-card{width:100%}}

/* =========================================================
   FLIRIVO 2.23 — Launch, matching liquidity & community
   ========================================================= */
.growth-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}
.growth-pool-card,.launch-city-card{min-height:300px;position:relative;overflow:hidden}
.growth-pool-card:after,.launch-city-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;top:-80px;background:radial-gradient(circle,rgba(255,77,141,.18),transparent 68%);pointer-events:none}
.growth-big-number{margin:18px 0 3px;font-size:clamp(48px,7vw,78px);line-height:1;font-weight:950;letter-spacing:-.06em;color:#fff}
.growth-pool-card>p,.launch-city-card>p{max-width:560px;color:var(--muted)}
.launch-city-top,.channel-title-row,.community-chat-head,.community-message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}
.launch-city-top h2,.community-channel-card h3,.growth-admin-city-grid h3{margin:4px 0 0}
.launch-progress{height:10px;margin:18px 0 8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}
.launch-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.launch-progress-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.launch-progress-meta b{color:#fff}
.growth-age-panel{margin-top:18px}.growth-age-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.growth-age-grid>div{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.growth-age-grid small,.growth-age-grid span{display:block;color:var(--muted)}.growth-age-grid b{display:block;margin:5px 0;font-size:28px}
.community-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.community-channel-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.028)}.community-channel-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,rgba(255,77,141,.14),rgba(143,91,255,.13));font-size:22px}.community-channel-copy{min-width:0}.community-channel-copy p{margin:5px 0;color:var(--muted);font-size:13px}.community-channel-copy small{color:var(--soft)}.community-channel-actions{display:grid;gap:7px;justify-items:end}.community-channel-actions form{margin:0}
.mini-chip{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:800;white-space:nowrap}
.invite-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:28px;align-items:center}.invite-panel-copy h2{margin:7px 0 12px;font-size:clamp(28px,4vw,44px);letter-spacing:-.04em}.invite-panel-copy>p{color:var(--muted)}.referral-reward-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.referral-reward-row>div{display:grid;grid-template-columns:auto 1fr;gap:0 10px;padding:15px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.referral-reward-row b{grid-row:1/3;font-size:32px;line-height:1;color:#ff90b9}.referral-reward-row span{font-size:11px;color:var(--muted)}.referral-reward-row strong{font-size:12px}.referral-reward-row .done{border-color:rgba(65,217,155,.34);background:rgba(65,217,155,.06)}.referral-reward-row .done b{color:#76e8ba}
.invite-link-box{padding:20px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.03)}.copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.copy-row input{min-width:0;margin-top:6px;font-size:12px}.copy-row button{white-space:nowrap}.invite-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.invite-stats>div{padding:12px;border-radius:14px;background:rgba(255,255,255,.035);text-align:center}.invite-stats b,.invite-stats span{display:block}.invite-stats b{font-size:23px}.invite-stats span{color:var(--muted);font-size:10px}.growth-privacy-note{border-color:rgba(65,217,155,.22)}.growth-privacy-note p{margin:6px 0 0;color:var(--muted)}
.community-chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.community-chat-panel{padding:0;overflow:hidden}.community-chat-head{padding:18px 20px;border-bottom:1px solid var(--line)}.community-chat-head b,.community-chat-head span{display:block}.community-chat-head span{color:var(--muted);font-size:11px}.community-message-list{display:grid;gap:4px;min-height:220px;max-height:62vh;overflow:auto;padding:18px}.community-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:9px;border-radius:14px}.community-message:hover{background:rgba(255,255,255,.025)}.community-message-avatar{display:grid;place-items:center;width:38px;height:38px;overflow:hidden;border-radius:13px;background:linear-gradient(145deg,var(--accent),var(--accent2));font-weight:900}.community-message-avatar img{width:100%;height:100%;object-fit:cover}.community-message-body{min-width:0}.community-message-meta{justify-content:flex-start}.community-message-meta time{margin-left:auto;color:var(--soft);font-size:10px}.community-message-body p{margin:4px 0 0;overflow-wrap:anywhere}.community-message.mine .community-message-body{padding:9px 11px;border-radius:13px;background:rgba(255,77,141,.07)}.community-compose{display:grid;gap:10px;padding:16px 18px 18px;border-top:1px solid var(--line);background:rgba(255,255,255,.02)}.community-compose textarea{resize:vertical}.community-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.community-compose-foot span{color:var(--muted);font-size:10px}.community-guidance{position:sticky;top:86px}.community-guidance h2{margin:8px 0 16px}.community-guidance ul{display:grid;gap:11px;padding-left:19px;color:var(--muted)}
.growth-admin-city-grid,.growth-campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.growth-admin-city-grid>article,.growth-campaign-grid>article{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.growth-balance-bars{display:grid;gap:8px;margin-top:14px}.growth-balance-bars>span{display:grid;grid-template-columns:72px minmax(0,1fr) 40px;gap:8px;align-items:center}.growth-balance-bars b,.growth-balance-bars small{font-size:10px}.growth-balance-bars i{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));min-width:2px}.growth-admin-city-list{display:grid;gap:12px}.nested-panel{box-shadow:none}.growth-admin-create{margin-top:18px;padding:20px;border:1px dashed rgba(255,255,255,.16);border-radius:20px;background:rgba(255,255,255,.018)}.growth-admin-create h3{margin-top:0}.growth-campaign-grid article form{margin-top:12px}.admin-community-message-list{display:grid;gap:8px}.admin-community-message-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:14px}.admin-community-message-list p{margin:5px 0 0;color:var(--muted)}.admin-community-message-list small{color:var(--soft)}
body.theme-light .growth-big-number{color:#22182a}body.theme-light .launch-progress{background:#e9edf2}body.theme-light .community-channel-card,body.theme-light .growth-age-grid>div,body.theme-light .invite-link-box,body.theme-light .growth-admin-city-grid>article,body.theme-light .growth-campaign-grid>article,body.theme-light .growth-admin-create{background:#f8fafc;border-color:#d5dee8}body.theme-light .community-message:hover{background:#f5f7fa}body.theme-light .community-message.mine .community-message-body{background:#fff0f6}body.theme-light .referral-reward-row>div,body.theme-light .invite-stats>div{background:#f7f8fb}
@media(max-width:980px){.growth-user-grid,.invite-panel,.community-chat-layout{grid-template-columns:1fr}.community-guidance{position:static}.community-channel-grid,.growth-admin-city-grid,.growth-campaign-grid{grid-template-columns:1fr}.community-message-list{max-height:54vh}}
@media(max-width:700px){.growth-age-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-channel-card{grid-template-columns:auto minmax(0,1fr)}.community-channel-actions{grid-column:1/-1;grid-template-columns:1fr auto;width:100%;justify-items:stretch}.community-channel-actions .btn{width:100%}.invite-panel{padding:18px}.referral-reward-row{grid-template-columns:1fr}.copy-row{grid-template-columns:1fr}.copy-row button{width:100%}.community-compose-foot{align-items:stretch;flex-direction:column}.community-compose-foot .btn{width:100%}.admin-community-message-list article{grid-template-columns:1fr}.growth-admin-create{padding:14px}}

/* ===== FLIRIVO 2.23.1 — public launch cities / growth controls ===== */
.launch-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .35s ease}
.launch-progress.large{height:14px;margin-top:24px}
.launch-city-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:clamp(24px,5vw,72px);align-items:center;min-height:66vh;padding:clamp(44px,8vw,110px) 0 54px}
.launch-city-copy{max-width:760px}.launch-city-copy h1,.launch-list-hero h1{margin:14px 0 18px;font-size:clamp(42px,6vw,82px);line-height:.98;letter-spacing:-.055em}.launch-city-copy .hero-lead,.launch-list-hero .hero-lead{max-width:720px;color:var(--muted);font-size:clamp(17px,2vw,21px);line-height:1.65}.launch-city-copy .hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:28px}
.launch-city-meter-card{padding:30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(155deg,rgba(255,77,141,.085),rgba(143,91,255,.055));box-shadow:0 28px 70px rgba(0,0,0,.16)}.launch-city-meter-card>span{display:block;color:var(--muted)}.launch-city-number{display:block;margin:20px 0 5px;font-size:clamp(43px,6vw,72px);line-height:.95;letter-spacing:-.05em}.launch-city-meter-card p{margin:15px 0 0;color:var(--muted)}
.launch-public-section{padding-top:32px}.launch-age-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.launch-age-grid article{padding:20px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.launch-age-grid span,.launch-age-grid small{display:block;color:var(--muted)}.launch-age-grid b{display:block;margin:7px 0;font-size:clamp(22px,3vw,32px);line-height:1.1}.launch-feature-grid{margin-top:4px}.launch-back-link{margin:8px 0 40px}.launch-back-link a{font-weight:800;color:var(--muted)}
.launch-list-hero{max-width:980px;padding:clamp(56px,9vw,120px) 0 38px}.launch-city-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.launch-city-public-grid.compact{margin-top:24px}.launch-city-public-card{display:block;padding:22px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025);color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.launch-city-public-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:rgba(255,255,255,.045)}.launch-city-public-card h2,.launch-city-public-card h3{margin:14px 0 7px;font-size:28px}.launch-city-public-card p{min-height:44px;margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.55}.launch-city-public-card .text-link{display:inline-flex;margin-top:13px;font-weight:850}.home-launch-section .section-actions{display:flex;justify-content:flex-end;margin-top:18px}
.growth-table-actions{display:flex;gap:6px;flex-wrap:wrap}.growth-table-actions form{margin:0}.growth-table-actions button{white-space:nowrap}.ad-growth-bridge{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.ad-growth-bridge h2{margin:5px 0 8px}.ad-growth-bridge p{max-width:860px;margin:0;color:var(--muted)}
body.theme-light .launch-city-meter-card,body.theme-light .launch-age-grid article,body.theme-light .launch-city-public-card{background:#fff;border-color:#d9e0e8;box-shadow:0 18px 45px rgba(24,30,42,.06)}body.theme-light .launch-city-public-card:hover{background:#faf8fb}.launch-page .site-content{max-width:1500px;margin:0 auto}
@media(max-width:1050px){.launch-city-hero{grid-template-columns:1fr;min-height:auto}.launch-city-meter-card{max-width:650px}.launch-city-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-growth-bridge{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.launch-city-hero{padding-top:38px}.launch-city-copy h1,.launch-list-hero h1{font-size:42px}.launch-city-copy .hero-actions{align-items:stretch;flex-direction:column}.launch-city-copy .hero-actions .btn{width:100%}.launch-age-grid,.launch-city-public-grid{grid-template-columns:1fr}.launch-city-meter-card{padding:22px;border-radius:22px}.launch-city-public-card p{min-height:0}.growth-table-actions{min-width:180px;flex-direction:column}.growth-table-actions button{width:100%}.home-launch-section .section-actions{justify-content:stretch}.home-launch-section .section-actions .btn{width:100%}}

/* Privacy controls: matching-liquidity consent */
.privacy-consent-actions{display:grid;gap:10px;margin-top:14px;align-items:start}
.privacy-consent-actions form{margin:0}
.privacy-consent-actions .small{margin:0;max-width:760px}


/* FLIRIVO 2.23.2 advertising media */
.fl-slot-card.has-media{display:grid;gap:10px;padding:10px}.fl-slot-card.has-media:before{display:none}.fl-slot-media{position:relative;width:100%;overflow:hidden;border-radius:14px;background:rgba(0,0,0,.2);aspect-ratio:16/9}.fl-slot-media img,.fl-slot-media video{display:block;width:100%;height:100%;object-fit:cover}.fl-slot-card.has-media .fl-slot-label{position:absolute;z-index:2;top:16px;left:16px;background:rgba(12,7,19,.72);color:#fff;backdrop-filter:blur(8px)}.fl-slot-card.has-media .fl-slot-copy{padding:1px 4px}.fl-slot-card.has-media .btn{margin-top:0}.fl-inline-slot.has-media{grid-template-columns:minmax(150px,220px) minmax(0,1fr) auto;gap:14px}.fl-inline-slot.has-media .fl-slot-media{aspect-ratio:16/9}.fl-inline-slot.has-media .fl-slot-copy{min-width:0}.fl-inline-slot.has-media .fl-slot-label{left:16px;right:auto;top:16px}.chat-ad.has-media{margin-top:auto}.chat-ad.has-media .fl-slot-media{aspect-ratio:4/3}.fl-slot-rail .fl-slot-card.has-media{display:grid}.fl-slot-rail .fl-slot-media{aspect-ratio:4/5}.ad-media-manager{display:grid;gap:12px}.ad-creative-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ad-creative-card{position:relative;padding:10px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.ad-creative-card img,.ad-creative-card video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#09060e}.ad-creative-card .admin-row-actions{margin-top:8px}.ad-campaign-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ad-campaign-options .setting-card{margin:0}.ad-placement-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.ad-placement-help span{padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:12px}.permission-card small{word-break:break-word}
@media(max-width:900px){.fl-inline-slot.has-media{grid-template-columns:120px minmax(0,1fr)}.fl-inline-slot.has-media .btn{grid-column:1/-1;width:100%}.ad-creative-list,.ad-campaign-options,.ad-placement-help{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.fl-inline-slot.has-media{grid-template-columns:1fr}.fl-inline-slot.has-media .fl-slot-media{aspect-ratio:16/9}.ad-creative-list,.ad-campaign-options,.ad-placement-help{grid-template-columns:1fr}}

/* FLIRIVO 2.23.2 team permission overrides */
.permission-override-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.permission-override-card{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft,#17111d)}
.permission-override-card b,.permission-override-card small{display:block}.permission-override-card small{margin-top:4px;color:var(--muted)}
.permission-override-card select{margin:0}
@media(max-width:800px){.permission-override-grid{grid-template-columns:1fr}.permission-override-card{grid-template-columns:1fr}.permission-override-card select{width:100%}}

/* 2.23.4 · Kampagnen mit mehreren Platzierungen */
.ad-placement-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:7px 0 6px}
.ad-placement-option{display:block;cursor:pointer}
.ad-placement-option input{position:absolute;opacity:0;pointer-events:none}
.ad-placement-option span{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--muted);font-size:12px;font-weight:750;line-height:1.25;transition:.15s ease}
.ad-placement-option span i{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border:1px solid var(--line);border-radius:6px;color:transparent;font-size:11px;font-style:normal;background:rgba(255,255,255,.03)}
.ad-placement-option input:checked+span{border-color:rgba(255,77,141,.58);background:rgba(255,77,141,.09);color:var(--text)}
.ad-placement-option input:checked+span i{border-color:var(--accent);background:var(--pink);color:#fff}
.ad-placement-option input:focus-visible+span{outline:2px solid var(--pink);outline-offset:2px}
.ad-placement-badges{display:flex;flex-wrap:wrap;gap:5px;max-width:360px}
.ad-placement-badges span{display:inline-flex;padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:var(--muted);font-size:10px;line-height:1.2}
@media(max-width:760px){.ad-placement-picker{grid-template-columns:1fr}}
.ad-placement-section{margin-top:18px}.ad-placement-section .section-head{margin-bottom:8px}


/* FLIRIVO 2.23.5 · moderner Gruppenchat */
.community-modern-page .community-chat-panel{border-radius:22px}.community-head-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.community-quota-chip{display:inline-flex!important;align-items:center;min-height:28px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:var(--muted)!important;font-size:10px!important;font-weight:800}.community-message{scroll-margin-top:100px}.community-message-body{position:relative}.community-message-meta{min-height:24px}.community-message-delete{margin-left:3px}.community-message-delete button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:16px;cursor:pointer}.community-message-delete button:hover{background:rgba(255,84,120,.12);color:#ff7895}.community-message.is-deleted{opacity:.72}.community-deleted-text{font-style:italic;color:var(--muted)!important}.community-mention{display:inline;padding:1px 5px;border-radius:7px;background:rgba(255,77,141,.13);color:var(--accent);font-weight:850}.community-compose-modern{gap:12px}.community-compose-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.community-tool{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 11px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.035);color:inherit;font:inherit;font-weight:750;cursor:pointer}.community-tool:hover{border-color:rgba(255,77,141,.45);background:rgba(255,77,141,.08)}.community-tool:disabled{opacity:.45;cursor:not-allowed}.community-compose-rule{margin-left:auto;color:var(--muted);font-size:10px}.community-compose-input textarea{min-height:82px;max-height:180px;border-radius:16px;padding:14px 15px;line-height:1.5;resize:vertical}.community-limit-copy{display:grid;gap:2px}.community-limit-copy b{font-size:11px}.community-limit-copy span{color:var(--muted);font-size:10px}.community-send-actions{display:flex;align-items:center;gap:14px}.community-mention-modal{width:min(540px,calc(100% - 24px));max-height:min(720px,82vh);overflow:hidden}.community-mention-search{padding:2px 0 12px}.community-mention-search input{margin:0}.community-mention-list{display:grid;gap:6px;max-height:52vh;overflow:auto;padding-right:3px}.community-mention-list>button{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:9px 10px;border:1px solid transparent;border-radius:13px;background:transparent;color:inherit;text-align:left;cursor:pointer}.community-mention-list>button:hover{border-color:var(--line);background:rgba(255,255,255,.04)}.community-mention-list>button>span:last-child{color:var(--accent);font-weight:900}.community-mention-avatar{display:grid;place-items:center;width:38px;height:38px;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,var(--accent),var(--accent2));font-weight:900}.community-mention-avatar img{width:100%;height:100%;object-fit:cover}body.theme-light .community-quota-chip,body.theme-light .community-tool{background:#f7f8fb}body.theme-light .community-mention-list>button:hover{background:#f7f8fb}
@media(max-width:700px){.community-head-status{justify-content:flex-start}.community-compose-rule{width:100%;margin-left:0}.community-send-actions{width:100%;justify-content:space-between}.community-send-actions .btn{width:auto!important;min-width:120px}.community-message-meta time{margin-left:auto}.community-message-delete{margin-left:0}.community-mention-list{max-height:58vh}}

.history-message-meta{display:flex;align-items:center;gap:8px;margin-left:auto}.history-message-meta form{margin:0}.history-delete-message{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.history-delete-message:hover{background:rgba(255,84,120,.12);color:#ff7895}


/* FLIRIVO 2.23.8 – klare Produkt- und Kaufdetails im Shop */
.shop-quick-details{margin:0 0 18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035);overflow:hidden}
.shop-quick-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;font-weight:900}
.shop-quick-details>summary::-webkit-details-marker{display:none}
.shop-quick-details>summary span{font-size:16px}.shop-quick-details>summary small{font-size:11px;color:var(--muted);font-weight:750}
.shop-quick-details[open]>summary{border-bottom:1px solid var(--line)}
.shop-quick-details-body{padding:18px}.shop-quick-details-body>p{margin:14px 0 0}
.product-benefits-key{margin-top:14px!important}
.product-details{margin:15px 0 2px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);overflow:hidden}
.product-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;cursor:pointer;font-size:12px;font-weight:900;color:var(--text)}
.product-details>summary::-webkit-details-marker{display:none}.product-details>summary span{font-size:17px;line-height:1;transition:transform .18s ease}.product-details[open]>summary span{transform:rotate(45deg)}
.product-details[open]>summary{border-bottom:1px solid var(--line)}
.product-details-body{padding:12px}.product-details-body h3{margin:0 0 9px;font-size:14px}.product-details-body ul{margin:0;padding-left:18px;display:grid;gap:8px;font-size:11px;line-height:1.5;color:var(--muted)}
.product-details-body p{flex:none!important;margin:0;color:var(--muted)}
.purchase-clarity{display:grid;gap:4px;margin:12px 0 14px;padding:11px 12px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.purchase-clarity b{font-size:11px}.purchase-clarity span{font-size:10px;line-height:1.5;color:var(--muted)}
.shop-inline-link{display:inline-flex;align-items:center;gap:6px;margin:12px 0 0;font-size:11px;font-weight:900;color:var(--accent);text-decoration:none}.shop-inline-link:hover{text-decoration:underline}
.shop-legal-clarity{display:grid;gap:8px}.shop-legal-clarity h3,.shop-legal-clarity p{margin:0}.shop-legal-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}.shop-legal-links a{font-size:11px;font-weight:850;text-decoration:none}.shop-legal-links a:hover{text-decoration:underline}
body.theme-light .shop-quick-details,body.theme-light .product-details,body.theme-light .purchase-clarity{background:#fff!important;border-color:#cbd6e2!important;color:#172033!important}
body.theme-light .shop-quick-details>summary,body.theme-light .product-details>summary{color:#172033!important}
@media(max-width:560px){.shop-quick-details>summary{align-items:flex-start;flex-direction:column;gap:3px}.product-details-body{padding:11px}.purchase-clarity{padding:10px}.shop-legal-links{flex-direction:column;gap:7px}}


/* FLIRIVO 2.23.9 – Spark explanation as a clear shop card */
.spark-info-card{position:relative;margin:0 0 20px;border:1px solid rgba(255,184,77,.22);border-radius:22px;background:linear-gradient(145deg,rgba(255,184,77,.075),rgba(255,255,255,.028));box-shadow:0 14px 34px rgba(0,0,0,.08);overflow:hidden}
.spark-info-card:before{content:"";position:absolute;right:-44px;top:-58px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,184,77,.18),rgba(255,184,77,0) 70%);pointer-events:none}
.spark-info-details{position:relative;z-index:1;margin:0;border:0;border-radius:0;background:transparent;overflow:visible}
.spark-info-details>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:86px;padding:18px 20px;list-style:none;cursor:pointer}
.spark-info-details>summary::-webkit-details-marker{display:none}
.spark-info-summary-main{display:flex;align-items:center;gap:14px;min-width:0}
.spark-info-icon{flex:0 0 48px;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(255,184,77,.13);border:1px solid rgba(255,184,77,.25);font-size:25px;line-height:1;color:#ffd38b;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.spark-info-copy{display:grid;gap:4px;min-width:0}
.spark-info-copy strong{font-size:17px;line-height:1.2;color:var(--text)}
.spark-info-copy span{max-width:660px;font-size:11px;line-height:1.5;color:var(--muted);font-weight:650}
.spark-info-action{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid var(--line);font-size:11px;font-weight:900;color:var(--text);white-space:nowrap;transition:.18s ease}
.spark-info-details>summary:hover .spark-info-action{transform:translateY(-1px);border-color:rgba(255,184,77,.38);background:rgba(255,184,77,.08)}
.spark-info-chevron{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:rgba(255,255,255,.055);font-size:16px;line-height:1;transition:transform .2s ease}
.spark-info-details[open] .spark-info-chevron{transform:rotate(180deg)}
.spark-info-details[open]>summary{border-bottom:1px solid rgba(255,184,77,.16)}
.spark-info-details .shop-quick-details-body{padding:20px}
.spark-info-body-head{display:grid;gap:3px;margin:0 0 14px}
.spark-info-body-head b{font-size:14px;color:var(--text)}
.spark-info-body-head span{font-size:11px;line-height:1.5;color:var(--muted)}
.spark-info-footnote{padding:12px 13px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid var(--line);font-size:11px;line-height:1.55}
body.theme-light .spark-info-card{background:linear-gradient(145deg,#fffaf0,#fff)!important;border-color:#ead7af!important;box-shadow:0 12px 30px rgba(61,43,17,.06)}
body.theme-light .spark-info-icon{background:#fff4d8!important;border-color:#ead39c!important;color:#8c5e00!important}
body.theme-light .spark-info-copy strong,body.theme-light .spark-info-action,body.theme-light .spark-info-body-head b{color:#172033!important}
body.theme-light .spark-info-copy span,body.theme-light .spark-info-body-head span,body.theme-light .spark-info-footnote{color:#5f6673!important}
body.theme-light .spark-info-action,body.theme-light .spark-info-footnote{background:#fff!important;border-color:#d8dee8!important}
@media(max-width:700px){.spark-info-details>summary{align-items:flex-start;flex-direction:column;min-height:0;padding:16px}.spark-info-summary-main{align-items:flex-start}.spark-info-action{width:100%;justify-content:space-between}.spark-info-copy strong{font-size:16px}.spark-info-details .shop-quick-details-body{padding:16px}}
@media(max-width:420px){.spark-info-icon{flex-basis:42px;width:42px;height:42px;border-radius:13px;font-size:22px}.spark-info-copy span{font-size:10px}}


/* 2.23.10 · transparent value comparison */
.shop-value-guide{margin:0 0 20px;padding:24px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.028)}
.shop-value-guide-head{max-width:820px}.shop-value-guide-head h2{margin:6px 0 8px;font-size:28px;line-height:1.08}.shop-value-guide-head p{margin:0;color:var(--muted);line-height:1.55}
.shop-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.shop-value-grid article{display:grid;align-content:start;gap:6px;min-height:178px;padding:17px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.035)}
.shop-value-grid article.recommended{border-color:rgba(143,91,255,.36);background:linear-gradient(155deg,rgba(143,91,255,.10),rgba(255,255,255,.025))}
.shop-value-grid article.premium-choice{border-color:rgba(255,77,141,.38);background:linear-gradient(155deg,rgba(255,77,141,.11),rgba(255,255,255,.025))}
.shop-value-icon{font-size:24px;line-height:1}.shop-value-grid b{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.shop-value-grid strong{font-size:18px;line-height:1.2}.shop-value-grid small{font-size:12px;line-height:1.5;color:var(--muted)}.shop-value-grid em{margin-top:auto;padding-top:8px;font-size:11px;font-style:normal;font-weight:850;color:var(--text)}
.shop-value-note{margin:12px 2px 0;font-size:11px;color:var(--muted)}
body.theme-light .shop-value-guide{background:#fff!important;border-color:#d7e0e9!important}body.theme-light .shop-value-grid article{background:#f8fafc!important;border-color:#d7e0e9!important}body.theme-light .shop-value-grid article.recommended{background:#f8f5ff!important;border-color:#d8c8ff!important}body.theme-light .shop-value-grid article.premium-choice{background:#fff5f8!important;border-color:#f2c5d5!important}
@media(max-width:820px){.shop-value-grid{grid-template-columns:1fr}.shop-value-grid article{min-height:0}}
@media(max-width:560px){.shop-value-guide{padding:18px;border-radius:22px}.shop-value-guide-head h2{font-size:24px}}


/* ===== FLIRIVO 2.24 final polish ===== */
.landing-theme-toggle{border:1px solid var(--line)!important;background:rgba(255,255,255,.06);white-space:nowrap}.theme-light .landing-theme-toggle{background:#fff;border-color:#d8e0ea!important;color:#344054!important}
.swipe-actions .friend{width:58px;height:58px;border-radius:50%;padding:0;background:linear-gradient(135deg,#29b6a6,#4976e8);box-shadow:0 12px 30px rgba(41,182,166,.22);font-size:25px}.friendship-action{background:linear-gradient(135deg,#22a995,#5578e7)!important;color:#fff!important;border-color:transparent!important}.friendship-action.sent{opacity:.7}.friendship-upgrade{background:linear-gradient(135deg,var(--accent),#d144ff)!important}.friendship-badge,.connection-kind-badge.friendship{background:rgba(34,169,149,.14)!important;color:#6be2cc!important;border-color:rgba(34,169,149,.25)!important}.connection-kind-badge{display:inline-flex;width:max-content;margin:0 0 8px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:850;border:1px solid var(--line)}.connection-kind-badge.dating{background:rgba(255,77,141,.1);color:#ff9fc1}.connection-kind-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.connection-kind-tabs a{padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-weight:800}.connection-kind-tabs a.active{background:var(--panel2);color:var(--text);border-color:rgba(255,77,141,.3)}.friendship-request-panel{margin-bottom:18px}.nearby-filter-bar{display:grid;grid-template-columns:1.2fr .8fr 1fr auto;gap:12px;align-items:end;margin-bottom:18px;padding:18px}.nearby-filter-bar label{display:grid;gap:5px;font-weight:750}.nearby-filter-bar select{margin:0}.nearby-grid-enhanced{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.nearby-person-card{display:flex!important;flex-direction:column;align-items:stretch!important;gap:13px}.nearby-person-main{display:flex;align-items:center;gap:12px;min-width:0}.nearby-person-main>div:last-child{display:grid;gap:3px;min-width:0}.nearby-person-main span,.nearby-person-main small{color:var(--muted)}.nearby-card-actions{display:flex;gap:8px;flex-wrap:wrap}.community-message-meta a:hover{text-decoration:underline}.community-message-avatar{flex:0 0 auto}.theme-light .swipe-actions .friend{color:#fff}.theme-light .friendship-badge,.theme-light .connection-kind-badge.friendship{color:#167d70!important;background:#e8f8f5!important}.theme-light .connection-kind-badge.dating{color:#b62462;background:#fff0f6}.theme-light .connection-kind-tabs a.active{background:#fff;color:#19212d;border-color:#ef9aba}
@media(max-width:780px){.nearby-filter-bar{grid-template-columns:1fr 1fr}.nearby-filter-bar button{grid-column:1/-1}.swipe-actions .friend{width:58px;height:58px}.connection-kind-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.connection-kind-tabs a{white-space:nowrap}}
@media(max-width:520px){.nearby-filter-bar{grid-template-columns:1fr}.nearby-filter-bar button{grid-column:auto}.nearby-card-actions .btn,.nearby-card-actions button{flex:1}.swipe-actions{gap:10px!important}.swipe-actions .friend{width:54px;height:54px}}

/* 2.24.1 hotfix: keep the landing hero mockup readable in FLIRIVO Hell. */
body.theme-light .hero-stage .mock-card{
  border-color:rgba(45,31,55,.22);
  box-shadow:0 28px 68px rgba(44,31,52,.22);
}
body.theme-light .hero-stage .mock-card.one{opacity:.72}
body.theme-light .hero-stage .mock-card.two{opacity:.84}
body.theme-light .hero-stage .mock-card.main{
  box-shadow:0 34px 78px rgba(46,28,57,.27);
}
body.theme-light .hero-stage .mock-person{
  background:linear-gradient(transparent 0%,rgba(12,7,17,.38) 24%,rgba(8,5,12,.94) 100%);
}
body.theme-light .hero-stage .mock-person h3{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.38);
}
body.theme-light .hero-stage .mock-person p{
  color:#efe7f1!important;
  text-shadow:0 1px 8px rgba(0,0,0,.3);
}
body.theme-light .hero-stage .mock-tags span{
  color:#fff!important;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.12);
  text-shadow:0 1px 5px rgba(0,0,0,.24);
}
body.theme-light .hero-stage .float-bubble{
  color:#fff!important;
  background:rgba(25,14,33,.94);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 18px 42px rgba(42,27,49,.24);
  text-shadow:0 1px 5px rgba(0,0,0,.22);
}


/* 2.24.4 Direct-Intro navigation */
.direct-intro-row{align-items:center;gap:18px}
.direct-intro-copy{display:grid;gap:4px;min-width:0;flex:1}
.direct-intro-copy small{display:block;max-width:760px;white-space:normal;overflow-wrap:anywhere}
.direct-intro-row .hero-actions{margin-left:auto;justify-content:flex-end;align-items:center}
.direct-intro-row .inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0}
@media(max-width:760px){.direct-intro-row{align-items:stretch;flex-direction:column}.direct-intro-row .hero-actions{margin-left:0;justify-content:flex-start;width:100%}.direct-intro-row .inline-actions{width:100%}.direct-intro-row .inline-actions .btn,.direct-intro-row .hero-actions>a.btn{flex:1}}

/* 2.24.5: scalable friendship interest + verification specs */
.verification-upload-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 8px}.verification-upload-specs>div{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:grid;gap:2px}.verification-upload-specs b{font-size:14px}.verification-upload-specs span,.verification-upload-note{font-size:12px;color:var(--muted)}.compact-friendship-panel{padding:16px 18px}.friendship-summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.friendship-summary-row h2{margin:2px 0 0;font-size:21px}.compact-interest-copy{margin:10px 0 0}.compact-premium-interest{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.compact-premium-interest>span{font-size:24px}.compact-premium-interest>div{display:grid;gap:2px;min-width:0;flex:1}.compact-premium-interest small{color:var(--muted)}.friendship-compact-list{display:grid;margin-top:12px;border-top:1px solid var(--line)}.friendship-compact-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.friendship-compact-person{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:inherit}.friendship-compact-person>span:last-child{display:grid;min-width:0}.friendship-compact-person small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.friendship-mini-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--panel);font-weight:900}.friendship-mini-avatar img{width:100%;height:100%;object-fit:cover}.friendship-compact-actions{display:flex;gap:8px;flex:0 0 auto}.compact-pagination{margin-top:12px}.compact-pagination span{padding:7px 10px;color:var(--muted)}@media(max-width:700px){.verification-upload-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.friendship-compact-list article{align-items:flex-start;flex-direction:column}.friendship-compact-actions{width:100%}.friendship-compact-actions .btn{flex:1}.compact-premium-interest{align-items:flex-start;flex-wrap:wrap}.compact-premium-interest .btn{width:100%}}


/* 2.24.5 contact decision quality-of-life */
.decision-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.decision-actions form,.friendship-compact-actions form{margin:0;display:inline-flex}
.friendship-compact-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.friendship-compact-actions .btn{white-space:nowrap}
.direct-intro-row .hero-actions form{margin:0}
.direct-intro-row .inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media(max-width:720px){.decision-actions,.friendship-compact-actions{justify-content:flex-start}.direct-intro-row .inline-actions{width:100%}.direct-intro-row .inline-actions .btn{flex:1 1 auto}}


/* ===== FLIRIVO 2.24.6 — discover readability in light mode ===== */
body.theme-light.discover-page .swipe-card{
  background:#17101f!important;
  border-color:rgba(36,26,45,.22)!important;
  box-shadow:0 28px 72px rgba(20,14,27,.20)!important;
}
body.theme-light.discover-page .swipe-overlay{
  background:linear-gradient(to bottom,rgba(6,4,9,.03) 28%,rgba(6,4,9,.28) 52%,rgba(6,4,9,.82) 78%,rgba(6,4,9,.96) 100%)!important;
}
body.theme-light.discover-page .swipe-content{
  color:#fff!important;
  text-shadow:0 2px 16px rgba(0,0,0,.28);
}
body.theme-light.discover-page .swipe-content > *:not(.profile-tags):not(.discover-profile-actions),
body.theme-light.discover-page .swipe-content p,
body.theme-light.discover-page .swipe-content b,
body.theme-light.discover-page .swipe-content strong{
  text-shadow:0 2px 12px rgba(0,0,0,.55);
}
body.theme-light.discover-page .profile-title h2,
body.theme-light.discover-page .profile-title .age,
body.theme-light.discover-page .profile-title h2 .age,
body.theme-light.discover-page .profile-title .identity-badge,
body.theme-light.discover-page .email-verified-dot{
  color:#fff!important;
}
body.theme-light.discover-page .profile-meta,
body.theme-light.discover-page .profile-meta span{
  color:rgba(255,255,255,.94)!important;
}
body.theme-light.discover-page .profile-bio,
body.theme-light.discover-page .profile-bio b,
body.theme-light.discover-page .profile-bio strong{
  color:rgba(255,255,255,.90)!important;
}
body.theme-light.discover-page .profile-tags span{
  background:rgba(255,255,255,.94)!important;
  color:#231a29!important;
  border-color:rgba(255,255,255,.85)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.14);
}
body.theme-light.discover-page .swipe-hint{
  color:#6a5f70!important;
}


/* 2.24.10 release polish: filter containers, notification/direct-intro management */
.connection-filter-box,.notification-filter-box,.direct-inbox-filter-box{margin:0 0 14px;padding:14px 16px}
.filter-box-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.filter-box-head>div{display:grid;gap:2px}.filter-box-head strong{font-size:.96rem}.filter-box-head small{color:var(--muted)}
.connection-filter-box .connection-kind-tabs,.notification-filter-box .connection-kind-tabs,.direct-inbox-filter-box .connection-kind-tabs{margin:0}
.bulk-action-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:11px 13px}.bulk-select-all{display:inline-flex;align-items:center;gap:8px;font-weight:800;cursor:pointer}.bulk-select-all input,.row-select input{accent-color:var(--accent);width:17px;height:17px}.bulk-selection-count{padding:4px 8px;border-radius:999px;background:var(--panel2);color:var(--muted);font-size:.78rem;font-weight:800}.bulk-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-left:auto}.bulk-actions-secondary{display:flex;align-items:center;gap:7px}.bulk-action-bar>small{width:100%;color:var(--muted)}
.manageable-list .row-select{display:grid;place-items:center;align-self:center;min-width:24px;cursor:pointer}.notification-row.manageable{grid-template-columns:auto auto minmax(0,1fr) auto}.notification-row.is-ignored{opacity:.82}.notification-quick-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.notification-quick-actions .btn{min-height:34px;padding:6px 9px;font-size:.75rem}.notification-tabs a small,.connection-kind-tabs a small{opacity:.72;margin-left:3px}
.direct-intro-row{display:grid!important;grid-template-columns:auto 54px minmax(0,1fr) minmax(250px,auto)!important;align-items:center!important}.direct-intro-avatar{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:var(--panel2);font-weight:900;text-decoration:none}.direct-intro-avatar img{width:100%;height:100%;object-fit:cover}.direct-intro-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.direct-intro-row .hero-actions{margin:0!important}.direct-intro-row .hero-actions .btn{min-height:36px;padding:7px 10px;font-size:.78rem}.mini-badge.status-open{background:rgba(255,77,141,.12);color:#ff8db8}.mini-badge.status-accepted{background:rgba(34,169,149,.14);color:#63dbc6}.mini-badge.status-ignored,.mini-badge.status-declined{background:rgba(255,255,255,.07);color:var(--muted)}
body.theme-light .bulk-selection-count{background:#eef2f7;color:#465366}body.theme-light .mini-badge.status-open{background:#fff0f6;color:#b62462}body.theme-light .mini-badge.status-accepted{background:#e8f8f5;color:#167d70}body.theme-light .mini-badge.status-ignored,body.theme-light .mini-badge.status-declined{background:#eef2f7;color:#566273}
@media(max-width:900px){.notification-row.manageable{grid-template-columns:auto auto minmax(0,1fr)}.notification-quick-actions{grid-column:2/-1;justify-content:flex-start}.direct-intro-row{grid-template-columns:auto 48px minmax(0,1fr)!important}.direct-intro-avatar{width:46px;height:46px}.direct-intro-row .hero-actions{grid-column:2/-1;justify-content:flex-start!important}}
@media(max-width:620px){.bulk-action-bar{align-items:stretch}.bulk-actions{margin-left:0;width:100%}.bulk-actions .btn,.bulk-actions button{flex:1}.bulk-actions-secondary{width:100%}.notification-row.manageable{grid-template-columns:auto 40px minmax(0,1fr);padding:12px 10px}.notification-icon{width:38px;height:38px}.notification-quick-actions{grid-column:1/-1;padding-left:28px}.direct-intro-row{grid-template-columns:auto 44px minmax(0,1fr)!important}.direct-intro-avatar{width:42px;height:42px}.direct-intro-row .hero-actions{grid-column:1/-1}.direct-intro-row .hero-actions .btn{flex:1 1 auto}}

/* FLIRIVO 2.24.11 structured profile selectors */
.profile-structured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
.profile-choice-box{min-width:0;margin:0;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.022)}
.profile-choice-box legend{padding:0 7px;font-size:15px;font-weight:900;color:var(--text)}
.profile-choice-box>.field-help{margin:0 0 10px;color:var(--muted);font-size:12px;line-height:1.45}
.profile-choice-tools{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.choice-search{display:flex!important;align-items:center;gap:6px;flex:1;min-width:0;margin:0!important;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.choice-search>span{color:var(--muted)}
.choice-search input{margin:0!important;padding:9px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;min-width:0}
.choice-counter{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);font-size:11px;font-weight:850;color:var(--muted)}
.profile-choice-grid{display:flex;flex-wrap:wrap;gap:7px;align-items:flex-start;max-height:none}
.profile-choice-chip{display:inline-flex!important;position:relative;margin:0!important;cursor:pointer;max-width:100%}
.profile-choice-chip[hidden]{display:none!important}
.profile-choice-chip input{position:absolute!important;opacity:0!important;pointer-events:none;width:1px!important;height:1px!important;margin:0!important}
.profile-choice-chip span{display:block;max-width:100%;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:12px;font-weight:750;line-height:1.15;white-space:normal;overflow-wrap:anywhere;transition:.14s ease}
.profile-choice-chip input:checked+span{border-color:rgba(255,83,143,.7);background:rgba(255,83,143,.13);color:var(--text);box-shadow:0 0 0 2px rgba(255,83,143,.08)}
.profile-choice-chip input:focus-visible+span{outline:3px solid rgba(117,92,255,.28);outline-offset:2px}
.profile-choice-chip input:disabled:not(:checked)+span{opacity:.42;cursor:not-allowed}
.choice-more{margin-top:10px;padding:7px 10px;border:0;background:transparent;color:var(--accent2);font-size:12px;font-weight:850;cursor:pointer}
.grid-span-full{grid-column:1/-1}
.member-preference-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.member-preference-pair>section{min-width:0;padding:13px;border-radius:16px;border:1px solid var(--line);background:var(--ui-surface-soft)}
.member-preference-pair h3{margin:0 0 8px;font-size:14px}
.member-preference-pair .profile-tags{margin-top:0}
.profile-tags.dislikes span{opacity:.9}
body.theme-light .profile-choice-box{background:#fff;border-color:rgba(38,31,45,.13)}
body.theme-light .profile-choice-chip span{background:#f7f4f8;border-color:rgba(38,31,45,.13);color:#251d2c}
body.theme-light .profile-choice-chip input:checked+span{background:#ffe8f0;border-color:#d84e82;color:#2b1f28}
@media(max-width:900px){.profile-structured-grid{grid-template-columns:1fr}.member-preference-pair{grid-template-columns:1fr}}
@media(max-width:560px){.profile-choice-box{padding:12px;border-radius:15px}.profile-choice-tools{align-items:stretch;flex-direction:column}.choice-counter{align-self:flex-start}.profile-choice-grid{gap:6px}.profile-choice-chip span{padding:8px 10px;font-size:12px}.profile-structured-grid{gap:10px;margin:10px 0}}


/* FLIRIVO 2.24.12 release polish: queues, notification state clarity, structured profile preview */
.safety-dashboard-card{display:flex;flex-direction:column}.safety-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.safety-dashboard-head h2{margin:4px 0 0}.safety-total-badge{display:grid;place-items:center;min-width:42px;height:42px;padding:0 10px;border-radius:14px;border:1px solid var(--ui-border,var(--line));background:var(--ui-surface-soft,rgba(255,255,255,.06));font-size:18px;font-weight:950}.safety-total-badge.has-open{color:#b42318;background:#fff1f0;border-color:#f6b8b2}.theme-classic .safety-total-badge.has-open,.theme-aurora .safety-total-badge.has-open,.theme-velvet .safety-total-badge.has-open{color:#ffd0d5;background:rgba(255,92,108,.12);border-color:rgba(255,92,108,.28)}.safety-total-badge.all-clear{color:#087a4b;background:#ecfdf3;border-color:#abefc6}.safety-queue-list{display:grid;gap:7px;margin:12px 0 16px}.safety-queue-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid var(--ui-border,var(--line));border-radius:12px;background:var(--ui-surface-soft,rgba(255,255,255,.04));font-size:12px;font-weight:800}.safety-queue-list a:hover{border-color:var(--ui-focus,var(--accent));transform:translateY(-1px)}.safety-queue-list a b{min-width:28px;text-align:center;font-size:14px}
.task-inbox-summary{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:16px}.task-inbox-summary>div:first-child strong{display:block;font-size:54px;line-height:1;margin:4px 0 8px}.task-inbox-summary p{margin:0;color:var(--ui-muted,var(--muted))}.task-summary-state{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:14px;border:1px solid var(--ui-border,var(--line));font-size:12px}.task-summary-state.has-open{color:#b42318;background:#fff4f2;border-color:#f6c2bd}.task-summary-state.all-clear{color:#087a4b;background:#ecfdf3;border-color:#abefc6}.theme-classic .task-summary-state.has-open,.theme-aurora .task-summary-state.has-open,.theme-velvet .task-summary-state.has-open{color:#ffd0d5;background:rgba(255,92,108,.11);border-color:rgba(255,92,108,.26)}.task-queue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.task-queue-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:start;text-decoration:none}.task-queue-card:hover{border-color:var(--ui-focus,var(--accent))!important;transform:translateY(-1px)}.task-queue-card.is-clear{opacity:.76}.task-queue-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:var(--ui-surface-soft,rgba(255,255,255,.05));font-size:24px}.task-queue-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-queue-title h2{margin:0;font-size:19px}.task-queue-title span{display:grid;place-items:center;min-width:34px;height:30px;padding:0 8px;border-radius:999px;background:var(--ui-chip,rgba(255,255,255,.07));font-weight:950}.task-queue-card.has-open .task-queue-title span{background:color-mix(in srgb,var(--ui-focus,var(--accent)) 16%,var(--ui-surface-soft));color:var(--ui-text,var(--text))}.task-queue-copy p{margin:7px 0;color:var(--ui-muted,var(--muted));font-size:13px}.task-queue-copy small{font-weight:850;color:var(--ui-text,var(--text))}.task-inbox-note{margin-top:18px}
.notification-row.manageable{position:relative;overflow:hidden}.notification-row.manageable::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}.notification-row.manageable.unread::before{background:var(--ui-focus,var(--accent))}.notification-row.manageable.unread{background:color-mix(in srgb,var(--ui-focus,var(--accent)) 8%,var(--ui-surface-elevated,var(--panel)))!important;border-color:color-mix(in srgb,var(--ui-focus,var(--accent)) 34%,var(--ui-border,var(--line)))!important}.notification-row.manageable.unread .notification-title-line strong{font-weight:950}.notification-row.manageable.unread .notification-copy p{color:var(--ui-text,var(--text))!important;font-style:normal;font-weight:540}.notification-row.manageable.is-read{background:var(--ui-surface-elevated,var(--panel))!important}.notification-row.manageable.is-read .notification-title-line strong{font-weight:700;color:var(--ui-muted,var(--muted))!important}.notification-row.manageable.is-read .notification-copy p{color:var(--ui-muted,var(--muted))!important;font-style:italic;opacity:.88}.notification-row.manageable.is-read .notification-icon{opacity:.72}.notification-state-badge{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border-radius:999px;border:1px solid var(--ui-border,var(--line));font-size:9px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.notification-state-badge.new{background:color-mix(in srgb,var(--ui-focus,var(--accent)) 15%,var(--ui-surface-soft));color:var(--ui-text,var(--text));border-color:color-mix(in srgb,var(--ui-focus,var(--accent)) 35%,var(--ui-border))}.notification-state-badge.read{background:var(--ui-surface-soft,rgba(255,255,255,.05));color:var(--ui-muted,var(--muted))}.notification-state-badge.ignored{background:color-mix(in srgb,#d97706 11%,var(--ui-surface-soft));color:var(--ui-text,var(--text))}.notification-row.is-ignored{opacity:.72}.notification-row.is-ignored .notification-copy p{font-style:italic}
.member-structured-overview{margin-top:18px}.member-structured-overview>h3{margin:0 0 8px!important}.member-structured-overview .member-facts{margin-top:0}.discover-structured-preview{display:grid;gap:7px;margin-top:10px;max-width:100%}.discover-pref-line{display:flex;align-items:flex-start;gap:8px;min-width:0}.discover-pref-line>small{flex:0 0 auto;min-width:72px;padding-top:5px;color:#fff!important;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.035em;text-shadow:0 1px 4px rgba(0,0,0,.7)}.discover-pref-line .profile-tags{margin:0;min-width:0;display:flex;gap:5px;flex-wrap:wrap}.discover-pref-line .profile-tags span{padding:5px 8px!important;font-size:10px!important}.discover-pref-line.dislikes .profile-tags span{background:rgba(17,24,39,.72)!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important}.discover-mini-facts{display:flex;gap:6px;flex-wrap:wrap;max-height:56px;overflow:hidden}.discover-mini-facts span{display:inline-flex;align-items:center;max-width:100%;padding:5px 8px;border-radius:999px;background:rgba(15,24,34,.78);border:1px solid rgba(255,255,255,.28);color:#fff!important;font-size:10px;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.55)}
@media(max-width:780px){.task-queue-grid{grid-template-columns:1fr}.task-inbox-summary{align-items:flex-start}.task-inbox-summary>div:first-child strong{font-size:44px}.discover-structured-preview{gap:5px}.discover-pref-line.dislikes{display:none}.discover-mini-facts{max-height:28px}.discover-pref-line>small{min-width:64px;font-size:9px}.notification-state-badge{font-size:8px}.safety-queue-list a{min-height:44px}}
@media(max-width:560px){.task-inbox-summary{display:grid}.task-summary-state{justify-self:start}.notification-title-line{flex-wrap:wrap}.notification-state-badge{order:2}.discover-pref-line{display:block}.discover-pref-line>small{display:block;padding:0 0 4px;min-width:0}.discover-pref-line .profile-tags{max-height:32px;overflow:hidden}.discover-mini-facts{display:none}}



/* FLIRIVO FLOW 2.0 — customer-flow product layer. */
:root{--flow-cyan:#42e6c2;--flow-blue:#68a7ff;--flow-violet:#b86cff;--flow-ink:#071319;--flow-panel:#0d2028;--flow-line:rgba(91,224,207,.24)}
.flow-topbar{border-bottom-color:rgba(66,230,194,.18)}.flow-brand{display:flex;align-items:center;gap:10px}.flow-brand img{border-radius:11px;box-shadow:0 0 24px rgba(66,230,194,.12)}.flow-brand>span{display:flex;align-items:baseline;gap:6px}.flow-brand b{font-size:17px;letter-spacing:.05em}.flow-brand small{font-size:8px;letter-spacing:.2em;color:var(--flow-cyan);font-weight:900}.flow-content{max-width:1180px;margin:0 auto;width:100%}.flow-shell{padding-bottom:100px}.flow-nav a{white-space:nowrap}
.flow-hero{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(360px,.93fr);gap:52px;align-items:center;min-height:650px;padding:74px 0 50px}.flow-hero h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.055em;margin:16px 0 22px}.flow-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--flow-cyan),var(--flow-blue),var(--flow-violet));-webkit-background-clip:text;background-clip:text;color:transparent}.flow-hero p{font-size:20px;line-height:1.65;max-width:720px}.flow-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--flow-line);background:rgba(66,230,194,.07);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;letter-spacing:.04em}.flow-pill i{width:8px;height:8px;border-radius:50%;background:var(--flow-cyan);box-shadow:0 0 14px var(--flow-cyan)}.flow-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.flow-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:13px;opacity:.78}
.flow-stage{position:relative;min-height:510px}.flow-stage-card{position:absolute;border:1px solid var(--flow-line);background:linear-gradient(155deg,rgba(19,44,54,.96),rgba(12,24,34,.98));border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.28);padding:22px}.flow-stage-card.main{inset:40px 0 30px 58px;z-index:3}.flow-stage-card.back1{inset:12px 60px 110px 0;transform:rotate(-5deg);opacity:.55}.flow-stage-card.back2{inset:86px 8px 0 116px;transform:rotate(5deg);opacity:.46}.flow-mini-head{display:flex;justify-content:space-between;align-items:center}.flow-mini-head strong{font-size:15px}.flow-live{color:var(--flow-cyan);font-size:12px}.flow-metric{margin:26px 0;padding:20px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.flow-metric b{display:block;font-size:36px;line-height:1;margin-bottom:8px}.flow-metric small{opacity:.7}.flow-row{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}.flow-row:last-child{border-bottom:0}.flow-row .ok{color:var(--flow-cyan)}.flow-row .warn{color:#ffcc6a}.flow-floating{position:absolute;z-index:5;border-radius:16px;background:#101b27;border:1px solid rgba(184,108,255,.35);padding:12px 16px;font-weight:800;box-shadow:0 14px 50px rgba(0,0,0,.3)}.flow-floating.a{right:-15px;top:12px}.flow-floating.b{left:2px;bottom:12px}.flow-floating span{color:var(--flow-cyan)}
.flow-section{padding:54px 0}.flow-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.flow-section-head h2{font-size:clamp(30px,4vw,52px);margin:6px 0}.flow-section-head p{max-width:560px}.flow-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.flow-feature{padding:25px;border-radius:24px;background:linear-gradient(155deg,rgba(15,34,43,.95),rgba(17,18,34,.92));border:1px solid var(--flow-line)}.flow-feature .icon{font-size:30px;margin-bottom:16px}.flow-feature h3{font-size:22px;margin:0 0 10px}.flow-feature p{margin:0;opacity:.78;line-height:1.6}.flow-feature .mini{margin-top:18px;display:inline-flex;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.flow-cta{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:34px;border-radius:28px;border:1px solid rgba(104,167,255,.25);background:linear-gradient(120deg,rgba(66,230,194,.08),rgba(184,108,255,.1))}.flow-cta h2{margin:0 0 7px}
.flow-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:38px 0 24px}.flow-page-head h1{font-size:clamp(34px,5vw,58px);margin:5px 0 6px}.flow-page-head p{margin:0;max-width:700px}.flow-actions{display:flex;gap:10px;flex-wrap:wrap}.flow-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.flow-stat{padding:20px;border-radius:20px;background:rgba(13,32,40,.82);border:1px solid var(--flow-line)}.flow-stat small{display:block;opacity:.7;margin-bottom:9px}.flow-stat b{font-size:30px}.flow-panel{padding:22px;border-radius:24px;background:linear-gradient(160deg,rgba(13,32,40,.96),rgba(14,17,30,.96));border:1px solid var(--flow-line);margin-bottom:18px}.flow-panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.flow-panel-head h2,.flow-panel-head h3{margin:0}.flow-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.flow-table{width:100%;border-collapse:collapse}.flow-table th,.flow-table td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:middle}.flow-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.65}.flow-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.11);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.flow-badge.ok{border-color:rgba(66,230,194,.3);color:var(--flow-cyan)}.flow-badge.warn{border-color:rgba(255,204,106,.3);color:#ffcc6a}.flow-badge.muted{opacity:.62}.flow-linkbox{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px dashed rgba(104,167,255,.34);border-radius:14px;background:rgba(104,167,255,.05);overflow:hidden}.flow-linkbox code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.flow-empty{text-align:center;padding:40px 20px;opacity:.76}.flow-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.flow-form-grid .wide{grid-column:1/-1}.flow-inline{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.flow-inline .field{flex:1;min-width:160px}.flow-copy{cursor:pointer}.flow-service-chip{display:inline-flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin:4px 4px 4px 0}.flow-kpi-positive{color:var(--flow-cyan)}
.flow-public{max-width:760px;margin:46px auto}.flow-public-logo{text-align:center;margin-bottom:22px}.flow-public-logo img{width:60px;height:60px}.flow-ticket{font-size:54px;font-weight:900;letter-spacing:-.04em;margin:14px 0}.flow-position{font-size:22px}.flow-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:18px 0}.flow-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--flow-cyan),var(--flow-blue));border-radius:inherit}.flow-timeline{position:relative;padding-left:24px}.flow-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:rgba(66,230,194,.18)}.flow-event{position:relative;padding:8px 0 18px}.flow-event:before{content:"";position:absolute;left:-21px;top:14px;width:10px;height:10px;border-radius:50%;background:var(--flow-cyan)}.flow-event small{opacity:.62}.flow-event b{display:block;margin-bottom:4px}.flow-note{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.flow-footer .footer-note span{opacity:.6}.flow-mobile-nav{grid-template-columns:repeat(5,1fr)}
html[data-theme="light"]{--flow-ink:#f6f9fc;--flow-panel:#fff;--flow-line:rgba(14,91,99,.16)}html[data-theme="light"] .flow-feature,html[data-theme="light"] .flow-panel,html[data-theme="light"] .flow-stat{background:#fff;border-color:rgba(20,90,105,.14);box-shadow:0 18px 55px rgba(30,60,90,.07)}html[data-theme="light"] .flow-stage-card{background:linear-gradient(155deg,#fff,#edf8f7);color:#11242b}html[data-theme="light"] .flow-floating{background:#fff;color:#17212b}html[data-theme="light"] .flow-metric{background:#f4f8fa}html[data-theme="light"] .flow-row{border-color:rgba(0,0,0,.07)}
@media(max-width:900px){.flow-hero{grid-template-columns:1fr;min-height:0;padding-top:46px}.flow-stage{min-height:450px}.flow-grid3{grid-template-columns:1fr}.flow-stats{grid-template-columns:repeat(2,1fr)}.flow-split{grid-template-columns:1fr}.flow-section-head,.flow-page-head,.flow-cta{align-items:flex-start;flex-direction:column}.flow-form-grid{grid-template-columns:1fr}.flow-form-grid .wide{grid-column:auto}}
@media(max-width:560px){.flow-hero h1{font-size:46px}.flow-stage{min-height:400px}.flow-stage-card.main{inset:34px 0 26px 22px}.flow-stage-card.back1{inset:5px 40px 100px 0}.flow-stage-card.back2{inset:80px 5px 0 55px}.flow-floating{font-size:12px}.flow-stats{grid-template-columns:1fr 1fr}.flow-table{display:block;overflow-x:auto}.flow-actions .btn{flex:1}.flow-public{margin-top:20px}.flow-ticket{font-size:44px}}

/* FLOW 2.0 share links and local QR codes */
.flow-share-grid{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px;align-items:stretch}.flow-share-grid .flow-linkbox{align-self:stretch}.flow-qr-card{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid rgba(91,255,205,.24);border-radius:18px;background:rgba(8,24,31,.56);text-decoration:none;color:inherit}.flow-qr-card img{width:86px;height:86px;background:#fff;padding:7px;border-radius:12px;display:block}.flow-qr-card span{display:grid;gap:4px}.flow-qr-card b{font-size:14px}.flow-qr-card small{font-size:11px;line-height:1.35;color:var(--muted,#9db0b8)}@media(max-width:720px){.flow-share-grid{grid-template-columns:1fr}.flow-qr-card{max-width:100%}}
.flow-kv{display:grid;gap:10px;margin:0}.flow-kv>div{display:grid;grid-template-columns:minmax(120px,35%) 1fr;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.flow-kv>div:last-child{border-bottom:0}.flow-kv dt{font-size:12px;font-weight:800;color:var(--muted,#9db0b8)}.flow-kv dd{margin:0;font-weight:700;overflow-wrap:anywhere}@media(max-width:620px){.flow-kv>div{grid-template-columns:1fr;gap:3px}}


/* FLIRIVO FLOW 2.0 — expanded customer-flow layer */
.flow-grid6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.flow-use-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.flow-use-grid article,.flow-benefit-band>div{padding:20px;border-radius:20px;border:1px solid var(--flow-line);background:rgba(13,32,40,.72)}.flow-use-grid article{display:grid;gap:7px}.flow-use-grid article b{font-size:17px}.flow-use-grid article span,.flow-benefit-band span{opacity:.72;line-height:1.55}.flow-benefit-band{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:10px 0 36px}.flow-benefit-band>div{display:grid;gap:6px}.flow-success-mark{width:70px;height:70px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-size:34px;font-weight:900;color:#06131e;background:var(--flow-cyan);box-shadow:0 0 44px rgba(66,230,194,.22)}.flow-success-mark.muted{background:rgba(255,255,255,.1);color:inherit;box-shadow:none}.flow-pickup-grid,.flow-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.flow-pickup-card,.flow-status-card{padding:18px;border-radius:20px;border:1px solid var(--flow-line);background:rgba(8,24,31,.5)}.flow-pickup-card-head,.flow-status-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.flow-pickup-code{font-size:28px;font-weight:950;letter-spacing:.12em}.flow-status-update{display:grid;grid-template-columns:160px 1fr 1.4fr auto auto;gap:8px;align-items:end;margin-top:12px}.compact-check{align-self:center}.flow-ad-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.flow-ad-points{display:grid;gap:10px;margin:18px 0}.flow-ad-point{padding:14px;border-radius:16px;border:1px solid var(--flow-line);background:rgba(66,230,194,.045)}.flow-legal{max-width:980px;margin:0 auto}.flow-legal h2{margin-top:30px}.flow-legal h3{margin-top:20px}.flow-legal p,.flow-legal li{line-height:1.72}.flow-legal .legal-index{columns:2;gap:40px}.flow-legal .legal-index a{display:block;padding:4px 0}.flow-legal .legal-note{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,204,106,.3);background:rgba(255,204,106,.07)}.flow-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.flow-danger{border-color:rgba(255,92,120,.32)!important}.flow-kpi-positive{color:var(--flow-cyan)}
html[data-theme="light"] .flow-use-grid article,html[data-theme="light"] .flow-benefit-band>div,html[data-theme="light"] .flow-pickup-card,html[data-theme="light"] .flow-status-card,html[data-theme="light"] .flow-ad-point{background:#fff;border-color:rgba(20,90,105,.14)}
@media(max-width:980px){.flow-grid6{grid-template-columns:repeat(2,1fr)}.flow-use-grid{grid-template-columns:repeat(2,1fr)}.flow-ad-grid{grid-template-columns:1fr}.flow-status-update{grid-template-columns:1fr 1fr}.flow-status-update input[name="public_note"]{grid-column:1/-1}}
@media(max-width:680px){.flow-grid6,.flow-use-grid,.flow-benefit-band,.flow-pickup-grid,.flow-status-grid,.flow-settings-grid{grid-template-columns:1fr}.flow-status-update{grid-template-columns:1fr}.flow-status-update input[name="public_note"]{grid-column:auto}.flow-legal .legal-index{columns:1}}

.flow-mobile-nav{grid-template-columns:repeat(6,1fr)}
@media(max-width:470px){.flow-mobile-nav a b{font-size:9px}.flow-mobile-nav a span{font-size:16px}}

/* FLOW configurator + branded customer experience */
.flow-client-topbar{border-bottom:1px solid color-mix(in srgb,var(--flow-client-primary,#146cff) 28%,transparent);background:rgba(5,15,26,.94)}
.flow-client-brand img{object-fit:contain;border-radius:10px;background:#fff0;padding:2px}.flow-powered{font-size:.78rem;opacity:.72}.flow-client-footer{justify-content:center;text-align:center}
.flow-public-page .btn{background:linear-gradient(135deg,var(--flow-client-primary,#146cff),var(--flow-client-secondary,#ec168c));border-color:transparent}.flow-public-page .flow-pill i{background:var(--flow-client-primary,#146cff)}
.flow-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 18px}.flow-module-card{display:grid;gap:6px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03);cursor:pointer}.flow-module-card input{width:20px;height:20px}.flow-module-card small{opacity:.72}.flow-hours{display:grid;gap:8px;margin:18px 0}.flow-hours-row{display:grid;grid-template-columns:minmax(130px,1fr) 130px auto 130px;gap:10px;align-items:center}.flow-service-list{display:grid;gap:8px;margin-bottom:14px}.flow-form-inline{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.flow-form-inline>.field,.flow-form-inline>input,.flow-form-inline>select{flex:1 1 160px}.flow-share-row{display:grid;grid-template-columns:180px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.flow-share-row code{overflow:auto}.flow-slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;margin:18px 0}.flow-slot-choice input{position:absolute;opacity:0}.flow-slot-choice span{display:block;text-align:center;padding:12px;border-radius:14px;border:1px solid var(--line);cursor:pointer;background:rgba(255,255,255,.03);font-weight:800}.flow-slot-choice input:checked+span{border-color:var(--flow-client-primary,#146cff);box-shadow:0 0 0 2px color-mix(in srgb,var(--flow-client-primary,#146cff) 25%,transparent);background:color-mix(in srgb,var(--flow-client-primary,#146cff) 12%,transparent)}fieldset[disabled]{opacity:.58}fieldset{border:0;padding:0;margin:0}.flow-embed .flow-client-topbar,.flow-embed .flow-client-footer{display:none}.flow-embed .flow-shell{padding-top:12px}
@media(max-width:760px){.flow-module-grid{grid-template-columns:1fr}.flow-hours-row{grid-template-columns:1fr 1fr auto 1fr}.flow-share-row{grid-template-columns:1fr}.flow-powered{display:none}}

.flow-public-page .flow-public-logo{display:none!important}


/* FLOW 2.1.3 structural UI polish */
.flow-table-wrap{width:100%;overflow:auto;border:1px solid var(--flow-line);border-radius:18px;background:rgba(7,22,30,.34)}
.flow-table-wrap .flow-table{min-width:680px}.flow-table-wrap .flow-table th:first-child,.flow-table-wrap .flow-table td:first-child{padding-left:16px}.flow-table-wrap .flow-table th:last-child,.flow-table-wrap .flow-table td:last-child{padding-right:16px}
.flow-actions-tight{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.flow-actions-tight form{margin:0}.flow-actions-tight .btn{white-space:nowrap}
.flow-queue-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.flow-queue-card{padding:18px;border:1px solid var(--flow-line);border-radius:20px;background:linear-gradient(155deg,rgba(17,39,48,.84),rgba(8,23,31,.72));box-shadow:0 12px 34px rgba(0,0,0,.14)}.flow-queue-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.flow-queue-card h3{margin:0 0 6px;font-size:20px}.flow-queue-card p{margin:0 0 16px;color:var(--muted,#9db0b8)}.flow-ticket-small{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:7px 10px;border-radius:12px;background:rgba(66,230,194,.10);border:1px solid rgba(66,230,194,.24);font-weight:950;letter-spacing:.06em;color:var(--flow-cyan)}
.flow-activity-list{display:grid;gap:9px}.flow-activity{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--flow-line);border-radius:16px;background:rgba(255,255,255,.025)}.flow-activity>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(66,230,194,.10);color:var(--flow-cyan);font-weight:900}.flow-activity>div{min-width:0}.flow-activity b{display:block}.flow-activity small{display:block;margin-top:3px;color:var(--muted,#9db0b8);overflow-wrap:anywhere}.flow-activity form{margin:0}
.flow-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px}.flow-quick{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;padding:18px;border:1px solid var(--flow-line);border-radius:20px;background:linear-gradient(155deg,rgba(15,36,44,.88),rgba(8,24,31,.68));color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.flow-quick:hover{transform:translateY(-2px);border-color:rgba(66,230,194,.34);background:linear-gradient(155deg,rgba(19,45,54,.94),rgba(9,29,37,.78))}.flow-quick>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(66,230,194,.10);color:var(--flow-cyan);font-size:21px}.flow-quick b{display:block;font-size:16px}.flow-quick small{display:block;margin-top:5px;line-height:1.5;color:var(--muted,#9db0b8)}
.flow-service-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--flow-line);border-radius:16px;background:rgba(255,255,255,.025)}.flow-service-row small{display:block;margin-top:3px;color:var(--muted,#9db0b8)}.flow-service-row form{margin:0}
.flow-stats-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.page-queue .flow-page-head,.page-slots .flow-page-head,.page-pickup .flow-page-head,.page-status .flow-page-head,.page-studio .flow-page-head,.page-business .flow-page-head,.page-dashboard .flow-page-head{padding:22px 24px;border:1px solid var(--flow-line);border-radius:24px;background:linear-gradient(155deg,rgba(13,32,40,.80),rgba(8,23,31,.58));box-shadow:0 16px 44px rgba(0,0,0,.12)}
html[data-theme="light"] .flow-table-wrap,html[data-theme="light"] .flow-queue-card,html[data-theme="light"] .flow-activity,html[data-theme="light"] .flow-quick,html[data-theme="light"] .flow-service-row,html[data-theme="light"] .page-queue .flow-page-head,html[data-theme="light"] .page-slots .flow-page-head,html[data-theme="light"] .page-pickup .flow-page-head,html[data-theme="light"] .page-status .flow-page-head,html[data-theme="light"] .page-studio .flow-page-head,html[data-theme="light"] .page-business .flow-page-head,html[data-theme="light"] .page-dashboard .flow-page-head{background:#fff;border-color:rgba(20,90,105,.14);box-shadow:0 14px 38px rgba(30,60,90,.06)}
@media(max-width:1100px){.flow-stats-6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.flow-quick-grid{grid-template-columns:1fr}.flow-activity{grid-template-columns:38px minmax(0,1fr)}.flow-activity>form{grid-column:2}.flow-service-row{grid-template-columns:minmax(0,1fr) auto}.flow-service-row form{grid-column:1/-1}.flow-queue-board{grid-template-columns:1fr}.page-queue .flow-page-head,.page-slots .flow-page-head,.page-pickup .flow-page-head,.page-status .flow-page-head,.page-studio .flow-page-head,.page-business .flow-page-head,.page-dashboard .flow-page-head{padding:18px}}
@media(max-width:560px){.flow-stats-6{grid-template-columns:repeat(2,1fr)}.flow-actions-tight{display:grid;grid-template-columns:1fr 1fr}.flow-actions-tight form,.flow-actions-tight .btn{width:100%}}


/* ============================================================
   FLIRIVO FLOW 2.1.6 – responsive public header & registration
   ============================================================ */
#funktionen,#einsatz,#branchen{scroll-margin-top:92px}.flow-anchor-alias{display:block;position:relative;top:-1px;height:1px;overflow:hidden}.nav-cta-short{display:none}.flow-register-card{max-width:820px!important}.flow-form-section{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.flow-form-section h2{margin:0 0 14px;font-size:16px}.flow-consent-box{display:grid;gap:12px;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}
@media(max-width:780px){
  .flow-topbar{padding:9px 10px}.flow-topbar .topbar-inner{width:100%;min-width:0;gap:8px;flex-wrap:nowrap}.flow-topbar .flow-brand{min-width:0;flex:1 1 auto;gap:7px;font-size:15px;letter-spacing:.05em}.flow-topbar .flow-brand img{width:32px;height:32px;flex:0 0 32px}.flow-topbar .flow-brand span{display:grid;min-width:0;line-height:1.05}.flow-topbar .flow-brand b{font-size:14px;white-space:nowrap}.flow-topbar .flow-brand small{font-size:9px}.flow-topbar .flow-nav{flex:0 0 auto;display:flex!important;gap:3px;flex-wrap:nowrap;min-width:0}.flow-topbar .flow-nav>a{padding:8px 7px;font-size:11px;white-space:nowrap}.flow-topbar .flow-nav>a:not(.lang-link):not(.nav-cta){display:none!important}.flow-topbar .flow-nav .nav-cta{padding:8px 10px;min-height:36px}.flow-shell{width:min(var(--max),calc(100% - 20px))}.flow-hero{padding-top:30px;gap:26px}.flow-hero>div{min-width:0}.flow-hero h1{font-size:clamp(39px,11vw,54px)!important;overflow-wrap:normal}.flow-hero p{font-size:16px}.flow-hero-actions{display:grid;grid-template-columns:1fr;align-items:stretch}.flow-hero-actions .btn{width:100%;justify-content:center;text-align:center}.flow-stage{min-width:0;width:100%;overflow:hidden}.flow-section{min-width:0}.flow-section-head{gap:12px}.flow-section-head h2{font-size:clamp(27px,8vw,38px)}
}
@media(max-width:460px){
  .flow-topbar .flow-brand small{display:none}.flow-topbar .flow-brand b{font-size:13px}.flow-topbar .flow-nav .lang-link{padding-inline:6px}.flow-topbar .flow-nav .nav-cta{padding-inline:8px}.nav-cta-long{display:none}.nav-cta-short{display:inline}.flow-shell{width:calc(100% - 16px)}.flow-content{min-width:0}.flow-hero{padding-top:22px}.flow-hero h1{font-size:clamp(35px,11vw,45px)!important;line-height:.98}.flow-stage{min-height:350px}.flow-form-section{padding:14px;margin:14px 0}.flow-register-card{padding:16px!important}.footer.flow-footer{width:calc(100% - 20px)}
}

/* ============================================================
   FLIRIVO FLOW 2.2.0 – deep workflow, calendar, preview & mobile
   ============================================================ */
html,body{max-width:100%;overflow-x:clip}.flow-topbar .topbar-inner,.flow-content,.flow-shell{min-width:0}.flow-nav{min-width:0}.flow-nav a{flex:0 0 auto}
.page-calendar .flow-page-head,.page-appointment .flow-page-head,.page-preview .flow-page-head{padding:22px 24px;border:1px solid var(--flow-line);border-radius:24px;background:linear-gradient(155deg,rgba(13,32,40,.80),rgba(8,23,31,.58));box-shadow:0 16px 44px rgba(0,0,0,.12)}
.flow-config-nav,.flow-preview-tabs{position:sticky;top:76px;z-index:12;display:flex;gap:8px;overflow:auto;padding:10px;margin:0 0 18px;border:1px solid var(--flow-line);border-radius:18px;background:rgba(7,20,28,.94);backdrop-filter:blur(18px)}.flow-config-nav a,.flow-preview-tabs a,.flow-view-switch a,.flow-queue-tab{color:inherit;text-decoration:none}.flow-config-nav a,.flow-preview-tabs a{flex:0 0 auto;padding:9px 12px;border-radius:12px;font-size:13px;font-weight:850}.flow-config-nav a:hover,.flow-preview-tabs a:hover,.flow-preview-tabs a.active{background:rgba(66,230,194,.10);color:var(--flow-cyan)}
.flow-settings-grid,.flow-service-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flow-create-box,.flow-service-editor,.flow-custom-field-card,.flow-list-card{padding:16px;border:1px solid var(--flow-line);border-radius:18px;background:rgba(255,255,255,.025)}.flow-service-editor,.flow-custom-field-card{margin-top:12px}.flow-service-editor-head,.flow-status-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.flow-custom-field-list,.flow-compact-list{display:grid;gap:10px}.flow-field-context{display:flex;gap:8px;flex-wrap:wrap}.flow-inline-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flow-separator{height:1px;background:var(--flow-line);margin:18px 0}.flow-danger-zone{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,100,100,.22)}.flow-config-details{margin-top:14px;border-top:1px solid var(--flow-line);padding-top:14px}.flow-config-details>summary{cursor:pointer;font-weight:850;color:var(--flow-cyan);margin-bottom:12px}
.flow-calendar-toolbar{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.flow-calendar-nav,.flow-view-switch{display:flex;gap:7px;align-items:center}.flow-view-switch{justify-content:center}.flow-view-switch a{padding:9px 12px;border-radius:12px;border:1px solid transparent;font-weight:800;font-size:13px}.flow-view-switch a.active{border-color:var(--flow-line);background:rgba(66,230,194,.10);color:var(--flow-cyan)}.flow-calendar-filter{display:flex;gap:8px;align-items:center}.flow-calendar-filter select{min-width:135px}
.flow-calendar-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--flow-line);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.02)}.flow-cal-weekday{padding:11px;text-align:center;font-size:12px;font-weight:900;letter-spacing:.06em;border-right:1px solid var(--flow-line);border-bottom:1px solid var(--flow-line);color:var(--muted,#9db0b8)}.flow-cal-day{min-height:150px;padding:9px;border-right:1px solid var(--flow-line);border-bottom:1px solid var(--flow-line);min-width:0}.flow-cal-day:nth-child(7n),.flow-cal-weekday:nth-child(7){border-right:0}.flow-cal-day.outside{opacity:.45}.flow-cal-day.today{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--flow-cyan) 55%,transparent)}.flow-cal-day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.flow-cal-day-head a{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:inherit;text-decoration:none;font-weight:900}.flow-cal-day.today .flow-cal-day-head a{background:var(--flow-cyan);color:#05171a}.flow-cal-day-head span{font-size:11px;opacity:.65}.flow-cal-events{display:grid;gap:5px}.flow-cal-event{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;align-items:center;padding:6px 7px;border-radius:9px;border-left:3px solid var(--event-color,var(--flow-cyan));background:rgba(255,255,255,.045);color:inherit;text-decoration:none;font-size:11px;min-width:0}.flow-cal-event span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-cal-event time{font-weight:900}.flow-cal-event.block{opacity:.75}.flow-cal-more{font-size:11px;color:var(--flow-cyan);text-decoration:none;font-weight:800}
.flow-week-wrap{width:100%;overflow:auto;border:1px solid var(--flow-line);border-radius:20px}.flow-week-grid{min-width:920px;display:grid;grid-template-columns:72px repeat(7,minmax(120px,1fr));background:rgba(255,255,255,.02)}.flow-week-corner,.flow-week-head,.flow-week-time,.flow-week-cell{border-right:1px solid var(--flow-line);border-bottom:1px solid var(--flow-line)}.flow-week-corner,.flow-week-head{position:sticky;top:0;z-index:2;background:rgba(8,24,31,.96)}.flow-week-head{padding:11px;text-align:center;font-weight:850}.flow-week-head a{color:inherit;text-decoration:none}.flow-week-time{padding:9px 7px;font-size:11px;text-align:right;color:var(--muted,#9db0b8)}.flow-week-cell{min-height:68px;padding:5px}.flow-week-event{display:grid;gap:2px;padding:6px;border-left:3px solid var(--event-color,var(--flow-cyan));border-radius:8px;background:rgba(255,255,255,.05);color:inherit;text-decoration:none;font-size:11px}.flow-week-event span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flow-agenda{display:grid;gap:18px}.flow-agenda-day{display:grid;gap:8px}.flow-agenda-date{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--flow-line)}.flow-agenda-date a{color:var(--flow-cyan);font-size:12px;font-weight:800;text-decoration:none}.flow-agenda-event{display:grid;grid-template-columns:10px 110px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--flow-line);border-radius:14px;color:inherit;text-decoration:none;background:rgba(255,255,255,.025)}.flow-agenda-event small{display:block;margin-top:3px;color:var(--muted,#9db0b8)}.flow-event-dot{width:9px;height:9px;border-radius:50%}
.flow-queue-tabs{display:flex;gap:9px;overflow:auto;padding-bottom:4px}.flow-queue-tab{display:grid;gap:3px;min-width:165px;padding:11px 13px;border:1px solid var(--flow-line);border-radius:14px;background:rgba(255,255,255,.025)}.flow-queue-tab small{opacity:.68}.flow-queue-tab.active{border-color:rgba(66,230,194,.48);background:rgba(66,230,194,.09)}
.flow-preview-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(360px,1.28fr);gap:22px;align-items:start}.flow-preview-controls{position:sticky;top:142px}.flow-preview-checklist{display:grid;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--flow-line)}.flow-preview-checklist label{display:flex;gap:9px;align-items:center}.flow-preview-checklist label span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(66,230,194,.10);color:var(--flow-cyan);font-weight:950}.flow-device-preview{max-width:660px;width:100%;margin:0 auto;border:1px solid rgba(255,255,255,.13);border-radius:32px;background:linear-gradient(160deg,#10232c,#07161d);box-shadow:0 30px 90px rgba(0,0,0,.28);overflow:hidden}.flow-device-bar,.flow-device-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:13px 18px;background:rgba(255,255,255,.035)}.flow-device-bar>span:last-child{text-align:right}.flow-device-body{padding:28px;min-height:560px}.flow-device-body .field,.flow-device-body input,.flow-device-body select,.flow-device-body textarea{pointer-events:none}.flow-device-footer{display:block;text-align:center;font-size:11px;color:var(--muted,#9db0b8)}.flow-preview-slots span{display:block;text-align:center;padding:10px;border-radius:11px;border:1px solid var(--flow-line);font-weight:850}.flow-preview-status{display:grid;gap:12px}.flow-pickup-code{display:inline-flex;width:max-content;padding:12px 18px;border-radius:14px;background:rgba(66,230,194,.11);border:1px dashed rgba(66,230,194,.45);font-size:28px;font-weight:950;letter-spacing:.12em}
.flow-confirm-backdrop{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px;background:rgba(0,10,16,.76);backdrop-filter:blur(8px)}.flow-confirm-backdrop[hidden]{display:none}.flow-confirm-dialog{width:min(470px,100%);padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#0d2028;box-shadow:0 30px 100px rgba(0,0,0,.55)}.flow-confirm-dialog h2{margin:10px 0 8px}.flow-confirm-dialog p{margin:0;color:var(--muted,#b2c0c6);line-height:1.55}.flow-confirm-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(255,109,109,.12);color:#ff8585;font-size:22px;font-weight:950}.flow-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
html[data-theme="light"] .page-calendar .flow-page-head,html[data-theme="light"] .page-appointment .flow-page-head,html[data-theme="light"] .page-preview .flow-page-head,html[data-theme="light"] .flow-create-box,html[data-theme="light"] .flow-service-editor,html[data-theme="light"] .flow-custom-field-card,html[data-theme="light"] .flow-list-card{background:#fff;border-color:rgba(20,90,105,.14);box-shadow:0 14px 38px rgba(30,60,90,.05)}html[data-theme="light"] .flow-config-nav,html[data-theme="light"] .flow-preview-tabs,html[data-theme="light"] .flow-week-corner,html[data-theme="light"] .flow-week-head{background:rgba(255,255,255,.96)}html[data-theme="light"] .flow-device-preview{background:#fff;border-color:rgba(20,90,105,.18);box-shadow:0 30px 80px rgba(30,60,90,.12)}html[data-theme="light"] .flow-confirm-dialog{background:#fff;border-color:rgba(20,90,105,.18)}
@media(max-width:1080px){.flow-calendar-toolbar{grid-template-columns:1fr}.flow-view-switch{justify-content:flex-start}.flow-calendar-filter{flex-wrap:wrap}.flow-preview-layout{grid-template-columns:1fr}.flow-preview-controls{position:static}.flow-device-preview{max-width:720px}}
@media(max-width:900px){.auth-user .flow-topbar .desktop-nav{display:none!important}.flow-config-nav,.flow-preview-tabs{top:62px}.flow-calendar-month{min-width:780px}.page-calendar .flow-calendar-month{overflow:visible}.page-calendar main,.page-calendar .flow-content{min-width:0}.page-calendar .flow-content{overflow-x:auto}.flow-settings-grid,.flow-service-edit-grid{grid-template-columns:1fr}}
@media(max-width:760px){.page-calendar .flow-page-head,.page-appointment .flow-page-head,.page-preview .flow-page-head{padding:18px}.flow-calendar-toolbar{padding:14px}.flow-calendar-filter{display:grid;grid-template-columns:1fr 1fr}.flow-calendar-filter .btn{grid-column:1/-1}.flow-week-wrap{border-radius:16px}.flow-agenda-event{grid-template-columns:10px 90px minmax(0,1fr)}.flow-agenda-event>span:last-child{display:none}.flow-device-body{padding:20px;min-height:480px}.flow-inline-pair{grid-template-columns:1fr}.flow-confirm-actions{display:grid;grid-template-columns:1fr 1fr}.flow-confirm-actions .btn{width:100%}.flow-mobile-nav{overflow-x:auto;justify-content:flex-start}.flow-mobile-nav>a{min-width:70px;flex:1 0 70px}}
@media(max-width:520px){.flow-calendar-filter{grid-template-columns:1fr}.flow-calendar-filter .btn{grid-column:auto}.flow-view-switch{overflow:auto}.flow-agenda-event{grid-template-columns:10px minmax(0,1fr)}.flow-agenda-event time{grid-column:2}.flow-device-preview{border-radius:22px}.flow-device-body{padding:17px}.flow-preview-tabs{margin-inline:-2px}.flow-confirm-dialog{padding:20px}}
.flow-block-editor>summary{display:flex;justify-content:space-between;gap:14px;align-items:center;cursor:pointer;list-style:none}.flow-block-editor>summary::-webkit-details-marker{display:none}.flow-block-editor>summary span:first-child{display:grid;gap:3px}.flow-block-editor>summary small{display:block;color:var(--muted,#9db0b8)}.flow-block-editor[open]>summary{padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid var(--flow-line)}



/* ===== FLIRIVO FLOW 2.2.2 — blue operations UI ===== */
:root{--bg:#06131e;--bg2:#0a2030;--panel:#0d2130;--panel2:#102b3e;--glass:rgba(10,31,46,.88);--text:#eef7ff;--muted:#a9bac9;--soft:#7890a3;--accent:#146cff;--accent2:#1aa6ff;--accent3:#49d6ff;--line:rgba(128,190,235,.18);--shadow:0 18px 54px rgba(0,33,62,.20)}
body{background:radial-gradient(circle at 12% -10%,rgba(20,108,255,.18),transparent 34%),radial-gradient(circle at 92% 14%,rgba(26,166,255,.14),transparent 28%),linear-gradient(160deg,#06131e,#0a1c2a 58%,#071522)!important}
.ambient-a{background:#146cff}.ambient-b{background:#1aa6ff}.kicker{color:#5db8ff}.brand-mark,.desktop-nav .nav-cta,.btn,button{background:linear-gradient(135deg,#146cff,#168ee8)!important;box-shadow:0 10px 28px rgba(20,108,255,.18)}
.btn.secondary,button.secondary{background:rgba(255,255,255,.055)!important;border:1px solid rgba(111,173,217,.20)!important;box-shadow:none!important}.btn.secondary:hover,button.secondary:hover{background:rgba(20,108,255,.10)!important;border-color:rgba(58,148,255,.42)!important}
.flow-panel,.flow-page-head,.flow-create-box,.flow-service-editor,.flow-custom-field-card,.flow-list-card{border-color:rgba(84,152,202,.20)!important;background:linear-gradient(145deg,rgba(13,36,53,.94),rgba(8,25,38,.92))!important;box-shadow:0 18px 48px rgba(2,25,44,.12)!important}
.flow-page-head{padding:24px!important;border:1px solid rgba(84,152,202,.16)!important;border-radius:22px!important;margin-bottom:18px!important}.flow-page-head h1{font-size:clamp(32px,4.5vw,56px)!important;line-height:1.02}.flow-page-head p{max-width:820px}
.flow-calendar-toolbar{display:grid!important;grid-template-columns:auto minmax(280px,1fr) minmax(320px,auto)!important;gap:12px!important;align-items:center!important}.flow-toolbar-group{min-height:52px;padding:8px;border:1px solid rgba(84,152,202,.18);border-radius:14px;background:rgba(255,255,255,.028)}
.flow-view-switch{display:flex!important;gap:7px!important;justify-content:center!important;align-items:center!important}.flow-view-switch a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:7px 12px!important;border:1px solid rgba(84,152,202,.18)!important;border-radius:9px!important;color:var(--text)!important}.flow-view-switch a.active{background:#146cff!important;border-color:#146cff!important;color:#fff!important}
.flow-calendar-filter{display:grid!important;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto!important;gap:8px!important}.flow-calendar-filter select{min-width:0!important;width:100%!important}.flow-calendar-frame{padding:14px!important;overflow:hidden!important}.flow-calendar-month{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;width:100%!important;min-width:0!important;border:1px solid rgba(84,152,202,.20)!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important;color:#172033!important}.flow-cal-weekday{display:block!important;padding:10px!important;background:#eef5fb!important;color:#486078!important;border-color:#d8e4ee!important}.flow-cal-day{display:block!important;min-height:138px!important;padding:8px!important;border-color:#e0e8f0!important;background:#fff!important;color:#172033!important}.flow-cal-day.outside{background:#f7fafc!important;opacity:.66!important}.flow-cal-day.today{box-shadow:inset 0 0 0 2px #146cff!important}.flow-cal-day.today .flow-cal-day-head a{background:#146cff!important;color:#fff!important}.flow-cal-event{background:#eef6ff!important;color:#17324c!important;border-left-color:var(--event-color,#146cff)!important}.flow-cal-more{color:#0b64d8!important}
.flow-week-wrap{background:#fff!important;color:#172033!important;border-color:#d8e4ee!important}.flow-week-grid{display:grid!important;background:#fff!important}.flow-week-corner,.flow-week-head{background:#eef5fb!important;color:#172033!important}.flow-week-corner,.flow-week-head,.flow-week-time,.flow-week-cell{border-color:#e0e8f0!important}.flow-week-event{background:#eef6ff!important;color:#17324c!important}
.flow-preview-layout{gap:18px!important}.flow-preview-controls,.flow-device-preview{border:1px solid rgba(84,152,202,.22)!important}.flow-device-preview{background:#f6f9fc!important;color:#172033!important;box-shadow:0 24px 64px rgba(31,65,95,.15)!important}.flow-device-bar,.flow-device-footer{background:#eaf2f8!important;color:#334b61!important}.flow-device-body{background:#fff!important}.flow-preview-card{padding:18px!important;border:1px solid #d9e5ef!important;border-radius:16px!important;background:#f7fafc!important}.flow-preview-card h3{margin:6px 0!important}.flow-preview-card p{color:#526579!important}
.flow-config-details>summary,.flow-create-box>summary,.flow-field-context>summary,.flow-block-editor>summary{list-style:none!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:44px!important;margin:0!important;padding:10px 12px!important;border:1px solid rgba(64,144,211,.28)!important;border-radius:11px!important;background:rgba(20,108,255,.08)!important;color:#8dccff!important;cursor:pointer!important;font-weight:850!important}.flow-config-details>summary::-webkit-details-marker,.flow-create-box>summary::-webkit-details-marker,.flow-field-context>summary::-webkit-details-marker,.flow-block-editor>summary::-webkit-details-marker{display:none!important}.flow-summary-title{min-width:0;flex:1 1 auto}.flow-summary-count{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:9px;background:#fff;color:#0b64d8;border:1px solid #cfe0ee}.flow-summary-action{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 9px;border-radius:8px;background:#146cff;color:#fff;font-size:12px;font-weight:900}.flow-config-details[open]>summary,.flow-create-box[open]>summary,.flow-field-context[open]>summary{margin-bottom:14px!important;background:rgba(20,108,255,.14)!important}
html[data-theme="light"] body.theme-light{--accent:#146cff;--accent2:#168ee8;--line:#d8e3ed;background:linear-gradient(180deg,#f8fbfe,#eef4f9)!important}.theme-light .kicker{color:#0b64d8!important}.theme-light .desktop-nav .nav-cta,.theme-light .btn:not(.secondary):not(.ghost):not(.danger),.theme-light button:not(.secondary):not(.ghost):not(.danger){background:linear-gradient(135deg,#146cff,#168ee8)!important;color:#fff!important}.theme-light .flow-panel,.theme-light .flow-page-head,.theme-light .flow-create-box,.theme-light .flow-service-editor,.theme-light .flow-custom-field-card,.theme-light .flow-list-card{background:#fff!important;border-color:#d8e3ed!important;color:#172033!important}.theme-light .flow-config-details>summary,.theme-light .flow-create-box>summary,.theme-light .flow-field-context>summary{background:#eef6ff!important;color:#0b64d8!important;border-color:#c9dcf0!important}
@media(max-width:1120px){.flow-calendar-toolbar{grid-template-columns:1fr!important}.flow-view-switch{justify-content:flex-start!important}.flow-calendar-filter{grid-template-columns:1fr 1fr auto!important}}
@media(max-width:860px){.flow-calendar-frame{overflow-x:auto!important}.flow-calendar-month{min-width:760px!important}.flow-calendar-filter{grid-template-columns:1fr 1fr!important}.flow-calendar-filter .btn{grid-column:1/-1!important}.flow-page-head{padding:18px!important}.flow-page-head .flow-actions{width:100%}.flow-page-head .flow-actions .btn{flex:1 1 180px}}
@media(max-width:560px){.flow-calendar-filter{grid-template-columns:1fr!important}.flow-calendar-filter .btn{grid-column:auto!important}.flow-toolbar-group{width:100%}.flow-view-switch{overflow:auto!important;justify-content:flex-start!important}.flow-page-head h1{font-size:34px!important}.flow-summary-action{font-size:11px}.flow-preview-layout{display:block!important}.flow-preview-controls{position:static!important;margin-bottom:16px}.flow-device-body{padding:18px!important}}

/* 2.2.2 final polish: explicit controls and legal navigation */
.flow-legal-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:10px;border:1px solid rgba(84,152,202,.20);border-radius:14px;background:rgba(255,255,255,.025)}
.flow-legal-nav a{display:inline-flex;align-items:center;min-height:38px;padding:8px 11px;border:1px solid rgba(84,152,202,.20);border-radius:9px;text-decoration:none;color:var(--text);font-weight:800}.flow-legal-nav a:hover{background:rgba(20,108,255,.10);border-color:rgba(58,148,255,.42)}
.flow-legal-callout{max-width:920px;margin:16px auto 0}.flow-legal a{color:#62b8ff;font-weight:750}
.panel details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:9px 11px;border:1px solid rgba(64,144,211,.28);border-radius:10px;background:rgba(20,108,255,.08);color:#8dccff;cursor:pointer;font-weight:850}.panel details>summary::-webkit-details-marker{display:none}.panel details>summary::after{content:'Öffnen';display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border-radius:8px;background:#146cff;color:#fff;font-size:11px;font-weight:900}.panel details[open]>summary::after{content:'Schließen'}
.theme-light .flow-legal-nav{background:#fff;border-color:#d8e3ed}.theme-light .flow-legal-nav a{color:#0b64d8}.theme-light .flow-legal a{color:#0b64d8}.theme-light .panel details>summary{background:#eef6ff;color:#0b64d8;border-color:#c9dcf0}
@media(max-width:620px){.flow-legal-nav{display:grid;grid-template-columns:1fr 1fr}.flow-legal-nav a{justify-content:center;text-align:center}}

/* ============================================================
   FLIRIVO FLOW 2.2.3 – team workspace, public-link and calendar polish
   ============================================================ */
.flow-team-form,.flow-team-editor{display:grid;gap:18px}.flow-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.flow-permission-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.flow-permission-card{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border:1px solid rgba(20,108,255,.16);border-radius:14px;background:rgba(20,108,255,.035);cursor:pointer}.flow-permission-card:hover{border-color:rgba(20,108,255,.34);background:rgba(20,108,255,.06)}.flow-permission-card input{width:18px;height:18px;margin:2px 0 0;accent-color:#146cff;flex:0 0 auto}.flow-permission-card span{display:grid;gap:4px}.flow-permission-card b{font-size:13px;line-height:1.25}.flow-permission-card small{font-size:11px;line-height:1.4;color:var(--muted,#6c7c8c)}.flow-team-list{display:grid;gap:14px}.flow-team-card{padding:18px;border:1px solid rgba(52,114,168,.16);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(23,55,80,.045)}.flow-team-card.owner{background:linear-gradient(135deg,#f2f8ff,#fff);border-color:rgba(20,108,255,.22)}.flow-team-person{display:flex;align-items:center;gap:12px;margin-bottom:14px}.flow-team-person>div{display:grid;gap:3px}.flow-team-person small{color:#6b7b8e}.flow-team-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eaf3ff;color:#0b64d8;font-weight:900}.flow-team-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#65758a;font-size:13px}.flow-team-editor{padding-top:14px;border-top:1px solid #e4ebf2}.flow-team-remove{display:flex;justify-content:flex-end;margin-top:12px}.flow-team-invite-card{max-width:620px}.flow-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.flow-copy-row input{min-width:0}.flow-actions.vertical{display:grid;gap:10px}.flow-table-wrap{overflow:auto}.flow-table-wrap table{width:100%;border-collapse:collapse}.flow-table-wrap th,.flow-table-wrap td{padding:12px;border-bottom:1px solid #e5ecf3;text-align:left;vertical-align:top}
/* Explicit calendar containment: prevents malformed/legacy CSS from flattening the grid. */
.page-calendar .flow-calendar-frame{display:block;width:100%;min-width:0}.page-calendar .flow-calendar-month{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important}.page-calendar .flow-cal-weekday,.page-calendar .flow-cal-day{min-width:0}.page-calendar .flow-calendar-toolbar>a,.page-calendar .flow-calendar-toolbar button,.page-calendar .flow-view-switch a{white-space:nowrap}
/* QR cards: the image area stays visible even if the media request is temporarily unavailable. */
.flow-qr-card{align-items:center!important}.flow-qr-card img{display:block;width:144px!important;height:144px!important;max-width:144px;object-fit:contain;background:#fff;border:1px solid #dce8f2;border-radius:16px;padding:8px}.flow-qr-card .flow-qr-copy{min-width:0}
@media(max-width:900px){.flow-permission-grid,.flow-permission-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-team-card{padding:15px}}
@media(max-width:560px){.flow-permission-grid,.flow-permission-grid.compact{grid-template-columns:1fr}.flow-copy-row{grid-template-columns:1fr}.flow-copy-row .btn{width:100%}.flow-team-person{align-items:flex-start}.flow-team-meta{display:grid}.page-calendar .flow-calendar-month{min-width:720px!important}}

/* 2.2.3 final customer-link polish: readable cards in the light operations theme. */
.flow-share-grid{grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:18px}
.flow-qr-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;padding:16px 18px;background:#fff!important;border:1px solid #d8e5f0!important;color:#13243a!important;box-shadow:0 12px 30px rgba(22,60,90,.06)}
.flow-qr-card:hover{border-color:#9dc5ed!important;box-shadow:0 16px 36px rgba(22,92,160,.10);transform:translateY(-1px)}
.flow-qr-card img{width:112px!important;height:112px!important;max-width:112px!important;border-radius:14px!important;padding:6px!important;background:#fff!important}
.flow-qr-card span{display:grid;align-content:center;gap:6px;min-width:0}.flow-qr-card b{font-size:18px;color:#14243a}.flow-qr-card small{font-size:13px;line-height:1.45;color:#66798d!important}
html[data-theme="dark"] .flow-qr-card{background:#0b202b!important;border-color:rgba(119,176,220,.28)!important;color:#eef8ff!important}html[data-theme="dark"] .flow-qr-card b{color:#eef8ff}html[data-theme="dark"] .flow-qr-card small{color:#9fb2c4!important}
@media(max-width:760px){.flow-share-grid{grid-template-columns:1fr}.flow-qr-card{grid-template-columns:96px minmax(0,1fr)}.flow-qr-card img{width:96px!important;height:96px!important;max-width:96px!important}}

/* FLIRIVO FLOW 2.2.4 – deeper queue/service controls */
.flow-queue-card details.flow-config-details{margin-top:14px;border-top:1px solid rgba(35,88,150,.12);padding-top:10px}
.flow-queue-card .notice.ok{margin:10px 0;padding:10px 12px;border-radius:12px}
.flow-panel .flow-danger-zone{margin-top:18px;padding-top:16px;border-top:1px solid rgba(180,38,60,.16)}
.flow-qr-card{background:#fff!important;color:#10233f!important;border:1px solid rgba(20,108,255,.18)!important;box-shadow:0 10px 30px rgba(20,62,112,.08)!important}
.flow-qr-card small{color:#65758b!important}
.flow-qr-card img{background:#fff;border:1px solid rgba(20,108,255,.16);border-radius:16px;padding:8px;object-fit:contain}
.flow-service-editor{position:relative}
.flow-service-editor .flow-actions-tight{gap:8px;align-items:center;flex-wrap:wrap}
.flow-service-editor .btn.danger{margin-left:auto}
@media(max-width:760px){.flow-service-editor .btn.danger{margin-left:0}.flow-actions-tight form{width:100%}.flow-actions-tight form .btn{width:100%}}

/* ========================================================================== 
   FLIRIVO FLOW 2.5.0 – unified operations UI
   Customer calendars, large lists, plans, analytics and calendar workspaces.
   ========================================================================== */
:root{
  --flow-blue:#1268d8;--flow-blue-strong:#0b55bc;--flow-cyan:#1aa8c9;
  --flow-ink:#101827;--flow-muted:#66758a;--flow-line:#d8e2ee;
  --flow-surface:#fff;--flow-soft:#f5f8fc;--flow-soft-blue:#edf6ff;
  --flow-shadow:0 18px 44px rgba(22,54,91,.09);
  --flow-radius:22px;--flow-radius-sm:14px;
}
body.theme-light,body.auth-guest{--accent:var(--flow-blue);--accent-2:var(--flow-cyan)}
.flow-content{display:grid;gap:18px;min-width:0}
.flow-content>*{min-width:0}
.flow-page-head,.flow-panel,.flow-calendar-frame,.flow-customer-calendar,.flow-plan-card,.flow-public-info,.flow-public-hours,.flow-record-card.static{
  border:1px solid var(--flow-line);border-radius:var(--flow-radius);background:rgba(255,255,255,.97);box-shadow:var(--flow-shadow)
}
.flow-page-head{padding:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:22px}
.flow-page-head h1{margin:.22rem 0 .45rem;line-height:1.06}.flow-page-head p{max-width:850px;margin:0;color:var(--flow-muted);line-height:1.65}
.flow-panel{padding:20px}.flow-panel+.flow-panel{margin-top:0}.flow-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.flow-panel-head h2{margin:0}
.flow-actions,.flow-actions-tight{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.flow-actions-tight{justify-content:flex-end}
.btn,button.btn,a.btn,.flow-tabs a,.flow-view-switch a{appearance:none;border:1px solid transparent;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 15px;font-weight:800;text-decoration:none;line-height:1.15;cursor:pointer;transition:.16s ease;background:var(--flow-blue);color:#fff}
.btn:hover,button.btn:hover,a.btn:hover{transform:translateY(-1px);background:var(--flow-blue-strong)}
.btn.secondary,.flow-view-switch a,.flow-tabs a{background:#fff;color:#17314e;border-color:#cddbeb;box-shadow:0 4px 12px rgba(20,51,86,.04)}
.btn.secondary:hover,.flow-view-switch a:hover,.flow-tabs a:hover{background:var(--flow-soft-blue);border-color:#97bee9;color:#0b55bc}
.btn.danger{background:#b93642;color:#fff}.btn.danger:hover{background:#9e2934}.btn.ghost{background:#fff;border-color:var(--flow-line);color:#21405f}
.btn.compact{min-height:36px;padding:7px 11px;border-radius:10px;font-size:.9rem}.btn.big{width:100%;min-height:48px}.btn:disabled{opacity:.52;cursor:not-allowed;transform:none}
.flow-badge,.flow-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#eaf3ff;color:#165eaf;border:1px solid #c9def6;padding:5px 9px;font-size:.78rem;font-weight:800}.flow-badge.ok{background:#eaf9f2;color:#187153;border-color:#c9ebdd}.flow-pill{background:#e9f9fb;color:#116c7d;border-color:#bfe8ed}
.flow-empty{padding:26px;border:1px dashed #c7d6e7;border-radius:14px;background:#f8fbff;color:var(--flow-muted);text-align:center}

/* Form controls */
.flow-form-grid,.flow-filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.flow-form-grid.compact{gap:9px}.flow-form-grid .wide{grid-column:1/-1}
.flow-filter-bar{grid-template-columns:minmax(180px,1.5fr) minmax(155px,.8fr) minmax(160px,.9fr) minmax(110px,.5fr) auto auto;align-items:end}
.field{min-width:0}.field label{display:block;margin:0 0 6px;color:#27394f;font-weight:750}.field-help{display:block;margin-top:5px;color:var(--flow-muted);font-size:.82rem}
.flow-panel input:not([type=checkbox]):not([type=radio]),.flow-panel select,.flow-panel textarea,.flow-calendar-toolbar input,.flow-calendar-toolbar select{width:100%;border:1px solid #c7d5e6;background:#fff;color:#172235;border-radius:12px;padding:10px 12px;min-height:42px;font:inherit;outline:none}
.flow-panel textarea{min-height:105px;resize:vertical}.flow-panel input:focus,.flow-panel select:focus,.flow-panel textarea:focus,.flow-calendar-toolbar input:focus,.flow-calendar-toolbar select:focus{border-color:#68a7ed;box-shadow:0 0 0 3px rgba(18,104,216,.11)}
.check{display:flex!important;align-items:flex-start;gap:9px}.check input{margin-top:3px}

/* Customer-facing calendar: fixes collapsed unstyled booking calendar. */
.flow-customer-calendar{padding:18px;margin:18px 0;overflow:hidden}
.flow-customer-calendar-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:14px}
.flow-customer-calendar-head>div{text-align:center}.flow-customer-calendar-head b{display:block;font-size:1.2rem;color:#122033}.flow-customer-calendar-head small{display:block;margin-top:4px;color:var(--flow-muted);font-size:.86rem;line-height:1.35}
.flow-customer-calendar-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px!important;width:100%}
.flow-customer-calendar-grid .weekday{display:flex;align-items:center;justify-content:center;min-height:32px;padding:5px;color:#62738a;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.flow-customer-calendar-grid .day{display:flex!important;min-width:0;min-height:70px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #d8e2ed;border-radius:12px;background:#fff;text-decoration:none;color:#23344b;padding:8px;transition:.15s ease}
.flow-customer-calendar-grid .day b{font-size:1rem}.flow-customer-calendar-grid .day small{font-size:.72rem;color:#72839a;white-space:nowrap}
.flow-customer-calendar-grid .day.available{border-color:#a9caed;background:#f4f9ff;color:#0f5fb8}.flow-customer-calendar-grid .day.available:hover{background:#e7f3ff;border-color:#6da8e8;transform:translateY(-1px)}
.flow-customer-calendar-grid .day.selected{background:var(--flow-blue);border-color:var(--flow-blue);color:#fff;box-shadow:0 8px 22px rgba(18,104,216,.2)}.flow-customer-calendar-grid .day.selected small{color:#e7f2ff}
.flow-customer-calendar-grid .day.unavailable{background:#f7f9fb;color:#98a4b3;border-color:#e5eaf0;cursor:default}.flow-customer-calendar-grid .day.outside{opacity:.38}
.flow-slot-section{border:1px solid var(--flow-line);border-radius:var(--flow-radius);background:#fff;padding:20px;box-shadow:var(--flow-shadow)}
.flow-slot-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px;margin-top:14px}.flow-slot-choice{display:block;cursor:pointer}.flow-slot-choice input{position:absolute;opacity:0;pointer-events:none}.flow-slot-choice span{display:flex;align-items:center;justify-content:center;min-height:50px;border:1px solid #bed2e7;border-radius:12px;background:#fff;color:#173a5f;font-weight:850}.flow-slot-choice input:checked+span{background:var(--flow-blue);border-color:var(--flow-blue);color:#fff;box-shadow:0 7px 20px rgba(18,104,216,.18)}

/* Tabs and scalable record lists */
.flow-tabs{display:flex!important;gap:8px;flex-wrap:wrap;padding:12px;border:1px solid var(--flow-line);border-radius:18px;background:#f7faff;box-shadow:0 8px 22px rgba(20,51,86,.04);overflow:auto}.flow-tabs a{white-space:nowrap;min-height:38px;padding:8px 12px}.flow-tabs a.active{background:var(--flow-blue);border-color:var(--flow-blue);color:#fff;box-shadow:0 8px 20px rgba(18,104,216,.16)}
.flow-record-list{display:grid;gap:10px}.flow-record-card{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(130px,.65fr) minmax(120px,.55fr);gap:14px;align-items:center;border:1px solid #dce5ef;border-radius:14px;padding:13px 15px;background:#fff;text-decoration:none;color:#182a40;transition:.14s ease}.flow-record-card:hover{border-color:#9dbfe4;background:#f8fbff;transform:translateY(-1px);box-shadow:0 9px 22px rgba(24,65,106,.07)}.flow-record-card>div{min-width:0}.flow-record-card b,.flow-record-card small{display:block}.flow-record-card small{color:var(--flow-muted);margin-top:3px;overflow-wrap:anywhere}.flow-record-card>div:last-child{text-align:right}.flow-record-card.static{cursor:default}.flow-record-card.static:hover{transform:none}
.flow-pagination{display:flex;justify-content:center;gap:9px;margin-top:16px;padding-top:15px;border-top:1px solid #e4ebf3}

/* Plans / billing */
.flow-plan-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.flow-plan-card{padding:20px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.flow-plan-card.selected{border:2px solid var(--flow-blue);box-shadow:0 18px 46px rgba(18,104,216,.15)}.flow-plan-card.selected:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--flow-blue),var(--flow-cyan))}.flow-plan-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.flow-plan-card h2{margin:0}.flow-plan-card p{color:var(--flow-muted);line-height:1.55;margin:0}.flow-plan-price{display:flex;align-items:baseline;gap:7px;padding:12px 0}.flow-plan-price b{font-size:2rem;letter-spacing:-.04em}.flow-plan-price span{color:var(--flow-muted)}.flow-check-list{list-style:none;padding:0;margin:0 0 auto;display:grid;gap:8px}.flow-check-list li{padding:8px 9px;border-radius:10px;background:#f7faff;color:#304861;font-size:.9rem;line-height:1.3}.flow-plan-card form{margin-top:6px}.flow-billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.flow-money-list{display:grid;gap:8px}.flow-money-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid #e0e8f1;border-radius:12px;background:#fbfdff}.flow-money-row small{color:var(--flow-muted);display:block}

/* Operational calendar */
.flow-calendar-toolbar{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:12px}.flow-toolbar-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.flow-view-switch{padding:5px;border:1px solid #d5e1ee;border-radius:13px;background:#f7faff}.flow-view-switch a{min-height:34px;padding:6px 10px;border:0;box-shadow:none}.flow-view-switch a.active{background:var(--flow-blue);color:#fff}.flow-calendar-filter{justify-content:flex-end}.flow-calendar-filter select,.flow-calendar-filter input{width:auto;min-width:145px}
.flow-calendar-legend-panel{padding:14px 16px}.flow-calendar-legend{display:flex;flex-wrap:wrap;gap:8px}.flow-calendar-legend-item{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #dce6f0;border-radius:999px;background:#fff;color:#31455c;font-size:.82rem;font-weight:750}.flow-calendar-legend-item i{width:9px;height:9px;border-radius:50%;background:#4d7da8}.flow-calendar-legend-item.appointment i{background:#1268d8}.flow-calendar-legend-item.slot i{background:#34a3c7}.flow-calendar-legend-item.request i{background:#d38a20}.flow-calendar-legend-item.reservation i{background:#4f7dbd}.flow-calendar-legend-item.queue i{background:#17836c}.flow-calendar-legend-item.pickup i{background:#16838f}.flow-calendar-legend-item.status i{background:#707fa1}.flow-calendar-legend-item.exception i{background:#697785}.flow-calendar-legend-item.block i{background:#b85757}.flow-calendar-help{margin:10px 0 0;color:var(--flow-muted);font-size:.86rem;line-height:1.5}
.flow-calendar-frame{padding:0;overflow:auto}.flow-calendar-month{display:grid!important;grid-template-columns:repeat(7,minmax(145px,1fr));min-width:1015px}.flow-cal-weekday{position:sticky;top:0;z-index:2;background:#f0f5fa;padding:10px;text-align:center;color:#53677f;font-size:.78rem;font-weight:850;border-right:1px solid #dce5ef;border-bottom:1px solid #dce5ef}.flow-cal-day{min-height:150px;padding:9px;border-right:1px solid #e2e9f1;border-bottom:1px solid #e2e9f1;background:#fff}.flow-cal-day.closed-day{background:repeating-linear-gradient(135deg,#f7f9fb,#f7f9fb 9px,#f1f4f7 9px,#f1f4f7 18px)}.flow-cal-day.outside{background:#f6f8fb;color:#8b99aa}.flow-cal-day.today{box-shadow:inset 0 0 0 2px var(--flow-blue)}.flow-cal-day-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.flow-cal-day-head a{font-weight:850;color:#173b62;text-decoration:none}.flow-cal-day-head span{font-size:.75rem;color:#718198}.flow-cal-events{display:grid;gap:5px}.flow-cal-event{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1px 6px;padding:6px 7px;border-left:4px solid var(--event-color,#1268d8);border-radius:8px;background:#f5f9fd;color:#20384f;text-decoration:none;font-size:.75rem;overflow:hidden}.flow-cal-event time{font-weight:850}.flow-cal-event span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-cal-event small{grid-column:1/-1;color:#687b91;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-cal-event.draggable{cursor:grab}.flow-cal-event.draggable:active{cursor:grabbing}.flow-cal-more{font-size:.75rem;color:var(--flow-blue);font-weight:800;text-decoration:none}.flow-calendar-drop-active{outline:3px solid rgba(18,104,216,.28)!important;outline-offset:-3px;background:#edf6ff!important}
.flow-week-wrap{min-width:1000px}.flow-week-grid{display:grid;grid-template-columns:74px repeat(7,minmax(130px,1fr))}.flow-week-corner,.flow-week-day-head,.flow-week-time,.flow-week-cell{border-right:1px solid #e1e9f2;border-bottom:1px solid #e1e9f2}.flow-week-day-head{padding:10px;text-align:center;background:#f3f7fb;font-weight:800}.flow-week-time{padding:8px;color:#728197;font-size:.78rem;text-align:right;background:#fafcff}.flow-week-cell{min-height:72px;padding:5px;background:#fff}.flow-week-cell.closed-day{background:repeating-linear-gradient(135deg,#f8f9fb,#f8f9fb 8px,#f1f4f7 8px,#f1f4f7 16px)}
.flow-agenda{display:grid;gap:10px}.flow-agenda-day{border:1px solid #dfe8f2;border-radius:14px;padding:14px;background:#fff}.flow-agenda-day>h3{margin:0 0 10px}.flow-agenda-events{display:grid;gap:7px}.flow-agenda-event{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid #e0e8f1;border-left:4px solid var(--event-color,#1268d8);border-radius:11px;text-decoration:none;color:#20364e;background:#fbfdff}.flow-agenda-event small{color:var(--flow-muted)}

/* Availability / public information */
.flow-hours-grid{display:grid;gap:8px}.flow-hour-row{display:grid;grid-template-columns:minmax(150px,1fr) 125px auto 125px;gap:10px;align-items:center;padding:9px 10px;border:1px solid #e1e8f0;border-radius:12px;background:#fbfdff}.flow-split{display:grid;grid-template-columns:1.35fr .9fr;gap:18px}.flow-config-details{border:1px solid #dce5ef;border-radius:11px;background:#fff}.flow-config-details summary{list-style:none;display:flex;justify-content:space-between;gap:12px;cursor:pointer;padding:8px 10px;color:#21415f;font-weight:800}.flow-config-details summary::-webkit-details-marker{display:none}.flow-config-details[open] form{padding:12px;border-top:1px solid #e2e9f1}.flow-summary-action{color:var(--flow-blue)}
.flow-public-info,.flow-public-hours{padding:18px;margin:16px 0}.flow-public-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.flow-public-info-card{border:1px solid #dce6f0;border-radius:13px;padding:13px;background:#fff}.flow-public-info-card p{margin:6px 0 0;line-height:1.55;color:#53677d}

/* Analytics/table hardening */
.flow-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.flow-stat-card{border:1px solid #dce5ef;border-radius:15px;padding:15px;background:#fff}.flow-stat-card small{color:var(--flow-muted)}.flow-stat-card b{display:block;font-size:1.7rem;margin-top:5px}.flow-table-wrap{overflow:auto;border:1px solid #dce5ef;border-radius:14px}.flow-table-wrap table{width:100%;border-collapse:collapse;min-width:680px}.flow-table-wrap th,.flow-table-wrap td{padding:10px 12px;text-align:left;border-bottom:1px solid #e7edf4}.flow-table-wrap th{background:#f3f7fb;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#52677e}

/* Ensure arbitrary major direct children are visually contained instead of floating text. */
.flow-content>nav:not(.flow-tabs):not(.desktop-nav),.flow-content>form:not(.flow-filter-bar),.flow-content>table{border:1px solid var(--flow-line);border-radius:var(--flow-radius-sm);background:#fff;padding:14px}

@media(max-width:1180px){.flow-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-calendar-toolbar{grid-template-columns:1fr 1fr}.flow-calendar-filter{grid-column:1/-1;justify-content:flex-start}.flow-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-billing-grid{grid-template-columns:1fr}}
@media(max-width:760px){
 .flow-page-head{padding:18px;display:grid}.flow-page-head .flow-actions{justify-content:flex-start}.flow-panel{padding:15px}.flow-form-grid,.flow-filter-bar,.flow-split{grid-template-columns:1fr}.flow-form-grid .wide{grid-column:auto}
 .flow-customer-calendar{padding:12px}.flow-customer-calendar-head{gap:7px}.flow-customer-calendar-head small{display:none}.flow-customer-calendar-grid{gap:4px!important}.flow-customer-calendar-grid .day{min-height:58px;padding:5px;border-radius:9px}.flow-customer-calendar-grid .day small{font-size:.64rem}.flow-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .flow-record-card{grid-template-columns:1fr;gap:7px}.flow-record-card>div:last-child{text-align:left}.flow-record-card>div:nth-child(2){display:flex;justify-content:space-between;gap:10px;align-items:center}.flow-tabs{flex-wrap:nowrap;overflow-x:auto;padding:8px}
 .flow-plan-grid,.flow-stat-grid{grid-template-columns:1fr}.flow-calendar-toolbar{grid-template-columns:1fr}.flow-calendar-filter{grid-column:auto}.flow-calendar-filter select,.flow-calendar-filter input{width:100%;min-width:0}.flow-calendar-nav,.flow-view-switch{justify-content:center}.flow-view-switch{overflow-x:auto;flex-wrap:nowrap}.flow-calendar-legend{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.flow-hour-row{grid-template-columns:1fr 1fr}.flow-hour-row>span{display:none}.flow-agenda-event{grid-template-columns:62px 1fr}.flow-agenda-event>*:last-child{grid-column:2}.flow-money-row{grid-template-columns:1fr auto}
}
@media(max-width:430px){.flow-customer-calendar-grid .day{min-height:52px}.flow-customer-calendar-grid .day small{display:none}.flow-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-plan-price b{font-size:1.65rem}}

/* FLIRIVO FLOW 2.5.3 advertising hotfix */
.flow-ad-zone{width:100%;margin:14px 0 20px}.flow-ad-zone:empty{display:none}.flow-ad-zone-top{margin-top:4px;margin-bottom:22px}.flow-workspace-ad.flow-ad-zone{margin-top:20px;margin-bottom:0}.flow-public-aftercare .flow-public-ad{margin-top:18px}
.fl-slot-card{border-color:rgba(20,108,255,.18);background:linear-gradient(145deg,rgba(20,108,255,.055),rgba(26,166,255,.025),rgba(255,255,255,.035));box-shadow:0 12px 30px rgba(9,54,105,.06)}
.fl-slot-card:before{background:radial-gradient(circle,rgba(20,108,255,.17),transparent 70%)}
.fl-slot-label{background:rgba(20,108,255,.10);color:var(--muted)}
.fl-slot-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,rgba(20,108,255,.14),rgba(26,166,255,.08));border:1px solid rgba(20,108,255,.16);font-size:11px;font-weight:900;letter-spacing:.12em;color:#146cff}
.fl-slot-card.has-media .fl-slot-label{background:rgba(5,35,68,.78)}
.flow-ad-zone-top .fl-inline-slot{margin-top:0}
@media(max-width:680px){.flow-ad-zone{margin:10px 0 16px}.fl-inline-slot{grid-template-columns:1fr;gap:10px}.fl-inline-slot .btn{width:100%}.fl-inline-slot .fl-slot-label{position:static;justify-self:start}.fl-inline-slot.has-media{grid-template-columns:1fr}}

/* ========================================================================== 
   FLIRIVO FLOW 2.5.6 – navigation hierarchy, display boards and contrast fix
   ========================================================================== */

/* High-contrast action labels: fixes blue text on blue "Öffnen" pills. */
.flow-summary-action,
.theme-light .flow-summary-action,
html[data-theme="light"] .flow-summary-action,
html[data-theme="dark"] .flow-summary-action{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:30px!important;padding:5px 10px!important;border-radius:9px!important;
  background:#1268d8!important;border:1px solid #1268d8!important;color:#fff!important;
  font-size:12px!important;font-weight:900!important;line-height:1!important;box-shadow:0 5px 14px rgba(18,104,216,.18)!important
}
.flow-config-details[open] .flow-summary-action{background:#0b55bc!important;border-color:#0b55bc!important;color:#fff!important}

/* Desktop navigation: operational items stay visible, configuration is grouped. */
.flow-nav{overflow:visible!important}
.flow-nav-group{position:relative;flex:0 0 auto}
.flow-nav-group>summary{list-style:none;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:9px 11px;border:1px solid transparent;border-radius:12px;color:#d9e5ef;font-size:14px;font-weight:750;cursor:pointer;user-select:none;transition:.16s ease}
.flow-nav-group>summary::-webkit-details-marker{display:none}
.flow-nav-group>summary:hover,.flow-nav-group[open]>summary{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.08);color:#fff}
.flow-nav-group.is-current>summary{border-color:rgba(121,196,255,.2);color:#fff}
.flow-nav-group>summary>span{font-size:12px;opacity:.75;transition:transform .16s ease}.flow-nav-group[open]>summary>span{transform:rotate(180deg)}
.flow-nav-popover{position:absolute;top:calc(100% + 9px);right:0;z-index:120;width:min(330px,calc(100vw - 24px));display:grid;gap:5px;padding:10px;border:1px solid rgba(132,177,214,.24);border-radius:18px;background:rgba(7,25,39,.985);box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(24px)}
.flow-nav-popover-title{padding:5px 8px 8px;color:#82a8c7;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.flow-nav-popover>a{display:grid!important;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:10px 11px;border-radius:12px;color:#e9f5ff!important;text-decoration:none!important;transition:.14s ease}
.flow-nav-popover>a:hover{background:rgba(25,124,211,.15)!important}
.flow-nav-popover>a>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(32,137,225,.13);color:#79c4ff;font-weight:900}
.flow-nav-popover>a b{display:block;color:#f4f9fd;font-size:13.5px;line-height:1.25}.flow-nav-popover>a small{display:block;margin-top:3px;color:#91a8ba;font-size:11.5px;line-height:1.35;font-weight:550}
.theme-light .flow-nav-group>summary{color:#23415e}.theme-light .flow-nav-group>summary:hover,.theme-light .flow-nav-group[open]>summary{background:#edf6ff;border-color:#d5e7f8;color:#0b55bc}.theme-light .flow-nav-group.is-current>summary{border-color:#bfd9f2;color:#0b55bc}.theme-light .flow-nav-popover{background:#fff;border-color:#d9e4ef;box-shadow:0 24px 70px rgba(27,57,89,.16)}.theme-light .flow-nav-popover>a{color:#17314e!important}.theme-light .flow-nav-popover>a b{color:#17314e}.theme-light .flow-nav-popover>a small{color:#687b8e}.theme-light .flow-nav-popover-title{color:#57738e}

/* Mobile navigation: four operational shortcuts + structured More drawer. */
.flow-mobile-more{position:relative;min-width:0}
.flow-mobile-more>summary{list-style:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;gap:3px;padding:6px;border-radius:14px;color:#b9cbd8;font-size:10px;font-weight:750;cursor:pointer}
.flow-mobile-more>summary::-webkit-details-marker{display:none}.flow-mobile-more>summary span{font-size:20px;color:#fff;line-height:1}.flow-mobile-more[open]>summary{background:rgba(32,137,225,.14);color:#fff}
.flow-mobile-drawer{position:fixed;left:10px;right:10px;bottom:88px;z-index:85;max-height:min(70vh,620px);overflow:auto;display:grid;gap:10px;padding:12px;border:1px solid rgba(124,172,209,.26);border-radius:20px;background:rgba(7,25,39,.985);box-shadow:0 24px 70px rgba(0,0,0,.4);backdrop-filter:blur(24px)}
.flow-mobile-drawer-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.025)}
.flow-mobile-drawer-section>strong{grid-column:1/-1;color:#86a9c4;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:0 4px 3px}.flow-mobile-drawer-section>a{display:flex!important;min-height:42px!important;align-items:center!important;justify-content:flex-start!important;padding:9px 10px!important;border-radius:10px!important;background:rgba(255,255,255,.035);color:#edf7ff!important;font-size:12px!important;line-height:1.25!important;text-align:left!important}.flow-mobile-drawer-section>a:hover{background:rgba(32,137,225,.15)}.flow-mobile-drawer-meta{grid-template-columns:1fr 1fr}
@media(min-width:781px){.flow-mobile-more{display:none!important}}
@media(max-width:780px){.desktop-nav .flow-nav-group{display:none!important}.flow-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible!important}.flow-mobile-nav>a:nth-of-type(n+5){display:none!important}}
@media(max-width:480px){.flow-mobile-drawer-section{grid-template-columns:1fr}}

/* Display-management workspace. */
.flow-display-admin-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:18px}.flow-display-options{display:grid;gap:7px;align-content:start}.flow-display-admin-list{display:grid;gap:14px}.flow-display-admin-card{padding:17px;border:1px solid #d8e3ee;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(26,61,95,.06)}.flow-display-admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.flow-display-admin-card-head h3{margin:8px 0 3px;font-size:19px;color:#17283b}.flow-display-admin-card-head p{margin:0;color:#677b90}.flow-display-config{margin-top:14px}.flow-display-admin-actions{margin-top:12px;padding-top:12px;border-top:1px solid #e6edf4}.flow-display-admin-actions form{margin:0}
.theme-dark .flow-display-admin-card,html[data-theme="dark"] .flow-display-admin-card{background:#0d202c;border-color:rgba(118,173,216,.24)}.theme-dark .flow-display-admin-card-head h3,html[data-theme="dark"] .flow-display-admin-card-head h3{color:#eef8ff}.theme-dark .flow-display-admin-card-head p,html[data-theme="dark"] .flow-display-admin-card-head p{color:#9cb2c4}
@media(max-width:980px){.flow-display-admin-grid{grid-template-columns:1fr}}
@media(max-width:680px){.flow-display-admin-card-head{display:grid}.flow-display-admin-card-head .flow-actions-tight{justify-content:flex-start}.flow-display-admin-card-head .flow-actions-tight .btn{flex:1 1 150px}}

/* Full-screen public call board. Intentionally independent from normal FLOW page chrome. */
body.flow-display-standalone{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 10% 0,rgba(16,107,204,.2),transparent 38%),radial-gradient(circle at 92% 12%,rgba(18,163,194,.17),transparent 36%),linear-gradient(145deg,#06131e,#071d2c 58%,#06131e);color:#eef8ff;overflow:auto;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
body.flow-display-standalone:before{display:none}
.flow-display-screen{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto auto 1fr auto;gap:clamp(16px,2vw,28px);width:min(1800px,calc(100% - 36px));margin:0 auto;padding:clamp(18px,2.5vw,42px) 0}.flow-display-screen.is-stale:before{content:'Offline';position:fixed;right:18px;top:18px;z-index:5;padding:6px 10px;border-radius:999px;background:#8e2c37;color:#fff;font-size:12px;font-weight:900}
.flow-display-screen-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border:1px solid rgba(131,190,230,.2);border-radius:24px;background:rgba(8,30,45,.82);box-shadow:0 18px 60px rgba(0,0,0,.22);backdrop-filter:blur(18px)}
.flow-display-brand{display:flex;align-items:center;gap:16px;min-width:0}.flow-display-brand img{width:64px;height:64px;object-fit:contain;border-radius:16px;background:#fff;padding:5px}.flow-display-brand span{display:block;color:#8db9d8;font-size:clamp(12px,1.2vw,16px);font-weight:850;letter-spacing:.06em}.flow-display-brand h1{margin:3px 0 0;color:#fff;font-size:clamp(23px,2.8vw,48px);line-height:1.06;overflow-wrap:anywhere}.flow-display-head-meta{display:flex;align-items:stretch;gap:10px}.flow-display-metric,.flow-display-clock{min-width:115px;display:grid;place-items:center;padding:11px 15px;border:1px solid rgba(127,188,230,.18);border-radius:17px;background:rgba(255,255,255,.04);text-align:center}.flow-display-metric small,.flow-display-clock small{color:#89a9bf;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.flow-display-metric strong,.flow-display-clock strong{color:#fff;font-size:clamp(26px,3vw,44px);line-height:1.05}
.flow-display-zone{padding:clamp(18px,2.2vw,32px);border:1px solid rgba(126,188,231,.18);border-radius:28px;background:rgba(8,29,44,.75);box-shadow:0 22px 70px rgba(0,0,0,.2)}.flow-display-zone-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.flow-display-zone-head h2{margin:3px 0 0;color:#fff;font-size:clamp(24px,3vw,48px);line-height:1}.flow-display-eyebrow{color:#72baf1;font-size:12px;font-weight:900;letter-spacing:.14em}.flow-live-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(24,179,121,.12);border:1px solid rgba(48,210,151,.23);color:#93f0c6;font-weight:850}.flow-live-pill i{width:8px;height:8px;border-radius:50%;background:#41d797;box-shadow:0 0 0 5px rgba(65,215,151,.1)}.flow-display-updated{color:#8fa9bc}
.flow-display-current-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:14px}.flow-display-call-card{min-height:clamp(150px,18vw,250px);display:grid;place-items:center;align-content:center;gap:8px;padding:20px;border:1px solid rgba(77,169,235,.28);border-radius:24px;background:linear-gradient(145deg,rgba(20,105,196,.2),rgba(14,57,91,.34));box-shadow:inset 0 0 50px rgba(24,138,224,.08)}.flow-display-call-card strong{display:block;color:#fff;font-size:clamp(58px,9vw,150px);font-weight:950;letter-spacing:.02em;line-height:.95}.flow-display-call-card small{color:#c6dceb;font-size:clamp(15px,1.6vw,24px);font-weight:750}.flow-display-queue-label{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.08);color:#9fd2f5;font-size:clamp(12px,1.1vw,16px);font-weight:850}
.flow-display-next-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:11px}.flow-display-next-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;min-height:88px;padding:13px 15px;border:1px solid rgba(126,188,231,.14);border-radius:17px;background:rgba(255,255,255,.035)}.flow-display-position{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:rgba(27,133,219,.17);color:#79c5fb;font-size:17px;font-weight:950}.flow-display-next-card strong{display:block;color:#fff;font-size:clamp(24px,2.8vw,42px);line-height:1}.flow-display-next-card small{display:block;margin-top:4px;color:#93adbf;font-size:12px;font-weight:650}.flow-display-empty{border-color:rgba(128,186,225,.2)!important;background:rgba(255,255,255,.025)!important;color:#9db5c6!important}.flow-display-empty.wide{grid-column:1/-1}.flow-display-screen-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 20px;border-top:1px solid rgba(126,188,231,.14);color:#a7bdcc}.flow-display-note{font-size:clamp(13px,1.3vw,18px);font-weight:650}.flow-display-powered{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;font-weight:850;color:#87a9c1}.flow-display-powered img{width:28px;height:28px}
@media(max-width:760px){.flow-display-screen{width:min(100% - 20px,1800px);padding:10px 0 18px}.flow-display-screen-head{display:grid;padding:14px}.flow-display-brand img{width:52px;height:52px}.flow-display-head-meta{display:grid;grid-template-columns:1fr 1fr}.flow-display-metric,.flow-display-clock{min-width:0}.flow-display-zone{padding:15px;border-radius:20px}.flow-display-zone-head{align-items:flex-start}.flow-display-current-grid{grid-template-columns:1fr}.flow-display-call-card{min-height:145px}.flow-display-next-grid{grid-template-columns:1fr 1fr}.flow-display-next-card{grid-template-columns:42px minmax(0,1fr);padding:11px}.flow-display-position{width:38px;height:38px}.flow-display-screen-foot{display:grid}}
@media(max-width:500px){.flow-display-next-grid{grid-template-columns:1fr}.flow-display-head-meta{grid-template-columns:1fr 1fr}.flow-display-updated{display:none}}

/* FLIRIVO FLOW 2.6.5 – public page designs, language and accessibility */
.flow-public-toolbar{display:flex;align-items:center;gap:10px;margin-left:auto}.flow-public-toolbar .lang-link,.flow-accessibility-menu>summary{min-width:42px;height:38px;border:1px solid color-mix(in srgb,var(--flow-client-primary,#5b65f5) 28%,#cfd6df);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.78);color:#172033;font-weight:800;text-decoration:none;cursor:pointer}.flow-accessibility-menu{position:relative}.flow-accessibility-menu>summary{list-style:none}.flow-accessibility-menu>summary::-webkit-details-marker{display:none}.flow-accessibility-menu>div{position:absolute;right:0;top:46px;z-index:50;min-width:230px;padding:8px;background:#fff;border:1px solid #dfe4eb;border-radius:14px;box-shadow:0 18px 55px rgba(20,30,50,.18)}.flow-accessibility-menu a{display:block;padding:10px 12px;border-radius:10px;color:#172033;text-decoration:none}.flow-accessibility-menu a:hover,.flow-accessibility-menu a.active{background:#eef2ff;font-weight:800}.flow-public-hours{border:1px solid #dfe5ec;border-radius:16px;background:rgba(255,255,255,.82);overflow:hidden}.flow-public-hours summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;font-weight:800}.flow-public-hours-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 18px 18px}.flow-public-hours-grid>div{display:flex;justify-content:space-between;gap:18px;padding:10px 12px;border-radius:11px;background:#f6f8fb}.public-design-soft .flow-panel{border-radius:26px}.public-design-compact .flow-public,.public-design-compact .flow-content{max-width:900px}.public-design-compact .flow-panel{padding:18px}.public-design-formal .flow-panel{border-radius:8px;box-shadow:none}.public-access-high-contrast{--flow-client-primary:#000;--flow-client-secondary:#fff}.public-access-high-contrast .flow-panel,.public-access-high-contrast .flow-public-hours,.public-access-high-contrast .flow-public-info-card{background:#fff!important;color:#000!important;border:2px solid #000!important;box-shadow:none!important}.public-access-high-contrast a,.public-access-high-contrast button,.public-access-high-contrast .btn{outline-offset:3px}.public-access-high-contrast .btn{background:#000!important;color:#fff!important;border:2px solid #000!important}.public-access-deuteranopia{--flow-client-primary:#355caa;--flow-client-secondary:#e0a400}.public-access-protanopia{--flow-client-primary:#2d5fa8;--flow-client-secondary:#c69b00}.public-access-tritanopia{--flow-client-primary:#b34a70;--flow-client-secondary:#177d73}@media(max-width:720px){.flow-public-toolbar .flow-powered{display:none}.flow-public-hours-grid{grid-template-columns:1fr}.flow-public-toolbar{gap:6px}.flow-accessibility-menu>div{right:-4px;min-width:210px}}
.flow-public-hours summary>span:first-child{display:flex;flex-direction:column;gap:2px}.flow-public-hours summary small{font-weight:500;color:#687387}

/* ============================================================
   FLIRIVO FLOW 2.6.6 – UI interaction, public themes & scale polish
   ============================================================ */

/* Clear distinction between settings, operational status and action groups. */
.flow-actions-tight{
  padding:7px;
  border:1px solid #dce6ef;
  border-radius:13px;
  background:#f7fafc;
}
.flow-actions-tight form{display:inline-flex;align-items:center}
.flow-config-details,.flow-operation-details{
  margin-top:10px;
  border:1px solid #dbe4ed;
  border-radius:13px;
  background:#fff;
  overflow:hidden;
}
.flow-config-details>summary,.flow-operation-details>summary{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:46px!important;
  margin:0!important;
  padding:10px 12px!important;
  cursor:pointer!important;
  font-weight:850!important;
}
.flow-config-details>summary::-webkit-details-marker,.flow-operation-details>summary::-webkit-details-marker{display:none!important}
.flow-config-details>summary{
  border:0!important;
  border-left:4px solid #66798d!important;
  border-radius:0!important;
  background:#f3f6f9!important;
  color:#263f56!important;
}
.flow-operation-details>summary{
  border:0!important;
  border-left:4px solid #16836c!important;
  border-radius:0!important;
  background:#eef8f4!important;
  color:#175946!important;
}
.flow-config-details[open]>summary{background:#eaf0f5!important;color:#1d374e!important;margin:0!important}
.flow-operation-details[open]>summary{background:#e3f4ed!important;color:#124f3d!important;margin:0!important}
.flow-operation-details>summary .flow-summary-action{background:#16836c!important;color:#fff!important}
.flow-config-details>summary .flow-summary-action{background:#60768b!important;color:#fff!important}
.flow-config-details>form,.flow-operation-details>form,.flow-operation-details>.flow-timeline,.flow-operation-details>.flow-note,.flow-operation-details>.flow-progress-steps{margin-left:12px;margin-right:12px}
.flow-config-details[open]>form,.flow-operation-details[open]>form{padding-top:12px;padding-bottom:12px}
html[data-theme="dark"] .flow-actions-tight,.theme-dark .flow-actions-tight{background:rgba(255,255,255,.035);border-color:rgba(128,174,210,.2)}
html[data-theme="dark"] .flow-config-details,.theme-dark .flow-config-details,html[data-theme="dark"] .flow-operation-details,.theme-dark .flow-operation-details{background:#0d202c;border-color:rgba(128,174,210,.22)}
html[data-theme="dark"] .flow-config-details>summary,.theme-dark .flow-config-details>summary{background:#142838!important;color:#bdd3e3!important;border-left-color:#8198aa!important}
html[data-theme="dark"] .flow-operation-details>summary,.theme-dark .flow-operation-details>summary{background:#102d28!important;color:#b6e7d7!important;border-left-color:#39aa8b!important}

/* Calendar command centre: every KPI and upcoming item is an obvious interactive control. */
.flow-calendar-command-center{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);
  gap:16px;
  margin:0 0 18px;
}
.flow-calendar-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(135px,1fr));
  gap:10px;
  align-items:stretch;
}
.flow-calendar-kpis .flow-kpi{
  position:relative;
  display:flex;
  min-width:0;
  min-height:150px;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  padding:15px;
  border:1px solid #d4e1ec;
  border-radius:15px;
  background:#fff;
  color:#19344e;
  text-decoration:none;
  box-shadow:0 7px 20px rgba(27,61,90,.055);
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease;
}
.flow-calendar-kpis .flow-kpi:hover,.flow-calendar-kpis .flow-kpi:focus-visible{
  transform:translateY(-2px);
  border-color:#8db9e5;
  background:#f8fbff;
  box-shadow:0 12px 28px rgba(27,75,120,.11);
}
.flow-calendar-kpis .flow-kpi small{color:#60748a;font-size:.76rem;font-weight:850;line-height:1.3;text-transform:uppercase;letter-spacing:.035em}
.flow-calendar-kpis .flow-kpi b{display:block;margin:2px 0;font-size:2rem;line-height:1;color:#102d49}
.flow-calendar-kpis .flow-kpi-copy{display:block;color:#63778b;font-size:.82rem;line-height:1.35}
.flow-calendar-kpis .flow-kpi-open{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  margin-top:auto;
  padding:5px 9px;
  border-radius:9px;
  background:#1268d8;
  color:#fff;
  font-size:.76rem;
  font-weight:900;
}
.flow-calendar-next-panel{
  min-width:0;
  padding:16px;
  border:1px solid #d4e1ec;
  border-radius:17px;
  background:#fff;
  box-shadow:0 7px 20px rgba(27,61,90,.055);
}
.flow-calendar-next-panel .flow-panel-head{margin-bottom:10px}
.flow-calendar-next-panel h2{margin:3px 0 0;font-size:1.15rem}
.flow-calendar-next-list{display:grid;gap:7px}
.flow-calendar-next-list>a{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:10px 11px;
  border:1px solid #dce6ef;
  border-radius:11px;
  background:#f8fbfd;
  color:#1f3a53;
  text-decoration:none;
  transition:.14s ease;
}
.flow-calendar-next-list>a:hover{border-color:#91bae1;background:#eef6ff;transform:translateX(2px)}
.flow-calendar-next-list time{font-size:.78rem;font-weight:900;color:#0c62bc;white-space:nowrap}
.flow-calendar-next-list b,.flow-calendar-next-list small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flow-calendar-next-list small{margin-top:3px;color:#65788c;font-size:.76rem}
.flow-calendar-next-list>a>span:last-child{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#1268d8;color:#fff;font-weight:950}
html[data-theme="dark"] .flow-calendar-kpis .flow-kpi,.theme-dark .flow-calendar-kpis .flow-kpi,html[data-theme="dark"] .flow-calendar-next-panel,.theme-dark .flow-calendar-next-panel{background:#0d202c;color:#eef8ff;border-color:rgba(126,185,226,.22)}
html[data-theme="dark"] .flow-calendar-kpis .flow-kpi small,.theme-dark .flow-calendar-kpis .flow-kpi small,html[data-theme="dark"] .flow-calendar-kpis .flow-kpi-copy,.theme-dark .flow-calendar-kpis .flow-kpi-copy{color:#9cb2c4}
html[data-theme="dark"] .flow-calendar-kpis .flow-kpi b,.theme-dark .flow-calendar-kpis .flow-kpi b{color:#fff}
html[data-theme="dark"] .flow-calendar-next-list>a,.theme-dark .flow-calendar-next-list>a{background:#112838;border-color:rgba(126,185,226,.18);color:#eef8ff}
html[data-theme="dark"] .flow-calendar-next-list small,.theme-dark .flow-calendar-next-list small{color:#9cb2c4}

/* Pickup is an operational work list: compact by default, details on demand, paginated for scale. */
.flow-pickup-filter{
  display:grid;
  grid-template-columns:minmax(240px,1.7fr) minmax(180px,.8fr) auto auto;
  gap:9px;
  align-items:end;
  margin:0 0 12px;
  padding:10px;
  border:1px solid #dde6ef;
  border-radius:13px;
  background:#f7fafc;
}
.flow-pickup-compact-list{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
.flow-pickup-compact-card{
  padding:9px 11px!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
  transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;
}
.flow-pickup-compact-card:not(.is-expanded)>:not(.flow-status-card-head){display:none!important}
.flow-pickup-compact-card.is-expanded{padding:14px!important;border-color:#9dbfe3!important;box-shadow:0 10px 26px rgba(25,68,105,.08)!important}
.flow-pickup-compact-card .flow-status-card-head{align-items:center!important;margin:0!important;gap:12px!important}
.flow-pickup-compact-card .flow-status-card-head>div:first-child{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 10px;min-width:0;flex:1}
.flow-pickup-compact-card .flow-status-card-head h3{grid-column:2;margin:0!important;min-width:0;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flow-pickup-compact-card .flow-status-card-head small{grid-column:2;color:#697b8d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flow-pickup-compact-card .flow-status-card-head .flow-badge{grid-row:1/3;align-self:center}
.flow-pickup-head-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.flow-pickup-compact-card .flow-pickup-code{padding:6px 9px!important;border-radius:9px!important;font-size:.9rem!important;letter-spacing:.07em!important}
.flow-pickup-compact-card.is-expanded .flow-status-card-head{margin-bottom:12px!important}
.flow-pickup-compact-card .flow-note{margin:7px 0;padding:9px 10px;border-radius:10px}
.flow-pickup-compact-card .flow-danger-zone{margin-top:10px;padding-top:10px}
.flow-pickup-compact-card details{margin-top:7px}
.flow-pagination{align-items:center;flex-wrap:wrap}.flow-pagination>span{padding:8px 10px;color:#607287;font-size:.84rem;font-weight:750}
html[data-theme="dark"] .flow-pickup-filter,.theme-dark .flow-pickup-filter{background:#102430;border-color:rgba(126,185,226,.2)}
html[data-theme="dark"] .flow-pickup-compact-card,.theme-dark .flow-pickup-compact-card{background:#0d202c!important;border-color:rgba(126,185,226,.2)!important}

/* Stand-alone display language control. */
.flow-display-language{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  align-content:center;
  min-width:104px;
  padding:5px;
  border:1px solid rgba(127,188,230,.18);
  border-radius:17px;
  background:rgba(255,255,255,.04);
}
.flow-display-language a{
  display:grid;
  place-items:center;
  min-height:42px;
  padding:7px 9px;
  border-radius:11px;
  color:#a9c3d5;
  text-decoration:none;
  font-size:13px;
  font-weight:900;
}
.flow-display-language a:hover{background:rgba(45,143,220,.16);color:#fff}
.flow-display-language a.active{background:#1268d8;color:#fff;box-shadow:0 6px 16px rgba(18,104,216,.24)}

/* Public theme foundation: public pages are deliberately independent from the account UI theme. */
body.flow-public-page{
  --public-primary:var(--flow-client-primary,#146cff);
  --public-secondary:var(--flow-client-secondary,#ec168c);
  --public-bg:#f4f7fa;
  --public-surface:#fff;
  --public-surface-alt:#f6f9fc;
  --public-text:#17283a;
  --public-muted:#607387;
  --public-line:#d8e2eb;
  background:var(--public-bg)!important;
  color:var(--public-text)!important;
}
body.flow-public-page .ambient{display:none!important}
body.flow-public-page .flow-client-topbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--public-line)!important;box-shadow:0 4px 18px rgba(25,50,75,.055)}
body.flow-public-page .flow-client-brand b{color:var(--public-text)!important}
body.flow-public-page .flow-client-brand small,body.flow-public-page .flow-powered{color:var(--public-muted)!important}
body.flow-public-page .flow-content,body.flow-public-page .flow-public-aftercare{color:var(--public-text)!important}
body.flow-public-page .flow-panel,body.flow-public-page .flow-slot-section,body.flow-public-page .flow-public-hours,body.flow-public-page .flow-public-info-card,body.flow-public-page .flow-public-place-card{
  background:var(--public-surface)!important;
  color:var(--public-text)!important;
  border-color:var(--public-line)!important;
  box-shadow:0 10px 30px rgba(28,54,80,.065)!important;
}
body.flow-public-page p,body.flow-public-page small,body.flow-public-page .muted,body.flow-public-page .field-help{color:var(--public-muted)}
body.flow-public-page h1,body.flow-public-page h2,body.flow-public-page h3,body.flow-public-page b,body.flow-public-page strong,body.flow-public-page label{color:var(--public-text)}
body.flow-public-page .flow-public-hours-grid>div{background:var(--public-surface-alt)!important;color:var(--public-text)!important;border:1px solid color-mix(in srgb,var(--public-line) 78%,transparent)}
body.flow-public-page .flow-public-hours summary{background:color-mix(in srgb,var(--public-primary) 5%,var(--public-surface))!important;color:var(--public-text)!important}
body.flow-public-page .flow-public-info-card{border-left:4px solid var(--public-primary)!important}
body.flow-public-page .flow-public-info-card p{color:var(--public-muted)!important}
body.flow-public-page .btn:not(.secondary):not(.ghost):not(.danger),body.flow-public-page button.btn:not(.secondary):not(.ghost):not(.danger){background:var(--public-primary)!important;color:#fff!important;border-color:var(--public-primary)!important;box-shadow:0 6px 16px color-mix(in srgb,var(--public-primary) 18%,transparent)}
body.flow-public-page .btn.secondary,body.flow-public-page .btn.ghost{background:var(--public-surface)!important;color:var(--public-primary)!important;border-color:color-mix(in srgb,var(--public-primary) 38%,var(--public-line))!important}
body.flow-public-page a:not(.btn):not(.lang-link){color:var(--public-primary)}
body.flow-public-page input:not([type=checkbox]):not([type=radio]),body.flow-public-page select,body.flow-public-page textarea{background:#fff!important;color:var(--public-text)!important;border-color:var(--public-line)!important}
body.flow-public-page input:focus,body.flow-public-page select:focus,body.flow-public-page textarea:focus{border-color:var(--public-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--public-primary) 18%,transparent)!important}
body.flow-public-page input[type=checkbox],body.flow-public-page input[type=radio]{accent-color:var(--public-primary)}
body.flow-public-page .flow-slot-choice span{background:var(--public-surface)!important;color:var(--public-text)!important;border-color:var(--public-line)!important}
body.flow-public-page .flow-slot-choice input:checked+span{background:var(--public-primary)!important;color:#fff!important;border-color:var(--public-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--public-primary) 18%,transparent)!important}
body.flow-public-page .flow-progress i{background:linear-gradient(90deg,var(--public-primary),var(--public-secondary))!important}
body.flow-public-page .flow-pill,body.flow-public-page .flow-badge{background:color-mix(in srgb,var(--public-primary) 10%,#fff)!important;color:color-mix(in srgb,var(--public-primary) 78%,#10263a)!important;border-color:color-mix(in srgb,var(--public-primary) 28%,#d8e2eb)!important}
body.flow-public-page :focus-visible{outline:3px solid var(--public-secondary)!important;outline-offset:3px!important}

/* Public design presets now change spacing, shape, surface treatment and typography – not only a token. */
body.flow-public-page.public-design-clean{--public-bg:#f4f7fa;--public-surface:#fff;--public-surface-alt:#f6f9fc}
body.flow-public-page.public-design-clean .flow-panel{border-radius:18px!important}
body.flow-public-page.public-design-soft{--public-bg:#f8f5f1;--public-surface:#fffdfb;--public-surface-alt:#f7f1eb;--public-line:#e5dcd3}
body.flow-public-page.public-design-soft .flow-panel,body.flow-public-page.public-design-soft .flow-public-hours,body.flow-public-page.public-design-soft .flow-public-info-card{border-radius:28px!important;box-shadow:0 16px 40px rgba(85,62,44,.075)!important}
body.flow-public-page.public-design-soft .btn{border-radius:999px!important}
body.flow-public-page.public-design-soft .flow-public-hours-grid>div{border-radius:16px!important}
body.flow-public-page.public-design-compact .flow-shell{width:min(920px,calc(100% - 24px))!important}
body.flow-public-page.public-design-compact .flow-panel{padding:15px!important;border-radius:11px!important;box-shadow:0 5px 14px rgba(28,54,80,.045)!important}
body.flow-public-page.public-design-compact .flow-form-grid{gap:9px!important}
body.flow-public-page.public-design-compact .field label{margin-bottom:4px!important;font-size:.88rem}
body.flow-public-page.public-design-compact input:not([type=checkbox]):not([type=radio]),body.flow-public-page.public-design-compact select{min-height:38px!important;padding:8px 10px!important;border-radius:8px!important}
body.flow-public-page.public-design-compact .btn{min-height:38px!important;border-radius:8px!important}
body.flow-public-page.public-design-formal{--public-bg:#f1f3f5;--public-surface:#fff;--public-surface-alt:#f4f5f6;--public-line:#c9d0d6}
body.flow-public-page.public-design-formal .flow-panel,body.flow-public-page.public-design-formal .flow-public-hours,body.flow-public-page.public-design-formal .flow-public-info-card{border-radius:3px!important;box-shadow:none!important;border-width:1px!important}
body.flow-public-page.public-design-formal .flow-panel{border-top:4px solid var(--public-primary)!important}
body.flow-public-page.public-design-formal .btn,body.flow-public-page.public-design-formal input,body.flow-public-page.public-design-formal select,body.flow-public-page.public-design-formal textarea{border-radius:3px!important}
body.flow-public-page.public-design-formal .flow-client-topbar{box-shadow:none!important;border-bottom:3px solid var(--public-primary)!important}

/* Accessibility palettes: each mode has an intentionally visible, high-separation palette. */
body.flow-public-page.public-access-deuteranopia{
  --public-primary:#245da8;
  --public-secondary:#d39b00;
  --public-bg:#f2f6fb;
  --public-surface-alt:#edf3f9;
  --public-line:#cbd8e5;
}
body.flow-public-page.public-access-protanopia{
  --public-primary:#1e63a5;
  --public-secondary:#c18a00;
  --public-bg:#f3f7fa;
  --public-surface-alt:#edf3f7;
  --public-line:#cad8e2;
}
body.flow-public-page.public-access-tritanopia{
  --public-primary:#9b3f70;
  --public-secondary:#087a72;
  --public-bg:#f8f3f6;
  --public-surface-alt:#f5edf2;
  --public-line:#decfd8;
}
body.flow-public-page.public-access-deuteranopia .flow-client-topbar{border-bottom:4px solid #d39b00!important}
body.flow-public-page.public-access-protanopia .flow-client-topbar{border-bottom:4px solid #c18a00!important}
body.flow-public-page.public-access-tritanopia .flow-client-topbar{border-bottom:4px solid #087a72!important}
body.flow-public-page.public-access-deuteranopia .flow-public-info-card,body.flow-public-page.public-access-protanopia .flow-public-info-card,body.flow-public-page.public-access-tritanopia .flow-public-info-card{border-left-width:6px!important}
body.flow-public-page.public-access-high-contrast{
  --public-primary:#000;
  --public-secondary:#ffd800;
  --public-bg:#fff;
  --public-surface:#fff;
  --public-surface-alt:#f2f2f2;
  --public-text:#000;
  --public-muted:#111;
  --public-line:#000;
  background:#fff!important;
  color:#000!important;
}
body.flow-public-page.public-access-high-contrast .flow-client-topbar{background:#000!important;border-bottom:5px solid #ffd800!important}
body.flow-public-page.public-access-high-contrast .flow-client-brand b,body.flow-public-page.public-access-high-contrast .flow-client-brand small,body.flow-public-page.public-access-high-contrast .flow-powered{color:#fff!important}
body.flow-public-page.public-access-high-contrast .flow-panel,body.flow-public-page.public-access-high-contrast .flow-public-hours,body.flow-public-page.public-access-high-contrast .flow-public-info-card,body.flow-public-page.public-access-high-contrast .flow-public-place-card{border:3px solid #000!important;box-shadow:none!important}
body.flow-public-page.public-access-high-contrast .btn:not(.secondary):not(.ghost):not(.danger){background:#000!important;color:#fff!important;border:3px solid #000!important}
body.flow-public-page.public-access-high-contrast .btn.secondary,body.flow-public-page.public-access-high-contrast .btn.ghost{background:#fff!important;color:#000!important;border:3px solid #000!important}
body.flow-public-page.public-access-high-contrast :focus-visible{outline:5px solid #ffd800!important;outline-offset:3px!important}
body.flow-public-page.public-access-high-contrast .flow-slot-choice input:checked+span{background:#000!important;color:#fff!important;border:3px solid #000!important;box-shadow:0 0 0 4px #ffd800!important}

/* Public toolbar makes appearance switching visible and usable, including on mobile. */
.flow-public-toolbar .lang-link,.flow-accessibility-menu>summary{background:#fff!important;color:#17283a!important;border-color:#ccd8e3!important;box-shadow:0 3px 10px rgba(25,50,75,.05)}
.flow-accessibility-menu>summary{gap:7px;padding:0 10px!important;width:auto!important;min-width:42px!important}
.flow-accessibility-label{display:inline-block;font-size:.78rem;font-weight:850;white-space:nowrap}
.flow-accessibility-menu>div{border-color:#ccd8e3!important;min-width:285px!important}
.flow-accessibility-menu a.active{background:color-mix(in srgb,var(--public-primary,var(--flow-client-primary,#146cff)) 12%,#fff)!important;color:var(--public-primary,var(--flow-client-primary,#146cff))!important}

/* Floor-plan resources use their configured colour on public maps as well. */
.flow-floorplan-public-canvas .flow-plan-resource,.flow-plan-resource{
  border-color:var(--resource-color,#1268d8)!important;
  background:color-mix(in srgb,var(--resource-color,#1268d8) 15%,#fff)!important;
  color:color-mix(in srgb,var(--resource-color,#1268d8) 74%,#10263a)!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--resource-color,#1268d8) 14%,transparent)!important;
}

@media(max-width:1240px){.flow-calendar-command-center{grid-template-columns:1fr}.flow-calendar-kpis{grid-template-columns:repeat(5,minmax(120px,1fr))}}
@media(max-width:900px){.flow-calendar-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-calendar-kpis .flow-kpi{min-height:126px}.flow-pickup-filter{grid-template-columns:1fr 1fr}.flow-pickup-filter .btn{width:100%}}
@media(max-width:720px){.flow-accessibility-label{display:none}.flow-accessibility-menu>summary{padding:0!important;width:42px!important}.flow-accessibility-menu>div{min-width:250px!important}.flow-pickup-compact-card .flow-status-card-head{align-items:flex-start!important}.flow-pickup-head-actions{flex-direction:column;align-items:stretch}.flow-pickup-compact-card .flow-pickup-code{text-align:center;justify-content:center}.flow-display-language{grid-column:1/-1}}
@media(max-width:560px){.flow-calendar-kpis{grid-template-columns:1fr 1fr}.flow-calendar-kpis .flow-kpi{min-height:115px;padding:12px}.flow-calendar-next-list>a{grid-template-columns:1fr auto}.flow-calendar-next-list time{grid-column:1/-1}.flow-pickup-filter{grid-template-columns:1fr}.flow-pickup-compact-card .flow-status-card-head{display:grid!important}.flow-pickup-compact-card .flow-status-card-head>div:first-child{grid-template-columns:auto minmax(0,1fr)}.flow-pickup-head-actions{display:grid;grid-template-columns:1fr 1fr}.flow-pickup-compact-card .flow-status-card-head h3{white-space:normal}.flow-pagination{display:grid;grid-template-columns:1fr 1fr}.flow-pagination>span{grid-column:1/-1;text-align:center;grid-row:1}.flow-pagination .btn{text-align:center;justify-content:center}}

/* Generic KPI containment for other operational pages (e.g. call boards). */
.flow-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.flow-kpi-grid>.flow-kpi:not(a){display:flex;min-height:112px;flex-direction:column;gap:5px;padding:14px;border:1px solid #d7e2ec;border-radius:14px;background:#fff;color:#19344e;box-shadow:0 6px 18px rgba(27,61,90,.045)}
.flow-kpi-grid>.flow-kpi:not(a) small{color:#60748a;font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.035em}.flow-kpi-grid>.flow-kpi:not(a) b{font-size:1.9rem;line-height:1;color:#102d49}.flow-kpi-grid>.flow-kpi:not(a)>span{margin-top:auto;color:#65788c;font-size:.82rem;line-height:1.35}
html[data-theme="dark"] .flow-kpi-grid>.flow-kpi:not(a),.theme-dark .flow-kpi-grid>.flow-kpi:not(a){background:#0d202c;border-color:rgba(126,185,226,.22);color:#eef8ff}html[data-theme="dark"] .flow-kpi-grid>.flow-kpi:not(a) b,.theme-dark .flow-kpi-grid>.flow-kpi:not(a) b{color:#fff}html[data-theme="dark"] .flow-kpi-grid>.flow-kpi:not(a) small,html[data-theme="dark"] .flow-kpi-grid>.flow-kpi:not(a)>span,.theme-dark .flow-kpi-grid>.flow-kpi:not(a) small,.theme-dark .flow-kpi-grid>.flow-kpi:not(a)>span{color:#9cb2c4}

/* Public floor-plan structural baseline; resource z-order mirrors the editor. */
.flow-public-floorplan{margin:16px 0;padding:14px;border:1px solid var(--public-line,#d8e2eb);border-radius:16px;background:var(--public-surface,#fff)}
.flow-public-floorplan-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.flow-public-floorplan-title span{color:var(--public-muted,#607387);font-size:.82rem}
.flow-floorplan-public-canvas{position:relative;width:100%;min-height:320px;aspect-ratio:10/7;overflow:hidden;border:1px solid var(--public-line,#d8e2eb);border-radius:13px;background:linear-gradient(#f8fafc,#fff)}
.flow-floorplan-public-canvas .flow-plan-resource{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:16px;min-height:16px;padding:4px;border:2px solid var(--resource-color,#1268d8);border-radius:9px;z-index:var(--resource-z,500);font-size:clamp(8px,1vw,12px);font-weight:850;text-align:center;overflow:visible}
.flow-floorplan-public-canvas .flow-plan-resource>b{max-width:96%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flow-floorplan-public-canvas .flow-plan-resource.selected{outline:4px solid var(--public-secondary,#e0a400);outline-offset:2px}
@media(max-width:620px){.flow-floorplan-public-canvas{min-height:240px}}

/* Public shapes share the editor geometry model without loading editor-only CSS. */
.flow-floorplan-public-canvas .flow-plan-shape{
  --fp-fill:#fff;--fp-stroke:#55758b;--fp-text:#17364e;--fp-stroke-width:1.5px;--fp-opacity:1;--fp-radius:6px;--fp-rotation:0deg;--fp-z:10;
  position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:3px;min-height:3px;overflow:hidden;
  background:var(--fp-fill);border:var(--fp-stroke-width) solid var(--fp-stroke);border-radius:var(--fp-radius);color:var(--fp-text);opacity:var(--fp-opacity);transform:rotate(var(--fp-rotation));transform-origin:center;z-index:var(--fp-z);font-size:clamp(7px,1vw,12px);font-weight:750;text-align:center
}
.flow-floorplan-public-canvas .flow-plan-shape[data-line-style="dashed"]{border-style:dashed}.flow-floorplan-public-canvas .flow-plan-shape[data-line-style="dotted"]{border-style:dotted}.flow-floorplan-public-canvas .flow-plan-shape[data-line-style="double"]{border-style:double}.flow-floorplan-public-canvas .flow-plan-shape[data-line-style="none"]{border-style:none}.flow-floorplan-public-canvas .flow-plan-shape>span{max-width:96%;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ========================================================================== 
   FLIRIVO FLOW 2.6.7 – settings tiles, structural confirmations and public UI
   ========================================================================== */
.flow-template-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch}
.flow-template-actions form{display:flex;min-width:0;margin:0}.flow-template-actions .btn{width:100%;height:100%;min-height:46px;justify-content:center;text-align:center;white-space:normal}

.flow-public-ui-settings form{display:grid;gap:18px}.flow-setting-block{padding:18px;border:1px solid var(--flow-line,#d7e2ec);border-radius:18px;background:color-mix(in srgb,var(--panel,#fff) 96%,var(--accent,#146cff) 4%)}
.flow-setting-block-head{margin-bottom:14px}.flow-setting-block-head>div{display:flex;gap:12px;align-items:flex-start}.flow-setting-block-head h3{margin:1px 0 4px}.flow-setting-block-head p{margin:0;color:var(--muted,#607387);max-width:900px}
.flow-setting-step{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:var(--accent,#146cff);color:#fff;font-weight:900}
.flow-choice-tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.flow-access-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.flow-choice-tile{position:relative;display:block;cursor:pointer;min-width:0}.flow-choice-tile>input{position:absolute;opacity:0;pointer-events:none}.flow-choice-tile-body{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;min-height:190px;padding:12px;border:2px solid var(--flow-line,#d7e2ec);border-radius:16px;background:var(--panel,#fff);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.flow-choice-tile:hover .flow-choice-tile-body{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent,#146cff) 42%,var(--flow-line,#d7e2ec));box-shadow:0 10px 25px rgba(22,55,85,.08)}
.flow-choice-tile>input:focus-visible+.flow-choice-tile-body{outline:3px solid color-mix(in srgb,var(--accent,#146cff) 45%,transparent);outline-offset:3px}.flow-choice-tile>input:checked+.flow-choice-tile-body{border-color:var(--accent,#146cff);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#146cff) 14%,transparent),0 12px 28px rgba(22,55,85,.09)}
.flow-choice-check{position:absolute;right:9px;top:9px;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:999px;background:#e8eef5;color:#6a7b8d;font-weight:950;opacity:.55}.flow-choice-tile>input:checked+.flow-choice-tile-body .flow-choice-check{background:var(--accent,#146cff);color:#fff;opacity:1}
.flow-choice-tile-body>strong{font-size:1rem}.flow-choice-tile-body>small{color:var(--muted,#607387);line-height:1.4}
.flow-mini-preview{display:grid;grid-template-columns:1fr;grid-template-rows:12px 14px 7px 7px 28px 28px;gap:6px;height:112px;padding:10px;border:1px solid #d8e2eb;border-radius:12px;background:#f6f8fb;overflow:hidden}.flow-mini-preview i{display:block;border-radius:5px}.flow-mini-preview .mini-top{width:44%;background:#8799ab}.flow-mini-preview .mini-title{width:70%;background:#243b53}.flow-mini-preview .mini-line{width:88%;background:#c9d4df}.flow-mini-preview .mini-line.short{width:58%}.flow-mini-preview .mini-field{width:100%;border:1px solid #cbd7e1;background:#fff}.flow-mini-preview .mini-button{width:58%;background:#146cff}
.design-preview-soft .flow-mini-preview{background:#fff6eb;border-color:#ead9c8;border-radius:22px}.design-preview-soft .flow-mini-preview .mini-top{background:#b27f60}.design-preview-soft .flow-mini-preview .mini-title{background:#5d4032}.design-preview-soft .flow-mini-preview .mini-line{background:#e8d5c5}.design-preview-soft .flow-mini-preview .mini-field{background:#fffaf5;border-color:#dfc9b5;border-radius:10px}.design-preview-soft .flow-mini-preview .mini-button{background:#b45f48;border-radius:999px}
.design-preview-compact .flow-mini-preview{background:#0b1c29;border-color:#243d50;border-radius:8px}.design-preview-compact .flow-mini-preview .mini-top{background:#4de0cc}.design-preview-compact .flow-mini-preview .mini-title{background:#f0f7fb}.design-preview-compact .flow-mini-preview .mini-line{background:#416071}.design-preview-compact .flow-mini-preview .mini-field{background:#102b3a;border-color:#385b70;border-radius:4px}.design-preview-compact .flow-mini-preview .mini-button{background:#34c7b1;border-radius:4px}
.design-preview-formal .flow-mini-preview{background:#fff;border-color:#aeb9c4;border-radius:2px}.design-preview-formal .flow-mini-preview .mini-top{background:#163a5b}.design-preview-formal .flow-mini-preview .mini-title{background:#1c2f40}.design-preview-formal .flow-mini-preview .mini-line{background:#d3d8dd}.design-preview-formal .flow-mini-preview .mini-field{border-color:#9faab4;border-radius:0}.design-preview-formal .flow-mini-preview .mini-button{background:#173b5c;border-radius:0;width:48%}
.flow-access-swatches{display:grid;grid-template-columns:repeat(4,1fr);height:52px;border:1px solid #d7e2ec;border-radius:12px;overflow:hidden}.flow-access-swatches i:nth-child(1){background:#f7f9fb}.flow-access-swatches i:nth-child(2){background:#146cff}.flow-access-swatches i:nth-child(3){background:#1b2e40}.flow-access-swatches i:nth-child(4){background:#eab308}.access-preview-high-contrast .flow-access-swatches i:nth-child(1),.access-preview-high-contrast .flow-access-swatches i:nth-child(3){background:#000}.access-preview-high-contrast .flow-access-swatches i:nth-child(2){background:#fff}.access-preview-high-contrast .flow-access-swatches i:nth-child(4){background:#ffd800}.access-preview-deuteranopia .flow-access-swatches i:nth-child(1){background:#f2f6fb}.access-preview-deuteranopia .flow-access-swatches i:nth-child(2){background:#245da8}.access-preview-deuteranopia .flow-access-swatches i:nth-child(3){background:#163b65}.access-preview-deuteranopia .flow-access-swatches i:nth-child(4){background:#d39b00}.access-preview-protanopia .flow-access-swatches i:nth-child(1){background:#f3f7fa}.access-preview-protanopia .flow-access-swatches i:nth-child(2){background:#1e63a5}.access-preview-protanopia .flow-access-swatches i:nth-child(3){background:#123f68}.access-preview-protanopia .flow-access-swatches i:nth-child(4){background:#c18a00}.access-preview-tritanopia .flow-access-swatches i:nth-child(1){background:#f8f3f6}.access-preview-tritanopia .flow-access-swatches i:nth-child(2){background:#9b3f70}.access-preview-tritanopia .flow-access-swatches i:nth-child(3){background:#087a72}.access-preview-tritanopia .flow-access-swatches i:nth-child(4){background:#3b2b43}
.flow-public-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.flow-toggle-card{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:flex-start;padding:14px;border:1px solid var(--flow-line,#d7e2ec);border-radius:14px;background:var(--panel,#fff);cursor:pointer}.flow-toggle-card input{margin-top:3px}.flow-toggle-card span{display:grid;gap:4px}.flow-toggle-card small{color:var(--muted,#607387);line-height:1.35}
.flow-confirm-modal .modal-box{max-width:500px}.flow-confirm-copy{font-size:1.02rem;line-height:1.55;margin:18px 0 4px}.flow-confirm-modal .btn.danger{background:#b42318!important;color:#fff!important;border-color:#b42318!important}

.flow-map-consent{margin-top:14px;border:1px solid var(--public-line,#d8e2eb);border-radius:16px;overflow:hidden;background:var(--public-surface-alt,#f6f9fc)}.flow-map-consent iframe[data-flow-map-frame]{display:block;width:100%;height:clamp(260px,38vw,390px);border:0;background:#e8edf2}.flow-map-consent-placeholder{padding:18px}.flow-map-consent-placeholder p{margin:.45rem 0 1rem}.flow-map-consent-actions,.flow-map-loaded-actions{display:flex;gap:8px;flex-wrap:wrap}.flow-map-loaded-actions{padding:8px 10px;border-top:1px solid var(--public-line,#d8e2eb);background:var(--public-surface,#fff)}

/* Strongly differentiated public presets. Standard accessibility keeps branding while the surface system changes visibly. */
body.flow-public-page.public-design-clean.public-access-standard{--public-bg:#eef5fb;--public-surface:#ffffff;--public-surface-alt:#e9f2f9;--public-text:#142c42;--public-muted:#587086;--public-line:#c7d8e7}
body.flow-public-page.public-design-clean.public-access-standard .flow-client-topbar{background:#fff!important;border-bottom:1px solid #c7d8e7!important}.public-design-clean.public-access-standard .flow-panel{border-radius:18px!important;box-shadow:0 14px 36px rgba(33,76,112,.09)!important}

body.flow-public-page.public-design-soft.public-access-standard{--public-bg:#f7eadb;--public-surface:#fff9f1;--public-surface-alt:#f2dfca;--public-text:#493126;--public-muted:#7c5d4c;--public-line:#dfc5ac}
body.flow-public-page.public-design-soft.public-access-standard .flow-client-topbar{background:#fff7ec!important;border-bottom:2px solid #dfb995!important}.public-design-soft.public-access-standard .flow-panel,.public-design-soft.public-access-standard .flow-public-hours,.public-design-soft.public-access-standard .flow-public-info-card,.public-design-soft.public-access-standard .flow-public-place-card{border-radius:30px!important;box-shadow:0 18px 42px rgba(101,69,45,.12)!important}.public-design-soft.public-access-standard .btn{border-radius:999px!important}.public-design-soft.public-access-standard input:not([type=checkbox]):not([type=radio]),.public-design-soft.public-access-standard select,.public-design-soft.public-access-standard textarea{border-radius:16px!important;background:#fffdf9!important}.public-design-soft.public-access-standard .flow-public-hours-grid>div{background:#f4e4d3!important;border-radius:18px!important}

body.flow-public-page.public-design-compact.public-access-standard{--public-bg:#071722;--public-surface:#0d2230;--public-surface-alt:#122d3d;--public-text:#f4fbff;--public-muted:#a9c0cf;--public-line:#29495c}
body.flow-public-page.public-design-compact.public-access-standard .flow-client-topbar{background:#071722!important;border-bottom:2px solid color-mix(in srgb,var(--public-primary) 70%,#54e2ce)!important}.public-design-compact.public-access-standard .flow-client-brand b{color:#fff!important}.public-design-compact.public-access-standard .flow-client-brand small,.public-design-compact.public-access-standard .flow-powered{color:#a9c0cf!important}.public-design-compact.public-access-standard .flow-panel,.public-design-compact.public-access-standard .flow-public-hours,.public-design-compact.public-access-standard .flow-public-info-card,.public-design-compact.public-access-standard .flow-public-place-card{background:#0d2230!important;border-color:#29495c!important;color:#f4fbff!important;box-shadow:0 8px 20px rgba(0,0,0,.28)!important}.public-design-compact.public-access-standard input:not([type=checkbox]):not([type=radio]),.public-design-compact.public-access-standard select,.public-design-compact.public-access-standard textarea{background:#091b27!important;color:#f4fbff!important;border-color:#36586b!important}.public-design-compact.public-access-standard .btn.secondary,.public-design-compact.public-access-standard .btn.ghost{background:#122d3d!important;color:#eaf9ff!important;border-color:#41687d!important}.public-design-compact.public-access-standard .flow-public-hours-grid>div{background:#122d3d!important;color:#f4fbff!important;border-color:#29495c!important}.public-design-compact.public-access-standard .flow-public-hours summary{background:#091b27!important}.public-design-compact.public-access-standard .flow-public-info-card p,.public-design-compact.public-access-standard p,.public-design-compact.public-access-standard small,.public-design-compact.public-access-standard .muted{color:#a9c0cf!important}

body.flow-public-page.public-design-formal.public-access-standard{--public-bg:#e7ebef;--public-surface:#fff;--public-surface-alt:#f0f2f4;--public-text:#172a3a;--public-muted:#536573;--public-line:#aeb9c3}
body.flow-public-page.public-design-formal.public-access-standard .flow-client-topbar{background:#173a59!important;border-bottom:0!important}.public-design-formal.public-access-standard .flow-client-brand b,.public-design-formal.public-access-standard .flow-client-brand small,.public-design-formal.public-access-standard .flow-powered{color:#fff!important}.public-design-formal.public-access-standard .flow-panel,.public-design-formal.public-access-standard .flow-public-hours,.public-design-formal.public-access-standard .flow-public-info-card,.public-design-formal.public-access-standard .flow-public-place-card{border-radius:2px!important;border:1px solid #aeb9c3!important;border-top:5px solid #173a59!important;box-shadow:none!important}.public-design-formal.public-access-standard .btn,.public-design-formal.public-access-standard input,.public-design-formal.public-access-standard select,.public-design-formal.public-access-standard textarea,.public-design-formal.public-access-standard .flow-public-hours-grid>div{border-radius:1px!important}.public-design-formal.public-access-standard h1,.public-design-formal.public-access-standard h2,.public-design-formal.public-access-standard h3{letter-spacing:-.015em}

/* Non-standard accessibility modes keep the selected design geometry but force their accessible palette. */
body.flow-public-page:not(.public-access-standard).public-design-soft .flow-panel,body.flow-public-page:not(.public-access-standard).public-design-soft .flow-public-hours,body.flow-public-page:not(.public-access-standard).public-design-soft .flow-public-place-card{border-radius:28px!important}
body.flow-public-page:not(.public-access-standard).public-design-compact .flow-panel{padding:15px!important;border-radius:9px!important}body.flow-public-page:not(.public-access-standard).public-design-compact .flow-form-grid{gap:9px!important}
body.flow-public-page:not(.public-access-standard).public-design-formal .flow-panel,body.flow-public-page:not(.public-access-standard).public-design-formal .flow-public-hours,body.flow-public-page:not(.public-access-standard).public-design-formal .flow-public-place-card{border-radius:2px!important;box-shadow:none!important}

@media(max-width:1120px){.flow-template-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-access-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.flow-choice-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-access-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-public-toggle-grid{grid-template-columns:1fr}}
@media(max-width:640px){.flow-template-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-choice-tile-grid,.flow-access-choice-grid{grid-template-columns:1fr}.flow-choice-tile-body{min-height:0}.flow-setting-block{padding:14px}.flow-map-consent iframe[data-flow-map-frame]{height:280px}}

/* =========================================================
   FLIRIVO FLOW 2.6.8 – dense operations, exact preview,
   accessible public calendars and high-volume work lists
   ========================================================= */
.flow-dashboard-worklists{display:grid;gap:16px}.flow-worklist-block{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.02)}.flow-worklist-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid var(--line)}.flow-worklist-head h3{margin:0}.flow-worklist-head small{display:block;margin-top:3px}.flow-table-compact th,.flow-table-compact td{padding:9px 11px;vertical-align:middle}.flow-table-compact th{font-size:.74rem;text-transform:uppercase;letter-spacing:.035em}.flow-table-actions{text-align:right;white-space:nowrap}.flow-table-sub{display:block;margin-top:3px;opacity:.7;font-size:.76rem}.flow-positive{color:#1e7c4a!important}.flow-order-number{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 7px;border-radius:10px;background:#102f4a;color:#fff;font-weight:950;font-variant-numeric:tabular-nums}.flow-order-state{display:inline-flex;align-items:center;min-height:30px;padding:5px 8px;border:1px solid var(--line);border-radius:9px;font-size:.75rem;font-weight:900;text-transform:uppercase}.flow-ticket-inline{font-size:1rem;letter-spacing:.025em}.flow-table-place{display:block;max-width:190px;white-space:normal}.flow-inline-link{display:inline-block;margin-top:4px;font-size:.76rem;font-weight:800}.flow-actions-nowrap{flex-wrap:nowrap}.flow-row-actions-menu{position:relative}.flow-row-actions-menu>summary{list-style:none;cursor:pointer}.flow-row-actions-menu>summary::-webkit-details-marker{display:none}.flow-row-actions-popover{position:absolute;z-index:90;right:0;top:calc(100% + 6px);display:grid;gap:6px;width:min(320px,80vw);padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel,#fff);box-shadow:0 18px 45px rgba(10,31,48,.18)}.flow-row-actions-popover form,.flow-row-actions-popover .btn{width:100%}.flow-inline-edit{margin-top:2px}.flow-queue-work-table td:first-child,.flow-queue-overview-table td:first-child{width:1%;white-space:nowrap}

/* High-volume records are rows, not dashboard-style tiles. */
.flow-dense-list{display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface,rgba(255,255,255,.02))}.flow-dense-row{display:block;margin:0!important;padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.flow-dense-row:last-child{border-bottom:0!important}.flow-dense-row:hover{background:rgba(80,145,200,.045)!important}.flow-dense-row.focus{outline:3px solid color-mix(in srgb,var(--flow-blue,#1268d8) 28%,transparent);outline-offset:-3px}.flow-dense-row .flow-status-card-head{margin-bottom:8px}.flow-dense-row .flow-status-card-head h3{margin:3px 0 0;font-size:1rem}.flow-dense-row .flow-note{margin:8px 0}.flow-dense-row .flow-linkbox{margin:8px 0}.flow-request-row .flow-record-main{min-width:0}.flow-request-row .flow-record-meta{gap:7px 14px}.flow-request-row .flow-config-details{margin-top:8px}.flow-pickup-compact-card.flow-dense-row{padding:10px 12px!important}

/* Actual endpoint preview – no duplicate/mock public template. */
.flow-preview-control-panel{display:grid;gap:14px}.flow-preview-view-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.flow-preview-tab{display:flex;min-height:58px;flex-direction:column;justify-content:center;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);color:inherit;text-decoration:none;font-weight:850}.flow-preview-tab small{font-size:.72rem;opacity:.66}.flow-preview-tab.active{border-color:var(--flow-blue,#1268d8);box-shadow:0 0 0 2px color-mix(in srgb,var(--flow-blue,#1268d8) 18%,transparent);background:color-mix(in srgb,var(--flow-blue,#1268d8) 7%,transparent)}.flow-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.flow-preview-stage{display:grid;justify-items:center;gap:10px;padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,rgba(93,132,165,.08),rgba(255,255,255,.02));overflow:auto}.flow-preview-browser{width:100%;overflow:hidden;border:1px solid #bac7d2;border-radius:14px;background:#fff;box-shadow:0 20px 55px rgba(10,32,50,.17);transition:width .18s ease}.flow-preview-device-tablet .flow-preview-browser{width:min(820px,100%)}.flow-preview-device-mobile .flow-preview-browser{width:min(430px,100%)}.flow-preview-browserbar{display:flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-bottom:1px solid #d7e0e7;background:#eef2f5;color:#435669}.flow-preview-browserbar>span{width:9px;height:9px;border-radius:50%;background:#9aabb8}.flow-preview-browserbar code{margin-left:6px;font-size:.72rem}.flow-preview-browser iframe{display:block;width:100%;height:max(760px,75vh);border:0;background:#fff}.flow-preview-device-mobile .flow-preview-browser iframe{height:820px}.flow-preview-note{max-width:960px;margin:0;color:var(--muted);font-size:.78rem;text-align:center}.flow-preview-empty{max-width:720px;padding:45px 20px;text-align:center}.flow-preview-empty .flow-actions{justify-content:center}

/* Public calendars use the public accessibility palette all the way down to day states. */
body.flow-public-page{
  --public-selected:#146cff;
  --public-selected-text:#fff;
  --public-available-bg:#f4f9ff;
  --public-available-text:#0f5fb8;
  --public-available-line:#8ebce8;
  --public-ok:#176b4a;
  --public-warn:#9b6500;
  --public-danger:#a33131;
}
body.flow-public-page .flow-public-calendar{margin:16px 0;padding:16px;border:1px solid var(--public-line);border-radius:16px;background:var(--public-surface);box-shadow:0 8px 24px rgba(28,54,80,.045)}
body.flow-public-page .flow-public-calendar-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:12px;text-align:center}body.flow-public-page .flow-public-calendar-head>div{display:grid;gap:2px}body.flow-public-page .flow-public-calendar-head>b{grid-column:1/-1}body.flow-public-page .flow-public-calendar-head span{color:var(--public-muted);font-size:.82rem}
body.flow-public-page .flow-public-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.flow-public-calendar-grid .weekday{display:grid;place-items:center;min-height:28px;color:var(--public-muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.flow-public-calendar-grid .day{display:flex;min-height:62px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px;border:1px solid var(--public-line);border-radius:10px;background:var(--public-surface);color:var(--public-text);text-decoration:none;font-weight:800}.flow-public-calendar-grid .day small{font-size:.66rem;color:inherit;opacity:.72}.flow-public-calendar-grid .day.available{border-color:var(--public-available-line);background:var(--public-available-bg);color:var(--public-available-text)}.flow-public-calendar-grid .day.available:hover{box-shadow:inset 0 -4px 0 var(--public-available-line)}.flow-public-calendar-grid .day.selected{background:var(--public-selected)!important;border-color:var(--public-selected)!important;color:var(--public-selected-text)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--public-selected) 20%,transparent)!important}.flow-public-calendar-grid .day.selected small{color:inherit!important}.flow-public-calendar-grid .day.unavailable{background:var(--public-surface-alt);color:var(--public-muted);opacity:.7}.flow-public-calendar-grid .day.outside{opacity:.34}.flow-public-calendar.compact .flow-public-calendar-grid .day{min-height:42px}
body.flow-public-page .flow-customer-calendar-grid .day{background:var(--public-surface)!important;color:var(--public-text)!important;border-color:var(--public-line)!important}body.flow-public-page .flow-customer-calendar-grid .day.available{background:var(--public-available-bg)!important;color:var(--public-available-text)!important;border-color:var(--public-available-line)!important}body.flow-public-page .flow-customer-calendar-grid .day.selected{background:var(--public-selected)!important;color:var(--public-selected-text)!important;border-color:var(--public-selected)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--public-selected) 20%,transparent)!important}body.flow-public-page .flow-customer-calendar-grid .day.selected small{color:inherit!important}

/* Color-vision modes redefine every semantic state – no leftover fixed blue selected dates. */
body.flow-public-page.public-access-deuteranopia{--public-selected:#174f91;--public-available-bg:#fff8df;--public-available-text:#6d4a00;--public-available-line:#c18d00;--public-ok:#174f91;--public-warn:#8b5d00;--public-danger:#603a84}
body.flow-public-page.public-access-protanopia{--public-selected:#154f8b;--public-available-bg:#fff6dc;--public-available-text:#704c00;--public-available-line:#bd8700;--public-ok:#154f8b;--public-warn:#805600;--public-danger:#5b3b82}
body.flow-public-page.public-access-tritanopia{--public-selected:#8b2f61;--public-available-bg:#edf8ef;--public-available-text:#205d31;--public-available-line:#4f9661;--public-ok:#2e7041;--public-warn:#8b2f61;--public-danger:#892f39}
body.flow-public-page.public-access-high-contrast{--public-selected:#000;--public-selected-text:#fff;--public-available-bg:#fff;--public-available-text:#000;--public-available-line:#000;--public-ok:#000;--public-warn:#000;--public-danger:#000}
body.flow-public-page.public-access-high-contrast .flow-public-calendar-grid .day.available,body.flow-public-page.public-access-high-contrast .flow-customer-calendar-grid .day.available{border:3px solid #000!important;background:#fff!important;color:#000!important;text-decoration:underline;text-decoration-thickness:2px}body.flow-public-page.public-access-high-contrast .flow-public-calendar-grid .day.selected,body.flow-public-page.public-access-high-contrast .flow-customer-calendar-grid .day.selected{border:3px solid #000!important;background:#000!important;color:#fff!important;box-shadow:0 0 0 4px #ffd800!important}
body.flow-public-page.public-access-deuteranopia .flow-badge.ok,body.flow-public-page.public-access-protanopia .flow-badge.ok,body.flow-public-page.public-access-tritanopia .flow-badge.ok{background:color-mix(in srgb,var(--public-ok) 12%,#fff)!important;color:var(--public-ok)!important;border-color:var(--public-ok)!important}body.flow-public-page.public-access-deuteranopia .flow-badge.warn,body.flow-public-page.public-access-protanopia .flow-badge.warn,body.flow-public-page.public-access-tritanopia .flow-badge.warn{background:color-mix(in srgb,var(--public-warn) 12%,#fff)!important;color:var(--public-warn)!important;border-color:var(--public-warn)!important}body.flow-public-page .notice.ok{border-left:6px solid var(--public-ok)!important}body.flow-public-page .notice.warn{border-left:6px solid var(--public-warn)!important}body.flow-public-page .notice.danger{border-left:6px solid var(--public-danger)!important}
.flow-accessibility-menu a{font-size:.81rem!important;line-height:1.25}.flow-accessibility-menu a small{font-size:.69rem!important}

@media(max-width:900px){.flow-queue-work-table{min-width:980px}.flow-queue-overview-table{min-width:820px}.flow-preview-stage{padding:10px}.flow-preview-browser iframe{height:720px}}
@media(max-width:620px){.flow-dashboard-worklists .flow-table{min-width:680px}.flow-public-calendar{padding:10px!important}.flow-public-calendar-grid{gap:3px}.flow-public-calendar-grid .day{min-height:50px;padding:4px;border-radius:7px}.flow-public-calendar-grid .day small{display:none}.flow-preview-view-tabs{grid-template-columns:1fr 1fr}.flow-preview-toolbar{align-items:stretch}.flow-preview-toolbar>.flow-segmented{flex:1 1 auto}.flow-preview-browserbar code{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* 2.6.8 structured record details */
.flow-inline-details{display:flex;flex-wrap:wrap;gap:.45rem .85rem;margin:.55rem 0 0;padding:.55rem .7rem;border-top:1px solid var(--line,#dce3ea)}
.flow-inline-details span{display:grid;gap:.08rem;min-width:9rem}.flow-inline-details small{font-size:.72rem;color:var(--muted,#637083)}.flow-inline-details b{font-size:.86rem;font-weight:650}

/* FLIRIVO FLOW 2.6.9 – consistent public width, consent states, action links and list controls */
body.flow-public-page .flow-content{width:min(1180px,calc(100% - 32px));max-width:1180px!important}
body.flow-public-page .flow-public,body.flow-public-page .flow-public-aftercare{width:100%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
body.flow-public-page.public-design-compact .flow-shell,body.flow-public-page.public-design-compact .flow-content{width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important}
body.flow-public-page .flow-public>section.flow-panel,body.flow-public-page .flow-public-aftercare{width:100%;box-sizing:border-box}
.flow-consent-panel{margin:20px 0 18px;padding:18px;border:1px solid var(--public-line,#dbe4ed);border-radius:18px;background:var(--public-surface-alt,#f7f9fb)}
.flow-consent-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.flow-consent-head>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--public-ok,#237a57) 12%,#fff);color:var(--public-ok,#237a57);font-weight:900;border:1px solid color-mix(in srgb,var(--public-ok,#237a57) 35%,transparent)}
.flow-consent-head b{display:block;font-size:16px}.flow-consent-head small{display:block;margin-top:3px;line-height:1.45}
.flow-consent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.flow-consent-choice{position:relative;display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid var(--public-line,#dbe4ed);border-radius:14px;background:var(--public-surface,#fff);cursor:pointer;transition:.16s ease}.flow-consent-choice input{margin-top:3px;width:18px;height:18px;flex:0 0 18px;accent-color:var(--public-ok,#237a57)}.flow-consent-choice span{min-width:0}.flow-consent-choice b,.flow-consent-choice small{display:block}.flow-consent-choice small{margin-top:4px;line-height:1.45}.flow-consent-choice:has(input:checked){border-color:var(--public-ok,#237a57)!important;background:color-mix(in srgb,var(--public-ok,#237a57) 8%,var(--public-surface,#fff))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--public-ok,#237a57) 35%,transparent)}.flow-consent-choice:has(input:checked)::after{content:"✓";position:absolute;right:10px;top:9px;color:var(--public-ok,#237a57);font-weight:1000}.flow-consent-note{font-size:12px;margin:12px 0 0!important}
.public-access-high-contrast .flow-consent-choice:has(input:checked){background:#fff!important;border:3px solid #000!important}.public-access-high-contrast .flow-consent-choice:has(input:checked)::after{color:#000!important}
.flow-alternative-reply{display:grid;gap:8px;min-width:min(100%,320px)}.flow-alternative-reply label span{display:block;font-size:12px;font-weight:800;margin-bottom:4px}.flow-alternative-reply textarea{width:100%;box-sizing:border-box}
.flow-list-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:12px 14px;margin:10px 0 14px;border:1px solid var(--flow-border,#dbe3ec);border-radius:14px;background:var(--flow-surface-soft,#f7f9fb)}.flow-list-toolbar .field{min-width:150px;margin:0}.flow-list-toolbar .field.grow{flex:1 1 260px}.flow-list-toolbar .field.compact{flex:0 0 auto;min-width:110px}.flow-list-toolbar label{font-size:12px;font-weight:800}.flow-list-toolbar input,.flow-list-toolbar select{min-height:40px}
.flow-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.flow-pagination-links{display:flex;flex-wrap:wrap;gap:6px}.flow-pagination .btn{min-width:40px;justify-content:center}.flow-pagination .btn.active{background:var(--flow-blue,#1677d2);color:#fff;border-color:transparent}
.flow-panel-head>a:not(.btn),.flow-summary-action,.flow-kpi-open,.flow-cal-more{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 12px;border:1px solid var(--flow-border,#dbe3ec);border-radius:10px;background:#fff;color:var(--flow-blue,#1677d2)!important;text-decoration:none!important;font-weight:800;font-size:13px}.flow-panel-head>a:not(.btn):hover,.flow-summary-action:hover,.flow-kpi-open:hover,.flow-cal-more:hover{border-color:var(--flow-blue,#1677d2);box-shadow:0 4px 14px rgba(30,70,110,.08)}
.flow-dashboard-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.flow-dashboard-actions .btn{min-height:48px;justify-content:center;text-align:center}
.flow-compact-worklist{width:100%;border-collapse:separate;border-spacing:0}.flow-compact-worklist th,.flow-compact-worklist td{padding:11px 12px;border-bottom:1px solid var(--flow-border,#e3e9ef);vertical-align:middle}.flow-compact-worklist th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.035em;color:var(--flow-muted,#68778a)}.flow-compact-worklist tr:last-child td{border-bottom:0}.flow-order-cell{width:54px}.flow-order-badge{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:10px;background:var(--flow-surface-soft,#eef3f8);font-weight:900}
@media(max-width:820px){.flow-consent-grid{grid-template-columns:1fr}.flow-dashboard-actions{grid-template-columns:1fr 1fr}.flow-list-toolbar .field,.flow-list-toolbar .field.grow{flex:1 1 100%;min-width:0}}
@media(max-width:520px){body.flow-public-page .flow-content{width:min(100% - 18px,1180px)}.flow-dashboard-actions{grid-template-columns:1fr}.flow-list-toolbar{padding:10px}.flow-compact-worklist{font-size:13px}}
.flow-calendar-command-center{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:16px;align-items:stretch;margin-bottom:16px}.flow-calendar-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flow-calendar-kpis .flow-kpi{min-height:140px;display:flex;flex-direction:column;align-items:flex-start;text-decoration:none}.flow-calendar-kpis .flow-kpi b{font-size:34px}.flow-calendar-kpis .flow-kpi-open{margin-top:auto}.flow-calendar-next-panel{border:1px solid var(--flow-border,#dbe3ec);border-radius:18px;padding:16px;background:#fff}.flow-calendar-next-list{display:grid;gap:7px}.flow-calendar-next-list>a{display:grid;grid-template-columns:82px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--flow-border,#e1e7ed);border-radius:12px;text-decoration:none;background:var(--flow-surface-soft,#f8fafc)}.flow-calendar-next-list time{font-weight:900;font-size:12px}.flow-calendar-next-list b,.flow-calendar-next-list small{display:block}.flow-calendar-next-list small{margin-top:2px}.flow-calendar-next-list>a>span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;border:1px solid var(--flow-border,#dbe3ec);background:#fff}
@media(max-width:980px){.flow-calendar-command-center{grid-template-columns:1fr}.flow-calendar-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.flow-calendar-kpis{grid-template-columns:1fr}.flow-calendar-next-list>a{grid-template-columns:70px 1fr auto}}

/* 2.6.9 – consistent action controls and segmented work navigation */
.flow-segmented{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}
.flow-segmented>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid var(--line,#d9e2ec);border-radius:10px;background:var(--surface,#fff);color:var(--text,#18324a);font-weight:750;text-decoration:none;box-shadow:0 1px 2px rgba(15,35,55,.04)}
.flow-segmented>a:hover{border-color:var(--accent,#1266d5);transform:translateY(-1px)}
.flow-segmented>a.active{background:var(--accent,#1266d5);border-color:var(--accent,#1266d5);color:#fff;box-shadow:0 5px 14px rgba(18,102,213,.16)}
.flow-inline-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:6px 10px;border:1px solid var(--line,#d9e2ec);border-radius:9px;background:var(--surface,#fff);font-weight:700;text-decoration:none}
.flow-list-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:12px;border:1px solid var(--line,#d9e2ec);border-radius:12px;background:var(--surface-soft,#f7fafc);margin:12px 0}
.flow-list-toolbar .field{margin:0;min-width:130px}.flow-list-toolbar .field.grow{flex:1 1 240px}.flow-list-toolbar .field.compact{min-width:100px}
@media(max-width:700px){.flow-list-toolbar{align-items:stretch}.flow-list-toolbar .field,.flow-list-toolbar .field.grow{flex:1 1 100%;min-width:0}.flow-list-toolbar .btn{flex:1 1 auto}.flow-segmented>a{flex:1 1 150px}}

/* 2.6.9 – appointment alternative workflow */
.flow-alternative-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.flow-alternative-card{display:grid;gap:12px;padding:16px;border:1px solid var(--public-line,var(--flow-border,#dbe3ec));border-radius:16px;background:var(--public-surface,var(--panel,#fff))}
.flow-alternative-card>div:first-child{display:grid;gap:3px}.flow-alternative-card>div:first-child small{font-weight:800;color:var(--public-muted,var(--muted,#637083))}.flow-alternative-card>div:first-child strong{font-size:1.05rem}
.flow-alternative-card form{margin:0}.flow-alternative-card .btn{width:100%;justify-content:center}.flow-alternative-card details{border-top:1px solid var(--public-line,var(--flow-border,#dbe3ec));padding-top:9px}.flow-alternative-card summary{cursor:pointer;font-weight:800;color:var(--public-primary,var(--flow-blue,#1677d2))}.flow-alternative-reply{margin-top:10px}.flow-alternative-reply label{display:grid;gap:6px;font-size:.86rem;font-weight:750}.flow-alternative-reply textarea{width:100%;box-sizing:border-box}
.flow-alternative-offer-form{display:grid;gap:12px}.flow-alternative-offer-form+.flow-table-wrap{margin-top:16px}
body.flow-public-page.public-access-high-contrast .flow-alternative-card{border:3px solid #000!important}body.flow-public-page.public-access-high-contrast .flow-alternative-card summary{color:#000!important;text-decoration:underline}
@media(max-width:700px){.flow-alternative-grid{grid-template-columns:1fr}}

/* ===== FLIRIVO FLOW 2.6.10 structural UI hotfix ===== */
/* Direct action links in operation/panel headers must read as actions, never as loose text. */
.flow-panel-head>a:not(.btn),.flow-worklist-head>a:not(.btn),.flow-record-head>a:not(.btn){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel,#fff);font-weight:850;text-decoration:none;white-space:nowrap}.flow-panel-head>a:not(.btn):hover,.flow-worklist-head>a:not(.btn):hover{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}

/* Queue: expanded row actions increase the real row height and are never clipped by the table scroll container. */
.flow-queue-work-table .flow-row-actions-menu{min-width:92px}.flow-queue-work-table .flow-row-actions-menu[open]{min-width:280px}.flow-queue-work-table .flow-row-actions-menu[open] .flow-row-actions-popover{position:static!important;inset:auto!important;width:min(360px,72vw)!important;margin-top:7px;box-shadow:none!important;background:color-mix(in srgb,var(--panel,#fff) 94%,var(--accent) 6%)}.flow-queue-work-table td.flow-table-actions{vertical-align:top}.flow-table-wrap:has(.flow-row-actions-menu[open]){overflow-x:auto;overflow-y:visible}

/* Preview launcher: no iframe/object embedding. */
.flow-preview-launch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-preview-launch-tile{display:flex;flex-direction:column;gap:5px;min-height:92px;padding:14px;border:2px solid var(--line);border-radius:14px;background:var(--panel,#fff);font-weight:900}.flow-preview-launch-tile small{font-weight:650;color:var(--muted)}.flow-preview-launch-tile.active{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.flow-preview-direct{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel,#fff) 96%,var(--accent) 4%)}.flow-preview-direct h3{margin:8px 0 4px}.flow-preview-direct p{margin:0;color:var(--muted);max-width:760px}

/* Studio: major configuration sections use the full available workspace width. */
.page-studio #leistungen,.page-studio #felder,.page-studio #kalender,.page-studio #oeffentliche-seiten{width:100%;max-width:none;grid-column:1/-1}.page-studio #leistungen .flow-service-editor,.page-studio #felder .flow-field-context,.page-studio #felder .flow-create-box{width:100%}.flow-rule-grid-secondary{margin-top:2px}

/* Locations: three core areas use consistent responsive work cards and full width. */
.page-locations .flow-spatial-section{width:100%;max-width:none}.page-locations .flow-spatial-section .flow-spatial-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;align-items:start}.page-locations .flow-spatial-card{height:auto;min-width:0}.page-locations .flow-spatial-card .flow-config-details[open]{grid-column:1/-1}.page-locations .flow-spatial-form{width:100%}.flow-label-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flow-label-language-grid+.flow-editor-section-note{display:block;margin-top:-2px;margin-bottom:8px}

/* Internal workspace appearance tiles, deliberately aligned with public appearance configuration. */
.flow-staff-ui-settings{width:100%;max-width:none}.staff-design-preview-light .flow-mini-preview{--pv-bg:#f6f9fc;--pv-panel:#fff;--pv-line:#cbd8e6;--pv-accent:#146cff}.staff-design-preview-dark .flow-mini-preview{--pv-bg:#071722;--pv-panel:#102b3c;--pv-line:#315064;--pv-accent:#53a6ff}.staff-design-preview-slate .flow-mini-preview{--pv-bg:#e9eef2;--pv-panel:#f8fafb;--pv-line:#9cadba;--pv-accent:#466b85}.staff-design-preview-warm .flow-mini-preview{--pv-bg:#fbf5ec;--pv-panel:#fffaf4;--pv-line:#dcc9b4;--pv-accent:#9b6845}

/* Business-level staff designs. */
body.staff-design-light{--flow-staff-bg:#f4f7fa;--flow-staff-panel:#fff;--flow-staff-panel2:#f8fafc;--flow-staff-line:#d6e0e9;--flow-staff-text:#17283a;--flow-staff-muted:#627589;--flow-staff-accent:#146cff;background:linear-gradient(180deg,#f8fbfe,#edf3f8)!important;color:var(--flow-staff-text)!important}
body.staff-design-slate{--flow-staff-bg:#e8edf1;--flow-staff-panel:#f7f9fa;--flow-staff-panel2:#eef3f6;--flow-staff-line:#b8c5cf;--flow-staff-text:#203746;--flow-staff-muted:#5f7483;--flow-staff-accent:#466f8b;background:linear-gradient(180deg,#eef2f5,#dfe7ec)!important;color:var(--flow-staff-text)!important}
body.staff-design-warm{--flow-staff-bg:#f7f0e7;--flow-staff-panel:#fffaf4;--flow-staff-panel2:#f8eee3;--flow-staff-line:#dbc9b7;--flow-staff-text:#3b3029;--flow-staff-muted:#76675c;--flow-staff-accent:#9a6644;background:linear-gradient(180deg,#fbf6ef,#f1e6d9)!important;color:var(--flow-staff-text)!important}
body.staff-design-dark{--flow-staff-bg:#071722;--flow-staff-panel:#0e2432;--flow-staff-panel2:#143044;--flow-staff-line:#2b4b60;--flow-staff-text:#eef7ff;--flow-staff-muted:#a9c0d0;--flow-staff-accent:#56a8ff;background:radial-gradient(circle at 15% 0,#17394d 0,transparent 33%),linear-gradient(180deg,#071722,#0a1d29)!important;color:var(--flow-staff-text)!important}
body[class*="staff-design-"] .flow-panel,body[class*="staff-design-"] .flow-page-head,body[class*="staff-design-"] .flow-create-box,body[class*="staff-design-"] .flow-service-editor,body[class*="staff-design-"] .flow-custom-field-card,body[class*="staff-design-"] .flow-list-card{background:var(--flow-staff-panel)!important;border-color:var(--flow-staff-line)!important;color:var(--flow-staff-text)!important}body[class*="staff-design-"] .flow-config-details,body[class*="staff-design-"] .flow-operation-details,body[class*="staff-design-"] .flow-list-toolbar{background:var(--flow-staff-panel2)!important;border-color:var(--flow-staff-line)!important;color:var(--flow-staff-text)!important}body[class*="staff-design-"] .muted,body[class*="staff-design-"] .flow-table-sub,body[class*="staff-design-"] small{color:var(--flow-staff-muted)}body[class*="staff-design-"] .topbar{background:color-mix(in srgb,var(--flow-staff-bg) 94%,transparent)!important;border-color:var(--flow-staff-line)!important}body.staff-design-light .desktop-nav a,body.staff-design-slate .desktop-nav a,body.staff-design-warm .desktop-nav a{color:var(--flow-staff-text)!important}body[class*="staff-design-"] .btn:not(.danger):not(.secondary):not(.ghost),body[class*="staff-design-"] button:not(.danger):not(.secondary):not(.ghost){background:var(--flow-staff-accent)!important;color:#fff!important}body[class*="staff-design-"] .btn.secondary,body[class*="staff-design-"] button.secondary{background:var(--flow-staff-panel2)!important;color:var(--flow-staff-text)!important;border-color:var(--flow-staff-line)!important}

/* Staff accessibility modes modify actual operational signals, not only the selector tile. */
body.staff-access-high-contrast{--ok:#00a650;--warn:#ffb000;--danger:#d90000;--accent:#005fcc!important}body.staff-access-high-contrast .flow-panel,body.staff-access-high-contrast .flow-page-head,body.staff-access-high-contrast .btn,body.staff-access-high-contrast button,body.staff-access-high-contrast input,body.staff-access-high-contrast select,body.staff-access-high-contrast textarea{border-width:2px!important}body.staff-access-deuteranopia{--ok:#1368ce;--warn:#e69b00;--danger:#7b4bb7;--accent:#1368ce!important}body.staff-access-protanopia{--ok:#0877bd;--warn:#d99300;--danger:#7048a8;--accent:#0877bd!important}body.staff-access-tritanopia{--ok:#16855d;--warn:#d66b45;--danger:#b43a67;--accent:#6c4ec4!important}body[class*="staff-access-"] .flow-badge.ok,body[class*="staff-access-"] .flow-positive{outline:2px solid color-mix(in srgb,var(--ok) 50%,transparent);outline-offset:1px}body[class*="staff-access-"] .flow-badge.warn{outline:2px dashed color-mix(in srgb,var(--warn) 65%,transparent);outline-offset:1px}body[class*="staff-access-"] .btn.danger,body[class*="staff-access-"] button.danger{outline:2px solid color-mix(in srgb,var(--danger) 70%,transparent);outline-offset:1px}

@media(max-width:900px){.flow-preview-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-preview-direct{align-items:stretch;flex-direction:column}.flow-preview-direct .btn{width:100%}.page-locations .flow-spatial-section .flow-spatial-list{grid-template-columns:1fr}}
@media(max-width:640px){.flow-preview-launch-grid,.flow-label-language-grid{grid-template-columns:1fr}.flow-queue-work-table .flow-row-actions-menu[open]{min-width:230px}.flow-queue-work-table .flow-row-actions-menu[open] .flow-row-actions-popover{width:230px!important}}

/* ===== FLIRIVO FLOW 2.6.11 queue/calendar/staff/settings polish ===== */
/* Queue details now occupy their own table row. This prevents the actions column from
   stretching to an unusable fixed-height row and keeps all edit controls inside the table width. */
.page-queue .flow-queue-work-table tbody tr:not(.flow-queue-detail-row)>td{vertical-align:middle!important}
.page-queue .flow-queue-work-table .flow-table-actions{width:1%;min-width:170px;white-space:nowrap}
.page-queue .flow-queue-detail-row[hidden]{display:none!important}
.page-queue .flow-queue-detail-row>td{padding:0!important;border-top:0!important;background:transparent!important}
.page-queue .flow-queue-detail-panel{display:grid;gap:14px;margin:0 10px 12px;padding:16px;border:1px solid var(--flow-line,#d7e2ec);border-radius:14px;background:color-mix(in srgb,var(--panel,#fff) 96%,var(--accent,#146cff) 4%);box-shadow:inset 4px 0 0 color-mix(in srgb,var(--accent,#146cff) 72%,transparent)}
.page-queue .flow-queue-detail-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}
.page-queue .flow-queue-detail-head strong{display:block;font-size:1rem}.page-queue .flow-queue-detail-head small{display:block;margin-top:3px;color:var(--muted,#607387)}
.page-queue .flow-queue-secondary-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.page-queue .flow-queue-secondary-actions form{margin:0}
.page-queue .flow-queue-inline-edit{width:100%;margin:0!important}.page-queue .flow-queue-inline-edit>form{padding:14px!important}
.page-queue .flow-queue-detail-panel .flow-danger-zone{margin-top:0;padding-top:12px;border-top:1px solid var(--flow-line,#d7e2ec)}
.page-queue .flow-queue-detail-toggle[aria-expanded="true"]{border-color:var(--accent,#146cff)!important;background:color-mix(in srgb,var(--accent,#146cff) 10%,var(--panel,#fff))!important}
/* Neutralise the old 2.6.10 popover behavior when cached markup is still present. */
.page-queue .flow-row-actions-menu[open] .flow-row-actions-popover{position:static!important;width:auto!important;max-width:none!important}

/* Calendar action labels must always contrast against blue action surfaces. */
.page-calendar .flow-calendar-kpis .flow-kpi-open,
.page-calendar .flow-calendar-next-list>a>span:last-child{background:#0b63ce!important;color:#fff!important;border:1px solid #0b63ce!important;text-shadow:none!important}
.page-calendar .flow-calendar-kpis .flow-kpi-open:hover,
.page-calendar .flow-calendar-kpis .flow-kpi:focus-visible .flow-kpi-open{background:#084f9f!important;color:#fff!important}
.page-studio #kalender .flow-panel-head>a.btn{background:#0b63ce!important;border-color:#0b63ce!important;color:#fff!important}
.page-studio #kalender .flow-panel-head>a.btn:hover{background:#084f9f!important;color:#fff!important}

/* Staff appearance cards use the same real preview treatment as public-page appearance cards. */
.page-business .flow-staff-ui-settings .flow-choice-tile-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.page-business .flow-staff-ui-settings .flow-access-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.page-business .flow-staff-ui-settings .flow-choice-tile-body{min-height:190px!important}
.staff-design-preview-light .flow-mini-preview{background:#f3f8fc!important;border-color:#c7d8e7!important;border-radius:18px!important}.staff-design-preview-light .flow-mini-preview .mini-top{background:#6f879d!important}.staff-design-preview-light .flow-mini-preview .mini-title{background:#15344f!important}.staff-design-preview-light .flow-mini-preview .mini-line{background:#c8d8e6!important}.staff-design-preview-light .flow-mini-preview .mini-field{background:#fff!important;border-color:#bfd2e2!important;border-radius:9px!important}.staff-design-preview-light .flow-mini-preview .mini-button{background:#146cff!important;border-radius:9px!important}
.staff-design-preview-dark .flow-mini-preview{background:#071722!important;border-color:#315064!important;border-radius:9px!important}.staff-design-preview-dark .flow-mini-preview .mini-top{background:#4de0cc!important}.staff-design-preview-dark .flow-mini-preview .mini-title{background:#eef7ff!important}.staff-design-preview-dark .flow-mini-preview .mini-line{background:#3b5a6e!important}.staff-design-preview-dark .flow-mini-preview .mini-field{background:#102b3c!important;border-color:#3a5e75!important;border-radius:5px!important}.staff-design-preview-dark .flow-mini-preview .mini-button{background:#53a6ff!important;border-radius:5px!important}
.staff-design-preview-slate .flow-mini-preview{background:#e9eef2!important;border-color:#9cadba!important;border-radius:4px!important}.staff-design-preview-slate .flow-mini-preview .mini-top{background:#718898!important}.staff-design-preview-slate .flow-mini-preview .mini-title{background:#294556!important}.staff-design-preview-slate .flow-mini-preview .mini-line{background:#b7c4cd!important}.staff-design-preview-slate .flow-mini-preview .mini-field{background:#f8fafb!important;border-color:#9cadba!important;border-radius:2px!important}.staff-design-preview-slate .flow-mini-preview .mini-button{background:#466b85!important;border-radius:2px!important}
.staff-design-preview-warm .flow-mini-preview{background:#fff7ee!important;border-color:#dcc9b4!important;border-radius:22px!important}.staff-design-preview-warm .flow-mini-preview .mini-top{background:#b28767!important}.staff-design-preview-warm .flow-mini-preview .mini-title{background:#594235!important}.staff-design-preview-warm .flow-mini-preview .mini-line{background:#ead9c8!important}.staff-design-preview-warm .flow-mini-preview .mini-field{background:#fffdf9!important;border-color:#dfc9b5!important;border-radius:12px!important}.staff-design-preview-warm .flow-mini-preview .mini-button{background:#9b6845!important;border-radius:999px!important}

/* Studio settings: every group gets an obvious card boundary and full available width. */
.page-studio #kalender,.page-studio #leistungen,.page-studio #felder{display:block!important;width:100%!important;max-width:none!important;grid-column:1/-1!important}
.page-studio #kalender>form>.flow-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
.page-studio #kalender>form>.flow-form-grid>.field{min-width:0}
.page-studio #kalender>form>.flow-form-grid>.field:not(.wide){padding:12px;border:1px solid var(--flow-line,#d7e2ec);border-radius:13px;background:color-mix(in srgb,var(--panel,#fff) 97%,var(--accent,#146cff) 3%)}
.page-studio #kalender .flow-rule-grid,.page-studio #kalender .flow-rule-grid-secondary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.page-studio #kalender .flow-toggle-card{height:100%;min-height:104px}
.page-studio #leistungen .flow-service-editor,.page-studio #felder .flow-field-context,.page-studio #felder .flow-create-box{width:100%!important;max-width:none!important}

/* Locations: clear, dense management cards instead of long unstructured blocks. */
.page-locations .flow-spatial-section{padding:18px!important}
.page-locations .flow-spatial-section>.flow-panel-head{padding:0 0 13px;margin-bottom:13px;border-bottom:1px solid var(--flow-line,#d7e2ec)}
.page-locations .flow-spatial-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:12px!important}
.page-locations .flow-spatial-card{display:grid;gap:12px;align-content:start;padding:14px!important;border:1px solid var(--flow-line,#d7e2ec)!important;border-radius:14px!important;background:var(--panel,#fff)!important;box-shadow:0 5px 16px rgba(27,61,90,.045)}
.page-locations .flow-spatial-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.page-locations .flow-spatial-card-head h3{margin:5px 0 3px}.page-locations .flow-spatial-card-head p{margin:0;color:var(--muted,#607387);line-height:1.35}
.page-locations .flow-spatial-card>.flow-actions{margin-top:auto;padding-top:10px;border-top:1px solid var(--flow-line,#d7e2ec)}
.page-locations .flow-spatial-card>.flow-config-details{margin:0!important}
.page-locations .flow-template-actions{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important}.page-locations .flow-template-actions form,.page-locations .flow-template-actions button{width:100%!important}
.page-locations .flow-floorplan-inspector .flow-label-language-grid{position:sticky;top:0;z-index:2;padding:10px;margin:-10px -10px 8px;background:var(--panel,#fff);border-bottom:1px solid var(--flow-line,#d7e2ec)}

@media(max-width:1050px){.page-business .flow-staff-ui-settings .flow-choice-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-business .flow-staff-ui-settings .flow-access-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-studio #kalender>form>.flow-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-locations .flow-template-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:680px){.page-business .flow-staff-ui-settings .flow-choice-tile-grid,.page-business .flow-staff-ui-settings .flow-access-choice-grid,.page-studio #kalender>form>.flow-form-grid,.page-studio #kalender .flow-rule-grid,.page-studio #kalender .flow-rule-grid-secondary,.page-locations .flow-template-actions{grid-template-columns:1fr!important}.page-business .flow-staff-ui-settings .flow-choice-tile-body{min-height:0!important}.page-queue .flow-queue-detail-head{align-items:stretch;flex-direction:column}.page-queue .flow-queue-detail-head .btn{width:100%}}

/* 2.6.11 structured setup groups */
.page-studio #kalender .flow-settings-group-title{display:flex!important;align-items:flex-start;gap:11px!important;margin:8px 0 0;padding:13px 14px!important;border:1px solid var(--flow-line,#d7e2ec)!important;border-radius:14px!important;background:color-mix(in srgb,var(--panel,#fff) 94%,var(--accent,#146cff) 6%)!important}
.page-studio #kalender .flow-settings-group-title h3{margin:0 0 3px;font-size:1rem}.page-studio #kalender .flow-settings-group-title small{display:block;color:var(--muted,#607387);line-height:1.35}

/* Frame-free preview launcher */
.flow-preview-direct-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.flow-preview-direct-card{display:flex;min-width:0;min-height:210px;flex-direction:column;justify-content:space-between;gap:15px;padding:15px;border:2px solid var(--flow-line,#d7e2ec);border-radius:16px;background:var(--panel,#fff);box-shadow:0 8px 22px rgba(28,58,84,.055)}.flow-preview-direct-card h3{margin:10px 0 5px}.flow-preview-direct-card p{margin:0 0 10px;color:var(--muted,#607387);line-height:1.4}.flow-preview-direct-card code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-preview-direct-card.is-unavailable{opacity:.72;background:color-mix(in srgb,var(--panel,#fff) 97%,#8996a3 3%)}
@media(max-width:1050px){.flow-preview-direct-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.flow-preview-direct-grid{grid-template-columns:1fr}}

/* FLOW 2.6.13 — locations sections 1/2/3 use operational lists, not tiles. */
.page-locations .flow-spatial-table{width:100%;border:1px solid var(--flow-line,#d7e2ec);border-radius:14px;overflow:hidden;background:var(--panel,#fff)}
.page-locations .flow-spatial-table-head,.page-locations .flow-spatial-list-main{display:grid;grid-template-columns:minmax(180px,1.15fr) minmax(130px,.75fr) minmax(220px,1.4fr) minmax(150px,.8fr) minmax(110px,.55fr);align-items:center;gap:14px;padding:11px 14px}
.page-locations .flow-spatial-table-head{background:var(--flow-soft,#f4f7fa);border-bottom:1px solid var(--flow-line,#d7e2ec);font-size:.72rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:var(--muted,#607387)}
.page-locations .flow-spatial-list-item{display:block;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.page-locations .flow-spatial-list-item+ .flow-spatial-list-item{border-top:1px solid var(--flow-line,#d7e2ec)!important}
.page-locations details.flow-spatial-list-item>summary{list-style:none;cursor:pointer}.page-locations details.flow-spatial-list-item>summary::-webkit-details-marker{display:none}
.page-locations .flow-spatial-list-main{min-height:58px;background:var(--panel,#fff);transition:background .16s ease}
.page-locations details.flow-spatial-list-item>summary:hover{background:var(--flow-soft,#f4f7fa)}
.page-locations .flow-spatial-list-item.is-paused>.flow-spatial-list-main{opacity:.72}
.page-locations .flow-spatial-primary{display:flex;align-items:center;gap:8px;min-width:0}.page-locations .flow-spatial-primary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-locations .flow-spatial-primary small{color:var(--muted,#607387);font-size:.72rem}
.page-locations .flow-spatial-muted{color:var(--muted,#607387);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-locations .flow-summary-button{pointer-events:none;display:inline-flex;justify-content:center;min-width:92px}
.page-locations .flow-spatial-list-edit{padding:16px 18px 18px;border-top:1px solid var(--flow-line,#d7e2ec);background:var(--flow-soft,#f7f9fb)}
.page-locations .flow-spatial-list-edit>.flow-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--flow-line,#d7e2ec)}
.page-locations .flow-spatial-table-resources .flow-spatial-list-main{grid-template-columns:minmax(190px,1.2fr) minmax(130px,.7fr) minmax(190px,1.15fr) minmax(170px,.9fr) minmax(110px,.55fr)}
.page-locations .flow-spatial-table-floorplans .flow-spatial-list-main{grid-template-columns:minmax(190px,1.2fr) minmax(180px,1fr) minmax(100px,.55fr) minmax(170px,.9fr) minmax(110px,.55fr)}
.page-locations .flow-resource-dot{width:11px;height:11px;border-radius:50%;background:var(--resource-color,#1268d8);box-shadow:0 0 0 3px color-mix(in srgb,var(--resource-color,#1268d8) 18%,transparent);flex:0 0 auto}
@media(max-width:980px){.page-locations .flow-spatial-table-head{display:none}.page-locations .flow-spatial-list-main,.page-locations .flow-spatial-table-resources .flow-spatial-list-main,.page-locations .flow-spatial-table-floorplans .flow-spatial-list-main{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:13px}.page-locations .flow-spatial-list-main>span:nth-child(2),.page-locations .flow-spatial-list-main>span:nth-child(3),.page-locations .flow-spatial-list-main>span:nth-child(4){grid-column:1}.page-locations .flow-spatial-list-main>span:last-child{grid-column:2;grid-row:1/4;align-self:center}.page-locations .flow-spatial-muted{white-space:normal}}

/* FLOW 2.6.13 — owner-only test-data seeder. */
.flow-seed-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.flow-seed-profile{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--flow-line,#d7e2ec);border-radius:16px;background:var(--panel,#fff)}.flow-seed-profile h3{margin:10px 0 6px}.flow-seed-profile p{margin:0;color:var(--muted,#607387);line-height:1.5}.flow-seed-profile form,.flow-seed-profile .btn{width:100%}.flow-seed-coverage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flow-seed-coverage>div{padding:13px 14px;border:1px solid var(--flow-line,#d7e2ec);border-radius:12px;background:var(--flow-soft,#f7f9fb)}.flow-seed-coverage b,.flow-seed-coverage span{display:block}.flow-seed-coverage span{margin-top:4px;color:var(--muted,#607387);font-size:.9rem;line-height:1.4}.danger-zone{border-color:color-mix(in srgb,var(--danger,#c53e43) 38%,var(--flow-line,#d7e2ec))!important}
@media(max-width:820px){.flow-seed-profile-grid,.flow-seed-coverage{grid-template-columns:1fr}}


/* FLOW 2.6.14 – public width + high-contrast consistency */
body.flow-public-page .flow-content,body.flow-public-page .flow-public-aftercare{width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
body.flow-public-page .flow-public-aftercare{padding:0!important}
body.flow-public-page .flow-public-hours,body.flow-public-page .flow-public-info,body.flow-public-page .flow-public-info-card{width:100%!important;max-width:none!important;box-sizing:border-box}
body.flow-public-page .flow-public-info{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:12px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.flow-public-page .flow-public-info-card{margin:0!important}
.flow-public-status-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
body.flow-public-page.public-access-high-contrast .flow-metric,body.flow-public-page.public-access-high-contrast .flow-note,body.flow-public-page.public-access-high-contrast .flow-event,body.flow-public-page.public-access-high-contrast .flow-public-hours-grid>div,body.flow-public-page.public-access-high-contrast .flow-resource-option>span,body.flow-public-page.public-access-high-contrast .flow-consent-choice,body.flow-public-page.public-access-high-contrast .flow-alternative-card{background:#fff!important;color:#000!important;border-color:#000!important}
body.flow-public-page.public-access-high-contrast .flow-metric *,body.flow-public-page.public-access-high-contrast .flow-note *,body.flow-public-page.public-access-high-contrast .flow-event *,body.flow-public-page.public-access-high-contrast .flow-public-hours *,body.flow-public-page.public-access-high-contrast .flow-public-info-card *,body.flow-public-page.public-access-high-contrast .flow-resource-option>span *,body.flow-public-page.public-access-high-contrast .flow-consent-choice *,body.flow-public-page.public-access-high-contrast .flow-alternative-card *{color:#000!important}
body.flow-public-page.public-access-high-contrast .btn:not(.secondary):not(.ghost):not(.danger) *,body.flow-public-page.public-access-high-contrast .flow-slot-choice input:checked+span *,body.flow-public-page.public-access-high-contrast .flow-public-calendar-grid .day.selected *,body.flow-public-page.public-access-high-contrast .flow-customer-calendar-grid .day.selected *{color:#fff!important}
body.flow-public-page.public-access-high-contrast .flow-public-calendar-grid .day.selected,body.flow-public-page.public-access-high-contrast .flow-customer-calendar-grid .day.selected,body.flow-public-page.public-access-high-contrast .flow-slot-choice input:checked+span{background:#000!important;color:#fff!important}
@media(max-width:520px){body.flow-public-page .flow-content,body.flow-public-page .flow-public-aftercare{width:min(100% - 18px,1180px)!important}}


/* FLOW 2.6.15 – unified public width, calendar containment, refill operations and contrast. */
body.flow-public-page main.shell.flow-shell{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important}
body.flow-public-page .site-content.flow-content,body.flow-public-page .flow-public-aftercare.shell{width:min(1180px,calc(100% - 32px))!important;max-width:1180px!important;margin-inline:auto!important;padding-inline:0!important;box-sizing:border-box!important}
body.flow-public-page .flow-public,body.flow-public-page .flow-public>section.flow-panel,body.flow-public-page .flow-public-aftercare>*,body.flow-public-page .flow-public-hours,body.flow-public-page .flow-public-info,body.flow-public-page .flow-public-info-card{width:100%!important;max-width:none!important;box-sizing:border-box!important}
body.flow-public-page .flow-public-aftercare{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}
.flow-public-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.flow-public-options .flow-option-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--flow-line,#d7e2ec);border-radius:15px;background:var(--panel,#fff)}.flow-public-options .flow-option-card>div{min-width:0}.flow-public-options .flow-option-card b,.flow-public-options .flow-option-card span{display:block}.flow-public-options .flow-option-card span{margin-top:4px;color:var(--muted,#607387);line-height:1.4}.flow-public-options .flow-option-card .btn{flex:0 0 auto}
.flow-consent-legal-button{display:inline-flex!important;margin-top:7px!important;text-decoration:none!important;width:max-content!important}
.flow-calendar-command-center{min-width:0}.flow-calendar-next-panel{min-width:0!important;overflow:hidden!important}.flow-calendar-next-panel .flow-panel-head,.flow-calendar-next-panel .flow-panel-head>div{min-width:0!important}.flow-calendar-next-panel h2,.flow-calendar-next-panel small,.flow-calendar-next-list a,.flow-calendar-next-list a>div,.flow-calendar-next-list a b,.flow-calendar-next-list a small{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important}.flow-calendar-next-list a b,.flow-calendar-next-list a small{display:block;white-space:normal!important}.flow-calendar-next-list a{grid-template-columns:auto minmax(0,1fr) auto!important}
.flow-calendar-refill-list,.flow-refill-list{display:flex;flex-direction:column;border:1px solid var(--flow-line,#d7e2ec);border-radius:14px;overflow:hidden}.flow-calendar-refill-list>article,.flow-refill-row{display:grid;grid-template-columns:minmax(190px,1fr) minmax(220px,1.15fr) auto;gap:14px;align-items:center;padding:13px 14px;background:var(--panel,#fff)}.flow-calendar-refill-list>article+article,.flow-refill-row+.flow-refill-row{border-top:1px solid var(--flow-line,#d7e2ec)}.flow-calendar-refill-list b,.flow-calendar-refill-list strong,.flow-calendar-refill-list small,.flow-refill-row b,.flow-refill-row strong,.flow-refill-row small{display:block}.flow-calendar-refill-list small,.flow-refill-row small{margin-top:3px;color:var(--muted,#607387)}
.page-calendar .flow-agenda-day{overflow:hidden}.page-calendar .flow-agenda-date{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--flow-soft,#f5f8fb);border-bottom:1px solid var(--flow-line,#d7e2ec)}.page-calendar .flow-agenda-event{min-width:0;grid-template-columns:auto auto minmax(0,1fr) auto!important}.page-calendar .flow-agenda-event>div,.page-calendar .flow-agenda-event b,.page-calendar .flow-agenda-event small{min-width:0;overflow-wrap:anywhere}
body.flow-public-page.public-access-high-contrast .flow-kpi,body.flow-public-page.public-access-high-contrast .flow-public-calendar,body.flow-public-page.public-access-high-contrast .flow-customer-calendar,body.flow-public-page.public-access-high-contrast .flow-slot-section,body.flow-public-page.public-access-high-contrast .flow-option-card,body.flow-public-page.public-access-high-contrast .flow-public-info-card,body.flow-public-page.public-access-high-contrast .flow-public-hours{background:#fff!important;color:#000!important;border-color:#000!important}
body.flow-public-page.public-access-high-contrast .flow-kpi *,body.flow-public-page.public-access-high-contrast .flow-public-calendar-head *,body.flow-public-page.public-access-high-contrast .flow-customer-calendar-head *,body.flow-public-page.public-access-high-contrast .flow-option-card>div *,body.flow-public-page.public-access-high-contrast .flow-public-info-card *,body.flow-public-page.public-access-high-contrast .flow-public-hours summary *{color:#000!important}
body.flow-public-page.public-access-high-contrast .btn:not(.secondary):not(.ghost):not(.danger),body.flow-public-page.public-access-high-contrast .flow-public-calendar-grid .day.selected,body.flow-public-page.public-access-high-contrast .flow-customer-calendar-grid .day.selected,body.flow-public-page.public-access-high-contrast .flow-slot-choice input:checked+span,body.flow-public-page.public-access-high-contrast .flow-badge.ok,body.flow-public-page.public-access-high-contrast .flow-badge.warn{background:#000!important;color:#fff!important;border-color:#000!important}
body.flow-public-page.public-access-high-contrast .btn:not(.secondary):not(.ghost):not(.danger) *,body.flow-public-page.public-access-high-contrast .flow-public-calendar-grid .day.selected *,body.flow-public-page.public-access-high-contrast .flow-customer-calendar-grid .day.selected *,body.flow-public-page.public-access-high-contrast .flow-slot-choice input:checked+span *,body.flow-public-page.public-access-high-contrast .flow-badge.ok *,body.flow-public-page.public-access-high-contrast .flow-badge.warn *{color:#fff!important}
body.flow-public-page.public-access-high-contrast .flow-public-calendar-grid .day:not(.selected),body.flow-public-page.public-access-high-contrast .flow-customer-calendar-grid .day:not(.selected){background:#fff!important;color:#000!important;border-color:#000!important}body.flow-public-page.public-access-high-contrast .flow-public-calendar-grid .day:not(.selected) *,body.flow-public-page.public-access-high-contrast .flow-customer-calendar-grid .day:not(.selected) *{color:#000!important}
@media(max-width:820px){.flow-public-options{grid-template-columns:1fr}.flow-public-options .flow-option-card{align-items:stretch;flex-direction:column}.flow-public-options .flow-option-card .btn{width:100%}.flow-calendar-refill-list>article,.flow-refill-row{grid-template-columns:1fr}.flow-calendar-refill-list .flow-actions-tight,.flow-refill-row .flow-actions-tight{justify-content:flex-start}}
@media(max-width:520px){body.flow-public-page .site-content.flow-content,body.flow-public-page .flow-public-aftercare.shell{width:calc(100% - 18px)!important}}

.flow-landing-video-section .flow-section-head.centered{max-width:860px;margin-inline:auto;text-align:center;display:block}.flow-landing-video-section .flow-section-head.centered p{max-width:760px;margin:10px auto 0}.flow-landing-video{width:min(100%,960px);aspect-ratio:16/9;margin:22px auto 0;border:1px solid var(--flow-line,#d7e2ec);border-radius:20px;overflow:hidden;background:#0e1a26;box-shadow:0 18px 42px rgba(12,42,68,.12)}.flow-landing-video iframe{display:block;width:100%;height:100%;border:0}.flow-video-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:30px;color:#fff}.flow-video-placeholder b{font-size:1.25rem}.flow-video-placeholder p{max-width:650px;margin:0;color:#dbe7f2;line-height:1.55}.flow-use-grid-eight{grid-template-columns:repeat(4,minmax(0,1fr))!important}.flow-feature-grid-extended{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media(max-width:980px){.flow-use-grid-eight,.flow-feature-grid-extended{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:620px){.flow-use-grid-eight,.flow-feature-grid-extended{grid-template-columns:1fr!important}.flow-landing-video{border-radius:14px}}

/* FLOW 2.6.16 — display design tiles and real call-screen variants */
.flow-display-design-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.flow-display-mini{display:flex!important;flex-direction:column;gap:7px;min-height:118px;padding:10px}.flow-display-mini .display-mini-head{display:block;width:36%;height:7px;border-radius:999px;background:#7890a5}.flow-display-mini .display-mini-current{display:flex;align-items:center;justify-content:center;flex:1;min-height:44px;border-radius:10px;font-size:1.45rem;font-weight:950;letter-spacing:.05em}.flow-display-mini .display-mini-next{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.flow-display-mini .display-mini-next i{display:block;padding:5px 2px;border-radius:5px;text-align:center;font-style:normal;font-size:.68rem;font-weight:850}
.display-design-preview-midnight .flow-display-mini{background:#071a2a;border-color:#24465d}.display-design-preview-midnight .display-mini-current{background:#102f43;color:#fff}.display-design-preview-midnight .display-mini-next i{background:#14384e;color:#dff2ff}.display-design-preview-light .flow-display-mini{background:#f5f8fb;border-color:#c5d4e0}.display-design-preview-light .display-mini-current{background:#fff;color:#123149;border:1px solid #c9d7e2}.display-design-preview-light .display-mini-next i{background:#eaf1f6;color:#23445b}.display-design-preview-split .flow-display-mini{background:linear-gradient(90deg,#0a2538 0 54%,#edf4f8 54%);border-color:#7794a6}.display-design-preview-split .display-mini-current{width:52%;background:#123d56;color:#fff}.display-design-preview-split .display-mini-next{margin-left:54%;margin-top:-51px;grid-template-columns:1fr}.display-design-preview-split .display-mini-next i{background:#fff;color:#173d54}.display-design-preview-authority .flow-display-mini{background:#fff;border:3px solid #050505;border-radius:2px}.display-design-preview-authority .display-mini-head{background:#050505}.display-design-preview-authority .display-mini-current{background:#050505;color:#fff;border-radius:0}.display-design-preview-authority .display-mini-next i{background:#fff;color:#000;border:2px solid #000;border-radius:0}.display-design-preview-compact .flow-display-mini{background:#102431;border-color:#456070;border-radius:7px}.display-design-preview-compact .display-mini-current{min-height:32px;background:#1b394b;color:#fff;font-size:1.1rem}.display-design-preview-compact .display-mini-next i{background:#24495e;color:#fff;padding:3px 1px}
.flow-display-standalone.display-design-light{background:#eef3f7;color:#102b3e}.display-design-light .flow-display-screen{background:#f7fafc;color:#102b3e}.display-design-light .flow-display-zone,.display-design-light .flow-display-screen-head,.display-design-light .flow-display-screen-foot{background:#fff;border-color:#cbd8e2}.display-design-light .flow-display-call-card,.display-design-light .flow-display-next-card{background:#f0f5f8;color:#102b3e;border-color:#c5d4df}.display-design-light .flow-display-call-card strong,.display-design-light .flow-display-next-card strong{color:#0b2a41}.flow-display-standalone.display-design-authority{background:#fff;color:#000}.display-design-authority .flow-display-screen{background:#fff;color:#000}.display-design-authority .flow-display-zone,.display-design-authority .flow-display-screen-head,.display-design-authority .flow-display-screen-foot,.display-design-authority .flow-display-call-card,.display-design-authority .flow-display-next-card{background:#fff!important;color:#000!important;border:3px solid #000!important;border-radius:0!important;box-shadow:none!important}.display-design-authority .flow-display-call-card strong,.display-design-authority .flow-display-next-card strong,.display-design-authority .flow-display-zone h2,.display-design-authority .flow-display-brand h1{color:#000!important}.display-design-authority .flow-live-pill,.display-design-authority .flow-display-position{background:#000!important;color:#fff!important}.flow-display-standalone.display-design-compact .flow-display-screen{gap:10px;padding:16px}.display-design-compact .flow-display-zone{padding:14px}.display-design-compact .flow-display-call-card strong{font-size:clamp(2rem,7vw,5rem)}.display-design-compact .flow-display-next-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.display-design-compact .flow-display-next-card{padding:10px}.flow-display-standalone.display-design-split .flow-display-screen{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);grid-template-areas:"head head" "now next" "foot foot"}.display-design-split .flow-display-screen-head{grid-area:head}.display-design-split .flow-display-now-zone{grid-area:now}.display-design-split .flow-display-next-zone{grid-area:next}.display-design-split .flow-display-screen-foot{grid-area:foot}.display-design-split .flow-display-next-grid{grid-template-columns:1fr}
@media(max-width:1100px){.flow-display-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-display-standalone.display-design-split .flow-display-screen{display:block}.display-design-split .flow-display-zone{margin-top:12px}}
@media(max-width:650px){.flow-display-design-grid{grid-template-columns:1fr}}

/* FLOW 2.6.16 licence visibility */
.flow-license-warning-strip{display:flex;align-items:center;gap:.55rem;width:100%;box-sizing:border-box;margin:0 0 .8rem;padding:.65rem .85rem;border:1px solid color-mix(in srgb,var(--warning,#d18b00) 38%,transparent);border-radius:12px;background:color-mix(in srgb,var(--warning,#d18b00) 9%,var(--panel,#fff));color:var(--text,#17212b);text-decoration:none;font-size:.9rem;line-height:1.35}.flow-license-warning-strip:hover{border-color:color-mix(in srgb,var(--warning,#d18b00) 65%,transparent)}.flow-license-warning-action{margin-left:auto;font-weight:700;white-space:nowrap}.flow-active-license{display:flex;align-items:center;gap:.2rem;flex-wrap:wrap}.flow-active-license-until{font-weight:600}@media(max-width:680px){.flow-license-warning-strip{align-items:flex-start;flex-wrap:wrap}.flow-license-warning-action{width:100%;margin-left:1.5rem}}

/* FLIRIVO FLOW 2.6.25 · onboarding containment + audited AdminF support mode */
.flow-onboarding-shell{display:grid;gap:18px;margin:30px 0 24px}.flow-onboarding-shell>.flow-panel{margin:0}.flow-onboarding-hero{padding:0!important;overflow:hidden}.flow-onboarding-hero .flow-page-head{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.flow-onboarding-progress .flow-panel-head{padding-bottom:14px;border-bottom:1px solid var(--flow-line)}.flow-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.flow-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;padding:16px;border:1px solid var(--flow-line);border-radius:16px;background:color-mix(in srgb,var(--panel,#fff) 94%,var(--accent,#1268d8) 6%)}.flow-step>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--flow-line);font-weight:900;background:var(--panel,#fff)}.flow-step b{display:block;margin:1px 0 5px}.flow-step p{margin:0;color:var(--flow-muted);line-height:1.5}.flow-step.current{border-color:color-mix(in srgb,var(--accent) 55%,var(--flow-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}.flow-step.current>span{background:var(--accent);border-color:var(--accent);color:#fff}.flow-step.done{border-color:color-mix(in srgb,var(--ok) 40%,var(--flow-line))}.flow-step.done>span{background:var(--ok);border-color:var(--ok);color:#fff}.flow-step.locked{opacity:.68}.flow-onboarding-copy{display:grid;gap:12px}.flow-onboarding-copy>h2,.flow-onboarding-copy>p{margin:0}.flow-onboarding-copy>.flow-actions{margin-top:4px}.flow-onboarding-notice{margin:0}
.flow-support-strip{position:relative;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px auto 0;padding:12px 16px;max-width:min(1440px,calc(100% - 32px));border:1px solid #e1ad31;border-radius:14px;background:#fff8df;color:#503b00;box-shadow:0 10px 30px rgba(89,62,0,.12)}.flow-support-strip>div{display:grid;gap:2px}.flow-support-strip strong{font-size:13px}.flow-support-strip span{font-size:12px;line-height:1.45}.flow-support-strip form{margin:0;flex:0 0 auto}.flow-support-strip .btn{min-height:36px;white-space:nowrap}
@media(max-width:900px){.flow-stepper{grid-template-columns:1fr}.flow-support-strip{align-items:flex-start;flex-direction:column}.flow-support-strip form,.flow-support-strip .btn{width:100%}}


/* FLIRIVO FLOW 2.6.28 · premium calendar grid + system-wide operation colours */
:root{
  --flow-op-appointment:#2563eb;--flow-op-slot:#16a34a;--flow-op-request:#d97706;--flow-op-reservation:#7c3aed;
  --flow-op-waitlist:#db2777;--flow-op-queue:#0891b2;--flow-op-pickup:#ea580c;--flow-op-status:#0f766e;
  --flow-op-exception:#64748b;--flow-op-block:#dc2626
}
.flow-operation-chip{display:inline-flex;align-items:center;gap:6px;width:max-content;margin:0 0 5px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--operation-color,#475569) 25%,var(--flow-line,#d7e2ec));border-radius:999px;background:color-mix(in srgb,var(--operation-soft,#f8fafc) 82%,var(--panel,#fff));color:color-mix(in srgb,var(--operation-color,#475569) 88%,#0f172a);font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.flow-operation-chip i{width:7px;height:7px;border-radius:50%;background:var(--operation-color,#475569);box-shadow:0 0 0 3px color-mix(in srgb,var(--operation-color,#475569) 13%,transparent)}
.flow-operation-record{position:relative;overflow:hidden}.flow-operation-record::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--operation-color,#475569)}.flow-operation-record:hover{border-color:color-mix(in srgb,var(--operation-color,#475569) 35%,var(--flow-line,#d7e2ec));box-shadow:0 12px 30px color-mix(in srgb,var(--operation-color,#475569) 9%,transparent)}.flow-operation-status{border-color:color-mix(in srgb,var(--operation-color,#475569) 32%,var(--flow-line,#d7e2ec))!important;background:color-mix(in srgb,var(--operation-soft,#f8fafc) 88%,var(--panel,#fff))!important;color:color-mix(in srgb,var(--operation-color,#475569) 88%,#111827)!important}.flow-operation-status.negative{--operation-color:#dc2626;--operation-soft:#fef2f2}.flow-operation-status.done{--operation-color:#64748b;--operation-soft:#f8fafc}
/* Matching page accents without changing each workflow page individually. */
body.page-slots .flow-page-head{--flow-page-op:var(--flow-op-slot)}body.page-appointment .flow-page-head{--flow-page-op:var(--flow-op-appointment)}body.page-requests .flow-page-head{--flow-page-op:var(--flow-op-request)}body:is(.page-reservation,.page-reservation_manage) .flow-page-head{--flow-page-op:var(--flow-op-reservation)}body:is(.page-wait_manage,.page-wait_entry) .flow-page-head{--flow-page-op:var(--flow-op-waitlist)}body.page-queue .flow-page-head{--flow-page-op:var(--flow-op-queue)}body.page-pickup .flow-page-head{--flow-page-op:var(--flow-op-pickup)}body.page-status .flow-page-head{--flow-page-op:var(--flow-op-status)}body.page-calendar .flow-page-head{--flow-page-op:#2563eb}body:is(.page-slots,.page-appointment,.page-requests,.page-reservation,.page-reservation_manage,.page-wait_manage,.page-wait_entry,.page-queue,.page-pickup,.page-status,.page-calendar) .flow-page-head{position:relative;overflow:hidden}body:is(.page-slots,.page-appointment,.page-requests,.page-reservation,.page-reservation_manage,.page-wait_manage,.page-wait_entry,.page-queue,.page-pickup,.page-status,.page-calendar) .flow-page-head::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--flow-page-op,#2563eb)}

.page-calendar .flow-calendar-grid-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;border:1px solid var(--flow-line,#d7e2ec);border-radius:10px;background:var(--flow-soft,#f5f8fb);font-size:12px;font-weight:900;white-space:nowrap}.page-calendar .flow-calendar-legend-item{border:1px solid color-mix(in srgb,var(--operation-color) 25%,var(--flow-line,#d7e2ec));background:color-mix(in srgb,var(--operation-soft) 86%,var(--panel,#fff));color:color-mix(in srgb,var(--operation-color) 82%,var(--text,#17212b))}.page-calendar .flow-calendar-legend-item>i{background:var(--operation-color)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--operation-color) 12%,transparent)}
.page-calendar .flow-cal-event{border-left-color:var(--event-color)!important;background:color-mix(in srgb,var(--event-soft,#eff6ff) 90%,var(--panel,#fff))!important;color:var(--text,#17212b)!important;box-shadow:0 2px 8px color-mix(in srgb,var(--event-color) 8%,transparent)}.page-calendar .flow-cal-event:hover{box-shadow:0 8px 18px color-mix(in srgb,var(--event-color) 16%,transparent);transform:translateY(-1px)}.page-calendar .flow-cal-event.visual-negative{--event-color:#dc2626!important;--event-soft:#fef2f2!important}.page-calendar .flow-cal-event.visual-done{opacity:.72}
.page-calendar .flow-agenda-event{border-left:4px solid var(--operation-color,#475569);background:linear-gradient(90deg,color-mix(in srgb,var(--operation-soft,#f8fafc) 84%,var(--panel,#fff)),var(--panel,#fff) 52%)}.page-calendar .flow-agenda-event:hover{background:color-mix(in srgb,var(--operation-soft,#f8fafc) 76%,var(--panel,#fff));border-color:var(--operation-color,#475569)}

/* Month view with ISO calendar week column. */
.page-calendar .flow-calendar-month-with-week{grid-template-columns:58px repeat(7,minmax(0,1fr))!important}.page-calendar .flow-cal-weeknumber-head{font-size:10px!important;letter-spacing:.08em}.page-calendar .flow-cal-weeknumber{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:150px;border-right:1px solid var(--flow-line,#d7e2ec);border-bottom:1px solid var(--flow-line,#d7e2ec);background:color-mix(in srgb,var(--flow-soft,#f5f8fb) 90%,var(--panel,#fff));color:var(--muted,#607387)}.page-calendar .flow-cal-weeknumber span{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-calendar .flow-cal-weeknumber b{font-size:17px;color:var(--text,#17212b)}.page-calendar .flow-calendar-month-with-week>.flow-cal-day:nth-child(8n){border-right:0!important}.page-calendar .flow-calendar-month-with-week>.flow-cal-weekday:nth-child(8){border-right:0!important}.page-calendar .flow-cal-day.closed-day{background:color-mix(in srgb,var(--flow-soft,#f5f8fb) 90%,var(--panel,#fff));opacity:.72}

/* Premium week/day time grid. Real duration maps directly to vertical height. */
.page-calendar .flow-timegrid-frame{padding:0!important;overflow:hidden}.flow-timegrid-shell{min-width:1120px;background:var(--panel,#fff)}.flow-timegrid-shell.is-day{min-width:620px}.flow-timegrid-head{position:sticky;top:0;z-index:18;display:grid;grid-template-columns:72px repeat(var(--day-count),minmax(150px,1fr));border-bottom:1px solid var(--flow-line,#d7e2ec);background:color-mix(in srgb,var(--panel,#fff) 96%,transparent);backdrop-filter:blur(12px)}.flow-timegrid-corner{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:66px;padding:8px;border-right:1px solid var(--flow-line,#d7e2ec);background:color-mix(in srgb,var(--flow-soft,#f5f8fb) 86%,var(--panel,#fff))}.flow-timegrid-corner b{font-size:13px}.flow-timegrid-corner small{margin-top:2px;color:var(--muted,#607387);font-size:10px;font-weight:800}.flow-timegrid-day-head{min-width:0;border-right:1px solid var(--flow-line,#d7e2ec)}.flow-timegrid-day-head:last-child{border-right:0}.flow-timegrid-day-head>a{display:grid;grid-template-columns:auto 1fr;gap:1px 8px;align-content:center;min-height:66px;padding:9px 12px;color:inherit;text-decoration:none}.flow-timegrid-day-head span{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#607387)}.flow-timegrid-day-head b{font-size:16px}.flow-timegrid-day-head small{grid-column:1/-1;color:var(--muted,#607387);font-size:10px}.flow-timegrid-day-head.today{background:color-mix(in srgb,#2563eb 7%,var(--panel,#fff));box-shadow:inset 0 -2px #2563eb}
.flow-timegrid-body{display:grid;grid-template-columns:72px repeat(var(--day-count),minmax(150px,1fr));align-items:start}.flow-timegrid-axis,.flow-timegrid-slots{display:grid;grid-template-rows:repeat(var(--time-rows),var(--slot-height))}.flow-timegrid-axis{background:color-mix(in srgb,var(--flow-soft,#f5f8fb) 86%,var(--panel,#fff));border-right:1px solid var(--flow-line,#d7e2ec)}.flow-timegrid-axis-tick{position:relative;border-bottom:1px solid color-mix(in srgb,var(--flow-line,#d7e2ec) 65%,transparent)}.flow-timegrid-axis-tick.major{border-bottom-color:color-mix(in srgb,var(--flow-line,#d7e2ec) 125%,#94a3b8)}.flow-timegrid-axis-tick.half{border-bottom-style:dashed}.flow-timegrid-axis-tick span{position:absolute;right:9px;top:-8px;padding:1px 3px;background:color-mix(in srgb,var(--flow-soft,#f5f8fb) 94%,var(--panel,#fff));color:var(--muted,#607387);font-size:10px;font-weight:850;font-variant-numeric:tabular-nums}.flow-timegrid-day-column{position:relative;min-width:0;border-right:1px solid var(--flow-line,#d7e2ec);background:var(--panel,#fff)}.flow-timegrid-day-column:last-child{border-right:0}.flow-timegrid-day-column.today{background:color-mix(in srgb,#2563eb 2.5%,var(--panel,#fff))}.flow-timegrid-day-column.closed-day{background:color-mix(in srgb,var(--flow-soft,#f5f8fb) 80%,var(--panel,#fff))}.flow-timegrid-slot{border-bottom:1px solid color-mix(in srgb,var(--flow-line,#d7e2ec) 58%,transparent);transition:background .12s ease}.flow-timegrid-slot.major{border-bottom-color:color-mix(in srgb,var(--flow-line,#d7e2ec) 110%,#94a3b8)}.flow-timegrid-slot.half{border-bottom-style:dashed}.flow-timegrid-slot.outside-hours{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--flow-soft,#f5f8fb) 74%,transparent) 0 6px,transparent 6px 12px)}.flow-timegrid-slot.flow-calendar-drop-active{background:color-mix(in srgb,#2563eb 13%,var(--panel,#fff));box-shadow:inset 0 0 0 2px color-mix(in srgb,#2563eb 55%,transparent)}.flow-timegrid-events{position:absolute;inset:0;pointer-events:none}.flow-time-event{position:absolute;z-index:4;box-sizing:border-box;overflow:hidden;padding:4px 6px;border:1px solid color-mix(in srgb,var(--event-color) 35%,transparent);border-left:4px solid var(--event-color);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--event-soft) 94%,var(--panel,#fff)),color-mix(in srgb,var(--event-color) 7%,var(--panel,#fff)));color:var(--text,#17212b);text-decoration:none;box-shadow:0 3px 10px color-mix(in srgb,var(--event-color) 10%,transparent);pointer-events:auto;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.flow-time-event:hover,.flow-time-event:focus-visible{z-index:12;transform:translateY(-1px);border-color:color-mix(in srgb,var(--event-color) 65%,transparent);box-shadow:0 10px 24px color-mix(in srgb,var(--event-color) 22%,transparent);outline:none}.flow-time-event-main{display:flex;align-items:center;gap:5px;min-width:0}.flow-time-event time{flex:0 0 auto;font-size:9px;font-weight:950;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--event-color) 88%,#0f172a)}.flow-time-event b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.15}.flow-time-event>small,.flow-time-event>em{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;line-height:1.15;color:var(--muted,#607387);font-style:normal}.flow-time-event.compact{padding:3px 5px}.flow-time-event.compact>small,.flow-time-event.compact>em{display:none}.flow-time-event.micro{display:flex;align-items:center;padding-block:1px}.flow-time-event.micro time{display:none}.flow-time-event.visual-pending{border-style:dashed;border-left-style:solid}.flow-time-event.visual-negative{--event-color:#dc2626!important;--event-soft:#fef2f2!important}.flow-time-event.visual-done{opacity:.7}.flow-time-event.draggable{cursor:grab}.flow-time-event.draggable:active{cursor:grabbing}
.flow-time-overflow{position:absolute;z-index:8;height:26px;pointer-events:auto}.flow-time-overflow>summary{display:grid;place-items:center;height:26px;border:1px solid color-mix(in srgb,#475569 28%,var(--flow-line,#d7e2ec));border-radius:8px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#334155;font-size:10px;font-weight:950;cursor:pointer;list-style:none;box-shadow:0 3px 10px rgba(15,23,42,.08)}.flow-time-overflow>summary::-webkit-details-marker{display:none}.flow-time-overflow-pop{display:none;position:absolute;z-index:30;top:30px;right:0;width:min(340px,70vw);max-height:320px;overflow:auto;padding:10px;border:1px solid var(--flow-line,#d7e2ec);border-radius:12px;background:var(--panel,#fff);box-shadow:0 18px 48px rgba(15,23,42,.22)}.flow-time-overflow[open] .flow-time-overflow-pop,.flow-time-overflow:hover .flow-time-overflow-pop,.flow-time-overflow:focus-within .flow-time-overflow-pop{display:grid;gap:4px}.flow-time-overflow-pop>strong{padding:3px 5px 7px;font-size:11px}.flow-time-overflow-pop>a{display:grid;grid-template-columns:8px 42px minmax(0,1fr);gap:7px;align-items:center;padding:7px 6px;border-radius:8px;color:inherit;text-decoration:none;font-size:10px}.flow-time-overflow-pop>a:hover{background:var(--flow-soft,#f5f8fb)}.flow-time-overflow-pop>a i{width:8px;height:8px;border-radius:50%}.flow-time-overflow-pop>a time{font-weight:900;font-variant-numeric:tabular-nums}.flow-time-overflow-pop>a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-time-now-line{position:absolute;left:0;right:0;z-index:16;height:2px;background:#ef4444;pointer-events:none;box-shadow:0 0 0 1px rgba(255,255,255,.65)}.flow-time-now-line::before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:#ef4444}.flow-time-now-line>span{position:absolute;right:4px;top:-10px;padding:2px 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:8px;font-weight:950;font-variant-numeric:tabular-nums}
html[data-theme="light"] .flow-time-event{color:#17212b}html[data-theme="dark"] .flow-time-event{background:color-mix(in srgb,var(--event-color) 18%,#0b1b27);color:#eff7fb;border-color:color-mix(in srgb,var(--event-color) 55%,#223748)}html[data-theme="dark"] .flow-time-event time{color:color-mix(in srgb,var(--event-color) 45%,#fff)}html[data-theme="dark"] .flow-time-overflow>summary{background:#132635;color:#e7f0f6;border-color:#304659}html[data-theme="dark"] .flow-time-overflow-pop{background:#0e202d}
@media(max-width:1180px){.page-calendar .flow-timegrid-frame{overflow-x:auto}.flow-timegrid-shell{min-width:1040px}.flow-timegrid-shell.is-day{min-width:600px}}
@media(max-width:720px){.flow-timegrid-shell.is-day{min-width:520px}.flow-timegrid-head,.flow-timegrid-body{grid-template-columns:58px repeat(var(--day-count),minmax(145px,1fr))}.flow-timegrid-corner{min-height:58px}.flow-timegrid-day-head>a{min-height:58px;padding:7px 9px}.flow-timegrid-axis-tick span{right:6px;font-size:9px}.page-calendar .flow-calendar-month-with-week{min-width:840px!important;grid-template-columns:46px repeat(7,minmax(0,1fr))!important}.page-calendar .flow-cal-weeknumber{min-height:132px}.flow-calendar-grid-badge{order:2}}

/* ============================================================
   FLIRIVO FLOW 2.6.29 – premium public display / kiosk polish
   Fixed-screen layout: public call displays must fit without page scrolling.
   ============================================================ */
body.flow-display-standalone{
  width:100vw;height:100vh;height:100dvh;min-height:0;overflow:hidden!important;
}
.flow-display-screen{
  position:relative;box-sizing:border-box;width:100%;max-width:none;height:100vh;height:100dvh;min-height:0;margin:0;
  padding:clamp(10px,1.35vw,24px);gap:clamp(8px,1vw,16px);
  display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr) auto!important;
  grid-template-areas:"head" "stage" "foot"!important;overflow:hidden;
}
.flow-display-screen-head{grid-area:head;min-height:0;padding:clamp(10px,1.15vw,18px) clamp(12px,1.35vw,22px);border-radius:clamp(14px,1.5vw,22px)}
.flow-display-stage{
  grid-area:stage;min-width:0;min-height:0;display:grid;gap:clamp(8px,1vw,16px);
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);grid-template-rows:minmax(0,1fr);
  grid-template-areas:"now next";overflow:hidden;
}
.flow-display-stage.has-orientation{
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);grid-template-rows:minmax(0,.88fr) minmax(0,1.12fr);
  grid-template-areas:"now next" "now orientation";
}
.flow-display-now-zone{grid-area:now}.flow-display-next-zone{grid-area:next}
.flow-display-zone{
  min-width:0;min-height:0;box-sizing:border-box;padding:clamp(11px,1.2vw,20px);border-radius:clamp(16px,1.7vw,24px);
  display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;
}
.flow-display-zone-head{min-height:0;margin-bottom:clamp(7px,.75vw,12px)}
.flow-display-zone-head h2{font-size:clamp(20px,2.35vw,40px)}
.flow-display-current-grid,.flow-display-next-grid{height:100%;min-height:0;overflow:hidden;align-content:stretch;grid-auto-rows:minmax(0,1fr)}
.flow-display-current-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:clamp(7px,.75vw,12px)}
.flow-display-call-card{box-sizing:border-box;min-height:0!important;height:100%;padding:clamp(10px,1.2vw,18px);border-radius:clamp(14px,1.45vw,22px);overflow:hidden}
.flow-display-call-card strong{font-size:clamp(42px,7.2vw,124px);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.flow-display-call-card small{font-size:clamp(13px,1.35vw,21px);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flow-display-next-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,.65vw,10px)}
.flow-display-next-card{box-sizing:border-box;min-height:0;height:100%;padding:clamp(8px,.8vw,12px);grid-template-columns:clamp(34px,3.25vw,48px) minmax(0,1fr);overflow:hidden}
.flow-display-next-card strong{font-size:clamp(20px,2.35vw,36px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flow-display-next-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flow-display-position{width:clamp(32px,3vw,44px);height:clamp(32px,3vw,44px)}
.flow-display-screen-foot{grid-area:foot;min-height:0;padding:clamp(7px,.75vw,12px) clamp(10px,1.2vw,18px);overflow:hidden}
.flow-display-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-display-powered{flex:0 0 auto}
.flow-display-updated strong{font:inherit;color:inherit;font-weight:900;font-variant-numeric:tabular-nums}

/* Wayfinding is part of the real live display, not only the admin preview. */
.flow-display-orientation{
  grid-area:orientation;box-sizing:border-box;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);
  gap:8px;padding:clamp(9px,.9vw,14px);overflow:hidden;border:1px solid rgba(126,188,231,.18);border-radius:clamp(14px,1.5vw,22px);background:rgba(8,29,44,.75);
}
.flow-display-orientation-head{display:flex;align-items:center;gap:10px;min-width:0}.flow-display-orientation-head>span{font-size:clamp(22px,2.2vw,34px);color:#72baf1}.flow-display-orientation-head div{min-width:0}.flow-display-orientation-head small{display:block;color:#72baf1;font-size:10px;font-weight:950;letter-spacing:.12em}.flow-display-orientation-head b{display:block;color:#fff;font-size:clamp(14px,1.25vw,20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flow-display-orientation.has-floorplan>p{display:none}.flow-display-orientation.location-only>p{align-self:center;margin:0;padding:clamp(10px,1vw,16px);border-radius:10px;background:rgba(255,255,255,.05);color:#d6e5ee;font-size:clamp(15px,1.4vw,22px);font-weight:800;text-align:center}.flow-display-orientation .flow-display-route{display:none!important}
.flow-display-orientation .flow-public-floorplan{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:5px;overflow:hidden;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.flow-display-orientation .flow-public-floorplan-title{margin:0;color:#a9c6d9}.flow-display-orientation .flow-public-floorplan-title b,.flow-display-orientation .flow-public-floorplan-title span{color:inherit}
.flow-display-orientation .flow-floorplan-public-canvas{min-height:0!important;height:100%!important;aspect-ratio:auto!important;border-radius:11px}

/* New-call attention without turning the screen into a permanent alarm. */
@keyframes flowDisplayNewCallPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(47,216,148,0)}12%{transform:scale(1.012);box-shadow:0 0 0 6px rgba(47,216,148,.58),0 0 42px rgba(47,216,148,.32)}32%{transform:scale(1);box-shadow:0 0 0 2px rgba(47,216,148,.8)}55%{box-shadow:0 0 0 5px rgba(47,216,148,.38)}80%{box-shadow:0 0 0 2px rgba(47,216,148,.7)}}
@keyframes flowDisplayNewFrame{0%,100%{opacity:0}10%,38%,66%{opacity:1}24%,52%,80%{opacity:.22}}
.flow-display-call-card.is-new-call{position:relative;z-index:2;border-color:#34d399!important;animation:flowDisplayNewCallPulse 1.35s ease-in-out 3}
.flow-display-screen.has-new-call:after{content:"";position:fixed;z-index:50;pointer-events:none;inset:7px;border:5px solid #34d399;border-radius:18px;animation:flowDisplayNewFrame 1.35s ease-in-out 3}

/* Light design: every inherited dark-theme text token gets an explicit readable value. */
.flow-display-standalone.display-design-light{background:#e8eef4!important;color:#10263a!important}
.display-design-light .flow-display-screen{background:linear-gradient(145deg,#edf3f8,#f8fbfd 55%,#e8f0f6)!important;color:#10263a!important}
.display-design-light .flow-display-screen-head,.display-design-light .flow-display-zone,.display-design-light .flow-display-screen-foot,.display-design-light .flow-display-orientation{background:#fff!important;color:#10263a!important;border-color:#b9c8d4!important;box-shadow:0 12px 34px rgba(39,68,91,.10)!important}
.display-design-light .flow-display-brand span,.display-design-light .flow-display-eyebrow,.display-design-light .flow-display-updated,.display-design-light .flow-display-metric small,.display-design-light .flow-display-clock small,.display-design-light .flow-display-powered,.display-design-light .flow-display-note,.display-design-light .flow-display-next-card small{color:#425f75!important}
.display-design-light .flow-display-brand h1,.display-design-light .flow-display-zone h2,.display-design-light .flow-display-metric strong,.display-design-light .flow-display-clock strong,.display-design-light .flow-display-call-card strong,.display-design-light .flow-display-next-card strong,.display-design-light .flow-display-orientation-head b{color:#071f33!important}
.display-design-light .flow-display-call-card{background:linear-gradient(145deg,#e5f2ff,#f4f9fd)!important;border-color:#8eb7d6!important;color:#071f33!important}
.display-design-light .flow-display-call-card small,.display-design-light .flow-display-queue-label{color:#173f5d!important}.display-design-light .flow-display-queue-label{background:#d8eafa!important}
.display-design-light .flow-display-next-card{background:#f5f8fa!important;color:#071f33!important;border-color:#c1ced8!important}
.display-design-light .flow-display-position{background:#0e5e9f!important;color:#fff!important}.display-design-light .flow-live-pill{background:#e7f8ef!important;color:#12613f!important;border-color:#7dcca7!important}
.display-design-light .flow-display-language{background:#eef4f8!important;border-color:#bdccd7!important}.display-design-light .flow-display-language a{color:#173c57!important}.display-design-light .flow-display-language a:hover{background:#dae8f2!important;color:#092a43!important}.display-design-light .flow-display-language a.active{background:#0d5e9f!important;color:#fff!important}
.display-design-light .flow-display-empty{background:#f4f7fa!important;color:#3d596d!important;border-color:#c6d1da!important}.display-design-light .flow-display-orientation.location-only>p{background:#eef4f8!important;color:#10263a!important}.display-design-light .flow-display-orientation-head>span,.display-design-light .flow-display-orientation-head small{color:#155f96!important}.display-design-light .flow-display-orientation .flow-public-floorplan-title{color:#294b63!important}

/* Authority: formal, high-contrast and still visually premium. */
.flow-display-standalone.display-design-authority{background:#e8eaed!important;color:#111!important}
.display-design-authority .flow-display-screen{background:#f2f3f5!important;color:#111!important}
.display-design-authority .flow-display-screen-head{background:#071d33!important;color:#fff!important;border:2px solid #071d33!important;border-radius:10px!important;box-shadow:none!important}
.display-design-authority .flow-display-brand h1,.display-design-authority .flow-display-brand span,.display-design-authority .flow-display-metric strong,.display-design-authority .flow-display-clock strong{color:#fff!important}.display-design-authority .flow-display-metric small,.display-design-authority .flow-display-clock small{color:#d8e4ed!important}
.display-design-authority .flow-display-language{background:#fff!important;border:2px solid #fff!important;border-radius:7px!important}.display-design-authority .flow-display-language a{color:#071d33!important;border-radius:4px!important}.display-design-authority .flow-display-language a.active{background:#ffd52a!important;color:#111!important;box-shadow:none!important}
.display-design-authority .flow-display-zone,.display-design-authority .flow-display-orientation{background:#fff!important;color:#111!important;border:2px solid #172533!important;border-radius:10px!important;box-shadow:none!important}
.display-design-authority .flow-display-zone h2,.display-design-authority .flow-display-next-card strong,.display-design-authority .flow-display-orientation-head b{color:#111!important}.display-design-authority .flow-display-eyebrow,.display-design-authority .flow-display-updated,.display-design-authority .flow-display-next-card small,.display-design-authority .flow-display-note,.display-design-authority .flow-display-powered{color:#26394a!important}
.display-design-authority .flow-display-call-card{background:#071d33!important;color:#fff!important;border:3px solid #071d33!important;border-radius:8px!important;box-shadow:none!important}.display-design-authority .flow-display-call-card strong,.display-design-authority .flow-display-call-card small,.display-design-authority .flow-display-queue-label{color:#fff!important}.display-design-authority .flow-display-queue-label{background:#173e60!important;border:1px solid #bcd4e5!important;border-radius:4px!important}
.display-design-authority .flow-display-next-card{background:#fff!important;color:#111!important;border:2px solid #7e8b95!important;border-radius:7px!important;box-shadow:none!important}.display-design-authority .flow-display-position{background:#071d33!important;color:#fff!important;border-radius:4px!important}.display-design-authority .flow-live-pill{background:#ffd52a!important;color:#111!important;border:2px solid #111!important;border-radius:4px!important}.display-design-authority .flow-live-pill i{background:#111!important;box-shadow:none!important}
.display-design-authority .flow-display-screen-foot{background:#071d33!important;color:#fff!important;border:0!important;border-radius:8px!important}.display-design-authority .flow-display-screen-foot .flow-display-note,.display-design-authority .flow-display-screen-foot .flow-display-powered{color:#fff!important}
.display-design-authority .flow-display-orientation-head>span,.display-design-authority .flow-display-orientation-head small{color:#071d33!important}.display-design-authority .flow-display-orientation .flow-public-floorplan-title{color:#111!important}.display-design-authority .flow-display-orientation .flow-floorplan-public-canvas{border:2px solid #111!important}
.display-design-authority .flow-display-empty{background:#f3f3f3!important;color:#111!important;border:2px dashed #555!important}.display-design-authority .flow-display-orientation.location-only>p{background:#fff!important;color:#111!important;border:2px solid #111!important}.display-design-authority .flow-display-call-card.is-new-call{border-color:#ffd52a!important;animation:flowDisplayAuthorityNew 1.2s ease-in-out 3}@keyframes flowDisplayAuthorityNew{0%,100%{outline:0 solid #ffd52a}25%,70%{outline:7px solid #ffd52a;outline-offset:-2px}}
.display-design-authority.flow-display-standalone .flow-display-screen.has-new-call:after{border-color:#ffd52a;border-width:7px;border-radius:8px}

/* Existing split/compact styles now operate inside the stage wrapper. */
.flow-display-standalone.display-design-split .flow-display-screen{grid-template-columns:1fr!important;grid-template-areas:"head" "stage" "foot"!important}.display-design-split .flow-display-stage{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)}.display-design-split .flow-display-stage.has-orientation{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}
.display-design-compact .flow-display-screen{gap:7px!important;padding:9px!important}.display-design-compact .flow-display-stage{gap:7px}.display-design-compact .flow-display-zone{padding:9px!important}.display-design-compact .flow-display-call-card strong{font-size:clamp(36px,6vw,92px)}.display-design-compact .flow-display-next-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* 720p/short monitor safety: scale chrome down before ever allowing scrolling. */
@media(max-height:760px){
  .flow-display-screen{padding:7px;gap:6px}.flow-display-screen-head{padding:7px 10px}.flow-display-brand img{width:46px;height:46px}.flow-display-brand h1{font-size:clamp(18px,2vw,30px)}.flow-display-brand span{font-size:10px}.flow-display-metric,.flow-display-clock{min-width:88px;padding:6px 9px}.flow-display-metric strong,.flow-display-clock strong{font-size:clamp(21px,2.4vw,33px)}.flow-display-language{padding:3px;min-width:88px}.flow-display-language a{min-height:32px;padding:3px 6px}.flow-display-zone{padding:8px}.flow-display-zone-head{margin-bottom:5px}.flow-display-zone-head h2{font-size:clamp(18px,2vw,30px)}.flow-display-eyebrow{font-size:9px}.flow-display-call-card{padding:7px}.flow-display-call-card strong{font-size:clamp(36px,6.4vw,96px)}.flow-display-next-card{padding:6px 8px}.flow-display-next-card strong{font-size:clamp(18px,2vw,29px)}.flow-display-screen-foot{padding:5px 9px}.flow-display-powered img{width:21px;height:21px}.flow-display-powered{font-size:10px}.flow-display-note{font-size:12px}.flow-display-orientation{padding:7px;gap:4px}.flow-display-orientation .flow-public-floorplan-title{font-size:10px}
}
@media(max-width:900px){
  .flow-display-stage,.flow-display-stage.has-orientation{grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr)}
  .flow-display-next-grid{grid-template-columns:1fr}.flow-display-powered span{display:none}
}

/* ============================================================
   FLIRIVO FLOW 2.6.30 – display management + queue call escalation
   ============================================================ */

/* Display management: compact, readable command-center cards. */
.flow-display-management-panel>.flow-panel-head{align-items:flex-end}.flow-display-management-panel>.flow-panel-head small{display:block;margin-top:5px;color:var(--muted,#6b7f90)}
.flow-display-admin-card{position:relative;overflow:hidden;padding:0;border-radius:22px;border:1px solid color-mix(in srgb,var(--flow-line,#d8e3ee) 86%,#2d8dd7 14%);box-shadow:0 18px 52px rgba(24,55,84,.10)}
.flow-display-admin-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#a6b3bd}.flow-display-admin-card.is-active:before{background:#16a36a}.flow-display-admin-card.is-paused:before{background:#d28b15}
.flow-display-admin-card-head{padding:18px 20px 15px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel,#fff) 96%,#dceeff 4%),color-mix(in srgb,var(--panel,#fff) 98%,#eef8ff 2%));border-bottom:1px solid var(--flow-line,#dce6ee)}
.flow-display-admin-title{min-width:0}.flow-display-admin-statusline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.flow-display-theme-pill{display:inline-flex;align-items:center;min-height:27px;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--panel,#fff) 86%,#2987cc 14%);border:1px solid color-mix(in srgb,var(--flow-line,#d8e3ee) 76%,#2987cc 24%);color:var(--text,#1d3040);font-size:11px;font-weight:850}
.flow-display-admin-card-head h3{margin:9px 0 6px;font-size:clamp(19px,1.7vw,25px)}.flow-display-admin-meta{display:flex;flex-wrap:wrap;gap:7px}.flow-display-admin-meta>span{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border-radius:9px;background:color-mix(in srgb,var(--panel,#fff) 91%,#8db8d8 9%);border:1px solid var(--flow-line,#dce6ee);color:var(--muted,#62798c);font-size:11px}.flow-display-admin-meta b{color:var(--text,#193047)}
.flow-display-primary-actions{align-self:center}.flow-display-admin-preview-shell{margin:15px 18px 0;padding:12px;border:1px solid var(--flow-line,#dce6ee);border-radius:18px;background:color-mix(in srgb,var(--panel,#fff) 96%,#dfefff 4%)}.flow-display-admin-preview-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 2px 9px}.flow-display-admin-preview-head>span{font-size:10px;font-weight:950;letter-spacing:.12em;color:#3482ba}.flow-display-admin-preview-head small{color:var(--muted,#6b7f90)}
.flow-display-admin-card .flow-display-config{margin:14px 18px 0}.flow-display-admin-card .flow-display-admin-actions{margin:14px 18px 18px}

/* Live preview inside displays.php. This intentionally does not reuse the
   fullscreen display geometry; it is a compact, self-contained monitor card. */
.flow-display-preview-frame{display:grid;gap:10px;min-width:0;padding:12px;border-radius:15px;background:#081b29;color:#edf8ff;border:1px solid #28475e;overflow:hidden}
.flow-display-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.flow-display-preview-head>div{min-width:0}.flow-display-preview-head small{display:block;color:#8eb6d0;font-size:10px;font-weight:800}.flow-display-preview-head b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.flow-display-preview-head>span{flex:0 0 auto;padding:6px 9px;border-radius:10px;background:#102d42;color:#cce5f7;font-size:11px}.flow-display-preview-head>span strong{color:#fff;font-size:16px}
.flow-display-preview-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:9px;min-width:0}.flow-display-preview-body>section{min-width:0;padding:10px;border:1px solid #26465e;border-radius:12px;background:#0d2536}.flow-display-preview-body>section>small{display:block;margin-bottom:7px;color:#7fb8df;font-size:9px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.flow-display-preview-current{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:7px}.flow-display-preview-current>article{display:grid;align-content:center;justify-items:center;gap:2px;min-width:0;min-height:82px;padding:8px;border:2px solid #24557b;border-radius:10px;background:#10334d}.flow-display-preview-current strong{display:block;max-width:100%;color:#fff;font-size:clamp(23px,3.1vw,42px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:clip}.flow-display-preview-current small,.flow-display-preview-current em{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b7d2e4;font-size:10px;font-style:normal}.flow-display-preview-current span{display:inline-flex;padding:2px 6px;border-radius:999px;background:#071a28;color:#d3e9f7;font-size:9px;font-weight:900;font-variant-numeric:tabular-nums}
.flow-display-preview-next{display:grid;gap:5px}.flow-display-preview-next>article{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:6px 7px;border-radius:8px;background:#102e43;border:1px solid #294d66}.flow-display-preview-next>article>i{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#1f6fa9;color:#fff;font-size:10px;font-style:normal;font-weight:900}.flow-display-preview-next>article div{min-width:0}.flow-display-preview-next strong{display:block;color:#fff;font-size:15px;line-height:1.05}.flow-display-preview-next small{display:block;margin-top:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a8c6d9;font-size:9px}.flow-display-preview-note{padding:8px 10px;border-radius:10px;background:#102c40;color:#d3e8f5;font-size:11px}
.flow-display-preview-frame.design-light{background:#f4f8fb;color:#10283c;border-color:#b9cad6}.flow-display-preview-frame.design-light .flow-display-preview-body>section{background:#fff;border-color:#c4d4df}.flow-display-preview-frame.design-light .flow-display-preview-head small,.flow-display-preview-frame.design-light .flow-display-preview-body>section>small{color:#356783}.flow-display-preview-frame.design-light .flow-display-preview-head b,.flow-display-preview-frame.design-light .flow-display-preview-current strong,.flow-display-preview-frame.design-light .flow-display-preview-next strong{color:#10283c}.flow-display-preview-frame.design-light .flow-display-preview-head>span,.flow-display-preview-frame.design-light .flow-display-preview-note{background:#e3edf4;color:#193b54}.flow-display-preview-frame.design-light .flow-display-preview-current>article{background:#eaf3f9;border-color:#73a2c0}.flow-display-preview-frame.design-light .flow-display-preview-current small,.flow-display-preview-frame.design-light .flow-display-preview-current em,.flow-display-preview-frame.design-light .flow-display-preview-next small{color:#45677c}.flow-display-preview-frame.design-light .flow-display-preview-next>article{background:#f4f7f9;border-color:#c5d2dc}
.flow-display-preview-frame.design-authority{background:#f0f1f3;color:#111;border:2px solid #071d33;border-radius:8px}.flow-display-preview-frame.design-authority .flow-display-preview-head{padding:7px 9px;background:#071d33;color:#fff;border-radius:4px}.flow-display-preview-frame.design-authority .flow-display-preview-head small,.flow-display-preview-frame.design-authority .flow-display-preview-head b{color:#fff}.flow-display-preview-frame.design-authority .flow-display-preview-head>span{background:#ffd52a;color:#111;border-radius:3px}.flow-display-preview-frame.design-authority .flow-display-preview-body>section{background:#fff;border:2px solid #263746;border-radius:5px}.flow-display-preview-frame.design-authority .flow-display-preview-body>section>small{color:#071d33}.flow-display-preview-frame.design-authority .flow-display-preview-current>article{background:#071d33;border-color:#071d33;border-radius:4px}.flow-display-preview-frame.design-authority .flow-display-preview-next>article{background:#fff;border:1px solid #6d7d88;border-radius:3px}.flow-display-preview-frame.design-authority .flow-display-preview-next strong{color:#111}.flow-display-preview-frame.design-authority .flow-display-preview-next small{color:#344858}.flow-display-preview-frame.design-authority .flow-display-preview-next>article>i{background:#071d33;border-radius:2px}.flow-display-preview-frame.design-authority .flow-display-preview-note{background:#071d33;color:#fff;border-radius:3px}
@media(max-width:860px){.flow-display-preview-body{grid-template-columns:1fr}.flow-display-admin-card-head{display:grid}.flow-display-primary-actions{justify-content:flex-start}}

/* Ticket numbers are never abbreviated on a public display. JS scales the
   font first; if an unusually long code still needs more room it wraps rather
   than falling back to an ellipsis. */
.flow-display-ticket-code,.flow-display-next-ticket{display:block;width:100%;max-width:100%;text-align:center;font-variant-numeric:tabular-nums;overflow:visible!important;text-overflow:clip!important}.flow-display-next-ticket{text-align:left}.flow-display-ticket-code.is-wrapped-ticket,.flow-display-next-ticket.is-wrapped-ticket{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;line-height:1!important}

/* Call escalation shown on display.php and the compact admin preview. */
@keyframes flowQueueUrgentBlink{0%,100%{border-color:#ef3340;box-shadow:0 0 0 2px rgba(239,51,64,.20),0 0 24px rgba(239,51,64,.16)}50%{border-color:#ff7881;box-shadow:0 0 0 7px rgba(239,51,64,.60),0 0 42px rgba(239,51,64,.40)}}
.flow-display-call-card.queue-stage-yellow,.flow-display-preview-current>article.queue-stage-yellow{border-color:#f4c430!important;box-shadow:0 0 0 3px rgba(244,196,48,.18),0 0 28px rgba(244,196,48,.14)!important}
.flow-display-call-card.queue-stage-red,.flow-display-preview-current>article.queue-stage-red{border-color:#ef3340!important;box-shadow:0 0 0 4px rgba(239,51,64,.28),0 0 32px rgba(239,51,64,.20)!important}
.flow-display-call-card.queue-stage-blink,.flow-display-preview-current>article.queue-stage-blink{border-width:4px!important;animation:flowQueueUrgentBlink .82s ease-in-out infinite!important}
.flow-display-call-card.queue-stage-serving{border-color:#28b77a!important;box-shadow:0 0 0 2px rgba(40,183,122,.18)!important}
.flow-display-call-timer{display:inline-flex;align-items:baseline;gap:6px;max-width:100%;padding:5px 9px;border-radius:999px;background:rgba(4,16,25,.58);border:1px solid rgba(255,255,255,.14);color:#fff;font-variant-numeric:tabular-nums}.flow-display-call-timer small{font-size:clamp(10px,.9vw,13px)!important;color:inherit!important;text-transform:uppercase;letter-spacing:.08em}.flow-display-call-timer b{font-size:clamp(15px,1.55vw,24px);line-height:1}.queue-stage-yellow .flow-display-call-timer{background:#f4c430;color:#18140a;border-color:#f4c430}.queue-stage-red .flow-display-call-timer,.queue-stage-blink .flow-display-call-timer{background:#ef3340;color:#fff;border-color:#ff9ea5}
.display-design-authority .flow-display-call-card.queue-stage-yellow{border-color:#ffd52a!important;box-shadow:inset 0 0 0 5px #ffd52a!important}.display-design-authority .flow-display-call-card.queue-stage-red{border-color:#e4002b!important;box-shadow:inset 0 0 0 5px #e4002b!important}.display-design-authority .flow-display-call-card.queue-stage-blink{border-color:#e4002b!important;animation:flowQueueUrgentBlink .82s ease-in-out infinite!important}.display-design-authority .flow-display-call-timer{background:#fff;color:#071d33;border:2px solid #fff;border-radius:4px}.display-design-authority .queue-stage-yellow .flow-display-call-timer{background:#ffd52a;color:#111;border-color:#ffd52a}.display-design-authority .queue-stage-red .flow-display-call-timer,.display-design-authority .queue-stage-blink .flow-display-call-timer{background:#e4002b;color:#fff;border-color:#fff}

/* Internal queue table uses the exact same escalation language. */
.flow-queue-work-table tr.flow-queue-stage-yellow>td{background:color-mix(in srgb,#f4c430 11%,var(--panel,#fff) 89%)}.flow-queue-work-table tr.flow-queue-stage-red>td{background:color-mix(in srgb,#ef3340 9%,var(--panel,#fff) 91%)}.flow-queue-work-table tr.flow-queue-stage-blink>td{background:color-mix(in srgb,#ef3340 12%,var(--panel,#fff) 88%)}.flow-queue-work-table tr.flow-queue-stage-yellow>td:first-child{box-shadow:inset 4px 0 #e4ab00}.flow-queue-work-table tr.flow-queue-stage-red>td:first-child,.flow-queue-work-table tr.flow-queue-stage-blink>td:first-child{box-shadow:inset 4px 0 #ef3340}.flow-queue-call-countdown{display:inline-flex;align-items:center;gap:5px;margin-top:3px;padding:3px 7px;border-radius:8px;background:color-mix(in srgb,var(--panel,#fff) 88%,#d8e9f5 12%);border:1px solid var(--flow-line,#dce6ee);font-size:11px;font-weight:900;font-variant-numeric:tabular-nums}.flow-queue-stage-yellow .flow-queue-call-countdown{background:#fff2af;color:#5e4700;border-color:#e2ba23}.flow-queue-stage-red .flow-queue-call-countdown,.flow-queue-stage-blink .flow-queue-call-countdown{background:#ffe3e6;color:#8b1020;border-color:#e76b76}.flow-queue-stage-blink .flow-queue-call-countdown{animation:flowQueueUrgentBlink .82s ease-in-out infinite}.btn.flow-warn-button{border-color:#dc9e16!important;background:#fff7d8!important;color:#6f5000!important}.theme-dark .btn.flow-warn-button,html[data-theme="dark"] .btn.flow-warn-button{background:#4a3706!important;color:#ffe69a!important;border-color:#b8860b!important}

/* Public personal queue status uses the same warning states. */
.flow-public-queue-call{transition:border-color .2s,box-shadow .2s}.flow-public-queue-call.queue-stage-yellow{border:2px solid #e6b812!important;box-shadow:0 0 0 4px rgba(244,196,48,.18)!important}.flow-public-queue-call.queue-stage-red{border:3px solid #ef3340!important;box-shadow:0 0 0 4px rgba(239,51,64,.18)!important}.flow-public-queue-call.queue-stage-blink{border:3px solid #ef3340!important;animation:flowQueueUrgentBlink .82s ease-in-out infinite!important}.flow-public-call-timer{display:inline-flex;align-items:center;gap:7px;margin:10px auto 0;padding:7px 11px;border-radius:999px;background:#edf4f8;color:#16384d;border:1px solid #b8cbd8;font-weight:900;font-variant-numeric:tabular-nums}.queue-stage-yellow .flow-public-call-timer{background:#fff3b0;color:#5b4500;border-color:#e1b81f}.queue-stage-red .flow-public-call-timer,.queue-stage-blink .flow-public-call-timer{background:#ef3340;color:#fff;border-color:#ef3340}

/* ============================================================
   FLIRIVO FLOW 2.6.31 – live queue/display operations polish
   ============================================================ */

/* The called ticket is the primary information on a public monitor. */
.flow-display-standalone .flow-display-current-grid[data-call-count="1"]{grid-template-columns:minmax(0,1fr)}
.flow-display-standalone .flow-display-current-grid[data-call-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.flow-display-standalone .flow-display-current-grid[data-call-count="3"],
.flow-display-standalone .flow-display-current-grid[data-call-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.flow-display-standalone .flow-display-current-grid[data-call-count="5"],
.flow-display-standalone .flow-display-current-grid[data-call-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.flow-display-standalone .flow-display-call-card .flow-display-ticket-code{
  font-size:clamp(84px,12vw,240px);font-weight:1000;line-height:.82;letter-spacing:.005em;
  flex:0 1 auto;white-space:nowrap;overflow:visible!important;text-overflow:clip!important;
}
.flow-display-standalone .flow-display-current-grid[data-call-count="1"] .flow-display-ticket-code{font-size:clamp(120px,20vw,360px)}
.flow-display-standalone .flow-display-current-grid[data-call-count="2"] .flow-display-ticket-code{font-size:clamp(100px,15vw,290px)}
.flow-display-standalone .flow-display-updated{
  color:#b9cfdd;font-size:clamp(20px,1.65vw,32px);font-weight:900;line-height:1.2;letter-spacing:.01em;
}
.flow-display-standalone .flow-display-updated strong{font-size:1.08em;font-weight:1000}
.display-design-light .flow-display-updated,.display-design-authority .flow-display-updated{font-weight:900!important}
@media(max-height:760px){
  .flow-display-standalone .flow-display-call-card .flow-display-ticket-code{font-size:clamp(68px,10.5vw,190px)}
  .flow-display-standalone .flow-display-current-grid[data-call-count="1"] .flow-display-ticket-code{font-size:clamp(100px,17vw,260px)}
  .flow-display-standalone .flow-display-updated{font-size:clamp(18px,1.45vw,26px)}
}

/* queue.php: live state and display-capacity transparency. */
.flow-queue-live-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:10px}
.flow-queue-live-line .flow-live-pill{padding:5px 9px;font-size:11px;background:color-mix(in srgb,#20b77a 12%,var(--panel,#fff));border-color:color-mix(in srgb,#20b77a 36%,var(--flow-line,#dbe5ee));color:#14734f}
.flow-queue-live-line>small{color:var(--muted,#667b8c);font-weight:750}
html[data-theme="dark"] .flow-queue-live-line .flow-live-pill{background:#12362d;color:#8ce7c2;border-color:#276c58}
.flow-queue-display-state .flow-panel-head{align-items:flex-end}.flow-queue-display-state .flow-panel-head small{display:block;max-width:900px;margin-top:5px;color:var(--muted,#667b8c)}
.flow-queue-capacity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.flow-queue-capacity-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;align-items:center;padding:14px;border:1px solid var(--flow-line,#dbe5ee);border-radius:16px;background:color-mix(in srgb,var(--panel,#fff) 96%,#e9f5fc 4%)}
.flow-queue-capacity-card.is-full{border-color:#e5a6ad;background:color-mix(in srgb,var(--panel,#fff) 92%,#ffe7ea 8%)}
.flow-queue-capacity-card>div:first-child{min-width:0}.flow-queue-capacity-card>div:first-child small{display:block;color:var(--muted,#667b8c);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.flow-queue-capacity-card>div:first-child strong{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.flow-queue-capacity-meter{text-align:right}.flow-queue-capacity-meter span{display:block;font-size:18px;font-weight:950;font-variant-numeric:tabular-nums}.flow-queue-capacity-meter small{display:block;color:var(--muted,#667b8c);font-size:10px}
.flow-queue-capacity-bar{grid-column:1/-1;height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--flow-line,#dbe5ee) 74%,transparent)}.flow-queue-capacity-bar i{display:block;height:100%;border-radius:inherit;background:#24a96d}.flow-queue-capacity-card.is-full .flow-queue-capacity-bar i{background:#d33b4b}
.flow-queue-capacity-card>.flow-badge{grid-column:1/-1;justify-self:start}.flow-queue-capacity-empty{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px;border:1px dashed var(--flow-line,#dbe5ee);border-radius:14px}.flow-queue-capacity-empty p{margin:0;max-width:900px;color:var(--muted,#667b8c)}
@media(max-width:700px){.flow-queue-capacity-card{grid-template-columns:1fr}.flow-queue-capacity-meter{text-align:left}}
.flow-display-standalone .flow-display-current-grid[data-call-count="7"],
.flow-display-standalone .flow-display-current-grid[data-call-count="8"],
.flow-display-standalone .flow-display-current-grid[data-call-count="9"]{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
.flow-display-standalone .flow-display-current-grid[data-call-count="10"],
.flow-display-standalone .flow-display-current-grid[data-call-count="11"],
.flow-display-standalone .flow-display-current-grid[data-call-count="12"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}

/* ============================================================
   FLIRIVO FLOW 2.6.32 – unmistakable queue pause state
   ============================================================ */
.flow-display-screen-head{position:relative;flex-wrap:wrap}
.flow-display-pause-banner{
  flex:1 0 100%;order:3;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:clamp(9px,.9vw,14px) clamp(14px,1.25vw,22px);border:3px solid #f3b51b;border-radius:14px;
  background:linear-gradient(90deg,#6c4700,#9d6800 58%,#6c4700);color:#fff4c2;box-shadow:0 0 0 4px rgba(243,181,27,.16);
}
.flow-display-pause-banner[hidden]{display:none!important}.flow-display-pause-banner>div{min-width:0;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.flow-display-pause-banner strong{font-size:clamp(24px,2.7vw,48px);line-height:1;font-weight:1000;letter-spacing:.035em;color:#fff!important}
.flow-display-pause-banner span{font-size:clamp(14px,1.25vw,21px);font-weight:800;color:#ffeeb0!important}
.flow-display-pause-banner small{max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13px,1.15vw,19px);font-weight:950;color:#fff!important;text-align:right}
.display-design-light .flow-display-pause-banner{background:#fff2b8!important;color:#422f00!important;border-color:#b77900!important;box-shadow:0 0 0 4px rgba(183,121,0,.12)!important}
.display-design-light .flow-display-pause-banner strong{color:#261a00!important}.display-design-light .flow-display-pause-banner span,.display-design-light .flow-display-pause-banner small{color:#5d4100!important}
.display-design-authority .flow-display-pause-banner{background:#ffd52a!important;color:#111!important;border:4px solid #111!important;border-radius:4px!important;box-shadow:none!important}
.display-design-authority .flow-display-pause-banner strong,.display-design-authority .flow-display-pause-banner span,.display-design-authority .flow-display-pause-banner small{color:#111!important}
@media(max-height:760px){.flow-display-pause-banner{padding:6px 10px;border-width:2px}.flow-display-pause-banner strong{font-size:clamp(19px,2.15vw,32px)}.flow-display-pause-banner span{font-size:clamp(11px,1vw,16px)}.flow-display-pause-banner small{font-size:clamp(11px,.95vw,15px)}}

.flow-queue-operation-banner{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:0 0 16px;padding:16px 18px;
  border:2px solid #d79a12;border-radius:18px;background:linear-gradient(135deg,#fff7cf,#fff1ad);color:#4c3700;box-shadow:0 10px 28px rgba(113,77,0,.10)
}
.flow-queue-operation-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#805800;color:#fff;font-size:17px;font-weight:1000;letter-spacing:.04em}
.flow-queue-operation-copy{min-width:0}.flow-queue-operation-copy>span{display:block;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#765600}.flow-queue-operation-copy>strong{display:block;margin-top:2px;font-size:clamp(22px,2.2vw,34px);line-height:1.05;font-weight:1000;color:#3e2b00}.flow-queue-operation-copy>p{margin:5px 0 0;font-size:13px;font-weight:720;color:#6b4d00}
html[data-theme="dark"] .flow-queue-operation-banner{background:linear-gradient(135deg,#4a3806,#342802);border-color:#d6a81f;color:#ffe59a;box-shadow:none}html[data-theme="dark"] .flow-queue-operation-icon{background:#f1c43a;color:#271d00}html[data-theme="dark"] .flow-queue-operation-copy>span,html[data-theme="dark"] .flow-queue-operation-copy>strong,html[data-theme="dark"] .flow-queue-operation-copy>p{color:#ffe59a}
@media(max-width:720px){.flow-queue-operation-banner{grid-template-columns:auto 1fr}.flow-queue-operation-banner form{grid-column:1/-1}.flow-queue-operation-banner form .btn{width:100%}}


/* FLIRIVO FLOW 2.6.40 — stable guest mobile navigation */
.flow-guest-mobile-menu{display:none;position:relative;margin-left:auto;flex:0 0 auto}
.flow-guest-mobile-menu>summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);font-weight:800;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.flow-guest-mobile-menu>summary::-webkit-details-marker{display:none}
.flow-guest-mobile-menu>summary span{font-size:18px;line-height:1}
.flow-guest-mobile-menu>summary i{font-style:normal;font-size:11px;opacity:.65;transition:transform .16s ease}
.flow-guest-mobile-menu[open]>summary i{transform:rotate(180deg)}
.flow-guest-mobile-drawer{position:absolute;z-index:120;top:calc(100% + 9px);right:0;width:min(320px,calc(100vw - 20px));display:grid;gap:5px;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 22px 60px rgba(0,0,0,.22)}
.flow-guest-mobile-drawer>a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:12px;color:var(--text);font-weight:700}
.flow-guest-mobile-drawer>a:hover,.flow-guest-mobile-drawer>a:focus-visible{background:var(--panel2)}
.flow-guest-mobile-drawer>.flow-guest-mobile-start{justify-content:center;margin-top:3px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff!important;font-weight:850}
@media(max-width:780px){
  body.auth-guest .flow-topbar .desktop-nav{display:none!important}
  body.auth-guest .flow-topbar .flow-guest-mobile-menu{display:block}
  body.auth-guest .flow-topbar .topbar-inner{gap:12px}
}
@media(min-width:781px){body.auth-guest .flow-guest-mobile-menu{display:none!important}}
/* FLOW 2.6.43 shared queue service points */
.flow-display-service-point{display:block;margin:.35rem 0 .1rem;font-size:clamp(1.1rem,2.6vw,2.2rem);font-weight:900;letter-spacing:.02em;color:var(--flow-client-secondary,#33b7ff)}
.flow-public-service-point{margin:1rem auto;padding:1rem 1.25rem;border-radius:18px;background:rgba(20,108,255,.09);border:1px solid rgba(20,108,255,.2);max-width:680px}.flow-public-service-point small{display:block;font-weight:800;letter-spacing:.08em}.flow-public-service-point strong{display:block;font-size:clamp(1.45rem,6vw,2.5rem);margin-top:.25rem}
.flow-queue-dispatch-form{display:flex;gap:.6rem;align-items:flex-end;flex-wrap:wrap}.flow-queue-dispatch-select{display:grid;gap:.25rem;min-width:190px}.flow-queue-dispatch-select span{font-size:.76rem;font-weight:800}.flow-queue-dispatch-select select,.flow-queue-row-call select{min-height:40px;border-radius:10px}.flow-queue-row-call{display:flex;gap:.35rem;align-items:center}.flow-service-point-inline{font-weight:800}
@media(max-width:780px){.flow-queue-dispatch-form,.flow-queue-dispatch-select{width:100%}.flow-queue-dispatch-form .btn{width:100%}.flow-queue-row-call{flex-wrap:wrap}.flow-queue-row-call select{max-width:150px}}

/* ========================================================================== 
   FLIRIVO FLOW 2.7 – Autopilot, Intelligence, Customer Hub & Operations
   ========================================================================== */
.flow-next-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.flow-next-settings-grid>.flow-panel{height:100%;margin:0}
.flow-next-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.flow-next-kpi-grid.operations{grid-template-columns:repeat(6,minmax(0,1fr))}
.flow-next-kpi-grid>article{display:grid;gap:7px;min-height:126px;padding:18px;border:1px solid var(--flow-line);border-radius:18px;background:var(--panel,#fff);box-shadow:0 9px 26px rgba(22,54,82,.055)}
.flow-next-kpi-grid small{color:var(--muted,#64768a);font-weight:700}.flow-next-kpi-grid strong{font-size:clamp(28px,4vw,42px);line-height:1;color:var(--text,#162338)}.flow-next-kpi-grid span{font-size:12px;color:var(--muted,#64768a)}
.flow-next-alert-list{display:grid;gap:9px}.flow-next-alert{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--flow-line);border-radius:14px;background:var(--panel,#fff);text-decoration:none;color:inherit}.flow-next-alert>span{width:9px;height:9px;border-radius:999px;background:#4c8fda}.flow-next-alert.warn>span{background:#d78a16}.flow-next-alert.danger>span{background:#d1435b}.flow-next-alert.info>span{background:#4c8fda}.flow-next-alert div{display:grid;gap:3px}.flow-next-alert small{color:var(--muted,#64768a);line-height:1.35}.flow-next-alert:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(22,54,82,.07)}
.flow-next-recommend-list{display:grid;gap:9px}.flow-next-recommend-list>article,.flow-next-recommend-list>a{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--flow-line);border-radius:14px;background:var(--panel,#fff);text-decoration:none;color:inherit}.flow-next-recommend-list time{font-weight:900;font-variant-numeric:tabular-nums}.flow-score{display:inline-flex;min-width:52px;justify-content:center;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:900;background:#edf4ff;color:#175eaf}.flow-score.good{background:#e8f8f1;color:#15724c}.flow-score.medium{background:#fff5df;color:#8c5d00}.flow-score.busy{background:#fff0f2;color:#a52c43}
.flow-next-heatmap{overflow:auto;border:1px solid var(--flow-line);border-radius:16px;background:var(--panel,#fff)}.flow-next-heat-head,.flow-next-heat-row{display:grid;grid-template-columns:110px repeat(12,minmax(58px,1fr));min-width:820px}.flow-next-heat-head>*{padding:9px 7px;font-size:11px;color:var(--muted,#64768a);font-weight:800;text-align:center;border-bottom:1px solid var(--flow-line)}.flow-next-heat-row>strong{padding:10px 12px;border-bottom:1px solid var(--flow-line)}.flow-next-heat-row>span{display:grid;place-items:center;min-height:42px;border-left:1px solid var(--flow-line);border-bottom:1px solid var(--flow-line);font-size:11px;font-weight:800}.flow-next-heat-row .level-1{background:#eef8f5}.flow-next-heat-row .level-2{background:#fff7e5}.flow-next-heat-row .level-3{background:#ffeadf}.flow-next-heat-row .level-4{background:#ffe7eb}.flow-next-heat-row .closed{opacity:.42;background:#f2f4f7}
.flow-next-rule-list{display:grid;gap:10px}.flow-next-rule-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:15px;border:1px solid var(--flow-line);border-radius:16px;background:var(--panel,#fff)}.flow-next-rule-list h3{margin:4px 0}.flow-next-rule-list small{color:var(--muted,#64768a)}.flow-next-rule-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.flow-next-rule-actions>.field{padding:12px;border:1px solid var(--flow-line);border-radius:14px;background:color-mix(in srgb,var(--panel,#fff) 96%,#1268d8 4%)}
.flow-next-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flow-next-hub{display:grid;gap:13px;padding:16px;border:1px solid var(--flow-line);border-radius:16px;background:var(--panel,#fff)}.flow-next-hub.muted{opacity:.64}.flow-next-hub h3{margin:6px 0 3px}.flow-next-hub>div:first-child{display:grid;gap:4px}.flow-next-hub small{color:var(--muted,#64768a)}
.flow-hub-shell{max-width:920px;margin:0 auto;padding:24px 16px 70px}.flow-public-hero{padding:26px;border:1px solid var(--flow-line);border-radius:22px;background:var(--panel,#fff);box-shadow:0 14px 38px rgba(22,54,82,.06);margin-bottom:15px}.flow-public-hero h1{margin:7px 0}.flow-next-timeline{display:grid;gap:10px;margin-bottom:16px}.flow-next-record{display:grid;grid-template-columns:120px minmax(0,1fr) auto 24px;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--flow-line);border-radius:16px;background:var(--panel,#fff);text-decoration:none;color:inherit}.flow-next-record:hover{border-color:#94b8df;box-shadow:0 10px 26px rgba(22,54,82,.06)}.flow-next-record>div{display:grid;gap:3px}.flow-next-record small{color:var(--muted,#64768a)}.flow-record-kind{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#356997}
.flow-message-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:15px;align-items:start}.flow-thread-list{display:grid;gap:6px;padding:10px;border:1px solid var(--flow-line);border-radius:18px;background:var(--panel,#fff);max-height:72vh;overflow:auto}.flow-thread-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px 12px;border-radius:12px;text-decoration:none;color:inherit}.flow-thread-list>a:hover,.flow-thread-list>a.active{background:color-mix(in srgb,var(--panel,#fff) 88%,#1268d8 12%)}.flow-thread-list a>div{display:grid;gap:3px}.flow-thread-list small{color:var(--muted,#64768a)}.flow-thread-main{min-height:520px}.flow-chat{display:grid;gap:9px;max-height:56vh;overflow:auto;padding:10px 4px 18px}.flow-chat article{max-width:min(78%,720px);padding:11px 13px;border-radius:15px;background:#eef4fa;border:1px solid #d9e5f0}.flow-chat article.customer{justify-self:start}.flow-chat article.team,.flow-chat article.autopilot{justify-self:end;background:#e9f3ff;border-color:#cde0f6}.flow-chat article.autopilot{background:#eef8f4;border-color:#cce8db}.flow-chat article small{display:block;margin-top:6px;font-size:10px;color:#718094}.flow-message-form{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--flow-line)}.flow-message-form textarea{min-height:100px}
.flow-routing-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.flow-routing-services label{padding:11px;border:1px solid var(--flow-line);border-radius:12px;background:var(--panel,#fff)}.flow-routing-matrix{display:grid;gap:12px}.flow-routing-matrix>article{padding:15px;border:1px solid var(--flow-line);border-radius:15px;background:var(--panel,#fff)}
.flow-kiosk-shell{max-width:820px;margin:0 auto;padding:clamp(24px,6vw,70px) 16px 80px}.flow-kiosk-shell>header{text-align:center;margin-bottom:22px}.flow-kiosk-shell>header h1{font-size:clamp(36px,8vw,72px);margin:8px 0}.flow-kiosk-choice{display:grid;gap:14px}.flow-kiosk-choice details{border:1px solid var(--flow-line);border-radius:20px;background:var(--panel,#fff);overflow:hidden;box-shadow:0 12px 32px rgba(22,54,82,.06)}.flow-kiosk-choice summary{display:flex;justify-content:space-between;gap:12px;padding:20px 22px;cursor:pointer;font-size:18px}.flow-kiosk-choice form{display:grid;gap:14px;padding:0 22px 22px}.flow-kiosk-choice label{display:grid;gap:6px}.flow-kiosk-choice input,.flow-kiosk-choice select{min-height:54px;font-size:17px}.flow-kiosk-optional{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.flow-kiosk-success{text-align:center;padding:34px;border:1px solid var(--flow-line);border-radius:22px;background:var(--panel,#fff)}.flow-kiosk-success strong{display:block;font-size:clamp(48px,10vw,96px);line-height:1;margin:10px 0 18px}
.flow-sim-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flow-sim-result>div{display:grid;gap:4px;padding:15px;border:1px solid var(--flow-line);border-radius:14px;background:var(--panel,#fff)}.flow-sim-result strong{font-size:30px}.flow-sim-result>p{grid-column:1/-1;margin:0;padding:13px 15px;border-radius:13px;background:#eff5fb}.flow-sim-result.risk-critical>p{background:#fff0f2}.flow-sim-result.risk-high>p{background:#fff3e4}.flow-sim-result.risk-moderate>p{background:#fff8e9}
.flow-operations-queues,.flow-next-compact-list{display:grid;gap:8px}.flow-operations-queues>a,.flow-next-compact-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--flow-line);border-radius:13px;background:var(--panel,#fff);text-decoration:none;color:inherit}.flow-next-compact-list>a{grid-template-columns:70px minmax(0,1fr) auto}.flow-next-compact-list.text>a{grid-template-columns:minmax(0,1fr) auto}.flow-next-compact-list div{display:grid;gap:2px}.flow-next-compact-list small{color:var(--muted,#64768a)}.flow-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.flow-action-grid>a{display:grid;gap:4px;padding:14px;border:1px solid var(--flow-line);border-radius:14px;background:var(--panel,#fff);text-decoration:none;color:inherit}.flow-action-grid small{color:var(--muted,#64768a)}
.flow-next-launch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.flow-next-launch-grid>a{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:start;padding:14px;border:1px solid var(--flow-line);border-radius:15px;background:var(--panel,#fff);text-decoration:none;color:inherit}.flow-next-launch-grid>a>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf4ff;color:#1665bd;font-size:22px;font-weight:900}.flow-next-launch-grid>a>div{display:grid;gap:4px}.flow-next-launch-grid small{color:var(--muted,#64768a);line-height:1.35}.flow-next-launch-grid>a:hover{border-color:#91b8e0;transform:translateY(-1px)}
.flow-next-split{align-items:start}.flow-empty.small{padding:20px 12px}.flow-actions-tight{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.flow-inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.flow-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.flow-config-details{margin-bottom:16px}.flow-config-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer}.flow-config-details>form{padding:0 18px 18px}.flow-summary-title{font-weight:900}.flow-summary-action{font-size:12px;color:var(--muted,#64768a)}
@media(max-width:1100px){.flow-next-kpi-grid.operations,.flow-next-launch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-next-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.flow-next-settings-grid,.flow-message-layout,.flow-next-hub-grid,.flow-next-rule-actions,.flow-routing-services{grid-template-columns:1fr}.flow-thread-list{max-height:310px}.flow-next-record{grid-template-columns:1fr auto}.flow-next-record .flow-record-kind{grid-column:1/-1}.flow-next-record>strong{display:none}.flow-kiosk-optional{grid-template-columns:1fr}.flow-operations-queues>a{grid-template-columns:minmax(0,1fr) auto}.flow-operations-queues>a>span:nth-of-type(2){display:none}.flow-next-kpi-grid.operations,.flow-next-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.flow-next-kpi-grid,.flow-next-kpi-grid.operations,.flow-next-launch-grid,.flow-action-grid,.flow-sim-result{grid-template-columns:1fr}.flow-next-record{padding:13px}.flow-chat article{max-width:92%}.flow-next-compact-list>a{grid-template-columns:58px minmax(0,1fr)}.flow-next-compact-list>a>.flow-badge{grid-column:2}.flow-page-head .flow-actions .btn{width:100%}}

.flow-simulation-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.flow-simulation-presets form{display:grid;gap:7px;padding:13px;border:1px solid var(--flow-line);border-radius:14px;background:var(--panel,#fff)}.flow-simulation-presets form small{color:var(--muted,#64768a);line-height:1.4}.flow-compare-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--muted,#64768a);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.flow-compare-divider:before,.flow-compare-divider:after{content:"";height:1px;background:var(--flow-line);flex:1}
@media(max-width:700px){.flow-simulation-presets{grid-template-columns:1fr}}

/* ========================================================================== 
   FLIRIVO FLOW 2.7.1 – visible disclosure actions & workflow visibility
   ========================================================================== */
.flow-public-alternatives details>summary,
.flow-kiosk-choice details>summary{
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:48px;margin:0;padding:12px 16px;border:1px solid color-mix(in srgb,var(--flow-blue,#1268d8) 34%,var(--flow-line,#d8e3ed));
  border-radius:13px;background:color-mix(in srgb,var(--flow-blue,#1268d8) 8%,var(--panel,#fff));
  color:var(--text,#172033);font-weight:900;cursor:pointer;user-select:none;
  box-shadow:0 5px 14px rgba(22,54,82,.055);transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.flow-public-alternatives details>summary::-webkit-details-marker,
.flow-kiosk-choice details>summary::-webkit-details-marker{display:none}
.flow-public-alternatives details>summary::after,
.flow-kiosk-choice details>summary::after{
  content:'+';display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;
  background:var(--flow-blue,#1268d8);color:#fff;font-size:20px;line-height:1;font-weight:900;
}
.flow-public-alternatives details[open]>summary::after,
.flow-kiosk-choice details[open]>summary::after{content:'−'}
.flow-public-alternatives details>summary:hover,
.flow-kiosk-choice details>summary:hover{border-color:var(--flow-blue,#1268d8);background:color-mix(in srgb,var(--flow-blue,#1268d8) 13%,var(--panel,#fff));transform:translateY(-1px)}
.flow-public-alternatives details>summary:focus-visible,
.flow-kiosk-choice details>summary:focus-visible,
.flow-config-details>summary:focus-visible,
.flow-create-box>summary:focus-visible{outline:3px solid color-mix(in srgb,var(--flow-blue,#1268d8) 28%,transparent);outline-offset:2px}
.flow-public-alternatives details[open]>summary{margin-bottom:12px}
.flow-public-alternatives details{margin-top:12px}
.flow-alternative-card>details>summary{min-height:44px;padding:10px 13px;font-size:14px}

.flow-row-action{color:inherit;text-decoration:none;cursor:pointer;border-radius:10px;padding-left:10px;padding-right:10px;margin-left:-10px;margin-right:-10px}
.flow-row-action:hover,.flow-row-action:focus-visible{background:color-mix(in srgb,var(--flow-blue,#1268d8) 7%,transparent);outline:none}
.flow-row-action::after{content:'→';font-weight:900;color:var(--flow-blue,#1268d8);margin-left:8px}
.flow-appointment-change-panel{scroll-margin-top:92px}
.flow-change-request-row .notice{margin:10px 0}.flow-change-request-row .flow-actions{margin-top:10px}
.flow-dashboard-activity-list{display:grid;border:1px solid var(--flow-line,#d8e3ed);border-radius:14px;overflow:hidden}
.flow-dashboard-activity-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border-bottom:1px solid var(--flow-line,#d8e3ed)}
.flow-dashboard-activity-row:last-child{border-bottom:0}.flow-dashboard-activity-row>div{display:grid;gap:3px;min-width:0}.flow-dashboard-activity-row b{font-size:14px}.flow-dashboard-activity-row small{color:var(--muted,#64768a)}
button.is-copy-error{border-color:#c43b50!important}
@media(max-width:640px){.flow-dashboard-activity-row{align-items:flex-start}.flow-row-action::after{display:none}.flow-public-alternatives details>summary,.flow-kiosk-choice details>summary{width:100%}}

/* FLOW 2.7.1 – actionable recent activity */
a.flow-dashboard-activity-row.is-link{color:inherit;text-decoration:none;cursor:pointer}
a.flow-dashboard-activity-row.is-link:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(15,23,42,.08)}
a.flow-dashboard-activity-row.is-link:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}
/* 2.7.1: public expandable actions render as real buttons instead of browser disclosure rows. */
details.flow-public-action-details>summary.flow-public-action-summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin:0 0 12px}
details.flow-public-action-details>summary.flow-public-action-summary::-webkit-details-marker{display:none}
details.flow-public-action-details[open]>summary.flow-public-action-summary{margin-bottom:14px}



/* FLOW 2.7.2 - menu overflow and card containment hardening */
.flow-nav-popover>a{white-space:normal!important;min-width:0;overflow:hidden}
.flow-nav-popover>a>div{min-width:0;overflow:hidden}
.flow-nav-popover>a b,.flow-nav-popover>a small{white-space:normal!important;overflow-wrap:anywhere;word-break:normal}
.flow-nav-popover>a small{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%}
.flow-panel,.flow-action-card,.flow-dense-row,.flow-service-editor,.flow-option-card,.flow-worklist-block,.flow-linkbox{min-width:0;max-width:100%;box-sizing:border-box}
.flow-panel p,.flow-panel small,.flow-action-card p,.flow-action-card small,.flow-dense-row p,.flow-dense-row small{overflow-wrap:anywhere}
.flow-record-place-action{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.flow-record-place-action form{margin:0}
.flow-system-test-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.flow-system-test-json{margin:0;max-height:720px;overflow:auto;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(6,19,30,.72);font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.theme-light .flow-system-test-json{background:#f7fafc}
.flow-test-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.flow-test-result{padding:14px;border:1px solid var(--line);border-radius:14px;min-width:0}
.flow-test-result b{display:block;font-size:20px}.flow-test-result span{display:block;margin-top:4px;color:var(--muted);font-size:12px}
@media(max-width:900px){.flow-test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.flow-test-grid{grid-template-columns:1fr}}


/* Integrated workspace polish: compact navigation, attention, customer history and touch check-in */
.flow-nav-popover{max-width:min(430px,calc(100vw - 24px));overflow:hidden}
.flow-nav-popover>a{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;align-items:center!important}
.flow-nav-popover>a>span{flex:0 0 auto}
.flow-nav-popover>a>div{min-width:0;max-width:100%}
.flow-nav-popover>a b{display:block;line-height:1.2;overflow:hidden;text-overflow:ellipsis}
.flow-nav-popover>a small{margin-top:3px;line-height:1.25!important;max-height:2.5em}
.flow-settings-hub-card{min-width:0;overflow:hidden}.flow-settings-hub-card>div{min-width:0}.flow-settings-hub-card h2,.flow-settings-hub-card p{overflow-wrap:anywhere}
.flow-header-attention{position:relative;margin-left:6px}.flow-header-attention>summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:38px;padding:6px 10px;border:1px solid var(--flow-line);border-radius:999px;background:var(--panel,#fff);cursor:pointer;font-size:12px}.flow-header-attention>summary::-webkit-details-marker{display:none}.flow-header-attention>summary>span{font-size:9px}.flow-header-attention>summary>b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#b42318;color:#fff;font-size:12px}.flow-header-attention>summary>em{font-style:normal;font-weight:800}.flow-header-attention-popover{position:absolute;z-index:220;right:0;top:calc(100% + 10px);width:min(390px,calc(100vw - 24px));padding:10px;border:1px solid var(--flow-line);border-radius:18px;background:var(--panel,#fff);box-shadow:0 24px 70px rgba(18,39,61,.18)}.flow-header-attention-popover>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:12px;text-decoration:none;color:inherit}.flow-header-attention-popover>a:hover{background:color-mix(in srgb,var(--panel,#fff) 90%,#1268d8 10%)}.flow-header-attention-popover>a>div{min-width:0;display:grid;gap:2px}.flow-header-attention-popover>a b,.flow-header-attention-popover>a small{overflow-wrap:anywhere}.flow-header-attention-popover>a>strong{min-width:28px;text-align:center}.flow-header-attention-popover .flow-header-attention-settings{grid-template-columns:1fr;margin-top:6px;border-top:1px solid var(--flow-line);border-radius:0;padding-top:12px;font-weight:800}
.flow-attention-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.flow-attention-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid var(--flow-line);border-radius:14px;background:var(--panel,#fff);text-decoration:none;color:inherit}.flow-attention-card.has-items{border-color:color-mix(in srgb,#d78a16 45%,var(--flow-line));background:color-mix(in srgb,var(--panel,#fff) 94%,#fff0d5 6%)}.flow-attention-card.is-clear{opacity:.72}.flow-attention-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:color-mix(in srgb,var(--panel,#fff) 84%,#1268d8 16%)}.flow-attention-card>div{min-width:0;display:grid;gap:2px}.flow-attention-card b,.flow-attention-card small{overflow-wrap:anywhere}.flow-attention-card>strong{font-size:20px}.flow-attention-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.flow-attention-secondary>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:12px;background:color-mix(in srgb,var(--panel,#fff) 96%,#6f8299 4%)}.flow-attention-secondary span{font-size:12px;color:var(--muted,#64768a)}
.flow-customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flow-customer-card{display:grid;gap:12px;min-width:0;padding:16px;border:1px solid var(--flow-line);border-radius:16px;background:var(--panel,#fff);text-decoration:none;color:inherit}.flow-customer-card:hover{border-color:#94b8df;box-shadow:0 10px 26px rgba(22,54,82,.07)}.flow-customer-card-head{display:flex;justify-content:space-between;gap:12px;min-width:0}.flow-customer-card-head>div{min-width:0;display:grid;gap:3px}.flow-customer-card-head b,.flow-customer-card-head small{overflow-wrap:anywhere}.flow-customer-tags{display:flex;flex-wrap:wrap;gap:6px}.flow-customer-tags>span{padding:5px 8px;border:1px solid var(--flow-line);border-radius:999px;font-size:11px}.flow-contact-summary{display:grid;gap:9px}.flow-contact-summary>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;align-items:start}.flow-contact-summary b{overflow-wrap:anywhere}.flow-customer-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.flow-customer-counts>div{display:grid;gap:3px;padding:11px;border:1px solid var(--flow-line);border-radius:12px}.flow-customer-counts b{font-size:20px}.flow-customer-counts span{font-size:11px;color:var(--muted,#64768a)}.flow-customer-timeline{display:grid;gap:9px}.flow-customer-timeline-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 18px;gap:12px;align-items:center;min-width:0;padding:13px;border:1px solid var(--flow-line);border-radius:14px;background:var(--panel,#fff);text-decoration:none;color:inherit}.flow-customer-timeline-row:hover{border-color:#94b8df}.flow-customer-timeline-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--panel,#fff) 84%,#1268d8 16%);font-weight:900}.flow-customer-timeline-row>div{min-width:0;display:grid;gap:3px}.flow-customer-timeline-row b,.flow-customer-timeline-row p,.flow-customer-timeline-row small{overflow-wrap:anywhere}.flow-customer-timeline-row p{margin:0;font-size:12px;color:var(--muted,#64768a)}
.flow-kiosk-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.flow-kiosk-device-grid>div{display:grid;gap:5px;padding:13px;border:1px solid var(--flow-line);border-radius:14px}.flow-kiosk-device-grid small{color:var(--muted,#64768a);line-height:1.4}.flow-kiosk-hero{max-width:760px;margin:0 auto 22px;text-align:center}.flow-kiosk-page .flow-content{max-width:none!important}.flow-kiosk-page .flow-kiosk-shell{max-width:980px;min-height:min(860px,calc(100vh - 80px));display:grid;align-content:center}.flow-kiosk-page .flow-kiosk-hero h1{font-size:clamp(38px,6vw,70px)}.flow-kiosk-page .flow-kiosk-hero p{font-size:clamp(17px,2vw,23px)}.flow-kiosk-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.flow-kiosk-choice>.flow-kiosk-option:only-child{grid-column:1/-1;max-width:720px;width:100%;justify-self:center}.flow-kiosk-option{border:1px solid var(--flow-line);border-radius:24px;background:var(--panel,#fff);overflow:hidden;box-shadow:0 16px 42px rgba(22,54,82,.08)}.flow-kiosk-option>summary{display:grid;grid-template-columns:58px minmax(0,1fr) 28px;align-items:center;gap:14px;min-height:92px;padding:18px 20px;cursor:pointer;list-style:none}.flow-kiosk-option>summary::-webkit-details-marker{display:none}.flow-kiosk-option>summary>span:nth-child(2){min-width:0;display:grid;gap:4px}.flow-kiosk-option>summary b{font-size:clamp(19px,2.1vw,26px);line-height:1.15}.flow-kiosk-option>summary small{font-size:14px;color:var(--muted,#64768a);line-height:1.35}.flow-kiosk-option-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:color-mix(in srgb,var(--panel,#fff) 78%,#1268d8 22%);font-size:26px}.flow-kiosk-option[open]>summary{border-bottom:1px solid var(--flow-line)}.flow-kiosk-option form{display:grid;gap:16px;padding:20px}.flow-kiosk-option label{display:grid;gap:7px;font-weight:800}.flow-kiosk-option input,.flow-kiosk-option select{width:100%;min-height:62px;padding:12px 14px;border-radius:14px;font-size:20px}.flow-kiosk-primary{min-height:64px;font-size:19px}.flow-kiosk-optional{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.flow-kiosk-success{max-width:760px;width:100%;justify-self:center;padding:clamp(28px,5vw,58px);border-radius:28px}.flow-kiosk-success-mark{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 14px;border-radius:999px;background:#e8f8f1;font-size:34px;font-weight:900}.flow-kiosk-success-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.flow-kiosk-success-actions .btn{min-height:58px}.flow-kiosk-unavailable{grid-column:1/-1;padding:20px;border:1px solid var(--flow-line);border-radius:18px;text-align:center;background:var(--panel,#fff)}
.flow-copy-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.flow-copy-row code{min-width:0;flex:1 1 360px;overflow-wrap:anywhere}
.flow-system-test-toolbar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.flow-system-test-toolbar .flow-check{flex:1 1 420px}.flow-system-test-json{color:var(--text,#e8edf3)}
@media(max-width:900px){.flow-attention-grid,.flow-customer-grid,.flow-kiosk-choice{grid-template-columns:1fr}.flow-kiosk-optional,.flow-kiosk-device-grid{grid-template-columns:1fr}.flow-kiosk-page .flow-kiosk-shell{align-content:start;padding-top:28px}.flow-customer-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.flow-header-attention>summary>em{display:none}.flow-header-attention-popover{position:fixed;right:12px;left:12px;top:68px;width:auto}.flow-attention-secondary{grid-template-columns:1fr}.flow-customer-timeline-row{grid-template-columns:38px minmax(0,1fr) auto}.flow-customer-timeline-row>strong{display:none}.flow-contact-summary>div{grid-template-columns:1fr}.flow-kiosk-option>summary{grid-template-columns:50px minmax(0,1fr) 20px;min-height:82px;padding:14px}.flow-kiosk-option-icon{width:48px;height:48px}.flow-kiosk-option form{padding:15px}.flow-kiosk-option input,.flow-kiosk-option select{min-height:58px;font-size:18px}}

/* Clear action affordances for expandable customer/staff controls. */
.flow-public-action-details,
.flow-create-box{
  border:1px solid var(--flow-line,#dbe4ed);
  border-radius:14px;
  overflow:hidden;
  background:var(--panel,#fff);
}
.flow-public-action-details>summary,
.flow-create-box>summary{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:48px!important;
  padding:10px 14px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:color-mix(in srgb,var(--panel,#fff) 90%,#1268d8 10%)!important;
  color:var(--text,#17283a)!important;
  font-weight:850!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
.flow-public-action-details>summary::-webkit-details-marker,
.flow-create-box>summary::-webkit-details-marker{display:none!important}
.flow-public-action-details>summary::after,
.flow-create-box>summary::after{content:'+';display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:#1268d8;color:#fff;font-size:18px;line-height:1;font-weight:900}
.flow-public-action-details[open]>summary::after,
.flow-create-box[open]>summary::after{content:'−'}
.flow-public-action-details[open]>summary,
.flow-create-box[open]>summary{background:color-mix(in srgb,var(--panel,#fff) 84%,#1268d8 16%)!important}
.flow-public-action-details>form,
.flow-create-box>form{padding:14px}
.flow-inline-decline-change{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:12px 0 16px;padding:13px;border:1px solid color-mix(in srgb,#b42318 28%,var(--flow-line,#dbe4ed));border-radius:14px;background:color-mix(in srgb,var(--panel,#fff) 96%,#b42318 4%)}
.flow-inline-decline-change .field{margin:0}
.flow-inline-decline-change .btn{min-height:44px}
@media(max-width:720px){.flow-inline-decline-change{grid-template-columns:1fr}.flow-inline-decline-change .btn{width:100%}}

/* FLIRIVO FLOW 2.7.5 – public appointment confirmation + calendar confirmation state */
.flow-calendar-lock{display:inline-grid;place-items:center;flex:0 0 auto;min-width:22px;height:22px;margin-right:5px;padding:0 4px;border-radius:7px;border:1px solid var(--flow-line,#dbe4ed);background:color-mix(in srgb,var(--panel,#fff) 90%,#64748b 10%);font-size:13px;line-height:1;vertical-align:middle;box-shadow:0 2px 6px rgba(16,36,54,.05)}
.flow-calendar-lock.is-confirmed{border-color:color-mix(in srgb,#16845b 30%,var(--flow-line,#dbe4ed));background:color-mix(in srgb,var(--panel,#fff) 84%,#25a36f 16%)}
.flow-calendar-lock.is-pending{border-color:color-mix(in srgb,#c98518 32%,var(--flow-line,#dbe4ed));background:color-mix(in srgb,var(--panel,#fff) 84%,#e4a43b 16%)}
.flow-calendar-lock-legend{display:flex;gap:10px 16px;flex-wrap:wrap;align-items:center;padding:11px 13px;border:1px solid var(--flow-line,#dbe4ed);border-radius:13px;background:color-mix(in srgb,var(--panel,#fff) 96%,#1268d8 4%)}
.flow-calendar-lock-legend>span{display:flex;align-items:center;gap:5px;min-width:0;font-size:12px;font-weight:750;color:var(--muted,#64768a)}
.flow-calendar-lock-legend .flow-calendar-lock{margin-right:0}
.flow-time-event-main{min-width:0}.flow-time-event-main .flow-calendar-lock{height:18px;min-width:18px;padding:0 2px;margin-right:2px;border-radius:5px;font-size:10px}
.flow-time-event.compact .flow-calendar-lock,.flow-time-event.micro .flow-calendar-lock{height:16px;min-width:16px;font-size:9px}

.flow-confirm-public{width:min(980px,calc(100% - 28px));margin:0 auto;padding:26px 0 72px;display:grid;gap:16px}
.flow-confirm-hero-card,.flow-confirm-section,.flow-confirm-checkin-card,.flow-confirm-cancel-zone{border:1px solid var(--flow-line,#dbe4ed);background:var(--panel,#fff);box-shadow:0 14px 38px rgba(22,54,82,.06)}
.flow-confirm-hero-card{overflow:hidden;border-radius:26px;padding:clamp(20px,4vw,34px);display:grid;gap:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel,#fff) 96%,#1268d8 4%),var(--panel,#fff))}
.flow-confirm-hero-top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.flow-confirm-status-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:8px 11px;border-radius:999px;border:1px solid var(--flow-line,#dbe4ed);font-size:12px;font-weight:900;line-height:1.2}
.flow-confirm-status-chip.ok{background:#eaf8f2;border-color:#bfe6d4;color:#126b49}.flow-confirm-status-chip.warn{background:#fff6e4;border-color:#eed9aa;color:#875a09}.flow-confirm-status-chip.danger{background:#fff0f1;border-color:#edc3c8;color:#9d2634}.flow-confirm-status-chip.muted{background:color-mix(in srgb,var(--panel,#fff) 90%,#64748b 10%);color:var(--text,#17283a)}
.flow-confirm-hero-copy{display:grid;gap:7px;max-width:760px}.flow-confirm-hero-copy h1{margin:0;font-size:clamp(30px,5vw,50px);line-height:1.05}.flow-confirm-hero-copy p{margin:0;color:var(--muted,#64768a);font-size:clamp(15px,2vw,18px);line-height:1.6}
.flow-confirm-key-date{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 17px;border:1px solid color-mix(in srgb,var(--flow-line,#dbe4ed) 80%,#1268d8 20%);border-radius:18px;background:color-mix(in srgb,var(--panel,#fff) 92%,#1268d8 8%)}
.flow-confirm-key-date-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#1268d8;color:#fff;font-size:24px}.flow-confirm-key-date>div:nth-child(2){min-width:0;display:grid;gap:3px}.flow-confirm-key-date small{color:var(--muted,#64768a);font-weight:800}.flow-confirm-key-date strong{font-size:clamp(18px,3vw,25px);overflow-wrap:anywhere}
.flow-confirm-summary-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important;margin:0!important}.flow-confirm-summary-grid>div{min-width:0;padding:12px 13px;border:1px solid var(--flow-line,#dbe4ed);border-radius:14px;background:color-mix(in srgb,var(--panel,#fff) 96%,#64748b 4%)}.flow-confirm-summary-grid small,.flow-confirm-summary-grid b{display:block;overflow-wrap:anywhere}.flow-confirm-summary-grid small{margin-bottom:4px;color:var(--muted,#64768a)}
.flow-confirm-section{border-radius:20px;padding:18px 20px;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:start;gap:15px;min-width:0}.flow-confirm-section>.flow-panel-head,.flow-confirm-section>.flow-customer-calendar,.flow-confirm-section>form,.flow-confirm-section>.flow-alternative-grid,.flow-confirm-section>.flow-empty{grid-column:1/-1}.flow-confirm-section h2{margin:.15rem 0 .35rem}.flow-confirm-section p{margin:.25rem 0;line-height:1.55}.flow-confirm-section small{color:var(--muted,#64768a)}
.flow-confirm-section-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:color-mix(in srgb,var(--panel,#fff) 82%,#1268d8 18%);font-size:22px;font-weight:900}.flow-confirm-state-box.ok{border-color:color-mix(in srgb,#16845b 24%,var(--flow-line,#dbe4ed));background:color-mix(in srgb,var(--panel,#fff) 96%,#25a36f 4%)}.flow-confirm-state-box.warn{border-color:color-mix(in srgb,#c98518 28%,var(--flow-line,#dbe4ed));background:color-mix(in srgb,var(--panel,#fff) 96%,#e4a43b 4%)}.flow-confirm-state-box.danger{border-color:color-mix(in srgb,#b42318 28%,var(--flow-line,#dbe4ed));background:color-mix(in srgb,var(--panel,#fff) 96%,#d1435b 4%)}
.flow-confirm-highlight{border-color:color-mix(in srgb,#1268d8 32%,var(--flow-line,#dbe4ed));background:color-mix(in srgb,var(--panel,#fff) 94%,#1268d8 6%)}
.flow-confirm-fulfillment{display:block}.flow-confirm-fulfillment>*{max-width:100%}
.flow-confirm-checkin-card{border-radius:20px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,color-mix(in srgb,var(--panel,#fff) 91%,#1268d8 9%),var(--panel,#fff))}.flow-confirm-checkin-card>div{display:grid;gap:5px}.flow-confirm-checkin-card small,.flow-confirm-checkin-card span{color:var(--muted,#64768a)}.flow-confirm-checkin-card strong{font-size:clamp(34px,7vw,62px);letter-spacing:.08em;line-height:1;font-variant-numeric:tabular-nums}
.flow-confirm-calendar-section{display:block}.flow-confirm-calendar-section .flow-panel-head{margin-bottom:14px}.flow-confirm-calendar-section .flow-customer-calendar{margin:0}
.flow-confirm-date-search{display:flex!important;align-items:end;gap:10px;flex-wrap:wrap}.flow-confirm-date-search .field{min-width:min(100%,260px);margin:0}
.flow-confirm-option-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.flow-confirm-option-actions form{margin:0}
.flow-public-change-request .flow-public-action-box{display:grid;gap:12px;padding:14px;border:1px solid var(--flow-line,#dbe4ed);border-radius:15px;background:color-mix(in srgb,var(--panel,#fff) 96%,#1268d8 4%)}.flow-public-change-request textarea{width:100%;min-height:104px}
.flow-confirm-customer-hub{border-color:color-mix(in srgb,#1268d8 24%,var(--flow-line,#dbe4ed))}
.flow-confirm-cancel-zone{border-radius:20px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border-color:color-mix(in srgb,#b42318 24%,var(--flow-line,#dbe4ed));background:color-mix(in srgb,var(--panel,#fff) 97%,#b42318 3%)}.flow-confirm-cancel-zone>div{min-width:0;flex:1 1 480px}.flow-confirm-cancel-zone h2{margin:0 0 5px}.flow-confirm-cancel-zone p{margin:0;color:var(--muted,#64768a)}.flow-confirm-cancel-zone form{margin:0}
.flow-confirm-security-note{margin:4px auto 0;max-width:760px;text-align:center;color:var(--muted,#64768a);font-size:12px;line-height:1.5}
html[data-theme="dark"] .flow-confirm-status-chip.ok{background:rgba(37,163,111,.15);border-color:rgba(92,201,153,.28);color:#a9e5ca}html[data-theme="dark"] .flow-confirm-status-chip.warn{background:rgba(228,164,59,.13);border-color:rgba(228,164,59,.28);color:#f3d18c}html[data-theme="dark"] .flow-confirm-status-chip.danger{background:rgba(209,67,91,.14);border-color:rgba(209,67,91,.28);color:#f2a7b4}
@media(max-width:760px){.flow-confirm-public{width:min(100% - 18px,980px);padding-top:14px}.flow-confirm-hero-card{border-radius:20px;padding:18px}.flow-confirm-key-date{grid-template-columns:46px minmax(0,1fr)}.flow-confirm-key-date-icon{width:44px;height:44px}.flow-confirm-key-date .btn{grid-column:1/-1;width:100%}.flow-confirm-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-confirm-section{grid-template-columns:42px minmax(0,1fr);padding:15px}.flow-confirm-section-icon{width:40px;height:40px;border-radius:12px}.flow-confirm-checkin-card{align-items:stretch}.flow-confirm-checkin-card .btn{width:100%}.flow-confirm-cancel-zone{align-items:stretch}.flow-confirm-cancel-zone .btn{width:100%}.flow-calendar-lock-legend{display:grid;grid-template-columns:1fr}}
@media(max-width:460px){.flow-confirm-summary-grid{grid-template-columns:1fr}.flow-confirm-section{grid-template-columns:1fr}.flow-confirm-section-icon{margin-bottom:2px}.flow-confirm-option-actions{display:grid}.flow-confirm-option-actions form,.flow-confirm-option-actions .btn{width:100%}}

/* FLIRIVO FLOW 2.7.6 – clear settings hub with explicit actions */
.flow-settings-page-head{align-items:flex-end}
.flow-settings-sections{display:grid;gap:18px}
.flow-settings-section{display:grid;gap:18px;padding:clamp(18px,2.6vw,28px)}
.flow-settings-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.flow-settings-section-head>div{min-width:0}
.flow-settings-section-head h2{margin:0;font-size:clamp(20px,2vw,27px);line-height:1.15;letter-spacing:-.02em}
.flow-settings-section-head p{margin:6px 0 0;max-width:760px;color:var(--muted,#64768a);line-height:1.45}
.flow-settings-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.flow-settings-hub-card{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-width:0;min-height:210px;padding:18px;border:1px solid var(--flow-line,var(--line));border-radius:18px;background:color-mix(in srgb,var(--panel,#fff) 97%,#4b78a8 3%);box-shadow:0 10px 30px rgba(18,39,61,.045);overflow:hidden}
.flow-settings-hub-card:hover{border-color:color-mix(in srgb,var(--flow-line,var(--line)) 55%,#4b78a8 45%);box-shadow:0 14px 34px rgba(18,39,61,.075)}
.flow-settings-card-top{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;min-width:0}
.flow-settings-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--panel,#fff) 80%,#456f9e 20%);border:1px solid color-mix(in srgb,var(--flow-line,var(--line)) 75%,#456f9e 25%);font-size:22px;font-weight:900;line-height:1;user-select:none}
.flow-settings-card-copy{min-width:0}
.flow-settings-card-copy h3{margin:1px 0 6px;font-size:18px;line-height:1.2;overflow-wrap:anywhere}
.flow-settings-card-copy p{margin:0;color:var(--muted,#64768a);line-height:1.45;overflow-wrap:anywhere}
.flow-settings-card-actions{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin-top:auto}
.flow-settings-card-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;max-width:100%;white-space:normal;text-align:center;line-height:1.2}
.flow-settings-open{min-width:150px}
@media(max-width:820px){.flow-settings-hub-grid{grid-template-columns:1fr}.flow-settings-hub-card{min-height:0}}
@media(max-width:520px){.flow-settings-section{padding:16px}.flow-settings-card-top{grid-template-columns:42px minmax(0,1fr);gap:11px}.flow-settings-card-icon{width:42px;height:42px;border-radius:12px;font-size:19px}.flow-settings-card-actions .btn{width:100%}.flow-settings-open{min-width:0}}

/* FLIRIVO FLOW 2.7.7 – meaningful activity history with drill-down details */
.flow-activity-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.flow-activity-summary-card{display:grid;gap:4px;padding:16px 17px;border:1px solid var(--flow-line,#d8e3ed);border-radius:16px;background:var(--flow-panel,#fff);min-width:0}
.flow-activity-summary-card small{color:var(--muted,#64768a);font-weight:700}.flow-activity-summary-card b{font-size:27px;line-height:1.05}.flow-activity-summary-card span{font-size:12px;color:var(--muted,#64768a);overflow-wrap:anywhere}
.flow-activity-summary-card.is-ok{border-color:rgba(16,185,129,.28)}.flow-activity-summary-card.is-warn{border-color:rgba(245,158,11,.36)}.flow-activity-summary-card.is-danger{border-color:rgba(239,68,68,.36)}
.flow-activity-timeline{display:grid;gap:10px}.flow-activity-entry{border:1px solid var(--flow-line,#d8e3ed);border-radius:16px;background:var(--flow-panel,#fff);overflow:hidden}.flow-activity-entry.has-warning{border-color:rgba(245,158,11,.32)}.flow-activity-entry.has-error{border-color:rgba(239,68,68,.35)}
.flow-activity-entry-main{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 14px}.flow-activity-entry-time{display:grid;gap:2px}.flow-activity-entry-time b{font-size:14px}.flow-activity-entry-time small,.flow-activity-entry-copy small{color:var(--muted,#64768a);overflow-wrap:anywhere}.flow-activity-entry-copy{min-width:0}.flow-activity-entry-copy .flow-record-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.flow-activity-entry-copy strong{font-size:15px}
.flow-activity-details{margin:0}.flow-activity-details>summary{list-style:none;cursor:pointer;white-space:nowrap}.flow-activity-details>summary::-webkit-details-marker{display:none}.flow-activity-details[open]{grid-column:1/-1}.flow-activity-details[open]>summary{margin-left:auto;width:max-content}
.flow-activity-details-box{margin-top:12px;padding:15px;border-top:1px solid var(--flow-line,#d8e3ed);background:var(--flow-surface-soft,rgba(100,116,139,.055));display:grid;gap:14px}
.flow-activity-record-card{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;border:1px solid var(--flow-line,#d8e3ed);border-radius:14px;background:var(--flow-panel,#fff)}.flow-activity-record-card>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.flow-activity-record-card small{width:100%;color:var(--muted,#64768a)}.flow-activity-record-card b,.flow-activity-record-card span{overflow-wrap:anywhere}
.flow-activity-change-list{display:grid;border:1px solid var(--flow-line,#d8e3ed);border-radius:14px;overflow:hidden;background:var(--flow-panel,#fff)}.flow-activity-change-list h3{margin:0;padding:12px 14px;font-size:14px;border-bottom:1px solid var(--flow-line,#d8e3ed)}.flow-activity-change-list>div{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:14px;padding:10px 14px;border-bottom:1px solid var(--flow-line,#d8e3ed)}.flow-activity-change-list>div:last-child{border-bottom:0}.flow-activity-change-list span{color:var(--muted,#64768a)}.flow-activity-change-list b{overflow-wrap:anywhere}.flow-activity-no-meta{padding:12px 14px;border:1px dashed var(--flow-line,#d8e3ed);border-radius:13px;color:var(--muted,#64768a)}
.flow-mail-history-list{display:grid;border:1px solid var(--flow-line,#d8e3ed);border-radius:14px;overflow:hidden}.flow-mail-history-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--flow-line,#d8e3ed)}.flow-mail-history-row:last-child{border-bottom:0}.flow-mail-history-row>div{display:grid;gap:3px;min-width:0}.flow-mail-history-row b,.flow-mail-history-row small,.flow-mail-history-row span{overflow-wrap:anywhere}.flow-mail-history-row small,.flow-mail-history-row>div>span{color:var(--muted,#64768a);font-size:12px}
html[data-theme="dark"] .flow-activity-summary-card,html[data-theme="dark"] .flow-activity-entry,html[data-theme="dark"] .flow-activity-record-card,html[data-theme="dark"] .flow-activity-change-list{background:rgba(255,255,255,.025)}
@media(max-width:900px){.flow-activity-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-activity-entry-main{grid-template-columns:1fr auto}.flow-activity-entry-time{grid-column:1}.flow-activity-entry-copy{grid-column:1}.flow-activity-details{grid-column:2;grid-row:1/3}}
@media(max-width:600px){.flow-activity-summary{grid-template-columns:1fr 1fr}.flow-activity-entry-main{grid-template-columns:1fr}.flow-activity-details{grid-column:1;grid-row:auto}.flow-activity-details>summary{width:100%;text-align:center}.flow-activity-details[open]>summary{margin-left:0;width:100%}.flow-activity-record-card,.flow-mail-history-row{align-items:flex-start;flex-direction:column}.flow-activity-record-card .btn{width:100%;text-align:center}.flow-activity-change-list>div{grid-template-columns:1fr;gap:4px}}

/* FLOW 2.7.11 — compact customer directory, archive state and privacy actions */
.flow-customer-list-controls{display:grid;gap:16px}.flow-customer-view-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.flow-customer-view-tabs .btn{display:inline-flex;align-items:center;gap:7px}.flow-customer-view-tabs .flow-badge{min-width:24px}
.flow-customer-list{display:grid;gap:8px}.flow-customer-list-row{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(260px,1.5fr) 90px minmax(230px,auto);gap:16px;align-items:center;padding:13px 14px;border:1px solid var(--flow-line);border-radius:14px;background:var(--panel,#fff)}.flow-customer-list-row.is-archived{background:color-mix(in srgb,var(--panel,#fff) 92%,#64748b 8%)}.flow-customer-list-person,.flow-customer-list-activity{display:grid;gap:3px;min-width:0}.flow-customer-list-person b,.flow-customer-list-person small,.flow-customer-list-activity b,.flow-customer-list-activity span{overflow-wrap:anywhere}.flow-customer-list-person small,.flow-customer-list-activity small,.flow-customer-list-activity span{font-size:12px;color:var(--muted,#64768a)}.flow-customer-list-person .flow-badge{width:max-content;margin-top:3px}.flow-customer-list-total{display:grid;gap:2px;text-align:center}.flow-customer-list-total small{font-size:11px;color:var(--muted,#64768a)}.flow-customer-list-total b{font-size:22px}.flow-customer-list-actions{justify-content:flex-end}.flow-customer-list-actions form{margin:0}
.flow-customer-more details>div{padding-top:16px}.flow-customer-privacy-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.flow-customer-privacy-actions>div{padding:16px;border:1px solid var(--flow-line);border-radius:14px;background:var(--panel,#fff)}.flow-customer-privacy-actions h3{margin:0 0 7px}.flow-customer-privacy-actions p{margin:0 0 14px;color:var(--muted,#64768a);line-height:1.55}.flow-customer-danger-zone{border-color:color-mix(in srgb,#b42318 35%,var(--flow-line))!important;background:color-mix(in srgb,var(--panel,#fff) 95%,#b42318 5%)!important}.flow-customer-danger-zone form{display:grid;gap:12px}.flow-customer-danger-zone .check{align-items:flex-start}
@media(max-width:980px){.flow-customer-list-row{grid-template-columns:minmax(0,1fr) auto}.flow-customer-list-activity{grid-column:1}.flow-customer-list-total{grid-column:2;grid-row:1;text-align:right}.flow-customer-list-actions{grid-column:1/-1;justify-content:flex-start}.flow-customer-privacy-actions{grid-template-columns:1fr}}
@media(max-width:620px){.flow-customer-list-row{grid-template-columns:1fr}.flow-customer-list-total{grid-column:1;grid-row:auto;text-align:left;display:flex;align-items:baseline;gap:8px}.flow-customer-list-actions{display:grid;grid-template-columns:1fr;gap:8px}.flow-customer-list-actions>.btn,.flow-customer-list-actions form,.flow-customer-list-actions form .btn{width:100%}.flow-customer-view-tabs{display:grid;grid-template-columns:1fr}.flow-customer-view-tabs .btn{justify-content:space-between}}

/* FLIRIVO FLOW 2.7.12 – public place card / confirmation visual consistency */
body.flow-public-page .flow-public-place-card{
  border:1px solid var(--public-line,var(--flow-line,#dbe4ed));
  border-radius:20px;
  padding:18px 20px;
  display:grid;
  gap:14px;
  min-width:0;
  overflow:hidden;
}
body.flow-public-page .flow-public-place-head{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:start;
  gap:15px;
  min-width:0;
}
body.flow-public-page .flow-public-place-head>span{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:15px;
  background:color-mix(in srgb,var(--public-primary,#1268d8) 14%,var(--public-surface,#fff));
  color:var(--public-primary,#1268d8);
  border:1px solid color-mix(in srgb,var(--public-primary,#1268d8) 18%,var(--public-line,#dbe4ed));
  font-size:22px;
  font-weight:900;
}
body.flow-public-page .flow-public-place-head>div{min-width:0}
body.flow-public-page .flow-public-place-head small{
  display:block;
  margin:1px 0 4px;
  color:var(--public-muted,var(--muted,#64768a));
  font-size:11px;
  font-weight:900;
  letter-spacing:.065em;
  text-transform:uppercase;
}
body.flow-public-page .flow-public-place-head h2{margin:0;overflow-wrap:anywhere}
body.flow-public-page .flow-place-code{
  width:max-content;
  max-width:100%;
  display:grid;
  gap:2px;
  padding:9px 12px;
  border:1px solid var(--public-line,var(--flow-line,#dbe4ed));
  border-radius:12px;
  background:var(--public-surface-alt,color-mix(in srgb,var(--public-surface,#fff) 94%,#64748b 6%));
}
body.flow-public-page .flow-place-code small,body.flow-public-page .flow-place-code b{display:block;overflow-wrap:anywhere}
body.flow-public-page .flow-place-address{margin:0;font-weight:800}
body.flow-public-page .flow-public-place-card>p{margin:0;line-height:1.55}
body.flow-public-page .flow-public-place-card>.btn{justify-self:start}
.flow-confirm-location-wrap{min-width:0}
.flow-confirm-location-wrap>.flow-public-place-card{
  margin:0;
  width:100%;
  border-radius:20px;
  box-shadow:0 14px 38px rgba(22,54,82,.06)!important;
}
.flow-confirm-location-wrap .flow-public-place-head>span{
  background:color-mix(in srgb,var(--panel,#fff) 82%,#1268d8 18%);
  color:var(--text,#17283a);
}
@media(max-width:760px){
  body.flow-public-page .flow-public-place-card{padding:15px}
  body.flow-public-page .flow-public-place-head{grid-template-columns:40px minmax(0,1fr);gap:12px}
  body.flow-public-page .flow-public-place-head>span{width:40px;height:40px;border-radius:12px;font-size:19px}
  body.flow-public-page .flow-public-place-card>.btn{width:100%;justify-content:center}
}
@media(max-width:460px){
  body.flow-public-page .flow-public-place-head{grid-template-columns:1fr}
  body.flow-public-page .flow-public-place-head>span{margin-bottom:2px}
}



/* FLOW 2.7.12 hotfix: spacing, custom fields and configurable check-in designs */
.flow-next-rule-actions{margin:24px 0 22px;padding:22px;border:1px solid var(--flow-line);border-radius:18px;background:rgba(255,255,255,.025)}
.flow-next-rule-actions>h3{margin:0 0 16px}.flow-next-rule-actions>.flow-config-details{margin-top:12px;padding-top:0;border-top:0}.flow-next-rule-actions>.flow-config-details>summary{padding:13px 15px!important}.flow-next-rule-actions>.flow-config-details[open]>summary{margin-bottom:16px!important}
#felder .flow-field-context{display:block!important;margin-top:12px;border:1px solid var(--flow-line);border-radius:16px;padding:10px;background:rgba(255,255,255,.018)}#felder .flow-field-context>summary{width:100%}#felder .flow-field-context[open]{padding:12px 12px 16px}#felder .flow-custom-field-list{padding-top:2px;gap:14px}#felder .flow-custom-field-card{margin-top:0;padding:18px}#felder .flow-create-box{margin-top:18px}
.flow-kiosk-design-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-kiosk-mini{display:grid!important;gap:6px;padding:10px!important}.flow-kiosk-mini>i{height:5px;width:42%;border-radius:99px;background:currentColor;opacity:.34}.flow-kiosk-mini>b{font-size:12px}.flow-kiosk-mini>span{display:grid;grid-template-columns:1fr 1fr;gap:6px}.flow-kiosk-mini em{height:28px;border-radius:8px;background:currentColor;opacity:.16}.kiosk-design-preview-cards .flow-kiosk-mini em{box-shadow:inset 0 0 0 2px currentColor;opacity:.22}.kiosk-design-preview-minimal .flow-kiosk-mini{background:transparent!important}.kiosk-design-preview-contrast .flow-kiosk-mini{background:#fff!important;color:#050b12!important;border:2px solid #050b12!important}
.flow-kiosk-page.kiosk-design-cards .flow-kiosk-option{border-width:2px;box-shadow:0 20px 56px rgba(22,54,82,.14)}.flow-kiosk-page.kiosk-design-cards .flow-kiosk-option>summary{background:color-mix(in srgb,var(--panel,#fff) 90%,#146cff 10%)}
.flow-kiosk-page.kiosk-design-minimal .flow-kiosk-option{box-shadow:none;background:transparent;border-color:color-mix(in srgb,var(--flow-line) 70%,transparent)}.flow-kiosk-page.kiosk-design-minimal .flow-kiosk-option-icon{background:transparent;border:1px solid var(--flow-line)}
.flow-kiosk-page.kiosk-design-contrast{background:#fff!important;color:#050b12!important}.flow-kiosk-page.kiosk-design-contrast .flow-kiosk-option,.flow-kiosk-page.kiosk-design-contrast .flow-kiosk-success,.flow-kiosk-page.kiosk-design-contrast .flow-kiosk-unavailable{background:#fff!important;color:#050b12!important;border:3px solid #050b12!important;box-shadow:none!important}.flow-kiosk-page.kiosk-design-contrast .flow-kiosk-option small,.flow-kiosk-page.kiosk-design-contrast .flow-kiosk-hero p{color:#20252b!important}.flow-kiosk-page.kiosk-design-contrast .flow-kiosk-option-icon{background:#050b12!important;color:#fff!important}.flow-kiosk-page.kiosk-design-contrast .flow-kiosk-primary{background:#050b12!important;color:#fff!important;border:2px solid #050b12!important}
.flow-kiosk-page.kiosk-density-compact .flow-kiosk-shell{max-width:1120px}.flow-kiosk-page.kiosk-density-compact .flow-kiosk-option>summary{min-height:74px;padding:13px 16px}.flow-kiosk-page.kiosk-density-compact .flow-kiosk-option form{padding:16px;gap:12px}.flow-kiosk-page.kiosk-density-large .flow-kiosk-shell{max-width:1180px}.flow-kiosk-page.kiosk-density-large .flow-kiosk-option>summary{min-height:116px;padding:24px}.flow-kiosk-page.kiosk-density-large .flow-kiosk-option input,.flow-kiosk-page.kiosk-density-large .flow-kiosk-option select{min-height:72px;font-size:22px}.flow-kiosk-page.kiosk-density-large .flow-kiosk-primary{min-height:76px;font-size:22px}
.flow-kiosk-page.kiosk-corners-soft .flow-kiosk-option,.flow-kiosk-page.kiosk-corners-soft .flow-kiosk-success{border-radius:12px}.flow-kiosk-page.kiosk-corners-soft .flow-kiosk-option-icon{border-radius:10px}.flow-kiosk-page.kiosk-corners-square .flow-kiosk-option,.flow-kiosk-page.kiosk-corners-square .flow-kiosk-success,.flow-kiosk-page.kiosk-corners-square .flow-kiosk-option-icon,.flow-kiosk-page.kiosk-corners-square input,.flow-kiosk-page.kiosk-corners-square select,.flow-kiosk-page.kiosk-corners-square .btn{border-radius:2px!important}
.flow-activity-change-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.flow-activity-change-card{padding:14px;border:1px solid var(--flow-line);border-radius:14px;background:rgba(255,255,255,.025)}.flow-activity-change-card h4{margin:0 0 10px}.flow-activity-change-row{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.4fr);gap:10px;padding:7px 0;border-top:1px solid var(--flow-line)}.flow-activity-change-row:first-of-type{border-top:0}.flow-activity-change-row small{color:var(--muted,#64768a)}.flow-activity-archive-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.flow-activity-archive-list{display:grid;gap:8px;margin-top:12px}.flow-activity-archive-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--flow-line);border-radius:12px}
@media(max-width:900px){.flow-kiosk-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-activity-change-grid{grid-template-columns:1fr}}@media(max-width:560px){.flow-kiosk-design-grid{grid-template-columns:1fr}.flow-next-rule-actions{padding:15px}}

/* FLOW 2.7.13 release candidate: pickup detail hierarchy */
.flow-pickup-detail-content{display:grid;gap:14px;margin-top:12px;padding-top:12px;border-top:1px solid var(--flow-line)}
.flow-pickup-detail-content>.flow-panel{margin:0!important;padding:18px!important;border-radius:17px!important;box-shadow:none!important;background:color-mix(in srgb,var(--panel,#fff) 95%,#1268d8 5%)!important}
.flow-pickup-detail-content .flow-panel-head{margin-bottom:14px}.flow-pickup-detail-content .flow-panel-head h3{margin:0;font-size:1rem}.flow-pickup-detail-content .flow-panel-head small{display:block;margin-top:3px;line-height:1.45;color:var(--muted,#64768a)}
.flow-pickup-detail-overview .flow-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.flow-pickup-detail-overview .field{min-width:0}.flow-pickup-detail-overview .field.wide{grid-column:1/-1}.flow-pickup-detail-overview .field>label{display:block;margin-bottom:5px;font-size:.75rem;font-weight:850;letter-spacing:.025em;color:var(--muted,#64768a)}
.flow-pickup-detail-overview .flow-note,.flow-pickup-detail-status .flow-note{height:100%;margin:0!important;padding:12px 13px!important;border:1px solid var(--flow-line);background:color-mix(in srgb,var(--panel,#fff) 97%,#64748b 3%)}
.flow-pickup-detail-status .flow-timeline{margin-top:14px}.flow-pickup-detail-status .flow-event{padding:11px 12px;border-radius:12px;background:color-mix(in srgb,var(--panel,#fff) 96%,#1268d8 4%)}
.flow-pickup-detail-actions .flow-linkbox{margin:0 0 13px!important;padding:11px;border-radius:13px;background:color-mix(in srgb,var(--panel,#fff) 96%,#64748b 4%)}.flow-pickup-detail-actions .flow-linkbox code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flow-pickup-detail-actions .flow-actions-tight{padding-top:12px;border-top:1px solid var(--flow-line);gap:8px}.flow-pickup-detail-actions .flow-actions-tight form{margin:0}.flow-pickup-detail-actions .btn{min-height:38px}
.flow-pickup-detail-edit{padding:0!important;background:transparent!important;border-style:dashed!important}.flow-pickup-detail-edit>.flow-config-details{margin:0!important}.flow-pickup-detail-edit>.flow-config-details>summary{padding:14px 16px!important}.flow-pickup-detail-edit>.flow-config-details[open]>form{padding:0 16px 16px}
.flow-pickup-detail-content>.flow-danger-zone{display:flex;justify-content:flex-end;margin:0!important;padding:12px 2px 0!important;border-top:1px solid var(--flow-line)}
html[data-theme="dark"] .flow-pickup-detail-content>.flow-panel,.theme-dark .flow-pickup-detail-content>.flow-panel{background:rgba(13,32,44,.82)!important}
@media(max-width:900px){.flow-pickup-detail-overview .flow-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.flow-pickup-detail-content{gap:10px}.flow-pickup-detail-content>.flow-panel{padding:14px!important}.flow-pickup-detail-overview .flow-form-grid{grid-template-columns:1fr}.flow-pickup-detail-overview .field.wide{grid-column:auto}.flow-pickup-detail-actions .flow-linkbox{display:grid!important;grid-template-columns:1fr 1fr}.flow-pickup-detail-actions .flow-linkbox code{grid-column:1/-1}.flow-pickup-detail-actions .flow-actions-tight{display:grid;grid-template-columns:1fr}.flow-pickup-detail-actions .flow-actions-tight .btn{width:100%;justify-content:center}}

/* FLOW 2.7.14 – compact internal customer file */
.flow-customer-file-panel{padding:0;overflow:hidden}
.flow-customer-file>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:17px 18px;cursor:pointer;list-style:none;background:linear-gradient(180deg,color-mix(in srgb,var(--panel,#fff) 96%,#1268d8 4%),var(--panel,#fff));border-radius:inherit}
.flow-customer-file>summary::-webkit-details-marker{display:none}
.flow-customer-file[open]>summary{border-bottom:1px solid var(--flow-line);border-bottom-left-radius:0;border-bottom-right-radius:0}
.flow-customer-file-mark{display:grid;place-items:center;min-width:52px;height:34px;padding:0 9px;border:1px solid color-mix(in srgb,#1268d8 35%,var(--flow-line));border-radius:10px;background:color-mix(in srgb,var(--panel,#fff) 84%,#1268d8 16%);color:#0f5fb8;font-size:11px;font-weight:950;letter-spacing:.08em}
.flow-customer-file-summary-copy{display:grid;gap:3px;min-width:0}.flow-customer-file-summary-copy b{font-size:16px;color:var(--flow-text,#172033)}.flow-customer-file-summary-copy small{color:var(--muted,#64768a);line-height:1.4;overflow-wrap:anywhere}
.flow-customer-file-body{display:grid;gap:16px;padding:18px}
.flow-customer-file-notice{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border:1px solid color-mix(in srgb,#1268d8 25%,var(--flow-line));border-radius:12px;background:color-mix(in srgb,var(--panel,#fff) 94%,#1268d8 6%)}.flow-customer-file-notice b{white-space:nowrap;color:#0f5fb8}.flow-customer-file-notice span{color:var(--muted,#64768a);font-size:12px;line-height:1.5}
.flow-customer-note-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding:14px;border:1px solid var(--flow-line);border-radius:14px;background:color-mix(in srgb,var(--panel,#fff) 97%,#64748b 3%)}.flow-customer-note-compose .field{margin:0}.flow-customer-note-compose textarea{min-height:82px;resize:vertical}.flow-customer-note-compose .btn{min-height:44px;white-space:nowrap}
.flow-customer-note-list{display:grid;gap:10px}.flow-customer-note-card{display:grid;gap:11px;padding:14px 15px;border:1px solid var(--flow-line);border-radius:14px;background:var(--panel,#fff);box-shadow:0 4px 15px rgba(22,54,82,.035)}
.flow-customer-note-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.flow-customer-note-head>div{display:grid;gap:2px;min-width:0}.flow-customer-note-head b{overflow-wrap:anywhere}.flow-customer-note-head small{color:var(--muted,#64768a);font-size:11px;line-height:1.4}
.flow-customer-note-text{white-space:normal;overflow-wrap:anywhere;line-height:1.6;color:var(--flow-text,#172033)}
.flow-customer-note-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;padding-top:2px;border-top:1px solid color-mix(in srgb,var(--flow-line) 75%,transparent)}.flow-customer-note-actions>form{margin:0}.flow-customer-note-edit{position:relative}.flow-customer-note-edit>summary{list-style:none}.flow-customer-note-edit>summary::-webkit-details-marker{display:none}.flow-customer-note-edit[open]{width:100%}.flow-customer-note-edit[open]>summary{margin-bottom:10px;width:max-content}.flow-customer-note-edit form{display:grid;gap:10px;padding:12px;border:1px solid var(--flow-line);border-radius:12px;background:color-mix(in srgb,var(--panel,#fff) 95%,#1268d8 5%)}.flow-customer-note-edit textarea{resize:vertical;min-height:100px}
@media(max-width:760px){.flow-customer-file>summary{grid-template-columns:auto minmax(0,1fr) auto}.flow-customer-file>summary>.flow-summary-action{grid-column:2/-1;justify-self:start}.flow-customer-note-compose{grid-template-columns:1fr}.flow-customer-note-compose .btn{width:100%}}
@media(max-width:520px){.flow-customer-file>summary{grid-template-columns:1fr auto}.flow-customer-file-mark{display:none}.flow-customer-file-summary-copy{grid-column:1/-1}.flow-customer-file>summary>.flow-summary-action{grid-column:auto}.flow-customer-file-body{padding:14px}.flow-customer-file-notice{display:grid;gap:4px}.flow-customer-note-head{display:grid}.flow-customer-note-head .flow-badge{width:max-content}.flow-customer-note-actions{display:grid;grid-template-columns:1fr}.flow-customer-note-actions .btn,.flow-customer-note-actions form,.flow-customer-note-actions form .btn,.flow-customer-note-edit>summary{width:100%}}

/* FLOW 2.7.15 – customer categories, reservation time grid and appointment detail polish */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.flow-customer-search{min-width:min(360px,100%)}
.flow-customer-filter-form{align-items:end}
.flow-customer-name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.flow-customer-category-badge{--customer-tone:#2563eb;--customer-soft:color-mix(in srgb,var(--customer-tone) 11%,var(--panel,#fff));display:inline-flex;align-items:center;max-width:100%;padding:4px 9px;border:1px solid color-mix(in srgb,var(--customer-tone) 32%,transparent);border-radius:999px;background:var(--customer-soft);color:color-mix(in srgb,var(--customer-tone) 82%,#111827 18%);font-size:11px;font-weight:850;line-height:1.25;white-space:nowrap}
.flow-customer-tone-blue{--customer-tone:#2563eb}.flow-customer-tone-green{--customer-tone:#16844a}.flow-customer-tone-teal{--customer-tone:#0f7f7a}.flow-customer-tone-amber{--customer-tone:#b96800}.flow-customer-tone-purple{--customer-tone:#7551c9}.flow-customer-tone-rose{--customer-tone:#b94867}.flow-customer-tone-slate{--customer-tone:#64748b}
.flow-customer-list-row.has-customer-category{border-left:4px solid var(--customer-tone);background:linear-gradient(90deg,color-mix(in srgb,var(--customer-tone) 7%,var(--panel,#fff)) 0%,var(--panel,#fff) 42%)}
.flow-customer-list-row.has-customer-category.is-archived{background:linear-gradient(90deg,color-mix(in srgb,var(--customer-tone) 6%,var(--panel,#fff)) 0%,color-mix(in srgb,var(--panel,#fff) 92%,#64748b 8%) 46%)}
.flow-customer-category-quick{display:flex;align-items:center;gap:6px;margin-top:6px;max-width:100%}.flow-customer-category-quick select{min-width:0;max-width:190px;height:34px;padding:5px 28px 5px 9px;font-size:12px}.flow-customer-category-quick .btn{min-height:34px;padding:6px 10px}
.flow-customer-category-panel>.flow-config-details{margin:0}.flow-customer-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:14px}.flow-customer-category-card{--customer-tone:#2563eb;border:1px solid color-mix(in srgb,var(--customer-tone) 24%,var(--flow-line));border-radius:16px;padding:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--customer-tone) 6%,var(--panel,#fff)),var(--panel,#fff) 58%);display:grid;gap:10px;align-content:start}.flow-customer-category-card.is-new{border-style:dashed;--customer-tone:#64748b}.flow-customer-category-form{display:grid;gap:10px}.flow-customer-category-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.flow-customer-category-delete{display:flex;justify-content:flex-end;margin:0}.flow-customer-profile-category{margin-top:14px;padding-top:13px;border-top:1px solid var(--flow-line);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.flow-customer-profile-category>div{display:grid;gap:2px}.flow-customer-profile-category small{color:var(--muted,#64748b);font-size:12px}
.flow-appointment-fulfillment .flow-fulfillment-summary{display:grid;gap:14px}.flow-appointment-fulfillment .flow-panel-head{margin-bottom:0}.flow-appointment-details>.flow-panel-head{margin-bottom:16px}.flow-form-grid>.flow-fulfillment-fields{grid-column:1/-1;width:100%;margin:4px 0}.flow-appointment-details .flow-fulfillment-fields{border:1px solid var(--flow-line);border-radius:14px;background:color-mix(in srgb,var(--panel,#fff) 96%,var(--flow-blue,#1677d2) 4%);overflow:hidden}.flow-appointment-details .flow-fulfillment-fields>summary{padding:14px 16px}.flow-appointment-details .flow-fulfillment-fields[open]>summary{border-bottom:1px solid var(--flow-line)}.flow-appointment-details .flow-fulfillment-fields>p,.flow-appointment-details .flow-fulfillment-fields>.flow-form-grid{margin-left:16px;margin-right:16px}.flow-appointment-details .flow-fulfillment-fields>.flow-form-grid{margin-bottom:16px}
.flow-reservation-time-section{margin-top:18px;padding-top:4px}.flow-reservation-time-section>.flow-panel-head{margin-bottom:4px}.flow-reservation-calendar{margin-top:16px}
@media(max-width:720px){.flow-customer-category-grid{grid-template-columns:1fr}.flow-customer-category-quick{width:100%}.flow-customer-category-quick select{flex:1;max-width:none}.flow-customer-profile-category{align-items:stretch}.flow-customer-profile-category .flow-customer-category-quick{width:100%}.flow-customer-list-row.has-customer-category{border-left-width:3px}.flow-booking-service-filter .field{flex:1 1 100%}}

/* FLOW 2.7.16.3 – customer response read controls */
.flow-header-feedback-readall{margin:4px 0 0;padding:8px 10px 4px;border-top:1px solid var(--flow-line)}
.flow-header-feedback-readall button{width:100%;min-height:38px;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left;font:inherit;font-weight:800;cursor:pointer}
.flow-header-feedback-readall button:hover{background:color-mix(in srgb,var(--panel,#fff) 90%,#1268d8 10%)}


/* FLOW 2.7.16.4 – pickup layout stabilization / no-overlap hardening */
/* Operational ledgers are used outside the floor-plan screen as well. Keep the
   component in the global UI stylesheet instead of relying on floorplan CSS. */
.flow-operation-ledger{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));
  gap:8px;
  width:100%;
  min-width:0;
  margin:12px 0;
}
.flow-operation-ledger-item{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  min-height:78px;
  padding:10px 11px 10px 14px;
  border:1px solid var(--flow-line,#d8e4ec);
  border-radius:13px;
  background:var(--panel,#fff);
  overflow:hidden;
}
.flow-operation-ledger-item::before{
  content:'';
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:999px;
  background:#91a5b3;
}
.flow-operation-ledger-item.is-ok::before{background:#2b9b63}
.flow-operation-ledger-item.is-warn::before{background:#d79b27}
.flow-operation-ledger-item.is-danger::before{background:#c84b50}
.flow-operation-ledger-item.is-muted{background:color-mix(in srgb,var(--panel,#fff) 96%,#64748b 4%);color:var(--muted,#687d8a)}
.flow-operation-ledger-item small,
.flow-operation-ledger-item b,
.flow-operation-ledger-item span{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}
.flow-operation-ledger-item small{font-size:9px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;color:var(--muted,#6b8291)}
.flow-operation-ledger-item b{font-size:12px;color:var(--flow-text,#1d3e54);line-height:1.35}
.flow-operation-ledger-item span{font-size:10px;color:var(--muted,#708594);line-height:1.35}

body.page-pickup .flow-pickup-list-panel,
body.page-pickup .flow-pickup-compact-list,
body.page-pickup .flow-pickup-compact-card,
body.page-pickup .flow-pickup-detail-content,
body.page-pickup .flow-pickup-detail-content>.flow-panel{min-width:0;max-width:100%}

body.page-pickup .flow-pickup-compact-card{
  overflow:hidden;
}
body.page-pickup .flow-pickup-summary-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center!important;
  gap:12px!important;
  width:100%;
  min-width:0;
}
body.page-pickup .flow-pickup-summary-main{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
body.page-pickup .flow-pickup-summary-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
body.page-pickup .flow-pickup-summary-copy h3,
body.page-pickup .flow-pickup-summary-copy small{
  grid-column:auto!important;
  grid-row:auto!important;
  min-width:0;
  max-width:100%;
}
body.page-pickup .flow-pickup-summary-copy h3{
  margin:0!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.page-pickup .flow-pickup-summary-copy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.page-pickup .flow-pickup-summary-main>.flow-badge{
  grid-row:auto!important;
  align-self:center!important;
  flex:0 0 auto;
  white-space:nowrap;
}
body.page-pickup .flow-pickup-head-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  gap:7px;
  min-width:0;
}
body.page-pickup .flow-pickup-head-actions>*{max-width:100%}
body.page-pickup .flow-pickup-code{white-space:nowrap}

body.page-pickup .flow-pickup-detail-content{
  overflow:visible;
}
body.page-pickup .flow-pickup-detail-content>.flow-panel{
  overflow:hidden;
}
body.page-pickup .flow-pickup-detail-content .flow-panel-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start!important;
  gap:12px!important;
  min-width:0;
}
body.page-pickup .flow-pickup-detail-content .flow-panel-head>div:first-child{
  min-width:0;
}
body.page-pickup .flow-pickup-detail-content .flow-panel-head h3,
body.page-pickup .flow-pickup-detail-content .flow-panel-head small{
  overflow-wrap:anywhere;
}
body.page-pickup .flow-record-state-badges{
  display:flex!important;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:flex-start;
  gap:6px;
  min-width:0;
  max-width:min(52%,540px);
}
body.page-pickup .flow-record-state-badges .flow-badge{
  margin:0;
  max-width:100%;
  white-space:normal;
  line-height:1.25;
  text-align:left;
}
body.page-pickup .flow-pickup-detail-status>.flow-panel-head>.flow-badge{
  justify-self:end;
  max-width:100%;
  white-space:normal;
  text-align:center;
}
body.page-pickup .flow-pickup-detail-overview .flow-form-grid{
  align-items:stretch;
}
body.page-pickup .flow-pickup-detail-overview .field,
body.page-pickup .flow-pickup-detail-overview .flow-note{
  min-width:0;
  max-width:100%;
}
body.page-pickup .flow-pickup-detail-overview .flow-note{
  overflow-wrap:anywhere;
}
body.page-pickup .flow-pickup-detail-actions .flow-actions-tight{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}
body.page-pickup .flow-pickup-detail-actions .flow-actions-tight form,
body.page-pickup .flow-pickup-detail-actions .flow-actions-tight a{
  min-width:0;
  max-width:100%;
}

html[data-theme="dark"] .flow-operation-ledger-item,
.theme-dark .flow-operation-ledger-item{
  background:#102430;
  border-color:rgba(126,185,226,.20);
}
html[data-theme="dark"] .flow-operation-ledger-item b,
.theme-dark .flow-operation-ledger-item b{color:#eef8ff}

@media(max-width:900px){
  body.page-pickup .flow-pickup-detail-content .flow-panel-head{grid-template-columns:1fr}
  body.page-pickup .flow-record-state-badges{justify-content:flex-start;max-width:none}
  body.page-pickup .flow-pickup-detail-status>.flow-panel-head>.flow-badge{justify-self:start}
}
@media(max-width:720px){
  body.page-pickup .flow-pickup-summary-head{grid-template-columns:1fr}
  body.page-pickup .flow-pickup-head-actions{justify-content:flex-start}
  body.page-pickup .flow-pickup-summary-copy h3,
  body.page-pickup .flow-pickup-summary-copy small{white-space:normal;overflow-wrap:anywhere}
  body.page-pickup .flow-operation-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  body.page-pickup .flow-pickup-summary-main{grid-template-columns:1fr!important;align-items:start!important}
  body.page-pickup .flow-pickup-summary-main>.flow-badge{justify-self:start}
  body.page-pickup .flow-pickup-head-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  body.page-pickup .flow-pickup-head-actions .flow-pickup-code,
  body.page-pickup .flow-pickup-head-actions .btn{width:100%;justify-content:center;text-align:center}
  body.page-pickup .flow-operation-ledger{grid-template-columns:1fr}
}