/* ========================================================================== 
   SocoApp v12.5.1 — internal stability layer

   This file is loaded after the proven v12.4 layout baseline. It intentionally
   avoids global layout rewrites. Public Ticketing, public registration,
   reimbursement public pages, and email templates do not load this asset.
   ========================================================================== */

:root{
  --app-bg:#f4f5fb;
  --app-surface:#fff;
  --app-surface-2:#f8f8fc;
  --app-surface-3:#f0eff8;
  --app-border:#e6e5f2;
  --app-border-strong:#d5d3e7;
  --app-text:#1d184b;
  --app-text-2:#6c6892;
  --app-text-3:#9a97b5;
  --app-accent:#4f46b8;
  --app-accent-soft:#eceafb;
  --app-shadow:0 24px 60px -34px rgba(29,24,75,.6);
}

html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{
  color-scheme:dark;
  --canvas:#0b100e;
  --paper:#141b17;
  --ink:#f1f4f2;
  --ink-2:#b3beb8;
  --ink-3:#849188;
  --line:#2b3730;
  --line-2:#202923;
  --indigo:#aaa5ff;
  --indigo-soft:#29264a;
  --coral-soft:#3a2222;
  --ui-green:#62d293;
  --ui-green-dark:#7be1a5;
  --ui-green-soft:#183728;
  --ui-border:#2b3730;
  --ui-muted:#b3beb8;
  --ui-ink:#f1f4f2;
  --ui-bg:#0b100e;
  --app-bg:#0b100e;
  --app-surface:#141b17;
  --app-surface-2:#19221d;
  --app-surface-3:#202b24;
  --app-border:#2b3730;
  --app-border-strong:#3d4d44;
  --app-text:#f1f4f2;
  --app-text-2:#b3beb8;
  --app-text-3:#849188;
  --app-accent:#aaa5ff;
  --app-accent-soft:#29264a;
  --app-shadow:0 28px 70px -38px rgba(0,0,0,.78);
}

/* ---------- Containment without changing component layout ---------- */
body.soco-internal{max-width:100%;overflow-x:hidden;background:var(--canvas);color:var(--ink)}
body.soco-internal :where(.app,.main,#views,.view){min-width:0;max-width:100%}
body.soco-internal #views>.view,
body.soco-internal #views>.view>*{min-width:0;max-width:100%}
body.soco-internal :where(img,video,canvas){max-width:100%}
body.soco-internal :where(input,select,textarea,button){min-width:0;max-width:100%}
body.soco-internal :where(.table-wrap,.table-responsive,[class$="-table-wrap"],[class*=" table-wrap"]){max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
body.soco-internal :where(.section-head,.page-head,.toolbar,[class$="-toolbar"],[class*="-actions"],.filters,.filter-bar){min-width:0}
body.soco-internal :where(.section-head,.page-head,.toolbar,[class$="-toolbar"],[class*="-actions"]){flex-wrap:wrap}
body.soco-internal :where(h1,h2,h3,h4,p,small,b,strong,label,code){overflow-wrap:anywhere}
body.soco-internal .main{overflow-x:hidden}
body.soco-internal #views{width:min(100%,1440px);margin-inline:auto}

/* ---------- Restore the corrected v12.4 direct-flow rules ---------- */
body.soco-internal #views>.view:not(.hidden)>:first-child{margin-top:0}
body.soco-internal :where(.direct-submodule-page,.ops-page,.participant-page,.log-page,.imp-page,.loc-database-page,.loc-manage-page,.loc-main-page,.fbk-page,.fbk-main-page,.insight-page){display:grid;gap:16px}
body.soco-internal .page-action-strip{margin:0;box-shadow:none;background:#fff}
body.soco-internal .action-strip-spacer{flex:1 1 auto}
body.soco-internal .loc-compact-count{display:flex;align-items:center;gap:9px;margin-left:auto;padding:8px 11px;border:1px solid #e2ebe5;border-radius:12px;background:#f7faf8;color:#174c38}
body.soco-internal .loc-compact-count .ic{width:20px;height:20px}
body.soco-internal .loc-compact-count b{font-size:18px;line-height:1}
body.soco-internal .loc-compact-count small{font-size:10px;color:#718078}
body.soco-internal .booking-view-toggle{flex:none}
body.soco-internal .booking-view-toggle button{min-width:88px}
body.soco-internal .bkg-page .ops-board{padding:18px}
body.soco-internal .bkg-page .ops-section-head{margin-bottom:14px}
body.soco-internal .bkg-page .ops-section-head p{margin-top:3px}
body.soco-internal .bkg-page .ops-filter-bar{margin:0 0 16px}
body.soco-internal .bkg-calendar{border:1px solid var(--ui-border);border-radius:14px;background:#fff}
body.soco-internal .participant-payment-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px}
body.soco-internal .participant-payment-proof-card{overflow:hidden;border:1px solid #e1e9e4;border-radius:14px;background:#fff}
body.soco-internal .participant-payment-proof-media{aspect-ratio:4/3;background:#f3f6f4;display:grid;place-items:center;overflow:hidden}
body.soco-internal .participant-payment-proof-media a,
body.soco-internal .participant-payment-proof-media img{width:100%;height:100%}
body.soco-internal .participant-payment-proof-media img{object-fit:contain;background:#f7f9f8}
body.soco-internal .participant-proof-empty{padding:20px;color:#78847e;font-size:12px;text-align:center}
body.soco-internal .participant-payment-proof-copy{display:grid;gap:8px;padding:13px}
body.soco-internal .participant-payment-proof-copy>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
body.soco-internal .participant-payment-proof-copy>span{font-size:11px;color:#708078;overflow-wrap:anywhere}
body.soco-internal .impact-workflow-modal{z-index:1250}
body.soco-internal .impact-workflow-modal-box{
  width:min(1240px,calc(100vw - 36px));max-width:none;
  max-height:calc(100vh - var(--internal-dialog-gutter,26px) - var(--internal-dialog-gutter,26px));
  max-height:calc(100dvh - var(--internal-dialog-gutter,26px) - var(--internal-dialog-gutter,26px));
  padding:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);border-radius:20px
}
body.soco-internal .impact-workflow-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #e4ebe6;background:#fff}
body.soco-internal .impact-workflow-head h3{margin:2px 0 0;font-size:22px}
body.soco-internal .impact-workflow-host{min-height:0;overflow:auto;padding:18px;background:#f4f7f5}
body.soco-internal .impact-workflow-host>.imp-page{gap:16px}
body.soco-internal .impact-workflow-host .impact-form-tools{position:sticky;top:-18px;z-index:4;border-radius:0 0 14px 14px}
body.soco-internal .impact-database-actions{justify-content:flex-end}
body.soco-internal .evt-doc-popover.open-up{top:auto!important;bottom:calc(100% + 8px)}

/* ---------- Compact shared toolbars ---------- */
body.soco-internal .workspace-toolbar,
body.soco-internal .workspace-context-bar,
body.soco-internal .direct-action-strip{
  display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;
  margin:0;padding:11px 13px;border:1px solid #dfe8e2;border-radius:15px;background:#fff;
  box-shadow:0 10px 28px -30px rgba(20,55,42,.5)
}
body.soco-internal .workspace-nav{display:flex;align-items:center;gap:5px;min-width:0;padding:4px;border-radius:12px;background:#f3f7f4;overflow:auto;scrollbar-width:none}
body.soco-internal .workspace-nav::-webkit-scrollbar{display:none}
body.soco-internal .workspace-nav button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 13px;border:0;border-radius:9px;background:transparent;color:#526159;font:750 12px/1.2 var(--sans);white-space:nowrap;cursor:pointer}
body.soco-internal .workspace-nav button:hover{background:#fff;color:#214d36}
body.soco-internal .workspace-nav button.active{background:#fff;color:#145f39;box-shadow:0 7px 18px -15px rgba(18,70,44,.65),inset 0 0 0 1px #d5e5db}
body.soco-internal .workspace-nav .ic{width:16px;height:16px}
body.soco-internal .workspace-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}
body.soco-internal .workspace-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin:0;white-space:nowrap}
body.soco-internal .workspace-title{display:flex;align-items:center;gap:11px;min-width:0}
body.soco-internal .workspace-title>div{display:grid;gap:2px;min-width:0}
body.soco-internal .workspace-title b{font-size:13px;color:#243a2f}
body.soco-internal .workspace-title small{font-size:10px;color:#728078}
body.soco-internal .workspace-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;background:#eaf5ee;color:#20724d}
body.soco-internal .workspace-icon .ic{width:19px;height:19px}
body.soco-internal .workspace-metric{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid #dfe8e2;border-radius:11px;background:#f8faf8;color:#27523d;white-space:nowrap}
body.soco-internal .workspace-metric .ic{width:17px;height:17px;color:#27805a}
body.soco-internal .workspace-metric b{font-size:14px}
body.soco-internal .workspace-metric small{font-size:9.5px;color:#738078}
body.soco-internal .workspace-context-bar{justify-content:flex-start;min-height:58px}
body.soco-internal .context-back,
body.soco-internal .workspace-back{appearance:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;margin:0 0 12px;padding:8px 12px;border:0;border-radius:10px;background:#fff;color:#17653d;font:750 12px/1.2 var(--sans);cursor:pointer;box-shadow:inset 0 0 0 1px #dfe8e2}
body.soco-internal .context-back:hover,
body.soco-internal .workspace-back:hover{background:#edf6f1}

/* ---------- Sidebar dikembalikan ke gaya ijo/putih polos (style.css baseline).
   Blok override navy/coral v12.5.1 sengaja dicabut atas permintaan Ikal,
   2026-08-04 — sidebar balik seperti tampilan sebelum staging R2/R3.
   Warisan struktural nav-direct (Lokasi/Feedback sebagai menu langsung) tetap
   dipertahankan, cuma warnanya yang dikembalikan ke skema hijau dasar. ---------- */
body.soco-internal .nav-group.nav-direct>.nav-head{width:100%}
body.soco-internal .nav-group.nav-direct>.nav-head .nav-head-main{width:100%}
body.soco-internal.sb-ciut .nav-group.nav-direct>.nav-head,
body.sb-ciut.soco-internal .nav-group.nav-direct>.nav-head{width:48px}
/* Lokasi/Feedback (menu langsung tanpa submenu) memakai state aktif hijau yang
   sama dengan .nav-item.active di style.css, supaya tetap kelihatan aktif
   walau tanpa override navy/coral di atas. */
body.soco-internal .nav-group.nav-direct.active-module>.nav-head{background:#E1F1E8;color:#14613F;box-shadow:none}
body.soco-internal .nav-group.nav-direct.active-module>.nav-head .ic{color:#14613F}

/* ---------- Theme control; it must float above content but below dialogs ---------- */
body.soco-internal .theme-control{position:relative}
body.soco-internal .theme-toggle{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
body.soco-internal .theme-toggle-icon{color:var(--indigo)}
body.soco-internal .theme-menu{
  position:absolute;top:calc(100% + 8px);right:0;z-index:110;display:grid;gap:4px;width:230px;
  padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-lg)
}
body.soco-internal .theme-menu>button{display:grid;gap:2px;width:100%;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
body.soco-internal .theme-menu>button span{font-size:13px;font-weight:800}
body.soco-internal .theme-menu>button small{color:var(--ink-2);font-size:10.5px}
body.soco-internal .theme-menu>button:hover{background:var(--line-2)}
body.soco-internal .theme-menu>button.active{background:var(--indigo-soft);color:var(--indigo)}

/* ---------- One dialog contract for every internal pop-up ---------- */
body.modal-open,
body.fbk-modal-open{overflow:hidden}
body.soco-internal :where(.modal,.fbk-modal){
  --internal-dialog-gutter:clamp(14px,2.5vw,26px);
  position:fixed!important;inset:0!important;z-index:1200;display:grid;
  grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;
  width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;
  margin:0!important;padding:var(--internal-dialog-gutter);overflow-y:auto;overscroll-behavior:contain;
  background:rgba(29,24,75,.56);backdrop-filter:blur(6px)
}
body.soco-internal :where(.modal,.fbk-modal).hidden{display:none!important}
body.soco-internal :where(.modal,.fbk-modal)>
  :where(.modal-box,.fbk-modal-box){
  position:relative;min-width:0;max-width:calc(100vw - var(--internal-dialog-gutter) - var(--internal-dialog-gutter));
  max-height:calc(100vh - var(--internal-dialog-gutter) - var(--internal-dialog-gutter));
  max-height:calc(100dvh - var(--internal-dialog-gutter) - var(--internal-dialog-gutter));
  margin:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:var(--app-shadow)
}
body.soco-internal :where(.modal-box,.fbk-modal-box,.ops-modal-box,.loc-detail-box,.log-da-modal-box){overscroll-behavior:contain}
body.soco-internal .ops-modal-box{display:flex;flex-direction:column;overflow:hidden}
body.soco-internal .ops-modal-scroll,
body.soco-internal .ops-form,
body.soco-internal .fbk-modal-body{min-height:0;overflow-y:auto}
body.soco-internal .loc-detail-box{overflow-y:auto;overflow-x:hidden}
body.soco-internal .toast{z-index:1400}
body.soco-internal .password-first-modal{z-index:1300}

/* ---------- Participant Insight: Leaderboard is a section, never a third tab ---------- */
body.soco-internal .participant-insight-leaderboard{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow)}
body.soco-internal .participant-insight-leaderboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.soco-internal .participant-insight-leaderboard-head h3{font-size:18px}
body.soco-internal .participant-insight-leaderboard-head p{margin:3px 0 0;color:var(--ink-2);font-size:12px}
body.soco-internal .participant-insight-divider{height:1px;background:var(--line);margin:2px 0}
body.soco-internal .participant-leaderboard-summary{display:grid;gap:12px}
body.soco-internal .participant-leaderboard-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
body.soco-internal .participant-leaderboard-person{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;align-items:center;min-width:0;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--paper);overflow:hidden}
body.soco-internal .participant-leaderboard-person.rank-1{border-color:#b9d9c7;background:linear-gradient(145deg,#eef8f2,var(--paper) 60%)}
body.soco-internal .participant-leaderboard-rank{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--line-2);color:var(--ink-2);font:800 12px/1 var(--sans)}
body.soco-internal .rank-1 .participant-leaderboard-rank{background:#23835a;color:#fff}
body.soco-internal .participant-leaderboard-person>div{min-width:0}
body.soco-internal .participant-leaderboard-person b,
body.soco-internal .participant-leaderboard-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.soco-internal .participant-leaderboard-person b{font-size:13px;color:var(--ink)}
body.soco-internal .participant-leaderboard-person small{margin-top:3px;font-size:11px;color:var(--ink-3)}
body.soco-internal .participant-leaderboard-person>strong{grid-column:1/-1;display:flex;align-items:baseline;gap:5px;font:800 23px/1 var(--sans);color:#23835a}
body.soco-internal .participant-leaderboard-person>strong small{font:700 10px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
body.soco-internal .participant-leaderboard-metrics{display:flex;gap:8px;flex-wrap:wrap}
body.soco-internal .participant-leaderboard-metrics span{padding:7px 10px;border-radius:999px;background:var(--line-2);color:var(--ink-2);font-size:12px}
body.soco-internal .participant-leaderboard-metrics b{color:var(--ink)}
body.soco-internal .participant-leaderboard-details{padding:0!important;overflow:hidden}
body.soco-internal .participant-leaderboard-details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer;list-style:none}
body.soco-internal .participant-leaderboard-details>summary::-webkit-details-marker{display:none}
body.soco-internal .participant-leaderboard-details>summary>span:first-child{display:grid;gap:2px}
body.soco-internal .participant-leaderboard-details>summary small{font-size:11.5px;color:var(--ink-3)}
body.soco-internal .participant-details-action{font-size:12px;font-weight:750;color:#17653d}
body.soco-internal .participant-leaderboard-details[open] .participant-details-action::after{content:' · tutup'}
body.soco-internal .participant-leaderboard-details-body{display:grid;gap:14px;padding:0 16px 16px;border-top:1px solid var(--line)}
body.soco-internal .participant-leaderboard-details-body>.table-wrap{margin-top:14px}
body.soco-internal .participant-leaderboard-secondary{margin:0}

/* ---------- Dark mode changes color only; geometry stays on the stable layout ---------- */
html[data-theme="dark"] body.soco-internal .main,
html[data-theme="dark"] body.soco-internal #views{background:var(--app-bg)}
html[data-theme="dark"] body.soco-internal .topbar{background:rgba(11,16,14,.94);border-bottom-color:var(--app-border)}
html[data-theme="dark"] body.soco-internal :where(.card,.modal-box,.fbk-modal-box,.ops-modal-box){background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}
html[data-theme="dark"] body.soco-internal :where(input,select,textarea){background:var(--app-surface-2);border-color:var(--app-border);color:var(--app-text)}
html[data-theme="dark"] body.soco-internal :where(input,select,textarea)::placeholder{color:var(--app-text-3)}
html[data-theme="dark"] body.soco-internal :where(.table th,.perm-row.head){background:var(--app-surface-2);color:var(--app-text-2)}
html[data-theme="dark"] body.soco-internal :where(.table td,.table th,.perm-row,.st-line,.ins-urut li){border-color:var(--app-border);color:var(--app-text)}
html[data-theme="dark"] body.soco-internal :where(
  .workspace-toolbar,.workspace-context-bar,.direct-action-strip,.page-action-strip,.hub-tabs,.fbk-hub-tabs,
  .ev3-switcher,.ev3-event-summary,.ev3-stage-nav,.ev3-stage-card,.ev3-stage-card>header,.ev3-stage-body,.ev3-actions,
  .ops-modal-head,.ops-modal-actions,.ops-form-section,.ops-inline-create,.evt-doc-popover,.evt-calendar,.evt-cal-cell,
  .participant-manual-intro,.participant-manual-note,.participant-payment-proof-media,.participant-payment-proof-copy,
  .participant-insight-leaderboard,.participant-leaderboard-person,.participant-leaderboard-details,
  .reg-qris-card,.reg-contact-card,.reg-qris-preview,.event-question-card,.event-qris-preview,
  .loc-main-card,.loc-main-kpis article,.loc-detail-head,.loc-detail-section,.loc-manage-row,.loc-note-editor,.loc-bulk-guide,.loc-bulk-row,
  .fbk-main-kpis article,.fbk-main-recent,.fbk-modal-body,.fbk-raw,.fbk-safe-summary,.fbk-brief-grid,.fbk-detail-summary,.fbk-match-editor,
  .imp-detail-section,.imp-detail-kpis>div,.imp-item-row,.imp-calc-strip,.imp-popover-panel,.imp-master-row,
  .log-field-settings,.log-template-stage,.log-da-overview-meta>div,.log-da-detail-filters,.log-da-cert-tools,.log-da-cert-preview,
  .fin-field-item,.fin-wallet-panel,.fin-wallet-balance,.fin-access-person,.credential-summary,
  .my-monitor-card,.my-task-card,.my-history,.account-avatar-picker,.avatar-choice
){background:var(--app-surface)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}
html[data-theme="dark"] body.soco-internal :where(
  .workspace-nav,.bkg-calendar-day.is-empty,.evt-cal-cell.is-empty,.ops-inline-empty,.participant-proof-empty,.reg-qris-empty,
  .loc-empty,.fbk-empty,.imp-empty,.log-empty-mini,.log-pdf-empty,.ev3-empty,.location-mini-list>div,
  .participant-leaderboard-metrics span,.participant-leaderboard-rank
){background:var(--app-surface-2)!important;border-color:var(--app-border)!important;color:var(--app-text-2)!important}
html[data-theme="dark"] body.soco-internal :where(.workspace-title b,.view h1,.view h2,.view h3,.view h4,.view b,.view strong){color:var(--app-text)}
html[data-theme="dark"] body.soco-internal :where(.workspace-title small,.view p,.view small,.view .sub,.view .meta,.view [class*="-note"]){color:var(--app-text-2)}
html[data-theme="dark"] body.soco-internal :where(code,.kode){background:var(--app-surface-3);color:#9de4b9;border-color:var(--app-border)}
html[data-theme="dark"] body.soco-internal .participant-leaderboard-person.rank-1{background:linear-gradient(145deg,#183728,var(--app-surface) 60%)}
html[data-theme="dark"] body.soco-internal img{filter:none}

/* ---------- Responsive gates ---------- */
@media(max-width:1080px){
  body.soco-internal .participant-leaderboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.soco-internal :where(.participant-payment-proof-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  body.soco-internal .topbar{display:flex;align-items:center;flex-wrap:nowrap;gap:7px}
  body.soco-internal .topbar-main{display:flex;align-items:center;min-width:0;flex:1;gap:7px}
  body.soco-internal .topbar-copy{min-width:0}
  body.soco-internal .topbar-copy h1{max-width:44vw;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.soco-internal .topbar-copy p,
  body.soco-internal #clock,
  body.soco-internal .theme-toggle>span,
  body.soco-internal .topbar-refresh>span{display:none}
  body.soco-internal .topbar-actions{display:flex;align-items:center;flex:0 0 auto;gap:5px}
  body.soco-internal :where(.sb-btn,.theme-toggle,.topbar-refresh){display:grid;place-items:center;width:40px!important;height:40px;min-height:40px;padding:0!important;flex:0 0 40px}
  body.soco-internal .theme-menu{position:fixed;top:62px;right:10px;width:min(250px,calc(100vw - 20px))}

  body.soco-internal :where(.workspace-toolbar,.workspace-context-bar,.direct-action-strip){align-items:stretch;flex-direction:column;padding:10px;border-radius:14px}
  body.soco-internal .workspace-nav{width:100%}
  body.soco-internal .workspace-nav button{flex:1 0 auto;min-width:max-content}
  body.soco-internal .workspace-actions{display:grid;grid-template-columns:1fr;width:100%}
  body.soco-internal .workspace-actions .btn,
  body.soco-internal .workspace-actions>a{width:100%}
  body.soco-internal .workspace-metric{justify-content:center;width:100%}
  body.soco-internal .context-back,
  body.soco-internal .workspace-back{justify-content:flex-start;width:100%}
  body.soco-internal .action-strip-spacer{display:none}
  body.soco-internal .loc-compact-count{margin-left:0;justify-content:center}

  body.soco-internal :where(.row,.row-3,.grid-2,.grid-form,.ops-form-grid,.evt-form-grid,.evt-form-grid-2,.evt-form-grid-3,.participant-manual-layout,.imp-filter-grid,.imp-number-grid,.imp-team-grid,.loc-form-grid,.fbk-detail-grid,.fbk-brief-grid,.fin-entry-grid,.fin-wallet-grid,.reg-contact-grid){grid-template-columns:1fr!important}
  body.soco-internal :where(.loc-main-toolbar,.fbk-filter-card,.fbk-action-filter,.people-toolbar,.ops-filter-bar,.bkg-filters,.evt-filters,.log-da-filter-grid){grid-template-columns:1fr!important}
  body.soco-internal :where(.fbk-dashboard-grid,.fbk-main-grid,.fbk-response-list,.fbk-action-list,.loc-card-grid,.imp-report-grid,.log-da-session-grid){grid-template-columns:1fr!important}
  body.soco-internal :where(.loc-main-kpis,.fbk-main-kpis,.fbk-kpis,.people-kpis,.stat-grid,.evt-kpi-grid,.log-da-kpis,.imp-kpi-grid,.fin-kpi-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
  body.soco-internal .participant-payment-proof-grid{grid-template-columns:1fr;padding:10px}
  body.soco-internal .participant-insight-leaderboard{padding:13px}
  body.soco-internal .participant-insight-leaderboard-head{display:grid}
  body.soco-internal .participant-insight-leaderboard-head .btn{width:100%}
  body.soco-internal .participant-leaderboard-grid{display:flex;overflow-x:auto;padding:1px 1px 8px;scroll-snap-type:x mandatory}
  body.soco-internal .participant-leaderboard-person{flex:0 0 min(245px,78vw);scroll-snap-align:start}

  body.soco-internal :where(.modal,.fbk-modal){align-items:end;justify-items:center;padding:0;overflow:hidden}
  body.soco-internal :where(.modal,.fbk-modal)>
    :where(.modal-box,.fbk-modal-box){width:100%!important;max-width:100%!important;max-height:94vh;max-height:94dvh;margin:0;border-radius:20px 20px 0 0!important;padding-bottom:max(16px,env(safe-area-inset-bottom))}
  body.soco-internal .impact-workflow-modal-box{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
  body.soco-internal .impact-workflow-host{padding:12px}
  body.soco-internal .impact-workflow-host .impact-form-tools{top:-12px}
  body.soco-internal .toast{bottom:max(14px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:480px;text-align:center}
}

@media(max-width:420px){
  body.soco-internal .topbar-copy h1{max-width:38vw;font-size:16px}
  body.soco-internal :where(.loc-main-kpis,.fbk-main-kpis,.fbk-kpis,.people-kpis,.stat-grid,.evt-kpi-grid,.log-da-kpis,.imp-kpi-grid,.fin-kpi-grid){gap:9px}
}

@media(max-width:350px){
  body.soco-internal .topbar-copy h1{max-width:31vw;font-size:15px}
  body.soco-internal :where(.loc-main-kpis,.fbk-main-kpis,.fbk-kpis,.people-kpis,.stat-grid,.evt-kpi-grid,.log-da-kpis,.imp-kpi-grid,.fin-kpi-grid){grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  body.soco-internal *{scroll-behavior:auto!important}
}