/*
 * Phase 1 asset architecture note
 * Canonical CSS load order:
 * 1) ui-tokens.css
 * 2) theme-light.css / theme-dark.css
 * 3) ui-components.css
 * 4) ui-utilities.css
 * 5) ui-shell.css
 * 6) module-*.css
 * 7) page-specific css
 * 8) ui-bridge.css
 */

/*
 * Phase 2 core extraction
 * app.css giữ vai trò entry tổng hợp.
 * Core UI đã tách về tokens / theme / components / utilities / shell / module.
 */
@import url("./ui-tokens.css");
@import url("./theme-light.css");
@import url("./theme-dark.css");
@import url("./ui-components.css");
@import url("./ui-utilities.css");
@import url("./ui-shell.css");
@import url("./module-activation.css");
@import url("./module-events.css");
@import url("./module-settlement.css");
@import url("./module-reports.css");
@import url("./module-masterdata.css");
@import url("./activation-gifts.css");
@import url("./activation-minigames.css");
@import url("./activation-preregister.css");
@import url("./reports-admin.css");
@import url("./events-show.css");
@import url("./ui-bridge.css");

/* SaleGo UI System (Enterprise) — Residual global compatibility rules */

html{color-scheme: light dark;}
*{box-sizing:border-box}
html,body{height:100%}

body.sg-body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color:var(--sg-text);
  background: var(--sg-app-bg);
}

a{color:inherit}

/* Focus (keyboard) */
:where(button, a, input, select, textarea):focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px var(--sg-primary-soft);
  border-color: var(--sg-primary);
}

/* ----------------------------
   2) Shared components
-----------------------------*/

.sg-btn{
  appearance:none;
  border:1px solid var(--sg-border);
  background: var(--sg-surface);
  color:var(--sg-text);
  padding:10px 14px;
  border-radius: 12px;
  cursor:pointer;
  font-weight:650;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  line-height: 1;
}
.sg-btn:hover{filter: brightness(0.99)}
html.theme-dark .sg-btn:hover{filter: brightness(1.03)}

.sg-btn-primary{
  border-color: var(--sg-plain-transparent);
  background: var(--sg-primary);
  color: var(--sg-text-on-solid);
}
.sg-btn-primary:hover{background: var(--sg-primary-hover)}
.sg-btn-primary:active{background: var(--sg-primary-active)}

.sg-btn-ghost{
  background: transparent;
  border-color: transparent;
  color: inherit;
}
.sg-btn-ghost:hover{background: var(--sg-overlay-soft)}
html.theme-dark .sg-btn-ghost:hover{background: var(--sg-overlay-soft-2)}

.sg-btn-label{font-size:12px; opacity:.95;}

/* Make some buttons align to input height (filters/actions) */
.sg-btn-input{padding-top:0; padding-bottom:0; height:36px;}
.sg-btn.sg-btn-input{height:36px;}

/* Settings: backup actions spacing */
.bk-actions{margin-top:14px;}

.sg-iconbtn{
  width:42px; height:42px;
  border-radius: 12px;
  display:inline-grid; place-items:center;
  border:1px solid var(--sg-border);
  background: var(--sg-surface);
  cursor:pointer;
}
.sg-iconbtn.sg-iconbtn-sm{width:34px;height:34px;border-radius:10px;}
.sg-iconbtn:hover{filter: brightness(0.99)}
html.theme-dark .sg-iconbtn:hover{filter: brightness(1.03)}

.sg-input{
  width:100%;
  padding:12px 12px;
  border-radius:12px;
  border:1px solid var(--sg-border);
  background: var(--sg-surface);
  color:var(--sg-text);
  outline:none;
}
.sg-input::placeholder{color: var(--sg-muted)}

/* Legacy select alias: chỉ giữ để tương thích template cũ.
   Select mới nên dùng .sg-select + .sg-select-wrap ở shared layer. */
select.sg-input{padding-right:36px;appearance:none;}

/* Legacy form control alias (for older templates): keep UI consistent */
.sg-inp{
  width:100%;
  padding:12px 12px;
  border-radius:12px;
  border:1px solid var(--sg-border);
  background: var(--sg-surface);
  color:var(--sg-text);
  outline:none;
  height:42px;
}
.sg-inp::placeholder{color: var(--sg-muted)}
select.sg-inp{padding-right:36px;appearance:none;}
textarea.sg-inp{height:auto; min-height:88px; padding-top:10px; padding-bottom:10px;}

.sg-pill{
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--sg-border);
  background: var(--sg-surface);
  color:var(--sg-muted);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  line-height:1;
}
.sg-pill i{line-height:1; display:block;}
.sg-pill-click{cursor:pointer;}
.sg-pill-click:focus{outline:2px solid color-mix(in srgb,var(--sg-primary) 25%, transparent); outline-offset:2px;}
.sg-pill-env{color: var(--sg-text); font-weight:700;}

/* sg-pill semantic colors (clear states) */
.sg-pill-ok{background: var(--sg-success-bg); border-color: var(--sg-success-border); color: var(--sg-success-text);}
.sg-pill-warn{background: var(--sg-warning-bg); border-color: var(--sg-warning-border); color: var(--sg-warning-text);}
.sg-pill-bad{background: var(--sg-danger-bg); border-color: var(--sg-danger-border); color: var(--sg-danger-text);}
.sg-pill-error, .sg-pill-danger{background: var(--sg-danger-bg); border-color: var(--sg-danger-border); color: var(--sg-danger-text);}
.sg-pill-info{background: var(--sg-info-bg); border-color: var(--sg-info-border); color: var(--sg-info-text);}
.sg-pill-idle{background: var(--sg-neutral-bg); border-color: var(--sg-neutral-border); color: var(--sg-neutral-text);}
.sg-pill-draft{background: var(--sg-purple-bg); border-color: var(--sg-purple-border); color: var(--sg-purple-text);}
.sg-pill-muted{background: var(--sg-muted-bg); border-color: var(--sg-muted-border); color: var(--sg-muted-text);}

.sg-top-env{display:inline-flex; align-items:center; margin-left:8px;}

.sg-ind-count{display:inline-flex; align-items:center; justify-content:center; min-width:22px; height:22px; padding:0 7px; border-radius:999px; font-size:11px; font-weight:800; background: var(--sg-danger); border:1px solid color-mix(in srgb,var(--sg-danger) 75%,transparent); color:var(--sg-text-on-solid); margin-left:auto;}
html.theme-dark .sg-ind-count{color:var(--sg-text-on-solid);}

.sg-changelog-pop{position:absolute; right:0; top:calc(100% + 10px); z-index:9999; max-width:calc(100vw - 48px);}
.sg-changelog-card{width:min(380px,calc(100vw - 48px)); max-width:calc(100vw - 48px); background: var(--sg-surface); border:1px solid var(--sg-border); border-radius:16px; box-shadow:0 18px 40px color-mix(in srgb,var(--sg-text) 12%, transparent); overflow:hidden; margin-inline:auto;}
.sg-changelog-head{display:flex; align-items:center; justify-content:space-between; padding:12px 12px; border-bottom:1px solid var(--sg-border);}
.sg-changelog-title{display:flex; align-items:center; gap:8px; font-weight:800;}
.sg-changelog-body{max-height:360px; overflow:auto; padding:10px 12px;}
.sg-chlog details{border:1px solid var(--sg-border); border-radius:12px; padding:8px 10px; background: var(--sg-muted-surface);}
.sg-chlog details + details{margin-top:10px;}
.sg-chlog summary{cursor:pointer; font-weight:800; display:flex; align-items:center; gap:8px;}
.sg-chlog .sg-chlog-content{margin-top:8px; color: var(--sg-text); line-height:1.4; font-size:13px;}

html.theme-dark .sg-pill-ok{color: var(--sg-success-text-dark);}
html.theme-dark .sg-pill-warn{color: var(--sg-warning-text-dark);}
html.theme-dark .sg-pill-error, html.theme-dark .sg-pill-danger{color: var(--sg-danger-text-dark);}
html.theme-dark .sg-pill-info{color: var(--sg-info-text-dark);}
html.theme-dark .sg-pill-idle{color: var(--sg-neutral-text-dark);}
html.theme-dark .sg-pill-draft{color: var(--sg-purple-text-dark);}

html.theme-dark .sg-pill-error, html.theme-dark .sg-pill-danger{color: var(--sg-danger-text-dark);} 
html.theme-dark .sg-pill-idle{color: var(--sg-neutral-text-dark);} 
html.theme-dark .sg-pill-draft{color: var(--sg-purple-text-dark);} 

/* Badges (enterprise semantic system) */
.sg-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  font-size:12px;
  border-radius: 999px;
  border: 1px solid transparent;
  line-height: 1;
  white-space: nowrap;
}
.sg-badge i{font-size:12px; opacity:.95;}

.sg-badge.is-solid{color:var(--sg-text-on-solid)}
.sg-badge.is-soft{background: var(--sg-primary-soft); border-color: var(--sg-plain-transparent)}
.sg-badge.is-outline{background: transparent; border-color: var(--sg-border)}

.sg-badge.is-neutral.is-soft{background: color-mix(in srgb, var(--sg-neutral) 18%, transparent); color: var(--sg-text)}
.sg-badge.is-neutral.is-outline{color: var(--sg-muted)}

.sg-badge.is-info{--_c:var(--sg-info); --_bg:var(--sg-info-soft)}
.sg-badge.is-success{--_c:var(--sg-success); --_bg:var(--sg-success-soft)}
.sg-badge.is-warning{--_c:var(--sg-warning); --_bg:var(--sg-warning-soft)}
.sg-badge.is-danger{--_c:var(--sg-danger); --_bg:var(--sg-danger-soft)}
.sg-badge.is-purple{--_c:var(--sg-purple); --_bg:var(--sg-purple-soft)}

.sg-badge.is-info.is-solid{background: var(--_c)}
.sg-badge.is-success.is-solid{background: var(--_c)}
.sg-badge.is-warning.is-solid{background: var(--_c)}
.sg-badge.is-danger.is-solid{background: var(--_c)}
.sg-badge.is-purple.is-solid{background: var(--_c)}

.sg-badge.is-info.is-soft,
.sg-badge.is-success.is-soft,
.sg-badge.is-warning.is-soft,
.sg-badge.is-danger.is-soft,
.sg-badge.is-purple.is-soft{background: var(--_bg); color: var(--_c)}

.sg-badge.is-info.is-outline,
.sg-badge.is-success.is-outline,
.sg-badge.is-warning.is-outline,
.sg-badge.is-danger.is-outline,
.sg-badge.is-purple.is-outline{border-color: var(--sg-muted-border); color: var(--_c)}
html.theme-dark .sg-badge.is-info.is-outline,
html.theme-dark .sg-badge.is-success.is-outline,
html.theme-dark .sg-badge.is-warning.is-outline,
html.theme-dark .sg-badge.is-danger.is-outline,
html.theme-dark .sg-badge.is-purple.is-outline{border-color: var(--sg-muted-border)}

/* Compatibility aliases: semantic badge classes used across admin */
.sg-badge.sg-badge-muted,.sg-badge.sg-badge-neutral{background:color-mix(in srgb,var(--sg-neutral) 16%,transparent);border-color:var(--sg-muted-border);color:var(--sg-text-soft)}
.sg-badge.sg-badge-primary{background:var(--sg-primary-soft);border-color:color-mix(in srgb,var(--sg-primary) 24%,transparent);color:var(--sg-primary)}
.sg-badge.sg-badge-info{background:var(--sg-info-soft);border-color:color-mix(in srgb,var(--sg-info) 24%,transparent);color:var(--sg-info)}
.sg-badge.sg-badge-ok,.sg-badge.sg-badge-success{background:var(--sg-success-soft);border-color:color-mix(in srgb,var(--sg-success) 24%,transparent);color:var(--sg-success)}
.sg-badge.sg-badge-warn,.sg-badge.sg-badge-warning{background:var(--sg-warning-soft);border-color:color-mix(in srgb,var(--sg-warning) 24%,transparent);color:var(--sg-warning)}
.sg-badge.sg-badge-danger{background:var(--sg-danger-soft);border-color:color-mix(in srgb,var(--sg-danger) 24%,transparent);color:var(--sg-danger)}
html.theme-dark .sg-badge.sg-badge-muted,html.theme-dark .sg-badge.sg-badge-neutral,html.theme-dark .sg-badge.sg-badge-primary,html.theme-dark .sg-badge.sg-badge-info,html.theme-dark .sg-badge.sg-badge-ok,html.theme-dark .sg-badge.sg-badge-success,html.theme-dark .sg-badge.sg-badge-warn,html.theme-dark .sg-badge.sg-badge-warning,html.theme-dark .sg-badge.sg-badge-danger{border-color:var(--sg-muted-border)}

/* Inline indicators for sidebar */
.sg-ind{margin-left:auto; display:inline-block;}
.sg-ind-dot{width:10px;height:10px;border-radius:999px;background: color-mix(in srgb, var(--sg-muted) 60%, transparent)}
.sg-ind-warn{background: var(--sg-warning)}
.sg-ind-health{width:10px;height:10px;border-radius:999px;background: var(--sg-danger); box-shadow:0 0 0 3px color-mix(in srgb, var(--sg-danger) 15%, transparent)}

/* Flash */
.sg-flash{
  display:flex; gap:12px; align-items:flex-start;
  padding:12px 14px;
  border-radius: 14px;
  border:1px solid var(--sg-border);
  background: var(--sg-surface);
  box-shadow: var(--sg-shadow-sm);
  margin-bottom: 14px;
}
.sg-flash-ico{width:26px; height:26px; display:grid; place-items:center;}
.sg-flash-msg{color: var(--sg-text); font-size: 13px;}

.sg-flash.is-success{border-color: color-mix(in srgb, var(--sg-success) 35%, transparent); background: var(--sg-success-soft)}
.sg-flash.is-warn{border-color: color-mix(in srgb, var(--sg-warning) 35%, transparent); background: var(--sg-warning-soft)}
.sg-flash.is-error{border-color: color-mix(in srgb, var(--sg-danger) 35%, transparent); background: var(--sg-danger-soft)}

/* Panels / tables (minimal, compatible with existing templates) */
.sg-panel{border-radius: 14px; border:1px solid var(--sg-border); background: var(--sg-surface); box-shadow: var(--sg-shadow-sm);}
.sg-panel-h{padding:16px; border-bottom:1px solid var(--sg-divider); display:flex; justify-content:space-between; gap:10px; align-items:center;}
.sg-panel-t{font-weight:800}
.sg-panel-b{padding:16px}
.sg-grid{display:grid; grid-template-columns: repeat(12, 1fr); gap:16px;}

.sg-table{width:100%; border-collapse: collapse;}
.sg-table th,.sg-table td{padding:10px 10px; border-bottom:1px solid var(--sg-divider); text-align:left; font-size:13px;}
.sg-table th{color:var(--sg-muted); font-weight:700;}

/* Enterprise: sticky table header + wrap */
.sg-table-wrap{overflow:auto;max-width:100%;border:1px solid var(--sg-border);border-radius:14px;}
.sg-table-sticky thead th{position:sticky;top:0;z-index:var(--sg-z-tablehead,18);background:var(--sg-card);}
.sg-table-sticky tbody tr.pb-sku td{background:var(--sg-table-row-alt);}
.sg-table-sticky tbody tr.pb-variant{display:none;}
.sg-table-sticky tbody tr.pb-variant.is-open{display:table-row;}

/* KPI mini */
.sg-kpi-mini{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px;}
.sg-kpi{border:1px solid var(--sg-border);border-radius:14px;padding:10px 12px;background:var(--sg-card);}
.sg-kpi-k{font-size:12px;color:var(--sg-muted);}
.sg-kpi-v{font-size:18px;font-weight:800;margin-top:4px;}

/* Bulk bar */
.sg-bulkbar{border:1px solid var(--sg-border);border-radius:16px;padding:10px 12px;background:var(--sg-card);display:flex;align-items:center;justify-content:space-between;gap:10px;}
.sg-btn-icon{padding:6px 9px;}

@media (max-width: 900px){
  .sg-kpi-mini{grid-template-columns:repeat(2,minmax(140px,1fr));}
}

/* ----------------------------
   3) Admin Shell + Sidebar
-----------------------------*/

.sg-admin{
  min-height:100%;
  display:flex;
}

.sg-drawer-backdrop{
  display:none;
  position:fixed; inset:0;
  background: var(--sg-backdrop);
  z-index: 40;
}

.sg-side{
  width: 280px;
  height: 100vh;
  position: sticky;
  top: 0;
  background: var(--sg-side-bg);
  color: var(--sg-side-text);
  border-right: 1px solid var(--sg-side-hover);
  padding: 14px;
  display:flex;
  flex-direction: column;
  z-index: 50;
}

.sg-side-brand{
  display:flex;
  gap:12px;
  align-items:center;
  padding:12px 12px;
  border-radius: 14px;
  background: var(--sg-sidebar-surface);
  border:1px solid var(--sg-sidebar-border);
}
.sg-side-mark{width:42px;height:42px;border-radius: 12px;display:grid;place-items:center;font-weight:900;
  background: var(--sg-sidebar-glow);
  color:var(--sg-text-on-solid);
}
.sg-side-title{font-weight:850; letter-spacing:.2px}
.sg-side-sub{font-size:12px;color: var(--sg-side-text-2); margin-top:2px}

.sg-side-env{margin-left:auto;}
.sg-chip{display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; font-size:12px; border:1px solid rgba(255,255,255,.12); background: var(--sg-sidebar-surface); color: var(--sg-side-text)}
.sg-chip i{opacity:.95}
.sg-chip-dev{border-color: var(--sg-sidebar-chip-border)}

.sg-side-quick{margin-top:12px; padding:10px 10px; border-radius: 14px; border:1px solid var(--sg-sidebar-border); background: var(--sg-sidebar-surface);}
.sg-quick-label{font-size:12px; color: var(--sg-side-text-2); display:flex; gap:8px; align-items:center;}
.sg-quick-row{display:flex; gap:8px; align-items:center; margin-top:8px;}
.sg-quick-select{transition:border-color .18s ease, box-shadow .18s ease, color .18s ease, opacity .18s ease; will-change:auto;}
.sg-quick-btn{border:1px solid var(--sg-sidebar-button-border);}

.sg-side-navwrap{margin-top: 10px; overflow:auto; padding-right: 4px;}

.sg-side-navwrap{
  scrollbar-width: thin;
  scrollbar-color: var(--sg-scrollbar-thumb) transparent;
}
.sg-side-navwrap::-webkit-scrollbar{width:10px;}
.sg-side-navwrap::-webkit-scrollbar-track{background: transparent;}
.sg-side-navwrap::-webkit-scrollbar-thumb{
  background: var(--sg-scrollbar-thumb);
  border-radius: 999px;
  border: 3px solid transparent;
  background-clip: padding-box;
}
.sg-side-navwrap::-webkit-scrollbar-thumb:hover{background: var(--sg-scrollbar-thumb-hover);}

.sg-nav{display:grid; gap:6px; padding: 6px 2px 0;}

.sg-nav-cap{
  margin:14px 12px 6px;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color: var(--sg-side-text-2);
}
.sg-nav-sep{height:1px; background: var(--sg-side-hover); margin: 10px 10px;}

.sg-nav-item{
  position: relative;
  display:flex;
  align-items:center;
  gap:12px;
  padding: 12px 12px;
  border-radius: 14px;
  text-decoration:none;
  color: var(--sg-side-text);
  background: transparent;
}

.sg-nav-item:hover{background: var(--sg-side-hover)}

.sg-nav-item.is-active{
  background: var(--sg-side-active-bg);
  color: var(--sg-side-text);
  box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--sg-side-active-rail) 18%,transparent);
}
.sg-nav-item.is-active .sg-nav-label,.sg-nav-item.is-active .sg-ico{color: var(--sg-side-text);}
.sg-nav-item .sg-sidebar-badge{margin-left:auto; min-width:22px; height:22px; padding:0 7px; border-radius:999px; justify-content:center;}
.sg-nav-item.is-active::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:4px;
  border-radius: 999px;
  background: var(--sg-side-active-rail);
}

.sg-ico{width:22px; height:22px; display:grid; place-items:center; opacity:.95; flex: 0 0 auto; line-height:1;}
.sg-ico > svg{display:block;}
.sg-nav-label{font-weight: 650;}

/* Sidebar footer */
.sg-side-foot{margin-top:auto; display:grid; gap:10px; padding-top: 10px;}
.sg-side-user{display:flex; gap:10px; align-items:center; padding:10px 10px; border-radius: 14px;
  border:1px solid var(--sg-sidebar-border); background: var(--sg-sidebar-surface);
}
.sg-avatar{width:34px; height:34px; border-radius:12px; background:var(--sg-sidebar-border); display:grid; place-items:center; color:var(--sg-side-text); border:1px solid var(--sg-sidebar-border); box-shadow:inset 0 1px 0 color-mix(in srgb, var(--sg-side-text) 10%, transparent)}.sg-avatar i{font-size:16px; opacity:.9}
.sg-side-user-email{font-size:12px; font-weight:750; color: var(--sg-side-text)}
.sg-side-user-role{font-size:11px; color: var(--sg-side-text-2)}

.sg-foot-actions{display:flex; gap:8px;}
.sg-foot-actions .sg-btn{width:100%; justify-content:center; border:1px solid rgba(255,255,255,.12); background: var(--sg-sidebar-surface); color: var(--sg-side-text)}
.sg-foot-actions .sg-btn:hover{background: var(--sg-sidebar-surface-hover)}
.sg-foot-actions .sg-btn-label{display:inline}

/* Main */
.sg-main{flex:1; min-width:0;}

.sg-top{
  position: sticky;
  top: 0;
  z-index: 20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding: 14px 18px;
  background: color-mix(in srgb, var(--sg-app-bg) 85%, transparent);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--sg-divider);
}

.sg-top-left{display:flex; gap:12px; align-items:center; min-width:0;}
.sg-breadcrumb{font-size:14px; font-weight:750; color: var(--sg-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.sg-top-right{display:flex; gap:10px; align-items:center; position:relative;}
.sg-top-meta{display:flex; gap:8px; align-items:center;}

.sg-userchip{display:inline-flex; gap:10px; align-items:center; padding:10px 12px; border-radius: 999px;
  border:1px solid var(--sg-border); background: var(--sg-surface);
  color: var(--sg-text-2); cursor:pointer; user-select:none;
}
.sg-userchip:focus{outline:2px solid color-mix(in srgb, var(--sg-primary) 30%, transparent); outline-offset:2px;}
.sg-userchip i{opacity:.85}

.sg-userpop{position:absolute; top: calc(100% + 10px); right: 0; z-index: 9999;}
.sg-userpop[hidden]{display:none;}
.sg-userpop-card{min-width: 220px; max-width: 320px; padding:12px; border-radius: 14px;
  border:1px solid var(--sg-border); background: var(--sg-surface);
  box-shadow: var(--sg-shadow-lg);
}
.sg-userpop-row{padding:2px 0;}
.sg-userpop-actions{display:flex; gap:8px; padding-top:10px;}

@media (max-width: 720px){
  .sg-userchip .sg-userchip-label{display:none;}
  .sg-userchip{padding:10px;}
}

.sg-content{padding:18px 18px 26px;}

/* ----------------------------
   4) Sidebar states
-----------------------------*/

/* Collapsed (desktop/tablet) */
.sg-admin.is-collapsed .sg-side{width: 72px; padding: 14px 10px;}
.sg-admin.is-collapsed .sg-side-brand{justify-content:center; padding:12px 10px;}
.sg-admin.is-collapsed .sg-side-brand > div:nth-child(2){display:none;}
.sg-admin.is-collapsed .sg-side-env{display:none;}
.sg-admin.is-collapsed .sg-side-quick{display:none;}

.sg-admin.is-collapsed .sg-nav-cap,
.sg-admin.is-collapsed .sg-nav-sep{display:none;}

.sg-admin.is-collapsed .sg-nav-item{justify-content:center; padding: 12px 10px;}
.sg-admin.is-collapsed .sg-nav-label{display:none;}
.sg-admin.is-collapsed .sg-ind{position:absolute; top:10px; right:10px; margin:0;}
.sg-admin.is-collapsed .sg-nav-item::before{left: 6px;}

.sg-admin.is-collapsed .sg-side-user{justify-content:center;}
.sg-admin.is-collapsed .sg-side-user-meta{display:none;}
.sg-admin.is-collapsed .sg-foot-actions{flex-direction: column;}
.sg-admin.is-collapsed .sg-foot-actions .sg-btn-label{display:none;}

/* Tooltip in collapsed mode */
.sg-admin.is-collapsed .sg-nav-item[data-sg-tip]::after{
  content: attr(data-sg-tip);
  position:absolute;
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  background: color-mix(in srgb, var(--sg-text) 92%, transparent);
  color: var(--sg-text-on-solid);
  padding: 8px 10px;
  border-radius: 10px;
  font-size: 12px;
  white-space: nowrap;
  box-shadow: var(--sg-shadow-md);
  opacity: 0;
  pointer-events: none;
}
.sg-admin.is-collapsed .sg-nav-item[data-sg-tip]:hover::after{opacity: 1;}

html.theme-dark .sg-admin.is-collapsed .sg-nav-item[data-sg-tip]::after{background: var(--sg-shell-tooltip-bg)}

/* Mobile drawer overlay */
@media (max-width: 991px){
  .sg-side{position: fixed; left: 0; top: 0; transform: translateX(-104%); box-shadow: var(--sg-shadow-md)}
  .sg-admin.is-drawer-open .sg-side{transform: translateX(0);}
  .sg-drawer-backdrop{display:block; opacity: 0; pointer-events:none; transition: opacity .18s ease;}
  .sg-admin.is-drawer-open .sg-drawer-backdrop{opacity: 1; pointer-events:auto;}
  .sg-content{padding:16px 14px 24px}
}

/* Breakpoint default collapsed (handled by JS, this is fallback) */
@media (min-width: 992px) and (max-width: 1279px){
  .sg-admin{ }
}

/* ----------------------------
   5) Auth page (kept compatible)
-----------------------------*/

.sg-auth-wrap{min-height:100%; display:grid; place-items:center; padding:28px; position:relative;}
.sg-auth-bg{position:fixed; inset:0; overflow:hidden;}
.sg-auth-orb{position:absolute; filter: blur(50px); opacity:.65;}
.sg-auth-orb-a{width:520px; height:520px; left:-160px; top:-120px; background: radial-gradient(circle at 30% 30%, color-mix(in srgb,var(--sg-primary) 55%, transparent), transparent);}
.sg-auth-orb-b{width:560px; height:560px; right:-180px; bottom:-160px; background: radial-gradient(circle at 40% 40%, color-mix(in srgb,var(--sg-purple) 35%, transparent), transparent);}
.sg-auth-grid{position:absolute; inset:-2px; opacity:.10; background-image:
  linear-gradient(var(--sg-grid-line) 1px, transparent 1px),
  linear-gradient(90deg, var(--sg-grid-line) 1px, transparent 1px);
  background-size: 90px 90px;
  transform: perspective(900px) rotateX(62deg) translateY(-120px);
  transform-origin: top;
}
.sg-auth-vignette{position:absolute; inset:0; background: radial-gradient(circle at 50% 35%, transparent 40%, var(--sg-scrim) 100%);} 

.sg-card{width:100%; border-radius: 18px; padding: 22px; background: var(--sg-surface);
  border:1px solid var(--sg-border);
  box-shadow: var(--sg-shadow-md);
}

/* Auth pages keep compact card width */
.sg-auth-wrap .sg-card{width:min(460px, 100%);}
html.theme-dark .sg-card{background: var(--sg-surface);}

.sg-card-head{display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px;}
.sg-mark{width:44px; height:44px; border-radius:14px; background: var(--sg-sidebar-glow);
  box-shadow: 0 10px 24px color-mix(in srgb,var(--sg-text) 14%, transparent);
}
.sg-h1{font-size:18px; font-weight:800; letter-spacing:.2px; margin:0;}
.sg-sub{font-size:13px; color:var(--sg-muted); margin:8px 0 0 0; line-height:1.35;}

.sg-form{display:grid; gap:12px;}
.sg-field{display:grid; gap:8px;}
.sg-label{font-size:12px; color:var(--sg-muted);}
.sg-row{display:flex; gap:10px; align-items:center; justify-content:space-between;}

.sg-alert{border:1px solid color-mix(in srgb,var(--sg-danger) 28%, transparent); background: var(--sg-danger-soft); color: var(--sg-text);
  border-radius: 14px; padding: 10px 12px; font-size: 13px;
}
.sg-footer-note{margin-top:14px; font-size:12px; color:var(--sg-muted); text-align:center;}

/* Legacy aliases (keep older templates usable) */
.input{width:100%; padding:12px 12px; border-radius:12px; border:1px solid var(--sg-border);
  background: var(--sg-surface); color:var(--sg-text); outline:none;}
.btn{appearance:none; border:1px solid var(--sg-border); background: var(--sg-surface); color:var(--sg-text);
  padding:10px 14px; border-radius: 12px; cursor:pointer; font-weight:650;
  text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:10px;}
.badge{font-size:12px; padding:6px 10px; border-radius:999px; border:1px solid var(--sg-border); background: var(--sg-surface); color:var(--sg-muted);} 


/* Compatibility: legacy .badge-* colors (many admin pages still use these) */
.badge-success{border-color: color-mix(in srgb,var(--sg-success) 35%, transparent); background: var(--sg-success-soft); color: var(--sg-success);}
.badge-danger{border-color: color-mix(in srgb,var(--sg-danger) 35%, transparent); background: var(--sg-danger-soft); color: var(--sg-danger);}
.badge-warning{border-color: color-mix(in srgb,#f59e0b 35%, transparent); background: var(--sg-warning-soft); color: var(--sg-warning);}
.badge-info{border-color: color-mix(in srgb,#3b82f6 35%, transparent); background: var(--sg-info-soft); color: var(--sg-info);}
.badge-primary{border-color: color-mix(in srgb,var(--sg-primary) 35%, transparent); background: var(--sg-primary-soft); color: var(--sg-primary);}
.badge-secondary{border-color: var(--sg-muted-border); background: color-mix(in srgb, var(--sg-neutral) 18%, transparent); color: var(--sg-text);}
html.theme-dark .badge-success,
html.theme-dark .badge-danger,
html.theme-dark .badge-warning,
html.theme-dark .badge-info,
html.theme-dark .badge-primary,
html.theme-dark .badge-secondary{border-color: var(--sg-muted-border);}
.card{border-radius: 14px; border:1px solid var(--sg-border); background: var(--sg-surface);
  box-shadow: var(--sg-shadow-sm); padding:14px;}

/* Prevent any hover "lift" across the UI */
.sg-card, .sg-panel, .sg-nav-item, .sg-btn, .sg-iconbtn{transform:none;}


/* Page spacing */
.sg-page{display:flex; flex-direction:column; gap:16px;}
.sg-page-head{display:flex; justify-content:space-between; align-items:flex-start; gap:16px;}
.sg-actions{display:flex; gap:10px; flex-wrap:wrap;}
.sg-panel + .sg-panel{margin-top:0;}
.sg-table-foot{margin-top:12px; display:flex; justify-content:flex-end;}


/* IAM tab panes */
.sg-tabpane{display:none;}
.sg-tabpane.is-active{display:block;}

/* IAM audit filters: keep fields + buttons on one row on desktop */
.sg-iam-a-filters{display:flex; gap:10px; align-items:flex-end; flex-wrap:nowrap; overflow-x:hidden}
.sg-iam-a-filters > *{min-width:0}
.sg-iam-a-filters .input{flex:1 1 0}
.sg-iam-a-filters .sg-btn{flex:0 0 auto}
.sg-iam-a-filters .sg-field{flex:0 0 220px; min-width:220px;}
.sg-iam-a-filters .sg-iam-a-actions{flex:0 0 auto; min-width:240px;}
.sg-iam-a-filters .sg-iam-a-actions .sg-btn{height:36px;}
@media(max-width: 860px){
  .sg-iam-a-filters{flex-wrap:wrap; overflow:visible}
  .sg-iam-a-filters .sg-field{flex:1 1 220px; min-width:160px;}
}
@media (max-width: 860px){
  .sg-iam-topbar{flex-direction:column; align-items:stretch;}
  .sg-iam-topbar .sg-actions{justify-content:flex-start;}
}

/* Modern tabs (enterprise) */

.sg-tabs{
  display:flex;
  gap:8px;
  padding:6px;
  border:1px solid var(--sg-border);
  background: linear-gradient(180deg, var(--sg-sidebar-surface), transparent);
  border-radius: 16px;
  box-shadow: var(--sg-shadow-sm);
  width: fit-content;
  max-width: 100%;
  overflow:auto;
}
.sg-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 14px;
  border-radius: 14px;
  font-weight:700;
  font-size:13px;
  color: var(--sg-text-2);
  text-decoration:none;
  border:1px solid transparent;
  white-space:nowrap;
  transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.sg-tab:hover{
  background: color-mix(in srgb, var(--sg-muted) 10%, transparent);
  color: var(--sg-text);
}
.sg-tab.is-active{
  background: var(--sg-primary);
  border-color: color-mix(in srgb, var(--sg-text-on-solid) 20%, transparent);
  color: var(--sg-text-on-solid);
  box-shadow: 0 8px 18px color-mix(in srgb,var(--sg-primary) 20%, transparent);
}

.sg-tab-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:20px;
  min-width:28px;
  padding:0 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  border:1px solid color-mix(in srgb, var(--sg-muted) 25%, transparent);
  background: color-mix(in srgb, var(--sg-muted) 10%, transparent);
  color: var(--sg-text);
}
.sg-tab.is-active .sg-tab-badge{
  border-color: color-mix(in srgb, var(--sg-text-on-solid) 24%, transparent);
  background: color-mix(in srgb, var(--sg-text-on-solid) 18%, transparent);
  color: var(--sg-text-on-solid);
}

.sg-log-copy{
  width:34px;
  height:34px;
  border-radius: 12px;
  border:1px solid var(--sg-border);
  background: var(--sg-surface);
  color: var(--sg-text-2);
}
.sg-log-copy:hover{background: color-mix(in srgb, var(--sg-muted) 10%, transparent); color: var(--sg-text);}
.sg-log-copy.is-copied{box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--sg-success) 35%, transparent); border-color: color-mix(in srgb,var(--sg-success) 40%, transparent);}

/* Pagination */
.sg-pagination{display:flex; gap:8px; align-items:center; flex-wrap:wrap;}
.sg-page-num, .sg-page-dot{
  min-width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  border:1px solid var(--sg-border);
  background: var(--sg-surface);
  color: var(--sg-text);
  text-decoration:none;
  font-weight:700;
  font-size:13px;
}
.sg-page-num:hover{background: color-mix(in srgb, var(--sg-primary) 8%, transparent);}
.sg-page-num.is-active{
  background: color-mix(in srgb, var(--sg-primary) 16%, transparent);
  border-color: color-mix(in srgb, var(--sg-primary) 40%, transparent);
}
.sg-page-num.is-disabled{opacity:.45; cursor:not-allowed;}
.sg-page-dot{border-color: transparent; background: transparent; min-width:24px;}

/* Logs */
.sg-log-tools{display:flex; align-items:center; gap:10px; margin-top:10px;}
.sg-log-list{margin-top:12px; display:flex; flex-direction:column; gap:10px;}
.sg-log{
  border:1px solid var(--sg-border);
  background: var(--sg-surface);
  border-radius: 14px;
  padding: 10px 12px;
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.sg-log.is-danger{border-color: color-mix(in srgb, var(--sg-danger) 35%, transparent); background: color-mix(in srgb, var(--sg-danger) 4%, transparent);}
.sg-log.is-selected{box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--sg-primary) 25%, transparent); border-color: color-mix(in srgb, var(--sg-primary) 45%, transparent);}
.sg-log.is-focus{outline:2px solid color-mix(in srgb,var(--sg-brand,#2563eb) 44%, transparent);background:color-mix(in srgb,var(--sg-brand,#2563eb) 6%, var(--sg-surface)) !important;box-shadow:inset 4px 0 0 color-mix(in srgb,var(--sg-brand,#2563eb) 78%, transparent);}
.sg-log-sel{padding-top:3px;}
.sg-log-check{width:18px; height:18px; accent-color: var(--sg-accent);}
.sg-log-left{min-width:84px;}
.sg-log-main{flex:1; min-width:0;}
.sg-log-top{display:flex; gap:10px; align-items:center; justify-content:space-between;}
.sg-log-ts{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size:12px; color: var(--sg-muted);}
.sg-log-msg{margin-top:6px; font-size:13px; line-height:1.45;}
.sg-log-ctx{margin-top:8px; font-size:12px; color: var(--sg-muted); overflow:auto; padding:10px; border-radius: 12px; background: color-mix(in srgb, var(--sg-muted) 10%, transparent); border: 1px solid rgba(148,163,184,0.20);}
.sg-log-ctx code{white-space:pre-wrap;}
.sg-btn-icon.is-copied{box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--sg-success) 35%, transparent);}

/* Sidebar scrollbar */
.sg-side{overflow-y:auto;}
.sg-side::-webkit-scrollbar{width:10px;}
.sg-side::-webkit-scrollbar-track{background: transparent;}
.sg-side::-webkit-scrollbar-thumb{
  background: color-mix(in srgb, var(--sg-muted) 25%, transparent);
  border-radius: 12px;
  border: 2px solid transparent;
  background-clip: content-box;
}
.sg-side::-webkit-scrollbar-thumb:hover{background: color-mix(in srgb, var(--sg-muted) 38%, transparent); background-clip: content-box;}



.sg-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.sg-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width: 1100px){.sg-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.sg-grid-4{grid-template-columns:1fr}}
.sg-kpi{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px}
.sg-kpi-k{font-size:12px;color:var(--muted);margin-bottom:6px}
.sg-kpi-v{font-size:18px;font-weight:800;color:var(--text)}



/* POS layout */
.sg-pos{min-height:100vh;background:var(--bg);color:var(--text)}
.sg-pos-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface)}
.sg-pos-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:800}
.sg-pos-main{padding:14px;max-width:1400px;margin:0 auto}
.sg-pos-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.sg-pos-title{font-size:18px;font-weight:900}
.sg-pos-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sg-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);font-size:12px;color:var(--muted)}
.sg-chip.is-online{border-color:rgba(22,163,74,.35);color:var(--sg-success)}
.sg-chip.is-offline{border-color:rgba(217,119,6,.35);color:var(--sg-warning)}
.sg-toggle{display:inline-flex;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.sg-toggle button{border:0;background:transparent;color:var(--muted);padding:8px 12px;font-weight:800;cursor:pointer}
.sg-toggle button.is-active{background:var(--sg-primary-soft-strong);color:var(--sg-primary)}
.sg-pos-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}
@media(max-width: 1100px){.sg-pos-grid{grid-template-columns:1fr}}
.sg-pos-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:12px}

/* POS enterprise helpers */
.sg-btn-block{width:100%}
.sg-pos-sheet{position:sticky;top:70px;align-self:start}
@media(max-width: 1024px){
  .sg-pos-grid{grid-template-columns:1fr}
  .sg-pos-sheet{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:var(--sg-z-dropdown,40);border-radius:16px 16px 0 0;max-height:60vh;overflow:auto}
  .sg-pos, .sg-pos-wrap{padding-bottom:62vh}
}
.sg-sub.is-ok{color:var(--sg-success)}
.sg-sub.is-warn{color:var(--sg-warning)}
.sg-sub.is-error{color:var(--sg-danger)}
.sg-bill-thumb{border:1px solid var(--border);border-radius:12px;overflow:hidden}
.sg-bill-thumb img{width:100%;height:90px;object-fit:cover;display:block}

.sg-pos-card h3{margin:0 0 10px 0;font-size:14px}
.sg-pos-items{display:flex;flex-direction:column;gap:8px}
.sg-pos-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
.sg-pos-item .name{font-weight:800}
.sg-pos-item .sub{font-size:12px;color:var(--muted)}
.sg-pos-item .qty{display:flex;align-items:center;gap:6px}
.sg-qtybtn{width:32px;height:32px;border-radius:10px;border:1px solid var(--border);background:var(--surface);cursor:pointer}
.sg-pos-total{display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:18px}
.sg-pos-tilegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media(max-width: 900px){.sg-pos-tilegrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sg-tile{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:12px;cursor:pointer}
.sg-tile:hover{background:var(--surface-2)}
.sg-tile .t{font-weight:900}
.sg-tile .p{margin-top:8px;font-weight:900;color:var(--primary)}


/* Bulk actions (Orders) */
.sg-bulkbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid var(--sg-border);
  background: var(--sg-surface);
  border-radius: 14px;
  box-shadow: var(--sg-shadow-sm);
  flex-wrap:wrap;
}
.sg-bulk-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.sg-check{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color: var(--sg-text2);
  user-select:none;
}
.sg-check input{
  width:18px; height:18px;
  accent-color: var(--sg-accent);
}

/* Sidebar scrollbar */
#sg-sidebar{
  scrollbar-width: thin;
  scrollbar-color: var(--sg-scrollbar-thumb) transparent;
}
#sg-sidebar::-webkit-scrollbar{ width:10px; }
#sg-sidebar::-webkit-scrollbar-track{
  background: var(--sg-sidebar-surface);
  border-radius: 999px;
}
#sg-sidebar::-webkit-scrollbar-thumb{
  background: var(--sg-scrollbar-thumb);
  border-radius: 999px;
  border: 2px solid var(--sg-scrollbar-track-border);
  background-clip: padding-box;
}
#sg-sidebar::-webkit-scrollbar-thumb:hover{
  background: var(--sg-scrollbar-thumb-hover);
  background-clip: padding-box;
}


/* Auth page contrast hardening (avoid white-on-white due to overrides) */
body.sg-layout-auth{ background: var(--sg-app-bg); color: var(--sg-text); }
body.sg-layout-auth .sg-card{ color: var(--sg-text); }
body.sg-layout-auth .sg-sub{ color: var(--sg-muted); }

/* Events filter bar: keep clear button aligned with inputs */
.sg-filter .sg-btn#evClear{height:42px; display:flex; align-items:center; justify-content:center;}

/* dialog card wrapper (legacy templates) */
.sg-dialog-card{ background:var(--sg-surface); border:1px solid var(--sg-border); border-radius:16px; width:min(760px, calc(100vw - 28px)); max-height:min(86vh, 860px); overflow:hidden; box-shadow:var(--sg-shadow-md); }
@media (max-width: 540px){ .sg-dialog-card{ width:calc(100vw - 20px); border-radius:14px; } }


/* Phase 10: Reconciliation */
.sg-bill-thumb{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.sg-bill-thumb img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}
.sg-kv{display:flex;flex-direction:column;gap:10px}
.sg-kv-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--card)}
.sg-k{color:var(--muted);font-size:13px}
.sg-v{font-size:14px}
.sg-grid{display:grid;gap:14px}
.sg-grid-2{grid-template-columns:1fr}
@media (min-width: 1100px){.sg-grid-2{grid-template-columns:1fr 1fr}}


/* Toast (enterprise ops) */
.sg-toast-root{position:fixed;top:auto;right:14px;bottom:14px;left:auto;z-index:12000;display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:420px;pointer-events:none}
.sg-toast{opacity:0;transform:translateY(8px);transition:all .2s ease;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:14px;padding:10px 12px;box-shadow:var(--sg-toast-shadow);pointer-events:auto;max-width:min(420px,calc(100vw - 28px))}
.has-drawer-open .sg-toast-root,body:has(.sg-drawer.is-open) .sg-toast-root,body:has(.sg-drawer.show) .sg-toast-root,body:has(.sg-iam-drawer.is-open) .sg-toast-root,body:has(.sgmg-drawer.is-open) .sg-toast-root,body:has(.sg-prereg-drawer.is-open) .sg-toast-root,body:has(.sg-gifts-drawer.is-open) .sg-toast-root,body:has(.sgpc-drawer.is-open) .sg-toast-root,body:has(.sgpc-drawer.show) .sg-toast-root{top:max(12px,env(safe-area-inset-top,0px) + 8px);right:auto;left:50%;bottom:auto;max-width:min(480px,calc(100vw - 32px));transform:translateX(-50%);align-items:stretch}
@media (max-width: 991px){.has-drawer-open .sg-toast-root,body:has(.sg-drawer.is-open) .sg-toast-root,body:has(.sg-drawer.show) .sg-toast-root,body:has(.sg-iam-drawer.is-open) .sg-toast-root,body:has(.sgmg-drawer.is-open) .sg-toast-root,body:has(.sg-prereg-drawer.is-open) .sg-toast-root,body:has(.sg-gifts-drawer.is-open) .sg-toast-root,body:has(.sgpc-drawer.is-open) .sg-toast-root,body:has(.sgpc-drawer.show) .sg-toast-root{top:max(12px,env(safe-area-inset-top,0px) + 8px);right:12px;left:12px;bottom:auto;max-width:none;transform:none;align-items:stretch}.has-drawer-open .sg-toast,body:has(.sg-drawer.is-open) .sg-toast,body:has(.sg-drawer.show) .sg-toast,body:has(.sg-iam-drawer.is-open) .sg-toast,body:has(.sgmg-drawer.is-open) .sg-toast,body:has(.sg-prereg-drawer.is-open) .sg-toast,body:has(.sg-gifts-drawer.is-open) .sg-toast,body:has(.sgpc-drawer.is-open) .sg-toast,body:has(.sgpc-drawer.show) .sg-toast{width:100%;max-width:none}}
.sg-toast.show{opacity:1;transform:translateY(0)}
.sg-toast-info{border-left:4px solid var(--primary)}
.sg-toast-ok{border-left:4px solid var(--ok)}
.sg-toast-warn{border-left:4px solid var(--warn)}
.sg-toast-danger{border-left:4px solid var(--danger)}
.sg-toast-msg{font-size:13px;line-height:1.35}



.sg-notify-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
.sg-notify-kpi-card{display:flex;gap:14px;align-items:flex-start;padding:18px 18px 16px;border-radius:22px;border:1px solid var(--sg-border);background:linear-gradient(180deg,color-mix(in srgb,var(--sg-surface) 92%, #fff) 0%,var(--sg-surface) 100%);box-shadow:0 14px 36px rgba(15,23,42,.08)}
.sg-notify-kpi-card__icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--sg-brand,#2563eb) 12%, var(--sg-surface));color:var(--sg-brand,#2563eb);flex:0 0 44px;font-size:18px}
.sg-notify-kpi-card__body{display:grid;gap:6px;min-width:0}
.sg-notify-kpi-card__label{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--sg-muted)}
.sg-notify-kpi-card__value{font-size:30px;line-height:1;font-weight:900;color:var(--sg-text)}
.sg-notify-kpi-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;line-height:1.55;color:var(--sg-muted)}
.sg-notify-kpi-card.is-warning .sg-notify-kpi-card__icon{background:color-mix(in srgb,var(--sg-warning,#f59e0b) 14%, var(--sg-surface));color:var(--sg-warning,#f59e0b)}
.sg-notify-kpi-card.is-info .sg-notify-kpi-card__icon{background:color-mix(in srgb,var(--sg-info,#0ea5e9) 14%, var(--sg-surface));color:var(--sg-info,#0ea5e9)}
.sg-notify-kpi-card.is-danger .sg-notify-kpi-card__icon{background:color-mix(in srgb,var(--sg-danger,#ef4444) 14%, var(--sg-surface));color:var(--sg-danger,#ef4444)}
.sg-notify-list-panel .sg-panel-b{display:grid;gap:16px}
.sg-notify-table-wrap{overflow:auto;border:1px solid var(--sg-border);border-radius:20px;background:var(--sg-surface)}
.sg-notify-table{min-width:980px;margin:0}
.sg-notify-table thead th{white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--sg-muted)}
.sg-notify-table tbody tr:hover{background:color-mix(in srgb,var(--sg-brand,#2563eb) 3%, var(--sg-surface))}
.sg-notify-row__title{font-weight:800;color:var(--sg-text);line-height:1.45}
.sg-notify-row__desc{margin-top:6px;color:var(--sg-muted);line-height:1.6}
.sg-notify-table__time,.sg-notify-table__group{white-space:nowrap;color:var(--sg-muted)}
.sg-notify-table__action{text-align:right;white-space:nowrap}
.sg-notify-mobile-list{display:none;gap:12px}
.sg-notify-mobile-item{padding:16px;border-radius:18px}
.sg-notify-mobile-item__meta{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;color:var(--sg-muted);font-size:12px}
.sg-notify-mobile-item__title{margin-top:10px;font-weight:800;line-height:1.5}
.sg-notify-mobile-item__desc{margin-top:6px;color:var(--sg-muted);line-height:1.6}
.sg-notify-mobile-item__foot{margin-top:12px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
@media (max-width: 1199px){.sg-notify-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 767px){.sg-notify-kpi-grid{grid-template-columns:1fr;}.sg-notify-table-wrap{display:none;}.sg-notify-mobile-list{display:grid;}}

/* ------------------------------------------------------------
 * IAM (Users & Permissions) – SPA-like page helpers
 * ------------------------------------------------------------ */
.sg-iam-topbar{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.sg-iam-topbar .sg-actions{display:flex;gap:8px;flex-wrap:wrap}
.sg-iam-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.sg-iam-tabs .sg-tab{display:flex;gap:8px;align-items:center}
.sg-iam-filters{display:flex;gap:12px;flex-wrap:wrap}
.sg-iam-filters .sg-field{min-width:180px;flex:1}
@media (max-width: 992px){
  .sg-iam-filters .sg-field{min-width: 140px}
}

/* Drawer */
.sg-iam-drawer{--sg-iam-drawer-panel-w:min(640px,92vw);position:fixed;inset:0;z-index:calc(var(--sg-z-modal,260) + 19);pointer-events:none;opacity:0;transition:opacity .18s ease;background:transparent !important;border:0 !important;box-shadow:none !important;isolation:isolate}
.sg-iam-drawer.show,.sg-iam-drawer.is-open{pointer-events:auto;opacity:1}
.sg-iam-drawer-backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--sg-overlay-strong) 78%, transparent);opacity:0;transition:opacity .18s ease;z-index:1;backdrop-filter:blur(2px)}
.sg-iam-drawer[data-drawer-view="desktop-drawer"] .sg-iam-drawer-backdrop{right:var(--sg-iam-drawer-panel-w)}
.sg-iam-drawer.show .sg-iam-drawer-backdrop,.sg-iam-drawer.is-open .sg-iam-drawer-backdrop,.sg-iam-drawer-backdrop.show,.sg-iam-drawer-backdrop.is-open{opacity:1}
.sg-iam-drawer-panel{position:absolute;top:0;right:0;bottom:0;left:auto;width:var(--sg-iam-drawer-panel-w);max-width:var(--sg-iam-drawer-panel-w);height:100dvh;background:var(--sg-surface);border-left:1px solid var(--sg-divider);box-shadow:-20px 0 48px rgba(2,6,23,.22);display:grid;grid-template-rows:auto minmax(0,1fr) auto;transform:translateX(102%);transition:transform .18s ease;z-index:2;overflow:hidden}
.sg-iam-drawer.show .sg-iam-drawer-panel,.sg-iam-drawer.is-open .sg-iam-drawer-panel{transform:translateX(0)}
.sg-iam-drawer-h{padding:16px 18px;border-bottom:1px solid var(--sg-divider);display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:var(--sg-surface)}
.sg-iam-drawer-t{font-weight:900;font-size:18px;line-height:1.25}
.sg-iam-drawer-s{margin-top:4px;color:var(--sg-muted);font-size:13px;line-height:1.5}
.sg-iam-drawer-b{padding:16px 18px;overflow:auto;min-height:0;background:var(--sg-surface)}
.sg-iam-drawer-f{padding:14px 18px;border-top:1px solid var(--sg-divider);display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;background:var(--sg-surface-2,var(--sg-surface))}
.sg-iam-user-form{display:grid;gap:14px}
.sg-iam-drawer-hero{display:grid;gap:12px;padding:18px;border:1px solid color-mix(in srgb,var(--sg-brand,#2563eb) 16%, var(--sg-border));border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--sg-brand,#2563eb) 8%, var(--sg-surface)) 0%,var(--sg-surface) 100%);box-shadow:0 14px 34px rgba(15,23,42,.08)}
.sg-iam-drawer-hero__row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sg-iam-drawer-hero__title{display:grid;gap:4px}
.sg-iam-drawer-hero__name{font-weight:900;font-size:18px;line-height:1.2}
.sg-iam-drawer-hero__meta{color:var(--sg-muted);font-size:13px;line-height:1.55}
.sg-iam-drawer-hero__chips{display:flex;gap:8px;flex-wrap:wrap}
.sg-iam-drawer-stack{display:grid;gap:14px}
.sg-iam-drawer-section{border:1px solid var(--sg-border);border-radius:18px;background:var(--sg-surface);box-shadow:0 10px 28px rgba(15,23,42,.06);padding:16px}
.sg-iam-drawer-section__head{display:grid;gap:4px;padding:0 0 12px;margin-bottom:14px;border-bottom:1px solid var(--sg-divider)}
.sg-iam-drawer-section__title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;line-height:1.35}
.sg-iam-drawer-section__meta{color:var(--sg-muted);font-size:13px;line-height:1.55}
.sg-iam-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sg-iam-form-grid .sg-col-span-2{grid-column:1 / -1}
.sg-iam-role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.sg-iam-role-list{display:grid;gap:8px}

/* IAM filters layout: keep input/select/buttons same row on desktop, wrap on mobile */
.sg-iam-filters{display:flex; gap:12px; align-items:flex-end; flex-wrap:wrap;}
.sg-iam-filters .sg-field{flex:1; min-width:220px;}
.sg-iam-filters .sg-field.is-actions{flex:0 0 auto; min-width:260px;}
.sg-iam-filters .sg-field.is-actions .sg-flex{width:100%;}
.sg-iam-filters .sg-field.is-actions .sg-btn{flex:1;}
@media (max-width: 992px){
  .sg-iam-drawer{--sg-iam-drawer-panel-w:100vw}
  .sg-iam-drawer[data-drawer-view="mobile-sheet"] .sg-iam-drawer-backdrop{right:0}
  .sg-iam-drawer-panel{top:0;right:0;bottom:0;left:0;width:100vw;max-width:100vw;height:100dvh;border-left:0;box-shadow:none;border-radius:0}
  .sg-iam-drawer-h,.sg-iam-drawer-b,.sg-iam-drawer-f{padding-left:14px;padding-right:14px}
  .sg-iam-form-grid,.sg-iam-role-list{grid-template-columns:minmax(0,1fr)}
}

/* Card list on mobile */
@media (max-width: 992px){
  .sg-iam-table{display:none}
  .sg-iam-cards{display:block}
}
@media (min-width: 993px){
  .sg-iam-cards{display:none}
}

/* Permission matrix */
.sg-iam-matrix{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:14px;min-width:0}
@media (max-width: 992px){.sg-iam-matrix{grid-template-columns:1fr}}
.sg-iam-matrix-left{min-width:0;border-right:1px solid var(--sg-divider);padding-right:10px}
@media (max-width: 992px){.sg-iam-matrix-left{border-right:none;padding-right:0;padding-bottom:8px;border-bottom:1px solid var(--sg-divider)}}
.sg-iam-perm-group{padding:10px;border:1px solid var(--sg-border);border-radius:12px;background:var(--sg-soft);margin-bottom:10px}
.sg-iam-perm-group h4{margin:0 0 8px;font-size:14px}
.sg-iam-check{display:flex;gap:10px;align-items:flex-start;padding:6px 0}
.sg-iam-check input{margin-top:3px}

/* utilities */
.sg-flex-wrap{flex-wrap:wrap}
.sg-pre{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:12px; line-height:1.35; padding:10px 12px; background:var(--sg-soft); border:1px solid var(--sg-border);
  border-radius:12px; overflow:auto; white-space:pre-wrap; word-break:break-word;
}



.sg-jc-end{justify-content:flex-end}
.sg-pad-12{padding:12px}


/* ------------------------------------------------------------
   Dashboard (enterprise) - lightweight UI primitives
   ------------------------------------------------------------ */
.sg-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.sg-kpi-val{font-size:32px;font-weight:800;line-height:1.15;letter-spacing:-0.02em;}
.sg-kpi-sub{color:var(--muted);font-size:13px;margin-top:6px;}
.sg-list{display:flex;flex-direction:column;gap:10px;}
.sg-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--sg-surface-faint);}
.sg-item-title{font-weight:700;}
.sg-item-sub{color:var(--muted);font-size:12.5px;margin-top:3px;}
.sg-item-actions{display:flex;gap:8px;align-items:center;}
.sg-queue-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;background:var(--sg-surface-faint);}
.sg-queue-left{display:flex;gap:10px;align-items:flex-start;}
.sg-queue-left i{margin-top:2px;opacity:.9}
.sg-queue-t{font-weight:700;}
.sg-queue-s{color:var(--muted);font-size:12.5px;margin-top:2px;}
.sg-queue-right{display:flex;gap:10px;align-items:center;}
.sg-queue-n{font-weight:800;font-size:20px;min-width:34px;text-align:right;}
.sg-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.sg-health-card{border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--sg-surface-faint);display:flex;flex-direction:column;gap:8px;}
.sg-health-h{display:flex;gap:8px;align-items:center;font-weight:700;}
.sg-health-b{display:flex;align-items:center;justify-content:flex-start;}
.sg-activity{display:flex;flex-direction:column;gap:8px;}
.sg-activity-row{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--sg-surface-faint);}
.sg-activity-time{color:var(--muted);font-size:12px;min-width:150px;}
.sg-activity-main{font-size:13.5px;}
.sg-activity-sub{color:var(--muted);font-size:12px;margin-top:2px;}
.sg-activity-act{margin-left:auto;display:flex;align-items:center;}
.sg-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.sg-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
@media (max-width: 767px){.sg-grid-3{grid-template-columns:1fr;}}
@media (max-width: 1023px){
  .sg-activity-time{min-width:120px;}
}
@media (max-width: 767px){
  .sg-actions{width:100%;}
  .sg-health-grid{grid-template-columns:1fr;}
  .sg-activity-row{flex-direction:column;}
  .sg-activity-time{min-width:auto;}
  .sg-item{flex-direction:column;align-items:stretch;}
  .sg-item-actions{justify-content:flex-end;}
  .sg-grid-2{grid-template-columns:1fr;}
}


dialog.sg-dialog.sg-dialog--sm{ --sg-dialog-max-w: var(--sg-dialog-max-w-sm); }
dialog.sg-dialog.sg-dialog--lg{ --sg-dialog-max-w: var(--sg-dialog-max-w-lg); }


:root{
  --sg-space-2_5:12px;
}
.sg-mt-25{ margin-top: var(--sg-space-2_5) !important; }
.sg-p-12{ padding:12px !important; }
.sg-p-14{ padding:14px !important; }
.sg-p-0{ padding:0 !important; }

.sg-ml-auto{ margin-left:auto !important; }
.sg-ml-18{ margin-left:18px !important; }
.sg-m-0{ margin:0 !important; }
.sg-mb-1{ margin-bottom: var(--sg-space-1) !important; }

.sg-flex-wrap{ flex-wrap:wrap !important; }
.sg-gap-10{ gap:10px !important; }

.sg-minw-180{ min-width:180px !important; }
.sg-minw-200{ min-width:200px !important; }
.sg-minw-220{ min-width:220px !important; }
.sg-minw-240{ min-width:240px !important; }
.sg-minw-260{ min-width:260px !important; }
.sg-flex-1{ flex:1 !important; }

.sg-w-110{ width:110px !important; }
.sg-w-120{ width:120px !important; }
.sg-w-160{ width:160px !important; }

.sg-overflow-auto{ overflow:auto !important; }
.sg-nowrap{ white-space:nowrap !important; }
.sg-border-0{ border:0 !important; }

.sg-h-72vh{ height:72vh !important; }
.sg-w-100{ width:100% !important; }

.sg-fs-18{ font-size:18px !important; }

/* Dialog embedded frame (ledger/moves) */
.sg-dialog-frame{ padding:0 !important; }
.sg-dialog-iframe{ width:100%; height:72vh; border:0; }


:root{
  --sg-dialog-max-w-wide:980px;
  --sg-dialog-max-w-xl:1200px;
}
dialog.sg-dialog.sg-dialog--wide{ --sg-dialog-max-w: var(--sg-dialog-max-w-wide); }
dialog.sg-dialog.sg-dialog--xl{ --sg-dialog-max-w: var(--sg-dialog-max-w-xl); }

.sg-self-end{ align-self:flex-end !important; }
.sg-overflow-auto-mt-25{ overflow:auto !important; margin-top: var(--sg-space-2_5) !important; }

.sg-h-70vh{ height:70vh !important; }
.sg-h-74vh{ height:74vh !important; }
.sg-h-78vh{ height:78vh !important; }


:root{
  --sg-dialog-max-w-760:760px;
}
dialog.sg-dialog.sg-dialog--760{ --sg-dialog-max-w: var(--sg-dialog-max-w-760); }

.sg-inline{ display:inline !important; }
.sg-overflow-auto{ overflow:auto !important; }
.sg-w-140{ width:140px !important; }
.sg-flex-gap-8{ display:flex !important; gap:8px !important; align-items:center !important; }

.sg-health-box{ max-height:420px; overflow:auto; background:var(--sg-soft); padding:10px; border-radius:12px; }


.sg-hidden{ display:none !important; }

.sg-w-120{ width:120px !important; }

.sg-auto-grid-260{ display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap:12px; }

.sg-preview-media{
  width:100%;
  max-height:220px;
  border-radius:12px;
  display:none;
  background:var(--sg-black);
  object-fit:contain;
}


/* --- Enterprise utilities (auto-generated for removing inline styles) --- */
.sg-text-xs{ font-size:12px !important; }
.sg-muted{ color: var(--sg-muted) !important; }
.sg-fw-700{ font-weight:700 !important; }
.sg-fw-800{ font-weight:800 !important; }
.sg-col-span-12{ grid-column: span 12 !important; }
.sg-col-span-4{ grid-column: span 4 !important; }

.sg-items-center{ align-items:center !important; }
.sg-items-start{ align-items:flex-start !important; }
.sg-items-end{ align-items:flex-end !important; }

.sg-justify-end{ justify-content:flex-end !important; }
.sg-justify-between{ justify-content:space-between !important; }

.sg-wrap{ flex-wrap:wrap !important; }
.sg-gap-12{ gap:12px !important; }

.sg-mt-12{ margin-top:12px !important; }

.sg-maxw-720{ max-width:720px !important; }

.sg-wp-18{ width:18% !important; }
.sg-wp-38{ width:38% !important; }
.sg-wp-44{ width:44% !important; }

.sg-h-12{ height:12px !important; }
.sg-h-fit{ height:fit-content !important; }

.sg-break{ word-break:break-word !important; }

.sg-grid-cols-1-360{ grid-template-columns: 1fr 360px !important; }
.sg-grid-cols-260-1-360{ grid-template-columns:260px 1fr 360px !important; }




.sg-d-inline{ display:inline !important; }
.sg-d-inline-block{ display:inline-block !important; }
.sg-m-0{ margin:0 !important; }
.sg-ml-8{ margin-left:8px !important; }
.sg-mt-10{ margin-top:10px !important; }
.sg-pt-22{ padding-top:22px !important; }
.sg-fs-20{ font-size:20px !important; }
.sg-maxh-320{ max-height:320px !important; }
.sg-truncate{ white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.sg-flex-auto{ flex:0 0 auto !important; min-width:unset !important; }
.sg-flex-2-1-280{ flex:2 1 280px !important; }
.sg-disabled-ui{ opacity:.6 !important; pointer-events:none !important; }
.sg-cursor-pointer{ cursor:pointer !important; }
.sg-bg-transparent{ background:transparent !important; }
.sg-border-0{ border:0 !important; }
.sg-p-0{ padding:0 !important; }
.sg-action-plain{ background:transparent !important; border:0 !important; padding:0 !important; cursor:pointer !important; }
.sg-progress-pct{ width:var(--sg-progress-pct,0%) !important; }
.sg-wp-12{ width:12% !important; }
.sg-wp-16{ width:16% !important; }

/* --- Extra utilities for events pages --- */
.sg-mt-4{ margin-top:4px !important; }
.sg-mt-8{ margin-top:8px !important; }
.sg-ml-18{ margin-left:18px !important; }
.sg-w-150{ width:150px !important; }
.sg-w-180{ width:180px !important; }
.sg-w-220{ width:220px !important; }
.sg-w-260{ width:260px !important; }
.sg-w-100p{ width:100% !important; }
.sg-rounded-14{ border-radius:14px !important; }
.sg-overflow-hidden{ overflow:hidden !important; }
.sg-iframe-75vh{ width:100% !important; height:75vh !important; border:0 !important; }
.sg-iframe-78vh{ width:100% !important; height:78vh !important; border:0 !important; }



/* --- Extra utilities for admin templates --- */
.sg-w-320{ width:320px !important; }
.sg-maxw-52vw{ max-width:52vw !important; }
.sg-maxw-360{ max-width:360px !important; }
.sg-codearea{
  min-height:420px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  font-size:12px !important;
}

/* === AUTO-GENERATED: inline-style sweep (templates/admin) === */
.sg-is-dffc4db2f6{margin-top: 14px;}
.sg-is-5db75d4d4e{font-weight: 700;}
.sg-is-0d69e4b1d4{margin-top: 8px;}
.sg-is-3e345013c8{gap: 12px; align-items: start;}
.sg-is-e7b1306995{margin-bottom: 6px;}
.sg-is-2529c4d718{margin-top: 10px; display: flex; gap: 8px; flex-wrap: wrap;}
.sg-is-2a0ca8350a{margin: 0;}
.sg-is-e2f27e6e2a{margin-top: 8px; font-size: 12px;}
.sg-is-7b0bdb308c{margin: 12px 0 0 0;}
.sg-is-11fcdc576e{font-size: 12px;}
.sg-is-16949d4de3{margin-bottom: 8px;}
.sg-is-e5a6d3c3d6{margin-top: 10px;}
.sg-is-21917d1e4b{font-size: 12px; margin-top: 4px;}
.sg-is-248fae78b6{display: flex; gap: 10px; align-items: center; flex-wrap: wrap;}
.sg-is-0da5f4225a{display: flex; gap: 8px; align-items: center;}
.sg-is-209732a3ee{font-weight: 800;}
.sg-is-34deaa9b09{width: 90px;}
.sg-is-3e49a6496b{width: 170px;}
.sg-is-30080b5831{width: 220px;}
.sg-is-56cae7475b{width: 160px;}
.sg-is-aea80b72b7{display: flex; gap: 8px; flex-wrap: wrap;}
.sg-is-95c377475f{max-width: 700px;}
.sg-is-ec0f7ffa7a{margin-top: 0;}
.sg-is-634a28bea4{flex: 1;}
.sg-is-c671520501{height: 10px;}
.sg-is-82e0b528cd{height: 14px;}
.sg-is-4efa273545{align-items: flex-start; gap: 12px;}
.sg-is-6b1f0d9798{margin-top: 4px;}
.sg-is-c8d0393dd4{margin-left: auto; display: flex; gap: 10px; flex-wrap: wrap; align-items: center;}
.sg-is-d9a6a9f583{min-width: 280px;}
.sg-is-5beb8fbe41{margin-bottom: 12px;}
.sg-is-0dd026eb82{font-weight: 900; font-size: 26px;}
.sg-is-83576d9e85{background: var(--sg-warning-soft); color: var(--sg-warning-text-strong);}
.sg-is-7fd7ef737b{margin-left: auto;}
.sg-is-ae0638a22c{width: 10%;}
.sg-is-8a0b6d3049{width: 14%;}
.sg-is-2e6e997171{width: 18%;}
.sg-is-4ec02aec3e{width: 14%; text-align: right;}
.sg-is-49f5fdb739{min-width: 80px; justify-content: center;}
.sg-is-30489cbd39{text-align: right;}
.sg-is-1cd2eeb99f{white-space: nowrap;}
.sg-is-cf8d4ee675{padding: 14px;}
.sg-is-8d25effdde{flex-wrap: wrap;}
.sg-is-21b2772344{width: 140px;}
.sg-is-da204cd211{width: 210px;}
.sg-is-0c4a5a075e{height: 12px;}
.sg-is-ea0a764975{display: flex; justify-content: space-between; align-items: center; margin-top: 12px;}
.sg-is-c3d62b4328{grid-column: span 12;}
.sg-is-2cdcea140a{color: var(--sg-side-text-soft); font-size: 13px;}
.sg-is-d2861b044b{grid-column: span 6;}
.sg-is-d1956ddc42{display: flex; gap: 10px;}
.sg-is-562052a277{width: 320px; max-width: 52vw;}
.sg-is-956bde1414{grid-column: span 4;}
.sg-is-0b3c1e55fc{grid-column: span 8;}
.sg-is-6afb048b36{display: flex; gap: 10px; margin-top: 12px;}
.sg-is-4997cd3fdc{display: flex; gap: 10px; align-items: center;}
.sg-is-03375b4580{width: 8%;}
.sg-is-0a77833b59{width: 16%;}
.sg-is-0cb4b441de{width: 36%;}
.sg-is-98bd33e811{width: 4%;}
.sg-is-8cdcd88b67{margin-left: 6px;}
.sg-is-3077bd96d5{grid-column: span 12; display: flex; gap: 10px; align-items: center; padding-top: 6px;}
.sg-is-2c1f2c1c29{display: flex; gap: 10px; padding-top: 12px;}
.sg-is-06d6ba01bf{grid-column: span 3;}
.sg-is-39ae4db632{margin-bottom: 10px;}
.sg-is-5341bb1ef1{width: 260px;}
.sg-is-f9de92c50e{width: 180px;}
.sg-is-8ce609ad82{margin-left: 8px;}
.sg-is-e56db4d144{grid-column: span 4; display: flex; align-items: end;}
.sg-is-bc127a5822{display: flex; gap: 10px; margin-top: 10px;}
.sg-is-1b6eda780b{margin-top: 12px; display: flex; gap: 8px; flex-wrap: wrap;}
.sg-is-dabaad57fd{width: 80px;}
.sg-is-5187b6fd7a{width: 120px;}
.sg-is-2e4153cb7e{grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px;}
.sg-is-cd3adeebe0{width: 100%; height: 120px; object-fit: cover; border-radius: 12px; border: 1px solid var(--sg-image-border-soft);}
.sg-is-a5595d1152{margin-top: 6px;}
.sg-is-ade0f655fb{font-size: 22px; font-weight: 800;}
.sg-is-a911c61dd3{max-width: 520px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sg-is-6c2e42013b{width: 34px;}
.sg-is-148b84d632{width: 110px;}
.sg-is-3723f19395{max-width: 100%; border-radius: 12px; border: 1px solid var(--border);}
.sg-is-ce68bff415{gap: 12px;}
.sg-is-0c38680960{margin-top: 14px; display: flex; gap: 10px; justify-content: flex-end;}
.sg-is-3e0dd9499f{margin-left: auto; display: flex; gap: 10px; flex-wrap: wrap;}
.sg-is-3ec96985f7{width: 40%;}
.sg-is-dfa45ecaec{width: 15%; text-align: right;}
.sg-is-21a1be8a0d{font-weight: 600;}
.sg-is-647d9cb5b8{text-align: right; font-variant-numeric: tabular-nums;}
.sg-is-09320cc9d2{max-width: 120px; text-align: right;}
.sg-is-ae70959230{font-weight: 700; font-variant-numeric: tabular-nums;}
.sg-is-56d160d2f5{display: flex; gap: 10px; align-items: flex-end; justify-content: flex-end;}
.sg-is-4bb90035c3{margin-top: 12px;}
.sg-is-40b2b5bf23{width: 140px; text-align: right;}
.sg-is-b6542040b3{width: 60px;}
.sg-is-5790ffba29{display: none;}
.sg-is-b29a754f89{display: flex; gap: 10px; justify-content: flex-end; margin-top: 12px;}
.sg-is-481f62b87a{text-align: right; width: 130px;}
.sg-is-a6a53e2fdb{grid-column: span 7;}
.sg-is-7b7d37703b{grid-column: span 5;}
/* === END AUTO-GENERATED === */

.sg-qtynum{min-width:26px;text-align:center;display:inline-block}

/* === POS v1 complete UX additions === */
.sg-pos-wrap{max-width:1200px;margin:0 auto;padding:16px}
@media (min-width:1024px){.sg-pos-wrap{padding:22px}}

.sg-only-desktop{display:none}
@media (min-width:1024px){.sg-only-desktop{display:inline-flex}}

.sg-pos-tabs{display:flex;gap:10px;flex-wrap:wrap}
.sg-tab{border:1px solid var(--sg-border);background:var(--sg-card);color:var(--sg-text);padding:10px 12px;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.sg-tab.is-active{border-color:var(--sg-primary);box-shadow:0 0 0 3px rgba(255,255,255,0.04)}

.sg-draft-tabs{align-items:center}
.sg-draft-tabs .sg-btn-icon{margin-left:auto}

.sg-pos-giftgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:1024px){.sg-pos-giftgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sg-gift-tile{border:1px solid var(--sg-border);background:var(--sg-card);border-radius:14px;padding:12px;cursor:pointer;position:relative;min-height:78px}
.sg-gift-tile .t{font-weight:800;line-height:1.15}
.sg-gift-tile .sg-badge{position:absolute;right:10px;top:10px}

.sg-pos-section-h{font-weight:800;margin:8px 0 10px 0;display:flex;gap:10px;align-items:center}
.sg-pos-item.sg-clickable{cursor:pointer}
.sg-pos-item.is-active{outline:2px solid var(--sg-primary);outline-offset:2px;border-radius:12px}

.sg-tile{border:1px solid var(--sg-border);background:var(--sg-card);border-radius:16px;padding:12px;position:relative;min-height:92px;cursor:pointer;user-select:none}
.sg-tile .t{font-weight:800;line-height:1.15;margin-bottom:6px}
.sg-tile .p{font-weight:900;margin-top:6px}
.sg-badge-flash{position:absolute;right:10px;top:10px}

/* Slight extra padding for POS pages */
.sg-pos-grid{gap:16px}


/* POS Draft UI enhancements (enterprise) */
.sg-draft-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
.sg-draft-tabs + .sg-field{margin-top:6px;}
.sg-tab{display:inline-flex;align-items:center;gap:6px;}
.sg-draft-timer{font-size:12px;opacity:.75;}
.sg-draft-lock{font-size:12px;opacity:.8;}
#btnHold,#btnLockDraft{margin-left:2px;}
body.pos-locked #panelLeft{opacity:.7;}
body.pos-locked #orderPanel{opacity:.95;}

/* POS staff card */
.sg-pos-staff{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1px solid var(--sg-bd);border-radius:12px;background:var(--sg-card);min-width:220px}
.sg-pos-staff-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sg-pos-staff-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-pos-staff-role{font-size:12px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-pos-staff-bot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sg-pos-clock{font-size:12px;opacity:.85;white-space:nowrap}
.sg-btn-xs{height:30px;padding:0 10px;font-size:12px}
/* Draft lock by name */
.sg-draft-lockby{margin-left:6px;font-size:11px;opacity:.85}
/* Hold queue */
.sg-hold-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.sg-hold-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--sg-bd);border-radius:12px;background:var(--sg-card)}
.sg-hold-title{font-weight:700}
.sg-hold-sub{font-size:12px;opacity:.8;margin-top:2px}
.sg-hold-actions{display:flex;align-items:center;gap:8px}

.sg-btn.has-badge{position:relative}
.sg-btn.has-badge::after{content:attr(data-badge);position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--sg-danger);color:var(--sg-text-on-solid);font-size:11px;display:flex;align-items:center;justify-content:center}

/* Upload box (Branding) */
.sg-uploadbox{position:relative;display:flex;align-items:center;gap:12px;padding:12px 12px;border:1px dashed var(--border);border-radius:14px;background:var(--surface-2);cursor:pointer;}
.sg-uploadbox:hover{filter:brightness(1.05)}
.sg-upload-ico{width:38px;height:38px;border-radius:12px;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;}
.sg-upload-title{font-weight:800}
.sg-upload-sub{font-size:12px;color:var(--muted);margin-top:2px}
.sg-upload-input{position:absolute;inset:0;opacity:0;cursor:pointer}

/* Backup actions spacing */
.bk-actions{margin-top:12px;}


/* POS staff card */
.sg-staffcard{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:10px 12px;
  border:1px solid var(--sg-border, rgba(255,255,255,.12));
  border-radius:12px;
  background:var(--sg-card, rgba(255,255,255,.06));
  min-width:220px;
}
.sg-staff-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.sg-staff-name{ font-weight:700; display:flex; align-items:center; gap:8px; }
.sg-staff-role, .sg-staff-clock{ font-size:12px; opacity:.85; display:flex; align-items:center; gap:8px; }

/* Pull role/clock slightly closer to name */
.sg-staff-role{ margin-top:-2px; }
.sg-staff-clock{ margin-top:-4px; }
.sg-staff-logout{ display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:10px; border:1px solid var(--sg-border, rgba(255,255,255,.12)); text-decoration:none; }
.sg-staff-logout:hover{ filter:brightness(1.08); }

@media (max-width: 768px){
  .sg-staffcard{ min-width:auto; width:100%; }
}


/* POS staff card actions (enterprise) */
.sg-staff-actions{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.sg-staff-action{ width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px;
  border:1px solid var(--sg-border, rgba(255,255,255,.12)); background:var(--sg-card, rgba(255,255,255,.06)); color:inherit; text-decoration:none;
}
.sg-staff-action:hover{ filter:brightness(1.05); }
.sg-staff-action.is-disabled{ opacity:.45; cursor:not-allowed; }


/* Logs filter: keep inputs + buttons in one row (enterprise) */
.sg-panel-b .sg-log-filters{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;overflow-x:hidden}
.sg-panel-b .sg-log-filters .input{ height:36px; padding:0 12px; line-height:34px; }
.sg-panel-b .sg-log-filters select.input{ padding-right:36px; }
.sg-panel-b .sg-log-filters .sg-btn{ height:36px; }
@media (max-width: 860px){
  .sg-panel-b .sg-log-filters{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;overflow-x:hidden}
}


@media (min-width: 1024px){
  .sg-pos-head{flex-wrap:nowrap;}
  .sg-pos-meta{flex-wrap:nowrap; margin-left:auto; justify-content:flex-end;}
}

.sg-pos-modebar{ display:flex; justify-content:flex-start; margin:10px 0 14px; }
.sg-pos-modebar .sg-toggle{ display:inline-flex; }
@media (max-width: 768px){ .sg-pos-modebar{ justify-content:flex-start; } }

.sg-log-filters > *{min-width:0}
.sg-log-filters .input{flex:1 1 0}
.sg-log-filters .sg-btn{flex:0 0 auto}


/* POS staff card tighter spacing */
.sg-staff-card{display:flex;flex-direction:column;gap:2px;}
.sg-staff-top{margin-bottom:0;}
.sg-staff-role,.sg-staff-clock{line-height:1.15;}
/* POS modebar align left */
.sg-pos-modebar{justify-content:flex-start;}
/* POS mobile layout harden: avoid overlap on narrow widths */
@media(max-width: 1024px){
  .sg-pos-grid{grid-template-columns:1fr !important;}
  .sg-pos-sheet{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:var(--sg-z-dropdown,40);border-radius:16px 16px 0 0;max-height:60vh;overflow:auto;}
  .sg-pos-wrap,.sg-pos{padding-bottom:62vh !important;}
}

/* POS mobile: avoid double scroll + reduce overlap */
@media(max-width: 1024px){
  body{overflow-x:hidden;}
  .sg-pos-wrap,.sg-pos{padding-bottom:0 !important;}
  .sg-pos-main{padding-bottom:calc(55vh + 18px) !important;}
  .sg-pos-sheet{max-height:55vh; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;}
}



/* Disabled button visual cue (links acting like buttons) */
.sg-btn.is-disabled,
.sg-btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;pointer-events:none;}

/* PATCH P1: KPI cards row (full width, same row on desktop, wrap on mobile) */
.sg-kpi-row{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;width:100%;}
.sg-kpi-card{flex:1 1 240px;min-width:220px;}

/* Staff V2 — enterprise layout (tab Nhân sự & Ca) */
.sg-staff-layout{display:grid;grid-template-columns:360px 1fr;gap:12px;width:100%;}
.sg-staff-left,.sg-staff-right{width:100%;}
.sg-shift-list{display:flex;flex-direction:column;gap:8px;}
.sg-shift-item{width:100%;text-align:left;border:1px solid var(--sg-border);border-radius:16px;padding:10px 10px;background:var(--sg-card);cursor:pointer;}
.sg-shift-item:hover{border-color:var(--sg-border-strong);}
.sg-shift-item.is-active{outline:2px solid var(--sg-info-ring);border-color:var(--sg-info-border-strong);}
@media (max-width: 980px){.sg-staff-layout{grid-template-columns:1fr;}}

/* P3.2 — Staff Timeline (enterprise) */
.sg-subtabs{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--sg-border);border-radius:14px;background:var(--sg-card);margin-bottom:12px;}
.sg-subtab{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--sg-text);cursor:pointer;font-weight:800;}
.sg-subtab:hover{background:var(--sg-soft);}
.sg-subtab.is-active{background:var(--sg-soft);border-color:var(--sg-border);}

.sg-tl-wrap{border:1px solid var(--sg-border);border-radius:16px;background:var(--sg-card);}
.sg-tl{width:100%;border-collapse:separate;border-spacing:0;min-width:880px;}
.sg-tl thead th{position:sticky;top:0;background:var(--sg-card);z-index:var(--sg-z-tablehead,18);border-bottom:1px solid var(--sg-border);padding:10px 12px;text-align:left;}
.sg-tl td{border-bottom:1px solid var(--sg-border);vertical-align:top;padding:8px 10px;}
.sg-tl tr:last-child td{border-bottom:none;}
.sg-tl-time{position:sticky;left:0;z-index:calc(var(--sg-z-tablehead,18) + 1);background:var(--sg-card);width:110px;min-width:110px;border-right:1px solid var(--sg-border);}
.sg-tl-col{min-width:200px;}
.sg-tl tr.is-now td{background:var(--sg-surface-faint-2);} /* best-effort */
.sg-tl-cell{position:relative;min-height:54px;}
.sg-tl-empty{width:100%;height:46px;border:1px dashed var(--sg-border);border-radius:12px;background:transparent;color:var(--sg-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;}
.sg-tl-empty:hover{background:var(--sg-soft);color:var(--sg-text);} 
.sg-tl-blocks{display:flex;flex-direction:column;gap:8px;}
.sg-tl-block{border:1px solid var(--sg-border);border-radius:14px;background:var(--sg-soft);padding:8px 10px;}
.sg-tl-top{display:flex;align-items:center;gap:8px;}
.sg-tl-name{font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;}
.sg-tl-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:6px;}
.sg-ico-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--sg-border);background:var(--sg-card);color:var(--sg-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.sg-ico-btn:hover{background:var(--sg-soft);} 
.sg-ico-btn.is-danger{color:var(--sg-danger);}

/* Back-compat: some templates dùng sg-icon-btn */
.sg-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--sg-border);background:var(--sg-card);color:var(--sg-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.sg-icon-btn:hover{background:var(--sg-soft);} 
.sg-icon-btn.is-danger{color:var(--sg-danger);}
.sg-ico-btn > i, .sg-icon-btn > i{line-height:1; display:block;}

/* Dashboard KPI equal height */
#sg-dashboard .sg-grid{align-items:stretch;}
#sg-dashboard .sg-panel.sg-kpi-card{display:flex; flex-direction:column; min-height:148px;}
#sg-dashboard .sg-panel.sg-kpi-card .sg-panel-b{flex:1; display:flex; flex-direction:column; justify-content:center;}

/* Dialog close button pinned top-right */
.sg-dialog-h{position:relative;}
.sg-dialog-x{position:absolute; top:10px; right:10px; margin-left:0;}

/* Grid span helpers (dashboard / admin layouts) */
.sg-span-3{grid-column: span 3;}
.sg-span-6{grid-column: span 6;}
.sg-span-12{grid-column: span 12;}
@media (max-width: 1100px){
  .sg-span-3{grid-column: span 6;}
  .sg-span-6{grid-column: span 12;}
}
@media (max-width: 640px){
  .sg-span-3,.sg-span-6{grid-column: span 12;}
}

.sg-dot{display:inline-block;width:10px;height:10px;border-radius:999px;border:1px solid var(--sg-border);}
.sg-dot.is-green{background:var(--sg-dot-green);border-color:var(--sg-dot-green);}
.sg-dot.is-yellow{background:var(--sg-dot-yellow);border-color:var(--sg-dot-yellow);}
.sg-dot.is-red{background:var(--sg-dot-red);border-color:var(--sg-dot-red);}
.sg-dot.is-gray{background:var(--sg-dot-gray);border-color:var(--sg-dot-gray);}

@media (max-width: 860px){
  .sg-subtabs{flex-wrap:wrap;}
  .sg-tl{min-width:760px;}
}

/* Dashboard — KPI cards: đồng bộ icon + chiều cao bằng nhau */
#sg-dashboard .sg-grid{align-items:stretch;}
#sg-dashboard .sg-is-06d6ba01bf{display:flex;flex-direction:column;min-height:150px;}
#sg-dashboard .sg-is-06d6ba01bf .sg-panel-b{flex:1;display:flex;flex-direction:column;justify-content:center;}


.sg-side-footer{
  margin-top:10px;
  font-size:12px;
  color:var(--sg-muted);
  opacity:.85;
}

#sg-dashboard .sg-panel{align-self:stretch;}

/* --- P3 UI polish: switches, KPI equal height, icon centering, stronger pills --- */

/* Switcher (visual toggle) */
.sg-switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;}
.sg-switch input{position:absolute;opacity:0;width:1px;height:1px;}
.sg-switch span{position:relative;display:inline-block;width:44px;height:24px;border-radius:999px;background:color-mix(in srgb, var(--sg-neutral) 20%, transparent);border:1px solid var(--sg-neutral-border);box-shadow:inset 0 0 0 1px var(--sg-table-row-alt);transition:all .18s ease;}
.sg-switch span:after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:var(--sg-text-on-solid);box-shadow:0 6px 16px color-mix(in srgb, var(--sg-text) 14%, transparent);transition:all .18s ease;}
.sg-switch input:checked + span{background:color-mix(in srgb, var(--sg-success) 22%, transparent);border-color:color-mix(in srgb, var(--sg-success) 55%, transparent);}
.sg-switch input:checked + span:after{transform:translateX(20px);}
html.theme-dark .sg-switch span{background:var(--sg-neutral-bg);border-color:var(--sg-muted-border);} 
html.theme-dark .sg-switch input:checked + span{background:color-mix(in srgb, var(--sg-success) 18%, transparent);border-color:color-mix(in srgb, var(--sg-success) 40%, transparent);} 

/* Stronger state pills (clearer status) */
.sg-pill-ok{background:var(--sg-success-bg);border-color:var(--sg-success-border);color:var(--sg-success-text);} 
.sg-pill-warn{background:var(--sg-warning-bg);border-color:var(--sg-warning-border);color:var(--sg-warning-text);} 
.sg-pill-bad,.sg-pill-error,.sg-pill-danger{background:var(--sg-danger-bg);border-color:var(--sg-danger-border);color:var(--sg-danger-text);} 
.sg-pill-info{background:var(--sg-info-bg);border-color:var(--sg-info-border);color:var(--sg-info-text);} 
.sg-pill-idle{background:var(--sg-neutral-bg);border-color:var(--sg-neutral-border);color:var(--sg-neutral-text);} 
.sg-pill-draft{background:var(--sg-purple-bg);border-color:var(--sg-purple-border);color:var(--sg-purple-text);} 
html.theme-dark .sg-pill-ok{color:var(--sg-success-text-dark);} 
html.theme-dark .sg-pill-warn{color:var(--sg-warning-text-dark);} 
html.theme-dark .sg-pill-bad,html.theme-dark .sg-pill-error,html.theme-dark .sg-pill-danger{color:var(--sg-danger-text-dark);} 
html.theme-dark .sg-pill-info{color:var(--sg-info-text-dark);} 
html.theme-dark .sg-pill-idle{color:var(--sg-neutral-text-dark);} 
html.theme-dark .sg-pill-draft{color:var(--sg-purple-text-dark);} 

/* Dashboard: equal-height KPI cards + clickable icon buttons */
#sg-dashboard .sg-grid{align-items:stretch;}
#sg-dashboard .sg-panel.sg-kpi-card{height:100%;}
#sg-dashboard .sg-panel.sg-kpi-card .sg-panel-h{position:relative;}

/* Icon button centering */
.sg-icon-btn{display:inline-flex;align-items:center;justify-content:center;line-height:1;}
.sg-icon-btn i{margin:0;line-height:1;}

/* openModal header close alignment */
.sg-dialog-h{position:relative;}
.sg-dialog-h .sg-icon-btn[data-x]{position:absolute;right:10px;top:10px;}

.sg-help{font-size:12px; line-height:1.35; color:var(--sg-muted); margin-top:6px;}

/* Dashboard: KPI cards equal height + bottom-aligned content */
#sg-dashboard .sg-kpi-card{display:flex; flex-direction:column;}
#sg-dashboard .sg-kpi-card .sg-panel-b{margin-top:auto;}

/* Settlement filter bar */
.sg-filterbar{display:flex; gap:10px; align-items:end; flex-wrap:wrap;}

/* Canonical filter header */
.sg-filter-header{display:grid !important;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:12px;row-gap:0;width:100%;min-width:0;flex-wrap:initial;justify-content:initial}
.sg-filter-header__title{display:flex;align-items:flex-start;gap:10px;min-width:0;text-align:left;grid-column:1;grid-row:1}
.sg-filter-header__title .sg-filter-header__icon{width:18px;min-width:18px;text-align:center;line-height:20px;color:var(--sg-primary);margin-top:1px;flex:0 0 18px}
.sg-filter-header__text{display:flex;flex-direction:column;min-width:0}
.sg-filter-header__heading{font-weight:800;line-height:1.2;color:var(--sg-text)}
.sg-filter-header__subtitle{display:block;font-size:12px;line-height:1.35;color:var(--sg-muted);font-weight:600;margin-top:4px}
.sg-filter-header__actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;grid-column:2;grid-row:1;justify-self:end;align-self:start;min-width:max-content;margin-left:0}
.sg-filter-header__icon-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;width:40px;min-width:40px;padding:0;border-radius:12px;flex:0 0 40px}

.sg-filter-item{display:grid; gap:6px; min-width:160px;}
.sg-filter-item label{font-size:12px; color:var(--sg-muted);}
.sg-filter-grow{flex:1; min-width:240px;}
.sg-label-inline{display:flex; align-items:center; gap:8px; font-size:12px; color:var(--sg-muted);}

/* Pager */
.sg-pager{display:flex; align-items:center; justify-content:center; gap:10px; padding:12px; border-top:1px solid var(--sg-border);}

/* Drawer */
.sg-drawer{--sg-drawer-panel-w:min(640px,92vw);position:fixed; inset:0; z-index:60; pointer-events:none; opacity:0; transition:opacity .16s ease;}
.sg-drawer.show{pointer-events:auto; opacity:1;}
.sg-drawer-backdrop{position:absolute; inset:0; background: color-mix(in srgb, var(--sg-overlay-black-35) 82%, transparent); backdrop-filter:blur(2px);}
.sg-drawer[data-drawer-view="desktop-drawer"] .sg-drawer-backdrop{right:var(--sg-drawer-panel-w)}
.sg-drawer-panel{position:absolute; top:0; right:0; height:100%; width:var(--sg-drawer-panel-w); max-width:var(--sg-drawer-panel-w); background: var(--sg-surface); border-left:1px solid var(--sg-border); box-shadow: -16px 0 40px rgba(0,0,0,.18); display:flex; flex-direction:column; transform: translateX(14px); transition:transform .16s ease;}
.sg-drawer.show .sg-drawer-panel{transform: translateX(0);}
.sg-drawer-h{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 14px; border-bottom:1px solid var(--sg-border);}
.sg-drawer-t{font-weight:900; font-size:14px;}
.sg-drawer-s{font-size:12px; color:var(--sg-muted); margin-top:4px;}
.sg-drawer-b{flex:1; overflow:auto; padding:12px 14px;}
.sg-drawer-f{display:flex; gap:8px; justify-content:flex-end; padding:12px 14px; border-top:1px solid var(--sg-border); background: linear-gradient(to top, var(--sg-surface), rgba(255,255,255,0));}
.sg-noscroll{overflow:hidden;}

/* Card aliases (used in settlement drawer JS) */
.sg-card-h{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; font-weight:900; font-size:13px;}
.sg-card-b{display:block;}


/* ---- FIX: Dashboard alignment + pills ---- */
#sg-dashboard .sg-sub{ margin-top:8px; line-height:1.4; }
/* dashboard inherits global .sg-panel spacing */
#sg-dashboard .sg-grid{ align-items:stretch; }
#sg-dashboard .sg-kpi-card{ display:flex; flex-direction:column; }
#sg-dashboard .sg-kpi-card .sg-panel-b{ margin-top:auto; }
.sg-pill-inline{ white-space:nowrap; display:inline-flex; align-items:center; gap:6px; }
.sg-icon-btn{ display:inline-flex; align-items:center; justify-content:center; }
.sg-icon-btn i, .sg-icon-btn svg{ line-height:1; display:block; }
.sg-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.sg-btn i,.sg-btn .sg-ico{line-height:1;}
.sg-icon-btn{display:inline-flex; align-items:center; justify-content:center;}
.sg-icon-btn i,.sg-icon-btn .sg-ico{line-height:1; display:block;}


/* Phase 3: AJAX tabs loading indicator */
.sg-tabs.is-loading{position:relative;}
.sg-tabs.is-loading::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--sg-primary),transparent,var(--sg-primary));background-size:200% 100%;animation:sgTabLoad 1s linear infinite;opacity:.9}
@keyframes sgTabLoad{0%{background-position:0% 0}100%{background-position:200% 0}}



/* FIX20: Event tabs full-width + refined scrollbar + aligned actions */
.sg-event-tab-body{width:100%;max-width:none;}
.sg-event-tab-body > *{max-width:none;}
/* Ensure grid variants render properly even if generic .sg-grid is reasserted elsewhere */
.sg-grid.sg-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.sg-grid.sg-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));}
@media (max-width: 1100px){
  .sg-grid.sg-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 680px){
  .sg-grid.sg-grid-3,.sg-grid.sg-grid-4{grid-template-columns:1fr;}
}
/* Orders filter bar: full width + bottom alignment */
.sg-filterbar{width:100%;align-items:end;}
.sg-filterbar > div{display:flex;flex-direction:column;}
.sg-filterbar .sg-muted{margin-bottom:6px;}
/* Top actions align right */
.sg-actions-right{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
/* Tabs horizontal scrollbar: subtle */
.sg-tabs.sg-overflow-auto{scrollbar-width:thin;scrollbar-color:var(--sg-tab-scrollbar-thumb) transparent;}
.sg-tabs.sg-overflow-auto::-webkit-scrollbar{height:8px;}
.sg-tabs.sg-overflow-auto::-webkit-scrollbar-track{background:transparent;}
.sg-tabs.sg-overflow-auto::-webkit-scrollbar-thumb{background:var(--sg-tab-scrollbar-thumb);border-radius:999px;}
.sg-tabs.sg-overflow-auto::-webkit-scrollbar-thumb:hover{background:var(--sg-tab-scrollbar-thumb-hover);}
.sg-tabs.sg-overflow-auto{padding-bottom:6px;}
/* Userchip icon vertical align */
.sg-userchip{display:inline-flex;align-items:center;gap:8px;}
.sg-userchip i,.sg-userchip .sg-ico{display:inline-flex;align-items:center;justify-content:center;line-height:1;}



/* FIX65 canonical public/assets cleanup */
.sg-side-scrollhint{display:none;align-items:center;justify-content:center;width:44px;height:24px;margin:0 auto;border:0;background:transparent;color:var(--sg-side-text-2);cursor:pointer;opacity:.72;transition:opacity .18s ease,color .18s ease}
.sg-side-scrollhint:hover{opacity:1;color:var(--sg-side-text)}
.sg-side-scrollhint[hidden]{display:none!important}
.sg-side-scrollhint-top{margin-top:10px}
.sg-side-scrollhint-bottom{margin-bottom:4px}
.sg-admin.is-collapsed .sg-side{width:84px;padding:14px 8px;overflow:hidden}
.sg-admin.is-collapsed .sg-side-brand{display:grid;place-items:center;padding:10px 0;background:transparent;border-color:transparent;box-shadow:none}
.sg-admin.is-collapsed .sg-side-mark{width:40px;height:40px;min-width:40px;border-radius:12px}
.sg-admin.is-collapsed .sg-side-navwrap{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:auto;padding-right:0}
.sg-admin.is-collapsed .sg-side-navwrap::-webkit-scrollbar{width:0;height:0;display:none}
.sg-admin.is-collapsed .sg-side-scrollhint{display:flex}
.sg-admin.is-collapsed .sg-side-quick,
.sg-admin.is-collapsed .sg-nav-cap,
.sg-admin.is-collapsed .sg-nav-sep,
.sg-admin.is-collapsed .sg-nav-label,
.sg-admin.is-collapsed .sg-side-user-meta,
.sg-admin.is-collapsed .sg-side-footer,
.sg-admin.is-collapsed .sg-foot-actions .sg-btn-label,
.sg-admin.is-collapsed .sg-badge,
.sg-admin.is-collapsed .sg-ind{display:none!important}
.sg-admin.is-collapsed .sg-nav{justify-items:center;gap:8px}
.sg-admin.is-collapsed .sg-nav-item{width:48px;min-width:48px;min-height:48px;padding:0;justify-content:center;border-radius:16px;margin:0 auto}
.sg-admin.is-collapsed .sg-nav-item.is-active::before{left:8px;right:8px;top:auto;bottom:0;width:auto;height:4px;border-radius:999px 999px 0 0}
.sg-admin.is-collapsed .sg-side-user{width:48px;justify-content:center;padding:7px;margin:0 auto}
.sg-admin.is-collapsed .sg-avatar{margin:0 auto}
.sg-admin.is-collapsed .sg-foot-actions{gap:8px}
.sg-admin.is-collapsed .sg-foot-actions .sg-btn{width:48px;height:48px;padding:0;justify-content:center;border-radius:16px;margin:0 auto}
.sg-admin.is-collapsed .sg-foot-actions .sg-btn i{margin:0}
html.theme-light .sg-side{border-right:1px solid var(--sg-sidebar-border-soft)}
html.theme-light .sg-side-brand{background:var(--sg-sidebar-surface-soft);border-color:var(--sg-sidebar-border-soft)}
html.theme-light .sg-side-user{border-color:rgba(148,163,184,.18);background:var(--sg-sidebar-surface-soft-2)}
html.theme-light .sg-foot-actions .sg-btn{border-color:rgba(148,163,184,.18);background:var(--sg-sidebar-surface-soft-2);color:var(--sg-text)}


/* FIX74 topbar / sidebar polish */
.sg-side-foot form{margin:0;width:100%;}
.sg-side-foot form .sg-btn{width:100%;min-height:46px;justify-content:center;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--sg-side-text);font-weight:800;box-shadow:none;}
.sg-side-foot form .sg-btn:hover{background:var(--sg-sidebar-hover-soft);}
html.theme-light .sg-side-foot form .sg-btn{border-color:rgba(148,163,184,.18);background:rgba(255,255,255,.78);color:var(--sg-text);}

.sg-iconbtn,.sg-iconbtn i,.sg-iconbtn .sg-ico,.sg-iconbtn .sg-ico i{color:var(--sg-text);}
.sg-iconbtn-theme{color:var(--sg-text);background:var(--sg-surface);}
html.theme-dark .sg-iconbtn,html.theme-dark .sg-iconbtn i,html.theme-dark .sg-iconbtn .sg-ico,html.theme-dark .sg-iconbtn-theme{color:var(--sg-text);background:var(--sg-surface);}

.sg-top-meta .sg-pill,.sg-top-env .sg-pill,.sg-userchip,.sg-noti-title,.sg-changelog-title{display:inline-flex;align-items:center;gap:8px;}
.sg-top-meta .sg-pill i,.sg-top-env .sg-pill i,.sg-userchip i,.sg-noti-title i,.sg-changelog-title i,.sg-side-foot .sg-btn i{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle;}
.sg-top-meta .sg-pill .sg-pill-text{display:inline-flex;align-items:center;line-height:1.1;}
.sg-top-env .sg-pill{font-weight:800;}

.sg-noti-pop,.sg-changelog-pop{position:fixed;z-index:9999;}
.sg-noti-pop{top:74px;right:18px;}
.sg-changelog-pop{top:74px;right:18px;}
.sg-noti-card,.sg-changelog-card{max-width:calc(100vw - 24px);}
.sg-noti-card{width:min(380px,calc(100vw - 24px));background:var(--sg-surface);border:1px solid var(--sg-border);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.14);overflow:hidden;}
.sg-noti-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px;border-bottom:1px solid var(--sg-border);}
.sg-noti-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--sg-border);}
.sg-noti-body{max-height:min(52vh,420px);overflow:auto;padding:12px;}
.sg-noti-foot{padding:10px 12px;border-top:1px solid var(--sg-border);}
@media (max-width: 720px){
  .sg-noti-pop,.sg-changelog-pop{right:12px!important;left:12px;top:64px!important;}
  .sg-noti-card,.sg-changelog-card{width:auto;max-width:none;}
}


/* FIX75 settlement / topbar / sidebar / fa fallback */
.fa-building-columns:before{content:"\f19c";}
.sg-side-foot form .sg-btn{min-height:52px;padding:12px 14px;border-radius:16px;font-size:14px;gap:10px;}
.sg-side-user{min-height:52px;}
.sg-iconbtn{color:var(--sg-text);background:color-mix(in srgb,var(--sg-surface) 90%, transparent);border:1px solid var(--sg-border);}
.sg-iconbtn:hover{background:color-mix(in srgb,var(--sg-surface-2, var(--sg-surface)) 94%, var(--sg-primary) 6%);}
html.theme-dark .sg-iconbtn,html.theme-dark .sg-iconbtn-theme{color:var(--sg-dark-icon-fg)!important;background:var(--sg-dark-icon-bg)!important;border-color:var(--sg-dark-icon-border)!important;}
html.theme-dark .sg-iconbtn i,html.theme-dark .sg-iconbtn .sg-ico,html.theme-dark .sg-top-meta .sg-pill i,html.theme-dark .sg-top-env .sg-pill i{color:var(--sg-dark-icon-fg)!important;}
.sg-top-meta .sg-pill,.sg-top-env .sg-pill,.sg-userchip{min-height:42px;padding-inline:12px;}
.sg-top-meta .sg-pill i,.sg-top-env .sg-pill i,.sg-userchip i,.sg-side-foot .sg-btn i,.sg-btn i{width:1.1em;min-width:1.1em;text-align:center;}
.sg-top-env .sg-pill,.sg-top-meta .sg-pill{font-weight:800;}
.sg-noti-pop,.sg-changelog-pop{top:auto;right:auto;}
.sg-noti-pop[hidden],.sg-changelog-pop[hidden]{display:none!important;}
.sg-noti-pop:not([hidden]),.sg-changelog-pop:not([hidden]){display:block;}


/* FIX76 settlement drawer + topbar alignment */
.sg-side-foot form .sg-btn{
  min-height:56px;
  padding:14px 16px;
  border-radius:16px;
  font-size:14px;
  font-weight:800;
  gap:10px;
}
.sg-side-foot form .sg-btn .sg-btn-label{font-size:14px;line-height:1.1;}
.sg-side-user{min-height:56px;}

.sg-top-right{position:relative;overflow:visible;}
.sg-top .sg-iconbtn,
.sg-top .sg-iconbtn i,
.sg-top .sg-iconbtn .sg-ico,
.sg-top .sg-iconbtn .sg-ico i{color:var(--sg-text)!important;}
html.theme-dark .sg-top .sg-iconbtn,
html.theme-dark .sg-top .sg-iconbtn-theme{
  color:var(--sg-dark-icon-fg-strong)!important;
  background:var(--sg-dark-icon-bg-strong)!important;
  border-color:var(--sg-dark-icon-border-strong)!important;
}
html.theme-dark .sg-top .sg-iconbtn i,
html.theme-dark .sg-top .sg-iconbtn .sg-ico,
html.theme-dark .sg-top .sg-iconbtn .sg-ico i{color:var(--sg-dark-icon-fg-strong)!important;}

.sg-top-meta .sg-pill,
.sg-top-env .sg-pill,
.sg-userchip{display:inline-flex;align-items:center;gap:8px;min-height:42px;}
.sg-top-meta .sg-pill i,
.sg-top-env .sg-pill i,
.sg-userchip i,
.sg-side-foot .sg-btn i,
.sg-btn i{
  width:1.1em;
  min-width:1.1em;
  text-align:center;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
}
.sg-top-meta .sg-pill .sg-pill-text,
.sg-userchip .sg-userchip-label{display:inline-flex;align-items:center;line-height:1.15;}
.sg-top-env .sg-pill,
.sg-top-meta .sg-pill{font-weight:800;}

.sg-noti-pop,.sg-changelog-pop{
  position:absolute;
  top:calc(100% + 10px);
  left:auto;
  right:0;
  z-index:9999;
}
.sg-noti-pop[hidden],.sg-changelog-pop[hidden]{display:none!important;}
.sg-noti-pop:not([hidden]),.sg-changelog-pop:not([hidden]){display:block;}
.sg-noti-card{width:min(380px,calc(100vw - 24px));}
.sg-changelog-card{width:min(420px,calc(100vw - 24px));}
@media (max-width:720px){
  .sg-noti-pop,.sg-changelog-pop{left:0!important;right:0!important;top:calc(100% + 8px)!important;}
  .sg-noti-card,.sg-changelog-card{width:min(100%,calc(100vw - 24px));}
}


/* FIX80 / PHASE7: canonical admin shell */
:root{
  --sg-shell-top-h:72px;
  --sg-shell-side-w:280px;
  --sg-shell-content-max:none;
  --sg-shell-section-gap:18px;
  --sg-shell-page-pad-x:18px;
  --sg-shell-page-pad-y:18px;
}
.sg-side{width:var(--sg-shell-side-w);}
.sg-main{min-width:0;display:grid;grid-template-rows:auto 1fr;}
.sg-top{
  min-height:var(--sg-shell-top-h);
  padding:14px var(--sg-shell-page-pad-x);
  gap:14px;
}
.sg-top-left,.sg-top-right,.sg-top-meta{min-width:0;}
.sg-breadcrumb{display:flex;align-items:center;min-height:40px;padding:0 4px;font-size:14px;line-height:1.25;}
.sg-content{
  min-width:0;
  padding:var(--sg-shell-page-pad-y) var(--sg-shell-page-pad-x) calc(var(--sg-shell-page-pad-y) + 8px);
}
.sg-content > *{min-width:0;}
.sg-pagehead,.sg-toolbar,.sg-section{min-width:0;}
.sg-pagehead{display:grid;gap:8px;margin:0 0 var(--sg-shell-section-gap);}
.sg-pagehead-title{margin:0;font-size:clamp(22px,2vw,28px);line-height:1.15;font-weight:800;color:var(--sg-text);}
.sg-pagehead-subtitle{margin:0;color:var(--sg-muted);line-height:1.65;}
.sg-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 var(--sg-shell-section-gap);}
.sg-toolbar-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;}
.sg-section{display:grid;gap:12px;margin:0 0 var(--sg-shell-section-gap);}
.sg-section:last-child{margin-bottom:0;}
html.theme-dark .sg-top{background:color-mix(in srgb, var(--sg-app-bg) 78%, transparent);}
html.theme-light .sg-top{background:color-mix(in srgb, var(--sg-app-bg) 92%, transparent);}
@media (max-width: 991px){
  :root{--sg-shell-top-h:64px;--sg-shell-page-pad-x:14px;--sg-shell-page-pad-y:16px;--sg-shell-section-gap:16px;}
  .sg-top{padding-inline:var(--sg-shell-page-pad-x);}
  .sg-content{padding-inline:var(--sg-shell-page-pad-x);}
}


/* FIX84 / PHASE7B: canonical admin shell hardening */
:root{
  --sg-shell-radius:18px;
  --sg-shell-top-gap:14px;
  --sg-shell-card-gap:12px;
  --sg-shell-breadcrumb-fg:var(--sg-muted);
  --sg-shell-breadcrumb-current:var(--sg-text);
}
.sg-admin{
  min-height:100vh;
  background:
    radial-gradient(1200px 420px at 100% -10%, var(--sg-admin-radial-1), transparent 55%),
    radial-gradient(900px 360px at -10% 0%, var(--sg-admin-radial-2), transparent 50%),
    var(--sg-app-bg);
}
html.theme-dark .sg-admin{
  background:
    radial-gradient(1200px 420px at 100% -10%, var(--sg-admin-radial-dark-1), transparent 55%),
    radial-gradient(900px 360px at -10% 0%, var(--sg-admin-radial-dark-2), transparent 50%),
    var(--sg-app-bg);
}
.sg-side{
  border-right:1px solid var(--sg-border);
  box-shadow: 8px 0 28px var(--sg-sidebar-glow-light);
}
html.theme-dark .sg-side{
  box-shadow: 8px 0 28px var(--sg-sidebar-glow-dark);
}
.sg-main{
  min-width:0;
  isolation:isolate;
}
.sg-top{
  position:sticky;
  top:0;
  z-index:60;
  backdrop-filter:saturate(150%) blur(14px);
  -webkit-backdrop-filter:saturate(150%) blur(14px);
  border-bottom:1px solid color-mix(in srgb, var(--sg-border) 84%, transparent);
}
.sg-top-left{gap:14px;}
.sg-top-right{gap:12px;}
.sg-breadcrumb{
  color:var(--sg-shell-breadcrumb-fg);
  gap:8px;
}
.sg-breadcrumb > span{
  display:inline-flex;
  align-items:center;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sg-breadcrumb > span:last-child{
  color:var(--sg-shell-breadcrumb-current);
  font-weight:800;
}
.sg-content{
  width:100%;
  max-width:var(--sg-shell-content-max);
}
.sg-content > .sg-pagehead:first-child,
.sg-content > .sg-toolbar:first-child,
.sg-content > .sg-section:first-child{
  margin-top:0;
}
.sg-pagehead{
  padding:0;
}
.sg-pagehead-title{
  letter-spacing:-.02em;
}
.sg-pagehead-subtitle{
  max-width:min(100%, 92ch);
}
.sg-toolbar{
  padding:0;
}
.sg-toolbar-group > *{
  min-width:0;
}
.sg-section{
  padding:0;
}
.sg-section > *{
  min-width:0;
}
.sg-card,
.sg-panel,
.card,
.panel{
  overflow:hidden;
}
@media (min-width: 992px){
  .sg-content{
    padding-top:calc(var(--sg-shell-page-pad-y) + 2px);
  }
}
@media (max-width: 1279px){
  :root{
    --sg-shell-side-w:268px;
    --sg-shell-page-pad-x:16px;
  }
}
@media (max-width: 991px){
  .sg-top{
    top:0;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
  }
  .sg-breadcrumb{
    min-height:36px;
    font-size:13px;
  }
}
@media (max-width: 640px){
  :root{
    --sg-shell-top-h:60px;
    --sg-shell-page-pad-x:12px;
    --sg-shell-page-pad-y:14px;
    --sg-shell-section-gap:14px;
  }
  .sg-top-left{gap:10px;}
  .sg-top-right{gap:8px;}
}


.sg-nav-item .sg-nav-label{flex:1 1 auto;min-width:0;}
.sg-nav-item .sg-badge,.sg-nav-item .sg-sidebar-badge,.sg-nav-item .sg-ind-count{margin-left:auto;flex:0 0 auto;}


/* FIX96: runtime sidebar badge canonical */
.sg-nav-item .sg-sidebar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;width:22px;height:22px;padding:0;border-radius:999px;background:var(--sg-danger);color:var(--sg-white)!important;border:1px solid color-mix(in srgb,var(--sg-danger) 76%,transparent);font-weight:800;line-height:1;box-shadow:0 4px 10px var(--sg-danger-shadow);}
#sg-noti-count,.sg-topbar #sg-noti-count{background:var(--sg-danger)!important;color:var(--sg-white)!important;border-color:color-mix(in srgb,var(--sg-danger) 76%,transparent)!important;font-weight:800;}
.sg-nav-item.is-active,.sg-nav-item.is-active .sg-nav-label,.sg-nav-item.is-active .sg-ico{color:var(--sg-side-text)!important;}


/* FIX100: authoritative runtime sidebar badge */
.sg-nav-item .sg-sidebar-badge,
.sg-nav-item .sg-sidebar-badge.sg-badge,
.sg-nav-item .sg-ind-count{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:22px;
  min-width:22px;
  height:22px;
  padding:0 !important;
  border-radius:999px !important;
  margin-left:auto;
  background:var(--sg-danger) !important;
  color:var(--sg-white) !important;
  border:1px solid color-mix(in srgb, var(--sg-danger) 76%, transparent) !important;
  font-weight:800;
  line-height:1;
  text-align:center;
  box-shadow:0 4px 10px var(--sg-danger-shadow);
}
html.theme-dark .sg-nav-item .sg-sidebar-badge,
html.theme-light .sg-nav-item .sg-sidebar-badge{
  background:var(--sg-danger) !important;
  color:var(--sg-white) !important;
}


/* Phase 9 runtime cleanup wave 1 */
.sg-form-reset{margin:0!important;}
.sg-side-brand-logo{width:28px;height:28px;object-fit:contain;border-radius:8px;display:block;}
.sg-alert-shell-warn{margin:12px 16px 0;border-radius:14px;padding:10px 12px;}


/* Phase 15 — minor pages cleanup */
.sg-login-brand-logo{width:38px;height:38px;object-fit:contain;border-radius:12px;}
.sg-login-spacer{height:10px;}
.sg-login-submit-row{margin-top:2px;}
.sg-login-note,.sg-login-tips{font-size:12px;color:var(--sg-muted);}
.sg-login-tips{margin-top:14px;}
.sg-login-tips__sub{margin-top:4px;}
.sg-event-create{max-width:880px;}
.sg-event-create__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.sg-event-create__actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;}
.sg-print-actions{margin-bottom:12px;}
.sg-event-landing-empty__title{margin-top:0;}
@media (max-width: 768px){.sg-event-create__grid{grid-template-columns:1fr;}}


.sg-ta-r{text-align:right !important;}

.is-hidden{display:none !important;}


/* FIX103: zero-count badges and topbar popover layering */
.sg-sidebar-badge[hidden],
.sg-ind[hidden],
.sg-ind-dot[hidden],
#sg-noti-count[hidden],
.sg-sidebar-badge[aria-hidden="true"],
.sg-ind[aria-hidden="true"],
.sg-ind-dot[aria-hidden="true"],
.sg-sidebar-badge.is-hidden,
.sg-ind.is-hidden,
.sg-ind-dot.is-hidden,
#sg-noti-count.is-hidden{display:none !important;}
.sg-nav-item .sg-sidebar-badge[hidden],
.sg-nav-item .sg-sidebar-badge[aria-hidden="true"],
.sg-nav-item .sg-sidebar-badge.is-hidden,
.sg-nav-item .sg-ind[hidden],
.sg-nav-item .sg-ind[aria-hidden="true"],
.sg-nav-item .sg-ind.is-hidden,
.sg-nav-item .sg-ind-dot[hidden],
.sg-nav-item .sg-ind-dot[aria-hidden="true"],
.sg-nav-item .sg-ind-dot.is-hidden{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  min-width:0 !important;
  height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.sg-userpop,
.sg-noti-pop,
.sg-changelog-pop{z-index:55 !important;}
.sg-userpop[hidden],.sg-noti-pop[hidden],.sg-changelog-pop[hidden]{display:none !important;}
.sg-userpop:not([hidden]),.sg-noti-pop:not([hidden]),.sg-changelog-pop:not([hidden]){display:block;}

/* FIX103 / P10: landing renderer canonical helpers */
.sg-landing-block{margin-top:14px;padding:16px;border-radius:18px;border:1px solid var(--sg-border, var(--border));background:var(--sg-surface, var(--surface));}
.sg-landing-hero{padding:38px 16px;border-radius:18px;border:1px solid var(--sg-border, var(--border));overflow:hidden;position:relative;}
.sg-landing-hero__bg{position:absolute;inset:0;background:center/cover no-repeat;opacity:.22;}
.sg-landing-hero__inner{position:relative;max-width:980px;margin:0 auto;}
.sg-landing-hero__title{margin:0;font-size:32px;line-height:1.15;}
.sg-landing-hero__subtitle{margin-top:10px;color:var(--sg-muted, var(--muted));font-size:16px;}
.sg-landing-prewrap{white-space:pre-wrap;line-height:1.7;color:var(--sg-text, var(--text));}
.sg-landing-grid{display:grid;gap:10px;}
.sg-landing-grid--gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));}
.sg-landing-grid--cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;}
.sg-landing-media{border:1px solid var(--sg-border, var(--border));border-radius:14px;overflow:hidden;background:var(--sg-surface-2, var(--soft));aspect-ratio:4/3;}
.sg-landing-media img{width:100%;height:100%;object-fit:cover;display:block;}
.sg-landing-card{border:1px solid var(--sg-border, var(--border));border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--sg-surface) 94%, var(--sg-text) 6%);}
.sg-landing-card__cover{aspect-ratio:4/3;background:center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:var(--sg-landing-card-cover-fg);font-size:24px;}
.sg-landing-card__body{padding:12px;}
.sg-landing-card__title{font-weight:700;}
.sg-landing-card__desc{margin-top:6px;color:var(--sg-muted, var(--muted));}
.sg-landing-form{display:grid;gap:10px;max-width:520px;}
.sg-landing-stack{display:grid;gap:10px;}
.sg-landing-faq-item{padding:10px 0;border-top:1px solid var(--sg-border, var(--border));}
.sg-landing-faq-q{font-weight:600;}
.sg-landing-faq-a{margin-top:6px;white-space:pre-wrap;}
.sg-landing-cta{text-align:center;}
.sg-landing-countdown{display:flex;gap:10px;flex-wrap:wrap;}
.sg-landing-countdown__item{min-width:96px;padding:12px;border-radius:14px;border:1px solid var(--sg-border, var(--border));background:color-mix(in srgb,var(--sg-surface) 92%, var(--sg-text) 8%);text-align:center;}
.sg-landing-countdown__value{font-size:26px;font-weight:900;line-height:1;}
.sg-landing-countdown__label{margin-top:6px;color:var(--sg-muted, var(--muted));}
.sg-landing-map{border:1px solid var(--sg-border, var(--border));border-radius:14px;overflow:hidden;aspect-ratio:16 / 9;}
.sg-landing-map iframe{width:100%;height:100%;border:0;}
.sg-runtime-pad-12{padding:12px;}
.sg-runtime-note{margin-top:8px;word-break:break-all;}
.sg-runtime-row{display:flex;gap:10px;justify-content:space-between;align-items:center;}
.sg-runtime-row-top{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;}
.sg-runtime-stack{display:flex;flex-direction:column;gap:8px;}
.sg-runtime-stack-10{display:flex;flex-direction:column;gap:10px;}
.sg-runtime-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.sg-runtime-gap-10{gap:10px;}
.sg-runtime-mt-8{margin-top:8px;}
.sg-runtime-mt-10{margin-top:10px;}
.sg-runtime-mt-12{margin-top:12px;}
.sg-runtime-mb-10{margin-bottom:10px;}
.sg-runtime-fs-12{font-size:12px;}
.sg-runtime-prewrap{white-space:pre-wrap;margin:0;}
.sg-runtime-empty-cell{padding:18px;}

.sg-pill-inline-tone{ border-color: var(--sg-pill-inline-tone, var(--sg-border)); color: var(--sg-pill-inline-tone, var(--sg-text)); }

.sg-w-170{width:170px}.sg-pb-0{padding-bottom:0}.sg-flex-wrap{flex-wrap:wrap}.sg-gap-10{gap:10px}.sg-gap-12{gap:12px}.sg-fw-800{font-weight:800}.sg-fs-13{font-size:13px}.sg-mt-6{margin-top:6px}.sg-grid{display:grid}.sg-gap-16{gap:16px}.sg-flex-1{flex:1 1 auto}.sg-minw-220{min-width:220px}.sg-brand-preview--asset{width:56px;height:56px;border-radius:14px;overflow:hidden;background:var(--sg-surface-soft,rgba(255,255,255,.06));display:flex;align-items:center;justify-content:center}.sg-asset-img{max-width:100%;max-height:100%;display:block}.sg-builder-block__bg{background-image:var(--sg-builder-bg-image)}

.sg-branding-assets{display:grid;grid-template-columns:1fr;gap:16px;min-width:0}
.sg-brand-asset-stack{display:grid;grid-template-columns:1fr;gap:12px;min-width:0}
.sg-brand-preview--asset-lg{width:100%;min-height:180px;height:180px;border-radius:18px;padding:14px}
.sg-brand-preview--asset-lg .sg-asset-img{width:100%;height:100%;object-fit:contain}
.sg-brand-asset-stack .sg-field{width:100%;min-width:0}
.sg-brand-asset-stack .sg-uploadbox{width:100%}
.sg-brand-asset-stack .sg-upload-title,.sg-brand-asset-stack .sg-upload-sub{word-break:break-word}

.sg-tools-row{padding:8px 10px;border-bottom:1px solid var(--sg-line);}
.sg-text-on-danger{color:var(--sg-text-on-danger)!important;}
.sg-maxw-240{max-width:240px!important;}


/* FIX: sidebar light mode controls remain readable on dark shell */
html.theme-light .sg-side .sg-quick-btn{
  background: var(--sg-sidebar-surface) !important;
  color: var(--sg-side-text) !important;
  border-color: var(--sg-sidebar-button-border) !important;
}
html.theme-light .sg-side .sg-quick-btn .sg-ico,
html.theme-light .sg-side .sg-quick-btn i{
  color: var(--sg-white) !important;
}
html.theme-light .sg-side .sg-quick-select{
  background: color-mix(in srgb, var(--sg-sidebar-surface) 92%, transparent) !important;
  color: var(--sg-side-text) !important;
  border-color: var(--sg-sidebar-button-border) !important;
}
html.theme-light .sg-side-foot form .sg-btn,
html.theme-light .sg-side .sg-foot-actions .sg-btn{
  background: color-mix(in srgb, var(--sg-sidebar-surface) 92%, transparent) !important;
  color: var(--sg-side-text) !important;
  border-color: var(--sg-sidebar-button-border) !important;
}
html.theme-light .sg-side-foot form .sg-btn i,
html.theme-light .sg-side .sg-foot-actions .sg-btn i{
  color: var(--sg-white) !important;
}


/* FIX106: zero-count sidebar badges and indicator dots must disappear completely */
.sg-nav-item [hidden],
.sg-nav-item .is-hidden,
.sg-side [hidden],
.sg-side .is-hidden{
  display:none !important;
  visibility:hidden !important;
}
.sg-nav-item .sg-sidebar-badge[hidden],
.sg-nav-item .sg-sidebar-badge.is-hidden,
.sg-nav-item .sg-ind[hidden],
.sg-nav-item .sg-ind.is-hidden,
.sg-nav-item .sg-ind-dot[hidden],
.sg-nav-item .sg-ind-dot.is-hidden{
  flex:0 0 0 !important;
  width:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  opacity:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
  pointer-events:none !important;
}


/* Phase 14A — final inline markup purge */
.sg-preregister-page{background:var(--sg-side-bg,#0b1220);color:var(--sg-side-text,#e5e7eb);}
.sg-preregister-wrap{max-width:720px;margin:0 auto;padding:18px;}
.sg-preregister-card{background:var(--sg-side-surface-soft);border-color:var(--sg-side-border-soft);}
.sg-preregister-phone{font-size:18px;padding:14px 12px;}
.sg-embed-body{background:transparent;}
.sg-event-landing-dynamic{max-width:1100px;margin:0 auto;padding:14px;}
.sg-mb-10{margin-bottom:10px;}
.sg-mb-12{margin-bottom:12px;}
.sg-mb-14{margin-bottom:14px;}
.sg-mt-4{margin-top:4px;}
.sg-mt-14{margin-top:14px;}

/* badge hidden hard-stop */
.sg-sidebar-badge[hidden],.sg-sidebar-badge.is-hidden,.sg-sidebar-badge[aria-hidden="true"],
.sg-ind[hidden],.sg-ind.is-hidden,.sg-ind[aria-hidden="true"],
.sg-ind-dot[hidden],.sg-ind-dot.is-hidden,.sg-ind-dot[aria-hidden="true"]{
  display:none !important;
}
.sg-sidebar-badge[hidden]::before,.sg-sidebar-badge.is-hidden::before,.sg-sidebar-badge[aria-hidden="true"]::before,
.sg-ind[hidden]::before,.sg-ind.is-hidden::before,.sg-ind[aria-hidden="true"]::before,
.sg-ind-dot[hidden]::before,.sg-ind-dot.is-hidden::before,.sg-ind-dot[aria-hidden="true"]::before{content:none !important;}

html.theme-light .sg-side .sg-side-quick .sg-select.sg-quick-select, html.theme-light .sg-side .sg-quick-select{background:color-mix(in srgb, var(--sg-sidebar-surface) 94%, transparent) !important;color:var(--sg-side-text)!important;border-color:var(--sg-sidebar-button-border)!important;-webkit-text-fill-color:var(--sg-side-text)!important;}
html.theme-light .sg-side .sg-side-quick .sg-quick-btn i, html.theme-light .sg-side .sg-side-quick .sg-quick-btn .sg-ico, html.theme-light .sg-side .sg-quick-btn i, html.theme-light .sg-side .sg-quick-btn .sg-ico{color:var(--sg-white)!important;}
html.theme-light .sg-tab-badge.is-danger, html.theme-light .sg-badge.is-danger.is-solid, .sg-tab-badge.is-danger, .sg-badge.is-danger.is-solid{color:var(--sg-white)!important;}


/* FIX reports mobile filter + collapsed sidebar icon alignment */
.sg-admin.is-collapsed .sg-side-foot{justify-items:center;gap:10px}
.sg-admin.is-collapsed .sg-side-brand,
.sg-admin.is-collapsed .sg-nav-item,
.sg-admin.is-collapsed .sg-side-user,
.sg-admin.is-collapsed .sg-side-foot form,
.sg-admin.is-collapsed .sg-side-foot form .sg-btn{position:relative;display:flex;align-items:center;justify-content:center}
.sg-admin.is-collapsed .sg-side-brand{width:48px;min-width:48px;height:48px;margin:0 auto}
.sg-admin.is-collapsed .sg-side-mark{display:grid;place-items:center;margin:0 auto}
.sg-admin.is-collapsed .sg-nav-item .sg-ico,
.sg-admin.is-collapsed .sg-side-foot form .sg-btn i,
.sg-admin.is-collapsed .sg-avatar{display:grid;place-items:center;margin:0;line-height:1}
.sg-admin.is-collapsed .sg-nav-item .sg-sidebar-badge,
.sg-admin.is-collapsed .sg-nav-item .sg-sidebar-badge.sg-badge,
.sg-admin.is-collapsed .sg-nav-item .sg-ind-count{display:inline-flex!important;position:absolute;top:5px;right:5px;width:16px;min-width:16px;height:16px;padding:0!important;margin:0!important;border-radius:999px!important;font-size:10px;line-height:1;border-width:1px;box-shadow:0 4px 10px color-mix(in srgb,var(--sg-danger) 20%,transparent)}
.sg-admin.is-collapsed .sg-nav-item .sg-sidebar-badge[hidden],
.sg-admin.is-collapsed .sg-nav-item .sg-sidebar-badge.is-hidden,
.sg-admin.is-collapsed .sg-nav-item .sg-sidebar-badge[aria-hidden="true"]{display:none!important}
.sg-admin.is-collapsed .sg-side-user{height:48px;min-height:48px}
.sg-admin.is-collapsed .sg-side-foot form{width:48px}
.sg-admin.is-collapsed .sg-side-foot form .sg-btn{width:48px;height:48px;min-height:48px;padding:0;border-radius:16px;font-size:0}
.sg-admin.is-collapsed .sg-side-foot form .sg-btn .sg-btn-label{display:none!important}
.sg-admin.is-collapsed .sg-side-foot form .sg-btn i{width:20px;min-width:20px;height:20px;font-size:18px}


.sg-panel-title{display:flex;align-items:center;gap:8px;margin:0 0 6px 0;font-weight:700;}
.sg-note-top{margin-top:10px;}
.sg-system-notice-title{font-weight:800;}
.sg-system-notice-inline-title{font-weight:800;}
.sgmd-thumb--product{width:72px;}
.sg-gifts-row-title{font-weight:800;}



.sgr-page > .sgr-head{margin-bottom:0;}
.sgr-page > .sgr-head + .sgr-filters{margin-top:8px;}
@media (max-width: 720px){
  .sgr-page > .sgr-head + .sgr-filters{margin-top:8px;}
}
.sg-badge,.badge,.sg-pill,.sg-tab-badge{line-height:1.2;}
.sg-badge{min-height:28px;padding:5px 10px;font-size:12px;font-weight:700;}
.sg-pill{min-height:28px;padding:5px 10px;font-size:12px;font-weight:700;}
.badge{min-height:28px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;}
.sg-tab-badge{min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:800;line-height:20px;}
.sg-tab-badge.is-danger,.sg-tab.is-active .sg-tab-badge.is-danger,
html.theme-light .sg-tab-badge.is-danger,html.theme-dark .sg-tab-badge.is-danger{color:var(--sg-white)!important;}

/* 260318_105800_reports_canonical_runtime_tuning */
.sg-content,.sg-main,.sg-panel,.sg-card,.sg-page-head,.sg-filter-block{min-width:0;max-width:100%;}
.sg-page-head + .sg-filter-block,.sg-filter-block + .sg-panel{margin-top:12px;}
.sg-page-head__title{font-size:24px;}
.sg-filter-block,.sgr-filters{isolation:isolate;}
.sg-filter-block,.sg-filter-block.sg-card,.sg-filter-block.sg-card-filter,.sgr-filters{
  background:color-mix(in srgb,var(--sg-surface) 78%, transparent);
  border:1px solid color-mix(in srgb,var(--sg-border) 78%, rgba(255,255,255,.22));
  box-shadow:0 14px 34px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(14px) saturate(145%);
  backdrop-filter:blur(14px) saturate(145%);
}
html.theme-dark .sg-filter-block,html.theme-dark .sg-filter-block.sg-card,html.theme-dark .sg-filter-block.sg-card-filter,html.theme-dark .sgr-filters{
  background:color-mix(in srgb,var(--sg-surface) 84%, transparent);
  border-color:color-mix(in srgb,var(--sg-border) 82%, rgba(255,255,255,.12));
  box-shadow:0 18px 40px rgba(2,6,23,.36), inset 0 1px 0 rgba(255,255,255,.06);
}
.sg-filter-block__header,.sgr-filter-head.sg-filter-header{position:relative;z-index:2;}
.sg-filter-block__actions,.sgr-filter-head-actions{position:relative;z-index:3;pointer-events:auto;}
.sg-filter-iconbtn,.sgr-filter-toggle,.sgr-filter-reset{pointer-events:auto;position:relative;z-index:4;}
.sg-events-filter-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr) minmax(0,.95fr) minmax(0,.95fr) auto;gap:12px;align-items:end;}
.sg-events-filter-grid__action{display:flex;align-items:flex-end;justify-content:flex-end;}
@media (max-width: 1360px){
  .sg-events-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .sg-events-filter-grid__action{grid-column:1/-1;justify-content:flex-end;}
}
@media (max-width: 960px){
  .sg-events-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sg-events-filter-grid__action{grid-column:1/-1;justify-content:flex-end;}
}
@media (max-width: 720px){
  html,body,.sg-admin,.sg-main,.sg-content{max-width:100%;overflow-x:clip;}
  .sg-content{padding-left:12px;padding-right:12px;}
  .sg-page-head + .sg-filter-block,.sg-filter-block + .sg-panel{margin-top:12px;}
  .sg-page-head__title{font-size:22px;}
  .sg-events-filter-grid{grid-template-columns:1fr;}
  .sg-events-filter-grid__action{grid-column:auto;justify-content:stretch;}
  .sg-events-filter-grid__action .sg-btn{width:100%;}
  .sgr-filters{grid-template-columns:1fr;max-width:100%;}
}

/* 260318_101500_reports_canonical_runtime */
.sg-page-head,
.sg-page-head.sg-card,
.sg-page-head.sg-card-section{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  padding:18px 20px;
}
.sg-page-head__content{min-width:0;display:grid;gap:6px;}
.sg-page-head__title{
  margin:0;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:24px;
  line-height:1.14;
  font-weight:850;
  color:var(--sg-text);
}
.sg-page-head__title i{color:var(--sg-primary);}
.sg-page-head__subtitle{margin:0;color:var(--sg-muted);font-size:14px;line-height:1.65;}
.sg-page-head__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.sg-filter-block,
.sg-filter-block.sg-card,
.sg-filter-block.sg-card-filter{
  display:grid;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
}
.sg-filter-block--sticky{position:sticky;top:calc(var(--sg-shell-top-h,72px) + 10px);z-index:calc(var(--sg-z-sticky,20) + 8);} 
.sg-filter-block__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:12px;row-gap:0;grid-column:1/-1;}
.sg-filter-block__title{display:flex;align-items:flex-start;gap:10px;min-width:0;font-weight:800;}
.sg-filter-block__title i{color:var(--sg-primary);margin-top:2px;}
.sg-filter-block__text{min-width:0;display:grid;gap:2px;}
.sg-filter-block__heading{font-size:15px;font-weight:800;color:var(--sg-text);} 
.sg-filter-block .sg-field,.sg-filter-block .sg-field-group{min-width:0;}
.sg-filter-block .sg-label,.sg-filter-block .sg-field > label{font-size:12px;font-weight:600;line-height:1.45;color:var(--sg-muted);}
.sg-filter-block .sg-label i,.sg-filter-block .sg-field > label i{color:inherit;opacity:.95;}
.sg-filter-block .sg-input-ico,.sg-filter-block .sg-input,.sg-filter-block .sg-select{min-width:0;max-width:100%;}
.sg-filter-block .sg-input,.sg-filter-block .sg-select{width:100%;}
.sg-filter-block__subtitle{font-size:12px;line-height:1.5;color:var(--sg-muted);}
.sg-filter-block__actions{display:flex;align-items:flex-start;gap:8px;justify-self:end;}
.sg-filter-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;border-radius:14px;border:1px solid var(--sg-border);background:var(--sg-surface);color:var(--sg-muted);cursor:pointer;text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;box-shadow:0 1px 2px color-mix(in srgb,var(--sg-text) 4%, transparent)}
.sg-filter-iconbtn:hover{border-color:color-mix(in srgb,var(--sg-primary) 22%, var(--sg-border) 78%);color:var(--sg-text-2);background:var(--sg-surface);transform:translateY(-1px)}
html.theme-dark .sg-filter-iconbtn{background:var(--sg-surface-2);border-color:color-mix(in srgb,var(--sg-border) 82%, rgba(255,255,255,.08) 18%);color:var(--sg-muted);box-shadow:none}
html.theme-dark .sg-filter-iconbtn:hover{border-color:color-mix(in srgb,var(--sg-primary) 30%, var(--sg-border) 70%);color:var(--sg-text);background:color-mix(in srgb,var(--sg-surface-2) 90%, var(--sg-primary) 10%)}
.sg-filter-block.is-collapsed > :not(.sg-filter-block__header){display:none !important;}
.sg-summary-chips{display:flex;gap:10px;flex-wrap:wrap;padding:0 4px 4px;}
.sg-summary-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--sg-surface-2);border:1px solid var(--sg-border);font-size:12px;color:var(--sg-muted);}
.sg-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.sg-tab-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;width:100%;padding:6px;}
#sg-noti-btn #sg-noti-count,
#sg-noti-count,
.sg-top-right #sg-noti-count{
  background:var(--sg-danger)!important;
  color:var(--sg-text-on-solid)!important;
  border-color:color-mix(in srgb,var(--sg-danger) 76%,transparent)!important;
  text-shadow:none!important;
  opacity:1!important;
}
@media (max-width: 1100px){
  .sg-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 720px){
  .sg-page-head{padding:16px;flex-direction:column;}
  .sg-filter-block{padding:12px;}
  .sg-filter-block--sticky{top:calc(var(--sg-shell-top-h,64px) + 8px);}
  .sg-kpi-grid{grid-template-columns:1fr;}
  .sg-tab-nav{grid-template-columns:repeat(2,minmax(0,1fr));}
}


/* HOTFIX 2026-03-19 — topbar over sticky filters + mobile shell hardening */
.sg-top,
header.sg-top[data-role="shell-topbar"]{
  z-index: 120 !important;
}
.sg-top-right,
.sg-top-meta,
.sg-userchip,
.sg-top-env{position:relative;z-index:121;}
.sg-noti-pop,
.sg-userpop,
.sg-changelog-pop{z-index:130 !important;}
.sg-filter-block--sticky{z-index:32 !important;}
.sg-table-sticky thead th,
.sg-tl thead th{z-index:var(--sg-z-tablehead,18) !important;}

/* Gifts filter shell must stay flat, no nested card look */
.sg-gifts-toolbar.sg-filterbar,
.sg-gifts-toolbar.sg-filterbar-main,
.sg-gifts-card-b.sg-card__body.sg-gifts-filter-panel{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.sg-gifts-toolbar.sg-filterbar::before,
.sg-gifts-toolbar.sg-filterbar::after,
.sg-gifts-toolbar.sg-filterbar-main::before,
.sg-gifts-toolbar.sg-filterbar-main::after,
.sg-gifts-card-b.sg-card__body.sg-gifts-filter-panel::before,
.sg-gifts-card-b.sg-card__body.sg-gifts-filter-panel::after{
  display:none !important;
  content:none !important;
}

/* Mobile shell overflow guard */
@media (max-width: 980px){
  html,body{max-width:100%;overflow-x:hidden;}
  .sg-admin{grid-template-columns:1fr !important;max-width:100%;overflow-x:hidden;}
  #sg-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:140;max-width:min(86vw,320px);transform:translateX(-102%);transition:transform .18s ease;}
  .sg-admin.is-drawer-open #sg-sidebar{transform:translateX(0);}/* legacy hotfix normalized */
  .sg-main,.sg-content,.sg-page-head,.sg-card,.sg-panel,.sg-filter-block{width:100%;max-width:100%;min-width:0;}
  .sg-content{padding-inline:12px !important;overflow-x:hidden;}
  .sg-page-head{gap:12px;}
  .sg-page-head__content,.sg-page-head__actions,.sg-filter-block__header,.sg-filter-block__actions{min-width:0;max-width:100%;}
  .sg-page-head__actions,.sg-filter-block__actions{flex-wrap:wrap;justify-content:flex-start;}
  .sg-top{padding-inline:12px !important;min-width:0;}
  .sg-top-left,.sg-top-right,.sg-top-meta{min-width:0;max-width:100%;}
  .sg-top-right{flex-wrap:wrap;justify-content:flex-end;row-gap:8px;}
  .sg-breadcrumb{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .sg-userchip-label,.sg-pill-text{max-width:32vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .sg-table-wrap,.sg-overflow-x-auto,.sg-table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  table{max-width:none;}
}
@media (max-width: 640px){
  .sg-top{row-gap:8px;align-items:flex-start;}
  .sg-top-right{width:100%;justify-content:space-between;}
  .sg-top-meta{flex-wrap:wrap;}
  .sg-page-head__title{font-size:22px !important;}
  .sg-page-head__subtitle{font-size:13px !important;}
  .sg-card,.sg-panel,.sg-filter-block{border-radius:16px;}
}


/* Phase 1 — canonical mobile shell */
:root{
  --sg-mobile-rail-w: 76px;
  --sg-mobile-sidebar-w: min(88vw, 320px);
}

.sg-userchip-avatar{display:none;width:28px;height:28px;border-radius:999px;align-items:center;justify-content:center;background:color-mix(in srgb, var(--sg-primary) 12%, var(--sg-surface));color:var(--sg-primary);border:1px solid color-mix(in srgb, var(--sg-primary) 16%, var(--sg-border));}
.sg-userpop-mobile-only{display:none;}

@media (max-width: 991px){
  html,body{max-width:100%;overflow-x:hidden;}
  .sg-admin{position:relative;display:block;max-width:100%;overflow-x:hidden;}
  .sg-drawer-backdrop{
    display:block;
    position:fixed;
    inset:0;
    opacity:0;
    pointer-events:none;
    transition:opacity .22s ease;
    background:color-mix(in srgb, var(--sg-overlay-black-35) 88%, transparent);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    z-index:138;
  }
  .sg-side{
    position:fixed;
    left:8px;
    top:calc(var(--sg-shell-top-h,64px) + 8px);
    bottom:8px;
    height:calc(100dvh - var(--sg-shell-top-h,64px) - 16px);
    width:var(--sg-mobile-rail-w);
    min-width:var(--sg-mobile-rail-w);
    padding:12px 8px;
    overflow:hidden;
    border:1px solid var(--sg-sidebar-border);
    border-radius:22px;
    background:color-mix(in srgb, var(--sg-side-bg) 96%, transparent);
    box-shadow:8px 0 24px color-mix(in srgb, var(--sg-text) 10%, transparent);
    transition:left .22s ease, width .22s ease, padding .22s ease, box-shadow .22s ease, transform .22s ease;
    z-index:140;
  }
  .sg-admin.is-mobile .sg-main,
  .sg-admin.is-mobile-collapsed .sg-main,
  .sg-admin.is-mobile-expanded .sg-main{
    margin-left:calc(var(--sg-mobile-rail-w) + 12px);
    min-width:0;
    width:calc(100% - var(--sg-mobile-rail-w) - 12px);
    transition:filter .22s ease, margin-left .22s ease, width .22s ease;
  }
  .sg-admin.is-mobile-collapsed .sg-side-brand,
  .sg-admin.is-mobile-collapsed .sg-nav-item,
  .sg-admin.is-mobile-collapsed .sg-side-user,
  .sg-admin.is-mobile-collapsed .sg-side-foot form,
  .sg-admin.is-mobile-collapsed .sg-side-foot form .sg-btn{position:relative;display:flex;align-items:center;justify-content:center;}
  .sg-admin.is-mobile-collapsed .sg-side-brand{width:48px;min-width:48px;height:48px;margin:0 auto;padding:0;background:transparent;border-color:transparent;box-shadow:none;}
  .sg-admin.is-mobile-collapsed .sg-side-mark{width:42px;height:42px;min-width:42px;margin:0 auto;border-radius:14px;}
  .sg-admin.is-mobile-collapsed .sg-side-quick,
  .sg-admin.is-mobile-collapsed .sg-nav-cap,
  .sg-admin.is-mobile-collapsed .sg-nav-sep,
  .sg-admin.is-mobile-collapsed .sg-nav-label,
  .sg-admin.is-mobile-collapsed .sg-side-user-meta,
  .sg-admin.is-mobile-collapsed .sg-side-footer,
  .sg-admin.is-mobile-collapsed .sg-foot-actions .sg-btn-label,
  .sg-admin.is-mobile-collapsed .sg-badge,
  .sg-admin.is-mobile-collapsed .sg-ind{display:none!important;}
  .sg-admin.is-mobile-collapsed .sg-side-navwrap{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:auto;padding-right:0;}
  .sg-admin.is-mobile-collapsed .sg-side-navwrap::-webkit-scrollbar{width:0;height:0;display:none;}
  .sg-admin.is-mobile-collapsed .sg-nav{justify-items:center;gap:8px;}
  .sg-admin.is-mobile-collapsed .sg-nav-item{width:48px;min-width:48px;min-height:48px;padding:0;justify-content:center;border-radius:16px;margin:0 auto;}
  .sg-admin.is-mobile-collapsed .sg-nav-item.is-active::before{left:8px;right:8px;top:auto;bottom:0;width:auto;height:4px;border-radius:999px 999px 0 0;}
  .sg-admin.is-mobile-collapsed .sg-nav-item .sg-sidebar-badge,
  .sg-admin.is-mobile-collapsed .sg-nav-item .sg-sidebar-badge.sg-badge,
  .sg-admin.is-mobile-collapsed .sg-nav-item .sg-ind-count{display:inline-flex!important;position:absolute;top:5px;right:5px;width:16px;min-width:16px;height:16px;padding:0!important;margin:0!important;border-radius:999px!important;font-size:10px;line-height:1;border-width:1px;box-shadow:0 4px 10px color-mix(in srgb,var(--sg-danger) 20%,transparent);}
  .sg-admin.is-mobile-collapsed .sg-nav-item .sg-sidebar-badge[hidden],
  .sg-admin.is-mobile-collapsed .sg-nav-item .sg-sidebar-badge.is-hidden,
  .sg-admin.is-mobile-collapsed .sg-nav-item .sg-sidebar-badge[aria-hidden="true"]{display:none!important;}
  .sg-admin.is-mobile-collapsed .sg-side-user{width:48px;justify-content:center;padding:7px;margin:0 auto;}
  .sg-admin.is-mobile-collapsed .sg-avatar{margin:0 auto;}
  .sg-admin.is-mobile-collapsed .sg-side-foot{justify-items:center;gap:10px;}
  .sg-admin.is-mobile-collapsed .sg-side-foot form{width:48px;}
  .sg-admin.is-mobile-collapsed .sg-side-foot form .sg-btn{width:48px;height:48px;min-height:48px;padding:0;border-radius:16px;font-size:0;}
  .sg-admin.is-mobile-collapsed .sg-side-foot form .sg-btn i{width:20px;min-width:20px;height:20px;font-size:18px;}
  .sg-admin.is-mobile-expanded .sg-side{
    width:var(--sg-mobile-sidebar-w);
    min-width:var(--sg-mobile-sidebar-w);
    padding:14px;
    overflow:visible;
    transform:translateX(0);
    box-shadow:18px 0 40px color-mix(in srgb, var(--sg-text) 18%, transparent);
  }
  .sg-admin.is-mobile-expanded .sg-drawer-backdrop{opacity:1;pointer-events:auto;}
  .sg-admin.is-mobile-expanded .sg-main{filter:blur(1px);}
  .sg-admin.is-mobile-expanded .sg-side-brand{display:flex;place-items:initial;padding:12px 12px;background:var(--sg-sidebar-surface-soft);border-color:var(--sg-sidebar-border-soft);box-shadow:none;}
  .sg-admin.is-mobile-expanded .sg-side-mark{width:42px;height:42px;min-width:42px;}
  .sg-admin.is-mobile-expanded .sg-side-quick,
  .sg-admin.is-mobile-expanded .sg-nav-cap,
  .sg-admin.is-mobile-expanded .sg-nav-sep,
  .sg-admin.is-mobile-expanded .sg-nav-label,
  .sg-admin.is-mobile-expanded .sg-side-user-meta,
  .sg-admin.is-mobile-expanded .sg-side-footer,
  .sg-admin.is-mobile-expanded .sg-foot-actions .sg-btn-label,
  .sg-admin.is-mobile-expanded .sg-badge,
  .sg-admin.is-mobile-expanded .sg-ind{display:initial!important;}
  .sg-admin.is-mobile-expanded .sg-nav{justify-items:stretch;gap:6px;}
  .sg-admin.is-mobile-expanded .sg-nav-item{width:auto;min-width:0;min-height:auto;padding:12px 12px;justify-content:flex-start;border-radius:14px;margin:0;}
  .sg-admin.is-mobile-expanded .sg-nav-item.is-active::before{left:0;right:auto;top:10px;bottom:10px;width:4px;height:auto;border-radius:999px;}
  .sg-admin.is-mobile-expanded .sg-side-user{width:auto;justify-content:flex-start;padding:10px 10px;margin:0;}
  .sg-admin.is-mobile-expanded .sg-foot-actions .sg-btn{width:100%;height:auto;padding:10px 12px;justify-content:center;border-radius:14px;margin:0;}

  .sg-top,
  header.sg-top[data-role="shell-topbar"]{
    display:grid;
    grid-template-columns:44px minmax(0,1fr) auto;
    padding:12px max(14px, env(safe-area-inset-right)) 12px max(14px, env(safe-area-inset-left)) !important;
    gap:10px;
    align-items:center;
  }
  .sg-top-left{display:contents;}
  .sg-top-left > [data-action="toggle-sidebar"]{grid-column:1;justify-self:start;}
  .sg-breadcrumb{grid-column:2;max-width:100%;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .sg-top-right{grid-column:3;justify-self:end;flex:0 0 auto;gap:8px;flex-wrap:nowrap;align-items:center;padding-right:max(2px, env(safe-area-inset-right));}
  .sg-top-meta{gap:8px;align-items:center;}
  .sg-top-meta > [data-action="toggle-changelog"],
  .sg-top-env,
  .sg-iconbtn-theme{display:none!important;}
  .sg-top-left > [data-action="toggle-sidebar"],
  .sg-top-meta > [data-action="toggle-noti"],
  .sg-userchip{width:44px;min-width:44px;max-width:44px;}
  .sg-top-left > [data-action="toggle-sidebar"],
  .sg-top-meta > [data-action="toggle-noti"]{display:inline-flex;align-items:center;justify-content:center;padding:0;}
  .sg-userchip{padding:8px;border-radius:16px;min-width:44px;min-height:44px;justify-content:center;gap:0;}
  .sg-userchip .sg-userchip-label{display:none!important;}
  .sg-userchip-avatar{display:inline-flex;}
  .sg-userchip > .sg-ico{display:none;}
  .sg-top-meta > [data-action="toggle-noti"] .sg-badge{position:absolute;top:3px;right:3px;min-width:16px;height:16px;padding:0;font-size:10px;}
  .sg-noti-pop,
  .sg-userpop,
  .sg-changelog-pop{position:fixed;right:12px!important;left:auto!important;top:calc(var(--sg-shell-top-h,64px) + 8px)!important;max-width:min(360px, calc(100vw - 24px));}
  .sg-userpop-card,.sg-noti-card,.sg-changelog-card{max-width:min(360px, calc(100vw - 24px));}
  .sg-userpop-actions{display:grid;grid-template-columns:1fr;}
  .sg-userpop-mobile-only{display:inline-flex;}
  .sg-content{padding:14px 14px 24px !important;overflow-x:hidden;}
  .sg-page-head,.sg-card,.sg-panel,.sg-filter-block{width:100%;max-width:100%;min-width:0;}
  .sg-page-head{gap:12px;}
  .sg-page-head__content,.sg-page-head__actions,.sg-filter-block__header,.sg-filter-block__actions{min-width:0;max-width:100%;}
  .sg-page-head__actions,.sg-filter-block__actions{flex-wrap:wrap;justify-content:flex-start;}
  .sg-table-wrap,.sg-overflow-x-auto,.sg-table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  table{max-width:none;}
}

@media (max-width: 640px){
  .sg-top,
  header.sg-top[data-role="shell-topbar"]{
    grid-template-columns:42px minmax(0,1fr) auto;
    padding:10px max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left)) !important;
  }
  .sg-breadcrumb{font-size:13px;}
  .sg-side{left:6px;top:calc(var(--sg-shell-top-h,64px) + 6px);bottom:6px;height:calc(100dvh - var(--sg-shell-top-h,64px) - 12px);}
  .sg-admin.is-mobile .sg-main,
  .sg-admin.is-mobile-collapsed .sg-main,
  .sg-admin.is-mobile-expanded .sg-main{margin-left:calc(var(--sg-mobile-rail-w) + 10px);width:calc(100% - var(--sg-mobile-rail-w) - 10px);}
}

@media (min-width: 641px) and (max-width: 991px){
  .sg-admin.is-mobile,
  .sg-admin.is-mobile-collapsed,
  .sg-admin.is-mobile-expanded{grid-template-columns:1fr !important;}
  .sg-admin.is-mobile #sg-sidebar,
  .sg-admin.is-mobile-collapsed #sg-sidebar{
    position:fixed !important;
    left:8px !important;
    top:calc(var(--sg-shell-top-h,64px) + 8px) !important;
    bottom:8px !important;
    height:calc(100dvh - var(--sg-shell-top-h,64px) - 16px) !important;
    width:var(--sg-mobile-rail-w) !important;
    min-width:var(--sg-mobile-rail-w) !important;
    max-width:var(--sg-mobile-rail-w) !important;
    padding:12px 8px !important;
    overflow:hidden !important;
    transform:translateX(0) !important;
    opacity:1 !important;
    pointer-events:auto !important;
    border-radius:22px !important;
  }
  .sg-admin.is-mobile #sg-sidebar .sg-side-brand,
  .sg-admin.is-mobile-collapsed #sg-sidebar .sg-side-brand,
  .sg-admin.is-mobile #sg-sidebar .sg-nav-item,
  .sg-admin.is-mobile-collapsed #sg-sidebar .sg-nav-item,
  .sg-admin.is-mobile #sg-sidebar .sg-side-user,
  .sg-admin.is-mobile-collapsed #sg-sidebar .sg-side-user,
  .sg-admin.is-mobile #sg-sidebar .sg-side-foot form,
  .sg-admin.is-mobile-collapsed #sg-sidebar .sg-side-foot form,
  .sg-admin.is-mobile #sg-sidebar .sg-side-foot form .sg-btn,
  .sg-admin.is-mobile-collapsed #sg-sidebar .sg-side-foot form .sg-btn{display:flex;align-items:center;justify-content:center;}
  .sg-admin.is-mobile #sg-sidebar .sg-side-quick,
  .sg-admin.is-mobile-collapsed #sg-sidebar .sg-side-quick,
  .sg-admin.is-mobile #sg-sidebar .sg-nav-cap,
  .sg-admin.is-mobile-collapsed #sg-sidebar .sg-nav-cap,
  .sg-admin.is-mobile #sg-sidebar .sg-nav-sep,
  .sg-admin.is-mobile-collapsed #sg-sidebar .sg-nav-sep,
  .sg-admin.is-mobile #sg-sidebar .sg-nav-label,
  .sg-admin.is-mobile-collapsed #sg-sidebar .sg-nav-label,
  .sg-admin.is-mobile #sg-sidebar .sg-side-user-meta,
  .sg-admin.is-mobile-collapsed #sg-sidebar .sg-side-user-meta,
  .sg-admin.is-mobile #sg-sidebar .sg-side-footer,
  .sg-admin.is-mobile-collapsed #sg-sidebar .sg-side-footer,
  .sg-admin.is-mobile #sg-sidebar .sg-foot-actions .sg-btn-label,
  .sg-admin.is-mobile-collapsed #sg-sidebar .sg-foot-actions .sg-btn-label,
  .sg-admin.is-mobile #sg-sidebar .sg-badge:not(.sg-sidebar-badge),
  .sg-admin.is-mobile-collapsed #sg-sidebar .sg-badge:not(.sg-sidebar-badge),
  .sg-admin.is-mobile #sg-sidebar .sg-ind,
  .sg-admin.is-mobile-collapsed #sg-sidebar .sg-ind{display:none !important;}
  .sg-admin.is-mobile .sg-main,
  .sg-admin.is-mobile-collapsed .sg-main,
  .sg-admin.is-mobile-expanded .sg-main{
    margin-left:calc(var(--sg-mobile-rail-w) + 12px) !important;
    width:calc(100% - var(--sg-mobile-rail-w) - 12px) !important;
    max-width:none !important;
  }
  .sg-admin.is-mobile-expanded #sg-sidebar{
    width:min(var(--sg-mobile-sidebar-w), 320px) !important;
    min-width:min(var(--sg-mobile-sidebar-w), 320px) !important;
    max-width:min(var(--sg-mobile-sidebar-w), 320px) !important;
    padding:14px !important;
  }
}


/* HOTFIX 2026-03-20 — narrow mobile shell: hide collapsed sidebar fully, remove blank left rail */
@media (max-width: 640px){
  :root{
    --sg-mobile-sidebar-gap: 8px;
  }
  .sg-admin.is-mobile .sg-main,
  .sg-admin.is-mobile-collapsed .sg-main,
  .sg-admin.is-mobile-expanded .sg-main{
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .sg-admin.is-mobile-collapsed .sg-side{
    left: var(--sg-mobile-sidebar-gap) !important;
    transform: translateX(calc(-100% - var(--sg-mobile-sidebar-gap) - env(safe-area-inset-left, 0px))) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    box-shadow: none !important;
  }
  .sg-admin.is-mobile-expanded .sg-side{
    left: var(--sg-mobile-sidebar-gap) !important;
    right: auto !important;
    width: min(calc(100vw - (var(--sg-mobile-sidebar-gap) * 2)), 320px) !important;
    min-width: min(calc(100vw - (var(--sg-mobile-sidebar-gap) * 2)), 320px) !important;
    max-width: calc(100vw - (var(--sg-mobile-sidebar-gap) * 2)) !important;
    transform: translateX(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    overflow: hidden !important;
    box-shadow: 18px 0 40px color-mix(in srgb, var(--sg-text) 18%, transparent) !important;
  }
  .sg-admin.is-mobile-expanded .sg-drawer-backdrop{
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .sg-admin.is-mobile-collapsed .sg-drawer-backdrop{
    opacity: 0 !important;
    pointer-events: none !important;
  }
  .sg-content{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}


/* HOTFIX 2026-03-20 — Phase 0 + Phase 2 + canonical mobile shell refinement */
:root{
  --sg-z-tablehead: 18;
  --sg-z-topbar: 84;
  --sg-z-filter-sticky: 64;
  --sg-z-popover: 92;
  --sg-z-sidebar-backdrop: 96;
  --sg-z-mobile-sidebar: 98;
  --sg-z-drawer: 100;
  --sg-z-modal: 110;
  --sg-page-pad-x-canonical: 18px;
  --sg-page-pad-y-canonical: 18px;
  --sg-card-pad-x-canonical: 20px;
  --sg-card-pad-y-canonical: 18px;
  --sg-filter-pad-x-canonical: 20px;
  --sg-filter-pad-y-canonical: 18px;
  --sg-canonical-radius: 18px;
}

.sg-top,
header.sg-top[data-role="shell-topbar"]{z-index:var(--sg-z-topbar)!important;}
.sg-side{z-index:var(--sg-z-mobile-sidebar);}
.sg-drawer-backdrop{z-index:var(--sg-z-sidebar-backdrop);}
.sg-noti-pop,.sg-userpop,.sg-changelog-pop{z-index:var(--sg-z-popover)!important;}
.sg-filter-block--sticky{z-index:var(--sg-z-filter-sticky)!important;}
.sg-drawer{z-index:var(--sg-z-drawer)!important;}
.sg-iam-drawer-backdrop{z-index:calc(var(--sg-z-drawer) - 1) !important;}
.sg-dialog{z-index:var(--sg-z-modal)!important;}

.sg-content{
  padding:var(--sg-page-pad-y-canonical) var(--sg-page-pad-x-canonical) calc(var(--sg-page-pad-y-canonical) + 8px) !important;
}
.sg-page-head,
.sg-page-head.sg-card,
.sg-page-head.sg-card-section{
  padding:var(--sg-card-pad-y-canonical) var(--sg-card-pad-x-canonical);
  border-radius:var(--sg-canonical-radius);
}
.sg-filter-block,
.sg-filter-block.sg-card,
.sg-filter-block.sg-card-filter{
  padding:var(--sg-filter-pad-y-canonical) var(--sg-filter-pad-x-canonical);
  border-radius:var(--sg-canonical-radius);
}
.sg-card,
.sg-panel{border-radius:var(--sg-canonical-radius);}
.sg-page-head__title{font-size:24px;line-height:1.14;font-weight:850;}
.sg-page-head__subtitle{font-size:14px;line-height:1.65;}
.sg-filter-block__heading{font-size:15px;font-weight:800;}
.sg-filter-block__subtitle{font-size:12px;line-height:1.5;}


/* Phase 2026-03-21 — UI standard lock aligned to Events reference */
.sg-btn{min-height:44px;border-radius:14px;}
.sg-btn.sg-btn-input{height:44px;min-height:44px;border-radius:14px;}
.sg-input,.sg-select,.sg-inp,select.sg-input,select.sg-inp,textarea.sg-input,textarea.sg-inp{font-size:14px;line-height:1.45;border-radius:14px;}
.sg-input,.sg-select,.sg-inp,select.sg-input,select.sg-inp{min-height:44px;height:44px;}
textarea.sg-input,textarea.sg-inp{min-height:96px;height:auto;}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(label,.sg-label,.sg-field>label,.sg-filter-block .sg-label,.sg-filter-block .sg-field>label){font-size:13px !important;line-height:1.45 !important;color:var(--sg-muted) !important;}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-card-title,.sg-card-t,.sg-panel-t,.sgr-card-title,.sg-filter-block__heading){font-size:15px !important;font-weight:800 !important;line-height:1.4 !important;}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-muted,.sg-filter-block__subtitle){font-size:13px;line-height:1.58;}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-card,.sg-panel,.sgmd-panel,.sg-gifts-card,.sgmg-card,.sg-prereg-card,.sgr-panel,.sgr-head,.sgr-kpi,.sgr-tabpanel){border-width:1px !important;}

.sg-top .sg-iconbtn,
.sg-top-meta > .sg-pill.sg-pill-click,
.sg-userchip{
  min-height:44px;
  min-width:44px;
  border-radius:16px !important;
}
.sg-top-meta > .sg-pill.sg-pill-click{
  width:44px;
  padding:0;
  justify-content:center;
  border:1px solid var(--sg-border);
  background:var(--sg-surface);
  color:var(--sg-text-2);
  box-shadow:none;
}
.sg-top-meta > .sg-pill.sg-pill-click i,
.sg-top-meta > .sg-pill.sg-pill-click .sg-ico,
.sg-userchip,
.sg-userchip i,
.sg-userchip .sg-ico{color:var(--sg-text-2)!important;}
.sg-userchip{padding:0 12px;justify-content:center;background:var(--sg-surface);}
.sg-userchip-avatar{display:none !important;}
.sg-userchip > .sg-ico{display:inline-flex !important;}
.sg-top-meta > [data-action="toggle-noti"] .sg-badge{
  position:absolute;
  top:3px;
  right:3px;
  min-width:18px;
  height:18px;
  padding:0 4px;
  font-size:10px;
  line-height:18px;
}

@media (max-width: 991px){
  :root{
    --sg-page-pad-x-canonical: 14px;
    --sg-page-pad-y-canonical: 16px;
    --sg-card-pad-x-canonical: 16px;
    --sg-card-pad-y-canonical: 16px;
    --sg-filter-pad-x-canonical: 14px;
    --sg-filter-pad-y-canonical: 12px;
    --sg-canonical-radius: 16px;
  }
  .sg-top .sg-iconbtn,
  .sg-top-meta > .sg-pill.sg-pill-click,
  .sg-userchip{border-radius:999px !important;}
  .sg-top,
  header.sg-top[data-role="shell-topbar"]{
    position:sticky;
    top:0;
    left:0;
    right:0;
    grid-template-columns:44px minmax(0,1fr) auto;
    padding:10px max(14px, env(safe-area-inset-right)) 10px max(14px, env(safe-area-inset-left)) !important;
    row-gap:0;
  }
  .sg-top-left > [data-action="toggle-sidebar"],
  .sg-top-meta > [data-action="toggle-noti"],
  .sg-userchip{
    width:44px;
    min-width:44px;
    height:44px;
    min-height:44px;
    max-width:44px;
  }
  .sg-top-right{gap:10px;padding-right:max(4px, env(safe-area-inset-right));}
  .sg-top-meta{display:flex;gap:10px;align-items:center;flex-wrap:nowrap;}
  .sg-top-meta > [data-action="toggle-noti"]{display:inline-flex !important;}
  .sg-userchip{margin-right:0;}
  .sg-breadcrumb{font-size:13px;}
  .sg-noti-pop,
  .sg-userpop,
  .sg-changelog-pop{
    position:fixed !important;
    top:calc(var(--sg-shell-top-h,64px) + 8px) !important;
    left:8px !important;
    right:8px !important;
    max-width:none !important;
  }
  .sg-noti-card{
    width:min(100%, calc(100vw - 16px)) !important;
    max-width:none !important;
    min-width:0 !important;
  }
  .sg-userpop-card,.sg-changelog-card{
    width:min(100%, calc(100vw - 16px));
    max-width:none !important;
  }
  .sg-noti-body{max-height:min(62vh, 520px);}
  .sg-filter-block--sticky{
    position:sticky;
    top:calc(var(--sg-shell-top-h,64px) + 8px);
  }
}

@media (max-width: 640px){
  .sg-top,
  header.sg-top[data-role="shell-topbar"]{
    grid-template-columns:44px minmax(0,1fr) auto;
    padding:10px max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left)) !important;
  }
  .sg-content{padding-inline:12px !important;}
  .sg-page-head,
  .sg-page-head.sg-card,
  .sg-page-head.sg-card-section,
  .sg-filter-block,
  .sg-filter-block.sg-card,
  .sg-filter-block.sg-card-filter,
  .sg-card,
  .sg-panel{
    border-radius:16px;
  }
  .sg-page-head__title{font-size:22px;}
  .sg-page-head__subtitle{font-size:13px;}
}


/* HOTFIX 2026-03-20 — canonical events-like UI for dashboard/orders/inventory/cash/settlement + sticky mobile filters */
:root{
  --sg-canonical-page-gap: 16px;
  --sg-canonical-card-radius: 18px;
  --sg-canonical-card-pad-y: 18px;
  --sg-canonical-card-pad-x: 20px;
  --sg-canonical-filter-blur: 18px;
}
.sg-main,
.sg-content{overflow:visible;}
header.sg-top[data-role="shell-topbar"]{
  position:sticky;
  top:0;
  background:color-mix(in srgb, var(--sg-bg, #0f172a) 84%, transparent);
  backdrop-filter:blur(14px) saturate(145%);
  -webkit-backdrop-filter:blur(14px) saturate(145%);
}
html.theme-light header.sg-top[data-role="shell-topbar"]{background:color-mix(in srgb, #ffffff 86%, transparent);}
.sg-filter-block,
.sg-filter-block.sg-card,
.sg-filter-block.sg-card-filter{
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--sg-surface,#111827) 88%, rgba(255,255,255,.08)) 0%, color-mix(in srgb, var(--sg-surface,#111827) 92%, transparent) 100%),
    linear-gradient(135deg, color-mix(in srgb, var(--sg-primary,#2563eb) 12%, transparent) 0%, transparent 42%, color-mix(in srgb, var(--sg-primary,#2563eb) 8%, transparent) 100%);
  border:1px solid color-mix(in srgb, var(--sg-border,#334155) 72%, rgba(255,255,255,.12));
  box-shadow:0 10px 26px color-mix(in srgb,var(--sg-text) 6%, transparent);
  backdrop-filter:blur(var(--sg-canonical-filter-blur)) saturate(145%);
  -webkit-backdrop-filter:blur(var(--sg-canonical-filter-blur)) saturate(145%);
}
html.theme-light .sg-filter-block,
html.theme-light .sg-filter-block.sg-card,
html.theme-light .sg-filter-block.sg-card-filter{
  background:
    linear-gradient(180deg, rgba(255,255,255,.78) 0%, rgba(255,255,255,.68) 100%),
    linear-gradient(135deg, rgba(37,99,235,.08) 0%, rgba(255,255,255,0) 48%, rgba(37,99,235,.05) 100%);
  border-color:color-mix(in srgb, var(--sg-border) 80%, rgba(255,255,255,.14) 20%);
}
#sg-dashboard,
#sg-orders,
.sginv-page,
#sg-cash,
#sg-settlement{display:flex;flex-direction:column;gap:12px;}
#sg-dashboard .sg-page-head,
#sg-orders .sg-page-head,
.sginv-page .sg-page-head,
#sg-cash .sg-page-head,
#sg-settlement .sg-page-head,
#sg-dashboard .sg-filter-block,
#sg-orders .sg-filter-block,
.sginv-page .sg-filter-block,
#sg-cash .sg-filter-block,
#sg-settlement .sg-filter-block{
  margin:0;
  border-radius:var(--sg-canonical-card-radius);
}
#sg-dashboard .sg-panel,
#sg-dashboard .sg-card,
#sg-orders .sg-panel,
#sg-orders .sg-card,
.sginv-page .sg-panel,
.sginv-page .sg-card,
#sg-cash .sg-panel,
#sg-cash .sg-card,
#sg-settlement .sg-panel,
#sg-settlement .sg-card{
  border-radius:var(--sg-canonical-card-radius);
}
#sg-dashboard .sg-panel-b,
#sg-orders .sg-panel-b,
.sginv-page .sg-panel-b,
#sg-cash .sg-panel-b,
#sg-settlement .sg-panel-b,
#sg-dashboard .sg-card-b,
#sg-orders .sg-card-b,
.sginv-page .sg-card-b,
#sg-cash .sg-card-b,
#sg-settlement .sg-card-b{
  padding:var(--sg-canonical-card-pad-y) var(--sg-canonical-card-pad-x);
}
#sg-dashboard .sg-panel-h,
#sg-orders .sg-card-head,
.sginv-page .sg-panel-h,
#sg-cash .sg-panel-h,
#sg-settlement .sg-panel-h,
#sg-dashboard .sg-card-h,
.sginv-page .sg-card-h,
#sg-cash .sg-card-h,
#sg-settlement .sg-card-h{
  padding:16px var(--sg-canonical-card-pad-x);
}
#sg-dashboard .sg-card-title,
#sg-orders .sg-card-title,
.sginv-page .sg-card-title,
#sg-cash .sg-card-title,
#sg-settlement .sg-card-title,
#sg-dashboard .sg-card-t,
.sginv-page .sg-card-t,
#sg-cash .sg-card-t,
#sg-settlement .sg-card-t{font-size:15px;font-weight:800;line-height:1.4;color:var(--sg-text);}
#sg-dashboard .sg-muted,
#sg-orders .sg-muted,
.sginv-page .sg-muted,
#sg-cash .sg-muted,
#sg-settlement .sg-muted{color:var(--sg-muted);}
#sg-dashboard .sg-kpi,
#sg-dashboard .sg-kpi-val,
#sg-cash .sg-kpi,
#sg-settlement .sg-kpi,
#sg-settlement .sg-kpi-card__value,
.sginv-page .sg-is-0dd026eb82{font-size:28px;line-height:1.1;font-weight:850;letter-spacing:-.02em;color:var(--sg-text);}
#sg-orders .sg-card,
#sg-orders .sg-orders-panel,
#sg-dashboard .sg-panel,
.sginv-page .sg-panel,
#sg-cash .sg-panel,
#sg-settlement .sg-panel{width:100%;max-width:100%;}
#sg-orders .sg-filter-block__body{padding-top:14px;}
#sg-orders .sg-orders-filter-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-items:end;}
#sg-orders .sg-orders-filter-grid > .sg-field{min-width:0;}
#sg-orders .sg-orders-panel .sg-card-head,
#sg-orders .sg-orders-panel .sg-card-foot{padding:16px 20px;}
#sg-orders .sg-orders-panel .sg-table-wrap{margin:0;padding:0 20px 8px;}
#sg-orders .sg-orders-panel .sg-table th,
#sg-orders .sg-orders-panel .sg-table td{font-size:13px;}
#sg-cash .sg-grid-2,
#sg-cash .sg-grid-3,
#sg-dashboard .sg-grid,
#sg-settlement .sg-grid{gap:12px;}
#sg-cash .sg-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;}
#sg-cash .sg-grid-3 > .sg-card{width:100%;max-width:100%;min-width:0;height:100%;}
.sginv-page .sg-panel-b,
#sg-cash .sg-panel-b{display:grid;gap:var(--sg-admin-panel-stack-gap);align-content:start;}
.sginv-page .sg-panel-b > :where(.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-kpi-grid,.sginv-kpis,.sg-tabs,.sg-tab-nav,.sg-table-wrap,.sg-stack,form),
#sg-cash .sg-panel-b > :where(.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-kpi-grid,.sg-tabs,.sg-tab-nav,.sg-table-wrap,.sg-stack,form){width:100%;min-width:0;margin:0 !important;}
.sginv-page .sg-panel-b > :where(.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-kpi-grid,.sginv-kpis,.sg-stack) > :where(.sg-card,.sg-panel),
#sg-cash .sg-panel-b > :where(.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-kpi-grid,.sg-stack) > :where(.sg-card,.sg-panel){width:100%;max-width:100%;min-width:0;height:100%;align-self:stretch;}
#sg-settlement #sg-settle-kpi{margin-top:0!important;}
#sg-settlement .sg-bulkbar{margin-top:0;padding:14px 16px;border-radius:18px;}
@media (max-width: 991px){
  #sg-dashboard .sg-panel-b,
  #sg-orders .sg-panel-b,
  .sginv-page .sg-panel-b,
  #sg-cash .sg-panel-b,
  #sg-settlement .sg-panel-b,
  #sg-dashboard .sg-card-b,
  #sg-orders .sg-card-b,
  .sginv-page .sg-card-b,
  #sg-cash .sg-card-b,
  #sg-settlement .sg-card-b{padding:16px;}
  #sg-orders .sg-orders-panel .sg-card-head,
  #sg-orders .sg-orders-panel .sg-card-foot,
  #sg-orders .sg-orders-panel .sg-table-wrap,
  #sg-settlement .sg-settle-table-panel .sg-card-head,
  #sg-settlement .sg-settle-table-panel .sg-card-foot,
  #sg-settlement .sg-settle-table-panel .sg-table-wrap{padding-left:16px;padding-right:16px;}
}
@media (max-width: 767px){
  header.sg-top[data-role="shell-topbar"]{top:0;}
  .sg-filter-block--sticky{top:calc(var(--sg-shell-top-h,64px) + 8px)!important;}
  #sg-orders .sg-orders-filter-grid,
  #sg-cash .sg-grid-2,
  #sg-cash .sg-grid-3,
  .sginv-filter,
  .sginv-kpis.sg-kpi-grid,
  #sg-settlement #sg-settle-kpi{grid-template-columns:1fr!important;}
  #sg-orders .sg-orders-filter-grid .sg-span-6,
  #sg-orders .sg-orders-filter-grid .sg-span-3{grid-column:span 12!important;}
  #sg-orders .sg-orders-panel .sg-card-head,
  #sg-orders .sg-orders-panel .sg-card-foot{gap:8px;flex-direction:column;align-items:flex-start;}
  #sg-orders .sg-orders-panel .sg-table-wrap{padding-bottom:4px;}
  #sg-dashboard .sg-page-head__actions,
  #sg-orders .sg-page-head__actions,
  .sginv-page .sg-page-head__actions,
  #sg-cash .sg-page-head__actions,
  #sg-settlement .sg-page-head__actions{width:100%;}
  #sg-dashboard .sg-page-head__actions .sg-btn,
  #sg-orders .sg-page-head__actions .sg-btn,
  .sginv-page .sg-page-head__actions .sg-btn,
  #sg-cash .sg-page-head__actions .sg-btn,
  #sg-settlement .sg-page-head__actions .sg-btn{flex:1 1 100%;justify-content:center;}
}


/* HOTFIX 2026-03-20 — Canonical admin card rhythm + spacing audit */
:root{
  --sg-admin-flow-gap:16px;
  --sg-admin-card-gap:16px;
  --sg-admin-card-radius:18px;
  --sg-admin-card-pad-x:20px;
  --sg-admin-card-pad-y:18px;
  --sg-admin-card-head-pad-y:18px;
  --sg-admin-card-head-pad-x:20px;
  --sg-admin-card-foot-pad-y:16px;
}
@media (max-width: 991px){
  :root{
    --sg-admin-flow-gap:14px;
    --sg-admin-card-gap:16px;
    --sg-admin-panel-stack-gap:16px;
    --sg-admin-card-radius:18px;
    --sg-admin-card-pad-x:16px;
    --sg-admin-card-pad-y:14px;
    --sg-admin-card-head-pad-y:14px;
    --sg-admin-card-head-pad-x:16px;
    --sg-admin-card-foot-pad-y:12px;
  }
}

[data-role="shell-content"] > :where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page){
  display:grid !important;
  gap:var(--sg-admin-flow-gap) !important;
  align-content:start;
}
[data-role="shell-content"] > :where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) > :where(.sg-page-head,.sg-filter-block,.sg-card,.sg-panel,.sg-grid,.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-stack,.sg-tabs,.sg-tab-nav,.sg-bulkbar,.sginv-kpis,.sginv-tabs,.sg-prereg-kpis,.sg-prereg-shell,.sg-gifts-kpis,.sg-gifts-card,.sg-gifts-grid,.sgmg-kpis,.sgmg-card,.sgmg-main,.sgmg-stack,.sgmd-content,.sgmd-assets,.sgmd-panel,.sgmd-grid,.sgr-head,.sgr-filters,.sgr-kpis,.sgr-panel,.sgr-tabpanes,.sgr-grid-2,.sgr-grid-3,.sgr-stack){
  margin:0 !important;
  min-width:0;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-grid,.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-stack,.sg-kpi-grid,.sg-stat-row,.sginv-kpis,.sg-prereg-kpis,.sg-prereg-shell,.sg-gifts-kpis,.sg-gifts-grid,.sgmg-kpis,.sgmg-main,.sgmg-stack,.sgmd-content,.sgmd-assets,.sgmd-grid,.sgr-kpis,.sgr-grid-2,.sgr-grid-3,.sgr-stack,.sgr-tabpanes){
  gap:var(--sg-admin-card-gap) !important;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-card,.sg-panel,.sgmd-panel,.sg-gifts-card,.sgmg-card,.sg-prereg-card,.sgr-head,.sgr-panel,.sgr-kpi,.sgr-tabpanel){
  border-radius:var(--sg-admin-card-radius) !important;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-page-head,.sg-page-head.sg-card,.sg-page-head.sg-card-section,.sginv-head,.sgmd-page-head,.sgr-head,.sg-gifts-head,.sgmg-head,.sg-prereg-head){
  padding:var(--sg-admin-card-head-pad-y) var(--sg-admin-card-head-pad-x) !important;
  border-radius:var(--sg-admin-card-radius) !important;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-filter-block,.sg-filter-block.sg-card,.sg-filter-block.sg-card-filter,.sgr-filters){
  border-radius:var(--sg-admin-card-radius) !important;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-filter-block__header,.sgmd-panel-h,.sg-gifts-section-head,.sgmg-section-head,.sg-prereg-section-head,.sgr-filter-head.sg-filter-header){
  padding:var(--sg-admin-card-head-pad-y) var(--sg-admin-card-head-pad-x) !important;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-filter-block__body,.sg-filter-panel,[data-filter-body="1"],.sginv-filter-shell,.sg-prereg-filter-card__body){
  padding:var(--sg-admin-card-pad-y) var(--sg-admin-card-pad-x) !important;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-card__head,.sg-card-head,.sg-card-h,.sg-panel-h):not(.sg-filter-block__header){
  padding:var(--sg-admin-card-head-pad-y) var(--sg-admin-card-head-pad-x) !important;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-card__body,.sg-card-body,.sg-card-b,.sg-panel-b,.sgmd-panel-b,.sg-gifts-card-b,.sgmg-card-b,.sg-prereg-card-b):not(.sg-p0){
  padding:var(--sg-admin-card-pad-y) var(--sg-admin-card-pad-x) !important;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-card__foot,.sg-card-foot,.sg-card-footer,.sg-panel-f){
  padding:var(--sg-admin-card-foot-pad-y) var(--sg-admin-card-pad-x) !important;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-page-head__title,.sgr-title){
  font-size:24px !important;
  line-height:1.16 !important;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-page-head__subtitle,.sgr-sub){
  font-size:14px !important;
  line-height:1.62 !important;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-card-title,.sg-card-t,.sg-panel-t,.sgr-card-title){
  font-size:14px !important;
  line-height:1.5 !important;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-orders-panel,.sgmd-panel,.sg-gifts-card,.sgmg-card,.sg-prereg-card,.sgr-panel,.sgr-head,.sgr-kpi,.sgr-tabpanel){
  width:100%;
  max-width:100%;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-card,.sg-panel,.sgmd-panel,.sg-gifts-card,.sgmg-card,.sg-prereg-card,.sgr-panel,.sgr-head,.sgr-kpi,.sgr-tabpanel){
  width:100%;
  max-width:100%;
  min-width:0;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-panel-b,.sgmd-panel-b,.sg-gifts-card-b,.sgmg-card-b,.sg-prereg-card-b){
  display:grid;
  gap:var(--sg-admin-panel-stack-gap) !important;
  align-content:start;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-panel-b,.sgmd-panel-b,.sg-gifts-card-b,.sgmg-card-b,.sg-prereg-card-b) > :where(.sg-grid,.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-stack,.sg-kpi-grid,.sg-tabs,.sg-tab-nav,.sg-table-wrap,.sg-bulkbar,.sg-form,.sg-list,.sg-row,.sg-stat-row,.sginv-kpis,.sginv-tabs,.sg-prereg-kpis,.sg-prereg-shell,.sg-gifts-kpis,.sg-gifts-grid,.sgmg-kpis,.sgmg-main,.sgmg-stack,.sgmd-content,.sgmd-assets,.sgmd-grid,.sgr-kpis,.sgr-grid-2,.sgr-grid-3,.sgr-stack,.sgr-tabpanes,form){
  width:100%;
  min-width:0;
  margin:0 !important;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-panel-b,.sgmd-panel-b,.sg-gifts-card-b,.sgmg-card-b,.sg-prereg-card-b) > :where(.sg-table-wrap,.sg-grid,.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-stack,.sg-kpi-grid,.sg-tabs,.sg-tab-nav,.sg-bulkbar,.sginv-kpis,.sginv-tabs,.sg-prereg-kpis,.sg-prereg-shell,.sg-gifts-kpis,.sg-gifts-grid,.sgmg-kpis,.sgmg-main,.sgmg-stack,.sgmd-content,.sgmd-assets,.sgmd-grid,.sgr-kpis,.sgr-grid-2,.sgr-grid-3,.sgr-stack,.sgr-tabpanes){margin-top:0 !important;margin-bottom:0 !important;}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-card-b,.sg-card__body,.sg-card-body) > :where(.sg-grid,.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-stack,.sg-kpi-grid,.sginv-kpis,.sg-tabs,.sg-tab-nav,.sgmd-grid,.sgr-kpis,.sgr-grid-2,.sgr-grid-3,.sgr-stack){
  width:100%;
  min-width:0;
  margin:0 !important;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-card-b,.sg-card__body,.sg-card-body) > :where(.sg-grid,.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-stack,.sg-kpi-grid,.sginv-kpis,.sg-tabs,.sg-tab-nav,.sgmd-grid,.sgr-kpis,.sgr-grid-2,.sgr-grid-3,.sgr-stack) > :where(.sg-card,.sg-panel,.sgmd-panel,.sgr-panel,.sgr-kpi,.sgr-tabpanel){
  width:100%;
  max-width:100%;
  min-width:0;
  height:100%;
  align-self:stretch;
}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-panel-b,.sgmd-panel-b,.sg-gifts-card-b,.sgmg-card-b,.sg-prereg-card-b) > :where(.sg-grid,.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-stack,.sg-kpi-grid,.sginv-kpis,.sginv-tabs,.sg-prereg-kpis,.sg-prereg-shell,.sg-gifts-kpis,.sg-gifts-grid,.sgmg-kpis,.sgmg-main,.sgmg-stack,.sgmd-content,.sgmd-assets,.sgmd-grid,.sgr-kpis,.sgr-grid-2,.sgr-grid-3,.sgr-stack,.sgr-tabpanes) > :where(.sg-card,.sg-panel,.sgmd-panel,.sg-gifts-card,.sgmg-card,.sg-prereg-card,.sgr-panel,.sgr-kpi,.sgr-tabpanel){
  width:100%;
  max-width:100%;
  min-width:0;
  height:100%;
  align-self:stretch;
}
#sg-orders .sg-orders-panel .sg-card-head,
#sg-orders .sg-orders-panel .sg-card-foot,
#sg-orders .sg-orders-panel .sg-table-wrap{
  padding-left:var(--sg-admin-card-pad-x) !important;
  padding-right:var(--sg-admin-card-pad-x) !important;
}
#sg-orders .sg-orders-panel .sg-table-wrap{padding-bottom:8px !important;}
#sg-settlement #sg-settle-kpi,
#sg-dashboard .sg-grid,
#sg-cash .sg-grid-2,
#sg-cash .sg-grid-3,
.sginv-page .sg-grid-2,
.sginv-page .sg-grid-3,
.sginv-page .sginv-kpis,
.sgr-page .sgr-kpis,
.sgr-page .sgr-grid-2,
.sgr-page .sgr-grid-3,
.sgr-page .sgr-stack{gap:var(--sg-admin-card-gap) !important;}
.sgr-panel,
.sgr-kpi,
.sgr-tabpanel{padding:var(--sg-admin-card-pad-y) var(--sg-admin-card-pad-x) !important;}
.sgr-head{padding:var(--sg-admin-card-head-pad-y) var(--sg-admin-card-head-pad-x) !important;}
.sgr-panel > .sgr-table-wrap{margin:0 calc(var(--sg-admin-card-pad-x) * -1) calc(var(--sg-admin-card-pad-y) * -1) !important;}
.sgr-table th:first-child,.sgr-table td:first-child{padding-left:var(--sg-admin-card-pad-x) !important;}
.sgr-table th:last-child,.sgr-table td:last-child{padding-right:var(--sg-admin-card-pad-x) !important;}
@media (max-width: 991px){
  :where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-page-head__title,.sgr-title){font-size:22px !important;}
  :where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-page-head__subtitle,.sgr-sub){font-size:13px !important;}
}


/* PHASE 3 — mobile page chrome canonical */
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) .sg-page-head__actions:empty{display:none!important;}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) .sg-page-head__actions{min-width:0;}
:where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) .sg-page-head__actions .sg-btn{min-width:0;}
.sg-tab-mobile-switch{display:none;}
.sg-tab-mobile-switch .sg-input{width:100%;min-height:44px;border-radius:14px;}
.sg-tab-mobile-switch .sg-label{display:block;margin:0 0 6px;font-size:12px;font-weight:700;color:var(--sg-muted);}
.sg-table-wrap.is-mobile-card-ready{min-width:0;}
.sg-table-wrap.is-mobile-card-ready .sg-table tbody tr.sg-table-row-empty td{display:block!important;padding:14px 16px!important;text-align:center!important;}
.sg-table-wrap.is-mobile-card-ready .sg-table tbody tr.sg-table-row-empty td::before{display:none!important;content:none!important;}
.sg-table-wrap.is-mobile-card-ready .sg-table td[data-label='']::before{display:none!important;content:none!important;}
@media (max-width: 991px){
  :where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-page-head,.sg-page-head.sg-card,.sg-page-head.sg-card-section,.sginv-head,.sgmd-page-head,.sgr-head,.sg-gifts-head,.sgmg-head,.sg-prereg-head){display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;row-gap:12px!important;}
  :where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-page-head__content){min-width:0;}
  :where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-page-head__actions){width:100%!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;}
  :where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-page-head__actions) > :where(.sg-btn,.sg-filter-iconbtn,.sg-btn-group,a.sg-btn,button.sg-btn){flex:0 1 auto;min-height:42px;}
  .sg-filter-block__header{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;column-gap:12px!important;row-gap:0!important;}
  .sg-filter-block__actions{justify-self:end!important;align-self:start!important;}
  .sg-filter-block__body,.sg-filter-panel,[data-filter-body='1']{display:grid;gap:12px;}
  .sg-filter-block__body > :where(.sg-grid,.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-form,.sg-filterbar,.sg-events-filter-grid,.sg-orders-filter-grid,.sginv-filter,.sginv-filter-shell,.sgmd-filter-shell__body,.sg-prereg-filter-card__body,.sg-gifts-toolbar,.sg-gifts-toolbar.sg-filterbar,.sg-gifts-toolbar.sg-filterbar-main),
  [data-filter-body='1'] > :where(.sg-grid,.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-form,.sg-filterbar,.sg-events-filter-grid,.sg-orders-filter-grid,.sginv-filter,.sginv-filter-shell,.sgmd-filter-shell__body,.sg-prereg-filter-card__body,.sg-gifts-toolbar,.sg-gifts-toolbar.sg-filterbar,.sg-gifts-toolbar.sg-filterbar-main){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;align-items:stretch!important;}
  .sg-filter-block :where(.sg-grid,.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-form,.sg-events-filter-grid,.sg-orders-filter-grid){grid-template-columns:minmax(0,1fr)!important;}
  .sg-filterbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;align-items:stretch!important;}
  .sg-filterbar > :where(.sg-filter-item,.sg-field,.sg-field-group){width:100%!important;min-width:0!important;margin:0!important;}
  .sg-filterbar .sg-filter-grow{grid-column:auto!important;}
  .sg-filter-block .sg-field,.sg-filter-block .sg-filter-item{min-width:0!important;}
  .sg-filter-block .sg-input-ico,.sg-filter-block .sg-input,.sg-filter-block select,.sg-filter-block textarea{width:100%!important;max-width:100%!important;}
  .sg-filter-block--sticky{top:calc(var(--sg-shell-top-h,64px) + 8px)!important;}
}
@media (max-width: 767px){
  .sg-tab-mobile-switch{display:block;}
  .sg-tab-mobile-switch + .sg-tabs,
  .sg-tab-mobile-switch + .sg-tab-nav{display:none!important;}
  :where(.sg-page,.sg-profile,.sginv-page,.sgmd-page,.sgr-page,.sg-prereg-page,.sgmg-page,.sg-gifts-page) :where(.sg-page-head__actions) > :where(.sg-btn,.sg-filter-iconbtn,a.sg-btn,button.sg-btn){flex:1 1 calc(50% - 4px);justify-content:center;}
  .sg-table-wrap.is-mobile-card-ready{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;}
  .sg-table-wrap.is-mobile-card-ready > .sg-table{display:block!important;min-width:0!important;background:transparent!important;border:0!important;}
  .sg-table-wrap.is-mobile-card-ready > .sg-table > thead{display:none!important;}
  .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody{display:grid!important;gap:12px!important;}
  .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr{display:block!important;border:1px solid var(--sg-border)!important;border-radius:18px!important;background:var(--sg-surface)!important;box-shadow:var(--sg-shadow-sm)!important;overflow:hidden!important;}
  .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td{display:grid!important;grid-template-columns:minmax(104px,42%) minmax(0,1fr)!important;align-items:start!important;gap:12px!important;width:100%!important;min-width:0!important;padding:11px 14px!important;border-bottom:1px solid var(--sg-divider)!important;text-align:left!important;white-space:normal!important;}
  .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td:last-child{border-bottom:0!important;}
  .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td::before{content:attr(data-label);display:block;font-size:11px;font-weight:800;line-height:1.35;letter-spacing:.04em;text-transform:uppercase;color:var(--sg-muted);}
  .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td > :where(.sg-btn,.sg-pill,.sg-badge){justify-self:start;}
  .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td.sg-text-right,
  .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td.sg-ta-r,
  .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td.sg-text-center,
  .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td.sg-ta-c{text-align:left!important;}
  .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td.sg-text-right > :where(.sg-pill,.sg-badge,.sg-btn,.sg-flex,.sg-wrap),
  .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td.sg-ta-r > :where(.sg-pill,.sg-badge,.sg-btn,.sg-flex,.sg-wrap),
  .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td.sg-ta-c > :where(.sg-pill,.sg-badge,.sg-btn,.sg-flex,.sg-wrap){justify-self:start!important;}
  .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td .sg-flex{justify-content:flex-start!important;}
  #sg-settlement .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td:first-child{padding-top:14px!important;}
#sg-settlement .sg-drawer-panel{display:flex;flex-direction:column;min-height:0;}
#sg-settlement .sg-drawer__body,#sg-settlement .sg-drawer-b{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
#sg-settlement .sg-drawer__foot,#sg-settlement .sg-drawer-f{gap:8px;flex-wrap:wrap;}
}


/* PHASE 5 — canonical fullscreen helpers for heavy mobile routes */
.sg-mobile-fullscreen-shell{}
.sg-mobile-fullscreen-panel{min-width:0;}

/* PHASE 4 — route-by-route hardening for heavy admin routes */
@media (max-width: 991px){
  .sg-mobile-fullscreen-panel,
  #sg-settlement .sg-modal-inline .panel{
    inset:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100vw !important;
    max-width:100vw !important;
    height:100dvh !important;
    max-height:100dvh !important;
    border-radius:0 !important;
    margin:0 !important;
  }
  .sg-mobile-fullscreen-shell,
  #sg-settlement .sg-modal-inline{padding:0 !important;}
  .sg-drawer-h,
  .sg-prereg-drawer-h,
  .sg-gifts-drawer-h,
  .sg-gifts-modal-h,
  .sg-prereg-modal-h,
  #sg-settlement .sg-modal-inline .head{padding:14px 16px !important;}
  .sg-drawer-b,
  .sg-prereg-drawer-b,
  .sg-gifts-drawer-b,
  .sg-gifts-modal-b,
  .sg-prereg-modal-b,
  #sg-settlement .sg-modal-inline .body{padding:14px 16px 18px !important;}
  #sg-settlement .sg-drawer__body,
  #sg-settlement .sg-drawer-b{
    min-height:0 !important;
    overflow:auto !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  #sg-settlement .sg-drawer__head,
  #sg-settlement .sg-drawer-h{
    position:sticky;
    top:0;
    z-index:2;
    background:var(--sg-surface);
  }
  #sg-settlement .sg-drawer__foot,
  #sg-settlement .sg-drawer-f{
    position:sticky;
    bottom:0;
    z-index:2;
    background:linear-gradient(to top, var(--sg-surface) 84%, rgba(255,255,255,0));
  }
  dialog.sg-dialog{padding:6px !important;}
  .sg-dialog-card,
  .sg-dialog-form,
  .sg-dialog-box{
    width:calc(100vw - 12px) !important;
    max-width:none !important;
    max-height:calc(100dvh - 12px) !important;
    border-radius:18px !important;
  }
  .sg-dialog-b{max-height:calc(100dvh - 158px);overflow:auto;}

  /* settlement */
  #sg-settlement #sg-settle-kpi{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  #sg-settlement #sg-settle-kpi > .sg-panel{grid-column:auto !important;}
  #sg-settlement{padding-bottom:190px !important;}
  #sg-settlement .sg-bulkbar,
  #sg-settlement .sg-bulkbar.sg-hidden{display:none !important;}
  #sg-settlement .sg-bulkbar:not(.sg-hidden){
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;
    position:fixed !important;
    left:max(10px, env(safe-area-inset-left, 0px)) !important;
    right:max(10px, env(safe-area-inset-right, 0px)) !important;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:14px !important;
    z-index:80 !important;
    border-radius:20px !important;
    box-shadow:var(--st-shadow) !important;
    background:linear-gradient(180deg, color-mix(in srgb, var(--sg-surface) 88%, var(--sg-primary) 12%) 0%, color-mix(in srgb, var(--sg-surface) 94%, var(--sg-primary) 6%) 100%) !important;
    border:1px solid color-mix(in srgb, var(--sg-border) 74%, var(--sg-primary) 26%) !important;
    backdrop-filter:blur(14px) saturate(135%) !important;
  }
  #sg-settlement .sg-bulk-left{
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    gap:6px 8px !important;
    align-items:center !important;
  }
  #sg-settlement .sg-bulk-left > .sg-pill{grid-row:1 / span 2;align-self:start;}
  #sg-settlement .sg-bulk-left > .sg-muted:last-of-type,
  #sg-settlement .sg-bulk-left > strong{font-size:13px !important;}
  #sg-settlement .sg-bulk-actions{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
  #sg-settlement .sg-actionbar-inline,
  #sg-settlement .sg-settle-actions-inline{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
  #sg-settlement .sg-bulk-actions > :where(.sg-btn,a.sg-btn),
  #sg-settlement .sg-actionbar-inline > :where(.sg-btn,a.sg-btn),
  #sg-settlement .sg-settle-actions-inline > :where(.sg-btn,a.sg-btn){
    width:100% !important;
    min-width:0 !important;
    min-height:46px !important;
    padding:10px 8px !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:normal !important;
    line-height:1.2 !important;
    font-size:13px !important;
  }
  #sg-settlement .sg-settle-table-panel .sg-card-foot{display:grid !important;grid-template-columns:minmax(0,1fr) !important;align-items:stretch !important;gap:10px !important;}
  #sg-settlement .sg-settle-pager-actions{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;width:100% !important;}
  #sg-settlement #st-pageinfo{text-align:center;order:-1;}
  #sg-settlement .sg-settle-bill-card{grid-template-columns:1fr !important;}
  #sg-settlement .sg-settle-bill-thumb{width:100% !important;height:180px !important;}
  #sg-settlement .sg-settle-row-actions,
  #sg-settlement .sg-settle-open-btn{width:100% !important;}
  #sg-settlement .sg-settle-open-btn{min-height:44px !important;justify-content:center !important;}

  /* activation prereg */
  .sg-prereg-page .sg-prereg-kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .sg-prereg-page .sg-prereg-shell{display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:14px !important;}
  .sg-prereg-page .sg-prereg-main-stack{order:1;}
  .sg-prereg-page .sg-prereg-ops{order:2;position:static !important;top:auto !important;}
  .sg-prereg-page .sg-prereg-table-wrap{display:none !important;}
  .sg-prereg-page .sg-prereg-mobile-list{display:flex !important;}
  .sg-prereg-page .sg-prereg-big-actions,
  .sg-prereg-page .sg-prereg-modal-grid,
  .sg-prereg-page .sg-prereg-quick-grid,
  .sg-prereg-page .sg-prereg-mobile-meta,
  .sg-prereg-page .sg-prereg-qr-shell,
  .sg-prereg-page .sg-prereg-fs-actions{grid-template-columns:1fr !important;}
  .sg-prereg-page .sg-prereg-row-actions{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;justify-content:stretch !important;}
  .sg-prereg-page .sg-prereg-icon-btn{width:100% !important;}

  /* activation gifts */
  .sg-gifts-page .sg-gifts-kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .sg-gifts-page .sg-gifts-grid{grid-template-columns:1fr !important;}
  .sg-gifts-page .sg-gifts-section-head,
  .sg-gifts-page .sg-gifts-list-meta{display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:10px !important;width:100% !important;}
  .sg-gifts-page .sg-gifts-view-switch{width:100% !important;justify-content:flex-start !important;}
  .sg-gifts-page .sg-gifts-actions-row{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
  .sg-gifts-page .sg-gifts-actions-row .sg-gifts-icon-btn{width:100% !important;}
  .sg-gifts-page .sg-gifts-modal-grid,
  .sg-gifts-page .sg-gifts-stock-shell{grid-template-columns:1fr !important;}
  .sg-gifts-page .sg-gifts-tabs{display:grid !important;grid-template-columns:1fr !important;gap:8px !important;}
  .sg-gifts-page .sg-gifts-tab{width:100% !important;justify-content:flex-start !important;}

  /* events show — base responsive only
     Event Detail overview/tab-switch ownership lives in events-show.css.
     Do not patch .sg-tab-mobile-switch--event, .sg-overview-info-grid,
     .sg-overview-checkin-guard here. */
  [data-event-shell='1']{display:grid !important;gap:14px !important;}
  [data-event-shell='1'] .sg-page-head__actions{display:flex !important;flex-wrap:nowrap !important;overflow:auto !important;gap:8px !important;padding-bottom:4px !important;scrollbar-width:thin;}
  [data-event-shell='1'] .sg-page-head__actions > :where(.sg-btn,a.sg-btn,button.sg-btn){flex:0 0 auto !important;white-space:nowrap;}
  [data-event-shell='1'] #event-tab-body :where(.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-evt-ux-grid,.sg-orders-ux-grid,.sg-evt-ux-kv,.sg-evt-ux-hero,.sg-evt-builder-hero,.sg-checklist-summary,.sg-checklist-shell){grid-template-columns:1fr !important;}
  [data-event-shell='1'] #event-tab-body :where(.sg-panel-h,.sg-card-h,.sg-checklist-group-head,.sg-checklist-card__head,.sg-evt-ux-headline){display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:10px !important;align-items:start !important;}
  [data-event-shell='1'] #event-tab-body :where(.sg-toolbar-actions,.sg-checklist-group-actions,.sg-checklist-actions-row,.sg-evt-builder-actions){display:grid !important;grid-template-columns:1fr !important;gap:8px !important;}
  [data-event-shell='1'] #event-tab-body :where(.sg-toolbar-actions,.sg-checklist-group-actions,.sg-checklist-actions-row,.sg-evt-builder-actions) > :where(.sg-btn,a.sg-btn,button.sg-btn){width:100% !important;}
}
@media (max-width: 640px){
  #sg-settlement #sg-settle-kpi,
  .sg-prereg-page .sg-prereg-kpis,
  .sg-gifts-page .sg-gifts-kpis{grid-template-columns:1fr !important;}
  .sg-prereg-page .sg-prereg-row-actions,
  .sg-gifts-page .sg-gifts-actions-row{grid-template-columns:1fr !important;}
}

@media (max-width: 420px){
  #sg-settlement{padding-bottom:204px !important;}
  #sg-settlement .sg-bulkbar:not(.sg-hidden){
    left:max(8px, env(safe-area-inset-left, 0px)) !important;
    right:max(8px, env(safe-area-inset-right, 0px)) !important;
    bottom:calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    padding:12px !important;
  }
  #sg-settlement .sg-bulk-actions > :where(.sg-btn,a.sg-btn){
    font-size:12px !important;
    padding:9px 8px !important;
  }
}

/* HOTFIX 2026-03-20 — events filter spacing + topbar popover geometry */
.sg-filter-block,
.sg-filter-block.sg-card,
.sg-filter-block.sg-card-filter,
.sgr-filters{
  background: color-mix(in srgb, var(--sg-surface) 72%, transparent);
  border: 1px solid color-mix(in srgb, var(--sg-border) 82%, var(--sg-white) 18%);
  box-shadow: 0 16px 38px color-mix(in srgb, var(--sg-text) 10%, transparent), inset 0 1px 0 color-mix(in srgb, var(--sg-white) 24%, transparent);
  -webkit-backdrop-filter: blur(var(--sg-canonical-filter-blur, 18px)) saturate(155%);
  backdrop-filter: blur(var(--sg-canonical-filter-blur, 18px)) saturate(155%);
}
html.theme-dark .sg-filter-block,
html.theme-dark .sg-filter-block.sg-card,
html.theme-dark .sg-filter-block.sg-card-filter,
html.theme-dark .sgr-filters{
  background: color-mix(in srgb, var(--sg-surface) 82%, transparent);
  border-color: color-mix(in srgb, var(--sg-border) 90%, var(--sg-white) 10%);
  box-shadow: 0 18px 42px color-mix(in srgb, var(--sg-text) 26%, transparent), inset 0 1px 0 color-mix(in srgb, var(--sg-white) 6%, transparent);
}

#sg-events{
  --sg-events-card-radius:var(--sg-canonical-card-radius, 20px);
  --sg-events-card-pad-y:var(--sg-canonical-card-pad-y, 18px);
  --sg-events-card-pad-x:var(--sg-canonical-card-pad-x, 20px);
  --sg-events-filter-line:color-mix(in srgb, var(--sg-border) 64%, var(--sg-primary) 36%);
  --sg-events-filter-line-soft:color-mix(in srgb, var(--sg-border) 78%, var(--sg-primary) 22%);
  --sg-events-filter-bg:
    linear-gradient(180deg, color-mix(in srgb, var(--sg-surface) 90%, rgba(255,255,255,.10)) 0%, color-mix(in srgb, var(--sg-surface) 94%, transparent) 100%),
    linear-gradient(135deg, color-mix(in srgb, var(--sg-primary) 14%, transparent) 0%, transparent 46%, color-mix(in srgb, var(--sg-primary) 10%, transparent) 100%);
  --sg-events-filter-shadow:0 18px 42px rgba(15,23,42,.10);
  display:grid;
  gap:16px;
}
html.theme-light #sg-events{
  --sg-events-filter-line:rgba(59,130,246,.22);
  --sg-events-filter-line-soft:rgba(148,163,184,.22);
  --sg-events-filter-bg:
    linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.72) 100%),
    linear-gradient(135deg, rgba(37,99,235,.08) 0%, rgba(255,255,255,0) 50%, rgba(37,99,235,.06) 100%);
  --sg-events-filter-shadow:0 14px 32px rgba(15,23,42,.08);
}
html.theme-dark #sg-events{
  --sg-events-filter-line:rgba(59,130,246,.28);
  --sg-events-filter-line-soft:rgba(148,163,184,.16);
  --sg-events-filter-bg:
    linear-gradient(180deg, color-mix(in srgb, var(--sg-surface) 86%, rgba(255,255,255,.04)) 0%, color-mix(in srgb, var(--sg-surface) 92%, transparent) 100%),
    linear-gradient(135deg, color-mix(in srgb, var(--sg-primary) 10%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--sg-primary) 8%, transparent) 100%);
  --sg-events-filter-shadow:0 22px 52px rgba(2,6,23,.34);
}
#sg-events > :where(.sg-page-head,.sg-filter-block,.sg-panel){
  margin:0 !important;
}
#sg-events .sg-page-head,
#sg-events .sg-page-head.sg-card,
#sg-events .sg-page-head.sg-card-section{
  padding:var(--sg-events-card-pad-y) var(--sg-events-card-pad-x) !important;
  border-radius:var(--sg-events-card-radius);
}
#sg-events .sg-page-head__content{gap:6px;}
#sg-events .sg-page-head__title{font-size:24px;line-height:1.14;font-weight:850;}
#sg-events .sg-page-head__subtitle{font-size:14px;line-height:1.65;color:var(--sg-muted);}
#evFilter,
#evFilter.sg-filter-block,
#evFilter.sg-card,
#evFilter.sg-card-filter{
  border:1px solid var(--sg-events-filter-line) !important;
  border-radius:var(--sg-events-card-radius) !important;
  background:var(--sg-events-filter-bg) !important;
  box-shadow:var(--sg-events-filter-shadow), inset 0 1px 0 color-mix(in srgb, var(--sg-white) 18%, transparent) !important;
  -webkit-backdrop-filter:blur(var(--sg-canonical-filter-blur, 18px)) saturate(155%) !important;
  backdrop-filter:blur(var(--sg-canonical-filter-blur, 18px)) saturate(155%) !important;
  padding:0 !important;
  overflow:visible;
}
html.theme-dark #evFilter,
html.theme-dark #evFilter.sg-filter-block,
html.theme-dark #evFilter.sg-card,
html.theme-dark #evFilter.sg-card-filter{
  box-shadow:var(--sg-events-filter-shadow), inset 0 1px 0 color-mix(in srgb, var(--sg-white) 6%, transparent) !important;
}
#evFilter .sg-filter-block__header{
  padding:var(--sg-events-card-pad-y) var(--sg-events-card-pad-x) 16px !important;
  border-bottom:1px solid var(--sg-events-filter-line-soft) !important;
  margin:0;
}
#evFilter .sg-filter-block__body{
  padding:16px var(--sg-events-card-pad-x) var(--sg-events-card-pad-y) !important;
  display:grid;
  gap:14px;
}
#evFilter .sg-events-filter-grid{
  padding:0;
  gap:14px;
  align-items:end;
}
#evFilter .sg-field,
#evFilter .sg-input-ico,
#evFilter .sg-input{
  min-width:0;
}
#sg-events .sg-panel,
#sg-events .sg-panel.sg-card,
#sg-events .sg-card,
#sg-events .sg-card.sg-card-section{
  border-radius:var(--sg-events-card-radius);
}
#sg-events .sg-panel-b,
#sg-events .sg-card__body,
#sg-events .sg-card-body{
  padding:var(--sg-events-card-pad-y) var(--sg-events-card-pad-x) !important;
}
#sg-events .sg-table-wrap{margin:0 !important;}
@media (max-width: 767px){
  #sg-events{gap:14px;}
  #sg-events .sg-page-head,
  #sg-events .sg-page-head.sg-card,
  #sg-events .sg-page-head.sg-card-section{
    padding:16px !important;
  }
  #sg-events .sg-page-head__title{font-size:22px;}
  #sg-events .sg-page-head__subtitle{font-size:13px;}
  #evFilter .sg-filter-block__header{
    padding:16px 16px 14px !important;
  }
  #evFilter .sg-filter-block__body{
    padding:14px 16px 16px !important;
    gap:12px;
  }
  #evFilter .sg-events-filter-grid{
    gap:12px;
  }
  #sg-events .sg-panel-b,
  #sg-events .sg-card__body,
  #sg-events .sg-card-body{
    padding:16px !important;
  }
}

/* HOTFIX 2026-03-20 — phase C main routes canonical lock */
:where(#sg-dashboard[data-ui-lock="phase-c-main-v1"],#sg-orders[data-ui-lock="phase-c-main-v1"],#sg-inventory[data-ui-lock="phase-c-main-v1"],#sg-cash[data-ui-lock="phase-c-main-v1"],#sg-settlement[data-ui-lock="phase-c-main-v1"]){
  --sg-canonical-card-radius:20px;
  --sg-canonical-card-pad-x:20px;
  --sg-canonical-card-pad-y:18px;
  --sg-admin-flow-gap:16px;
  --sg-admin-card-gap:16px;
  --sg-admin-panel-stack-gap:16px;
  --sg-admin-card-radius:18px;
  --sg-admin-card-pad-x:20px;
  --sg-admin-card-pad-y:18px;
  --sg-admin-card-head-pad-x:20px;
  --sg-admin-card-head-pad-y:18px;
  --sg-admin-card-foot-pad-y:16px;
  --sg-phasec-card-line:color-mix(in srgb, var(--sg-border) 82%, var(--sg-white) 18%);
  --sg-phasec-card-line-soft:color-mix(in srgb, var(--sg-border) 72%, var(--sg-white) 16%);
  --sg-phasec-card-shadow:0 12px 32px rgba(15,23,42,.08);
  --sg-phasec-filter-line:color-mix(in srgb, var(--sg-border) 64%, var(--sg-primary) 36%);
  --sg-phasec-filter-line-soft:color-mix(in srgb, var(--sg-border) 78%, var(--sg-primary) 22%);
  --sg-phasec-filter-bg:
    linear-gradient(180deg, color-mix(in srgb, var(--sg-surface) 90%, rgba(255,255,255,.10)) 0%, color-mix(in srgb, var(--sg-surface) 94%, transparent) 100%),
    linear-gradient(135deg, color-mix(in srgb, var(--sg-primary) 14%, transparent) 0%, transparent 46%, color-mix(in srgb, var(--sg-primary) 10%, transparent) 100%);
  --sg-phasec-filter-shadow:0 18px 42px rgba(15,23,42,.10);
}
html.theme-light :where(#sg-dashboard[data-ui-lock="phase-c-main-v1"],#sg-orders[data-ui-lock="phase-c-main-v1"],#sg-inventory[data-ui-lock="phase-c-main-v1"],#sg-cash[data-ui-lock="phase-c-main-v1"],#sg-settlement[data-ui-lock="phase-c-main-v1"]){
  --sg-phasec-card-line:rgba(148,163,184,.18);
  --sg-phasec-card-line-soft:rgba(148,163,184,.16);
  --sg-phasec-card-shadow:0 12px 30px rgba(15,23,42,.06);
  --sg-phasec-filter-line:rgba(59,130,246,.22);
  --sg-phasec-filter-line-soft:rgba(148,163,184,.22);
  --sg-phasec-filter-bg:
    linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.72) 100%),
    linear-gradient(135deg, rgba(37,99,235,.08) 0%, rgba(255,255,255,0) 50%, rgba(37,99,235,.06) 100%);
  --sg-phasec-filter-shadow:0 14px 32px rgba(15,23,42,.08);
}
html.theme-dark :where(#sg-dashboard[data-ui-lock="phase-c-main-v1"],#sg-orders[data-ui-lock="phase-c-main-v1"],#sg-inventory[data-ui-lock="phase-c-main-v1"],#sg-cash[data-ui-lock="phase-c-main-v1"],#sg-settlement[data-ui-lock="phase-c-main-v1"]){
  --sg-phasec-card-line:rgba(148,163,184,.14);
  --sg-phasec-card-line-soft:rgba(148,163,184,.12);
  --sg-phasec-card-shadow:0 16px 36px rgba(2,6,23,.30);
  --sg-phasec-filter-line:rgba(59,130,246,.28);
  --sg-phasec-filter-line-soft:rgba(148,163,184,.16);
  --sg-phasec-filter-bg:
    linear-gradient(180deg, color-mix(in srgb, var(--sg-surface) 86%, rgba(255,255,255,.04)) 0%, color-mix(in srgb, var(--sg-surface) 92%, transparent) 100%),
    linear-gradient(135deg, color-mix(in srgb, var(--sg-primary) 10%, transparent) 0%, transparent 48%, color-mix(in srgb, var(--sg-primary) 8%, transparent) 100%);
  --sg-phasec-filter-shadow:0 22px 52px rgba(2,6,23,.34);
}
:where(#sg-dashboard[data-ui-lock="phase-c-main-v1"],#sg-orders[data-ui-lock="phase-c-main-v1"],#sg-inventory[data-ui-lock="phase-c-main-v1"],#sg-cash[data-ui-lock="phase-c-main-v1"],#sg-settlement[data-ui-lock="phase-c-main-v1"]) > :where(.sg-page-head,.sg-filter-block,.sg-panel,.sg-card,.sg-grid,.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-orders-panel,#sg-settle-kpi){margin:0 !important;}
:where(#sg-dashboard[data-ui-lock="phase-c-main-v1"],#sg-orders[data-ui-lock="phase-c-main-v1"],#sg-inventory[data-ui-lock="phase-c-main-v1"],#sg-cash[data-ui-lock="phase-c-main-v1"],#sg-settlement[data-ui-lock="phase-c-main-v1"]) :where(.sg-page-head,.sg-page-head.sg-card,.sg-page-head.sg-card-section,.sg-panel,.sg-panel.sg-card,.sg-card,.sg-orders-panel){
  border-color:var(--sg-phasec-card-line) !important;
  box-shadow:var(--sg-phasec-card-shadow) !important;
}
:where(#sg-dashboard[data-ui-lock="phase-c-main-v1"],#sg-orders[data-ui-lock="phase-c-main-v1"],#sg-inventory[data-ui-lock="phase-c-main-v1"],#sg-cash[data-ui-lock="phase-c-main-v1"],#sg-settlement[data-ui-lock="phase-c-main-v1"]) .sg-page-head__content{gap:6px;}
:where(#sg-dashboard[data-ui-lock="phase-c-main-v1"],#sg-orders[data-ui-lock="phase-c-main-v1"],#sg-inventory[data-ui-lock="phase-c-main-v1"],#sg-cash[data-ui-lock="phase-c-main-v1"],#sg-settlement[data-ui-lock="phase-c-main-v1"]) .sg-page-head__title{font-size:24px !important;line-height:1.14 !important;font-weight:850 !important;}
:where(#sg-dashboard[data-ui-lock="phase-c-main-v1"],#sg-orders[data-ui-lock="phase-c-main-v1"],#sg-inventory[data-ui-lock="phase-c-main-v1"],#sg-cash[data-ui-lock="phase-c-main-v1"],#sg-settlement[data-ui-lock="phase-c-main-v1"]) .sg-page-head__subtitle{font-size:14px !important;line-height:1.62 !important;color:var(--sg-muted) !important;}
:where(#sg-dashboard[data-ui-lock="phase-c-main-v1"],#sg-orders[data-ui-lock="phase-c-main-v1"],#sg-inventory[data-ui-lock="phase-c-main-v1"],#sg-cash[data-ui-lock="phase-c-main-v1"],#sg-settlement[data-ui-lock="phase-c-main-v1"]) :where([data-filter-lock="phase-c-main-v1"],[data-filter-lock="phase-c-main-v1"].sg-card,[data-filter-lock="phase-c-main-v1"].sg-card-filter,[data-filter-lock="phase-c-main-v1"].sg-filter-block){
  border:1px solid var(--sg-phasec-filter-line) !important;
  background:var(--sg-phasec-filter-bg) !important;
  box-shadow:var(--sg-phasec-filter-shadow), inset 0 1px 0 color-mix(in srgb, var(--sg-white) 18%, transparent) !important;
  -webkit-backdrop-filter:blur(var(--sg-canonical-filter-blur, 18px)) saturate(155%) !important;
  backdrop-filter:blur(var(--sg-canonical-filter-blur, 18px)) saturate(155%) !important;
  padding:0 !important;
  overflow:visible;
}
html.theme-dark :where(#sg-dashboard[data-ui-lock="phase-c-main-v1"],#sg-orders[data-ui-lock="phase-c-main-v1"],#sg-inventory[data-ui-lock="phase-c-main-v1"],#sg-cash[data-ui-lock="phase-c-main-v1"],#sg-settlement[data-ui-lock="phase-c-main-v1"]) :where([data-filter-lock="phase-c-main-v1"],[data-filter-lock="phase-c-main-v1"].sg-card,[data-filter-lock="phase-c-main-v1"].sg-card-filter,[data-filter-lock="phase-c-main-v1"].sg-filter-block){
  box-shadow:var(--sg-phasec-filter-shadow), inset 0 1px 0 color-mix(in srgb, var(--sg-white) 6%, transparent) !important;
}
:where(#sg-dashboard[data-ui-lock="phase-c-main-v1"],#sg-orders[data-ui-lock="phase-c-main-v1"],#sg-inventory[data-ui-lock="phase-c-main-v1"],#sg-cash[data-ui-lock="phase-c-main-v1"],#sg-settlement[data-ui-lock="phase-c-main-v1"]) :where([data-filter-lock="phase-c-main-v1"]) .sg-filter-block__header{
  padding:var(--sg-admin-card-head-pad-y) var(--sg-admin-card-head-pad-x) 16px !important;
  border-bottom:1px solid var(--sg-phasec-filter-line-soft) !important;
}
:where(#sg-dashboard[data-ui-lock="phase-c-main-v1"],#sg-orders[data-ui-lock="phase-c-main-v1"],#sg-inventory[data-ui-lock="phase-c-main-v1"],#sg-cash[data-ui-lock="phase-c-main-v1"],#sg-settlement[data-ui-lock="phase-c-main-v1"]) :where([data-filter-lock="phase-c-main-v1"]) :where(.sg-filter-block__body,[data-filter-body="1"]){
  padding:16px var(--sg-admin-card-pad-x) var(--sg-admin-card-pad-y) !important;
  display:grid;
  gap:14px;
}
#sg-orders[data-ui-lock="phase-c-main-v1"] .sg-orders-panel .sg-card-head,
#sg-orders[data-ui-lock="phase-c-main-v1"] .sg-orders-panel .sg-card-foot{padding:var(--sg-admin-card-head-pad-y) var(--sg-admin-card-pad-x) !important;}
#sg-orders[data-ui-lock="phase-c-main-v1"] .sg-orders-panel .sg-table-wrap{margin:0 !important;padding:0 var(--sg-admin-card-pad-x) 8px !important;}
#sg-orders[data-ui-lock="phase-c-main-v1"] .sg-orders-panel .sg-card-head{border-bottom:1px solid var(--sg-phasec-card-line-soft) !important;}
#sg-orders[data-ui-lock="phase-c-main-v1"] .sg-orders-panel .sg-card-foot{border-top:1px solid var(--sg-phasec-card-line-soft) !important;}
#sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-settle-table-panel .sg-card-head,
#sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-settle-table-panel .sg-card-foot{
  padding:var(--sg-admin-card-head-pad-y) var(--sg-admin-card-pad-x) !important;
  margin:0 !important;
}
#sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-settle-table-panel .sg-card-head{
  border-bottom:1px solid var(--sg-phasec-card-line-soft) !important;
  background:transparent !important;
}
#sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-settle-table-panel .sg-card-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid var(--sg-phasec-card-line-soft) !important;
}
#sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-settle-table-panel .sg-table-wrap{
  margin:0 !important;
  padding:0 0 8px !important;
}
#sg-settlement[data-ui-lock="phase-c-main-v1"] #sg-settle-table-wrap{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#sg-settlement[data-ui-lock="phase-c-main-v1"] #sg-settle-table thead th{
  background:var(--sg-surface) !important;
  backdrop-filter:none !important;
  color:var(--sg-muted) !important;
  border-bottom:1px solid var(--sg-phasec-card-line-soft) !important;
}
#sg-settlement[data-ui-lock="phase-c-main-v1"] #sg-settle-table tbody td:first-child,
#sg-settlement[data-ui-lock="phase-c-main-v1"] #sg-settle-table thead th:first-child{padding-left:var(--sg-admin-card-pad-x) !important;}
#sg-settlement[data-ui-lock="phase-c-main-v1"] #sg-settle-table tbody td:last-child,
#sg-settlement[data-ui-lock="phase-c-main-v1"] #sg-settle-table thead th:last-child{padding-right:var(--sg-admin-card-pad-x) !important;}
#sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-settle-table-head .sg-badge{font-weight:700;}
#sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-settle-table-foot .sg-btn[disabled]{opacity:.55;cursor:not-allowed;}
#sg-settlement[data-ui-lock="phase-c-main-v1"] #st-drawer,
#sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-drawer{z-index:calc(var(--sg-z-modal) + 20) !important; isolation:isolate;}
#sg-settlement[data-ui-lock="phase-c-main-v1"] #st-drawer .sg-drawer-backdrop,
#sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-drawer-backdrop{z-index:1 !important;}
#sg-settlement[data-ui-lock="phase-c-main-v1"] #st-drawer .sg-drawer-panel,
#sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-drawer-panel{z-index:2 !important;}

#sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-drawer.is-mobile-sheet .sg-drawer-panel{
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  width:100vw !important;
  max-width:100vw !important;
  height:100dvh !important;
  max-height:100dvh !important;
  border-radius:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  transform:translate3d(0,18px,0) !important;
}
#sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-drawer.is-mobile-sheet.show .sg-drawer-panel,
#sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-drawer.is-mobile-sheet.is-open .sg-drawer-panel{transform:translate3d(0,0,0) !important;}
#sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody{gap:10px !important;}
@media (max-width: 767px){
  #sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
  }
  #sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td[data-label="Chi tiết"]{
    order:-1;
    padding:14px 14px 10px !important;
  }
  #sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td[data-label="Chi tiết"]::before{
    display:none !important;
    content:none !important;
  }
  #sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td[data-label="Chi tiết"] .sg-settle-row-actions{
    justify-content:stretch !important;
  }
  #sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td[data-label="Chi tiết"] .sg-settle-open-btn{
    width:100%;
    min-width:0;
    justify-content:center;
  }
  #sg-settlement[data-ui-lock="phase-c-main-v1"] .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td[data-label="Chọn"]{
    padding-top:10px !important;
  }
}

#sg-inventory[data-ui-lock="phase-c-main-v1"] .sginv-filter-shell{display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:12px !important;align-items:end !important;}
#sg-inventory[data-ui-lock="phase-c-main-v1"] .sginv-filter-main{min-width:min(280px,100%);}
#sg-inventory[data-ui-lock="phase-c-main-v1"] .sginv-kpis.sg-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
#sg-inventory[data-ui-lock="phase-c-main-v1"] .sginv-tabs.sg-tab-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;}
#sg-inventory[data-ui-lock="phase-c-main-v1"] .sginv-tabs .sg-tab{min-height:46px;}
#sg-inventory[data-ui-lock="phase-c-main-v1"] .sginv-section{margin-top:0;}
#sg-dashboard[data-ui-lock="phase-c-main-v1"] .sg-grid,
#sg-cash[data-ui-lock="phase-c-main-v1"] .sg-grid-2,
#sg-cash[data-ui-lock="phase-c-main-v1"] .sg-grid-3,
#sg-settlement[data-ui-lock="phase-c-main-v1"] #sg-settle-kpi,
#sg-inventory[data-ui-lock="phase-c-main-v1"] .sginv-kpis{gap:12px !important;}
@media (max-width: 991px){
  :where(#sg-dashboard[data-ui-lock="phase-c-main-v1"],#sg-orders[data-ui-lock="phase-c-main-v1"],#sg-inventory[data-ui-lock="phase-c-main-v1"],#sg-cash[data-ui-lock="phase-c-main-v1"],#sg-settlement[data-ui-lock="phase-c-main-v1"]){
    --sg-canonical-card-radius:18px;
    --sg-canonical-card-pad-x:16px;
    --sg-canonical-card-pad-y:16px;
    --sg-admin-flow-gap:14px;
    --sg-admin-card-radius:18px;
    --sg-admin-card-pad-x:16px;
    --sg-admin-card-pad-y:18px;
    --sg-admin-card-head-pad-x:16px;
    --sg-admin-card-head-pad-y:14px;
    --sg-admin-card-foot-pad-y:12px;
  }
}
@media (max-width: 767px){
  :where(#sg-dashboard[data-ui-lock="phase-c-main-v1"],#sg-orders[data-ui-lock="phase-c-main-v1"],#sg-inventory[data-ui-lock="phase-c-main-v1"],#sg-cash[data-ui-lock="phase-c-main-v1"],#sg-settlement[data-ui-lock="phase-c-main-v1"]) .sg-page-head__title{font-size:22px !important;}
  :where(#sg-dashboard[data-ui-lock="phase-c-main-v1"],#sg-orders[data-ui-lock="phase-c-main-v1"],#sg-inventory[data-ui-lock="phase-c-main-v1"],#sg-cash[data-ui-lock="phase-c-main-v1"],#sg-settlement[data-ui-lock="phase-c-main-v1"]) .sg-page-head__subtitle{font-size:13px !important;}
  :where(#sg-dashboard[data-ui-lock="phase-c-main-v1"],#sg-orders[data-ui-lock="phase-c-main-v1"],#sg-inventory[data-ui-lock="phase-c-main-v1"],#sg-cash[data-ui-lock="phase-c-main-v1"],#sg-settlement[data-ui-lock="phase-c-main-v1"]) :where([data-filter-lock="phase-c-main-v1"]) .sg-filter-block__header{padding:16px 16px 14px !important;}
  :where(#sg-dashboard[data-ui-lock="phase-c-main-v1"],#sg-orders[data-ui-lock="phase-c-main-v1"],#sg-inventory[data-ui-lock="phase-c-main-v1"],#sg-cash[data-ui-lock="phase-c-main-v1"],#sg-settlement[data-ui-lock="phase-c-main-v1"]) :where([data-filter-lock="phase-c-main-v1"]) :where(.sg-filter-block__body,[data-filter-body="1"]){padding:14px 16px 16px !important;gap:12px;}
  #sg-inventory[data-ui-lock="phase-c-main-v1"] .sginv-kpis.sg-kpi-grid,
  #sg-inventory[data-ui-lock="phase-c-main-v1"] .sginv-tabs.sg-tab-nav{grid-template-columns:1fr !important;}
}

.sg-top-right,
.sg-top-meta,
.sg-top-meta > [data-action="toggle-noti"],
.sg-userchip,
.sg-userpop,
.sg-noti-pop,
.sg-changelog-pop{
  overflow: visible;
}
.sg-top-meta > [data-action="toggle-noti"]{
  position: relative;
}
#sg-noti-btn #sg-noti-count,
#sg-noti-count,
.sg-top-right #sg-noti-count{
  position: absolute !important;
  top: 4px !important;
  right: 4px !important;
  inset-inline-end: 4px !important;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  line-height: 18px;
  transform: none !important;
  z-index: 2;
}

.sg-userpop,
.sg-noti-pop,
.sg-changelog-pop{
  max-width: calc(100vw - 32px) !important;
}
.sg-userpop-card,
.sg-noti-card,
.sg-changelog-card{
  width: min(400px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  margin-right: 0 !important;
}
.sg-noti-card{ width: min(420px, calc(100vw - 32px)) !important; }

@media (min-width: 992px){
  .sg-top .sg-iconbtn,
  .sg-top-meta > .sg-pill.sg-pill-click,
  .sg-userchip{
    border-radius: 14px !important;
  }
  .sg-top .sg-iconbtn,
  .sg-top-meta > .sg-pill.sg-pill-click{
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
  }
  .sg-userchip{
    min-height: 42px;
    width: auto;
    max-width: min(280px, calc(100vw - 260px));
    padding: 0 12px;
    gap: 8px;
  }
  .sg-top-meta > [data-action="toggle-noti"] .sg-badge{
    top: 4px;
    right: 4px;
  }
}

@media (max-width: 991px){
  .sg-top .sg-iconbtn,
  .sg-top-meta > .sg-pill.sg-pill-click,
  .sg-userchip{
    border-radius: 999px !important;
  }
  .sg-userpop,
  .sg-noti-pop,
  .sg-changelog-pop{
    left: 12px !important;
    right: 12px !important;
    max-width: calc(100vw - 24px) !important;
  }
  .sg-userpop-card,
  .sg-noti-card,
  .sg-changelog-card{
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}


/* Phase D — heavy / special routes aligned to Events reference */
:where(#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"],#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory-ledger[data-ui-heavy="phase-d-heavy-v1"]){
  --sg-phased-card-line:rgba(148,163,184,.14);
  --sg-phased-card-line-soft:rgba(148,163,184,.12);
  --sg-phased-card-shadow:0 10px 26px rgba(2,6,23,.08);
  --sg-phased-filter-line:rgba(148,163,184,.20);
  --sg-phased-filter-line-soft:rgba(148,163,184,.14);
  --sg-phased-filter-bg:linear-gradient(180deg, color-mix(in srgb, var(--sg-surface) 88%, rgba(255,255,255,.10)) 0%, color-mix(in srgb, var(--sg-surface) 94%, transparent) 100%),linear-gradient(135deg, color-mix(in srgb, var(--sg-primary) 7%, transparent) 0%, transparent 52%, color-mix(in srgb, var(--sg-primary) 5%, transparent) 100%);
  --sg-phased-filter-shadow:0 14px 34px rgba(2,6,23,.10);
  --sg-phased-nested-bg:color-mix(in srgb, var(--sg-surface) 92%, rgba(148,163,184,.05));
}
:where(#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"],#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory[data-ui-heavy="phase-d-heavy-v1"]) > :where(.sg-page-head,.sg-filter-block,.sg-panel,.sg-card,.sg-grid,.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-stack,.sg-tabs,.sg-tab-nav,.sg-bulkbar,.sg-gifts-kpis,.sg-gifts-card,.sg-gifts-grid,.sg-prereg-kpis,.sg-prereg-shell,.sgr-head,.sgr-filters,.sgr-kpis,.sgr-panel,.sgr-tabpanes,.sgr-grid-2,.sgr-grid-3,.sginv-kpis,.sginv-section){margin:0 !important;}
:where(#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"],#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory-ledger[data-ui-heavy="phase-d-heavy-v1"]) :where(.sg-page-head,.sg-page-head.sg-card,.sg-page-head.sg-card-section,.sg-panel,.sg-panel.sg-card,.sg-card,.sg-gifts-kpi,.sg-gifts-card,.sg-prereg-kpi,.sg-prereg-card,.sgr-head,.sgr-panel,.sgr-kpi,.sgr-tabpanel){
  border-color:var(--sg-phased-card-line) !important;
  box-shadow:var(--sg-phased-card-shadow) !important;
  border-radius:var(--sg-admin-card-radius,20px) !important;
}
:where(#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"],#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"]) .sg-page-head__content{gap:6px;}
:where(#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"],#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"]) :where(.sg-page-head__title,.sgr-title){font-size:24px !important;line-height:1.14 !important;font-weight:850 !important;}
:where(#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"],#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"]) :where(.sg-page-head__subtitle,.sgr-sub){font-size:14px !important;line-height:1.62 !important;color:var(--sg-muted) !important;}
:where(#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"]) :where([data-filter-lock="phase-d-heavy-v1"],[data-filter-lock="phase-d-heavy-v1"].sg-card,[data-filter-lock="phase-d-heavy-v1"].sg-card-filter,[data-filter-lock="phase-d-heavy-v1"].sg-filter-block,#sg-gifts-filter-block){
  border:1px solid var(--sg-phased-filter-line) !important;
  background:var(--sg-phased-filter-bg) !important;
  box-shadow:var(--sg-phased-filter-shadow), inset 0 1px 0 color-mix(in srgb, var(--sg-white) 18%, transparent) !important;
  -webkit-backdrop-filter:blur(var(--sg-canonical-filter-blur,18px)) saturate(155%) !important;
  backdrop-filter:blur(var(--sg-canonical-filter-blur,18px)) saturate(155%) !important;
  padding:0 !important;
  overflow:visible !important;
}
html.theme-dark :where(#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"]) :where([data-filter-lock="phase-d-heavy-v1"],[data-filter-lock="phase-d-heavy-v1"].sg-card,[data-filter-lock="phase-d-heavy-v1"].sg-card-filter,[data-filter-lock="phase-d-heavy-v1"].sg-filter-block,#sg-gifts-filter-block){box-shadow:var(--sg-phased-filter-shadow), inset 0 1px 0 color-mix(in srgb, var(--sg-white) 6%, transparent) !important;}
:where(#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"]) :where([data-filter-lock="phase-d-heavy-v1"],#sg-gifts-filter-block) :where(.sg-filter-block__header,.sg-filter-header,.sg-card__head){
  padding:var(--sg-admin-card-head-pad-y) var(--sg-admin-card-head-pad-x) 16px !important;
  border-bottom:1px solid var(--sg-phased-filter-line-soft) !important;
  background:transparent !important;
}
 :where(#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"]) :where([data-filter-lock="phase-d-heavy-v1"],#sg-gifts-filter-block) :where(.sg-card__body,[data-filter-body="1"],.sg-prereg-filter-card__body){padding:18px var(--sg-admin-card-pad-x) var(--sg-admin-card-pad-y) !important;display:grid;gap:16px;}
#sg-reports[data-ui-heavy="phase-d-heavy-v1"] #sg-reports-filters{grid-template-columns:repeat(6,minmax(0,1fr)) !important;padding:0 !important;}
#sg-reports[data-ui-heavy="phase-d-heavy-v1"] #sg-reports-filters > :not(.sgr-filter-head){margin:0 !important;}
#sg-reports[data-ui-heavy="phase-d-heavy-v1"] .sgr-filter-head{grid-column:1 / -1 !important;}
#sg-reports[data-ui-heavy="phase-d-heavy-v1"] .sgr-field{padding:0 var(--sg-admin-card-pad-x) var(--sg-admin-card-pad-y) !important;}
#sg-reports[data-ui-heavy="phase-d-heavy-v1"] .sgr-field:nth-of-type(-n+3){padding-top:0 !important;}
#sg-reports[data-ui-heavy="phase-d-heavy-v1"] .sgr-tabs.sg-tabs,
#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"] .sg-tabs{padding:6px !important;border:1px solid var(--sg-phased-card-line) !important;border-radius:18px !important;background:color-mix(in srgb, var(--sg-surface) 94%, rgba(148,163,184,.05)) !important;box-shadow:var(--sg-phased-card-shadow) !important;}
#sg-inventory[data-ui-heavy="phase-d-heavy-v1"] .sginv-tabs.sg-tab-nav{padding:6px !important;border:1px solid var(--sg-phased-card-line) !important;border-radius:18px !important;background:color-mix(in srgb, var(--sg-surface) 94%, rgba(148,163,184,.05)) !important;box-shadow:var(--sg-phased-card-shadow) !important;}
:where(#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"],#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"]) :where(.sg-card-b,.sg-card__body,.sg-panel-b,.sg-gifts-card-b,.sg-prereg-card-b,.sgr-tabpanel,.sgr-panel,.sgr-modal-card,.sg-drawer-b,.sg-modal__body) > :where(.sg-card,.sg-panel,.sg-card.sg-card-nested,.sgr-panel,.sgr-kpi,.sgr-tabpanel,.sg-gifts-card,.sg-prereg-card){
  border-radius:18px !important;
  border-color:var(--sg-phased-card-line-soft) !important;
  background:var(--sg-phased-nested-bg) !important;
  box-shadow:none !important;
}
#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"] .sg-gifts-card.sg-filter-block .sg-gifts-card-b,
#sg-preregister[data-ui-heavy="phase-d-heavy-v1"] .sg-prereg-filter-card .sg-prereg-card-b{background:transparent !important;}
:where(#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory[data-ui-heavy="phase-d-heavy-v1"],#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"]) :where(.sg-modal,.sg-drawer,[class*="modal"],[class*="drawer"]){z-index:calc(var(--sg-z-modal,260) + 20) !important;isolation:isolate;}
:where(#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory[data-ui-heavy="phase-d-heavy-v1"],#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"]) :where(.sg-modal__dialog,.sg-drawer-panel,.sg-mobile-fullscreen-panel,.sg-gifts-modal-panel,.sg-gifts-drawer-panel,.sg-prereg-drawer-panel,.sg-prereg-modal-panel,.sgr-modal-card){border-radius:22px !important;border:1px solid var(--sg-phased-card-line) !important;box-shadow:0 28px 64px rgba(2,6,23,.34) !important;}
:where(#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory[data-ui-heavy="phase-d-heavy-v1"],#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"]) :where(.sg-drawer-h,.sg-modal__head,.sg-gifts-modal-h,.sg-gifts-drawer-h,.sg-prereg-drawer-h,.sg-prereg-modal-h,.sgr-modal-head){padding:var(--sg-admin-card-head-pad-y) var(--sg-admin-card-pad-x) !important;border-bottom:1px solid var(--sg-phased-card-line-soft) !important;}
:where(#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory[data-ui-heavy="phase-d-heavy-v1"],#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"]) :where(.sg-drawer-b,.sg-modal__body,.sg-gifts-modal-b,.sg-gifts-drawer-b,.sg-prereg-drawer-b,.sg-prereg-modal-b){padding:16px var(--sg-admin-card-pad-x) var(--sg-admin-card-pad-y) !important;}
:where(#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"]) :where(.sg-bulkbar,.sgr-summary,.sgr-summary-chips){border:1px solid var(--sg-phased-card-line-soft) !important;border-radius:18px !important;box-shadow:none !important;background:color-mix(in srgb, var(--sg-surface) 94%, rgba(148,163,184,.05)) !important;}
#sg-settlement[data-ui-heavy="phase-d-heavy-v1"] .sg-settle-table-panel .sg-card-head,#sg-settlement[data-ui-heavy="phase-d-heavy-v1"] .sg-settle-table-panel .sg-card-foot{padding:var(--sg-admin-card-head-pad-y) var(--sg-admin-card-pad-x) !important;}
#sg-settlement[data-ui-heavy="phase-d-heavy-v1"] .sg-settle-table-panel .sg-table-wrap{padding:0 0 8px !important;}
#sg-settlement[data-ui-heavy="phase-d-heavy-v1"] #sg-settle-table-wrap{border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;}
#sg-settlement[data-ui-heavy="phase-d-heavy-v1"] #sg-settle-table thead th{background:var(--sg-surface) !important;backdrop-filter:none !important;color:var(--sg-muted) !important;border-bottom:1px solid var(--sg-phased-card-line-soft) !important;}
#sg-settlement[data-ui-heavy="phase-d-heavy-v1"] #sg-settle-table tbody td:first-child,#sg-settlement[data-ui-heavy="phase-d-heavy-v1"] #sg-settle-table thead th:first-child{padding-left:var(--sg-admin-card-pad-x) !important;}
#sg-settlement[data-ui-heavy="phase-d-heavy-v1"] #sg-settle-table tbody td:last-child,#sg-settlement[data-ui-heavy="phase-d-heavy-v1"] #sg-settle-table thead th:last-child{padding-right:var(--sg-admin-card-pad-x) !important;}
#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"] .sg-gifts-kpis,#sg-preregister[data-ui-heavy="phase-d-heavy-v1"] .sg-prereg-kpis,#sg-reports[data-ui-heavy="phase-d-heavy-v1"] .sgr-kpis,#sg-inventory[data-ui-heavy="phase-d-heavy-v1"] .sginv-kpis{gap:12px !important;}
#sg-preregister[data-ui-heavy="phase-d-heavy-v1"] .sg-prereg-shell{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:16px !important;align-items:start;}
#sg-preregister[data-ui-heavy="phase-d-heavy-v1"] .sg-prereg-main-stack{display:grid;gap:16px !important;}
#sg-preregister[data-ui-heavy="phase-d-heavy-v1"] .sg-prereg-table-wrap{margin:0 !important;}
#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"] .sg-gifts-table-wrap,#sg-preregister[data-ui-heavy="phase-d-heavy-v1"] .sg-prereg-table-wrap,#sg-inventory-ledger[data-ui-heavy="phase-d-heavy-v1"] .sg-table-wrap{margin:0 !important;padding:0 !important;}
#sg-inventory-ledger[data-ui-heavy="phase-d-heavy-v1"] .sg-panel-h,#sg-inventory-ledger[data-ui-heavy="phase-d-heavy-v1"] .sg-panel-b{padding-left:var(--sg-admin-card-pad-x) !important;padding-right:var(--sg-admin-card-pad-x) !important;}
#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"] #event-tab-body > :where(.sg-card,.sg-panel,.sg-grid,.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-stack){margin-top:0 !important;}
@media (max-width: 1199px){
  #sg-preregister[data-ui-heavy="phase-d-heavy-v1"] .sg-prereg-shell{grid-template-columns:1fr !important;}
}
@media (max-width: 991px){
  :where(#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"],#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory-ledger[data-ui-heavy="phase-d-heavy-v1"]){
    --sg-canonical-card-radius:18px;
    --sg-canonical-card-pad-x:16px;
    --sg-canonical-card-pad-y:16px;
    --sg-admin-flow-gap:14px;
    --sg-admin-card-radius:18px;
    --sg-admin-card-pad-x:16px;
    --sg-admin-card-pad-y:18px;
    --sg-admin-card-head-pad-x:16px;
    --sg-admin-card-head-pad-y:14px;
  }
  #sg-reports[data-ui-heavy="phase-d-heavy-v1"] #sg-reports-filters{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  #sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"] .sg-gifts-kpis,#sg-preregister[data-ui-heavy="phase-d-heavy-v1"] .sg-prereg-kpis,#sg-reports[data-ui-heavy="phase-d-heavy-v1"] .sgr-kpis,#sg-inventory[data-ui-heavy="phase-d-heavy-v1"] .sginv-kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width: 767px){
  :where(#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"],#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory-ledger[data-ui-heavy="phase-d-heavy-v1"]) :where(.sg-page-head__title,.sgr-title){font-size:22px !important;}
  :where(#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"],#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory[data-ui-heavy="phase-d-heavy-v1"],#sg-inventory-ledger[data-ui-heavy="phase-d-heavy-v1"]) :where(.sg-page-head__subtitle,.sgr-sub){font-size:13px !important;}
  #sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"] .sg-gifts-kpis,#sg-preregister[data-ui-heavy="phase-d-heavy-v1"] .sg-prereg-kpis,#sg-reports[data-ui-heavy="phase-d-heavy-v1"] .sgr-kpis,#sg-inventory[data-ui-heavy="phase-d-heavy-v1"] .sginv-kpis,#sg-reports[data-ui-heavy="phase-d-heavy-v1"] .sgr-tabs,#sg-inventory[data-ui-heavy="phase-d-heavy-v1"] .sginv-tabs,#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"] .sg-tabs{grid-template-columns:1fr !important;}
  #sg-reports[data-ui-heavy="phase-d-heavy-v1"] #sg-reports-filters{grid-template-columns:1fr !important;}
  #sg-reports[data-ui-heavy="phase-d-heavy-v1"] .sgr-field{padding:0 16px 14px !important;}
  :where(#sg-activation-gifts[data-ui-heavy="phase-d-heavy-v1"],#sg-preregister[data-ui-heavy="phase-d-heavy-v1"],#sg-reports[data-ui-heavy="phase-d-heavy-v1"],#sg-settlement[data-ui-heavy="phase-d-heavy-v1"],#sg-event-detail[data-ui-heavy="phase-d-heavy-v1"]) :where(.sg-mobile-fullscreen-panel,.sg-drawer-panel,.sg-modal__dialog,.sg-gifts-modal-panel,.sg-gifts-drawer-panel,.sg-prereg-drawer-panel,.sg-prereg-modal-panel,.sgr-modal-card){top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100vw !important;max-width:100vw !important;height:100dvh !important;max-height:100dvh !important;border-radius:0 !important;border-left:0 !important;border-right:0 !important;}
}


/* HOTFIX 2026-03-21 — tablet rail shell + topbar notification count + IAM responsive polish */
@media (min-width: 641px) and (max-width: 991px){
  .sg-admin.is-mobile .sg-main,
  .sg-admin.is-mobile-collapsed .sg-main,
  .sg-admin.is-mobile-expanded .sg-main{
    margin-left:calc(var(--sg-mobile-rail-w) + 12px) !important;
    width:calc(100% - var(--sg-mobile-rail-w) - 12px) !important;
    max-width:calc(100% - var(--sg-mobile-rail-w) - 12px) !important;
  }
  .sg-admin.is-mobile-collapsed .sg-side,
  .sg-admin.is-mobile-collapsed #sg-sidebar{
    left:8px !important;
    transform:translateX(0) !important;
    opacity:1 !important;
    pointer-events:auto !important;
    width:var(--sg-mobile-rail-w) !important;
    min-width:var(--sg-mobile-rail-w) !important;
    max-width:var(--sg-mobile-rail-w) !important;
    box-shadow:8px 0 24px color-mix(in srgb, var(--sg-text) 10%, transparent) !important;
  }
  .sg-admin.is-mobile-expanded .sg-side,
  .sg-admin.is-mobile-expanded #sg-sidebar{
    left:8px !important;
    transform:translateX(0) !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
}

#sg-noti-btn .sg-badge:not([hidden]),
#sg-noti-btn .sg-badge[aria-hidden="false"],
#sg-noti-btn.has-count .sg-badge,
#sg-noti-count:not([hidden]){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:1 !important;
  visibility:visible !important;
}

@media (max-width: 991px){
  #sg-iam-page .sg-page-head__actions{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  #sg-iam-page .sg-page-head__actions > *{min-width:0;width:100%;justify-content:center;}
  #sg-iam-page .sg-iam-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  #sg-iam-page .sg-iam-tabs .sg-tab{justify-content:center;}
  #sg-iam-page .sg-filter-block__body,
  #sg-iam-page .sg-card-body,
  #sg-iam-page .sg-drawer-b{padding:14px 16px;}
  #sg-iam-page .sg-card-head,
  #sg-iam-page .sg-drawer-h,
  #sg-iam-page .sg-drawer-f{padding:14px 16px;}
}
@media (max-width: 640px){
  #sg-iam-page .sg-page-head__actions,
  #sg-iam-page .sg-iam-tabs{grid-template-columns:1fr;}
}


/* Phase E — tablet shell uses exactly the same desktop sidebar states */
@media (min-width: 641px) and (max-width: 991px){
  .sg-admin:not(.is-mobile){
    display:flex !important;
    grid-template-columns:none !important;
  }
  .sg-admin:not(.is-mobile) .sg-side,
  .sg-admin:not(.is-mobile) #sg-sidebar{
    position:sticky !important;
    left:auto !important;
    top:0 !important;
    bottom:auto !important;
    height:auto !important;
    min-height:100vh !important;
    overflow:hidden !important;
    transform:none !important;
    opacity:1 !important;
    pointer-events:auto !important;
    border-right:1px solid var(--sg-border) !important;
    border-radius:0 !important;
    background:var(--sg-side-bg) !important;
    box-shadow:8px 0 28px var(--sg-sidebar-glow-light) !important;
  }
  html.theme-dark .sg-admin:not(.is-mobile) .sg-side,
  html.theme-dark .sg-admin:not(.is-mobile) #sg-sidebar{
    box-shadow:8px 0 28px var(--sg-sidebar-glow-dark) !important;
  }
  .sg-admin:not(.is-mobile):not(.is-collapsed) .sg-side,
  .sg-admin:not(.is-mobile):not(.is-collapsed) #sg-sidebar{
    width:var(--sg-shell-side-w) !important;
    min-width:var(--sg-shell-side-w) !important;
    max-width:var(--sg-shell-side-w) !important;
    padding:14px !important;
  }
  .sg-admin:not(.is-mobile).is-collapsed .sg-side,
  .sg-admin:not(.is-mobile).is-collapsed #sg-sidebar{
    width:84px !important;
    min-width:84px !important;
    max-width:84px !important;
    padding:14px 8px !important;
  }
  .sg-admin:not(.is-mobile) .sg-main{
    margin-left:0 !important;
    width:auto !important;
    max-width:none !important;
    filter:none !important;
  }
  .sg-admin:not(.is-mobile) .sg-drawer-backdrop{
    opacity:0 !important;
    pointer-events:none !important;
  }
}

/* Phase E — IAM drawer and action icons stay clickable above page chrome */
#sg-iam-page .sg-iconbtn,#sg-iam-page .sg-icon-btn,[data-u-act],[data-r-act]{position:relative;z-index:2;pointer-events:auto;}
#sg-iam-page .sg-iam-drawer{z-index:calc(var(--sg-z-modal,260) + 19) !important;}
#sg-iam-page .sg-iam-drawer-backdrop{z-index:1 !important;}
#sg-iam-page .sg-iam-drawer-panel{z-index:2 !important;}


/* Topbar changelog polish */
.sg-top-meta > .sg-top-version-pill.sg-pill.sg-pill-click{
  width:auto !important;
  min-width:44px !important;
  max-width:min(320px, calc(100vw - 520px));
  padding-inline:12px !important;
  justify-content:flex-start !important;
  flex:0 0 auto;
  gap:8px;
}
.sg-top-meta > .sg-top-version-pill .sg-pill-text{
  display:inline-flex;
  align-items:center;
  min-width:0;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
}
.sg-changelog-pop{
  max-width:min(420px, calc(100vw - 40px)) !important;
}
.sg-changelog-card{
  width:min(420px, calc(100vw - 40px)) !important;
  max-width:min(420px, calc(100vw - 40px)) !important;
}
@media (max-width: 991px){
  .sg-top-meta > .sg-top-version-pill.sg-pill.sg-pill-click{
    display:none !important;
  }
  .sg-changelog-pop{
    left:12px !important;
    right:12px !important;
    max-width:calc(100vw - 24px) !important;
  }
  .sg-changelog-card{
    width:calc(100vw - 24px) !important;
    max-width:calc(100vw - 24px) !important;
  }
}


/* HOTFIX 2026-03-21 — topbar popover gutter + notification badge geometry */
.sg-top-meta > [data-action="toggle-noti"],
#sg-noti-btn{
  position:relative;
  overflow:visible;
  min-width:44px !important;
  padding-inline:11px !important;
}
.sg-top-meta > [data-action="toggle-noti"] .sg-badge,
#sg-noti-btn #sg-noti-count,
#sg-noti-count,
.sg-top-right #sg-noti-count{
  top:-6px !important;
  right:-8px !important;
  inset-inline-end:-8px !important;
  min-width:18px !important;
  height:18px !important;
  padding:0 4px !important;
  line-height:18px !important;
  border:2px solid var(--sg-surface) !important;
  box-shadow:0 2px 8px color-mix(in srgb,var(--sg-danger) 18%, transparent) !important;
  pointer-events:none;
}

.sg-userpop,
.sg-noti-pop,
.sg-changelog-pop{
  max-width:calc(100vw - 64px) !important;
}
.sg-userpop-card{
  width:min(360px, calc(100vw - 64px)) !important;
  max-width:min(360px, calc(100vw - 64px)) !important;
}
.sg-noti-card{
  width:min(420px, calc(100vw - 64px)) !important;
  max-width:min(420px, calc(100vw - 64px)) !important;
}
.sg-changelog-card{
  width:min(520px, calc(100vw - 64px)) !important;
  max-width:min(520px, calc(100vw - 64px)) !important;
}

@media (max-width: 991px){
  .sg-top-meta > [data-action="toggle-noti"] .sg-badge,
  #sg-noti-btn #sg-noti-count,
  #sg-noti-count,
  .sg-top-right #sg-noti-count{
    top:-5px !important;
    right:-7px !important;
    inset-inline-end:-7px !important;
  }
  .sg-userpop,
  .sg-noti-pop,
  .sg-changelog-pop{
    left:16px !important;
    right:16px !important;
    max-width:calc(100vw - 32px) !important;
  }
  .sg-userpop-card,
  .sg-noti-card,
  .sg-changelog-card{
    width:calc(100vw - 32px) !important;
    max-width:calc(100vw - 32px) !important;
  }
}


/* HOTFIX 2026-03-21 — desktop topbar popovers keep safe edge gutter */
@media (min-width: 992px){
  .sg-userpop,
  .sg-changelog-pop{
    max-width:calc(100vw - 80px) !important;
  }
  .sg-userpop-card{
    width:min(360px, calc(100vw - 80px)) !important;
    max-width:min(360px, calc(100vw - 80px)) !important;
  }
  .sg-changelog-card{
    width:min(520px, calc(100vw - 80px)) !important;
    max-width:min(520px, calc(100vw - 80px)) !important;
  }
}


/* HOTFIX 2026-03-21 — desktop topbar edge gutter lock */
@media (min-width: 992px){
  .sg-userpop,
  .sg-changelog-pop{
    left:auto !important;
  }
  .sg-userpop{
    right:40px !important;
    max-width:calc(100vw - 80px) !important;
  }
  .sg-userpop-card{
    width:min(360px, calc(100vw - 80px)) !important;
    max-width:min(360px, calc(100vw - 80px)) !important;
  }
  .sg-changelog-pop{
    right:auto !important;
    left:max(72px, calc(100vw - min(500px, calc(100vw - 144px)) - 72px)) !important;
    max-width:calc(100vw - 144px) !important;
  }
  .sg-changelog-card{
    width:min(500px, calc(100vw - 144px)) !important;
    max-width:min(500px, calc(100vw - 144px)) !important;
  }
}


/* HOTFIX 2026-03-21 — final changelog viewport clamp */
.sg-changelog-pop,
.sg-changelog-card,
.sg-changelog-body,
.sg-chlog,
.sg-chlog details,
.sg-chlog summary,
.sg-chlog-content{
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.sg-changelog-body{
  padding:12px 14px !important;
}
.sg-chlog details{
  display:block;
  width:100%;
}
.sg-chlog summary{
  display:flex;
  align-items:flex-start;
  gap:8px;
  width:100%;
}
@media (min-width: 992px){
  .sg-changelog-pop{
    right:auto !important;
    left:auto !important;
    max-width:none !important;
  }
  .sg-changelog-card{
    width:min(500px, calc(100vw - 144px)) !important;
    max-width:min(500px, calc(100vw - 144px)) !important;
  }
}


/* Phase P2 — inventory responsive refinement */
@media (max-width:1024px){
  #sg-inventory .sg-page-head__actions.sg-actions-responsive{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px;}
  #sg-inventory .sg-page-head__actions.sg-actions-responsive > :where(.sg-btn,a.sg-btn,button.sg-btn){width:100%;justify-content:center;}
  #sg-inventory .sginv-tabs.sg-local-tabs-responsive{display:flex!important;flex-wrap:nowrap!important;overflow:auto hidden!important;padding:6px 0 8px!important;scroll-snap-type:x proximity;}
  #sg-inventory .sginv-tabs.sg-local-tabs-responsive .sg-tab{flex:0 0 auto;min-width:max-content;scroll-snap-align:start;}
  #sg-inventory .sg-grid-2{grid-template-columns:1fr!important;}
  #sg-inventory .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody{gap:10px!important;}
  #sg-inventory .sg-table-wrap.is-mobile-card-ready > .sg-table > tbody > tr > td:first-child{padding-top:14px!important;}
}
@media (max-width:640px){
  #sg-inventory .sg-page-head__actions.sg-actions-responsive{grid-template-columns:1fr!important;}
  #sg-inventory .sginv-kpis.sg-kpi-grid{grid-template-columns:1fr!important;}
}


/* Phase 2/3 action hierarchy utilities */
.sg-inline-actions{position:relative;display:inline-flex;align-items:center;}
.sg-inline-actions > summary{list-style:none;cursor:pointer;}
.sg-inline-actions > summary::-webkit-details-marker{display:none;}
.sg-inline-actions__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;z-index:var(--sg-z-dropdown);padding:8px;border-radius:18px;border:1px solid var(--sg-border);background:var(--sg-surface);box-shadow:var(--sg-shadow-lg);display:grid;gap:4px;}
.sg-inline-actions__menu .sg-btn{justify-content:flex-start;width:100%;}
.sg-inline-actions[open]{z-index:var(--sg-z-dropdown);}
.sg-page-head__actions .sg-inline-actions{align-self:stretch;}
.sg-btn.sg-btn-warn{background:var(--sg-warning-soft);border-color:color-mix(in srgb,var(--sg-warning) 24%, var(--sg-border));color:var(--sg-warning-strong);}
.sg-btn.sg-btn-warn:hover{background:color-mix(in srgb,var(--sg-warning-soft) 78%, var(--sg-warning) 22%);}
.sg-btn.sg-btn-muted{background:color-mix(in srgb,var(--sg-surface-muted) 92%, transparent);}
.sg-action-cluster{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.sg-split-link{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;}
.sg-split-link .sg-btn{min-height:42px;}
@media (max-width: 767px){
  .sg-inline-actions__menu{left:0;right:auto;min-width:min(280px,calc(100vw - 24px));}
}
/* fullscreen modal for heavy flows */
dialog.sg-dialog.sg-dialog--fullscreen{--sg-dialog-max-w:min(1200px,calc(100vw - 24px));width:min(1200px,calc(100vw - 24px));max-width:min(1200px,calc(100vw - 24px));}
dialog.sg-dialog.sg-dialog--fullscreen .sg-dialog-form, dialog.sg-dialog.sg-dialog--fullscreen > .sg-dialog-form, dialog.sg-dialog.sg-dialog--fullscreen > div{min-height:min(88vh,920px);display:grid;grid-template-rows:auto 1fr auto;}
dialog.sg-dialog.sg-dialog--fullscreen .sg-dialog-b{max-height:none;overflow:auto;}
@media (max-width: 991px){
  dialog.sg-dialog.sg-dialog--fullscreen{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0;}
  dialog.sg-dialog.sg-dialog--fullscreen .sg-dialog-form, dialog.sg-dialog.sg-dialog--fullscreen > .sg-dialog-form, dialog.sg-dialog.sg-dialog--fullscreen > div{min-height:100dvh;border-radius:0;}
}
/* dashboard CTA cards */
.sg-kpi-card[data-dash-card], .sg-queue-card[data-dash-card]{cursor:pointer;}
.sg-kpi-card[data-dash-card]:hover, .sg-queue-card[data-dash-card]:hover{box-shadow:var(--sg-shadow-md);transform:translateY(-1px);}


/* PATCH24A — restore page-scrolling sticky filters across admin routes */
:root{
  --sg-filter-sticky-top-canonical: calc(var(--sg-shell-top-h,72px) + 10px);
}
:where(.sg-main,.sg-content,.sg-page,
  #sg-dashboard,#sg-orders,#sg-cash,#sg-settlement,#sg-event-detail,#sg-reports,#sg-inventory,#sg-inventory-ledger,
  #sg-activation-gifts,#sg-preregister,#sg-events,#sg-iam-page,.sginv-page,.sg-prereg-page,.sgmg-page,.sgr-page){
  overflow:visible !important;
}
:where(.sg-page,.sg-page-head,.sg-panel,.sg-card,.sg-grid,.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-stack){
  min-width:0;
}
:where(.sg-filter-block--sticky,
  .sgr-filters.sg-filter-block--sticky,
  .sgpc-filter.sg-filter-block--sticky,
  .sg-prereg-filter-card.sg-filter-block--sticky,
  .sg-gifts-card.sg-filter-block--sticky,
  .sg-panel.sg-filter-block--sticky,
  .sg-card.sg-filter-block--sticky){
  position:sticky !important;
  top:var(--sg-filter-sticky-top-canonical) !important;
  align-self:start !important;
  z-index:var(--sg-z-filter-sticky,64) !important;
}
@media (max-width: 991px){
  :root{
    --sg-filter-sticky-top-canonical: calc(var(--sg-shell-top-h,64px) + 8px);
  }
}
@media (max-width: 640px){
  :root{
    --sg-filter-sticky-top-canonical: calc(var(--sg-shell-top-h,60px) + 8px);
  }
}


/* PATCH25A — deep sticky filter lock across desktop/tablet/mobile */
:root{
  --sg-filter-sticky-gap-desktop: 10px;
  --sg-filter-sticky-gap-tablet: 8px;
  --sg-filter-sticky-gap-mobile: 8px;
  --sg-filter-sticky-top-desktop: calc(var(--sg-shell-top-h,72px) + var(--sg-filter-sticky-gap-desktop));
  --sg-filter-sticky-top-tablet: calc(var(--sg-shell-top-h,64px) + var(--sg-filter-sticky-gap-tablet));
  --sg-filter-sticky-top-mobile: calc(var(--sg-shell-top-h,60px) + var(--sg-filter-sticky-gap-mobile) + env(safe-area-inset-top, 0px));
}
:where(.sg-page,.sg-grid,.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-stack,.sg-shell-body,.sg-section){align-items:start;}
:where(.sg-filter-block--sticky,
  .sgr-filters.sg-filter-block--sticky,
  .sgpc-filter.sg-filter-block--sticky,
  .sg-prereg-filter-card.sg-filter-block--sticky,
  .sg-gifts-card.sg-filter-block--sticky,
  .sg-panel.sg-filter-block--sticky,
  .sg-card.sg-filter-block--sticky,
  .sg-orders-filter-sticky){
  position:-webkit-sticky !important;
  position:sticky !important;
  inset-block-start:var(--sg-filter-sticky-top-desktop) !important;
  top:var(--sg-filter-sticky-top-desktop) !important;
  align-self:start !important;
  scroll-margin-top:calc(var(--sg-filter-sticky-top-desktop) + 8px) !important;
}
@media (max-width: 991px){
  :where(.sg-filter-block--sticky,
    .sgr-filters.sg-filter-block--sticky,
    .sgpc-filter.sg-filter-block--sticky,
    .sg-prereg-filter-card.sg-filter-block--sticky,
    .sg-gifts-card.sg-filter-block--sticky,
    .sg-panel.sg-filter-block--sticky,
    .sg-card.sg-filter-block--sticky,
    .sg-orders-filter-sticky){
    inset-block-start:var(--sg-filter-sticky-top-tablet) !important;
    top:var(--sg-filter-sticky-top-tablet) !important;
    scroll-margin-top:calc(var(--sg-filter-sticky-top-tablet) + 8px) !important;
  }
}
@media (max-width: 767px){
  html,body,.sg-admin,.sg-main,.sg-content,
  #sg-dashboard,#sg-orders,#sg-cash,#sg-settlement,#sg-event-detail,#sg-reports,#sg-inventory,#sg-inventory-ledger,
  #sg-activation-gifts,#sg-preregister,#sg-events,#sg-iam-page,.sginv-page,.sg-prereg-page,.sgmg-page,.sgr-page{
    overflow-y:visible !important;
  }
  :where(.sg-page,.sg-grid,.sg-grid-2,.sg-grid-3,.sg-grid-4,.sg-stack,.sg-shell-body,.sg-section){
    align-items:start !important;
  }
  :where(.sg-filter-block--sticky,
    .sgr-filters.sg-filter-block--sticky,
    .sgpc-filter.sg-filter-block--sticky,
    .sg-prereg-filter-card.sg-filter-block--sticky,
    .sg-gifts-card.sg-filter-block--sticky,
    .sg-panel.sg-filter-block--sticky,
    .sg-card.sg-filter-block--sticky,
    .sg-orders-filter-sticky){
    position:-webkit-sticky !important;
    position:sticky !important;
    inset-block-start:var(--sg-filter-sticky-top-mobile) !important;
    top:var(--sg-filter-sticky-top-mobile) !important;
    z-index:var(--sg-z-filter-sticky,64) !important;
    scroll-margin-top:calc(var(--sg-filter-sticky-top-mobile) + 8px) !important;
    margin-bottom:12px !important;
  }
  :where(.sg-filter-block,
    .sgr-filters,
    .sgpc-filter,
    .sg-prereg-filter-card,
    .sg-gifts-card,
    .sg-orders-filter-sticky){
    border-radius:16px !important;
  }
  :where(.sg-filter-block__header,.sg-filter-block__body,.sgr-filters){
    overflow:visible !important;
  }
}
@media (max-width: 575px){
  :root{
    --sg-filter-sticky-gap-mobile: 6px;
  }
  :where(.sg-filter-block--sticky,
    .sgr-filters.sg-filter-block--sticky,
    .sgpc-filter.sg-filter-block--sticky,
    .sg-prereg-filter-card.sg-filter-block--sticky,
    .sg-gifts-card.sg-filter-block--sticky,
    .sg-panel.sg-filter-block--sticky,
    .sg-card.sg-filter-block--sticky,
    .sg-orders-filter-sticky){
    inset-block-start:var(--sg-filter-sticky-top-mobile) !important;
    top:var(--sg-filter-sticky-top-mobile) !important;
  }
}


/* PATCH26A — lock shell topbar + page filters sticky again for <=992px across all admin routes */
@media (max-width: 991px){
  :root{
    --sg-shell-top-sticky-offset: calc(env(safe-area-inset-top, 0px));
    --sg-filter-sticky-top-canonical: calc(var(--sg-shell-top-h,64px) + 8px + env(safe-area-inset-top, 0px));
  }
  html,body,.sg-body,.sg-admin,.sg-main,.sg-content,
  [data-role="admin-shell"],[data-role="shell-main"],[data-role="shell-content"],
  #sg-dashboard,#sg-orders,#sg-cash,#sg-settlement,#sg-event-detail,#sg-reports,#sg-inventory,#sg-inventory-ledger,
  #sg-activation-gifts,#sg-preregister,#sg-events,#sg-iam-page,.sginv-page,.sg-prereg-page,.sgmg-page,.sgr-page{
    overflow:visible !important;
  }
  .sg-admin,
  [data-role="admin-shell"]{
    align-items:start !important;
  }
  .sg-main,
  [data-role="shell-main"]{
    display:block !important;
    min-width:0 !important;
    overflow:visible !important;
    isolation:auto !important;
    filter:none !important;
    transform:none !important;
    contain:none !important;
  }
  .sg-admin.is-mobile-expanded .sg-main,
  .sg-admin.is-mobile-expanded [data-role="shell-main"]{
    filter:none !important;
  }
  .sg-top,
  header.sg-top[data-role="shell-topbar"],
  [data-role="shell-topbar"]{
    position:-webkit-sticky !important;
    position:sticky !important;
    inset-block-start:var(--sg-shell-top-sticky-offset) !important;
    top:var(--sg-shell-top-sticky-offset) !important;
    left:auto !important;
    right:auto !important;
    width:auto !important;
    align-self:start !important;
    z-index:var(--sg-z-topbar,84) !important;
    transform:none !important;
    filter:none !important;
    contain:none !important;
    will-change:auto !important;
  }
  .sg-content,
  [data-role="shell-content"]{
    padding-top:12px !important;
    overflow:visible !important;
  }
  :where(.sg-filter-block,
    .sgr-filters,
    .sgpc-filter,
    .sg-prereg-filter-card,
    .sg-gifts-card,
    .sg-panel.sg-filter-block--sticky,
    .sg-card.sg-filter-block--sticky,
    .sg-orders-filter-sticky){
    overflow:visible !important;
    transform:none !important;
    filter:none !important;
    contain:none !important;
  }
  :where(.sg-filter-block--sticky,
    .sgr-filters.sg-filter-block--sticky,
    .sgpc-filter.sg-filter-block--sticky,
    .sg-prereg-filter-card.sg-filter-block--sticky,
    .sg-gifts-card.sg-filter-block--sticky,
    .sg-panel.sg-filter-block--sticky,
    .sg-card.sg-filter-block--sticky,
    .sg-orders-filter-sticky){
    position:-webkit-sticky !important;
    position:sticky !important;
    inset-block-start:var(--sg-filter-sticky-top-canonical) !important;
    top:var(--sg-filter-sticky-top-canonical) !important;
    align-self:start !important;
    z-index:var(--sg-z-filter-sticky,64) !important;
    margin-top:0 !important;
  }
}
@media (max-width: 640px){
  :root{
    --sg-shell-top-sticky-offset: calc(env(safe-area-inset-top, 0px));
    --sg-filter-sticky-top-canonical: calc(var(--sg-shell-top-h,60px) + 6px + env(safe-area-inset-top, 0px));
  }
  .sg-content,
  [data-role="shell-content"]{
    padding-top:10px !important;
  }
  .sg-top,
  header.sg-top[data-role="shell-topbar"],
  [data-role="shell-topbar"]{
    padding-top:max(10px, env(safe-area-inset-top, 0px)) !important;
  }
}

#sg-iam-page :where(.sg-table,.sg-panel,.sg-iam-cards,.sg-row-actions,.sg-flex) > :where(.sg-iconbtn,.sg-icon-btn,[data-u-act],[data-r-act]){pointer-events:auto !important;}
#sg-iam-page :where([data-u-act],[data-r-act]){cursor:pointer;}
#sg-iam-page :where([data-u-act],[data-r-act])[disabled]{cursor:not-allowed;}
.sg-card.sg-card-nested:has(.sg-custom-select), .sg-panel:has(.sg-custom-select), .sg-card-body:has(.sg-custom-select){overflow:visible;}

@media (max-width: 1200px){.sg-changelog-pop{max-width:calc(100vw - 56px);} .sg-changelog-card{width:min(360px,calc(100vw - 56px));max-width:calc(100vw - 56px);}}


/* HOTFIX 2026-04-01 — changelog panel safe gutter + logs filter canonical + IAM action click layer */
.sg-changelog-pop{
  left:auto !important;
  right:max(24px, env(safe-area-inset-right)) !important;
  width:min(420px, calc(100vw - 64px)) !important;
  max-width:min(420px, calc(100vw - 64px)) !important;
  overflow:visible !important;
}
.sg-changelog-card{
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
}
@media (max-width: 991px){
  .sg-changelog-pop{
    left:16px !important;
    right:16px !important;
    width:auto !important;
    max-width:calc(100vw - 32px) !important;
  }
  .sg-changelog-card{
    width:100% !important;
    max-width:100% !important;
  }
}

[data-role="logs-page"] [data-role="log-filter-card"] .sg-panel-b{display:grid;gap:14px;}
[data-role="logs-page"] .sg-log-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end;}
[data-role="logs-page"] .sg-log-filter-grid > .sg-field{min-width:0;}
[data-role="logs-page"] .sg-log-filter-grid .is-actions,[data-role="logs-page"] .sg-log-filter-grid [data-role="actions"]{display:grid;align-content:end;}
[data-role="logs-page"] .sg-log-filter-actions{justify-content:flex-start;}
[data-role="logs-page"] .sg-log-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
@media (max-width: 767px){
  [data-role="logs-page"] .sg-log-filter-grid{grid-template-columns:1fr;}
  [data-role="logs-page"] .sg-log-filter-actions{grid-template-columns:1fr;}
}

#sg-iam-page :where(.sg-panel,.sg-panel-b,.sg-card,.sg-card-body,.sg-iam-cards,.sg-flex){overflow:visible !important;}
#sg-iam-page :where([data-u-act],[data-r-act],[data-iam-act],.sg-iconbtn,.sg-icon-btn){position:relative;z-index:4;pointer-events:auto !important;}

[data-role="logs-page"] [data-role="log-filter-card"],
[data-role="logs-page"] [data-role="log-filter-card"] .sg-panel-b,
[data-role="logs-page"] .sg-log-filter-grid,
[data-role="logs-page"] .sg-log-filter-grid > .sg-field,
[data-role="logs-page"] .sg-log-filter-grid .sg-select-wrap,
[data-role="logs-page"] .sg-log-filter-grid .sg-input-ico,
[data-role="logs-page"] .sg-log-filter-grid .sg-custom-select{overflow:visible !important;}
[data-role="logs-page"] .sg-log-filter-grid{align-items:start !important;}
[data-role="logs-page"] .sg-log-filter-grid > .sg-field{display:grid;grid-template-rows:auto minmax(44px,auto);gap:6px;align-content:start;}
[data-role="logs-page"] .sg-log-filter-grid [data-role="actions"],
[data-role="logs-page"] .sg-log-filter-grid .is-actions{align-self:end;}
[data-role="logs-page"] .sg-log-filter-actions{display:grid;grid-template-columns:1fr;justify-content:stretch;}
[data-role="logs-page"] .sg-log-filter-actions .sg-btn{min-height:44px;width:100%;justify-content:center;}
[data-role="logs-page"] .sg-log-tools .sg-btn{min-height:40px;}
[data-role="logs-page"] .sg-log-filter-grid .sg-input-ico > .sg-input{background-position:14px 50%;}
[data-role="logs-page"] .sg-log-filter-grid .sg-input-ico > i + .sg-input{padding-left:40px;background-image:none !important;}
#sg-iam-page [data-iam-pane]{display:block;}
#sg-iam-page [data-iam-pane][hidden]{display:none !important;}
#sg-iam-page [data-iam-tab]{cursor:pointer;}
#sg-iam-page [data-iam-tab].is-active{pointer-events:none;}
#sg-iam-page .sg-iam-tabs .sg-tab.is-active{background:color-mix(in srgb,var(--sg-primary) 16%, var(--sg-surface));border-color:color-mix(in srgb,var(--sg-primary) 48%, var(--sg-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--sg-primary) 18%, transparent) inset;}
#sg-iam-page .sg-iam-tabs .sg-tab[aria-selected="true"] i{color:var(--sg-primary);}
.sg-changelog-pop{max-width:calc(100vw - 64px) !important;overflow-x:clip !important;}
.sg-changelog-card{max-width:min(420px,calc(100vw - 64px)) !important;}
html,body{overflow-x:clip;}
@media (max-width: 767px){
  .sg-changelog-pop{max-width:calc(100vw - 32px) !important;}
  .sg-changelog-card{max-width:calc(100vw - 32px) !important;}
}


.sg-alert-info{border-color:color-mix(in srgb,var(--sg-info) 28%, transparent);background:var(--sg-info-soft);color:var(--sg-text);}
.sg-alert-muted{border-color:var(--sg-border);background:color-mix(in srgb,var(--sg-surface-2) 72%, transparent);color:var(--sg-text);}
.sg-health-note{margin-top:8px;font-size:12px;line-height:1.45;color:var(--sg-muted);}
.sg-health-meta{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--sg-border);background:var(--sg-surface-2);font-size:11px;color:var(--sg-muted);}
.sg-page-state-note{margin-top:12px;border-radius:14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--sg-info) 22%, transparent);background:var(--sg-info-soft);font-size:13px;color:var(--sg-text);}
.sg-page-state-note code{font-size:12px;}

.sg-notify-kpi-card.is-brand{border-color:color-mix(in srgb,var(--sg-brand,#2563eb) 18%, var(--sg-border));background:linear-gradient(180deg,color-mix(in srgb,var(--sg-brand,#2563eb) 6%, var(--sg-surface)) 0%,var(--sg-surface) 100%)}
.sg-log.is-highlight,.sg-notify-row.is-highlight,.sg-settle-row.is-highlight{outline:2px solid color-mix(in srgb,var(--sg-brand,#2563eb) 44%, transparent);background:color-mix(in srgb,var(--sg-brand,#2563eb) 6%, var(--sg-surface)) !important;box-shadow:inset 4px 0 0 color-mix(in srgb,var(--sg-brand,#2563eb) 78%, transparent)}
.sg-settle-row.is-unread td{background:color-mix(in srgb,var(--sg-warning,#f59e0b) 7%, var(--sg-surface))}
.sg-auth-bg-media{position:absolute;inset:0;z-index:0;overflow:hidden}
.sg-auth-bg-media img,.sg-auth-bg-media video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.02) contrast(1.04) brightness(.72)}
.sg-auth-bg-overlay{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(2,6,23,.18) 0%, rgba(2,6,23,.52) 40%, rgba(2,6,23,.72) 100%)}
.sg-auth-bg > *:not(.sg-auth-bg-media):not(.sg-auth-bg-overlay){position:relative;z-index:1}
.sg-auth-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--sg-brand,#2563eb) 12%, var(--sg-surface));border:1px solid color-mix(in srgb,var(--sg-brand,#2563eb) 18%, var(--sg-border));color:var(--sg-text);font-size:12px;font-weight:800}
.sg-auth-badge.is-ok{background:color-mix(in srgb,var(--sg-success,#16a34a) 12%, var(--sg-surface));border-color:color-mix(in srgb,var(--sg-success,#16a34a) 20%, var(--sg-border));color:color-mix(in srgb,var(--sg-success,#16a34a) 82%, var(--sg-text));}
.sg-auth-badge.is-warning{background:color-mix(in srgb,var(--sg-warning,#f59e0b) 14%, var(--sg-surface));border-color:color-mix(in srgb,var(--sg-warning,#f59e0b) 22%, var(--sg-border));color:color-mix(in srgb,var(--sg-warning,#f59e0b) 82%, var(--sg-text));}
.sg-branding-assets .sg-asset-video{width:100%;height:100%;object-fit:cover;border-radius:inherit}


.sg-page-state-note--spacious{margin-bottom:18px;}
.sg-notif-focus-row{position:relative;box-shadow:inset 4px 0 0 var(--sg-brand,#2563eb);background:color-mix(in srgb,var(--sg-brand,#2563eb) 8%, var(--sg-surface));animation:sgNotifPulse 1.8s ease 1;}
@keyframes sgNotifPulse{0%{background:color-mix(in srgb,var(--sg-brand,#2563eb) 16%, var(--sg-surface));}100%{background:color-mix(in srgb,var(--sg-brand,#2563eb) 8%, var(--sg-surface));}}