/* TANABANG EXPERIENCE HUB — MULTI BRAND THEME V2.4
   A purely presentational layer: existing holding shell, data, permissions and QR links remain unchanged. */
:root{--tg-accent:#2456A5;--tg-deep:#172947;--tg-pale:#EFF4FC;--tg-border:#D7E2F3;--tg-contrast:#fff}
body[data-tg-theme="retail"]{--tg-accent:#C81035;--tg-deep:#870F29;--tg-pale:#FFF0F3;--tg-border:#F6D5DD}
body[data-tg-theme="laundry"]{--tg-accent:#1757AD;--tg-deep:#092E7A;--tg-pale:#EAF2FF;--tg-border:#D5E5FC}
body[data-tg-theme="clinic"]{--tg-accent:#187C4C;--tg-deep:#095332;--tg-pale:#ECF8F1;--tg-border:#CCE8D8}
body[data-tg-theme="group"]{--tg-accent:#2456A5;--tg-deep:#172947;--tg-pale:#EFF4FC;--tg-border:#D7E2F3}
/* The corporate holding sidebar is deliberately unchanged across all brands. */
body[data-tg-theme]:not([data-tg-theme="group"]) .workspace {background:linear-gradient(180deg,var(--tg-pale) 0%,#F7F9FC 420px,#F7F9FC 100%)}
body[data-tg-theme]:not([data-tg-theme="group"]) .work-main {background:transparent}
body[data-tg-theme]:not([data-tg-theme="group"]) .work-top {border-bottom:2px solid var(--tg-border)}
body[data-tg-theme]:not([data-tg-theme="group"]) .mobile-nav a{color:var(--tg-deep);background:var(--tg-pale)}
body[data-tg-theme]:not([data-tg-theme="group"]) .page-heading .eyebrow,
body[data-tg-theme]:not([data-tg-theme="group"]) .cx-kicker,
body[data-tg-theme]:not([data-tg-theme="group"]) .oq23 .oq23-kicker{color:var(--tg-deep)}
body[data-tg-theme]:not([data-tg-theme="group"]) .cx-kicker span{background:var(--tg-accent)}
body[data-tg-theme]:not([data-tg-theme="group"]) .cx-btn.cx-primary,
body[data-tg-theme]:not([data-tg-theme="group"]) .work-main .btn.primary,
body[data-tg-theme]:not([data-tg-theme="group"]) .work-main .filter-btn{background:var(--tg-deep)!important;color:#fff!important;border-color:var(--tg-deep)!important}
body[data-tg-theme]:not([data-tg-theme="group"]) .cx-btn.cx-secondary,
body[data-tg-theme]:not([data-tg-theme="group"]) .work-main .btn.secondary{color:var(--tg-deep)!important;border-color:var(--tg-border)!important;background:#fff!important}
body[data-tg-theme]:not([data-tg-theme="group"]) .work-main select:focus,
body[data-tg-theme]:not([data-tg-theme="group"]) .work-main input:focus,
body[data-tg-theme]:not([data-tg-theme="group"]) .work-main textarea:focus{outline:2px solid var(--tg-border);border-color:var(--tg-accent)}
body[data-tg-theme]:not([data-tg-theme="group"]) .cx-holding-panel,
body[data-tg-theme]:not([data-tg-theme="group"]) .cx-panel {box-shadow:0 8px 26px rgba(20,36,66,.045)}
body[data-tg-theme]:not([data-tg-theme="group"]) .cx-metric:first-child::before{background:var(--tg-accent)}
body[data-tg-theme]:not([data-tg-theme="group"]) .cx-metric:first-child .cx-metric-icon{color:var(--tg-deep);background:var(--tg-pale)}
body[data-tg-theme]:not([data-tg-theme="group"]) .cx-csat-foot strong,
body[data-tg-theme]:not([data-tg-theme="group"]) .cx-unit.is-current{color:var(--tg-deep)}
body[data-tg-theme]:not([data-tg-theme="group"]) .cx-trend-graph svg [stroke="#2059ad"],
body[data-tg-theme]:not([data-tg-theme="group"]) .cx-trend-graph svg [stroke="#255bb0"]{stroke:var(--tg-accent)}
body[data-tg-theme]:not([data-tg-theme="group"]) .cx-trend-graph svg [fill="#153b76"]{fill:var(--tg-deep)}
body[data-tg-theme]:not([data-tg-theme="group"]) .cx-funnel-bar span{background:var(--tg-accent)}
body[data-tg-theme]:not([data-tg-theme="group"]) .tabs a.active{background:var(--tg-pale);color:var(--tg-deep);border-color:var(--tg-border)}
/* Compact brand identity banner in admin pages with a business filter selected. */
.tg-brand-banner{width:100%;min-height:104px;display:flex;align-items:center;gap:20px;margin:0 0 22px;padding:17px 23px;border-radius:18px;border:1px solid var(--tg-border);border-left:5px solid var(--tg-accent);background:linear-gradient(110deg,#fff 4%,var(--tg-pale) 100%);box-shadow:0 7px 23px rgba(17,37,64,.055);font-family:inherit}
.tg-brand-banner-logo{width:160px;height:68px;padding:8px 12px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #E9EDF2;flex:none}
.tg-brand-banner-logo img{display:block;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}
.tg-brand-banner--clinic .tg-brand-banner-logo{width:95px;height:84px}
.tg-brand-banner-text{min-width:0;flex:1}.tg-brand-banner-text small{display:block;margin:0 0 5px;color:var(--tg-deep);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.tg-brand-banner-text strong{display:block;color:#1A263A;font-size:clamp(17px,2vw,22px);font-weight:800;letter-spacing:-.025em;line-height:1.2}.tg-brand-banner-text p{color:#596B80;font-size:12px;margin:6px 0 0;line-height:1.5}
.tg-brand-banner-marker{background:#fff;border:1px solid var(--tg-border);color:var(--tg-deep);border-radius:999px;padding:7px 12px;font-size:11px;font-weight:750;white-space:nowrap}
/* QR menu: show all groups or focus on one selected business, without altering any QR URL. */
.tg-scope-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-2px 0 20px;padding:10px;border-radius:16px;background:#fff;border:1px solid #E3E8F1;box-shadow:0 4px 18px rgba(23,39,69,.045)}
.tg-scope-label{font-size:11px;font-weight:800;color:#6E7A8C;letter-spacing:.04em;padding:0 10px 0 5px}
.tg-scope-tab{border:1px solid #E0E6F0;border-radius:11px;background:#F7F9FC;color:#40516A;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:12px;font-weight:800;transition:background .14s,transform .14s,color .14s}
.tg-scope-tab:hover{transform:translateY(-1px);background:#EDF3FA}.tg-scope-tab[aria-pressed="true"]{background:var(--tg-pale);border-color:var(--tg-accent);color:var(--tg-deep)}
.tg-scope-dot{display:block;width:9px;height:9px;flex:none;border-radius:100%;background:var(--tg-tab-color,#2856A4)}
.tg-scope-tab[aria-pressed="true"] .tg-scope-dot{box-shadow:0 0 0 3px rgba(255,255,255,.7)}
.oq23 .oq23-group[hidden]{display:none!important}
body[data-tg-theme]:not([data-tg-theme="group"]) .oq23 .oq23-helper{border-left-color:var(--tg-accent);background:linear-gradient(90deg,var(--tg-pale),#fff)}
body[data-tg-theme]:not([data-tg-theme="group"]) .oq23 .oq23-count{border-color:var(--tg-border);background:var(--tg-pale)}
/* Public survey/complaint forms retain the business logo and reflect the chosen brand. */
body.public-shell[data-tg-theme]:not([data-tg-theme="group"]){background:linear-gradient(165deg,var(--tg-pale) 0%,#fff 55%,#f8f9fb 100%)}
body.public-shell[data-tg-theme]:not([data-tg-theme="group"]) .form-card{border-top:5px solid var(--tg-accent);box-shadow:0 15px 42px rgba(24,44,70,.08)}
body.public-shell[data-tg-theme]:not([data-tg-theme="group"]) .form-card .btn.primary{background:var(--tg-deep)!important;color:#fff!important;border-color:var(--tg-deep)!important}
body.public-shell[data-tg-theme]:not([data-tg-theme="group"]) .public-top{border-bottom:2px solid var(--tg-border)}
body.public-shell[data-tg-theme]:not([data-tg-theme="group"]) .rating-point input:checked+span{background:var(--tg-accent);border-color:var(--tg-accent)}
/* Never overpower critical or status indicators with brand colors. */
body[data-tg-theme] .status,body[data-tg-theme] .priority,body[data-tg-theme] .alert-danger{filter:none}
@media(max-width:820px){.tg-brand-banner{gap:13px;padding:13px 15px;min-height:84px}.tg-brand-banner-logo{width:118px;height:62px}.tg-brand-banner--clinic .tg-brand-banner-logo{width:78px;height:68px}.tg-brand-banner-marker{display:none}.tg-scope-label{flex-basis:100%;padding-bottom:2px}}
@media(max-width:520px){.tg-brand-banner{border-radius:14px;gap:12px}.tg-brand-banner-logo{width:93px;height:57px;padding:6px}.tg-brand-banner--clinic .tg-brand-banner-logo{width:64px;height:62px}.tg-brand-banner-text strong{font-size:14px}.tg-brand-banner-text p{font-size:10px}.tg-brand-banner-text small{font-size:9px}.tg-scope-tabs{gap:6px}.tg-scope-tab{padding:9px 10px;font-size:11px}}
@media print{.tg-scope-tabs,.tg-brand-banner{display:none!important}}
@media(prefers-reduced-motion:reduce){.tg-scope-tab{transition:none}}