.requester-workspace,.requester-auth-shell { --ink:#203748; --muted:#70818f; --line:#e1e9ec; --brand:#17675b; --rq-surface:#fff; --rq-soft:#f4f8f7; --rq-tint:#eaf5ef; color:var(--ink); background:#f4f7f6; }
.requester-auth-shell { font-family:system-ui,-apple-system,sans-serif; line-height:1.6; }
.requester-workspace .requester-shell { max-width:1520px; margin:auto; padding:8px 8px 40px; }
.requester-auth-shell .requester-shell { max-width:1240px; margin:auto; padding:36px 20px 60px; }
.requester-workspace a,.requester-auth-shell a { color:var(--brand); }
.requester-workspace .requester-topbar-title { color:var(--ink); font-size:13px; font-weight:650; }
.requester-workspace .topbar { height:auto; min-height:var(--bs-topbar-height,80px); }
.requester-workspace .topbar > .container-fluid { padding-inline:clamp(14px,2vw,24px); }
.requester-workspace .topbar .navbar-header { min-height:var(--bs-topbar-height,80px); padding-block:12px; gap:16px; }
.requester-workspace .requester-topbar-start,.requester-workspace .requester-topbar-actions { display:flex; align-items:center; gap:12px; min-width:0; }
.requester-workspace .requester-topbar-actions { flex-shrink:0; gap:10px; }
.requester-workspace .requester-topbar-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.requester-workspace .topbar .topbar-button { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:44px; height:44px; padding:0; border:1px solid var(--line); border-radius:12px; background:var(--rq-soft); color:var(--ink); font-size:22px; line-height:1; cursor:pointer; transition:background .15s,border-color .15s,color .15s; }
.requester-workspace .topbar .topbar-button:hover { background:var(--rq-tint); border-color:#8fb9a9; color:var(--brand); }
.requester-workspace .topbar .topbar-button:active { background:var(--rq-tint); }
.requester-workspace .topbar .requester-signout:hover { background:#fff1f2; border-color:#efb6be; color:#b4233b; }
.requester-workspace .requester-topbar-actions form { display:flex; align-items:center; }
@media(prefers-reduced-motion:reduce) { .requester-workspace .topbar .topbar-button { transition:none; } }
.requester-account-avatar { display:grid; place-items:center; width:35px; height:35px; border-radius:11px; background:var(--rq-tint); color:var(--brand); font-size:12px; font-weight:700; }
.requester-account-name strong { display:block; max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:var(--ink); }
.requester-account-name small { display:block; font-size:10px; color:var(--muted); }
.requester-workspace .company-sidebar .company-sidebar-brand { color:var(--cs-bright); }
.requester-workspace .company-sidebar .nav-link { color:var(--cs-text); }
.requester-workspace .company-sidebar .nav-link.active { color:var(--cs-bright); }
.requester-workspace .company-sidebar .requester-nav-count { display:inline-grid; place-items:center; margin-left:auto; background:#ffffff10; border-radius:6px; color:var(--cs-text); padding:2px 6px; font-size:10px; }
.requester-sidebar-help { margin:20px 16px; padding:17px; border:1px solid #a4c2ca26; background:#a4c2ca08; border-radius:12px; }
.requester-sidebar-help > i { display:block; font-size:23px; color:var(--cs-accent); margin-bottom:12px; }
.requester-sidebar-help strong { display:block; color:var(--cs-bright); font-size:12px; }
.requester-sidebar-help p { font-size:10px; line-height:1.8; color:var(--cs-text); margin:8px 0 15px; }
.requester-workspace .requester-sidebar-help a { font-size:10px; font-weight:600; color:var(--cs-accent); }
html[data-menu-size=condensed] .requester-sidebar-help,html[data-menu-size=condensed] .requester-nav-count,html[data-menu-size=sm-hover] .company-sidebar:not(:hover) .requester-sidebar-help,html[data-menu-size=sm-hover] .company-sidebar:not(:hover) .requester-nav-count { display:none !important; }
.requester-panel { background:var(--rq-surface); border:1px solid var(--line); border-radius:15px; box-shadow:0 4px 20px #17374804; }
.requester-heading { color:var(--ink); font-size:27px; font-weight:750; letter-spacing:-.035em; overflow-wrap:anywhere; }
.requester-eyebrow { text-transform:uppercase; letter-spacing:.12em; font-size:9px; font-weight:750; color:var(--brand); }
.requester-muted { color:var(--muted); font-size:11px; line-height:1.8; overflow-wrap:anywhere; }
.requester-workspace h2,.requester-auth-shell h1 { color:var(--ink); }
.requester-workspace .h4 { font-size:20px; }.requester-workspace .h5 { font-size:15px; }.requester-workspace .h6 { font-size:13px; }
.requester-workspace .btn,.requester-auth-shell .btn { border-radius:9px; font-size:11px; font-weight:650; min-height:39px; display:inline-flex; align-items:center; justify-content:center; }
.requester-workspace .btn-primary,.requester-auth-shell .btn-primary { background:var(--brand); border-color:var(--brand); color:#fff; }
.requester-workspace .btn-primary:hover,.requester-auth-shell .btn-primary:hover { background:#115448; border-color:#115448; }
.requester-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; margin-bottom:23px; }
.requester-summary-card { display:flex; align-items:center; gap:15px; padding:21px 23px; background:var(--rq-surface); border:1px solid var(--line); border-radius:14px; }
.requester-summary-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:var(--rq-tint); color:var(--brand); font-size:22px; }
.requester-summary-icon.is-open { background:#fff4df; color:#946010; }.requester-summary-icon.is-closed { background:#edf2fb; color:#426b9c; }
.requester-summary-card > div > span { display:block; color:var(--muted); font-size:10px; margin-bottom:4px; }.requester-summary-card strong { display:block; color:var(--ink); font-size:26px; line-height:1.3; font-weight:750; }
.requester-dashboard-grid { display:grid; grid-template-columns:290px minmax(0,1fr); gap:22px; align-items:start; }.requester-dashboard-grid > * { min-width:0; }
.requester-status { display:inline-flex; border-radius:20px; padding:4px 9px; background:#edf4fb; color:#356790; font-weight:650; font-size:9px; text-transform:capitalize; white-space:nowrap; }
.requester-status-closed { background:var(--rq-soft); color:var(--muted); }.requester-status-assigned,.requester-status-contacted { background:var(--rq-tint); color:var(--brand); }.requester-status-reviewed { background:#f1edfa; color:#66529a; }
.requester-thread { display:block; padding:15px; border:1px solid var(--line); border-radius:10px; color:var(--ink) !important; margin-bottom:10px; text-decoration:none; }
.requester-thread:hover,.requester-thread.active { background:var(--rq-tint); border-color:#aacdbd; text-decoration:none; }.requester-thread.active { box-shadow:inset 3px 0 0 var(--brand); }
.requester-thread > strong { font-size:12px; line-height:1.6; overflow-wrap:anywhere; }.requester-thread .requester-muted { font-size:10px; }.requester-list-panel { max-height:850px; overflow-y:auto; scrollbar-width:thin; }
.requester-list-empty { padding:25px 10px; text-align:center; }.requester-list-empty > i { display:block; font-size:30px; color:var(--muted); margin-bottom:15px; }
.requester-details > p:not(.requester-muted) { color:var(--ink); font-size:12px; line-height:1.85; max-height:180px; overflow-y:auto; }
.requester-messages { display:flex; flex-direction:column; gap:17px; height:400px; max-height:540px; overflow-y:auto; padding:23px; background:var(--rq-soft); scrollbar-width:thin; overscroll-behavior:contain; }
.requester-bubble { align-self:flex-start; max-width:90%; background:var(--rq-surface); color:var(--ink); border:1px solid var(--line); border-radius:13px 13px 13px 3px; padding:13px 16px; overflow-wrap:anywhere; }
.requester-bubble.mine { align-self:flex-end; background:var(--rq-tint); border-color:#cfe3d9; border-radius:13px 13px 3px 13px; }.requester-message-body { white-space:pre-wrap; font-size:12px; line-height:1.8; }.requester-message-meta { font-size:9px; color:var(--muted); margin-bottom:8px; }.requester-message-meta strong { color:var(--brand); }
.requester-refresh { display:grid; place-items:center; flex-shrink:0; width:33px; height:33px; border-radius:8px; border:1px solid var(--line); font-size:17px; color:var(--muted) !important; }
.requester-whatsapp { background:var(--rq-tint); border:1px solid #c8e3d6; border-radius:12px; padding:18px 22px; }.requester-whatsapp strong { color:var(--ink); font-size:12px; }.requester-whatsapp .btn { background:#187940; color:#fff; border:1px solid #187940; font-size:11px; white-space:normal; }
.requester-workspace .form-control,.requester-auth-shell .form-control { border-radius:9px; border-color:var(--line); background:var(--rq-surface); color:var(--ink); padding:10px 12px; font-size:12px; line-height:1.8; }.requester-workspace .form-label,.requester-auth-shell .form-label { color:var(--ink); font-size:11px; font-weight:650; }.requester-workspace form small { color:var(--muted); font-size:10px; }
.requester-workspace .pagination { gap:3px; margin:15px 0 0; flex-wrap:wrap; }.requester-workspace .page-link { font-size:10px; background:var(--rq-surface); color:var(--brand); border-color:var(--line); }.requester-workspace .page-item.active .page-link { background:var(--brand); color:#fff; }
.requester-welcome { min-height:350px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.requester-nav { background:var(--rq-surface); border-bottom:1px solid var(--line); }.requester-nav .container { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; padding-top:16px; padding-bottom:16px; }.requester-brand { display:flex; align-items:center; gap:12px; font-weight:800; color:var(--ink) !important; text-decoration:none; }.requester-brand img { width:45px; height:42px; object-fit:contain; }.requester-links { display:flex; align-items:center; gap:20px; flex-wrap:wrap; font-size:13px; }.requester-auth { max-width:480px; margin:36px auto; }
.requester-workspace :is(a,button,input,textarea):focus-visible,.requester-auth-shell :is(a,button,input,textarea):focus-visible { outline:2px solid #68a88d; outline-offset:3px; }
[data-bs-theme=dark] .requester-workspace { --ink:#e1ece8; --muted:#a5b9b2; --line:#354943; --brand:#9dd1bc; --rq-surface:#1b2c27; --rq-soft:#14221e; --rq-tint:#26443a; background:#14221e; }
[data-bs-theme=dark] .requester-workspace .btn-primary { background:#276d59; border-color:#3c846e; color:#fff; }[data-bs-theme=dark] .requester-workspace .requester-bubble.mine { border-color:#3b6152; }[data-bs-theme=dark] .requester-workspace .requester-whatsapp { border-color:#3b6152; }[data-bs-theme=dark] .requester-workspace .requester-summary-icon.is-open { background:#3b3222; color:#e5bc76; }[data-bs-theme=dark] .requester-workspace .requester-summary-icon.is-closed,[data-bs-theme=dark] .requester-workspace .requester-status { background:#253746; color:#9fc8eb; }[data-bs-theme=dark] .requester-workspace .requester-status-closed { background:var(--rq-soft); color:var(--muted); }
@media(max-width:1399px) { .requester-dashboard-grid { grid-template-columns:250px minmax(0,1fr); gap:18px; } }
@media(max-width:991.98px) { .requester-dashboard-grid { grid-template-columns:1fr; }.requester-list-panel { max-height:360px; }.requester-summary-card { padding:18px; gap:11px; }.requester-summary-card strong { font-size:24px; } }
@media(max-width:575.98px) { .requester-workspace .requester-shell { padding-inline:0; }.requester-summary { gap:9px; }.requester-summary-card { padding:14px 10px; flex-direction:column; align-items:flex-start; gap:10px; }.requester-summary-icon { width:31px; height:31px; font-size:17px; }.requester-summary-card > div > span { font-size:9px; }.requester-heading { font-size:23px; }.requester-messages { height:350px; padding:15px; }.requester-bubble { max-width:96%; }.requester-whatsapp { padding:18px; }.requester-auth-shell .requester-shell { padding:24px 12px; } }