@font-face{font-family:'Manrope',Cairo;src:url('/fonts/Manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:'DM Sans',Cairo;src:url('/fonts/DM-Sans.woff2') format('woff2');font-weight:100 1000;font-display:swap}
@font-face{font-family:'Cairo';src:url('/fonts/Cairo-Regular.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:'Cairo';src:url('/fonts/Cairo-Medium.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:'Cairo';src:url('/fonts/Cairo-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:'Cairo';src:url('/fonts/Cairo-Bold.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:'Cairo';src:url('/fonts/Cairo-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:'Cairo';src:url('/fonts/Cairo-Black.woff2') format('woff2');font-weight:900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
:root{--red:#a6192e;--red-dark:#801326;--danger:#a6192e;--danger-dark:#801326;--ink:#202722;--muted:#647067;--paper:#faf9f6;--line:#e3e5df;--green:#254f3d;--soft:#f0f2ec}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Cairo,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,h4{font-family:Manrope,Cairo,sans-serif;line-height:1.12;letter-spacing:-.04em;margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{outline-offset:5px}button{cursor:pointer}svg{display:block}img{max-width:100%}button:disabled{cursor:wait;opacity:.6}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,Cairo,sans-serif;font-weight:800;font-size:21px;letter-spacing:-.06em;white-space:nowrap}.brand img{width:43px;height:43px}.brand small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.24em;font-weight:600;color:var(--muted);line-height:1.2}.nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:500}.nav a:hover{color:var(--red)}.nav .active{color:var(--red)}.language select{border:0;background:transparent;color:var(--muted);padding:10px 3px;max-width:116px;cursor:pointer}.btn{min-height:48px;padding:13px 24px;border:1px solid var(--red);background:var(--red);color:white;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:8px;font-weight:600;font-size:14px;transition:background .15s,transform .15s}.btn:hover{background:var(--red-dark)}.btn.secondary{color:var(--ink);border-color:#cbd1c8;background:transparent}.btn.secondary:hover{background:#edeFE8}.btn.small{padding:10px 19px}.help{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}/* U226: the small (i) tip. Hover (or focus) shows a floating card; a tap or click pins it (phones). The open card is lifted to <body> by page-actions.js. */.info-tip{position:relative;display:inline-flex;margin:0;vertical-align:middle}.info-tip>summary{list-style:none;cursor:help;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;min-width:34px;padding:0;border-radius:999px;border:1px solid #d9dcd4;background:linear-gradient(180deg,#fff,#f4f5f1);color:#4b554e;font-weight:700;font-size:14px;line-height:1;box-shadow:0 1px 2px #16191a14,inset 0 1px 0 #fff;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s}.info-tip>summary:has(.info-tip-label){padding:0 12px 0 8px}.info-ico{width:19px;height:19px;flex:0 0 auto;stroke-width:1.9}.info-tip:hover>summary{transform:translateY(-1px)}.info-tip>summary::-webkit-details-marker{display:none}.info-tip>summary:focus-visible{outline:2px solid var(--red);outline-offset:2px}.info-tip:hover>summary,.info-tip[open]>summary{background:linear-gradient(180deg,#2a322d,#1b201d);color:#fff;border-color:#1b201d;box-shadow:0 8px 18px -8px #16191a99}.info-tip .info-tip-label{font-size:14px;font-weight:600}.info-tip>p{display:none}p.info-tip-card[role]{position:fixed;z-index:1000;margin:0;padding:12px 15px 12px 16px;border-radius:14px;background:#1b201d;color:#f3eee8;font-size:14px;font-weight:500;line-height:1.55;text-align:start;white-space:normal;border-inline-start:3px solid var(--gold);box-shadow:0 18px 40px -16px #0e121099,0 2px 6px #0e121026;animation:tip-in .16s ease-out}p.info-tip-card[role]::before{content:'';position:absolute;top:-6px;left:calc(var(--arrow-x,24px) - 6px);width:12px;height:12px;background:inherit;transform:rotate(45deg);border-radius:2px}p.info-tip-card[data-flip=up]::before{top:auto;bottom:-6px}p.info-tip-card[data-flip=up]{animation-name:tip-in-up}p.info-tip-card[data-flip=side]::before,p.info-tip-card[data-flip=side-end]::before{top:calc(var(--arrow-y,20px) - 6px);bottom:auto}p.info-tip-card[data-flip=side]::before{left:-6px}p.info-tip-card[data-flip=side-end]::before{left:auto;right:-6px}p.info-tip-card[data-flip=side],p.info-tip-card[data-flip=side-end]{animation-name:tip-in-side}@keyframes tip-in-side{from{opacity:0;transform:translateX(-3px)}to{opacity:1;transform:none}}p.info-tip-card[data-theme=light]{background:#fff;color:var(--ink);box-shadow:0 18px 40px -14px #0e1210aa,0 2px 6px #0e121026}p.info-tip-card.tip-mini{padding:8px 12px 8px 13px;font-size:13px;line-height:1.45;border-radius:11px;pointer-events:none;animation-duration:.1s}.page-tip{margin:-6px 0 18px;font-size:15px;line-height:1.5;color:var(--muted);max-width:720px}@keyframes tip-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes tip-in-up{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){p.info-tip-card[role]{animation:none}}.legal-info summary .info-ico{width:18px;height:18px}/* the (i) itself on dark heroes *//* on dark heroes the card goes light */.g-hero .info-tip,.pf-hero .info-tip{--tip-bg:#fff;--tip-ink:var(--ink)}.g-hero .info-tip>summary,.pf-hero .info-tip>summary{background:#ffffff1c;color:#fff;border-color:#ffffff2a}.g-hero .info-tip:hover>summary,.g-hero .info-tip[open]>summary,.pf-hero .info-tip:hover>summary,.pf-hero .info-tip[open]>summary{background:#fff;color:var(--ink);border-color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:24px;height:2px;background:var(--red)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center;padding:66px 0 55px}.hero h1{font-size:clamp(42px,4.7vw,69px);font-weight:600;margin:26px 0}.hero h1 em{font-style:normal;color:var(--red)}.hero p{color:var(--muted);max-width:430px;font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.proof{display:flex;gap:15px;align-items:center;margin-top:36px;font-size:12px;color:var(--muted)}.proof .seal{width:39px;height:39px;display:grid;place-items:center;border:1px solid #cdd8c8;border-radius:50%;color:var(--green);font-size:18px}.hero-art{position:relative;padding:0 0 32px 0}.hero-art>.scene{width:100%;height:520px;object-fit:cover;border-radius:160px 16px 16px 16px}.floating{position:absolute;background:white;border:1px solid #f0f0ea;border-radius:12px;box-shadow:0 16px 40px #152b1614;padding:18px 22px}.floating.status{left:-26px;bottom:0;width:285px}.floating .label{font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.floating strong{font-size:15px;display:block;margin:4px 0}.floating .progress{display:flex;gap:4px;margin-top:14px}.floating .progress span{height:4px;flex:1;background:#315944;border-radius:5px}.floating .progress span:last-child{background:#e7ede3}.floating.badge{right:16px;top:28px;background:#ffffffed;display:flex;gap:10px;align-items:center;font-size:12px;padding:10px 15px}.demo-note{font-size:10px;color:var(--muted);margin-top:8px}.trustbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;padding:24px 0;color:var(--muted);font-size:12px}.trustbar strong{font-family:Manrope,Cairo,sans-serif;color:#38443b;font-size:15px}.section{padding:88px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.section h2{font-size:clamp(30px,3vw,44px);font-weight:600;max-width:610px;margin-top:18px}.section-head p{max-width:350px;color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{border:1px solid var(--line);border-radius:12px;padding:30px;background:#fff}.step-num{font-size:11px;color:var(--red);font-weight:700;letter-spacing:.15em}.step-icon{font-size:29px;margin:22px 0 20px;color:var(--green)}.step h3{font-size:20px;margin-bottom:12px}.step p{color:var(--muted);font-size:14px;margin-bottom:0}.business{background:#233b30;color:white;border-radius:16px;padding:50px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.business h2{font-size:39px}.business p{color:#c5d1c7}.business .eyebrow:before{background:#ccad7d}.business ul{list-style:none;padding:0}.business li{padding:15px 0;border-bottom:1px solid #ffffff24;display:flex;gap:15px}.business .btn{background:#f1eadc;color:#27392b;border:0}.pill{display:inline-flex;padding:4px 10px;border-radius:20px;background:#e8eee6;color:#31553b;font-size:11px;font-weight:600}.pill.red{background:var(--tb-fae9ec,#fae9ec);color:var(--red)}.reviews-empty{border:1px dashed #c7cfc4;padding:35px;text-align:center;border-radius:12px;background:#f2f4ed}.reviews-empty p{color:var(--muted);font-size:14px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;font-weight:600;font-size:15px}.faq p{font-size:14px;color:var(--muted)}.site-footer{margin-top:70px;border-top:1px solid var(--line);padding:36px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-links{display:flex;gap:22px;font-size:12px;color:var(--muted)}.copyright{font-size:11px;color:var(--muted);margin-top:28px}.auth-shell{min-height:calc(100vh - 96px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding:55px 0}.auth-intro h1{font-size:56px;margin:20px 0}.auth-intro p{color:var(--muted);max-width:390px}.auth-card{padding:40px;background:white;border:1px solid var(--line);border-radius:16px}.auth-card h2{font-size:28px;margin-bottom:10px}.field{display:block;font-size:13px;font-weight:600;margin-top:22px}.field input,.field select,.field textarea{display:block;width:100%;margin-top:8px;min-height:49px;border:1px solid #cdd2c9;background:var(--paper);border-radius:7px;padding:10px 12px;color:var(--ink)}.auth-card .btn{width:100%;margin-top:25px}.notice{padding:13px 16px;border-radius:8px;background:#f1f4eb;color:#536345;font-size:12px;margin:20px 0}.error{background:#fbe9ec;color:var(--danger)}.dashboard-shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{border-inline-end:1px solid var(--line);padding:28px 22px;background:#fff;display:flex;flex-direction:column;gap:32px}.side-nav{display:grid;gap:8px}.side-nav a{padding:13px 15px;font-size:13px;border-radius:7px;color:var(--muted);display:flex;gap:12px;align-items:center}.side-nav .active{background:#f8e9ec;color:var(--red);font-weight:600}.side-caption{font-size:9px;letter-spacing:.15em;color:#849083;margin:10px 15px;text-transform:uppercase}.sidebar-bottom{margin-top:auto;padding:16px;border-radius:9px;background:var(--soft);font-size:12px}.dashboard-main{padding:0 40px 45px;min-width:0}.dashboard-header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.dashboard-title{display:flex;justify-content:space-between;align-items:center;padding:36px 0 27px}.dashboard-title h1{font-size:33px;margin-bottom:9px}.dashboard-title p{font-size:13px;color:var(--muted);margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metric{background:white;border:1px solid var(--line);border-radius:10px;padding:21px}.metric small{font-size:12px;color:var(--muted)}.metric strong{display:block;font:600 35px Manrope,Cairo,sans-serif;margin:15px 0 3px}.metric .foot{font-size:10px;color:var(--muted)}.panel{margin-top:27px;background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-head{padding:22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.panel-head h2{font-size:18px}.panel table{border-collapse:collapse;width:100%;font-size:12px;text-align:start}.panel th{background:#f8f9f5;color:var(--muted);padding:13px 21px;font-weight:500;text-align:start}.panel td{padding:17px 21px;border-top:1px solid #eff0eb}.plate{font-weight:700;letter-spacing:.03em}.subtext{display:block;font-size:10px;color:var(--muted)}.empty{padding:45px;text-align:center;color:var(--muted)}.empty h3{color:var(--ink);font-size:20px;margin-bottom:10px}.queue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px}.task-card{border:1px solid var(--line);border-radius:9px;padding:18px}.task-card p{font-size:12px;color:var(--muted)}.help-article{max-width:780px;margin:60px auto}.help-article h1{font-size:38px}.help-article p,.help-article li{color:var(--muted)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] .hero-art>.scene{border-radius:16px 160px 16px 16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:-1px;padding:0;border:0}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.nav{gap:16px}.nav .desktop{display:none}.hero{gap:30px}.hero-art>.scene{height:470px}.dashboard-shell{grid-template-columns:190px 1fr}.dashboard-main{padding:0 22px}.metric-grid{gap:10px}.metric{padding:16px}.auth-shell{gap:35px}.business{gap:35px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topbar{height:78px}.brand{font-size:18px}.brand img{width:36px;height:36px}.nav{gap:10px}.nav>a:not(.btn):not(.help){display:none}.nav .btn{padding:9px 14px}.nav .help{display:inline-flex;width:32px;height:32px;flex-shrink:0}.topbar{gap:10px}.language select{max-width:83px;font-size:12px}.hero{grid-template-columns:1fr;padding:40px 0}.hero h1{font-size:46px}.hero-art{margin:0 10px 0 18px}.hero-art>.scene{height:400px}.hero p{font-size:15px}.trustbar{flex-wrap:wrap;font-size:11px;gap:15px}.trustbar strong{font-size:13px}.section{padding:55px 0}.section-head{display:block}.steps{grid-template-columns:1fr}.step{padding:24px}.business{grid-template-columns:1fr;padding:30px;gap:15px}.business h2{font-size:32px}.faq{grid-template-columns:1fr;gap:20px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}.auth-shell{grid-template-columns:1fr;gap:25px;padding:35px 0}.auth-intro h1{font-size:36px}.auth-card{padding:26px}.dashboard-shell{display:block}.sidebar{padding:14px 18px;display:flex;flex-direction:row;align-items:center;border-bottom:1px solid var(--line);gap:18px}.side-nav,.sidebar-bottom,.side-caption{display:none}.dashboard-main{padding:0 16px 30px}.dashboard-header{height:62px}.dashboard-title{padding:25px 0}.dashboard-title h1{font-size:27px}.metric-grid{grid-template-columns:repeat(2,1fr)}.panel{overflow-x:auto}.panel table{min-width:680px}.queue-grid{grid-template-columns:1fr}.help-article{margin:35px 18px}.floating.status{width:255px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.visit-workspace{padding-top:24px;padding-bottom:70px}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel-body{padding:24px}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;font-weight:600}.action-stack{display:grid;gap:20px}.action-form{display:grid;gap:14px;max-width:540px}.action-form label{display:grid;gap:7px}.action-form input,.action-form select{min-height:48px;border:1px solid #ded9d3;border-radius:10px;padding:10px;font:inherit;width:100%}.eta-buttons{display:flex;flex-wrap:wrap;gap:8px}.checkbox-line{display:flex;align-items:center;gap:12px;padding:16px 0}.checkbox-line input{width:24px;height:24px}.dashboard-header{flex-wrap:wrap;gap:16px}.dashboard-header>div{flex-wrap:wrap}.help{min-width:44px;min-height:44px}@media(max-width:760px){.visit-grid{grid-template-columns:1fr}.detail-list{grid-template-columns:1fr}.detail-list dd{margin-bottom:8px}.visit-workspace h1{font-size:36px}}
.action-form textarea{border:1px solid #ded9d3;border-radius:10px;padding:12px;font:inherit;max-width:100%;width:100%;resize:vertical} code{overflow-wrap:anywhere}
.action-form label.checkbox-line{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer}.action-form .checkbox-line input[type=checkbox]{width:24px;min-width:24px;height:24px;min-height:24px;padding:0;flex:0 0 24px}

.invitation-locations{border:1px solid var(--line);border-radius:12px;padding:12px 18px;margin:22px 0}.invitation-locations .checkbox-line{padding:8px 0}.invitation-locations legend{font-weight:600}.auth-card form+form{margin-top:18px}

.mobile-workspace-menu{display:none}@media(max-width:760px){.sidebar{flex-wrap:wrap}.mobile-workspace-menu{display:block;margin-inline-start:auto}.mobile-workspace-menu[open]{flex-basis:100%}.mobile-workspace-menu summary{cursor:pointer;font-weight:600;padding:8px 12px;border:1px solid var(--line);border-radius:8px}.mobile-workspace-menu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:12px}.mobile-workspace-menu nav a{font-size:13px;padding:10px;border:1px solid var(--line);border-radius:8px}}
.dashboard-header{height:auto;min-height:86px;padding-block:14px}
@media(max-width:760px){.dashboard-header{height:auto;min-height:62px;padding-block:14px}}
@media(max-width:480px){.topbar{height:auto;min-height:78px;flex-wrap:wrap;padding-block:14px}.topbar>.nav{width:100%;justify-content:flex-end;flex-wrap:wrap}}

[hidden]{display:none!important}

.conversation-text{white-space:pre-wrap;overflow-wrap:anywhere}

.evidence-photo{display:block;width:100%;height:auto;max-height:32rem;object-fit:contain;border-radius:12px;background:#f4f2ef}

/* Custom-message editor: large tap rows with compact, conventional checkboxes. */
#notification-editor { max-width: 760px; margin-inline: auto; }
#notification-editor fieldset { min-width: 0; border: 1px solid #deddd8; border-radius: 12px; padding: 18px; }
#notification-editor legend { padding-inline: 8px; font-weight: 700; }
#notification-selected label, #notification-results label { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 8px; border-bottom: 1px solid #efeeea; cursor: pointer; overflow-wrap: anywhere; }
#notification-recipients input[type=checkbox] { width: 22px; height: 22px; min-height: 0; flex: 0 0 22px; padding: 0; margin: 0; accent-color: var(--tb-aa1635,#aa1635); }
#notification-pages { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 12px; }
#notification-pages[hidden], #notification-search[hidden] { display: none; }
#notification-editor button:disabled { opacity: .5; cursor: default; }

.notification-image { display:block; max-width:100%; max-height:480px; object-fit:contain; border-radius:12px; margin-block:12px; }
#notification-editor .notification-remove { display:flex; align-items:center; gap:12px; min-height:48px; }
#notification-editor .notification-remove input { width:22px; height:22px; min-height:0; padding:0; margin:0; }

/* ORG-08: permission matrix */
.table-scroll,.table-wrap{overflow-x:auto;position:relative}
.matrix{border-collapse:collapse;width:100%;font-size:.9rem}
.matrix th,.matrix td{padding:.45rem .6rem;border-bottom:1px solid var(--line,#e4e0da);text-align:center}
.matrix tbody th{text-align:start;font-weight:500}

/* Language menu with SVG flags (emoji flags show as letters on Windows). No script needed. */
.lang-menu{position:relative}
.lang-menu summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 12px;border:1px solid #e7dfd2;border-radius:12px;background:#fff;cursor:pointer;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu summary:hover{border-color:#d8cdbb}
.flag{display:inline-block;width:22px;height:15px;border-radius:4px;overflow:hidden;flex:0 0 22px;box-shadow:0 0 0 1px #0000001f}
.flag svg{width:100%;height:100%;display:block}
.lang-chevron{width:14px;height:14px;color:var(--muted);transition:transform .15s}
.lang-menu[open] .lang-chevron{transform:rotate(180deg)}
.lang-list{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:60;min-width:190px;padding:6px;background:#fff;border:1px solid #e7dfd2;border-radius:14px;box-shadow:0 18px 40px -18px #141c1759;display:grid;gap:2px}
.lang-list button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--ink);text-align:start;cursor:pointer}
.lang-list button:hover{background:#f6f1e9}
.lang-list button[aria-current]{background:var(--tb-fcebee,#fcebee);color:var(--red)}
.lang-check{width:16px;height:16px;margin-inline-start:auto}
.lang-list button[lang=ar]{font-family:Cairo,sans-serif}
@media(max-width:480px){.lang-menu .lang-name{display:none}.lang-menu summary{padding:6px 10px}}

/* U96 brand: outlined ELITE VALET wordmark (partials/wordmark), sized with the surrounding brand text. */
.wordmark{display:block;height:.78em;width:auto;margin-bottom:.32em;overflow:visible}

/* U102 walkthrough: checkboxes and radios inside forms stay small and sit beside their text;
   radio groups read as choice cards; file pickers and empty lists match the rest of the design. */
.action-form input[type=checkbox],.action-form input[type=radio]{width:22px;min-width:22px;height:22px;min-height:0;padding:0;margin:0;flex:0 0 22px;accent-color:var(--red)}
.action-form label:has(>input[type=checkbox]),.action-form label:has(>input[type=radio]){display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer}
.action-form fieldset{border:1px solid #e7dfd2;border-radius:16px;padding:14px 18px;margin:0;min-width:0;display:grid;gap:8px}
.action-form legend{padding-inline:6px;font-weight:700}
.action-form fieldset label:has(>input[type=radio]){border:1px solid #e7dfd2;border-radius:12px;padding:10px 14px;background:#fff;transition:border-color .15s,background .15s}
.action-form fieldset label:has(>input[type=radio]:checked){border-color:var(--red);background:#fcf3f4;font-weight:600}
input[type=file]{font:inherit;font-size:13.5px;color:var(--muted);max-width:100%}
input[type=file]::file-selector-button{font:inherit;font-size:13px;font-weight:600;margin-inline-end:12px;padding:9px 16px;border-radius:10px;border:1px solid #ddd5c8;background:#fff;color:var(--ink);cursor:pointer}
input[type=file]::file-selector-button:hover{border-color:var(--red);color:var(--red)}
.empty-note{display:flex;align-items:center;gap:14px;margin:8px 0;padding:18px 20px;border:1px dashed #d9d0c2;border-radius:16px;background:linear-gradient(180deg,#fffdf9,#f7f3ec);color:var(--muted);font-size:14px}
.empty-note:before{content:'';width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:radial-gradient(circle at 50% 50%,#fff 0 5px,transparent 6px),linear-gradient(135deg,var(--tb-e9c9cf,#e9c9cf),var(--tb-c98e99,#c98e99))}
.panel-body>.empty-note:only-child{margin:0}
/* Arrows point the reading direction: in Arabic (right to left) they are mirrored. */
.dir-arrow{display:inline-block}
html[dir=rtl] .dir-arrow{transform:scaleX(-1)}
/* Slips and receipts: label/value pairs. */
.receipt-meta{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 20px;margin:18px 0}.receipt-meta dt{color:var(--muted)}.receipt-meta dd{margin:0;font-weight:600;overflow-wrap:anywhere}[dir=rtl] .receipt-meta dd[dir=ltr]{text-align:end}
/* Shared pager */
.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0;flex-wrap:wrap}.pager-status{color:var(--muted);font-size:14px;font-weight:600}.pager .is-disabled{opacity:.45;pointer-events:none}
/* Arabic is a joined script: letter spacing (eyebrows, table heads, captions, buttons) breaks the letters apart. */
html[dir=rtl] body :not(svg):not(svg *){letter-spacing:0!important}
/* Phones: the sign-in form comes first, without a screen-tall empty area. */
@media(max-width:760px){.auth-shell{min-height:0}.auth-shell>.auth-intro{order:2}}

/* LITERACY-01 (U107): status badge = colour + icon + one word (partials/status.blade.php). Used on staff and guest pages. */
.status-badge{display:inline-flex;align-items:center;gap:8px;padding-block:5px;padding-inline:5px 14px;border-radius:999px;font:800 15px/1.15 Manrope,Cairo,'DM Sans',sans-serif;letter-spacing:-.01em;white-space:nowrap;vertical-align:middle;
  background:linear-gradient(135deg,var(--sb-bg1),var(--sb-bg2));color:var(--sb-ink);box-shadow:inset 0 0 0 1px var(--sb-line),0 8px 18px -14px var(--sb-dot2)}
.status-dot{width:26px;height:26px;flex:0 0 26px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--sb-dot1),var(--sb-dot2));box-shadow:inset 0 1px 0 #ffffff59,0 3px 8px -3px var(--sb-dot2)}
.status-ico{width:16px;height:16px;stroke-width:2.3}
.status-badge.tone-green{--sb-bg1:#ebf6ee;--sb-bg2:#d5ecdd;--sb-ink:#1b5536;--sb-line:#bfe0ca;--sb-dot1:#3a9a66;--sb-dot2:#1d5a3a}
.status-badge.tone-amber{--sb-bg1:#fff6e2;--sb-bg2:#fde7b8;--sb-ink:#734600;--sb-line:#f6d58f;--sb-dot1:#f3b33a;--sb-dot2:#c27409}
.status-badge.tone-blue{--sb-bg1:#ebf2fd;--sb-bg2:#d4e3f9;--sb-ink:#1a4688;--sb-line:#bcd2f2;--sb-dot1:#4a8ae3;--sb-dot2:#1c4b8f}
.status-badge.tone-crimson{--sb-bg1:#fdecef;--sb-bg2:#f9d3db;--sb-ink:#8e1427;--sb-line:#f2b9c4;--sb-dot1:#d9435b;--sb-dot2:#a6192e}
.status-badge.tone-grey{--sb-bg1:#f4f4f1;--sb-bg2:#e6e7e2;--sb-ink:#454d47;--sb-line:#d9dbd4;--sb-dot1:#97a098;--sb-dot2:#5c655e}
.status-badge.status-hero{font-size:20px;gap:10px;padding-block:7px;padding-inline:7px 20px}
.status-hero .status-dot{width:40px;height:40px;flex-basis:40px}
.status-hero .status-ico{width:22px;height:22px}
html[lang=ar] .status-badge{font-size:16px;letter-spacing:0}
html[lang=ar] .status-badge.status-hero{font-size:21px}
/* U109 client quick-start (/help/start) and its card on the help overview: numbered steps, big icons, two buttons each */
.quick-start .qs-intro{font-size:17px;color:var(--muted);max-width:640px}
.qs-steps{list-style:none;margin:22px 0;padding:0;display:grid;gap:14px}
.qs-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#fbf9f5);scroll-margin-top:90px}
.qs-step:target{border-color:rgb(var(--tb-a6192e-rgb,166 25 46) / 0.4);box-shadow:0 0 0 3px rgb(var(--tb-a6192e-rgb,166 25 46) / 0.102)}
.qs-num{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#2a3530,#141c17);color:#fff;font:800 19px Manrope,Cairo,sans-serif}
.qs-body h2{display:flex;align-items:center;gap:10px;margin:4px 0 6px;font-size:20px}
.qs-body p{margin:0 0 10px;line-height:1.6}
.qs-ico{width:22px;height:22px;color:var(--red);flex:0 0 auto}
.qs-links{display:flex;flex-wrap:wrap;gap:8px}
.qs-card{display:flex;align-items:center;gap:14px;margin:12px 0 4px;padding:16px 18px;border-radius:18px;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--ts-2a3530,#2a3530),var(--ts-141c17,#141c17) 70%,var(--tb-3a1219,#3a1219));box-shadow:0 14px 30px -18px rgb(var(--ts-141c17-rgb,20 28 23) / 0.8)}
.qs-card strong{display:block;font-size:18px}.qs-card small{display:block;opacity:.8;font-size:14px}
.qs-card-ico{width:30px;height:30px;color:var(--ta-e7c98f,#e7c98f);flex:0 0 auto}
.qs-card .dir-arrow{margin-inline-start:auto;font-size:22px}
@media(max-width:600px){.qs-step{grid-template-columns:1fr;padding:16px}.qs-num{width:38px;height:38px}}

/* UTOPIA credit (small, muted, glows on hover); dark pages restyle it in site-v2.css. */
.credit{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7c867e;transition:color .3s,text-shadow .3s}.credit b{font-weight:800;letter-spacing:.2em}.credit:hover,.credit:focus-visible{color:#a6192e;text-shadow:0 0 12px #e0566b55}.credit-line{margin-top:28px}
.credit{text-decoration:none}
.credit{color:#5c665e}