/* Shared dashboard tokens; customer and operator surfaces use the same local model. */
.sim-added{display:grid}.sim-pagination{display:flex;gap:8px;align-items:center;justify-content:flex-end;font-size:10px;color:var(--muted)}.sim-pagination>span{margin-right:auto}.sim-pagination .button{font-size:10px;min-height:34px;padding:6px 10px}.timeline-cell.elapsed{background:#172330;border-color:#304153;color:#718496}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#main:focus{outline:none}#sim-bar{background:#0c1b2a;border-bottom:1px solid #24394c}.sim-bar-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-block:9px;font-size:9px;letter-spacing:.06em}.sim-bar-inner>span{display:flex;align-items:center;gap:8px}.sim-bar-inner b{font-weight:400;color:var(--muted);letter-spacing:0}.sim-bar-inner>div{display:flex;align-items:center;gap:15px;color:var(--muted)}.sim-bar-inner a{color:#a4ceff}.sim-bar-inner .button{min-height:28px;padding:3px 8px;font-size:9px}.sim-note{font-size:11px;color:var(--muted);line-height:1.8;margin:14px 0}.sim-form-error{font-size:12px;color:#ffacb5;margin:12px 0}.sim-form-error:empty{display:none}.sim-status{font-size:9px;font-weight:700;letter-spacing:.05em;padding:5px 8px;display:inline-block;border-radius:3px;background:#18304a;color:#a6ceff;white-space:nowrap}.sim-status.pending,.sim-status.expired{background:#382d17;color:#f0c875}.sim-status.confirmed,.sim-status.active,.sim-status.approved{background:#123a2e;color:#83dfb8}.sim-status.cancelled_by_user,.sim-status.cancelled_by_venue,.sim-status.suspended,.sim-status.inactive,.sim-status.rejected{background:#3a202c;color:#ffb0bb}.sim-status.completed{background:#213146;color:#b9cce2}.sim-auth{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:55px 75px;align-items:start}.auth-art{position:sticky;top:120px;min-height:640px;overflow:hidden;border-radius:6px;background:#101c28}.auth-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.3)}.auth-art>div{position:relative;padding:45px}.auth-art h1{font-size:100px;margin:60px 0 25px}.auth-art p:last-child{max-width:260px;color:#c0d0df;font-size:13px}.auth-form{padding:20px 0}.auth-form h2{font-size:54px;margin:16px 0}.auth-form>.muted{margin-bottom:26px;font-size:12px}.auth-form form>.button{margin-top:18px}.sim-check{display:flex;align-items:center;gap:9px;font-size:12px;color:#b8cbdc;min-height:40px}.sim-check input{width:17px;height:17px;accent-color:var(--blue)}.auth-switch{font-size:12px;margin-top:20px;color:var(--muted)}.auth-switch a{color:#9acaFF}.demo-accounts{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:6px;margin-top:25px}.demo-accounts>div{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.demo-accounts .button{font-size:10px;padding:7px 10px;min-height:35px}.demo-accounts>p:last-child{font-size:10px;line-height:1.9;color:var(--muted)}
.sim-vendor{padding-top:32px}.sim-vendor-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.sim-vendor-heading h1{font-size:68px;margin:12px 0}.sim-vendor-heading .address{gap:10px}.sim-vendor-banner{height:270px;position:relative;margin:28px 0;overflow:hidden;border-radius:6px;isolation:isolate}.sim-vendor-banner>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 45%;filter:brightness(.35);z-index:-1}.sim-vendor-banner>div{padding:28px 34px}.sim-vendor-banner h2{font-size:53px;margin:12px 0}.sim-vendor-banner p{font-size:12px;color:#c4d2df}.sim-vendor-banner .sim-banner-meta{position:absolute;right:20px;bottom:15px;line-height:2.6;font-size:11px;color:#c5d7e8}.sim-banner-meta svg{margin-right:7px;width:15px}.sim-mode-tabs{display:flex;gap:9px;align-items:center;margin:30px 0}.sim-mode-tabs>span{margin-left:auto;font-size:11px;color:var(--muted);max-width:340px}.sim-schedule{border:1px solid var(--line);background:#0b1622;border-radius:6px;padding:25px}.sim-schedule-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.sim-schedule-head h2{font-size:38px;margin:8px 0}.sim-date-controls{display:flex;gap:8px;align-items:center}.sim-date-controls .button{padding:7px 13px;min-height:39px}.sim-date-controls input{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:4px;padding:8px;min-height:39px;font-size:12px}.sim-schedule-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.sim-schedule-tools .category-tabs{margin:0}.sim-schedule-tools .chip{font-size:10px;padding:7px 11px}.sim-view-toggle{display:flex;gap:3px}.sim-view-toggle .button{padding:6px 9px;font-size:10px;min-height:34px}.sim-legend{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0;font-size:10px;color:#b7cadc}.sim-legend span{display:flex;align-items:center;gap:5px}.sim-legend i{width:8px;height:8px;border-radius:2px;background:var(--blue)}.sim-legend .available{background:#439b80}.sim-legend .pending{background:#bc923e}.sim-legend .confirmed{background:#6384b3}.sim-legend .blocked{background:#9b6377}.sim-legend .muted{margin-left:auto}.sim-timeline-scroll{overflow:auto;border:1px solid #294056;border-radius:5px;max-width:100%;scrollbar-color:#3a546c #0c1721}.sim-timeline{min-width:calc(210px + var(--slots)*40px)}.timeline-head,.timeline-row{display:grid;grid-template-columns:210px repeat(var(--slots),minmax(40px,1fr));gap:0}.timeline-head{background:#152335;position:relative}.timeline-time{padding:10px 0;text-align:center;font-size:9px;border-left:1px solid #26394c;color:#9fb6cc;white-space:nowrap}.timeline-item{position:sticky;left:0;z-index:2;background:#101e2d;border-right:1px solid #2e465c;display:flex;align-items:center;gap:10px;padding:14px 12px;min-height:67px;box-shadow:7px 0 12px #07101933}.timeline-head .timeline-item{font-size:10px;min-height:42px;background:#152335}.timeline-item b{display:block;font-size:11px;line-height:1.4;font-weight:600}.timeline-item small{display:block;font-size:9px;margin-top:4px;color:var(--muted)}.timeline-item .item-symbol{color:#83baff}.timeline-item svg{width:20px}.timeline-row{border-top:1px solid #213347}.timeline-cell{margin:16px 1px;border:1px solid #285342;background:#153329;border-radius:3px;font-size:11px;color:#82c5a9;min-height:34px;padding:0;text-align:center}.timeline-cell.available:hover{background:#2d745a;border-color:#88d8b1;color:white}.timeline-cell.pending{background:#3a301b;border-color:#695533;color:#ccb477}.timeline-cell.confirmed{background:#1b2d48;border-color:#3e5b81;color:#9cb9df}.timeline-cell.blocked,.timeline-cell.closed,.timeline-cell.inactive{background:repeating-linear-gradient(135deg,#322331,#322331 4px,#2a202c 4px,#2a202c 8px);border-color:#664153;color:#d59aab}.timeline-cell:disabled{opacity:1;cursor:not-allowed}.timeline-cell.selected{background:var(--blue);border-color:#91c4ff;color:#071019}.rental-timeline{min-width:900px}.rental-timeline .timeline-head,.rental-timeline .timeline-row{grid-template-columns:210px repeat(7,minmax(85px,1fr))}.rental-timeline .timeline-cell{font-size:9px;padding:0 5px}.sim-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.sim-item-card,.sim-game-card{border:1px solid var(--line);background:var(--card);padding:23px;border-radius:6px;min-width:0}.sim-item-card-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:21px;color:#89bfff}.sim-item-card h3{font-size:18px;line-height:1.3}.sim-item-card>p{font-size:11px;color:var(--muted);margin:12px 0 18px}.sim-item-card .button{margin-top:18px;width:100%;font-size:11px}.sim-item-card .game-pills{margin-top:15px}.sim-item-card .game-pills span{font-size:12px;padding:4px 7px}.sim-item-card .price small{display:block}.sim-calendar-heading{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.sim-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.sim-month-grid>b{font-size:11px;padding:10px;text-align:center;color:var(--muted)}.sim-month-grid>button{background:var(--bg);border:1px solid var(--line);padding:16px;text-align:left;border-radius:4px}.sim-month-grid>button>b{font-size:20px}.sim-month-grid>button span,.sim-month-grid>button small{display:block;font-size:9px;color:var(--muted)}.sim-month-grid>button.active{border-color:var(--blue);background:#122942}.sim-booking-layout{display:grid;grid-template-columns:1fr 430px;gap:65px;align-items:start;padding:45px 0 70px}.sim-vendor-about>h2{font-size:43px;margin:18px 0}.sim-vendor-about>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9}.sim-vendor-about>h3{font-size:19px;margin:38px 0 18px}.sim-vendor-about .game-pills a{border:1px solid var(--line);padding:7px 13px;font-size:12px}.sim-reservation{padding:27px;border:1px solid #2a4763;background:var(--card);border-radius:6px;scroll-margin:130px}.sim-reservation>h2{font-size:35px;margin:15px 0}.sim-reservation>p:not(.eyebrow){font-size:12px;color:var(--muted)}.sim-reservation>svg{width:46px;height:46px;color:var(--blue);margin:30px 0}.sim-reservation>small{display:block;font-size:11px}.sim-extra{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}.sim-extra b{display:block;font-size:11px;font-weight:600}.sim-extra small{display:block;font-size:9px;margin-top:4px}.sim-extra input[type=number]{width:53px;padding:7px;border:1px solid #324b63;border-radius:4px;background:var(--bg);font-size:12px;min-height:36px}.sim-extra input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}.sim-extra.unavailable{opacity:.5}.sim-form-divider{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:27px 0 8px}.sim-form-divider h3{font-size:13px}.sim-form-divider span{font-size:9px;color:var(--muted)}.sim-billing{font-size:10px;color:#99c6f6;margin:22px 0 10px}.sim-reservation .price-row{font-size:11px;align-items:flex-start;gap:18px}.sim-reservation .price-row>b{white-space:nowrap}.sim-reservation .price-row.total{font-size:17px}.sim-operator-fields{border:1px solid var(--line);padding:15px;border-radius:4px;margin:20px 0;font-size:11px}.sim-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.sim-detail-actions .button{font-size:11px}.sim-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.sim-panel{padding:28px;background:var(--card);border:1px solid var(--line);border-radius:6px}.sim-panel>h2,.sim-panel>div>h2{font-size:29px;margin:12px 0 20px}.sim-panel>h3{font-size:17px;margin:30px 0 15px}.sim-account-actions{display:grid;gap:9px;margin:20px 0}.sim-notifications{display:grid;gap:15px}.sim-notifications .sim-panel{display:flex;justify-content:space-between;align-items:center;gap:20px}.sim-notifications p{font-size:12px;color:var(--muted);margin:10px 0}.sim-notifications small{font-size:10px}.sim-notifications .read{opacity:.7}.sim-game-art{background:#12263a;color:#82baff;display:flex;justify-content:space-between;align-items:center;padding:25px;border:1px solid #294965;margin-bottom:25px}.sim-game-art svg{width:44px;height:44px}.sim-game-art span{font:700 30px var(--display)}.sim-game-card h2{font-size:35px}.sim-game-card>p{font-size:11px;color:var(--muted);margin:9px 0 23px}.sim-game-card>h3{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.sim-game-card .text-link{font-size:11px;display:flex;border-bottom:1px solid var(--line)}
.sim-console{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;padding-block:35px 65px}.sim-console-nav{padding:20px 15px;background:var(--card);border:1px solid var(--line);border-radius:6px;height:max-content}.sim-console-nav h2{font-size:27px;margin:10px 0 20px}.sim-console-nav nav{display:grid;gap:3px}.sim-console-nav nav a{padding:9px 11px;font-size:11px;border-radius:3px;color:var(--muted)}.sim-console-nav nav a:hover,.sim-console-nav nav a.active{background:#162b40;color:#abd0ff}.sim-console-nav .text-link{font-size:11px;margin-top:25px}.sim-console-main{min-width:0}.sim-console-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.sim-console-heading h1{font-size:53px;margin:10px 0}.sim-console-heading .button{font-size:11px}.sim-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.sim-stats article{background:var(--card);border:1px solid var(--line);padding:19px;border-radius:4px;min-width:0}.sim-stats p{font-size:10px;color:var(--muted);margin-bottom:9px}.sim-stats b{font:600 31px var(--display);overflow-wrap:anywhere;display:block}.sim-stats small{font-size:9px}.sim-subtitle{font-size:26px;margin:25px 0 16px}.sim-table-scroll{overflow:auto;border:1px solid var(--line);border-radius:4px;margin:18px 0}.sim-table{width:100%;border-collapse:collapse;min-width:650px;text-align:left}.sim-table th{background:#132234;font-size:9px;text-transform:uppercase;letter-spacing:.07em;padding:13px;color:#a7bfd3;white-space:nowrap}.sim-table td{border-top:1px solid var(--line);padding:13px;font-size:10px;line-height:1.9;vertical-align:top;max-width:300px;overflow-wrap:anywhere}.sim-table td>b{font-size:11px}.sim-row-actions{display:flex;flex-wrap:wrap;gap:5px;min-width:130px}.sim-row-actions .button{padding:5px 8px;font-size:9px;min-height:29px}.sim-table-filters{display:flex;gap:15px;align-items:end}.sim-table-filters .field:first-child{flex:1}.sim-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sim-upload-grid img{width:100%;height:120px;object-fit:cover}.sim-upload-grid .button{width:100%;min-height:30px;font-size:10px}.sim-console .sim-date-controls .field{margin:0}
@media(max-width:1100px){.sim-auth{gap:35px}.auth-art h1{font-size:80px}.sim-vendor-heading h1{font-size:56px}.sim-booking-layout{gap:32px;grid-template-columns:1fr 370px}.sim-schedule-tools{align-items:flex-start;flex-direction:column}.sim-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-console{grid-template-columns:185px minmax(0,1fr);gap:18px}.sim-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-bar-inner>span b{display:none}.sim-bar-inner>div{gap:9px}}
@media(max-width:760px){.sim-auth{grid-template-columns:1fr}.auth-art{display:none}.auth-form{max-width:500px;margin:auto;width:100%}.sim-vendor-heading{display:block}.sim-vendor-heading>.button{margin-top:15px}.sim-vendor-heading h1{font-size:51px}.sim-banner-meta{display:none}.sim-mode-tabs{flex-wrap:wrap}.sim-mode-tabs>span{margin:5px 0 0;max-width:none}.sim-booking-layout{grid-template-columns:1fr}.sim-reservation{grid-row:1}.sim-schedule-head{flex-direction:column;align-items:flex-start}.sim-schedule{padding:17px}.sim-schedule-head h2{font-size:34px}.sim-legend .muted{margin-left:0}.sim-console{display:block}.sim-console-nav{margin-bottom:25px}.sim-console-nav nav{display:flex;overflow:auto;white-space:nowrap;padding-bottom:10px}.sim-console-nav h2,.sim-console-nav>.eyebrow,.sim-console-nav>.text-link{display:none}.sim-console-nav .field{margin:0 0 12px}.sim-console-heading h1{font-size:43px}.sim-bar-inner{align-items:flex-start}.sim-bar-inner>span{font-size:8px;max-width:160px;line-height:1.7}.sim-bar-inner>div{font-size:9px;flex-wrap:wrap;justify-content:flex-end;max-width:55%}.sim-bar-inner>div>span{display:none}.sim-account-grid{grid-template-columns:1fr}.sim-month-grid{gap:3px}.sim-month-grid>button{padding:9px 5px;min-height:74px}.sim-month-grid>button>b{font-size:15px}.sim-month-grid>button small{display:none}.sim-month-grid>button span{font-size:8px}.sim-month-grid>b{padding:6px 0;font-size:9px}.sim-vendor-banner>div{padding:24px}.sim-vendor-banner h2{font-size:49px}.sim-item-grid{grid-template-columns:1fr}.sim-vendor{padding-top:23px}.sim-vendor-heading .address{flex-wrap:wrap;font-size:10px}.sim-booking-layout{padding-block:30px 45px}.sim-reservation{scroll-margin-top:100px}.sim-table-filters{flex-wrap:wrap}.sim-table-filters .field{margin:8px 0}.sim-notifications .sim-panel{align-items:flex-start;flex-direction:column}.sim-stats article{padding:14px}.sim-stats b{font-size:27px}.timeline-item{padding:10px 8px}.timeline-head,.timeline-row{grid-template-columns:165px repeat(var(--slots),minmax(40px,1fr))}.sim-timeline{min-width:calc(165px + var(--slots)*40px)}.rental-timeline{min-width:850px}.rental-timeline .timeline-head,.rental-timeline .timeline-row{grid-template-columns:165px repeat(7,minmax(85px,1fr))}.timeline-item b{font-size:10px}.timeline-item small{font-size:8px}.sim-mode-tabs .button{font-size:11px;padding:10px 15px}}

/* Mode badge and Switcher Modal */
.datasource-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.2s ease;
  background: #0f2030;
  color: #a6cbf5;
}
.datasource-badge:hover {
  filter: brightness(1.15);
  transform: translateY(-1px);
}
.datasource-badge .badge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
}
.datasource-badge.backend {
  background: #0c2b20;
  color: #7ce3b6;
  border-color: #17543f;
}
.datasource-badge.backend .badge-dot {
  background: #4ade80;
  box-shadow: 0 0 8px #4ade80;
}
.datasource-badge.mock {
  background: #25231c;
  color: #ebd188;
  border-color: #574c30;
}
.datasource-badge.mock .badge-dot {
  background: #facc15;
}
.datasource-badge.fallback {
  background: #331f1f;
  color: #fca5a5;
  border-color: #6b3131;
}
.datasource-badge.fallback .badge-dot {
  background: #f87171;
}
.datasource-modal-body {
  padding: 15px 0;
  font-size: 13px;
  line-height: 1.6;
}
.datasource-status-box {
  background: #0d1a27;
  border: 1px solid var(--line, #25394d);
  border-radius: 6px;
  padding: 14px 18px;
  margin: 15px 0;
  display: grid;
  gap: 8px;
  font-size: 12px;
}
.datasource-status-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.datasource-options {
  display: grid;
  gap: 10px;
  margin: 18px 0;
}
.datasource-opt-card {
  border: 1px solid var(--line, #25394d);
  background: var(--card, #101c29);
  padding: 13px 15px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.datasource-opt-card:hover {
  border-color: #3b82f6;
}
.datasource-opt-card input {
  margin-top: 3px;
}
.datasource-opt-info b {
  display: block;
  font-size: 13px;
  margin-bottom: 3px;
}
.datasource-opt-info p {
  margin: 0;
  font-size: 11px;
  color: var(--muted, #8ea3b8);
}
.demo-ribbon-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}