/* TAMASYA V137 canonical admin UI styles. Consolidated from validated historical UI layers. */
/* TAMASYA historical UI simplification layer. Presentation-only; business routes remain unchanged. */
.ui-core-nav-group-member { display:none !important; }
.ui-core-nav-system-operation { opacity:.72; border-style:dashed !important; }
.ui-core-nav-system-operation:hover,.ui-core-nav-system-operation[data-active="true"] { opacity:1; }

.ui-core-nav-group-button {
  color:#94a3b8;
  border:1px solid transparent;
  background:transparent;
  transition:background-color .14s,border-color .14s,color .14s !important;
}
.ui-core-nav-group-button:hover { color:#e2e8f0; background:rgba(255,255,255,.045); }
.ui-core-nav-group-button[data-active="true"] {
  color:#a7f3d0 !important;
  background:rgba(16,185,129,.09) !important;
  border-color:rgba(52,211,153,.22) !important;
  box-shadow:none !important;
}
.ui-core-nav-group-icon { font-size:13px; line-height:1; filter:saturate(.8); }
.ui-core-nav-chevron { margin-left:2px; color:#64748b; font-size:11px; }

.ui-core-nav-dropdown {
  position:fixed;
  z-index:140;
  max-height:min(62vh,360px);
  overflow:auto;
  padding:5px;
  border-radius:11px;
  border:1px solid rgba(148,163,184,.18);
  background:#0b1220;
  box-shadow:0 14px 34px rgba(2,6,23,.48);
}
.ui-core-nav-dropdown-item {
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:32px!important;
  border:0!important;
  border-radius:7px!important;
  padding:7px 9px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#cbd5e1!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-align:left!important;
  cursor:pointer!important;
}
.ui-core-nav-dropdown-item:hover { background:rgba(255,255,255,.055)!important; color:#f8fafc!important; }
.ui-core-nav-dropdown-item[data-active="true"] { background:rgba(16,185,129,.10)!important; color:#a7f3d0!important; }
.ui-core-nav-dropdown-divider {
  margin:7px 5px 3px;
  padding-top:7px;
  border-top:1px solid rgba(148,163,184,.14);
  color:#64748b;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

/* One clear active-state treatment instead of gradient + shadow + underline + border at once. */
.nav-tab:before { display:none !important; }
.nav-tab:after {
  inset:auto 16px 1px !important;
  height:2px !important;
  background:#34d399 !important;
}
.nav-tab:hover:after { transform:scaleX(0) !important; }
.nav-tab[data-active="true"]:after { transform:scaleX(1) !important; }
.nav-tab[data-active="true"] {
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(148,163,184,.18) !important;
  box-shadow:none !important;
}
.nav-scroll {
  background:#0b1220 !important;
  box-shadow:inset 0 1px rgba(255,255,255,.035) !important;
}

/* Reduce decorative motion; retain feedback without moving layout. */
.glass-card-hover,.interactive-card { transition:background-color .14s,border-color .14s,box-shadow .14s !important; }
.glass-card-hover:hover,.interactive-card:hover { transform:none !important; box-shadow:0 12px 30px rgba(2,6,23,.28) !important; }
button:not(:disabled):active { transform:scale(.99) !important; }
.page-enter,.animate-fade-in { animation-duration:.11s !important; }

.ui-core-nav-operations-note {
  margin:12px 0 0;
  padding:8px 11px;
  border:1px solid rgba(56,189,248,.14);
  border-radius:10px;
  background:rgba(14,165,233,.055);
  color:#94a3b8;
  font-size:11px;
  line-height:1.45;
}
.ui-core-nav-operations-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
@media(min-width:640px){.ui-core-nav-operations-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media(min-width:1024px){.ui-core-nav-operations-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important}}

/* Website: Media Library is the primary path; raw URLs stay available as Advanced. */
.ui-core-nav-advanced-toggle {
  margin:0 0 12px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:9px;
  background:rgba(255,255,255,.035);
  color:#94a3b8;
  padding:7px 10px;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.ui-core-nav-advanced-toggle:hover { color:#e2e8f0; border-color:rgba(148,163,184,.3); }
.ui-core-nav-advanced-field { display:none !important; }
.ui-core-nav-advanced-open .ui-core-nav-advanced-field { display:block !important; }

/* Notification bell stability: one animation system only.
   The React panel already uses Framer Motion. Disabling .page-enter here prevents
   competing opacity/transform animations and avoids GPU/backdrop flicker on close. */
#btn-notif-bell {
  isolation:isolate;
  transform:translateZ(0);
  backface-visibility:hidden;
  transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s !important;
}
#btn-notif-bell:hover { border-color:rgba(148,163,184,.22) !important; }
#btn-notif-bell:focus-visible {
  outline:2px solid rgba(52,211,153,.68);
  outline-offset:2px;
}
#btn-notif-bell .animate-pulse {
  animation:none !important;
  box-shadow:0 0 0 2px #0b1220,0 2px 8px rgba(244,63,94,.24);
}
#btn-notif-bell + .page-enter,
#btn-notif-bell + div.page-enter {
  animation:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  background:rgba(12,19,33,.985) !important;
  border-color:rgba(148,163,184,.20) !important;
  box-shadow:0 22px 55px rgba(2,6,23,.52),0 1px 0 rgba(255,255,255,.04) inset !important;
  transform-origin:top right;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:opacity,transform;
  contain:paint;
}
#btn-notif-bell + .page-enter .custom-scrollbar,
#btn-notif-bell + div.page-enter .custom-scrollbar { overscroll-behavior:contain; }
#btn-notif-bell + .page-enter .bg-emerald-500\/10,
#btn-notif-bell + div.page-enter .bg-emerald-500\/10 {
  background:rgba(16,185,129,.10) !important;
  border-color:rgba(52,211,153,.17) !important;
}

/* Attendance visual harmonization only — superseded by the scoped comfort theme below; kept as release-audit marker. Historical route selector: body[data-tamasya-route="attendance"]. */
/* Attendance comfort theme.
   Presentation-only: selectors are scoped to #attendance-panel so attendance
   API, state, event handlers, biometric flows, GPS flows, and data remain untouched. */
#attendance-panel {
  color-scheme:dark;
  background:#0c1424 !important;
  border-color:rgba(148,163,184,.16) !important;
  box-shadow:0 20px 54px rgba(2,6,23,.28),inset 0 1px rgba(255,255,255,.025) !important;
}
#attendance-panel > div:first-child {
  background:linear-gradient(180deg,rgba(30,41,59,.58),rgba(15,23,42,.40)) !important;
  border-color:rgba(148,163,184,.13) !important;
}
#attendance-panel > .p-6 { background:#0c1424; }

/* Neutral surfaces */
#attendance-panel .bg-white { background-color:#111b2d !important; }
#attendance-panel .bg-slate-50,
#attendance-panel .bg-slate-50\/50,
#attendance-panel .bg-slate-50\/40 { background-color:rgba(15,23,42,.64) !important; }
#attendance-panel .bg-slate-100 { background-color:#172236 !important; }
#attendance-panel .bg-slate-200,
#attendance-panel .bg-slate-200\/60 { background-color:#1b2940 !important; }
#attendance-panel .bg-indigo-50\/50,
#attendance-panel .bg-indigo-50\/40 { background-color:rgba(99,102,241,.075) !important; }

/* Semantic surfaces: same meaning, dark-theme luminance. */
#attendance-panel .bg-emerald-50,
#attendance-panel .bg-emerald-100 { background-color:rgba(16,185,129,.13) !important; }
#attendance-panel .bg-amber-50,
#attendance-panel .bg-amber-100 { background-color:rgba(245,158,11,.13) !important; }
#attendance-panel .bg-rose-50,
#attendance-panel .bg-rose-100 { background-color:rgba(244,63,94,.12) !important; }
#attendance-panel .bg-sky-100 { background-color:rgba(14,165,233,.12) !important; }
#attendance-panel .bg-indigo-100 { background-color:rgba(99,102,241,.14) !important; }

/* Borders */
#attendance-panel .border-slate-50,
#attendance-panel .border-slate-100,
#attendance-panel .border-slate-200 { border-color:rgba(148,163,184,.14) !important; }
#attendance-panel .border-indigo-100,
#attendance-panel .border-indigo-100\/50 { border-color:rgba(129,140,248,.20) !important; }
#attendance-panel .border-emerald-100 { border-color:rgba(52,211,153,.20) !important; }
#attendance-panel .border-amber-200 { border-color:rgba(251,191,36,.24) !important; }

/* Typography hierarchy */
#attendance-panel .text-slate-900,
#attendance-panel .text-slate-800 { color:#e8eef7 !important; }
#attendance-panel .text-slate-700 { color:#d3deeb !important; }
#attendance-panel .text-slate-600 { color:#b8c5d5 !important; }
#attendance-panel .text-slate-500 { color:#94a3b8 !important; }
#attendance-panel .text-slate-400 { color:#8494a8 !important; }
#attendance-panel .text-slate-300 { color:#718096 !important; }
#attendance-panel .text-indigo-900 { color:#c7d2fe !important; }
#attendance-panel .text-indigo-800,
#attendance-panel .text-indigo-700 { color:#aebcff !important; }
#attendance-panel .text-indigo-600,
#attendance-panel .text-indigo-500 { color:#8ea1ff !important; }
#attendance-panel .text-emerald-800,
#attendance-panel .text-emerald-700 { color:#7ee8bd !important; }
#attendance-panel .text-amber-800 { color:#f6cf72 !important; }
#attendance-panel .text-sky-800 { color:#7dd3fc !important; }
#attendance-panel .text-rose-800,
#attendance-panel .text-rose-700,
#attendance-panel .text-rose-600 { color:#f99aab !important; }

/* Inputs and filters */
#attendance-panel input:not([type="checkbox"]):not([type="radio"]),
#attendance-panel select,
#attendance-panel textarea {
  background:#101a2c !important;
  color:#e5edf7 !important;
  border-color:rgba(148,163,184,.18) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.018);
}
#attendance-panel input::placeholder,
#attendance-panel textarea::placeholder { color:#64748b !important; }
#attendance-panel input:focus,
#attendance-panel select:focus,
#attendance-panel textarea:focus {
  border-color:rgba(129,140,248,.55) !important;
  box-shadow:0 0 0 3px rgba(99,102,241,.12) !important;
  outline:none !important;
}
#attendance-panel option { background:#101827; color:#e5edf7; }

/* Segmented controls / attendance mode tabs */
#attendance-panel .bg-slate-200\/60.p-1,
#attendance-panel .bg-slate-100.p-1 {
  border:1px solid rgba(148,163,184,.11);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
#attendance-panel button.bg-white.text-indigo-700 {
  background:rgba(99,102,241,.16) !important;
  color:#c7d2fe !important;
  box-shadow:0 1px 0 rgba(255,255,255,.04),0 5px 14px rgba(2,6,23,.16) !important;
}

/* Cards and key actions */
#attendance-panel .shadow-sm { box-shadow:0 8px 22px rgba(2,6,23,.14) !important; }
#attendance-panel button.bg-indigo-600 {
  background:#5967df !important;
  box-shadow:0 6px 18px rgba(79,70,229,.16);
}
#attendance-panel button.bg-indigo-600:hover { background:#6674e8 !important; }
#attendance-panel button.bg-rose-50 {
  background:rgba(244,63,94,.11) !important;
  color:#fda4af !important;
  border:1px solid rgba(251,113,133,.12);
}
#attendance-panel button.bg-rose-50:hover,
#attendance-panel button.hover\:bg-rose-100:hover { background:rgba(244,63,94,.18) !important; }
#attendance-panel button.bg-slate-200 {
  background:#263449 !important;
  color:#cbd5e1 !important;
}
#attendance-panel button.bg-slate-200:hover { background:#314056 !important; }

/* Table readability */
#attendance-panel table { background:#0e1728; }
#attendance-panel thead tr { background:#131e31 !important; }
#attendance-panel thead th {
  color:#91a0b4 !important;
  border-color:rgba(148,163,184,.12) !important;
  letter-spacing:.055em;
}
#attendance-panel tbody { color:#cbd5e1 !important; }
#attendance-panel tbody tr { border-color:rgba(148,163,184,.10) !important; }
#attendance-panel tbody tr:hover { background:rgba(51,65,85,.32) !important; }
#attendance-panel tbody button:hover { background:rgba(148,163,184,.10) !important; }

/* Status chips: calm, high-contrast, no decorative blinking. */
#attendance-panel tbody .animate-pulse,
#attendance-panel h3 .animate-pulse { animation:none !important; }
#attendance-panel tbody .bg-emerald-100 { color:#86efc3 !important; border:1px solid rgba(52,211,153,.16); }
#attendance-panel tbody .bg-amber-100 { color:#f7d27d !important; border:1px solid rgba(251,191,36,.16); }
#attendance-panel tbody .bg-sky-100 { color:#8bdcff !important; border:1px solid rgba(56,189,248,.14); }
#attendance-panel tbody .bg-rose-100 { color:#fca5b4 !important; border:1px solid rgba(251,113,133,.15); }
#attendance-panel tbody .bg-slate-100 { color:#cbd5e1 !important; border:1px solid rgba(148,163,184,.12); }

/* Keep functional scanning/loading animations, but reduce visual glare. */
#attendance-panel .animate-ping { animation-duration:1.35s; opacity:.75; }
#attendance-panel .animate-spin { animation-duration:1.15s; }
#attendance-panel .animate-bounce { animation-duration:1.35s; }

/* Mobile ergonomics */
@media(max-width:767px){
  #attendance-panel > div:first-child { padding:16px !important; }
  #attendance-panel > .p-6 { padding:16px !important; }
  #attendance-panel > div:first-child > .flex,
  #attendance-panel > div:first-child .bg-slate-200\/60 {
    width:100%;
  }
  #attendance-panel > div:first-child .bg-slate-200\/60 { overflow-x:auto; }
  #attendance-panel > div:first-child .bg-slate-200\/60 button {
    flex:1 0 auto;
    white-space:nowrap;
    min-height:40px;
  }
  #attendance-panel table { min-width:760px; }
}

@media(prefers-reduced-motion:reduce){
  #btn-notif-bell + .page-enter,
  #btn-notif-bell + div.page-enter { transition:none !important; }
  #attendance-panel .animate-ping,
  #attendance-panel .animate-spin,
  #attendance-panel .animate-bounce { animation-duration:.01ms !important; animation-iteration-count:1 !important; }
}

@media(max-width:639px){
  .ui-core-nav-dropdown{max-height:min(70vh,420px);overflow:auto}
  .ui-core-nav-operations-note{display:none}
}


/* Canonical role-aware admin UI layer. ROOT7 has no synthetic Manajemen nav group. */
.ui-core-role-technical-hidden{display:none!important}
.ui-core-role-role-button:hover{background:rgba(255,255,255,.08);color:#6ee7b7}
.ui-core-role-dropdown,.ui-core-role-popover{position:fixed;z-index:130;background:rgba(15,23,42,.98);border:1px solid rgba(148,163,184,.22);border-radius:16px;box-shadow:0 18px 48px rgba(2,6,23,.48);padding:8px;backdrop-filter:none}
.ui-core-role-dropdown-item{width:100%;display:flex;align-items:center;text-align:left;padding:10px 12px;border:0;border-radius:11px;background:transparent;color:#cbd5e1;font:700 12px/1.2 inherit;cursor:pointer}
.ui-core-role-dropdown-item:hover,.ui-core-role-dropdown-item[data-active="true"]{background:rgba(255,255,255,.08);color:#6ee7b7}
.ui-core-role-utility-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:8px 0 10px;min-height:36px}.ui-core-role-role-wrap{display:flex;justify-content:flex-end;margin:0;flex:0 0 auto}
.ui-core-role-role-button{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(148,163,184,.15);border-radius:999px;background:rgba(15,23,42,.65);padding:6px 10px;color:#94a3b8;font:800 10px/1.2 inherit;cursor:pointer}
.ui-core-role-role-dot{width:7px;height:7px;border-radius:999px;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.10)}
.ui-core-role-popover{padding:14px;color:#e2e8f0}
.ui-core-role-popover-head{display:flex;align-items:start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(148,163,184,.12)}
.ui-core-role-popover-head strong{display:block;font-size:14px}.ui-core-role-popover-head small{display:block;margin-top:2px;color:#64748b;font-size:10px}
.ui-core-role-popover-head button{border:0;background:rgba(255,255,255,.06);color:#94a3b8;border-radius:9px;width:28px;height:28px;cursor:pointer}
.ui-core-role-popover-section{margin-top:11px}.ui-core-role-popover-section>b{display:block;margin-bottom:7px;color:#94a3b8;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.ui-core-role-chip-list{display:flex;flex-wrap:wrap;gap:6px}.ui-core-role-chip{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid rgba(16,185,129,.2);background:rgba(16,185,129,.08);color:#a7f3d0;font-size:10px;font-weight:750}
.ui-core-role-popover-note{margin-top:12px;padding-top:10px;border-top:1px solid rgba(148,163,184,.12);color:#64748b;font-size:10px;line-height:1.5}
.ui-core-role-muted{color:#64748b;font-size:11px}
.ui-core-role-operations-grid{align-items:stretch}
.ui-core-role-op-heading{grid-column:1/-1;padding:8px 10px 5px;margin-top:3px;color:#94a3b8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(148,163,184,.12)}
.ui-core-role-op-heading.ui-core-role-op-daily{color:#6ee7b7}.ui-core-role-op-heading.ui-core-role-op-control{color:#7dd3fc}.ui-core-role-op-heading.ui-core-role-op-finance{color:#fde68a}.ui-core-role-op-heading.ui-core-role-op-system{color:#94a3b8}
.ui-core-role-op-item.ui-core-role-op-system{opacity:.78}.ui-core-role-op-item.ui-core-role-op-system:hover{opacity:1}
.ui-core-role-permission-note{display:grid;gap:5px;margin:8px 0 12px;padding:11px 12px;border:1px solid rgba(99,102,241,.22);border-radius:13px;background:rgba(99,102,241,.07);font-size:10px;line-height:1.45;color:#94a3b8}
.ui-core-role-permission-note strong{color:#c7d2fe;font-size:11px}.ui-core-role-permission-note span:before{content:"✓";margin-right:6px;color:#6ee7b7;font-weight:900}
.ui-core-role-today-work{margin:10px 0 14px;padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:18px;background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(2,6,23,.76));box-shadow:0 12px 34px rgba(2,6,23,.12)}
.ui-core-role-today-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.ui-core-role-today-head strong{display:block;color:#f8fafc;font-size:13px}.ui-core-role-today-head span{display:block;margin-top:2px;color:#64748b;font-size:10px}
.ui-core-role-today-head button{border:1px solid rgba(148,163,184,.15);border-radius:10px;background:rgba(255,255,255,.04);padding:7px 9px;color:#94a3b8;font:800 10px inherit;cursor:pointer}
.ui-core-role-today-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.ui-core-role-task{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:7px;text-align:left;border:1px solid rgba(148,163,184,.12);border-radius:12px;background:rgba(15,23,42,.78);padding:9px 10px;color:#cbd5e1;cursor:pointer}.ui-core-role-task span{font-size:9.5px;font-weight:700;line-height:1.25}.ui-core-role-task strong{font-size:18px;color:#f8fafc}.ui-core-role-task.action{border-color:rgba(56,189,248,.22);background:rgba(14,165,233,.06)}.ui-core-role-task.warn{border-color:rgba(245,158,11,.24);background:rgba(245,158,11,.06)}.ui-core-role-task.ok strong{color:#6ee7b7}
@media(max-width:1100px){.ui-core-role-today-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.ui-core-role-today-grid{display:flex;overflow-x:auto}.ui-core-role-task{min-width:165px}.ui-core-role-utility-row{justify-content:stretch;flex-wrap:wrap}.ui-core-role-role-wrap{justify-content:flex-start}.ui-core-role-popover{max-height:70vh;overflow:auto}}
@media print{#ui-core-role-utility-row,#ui-core-role-role-wrap,.ui-core-role-today-work,.ui-core-role-dropdown,.ui-core-role-popover{display:none!important}}

/* V137 canonical role preset matrix (admin staff screen) */
.ui-core-role-role-matrix{margin:.75rem 0;padding:.75rem 1rem;border:1px solid rgba(99,102,241,.22);border-radius:1rem;background:rgba(15,23,42,.42);font-size:.75rem;color:#cbd5e1}
.ui-core-role-role-matrix summary{cursor:pointer;font-weight:800;color:#e2e8f0;list-style:none}
.ui-core-role-role-matrix summary::-webkit-details-marker{display:none}
.ui-core-role-role-table-wrap{overflow:auto;margin-top:.75rem;border:1px solid rgba(255,255,255,.07);border-radius:.75rem}
.ui-core-role-role-matrix table{width:100%;min-width:640px;border-collapse:collapse}
.ui-core-role-role-matrix th,.ui-core-role-role-matrix td{padding:.55rem .65rem;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.06)}
.ui-core-role-role-matrix th{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;background:rgba(2,6,23,.5)}
.ui-core-role-role-matrix tbody tr:last-child td{border-bottom:0}
.ui-core-role-role-matrix p{margin:.65rem 0 0;color:#94a3b8;font-size:.68rem}

/* TAMASYA V137 - canonical professional operations/navigation.
   Keeps React-owned operation buttons as the execution source and presents
   a grouped proxy navigator to reduce cognitive load without duplicating logic. */
#tamasya-module-dock .tmd-head{min-height:54px;flex-wrap:nowrap}
#tamasya-module-dock .tmd-head>.tmd-caption{display:none}
#tamasya-module-dock .tmd-head>#ui-core-role-utility-row.ui-core-role-utility-in-dock{
  flex:1 1 auto;min-width:0;min-height:0;margin:0 0 0 auto;padding:0;display:flex;align-items:center;justify-content:flex-end;gap:8px
}
#tamasya-module-dock .tmd-head>#ui-core-role-utility-row .ui-core-role-role-wrap{margin:0;flex:0 0 auto}
#tamasya-module-dock .tmd-head>#ui-core-role-utility-row #ui-guest-center-search-launch{margin:0;flex:0 1 330px;min-width:210px}
#tamasya-module-dock .tmd-head>#ui-core-role-utility-row #ui-guest-center-search-launch>button{width:100%;min-width:0;background:rgba(2,6,23,.50)}
#tamasya-module-dock{margin-bottom:12px}

@media(max-width:820px){
  #tamasya-module-dock .tmd-head{align-items:flex-start;flex-wrap:wrap}
  #tamasya-module-dock .tmd-head>#ui-core-role-utility-row.ui-core-role-utility-in-dock{flex:1 1 100%;width:100%;margin-left:0;justify-content:stretch}
  #tamasya-module-dock .tmd-head>#ui-core-role-utility-row #ui-guest-center-search-launch{flex:1 1 auto;min-width:0}
}
@media(max-width:560px){
  #tamasya-module-dock .tmd-head>#ui-core-role-utility-row.ui-core-role-utility-in-dock{display:grid;grid-template-columns:1fr auto}
  #tamasya-module-dock .tmd-head>#ui-core-role-utility-row #ui-guest-center-search-launch{min-width:0}
}




/* R3 UAT operational action affordance. UI-only: no business-state mutation.
   Any real action rendered inside Operasional gets a keyboard focus target;
   legacy text-only actions get an explicit bordered button shell. */
body[data-tamasya-route="operations"] .ui-core-ops-click-target{
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
body[data-tamasya-route="operations"] .ui-core-ops-click-target:focus-visible{
  outline:2px solid rgba(56,189,248,.92)!important;
  outline-offset:2px;
}
body[data-tamasya-route="operations"] .ui-core-ops-click-target-boxed:not(:disabled):active{
  transform:translateY(1px);
}
body[data-tamasya-route="operations"] .ui-core-ops-click-target-boxed{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:7px 11px!important;
  border:1px solid rgba(245,158,11,.40)!important;
  border-radius:10px!important;
  background:rgba(245,158,11,.10)!important;
  color:#fcd34d!important;
  font-weight:800!important;
  line-height:1.15;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 3px 10px rgba(2,6,23,.12);
  transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .08s ease;
}
body[data-tamasya-route="operations"] .ui-core-ops-click-target-boxed:not(:disabled):hover{
  border-color:rgba(251,191,36,.68)!important;
  background:rgba(245,158,11,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 5px 14px rgba(2,6,23,.16);
}
body[data-tamasya-route="operations"] .ui-core-ops-click-target:disabled{
  cursor:not-allowed!important;
  opacity:.48;
}


/* ROOT9 — single tax-rule layout authority.
   Previous releases carried two competing responsive blocks; the >=1100px
   branch expanded each rule into five horizontal columns. Keep one compact
   semantic layout at every desktop width so tax administration remains easy
   to scan without changing tax rules or tax calculations. */
body[data-tamasya-route="operations"] .tamasya-tax-rule-row{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:6px 10px;
  align-items:center;
  min-width:0;
  max-width:100%;
  padding:10px 12px!important;
  background:rgba(2,6,23,.22);
}
body[data-tamasya-route="operations"] .tamasya-tax-rule-row>*{
  min-width:0;
  max-width:100%;
}
body[data-tamasya-route="operations"] .tamasya-tax-rule-row>div:first-child p{
  margin:0;
}
body[data-tamasya-route="operations"] .tamasya-tax-rule-row>div:first-child p:last-child{
  margin-top:2px;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.3;
}
body[data-tamasya-route="operations"] .tamasya-tax-rule-row>p{
  margin:0;
  white-space:normal;
  line-height:1.3;
}
body[data-tamasya-route="operations"] .tamasya-tax-rule-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  gap:5px;
  min-width:0;
}
body[data-tamasya-route="operations"] .tamasya-tax-rule-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:4px 8px!important;
  border-radius:8px!important;
  white-space:nowrap;
  font-weight:750;
  line-height:1.15;
}
body[data-tamasya-route="operations"] .tamasya-tax-rule-action-edit{
  color:#7dd3fc!important;
  border-color:rgba(56,189,248,.28)!important;
  background:rgba(14,165,233,.08)!important;
}
body[data-tamasya-route="operations"] .tamasya-tax-rule-action-toggle{
  color:#fcd34d!important;
  border-color:rgba(245,158,11,.30)!important;
  background:rgba(245,158,11,.08)!important;
}
@media(min-width:700px){
  body[data-tamasya-route="operations"] .tamasya-tax-rule-row{
    grid-template-columns:minmax(240px,1fr) auto auto;
    gap:5px 12px;
  }
  body[data-tamasya-route="operations"] .tamasya-tax-rule-row>div:first-child{grid-column:1;grid-row:1}
  body[data-tamasya-route="operations"] .tamasya-tax-rule-row>p{grid-column:1;grid-row:2;color:#94a3b8}
  body[data-tamasya-route="operations"] .tamasya-tax-rule-row>:nth-child(3){grid-column:2;grid-row:1;justify-self:end}
  body[data-tamasya-route="operations"] .tamasya-tax-rule-row>:nth-child(4){grid-column:3;grid-row:1;justify-self:end}
  body[data-tamasya-route="operations"] .tamasya-tax-rule-actions{
    grid-column:2/4;
    grid-row:2;
    justify-content:flex-end;
    flex-wrap:nowrap;
  }
}

/* ROOT8 — native React Operations grouping.
   Structure is rendered by app-core React; ui-core does not clone/hide/forward operation buttons. */
.tamasya-operations-native-groups{align-items:start}
.tamasya-operations-native-group{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.tamasya-operations-native-group-daily{background:linear-gradient(145deg,rgba(16,185,129,.045),rgba(2,6,23,.34))}
.tamasya-operations-native-group-control{background:linear-gradient(145deg,rgba(14,165,233,.045),rgba(2,6,23,.34))}
.tamasya-operations-native-group-finance{background:linear-gradient(145deg,rgba(245,158,11,.035),rgba(2,6,23,.34))}
.tamasya-operations-native-group-system{background:rgba(2,6,23,.27)}
.tamasya-operations-native-group-mark{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035)}
.tamasya-operations-native-group-mark:before{font-size:12px;font-weight:900;color:#94a3b8}
.tamasya-operations-native-group-mark-daily:before{content:'◉';color:#6ee7b7}.tamasya-operations-native-group-mark-daily{background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.15)}
.tamasya-operations-native-group-mark-control:before{content:'✓';color:#7dd3fc}.tamasya-operations-native-group-mark-control{background:rgba(14,165,233,.10);border-color:rgba(14,165,233,.15)}
.tamasya-operations-native-group-mark-finance:before{content:'₨';color:#fde68a}.tamasya-operations-native-group-mark-finance{background:rgba(245,158,11,.09);border-color:rgba(245,158,11,.14)}
.tamasya-operations-native-group-mark-system:before{content:'⚙';color:#94a3b8}
.tamasya-operations-native-action{min-height:42px}
@media(max-width:639px){.tamasya-operations-native-group{padding:10px!important}.tamasya-operations-native-action{min-height:40px}}

/* ROOT8 top dropdown: intentionally compact. It must never inherit the amber
   operational-action affordance used inside the Operations content area. */
body .ui-core-nav-dropdown{padding:5px!important;border-radius:11px!important;background:#0b1220!important;box-shadow:0 14px 34px rgba(2,6,23,.48)!important}
body .ui-core-nav-dropdown .ui-core-nav-dropdown-item{
  min-height:32px!important;padding:7px 9px!important;border:0!important;border-radius:7px!important;
  background:transparent!important;color:#cbd5e1!important;box-shadow:none!important;font-size:11px!important;font-weight:700!important
}
body .ui-core-nav-dropdown .ui-core-nav-dropdown-item:hover{background:rgba(255,255,255,.055)!important;color:#f8fafc!important}
body .ui-core-nav-dropdown .ui-core-nav-dropdown-item[data-active="true"]{background:rgba(16,185,129,.10)!important;color:#a7f3d0!important}