@font-face {
  font-family: Vazirmatn;
  src: url("/assets/fonts/Vazirmatn-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Vazirmatn;
  src: url("/assets/fonts/Vazirmatn-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Vazirmatn;
  src: url("/assets/fonts/Vazirmatn-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: Vazirmatn;
  src: url("/assets/fonts/Vazirmatn-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Vazirmatn;
  src: url("/assets/fonts/Vazirmatn-ExtraBold.woff2") format("woff2");
  font-weight: 800 900;
  font-display: swap;
}
:root {
  --bg-deep: #101e22;
  --bg-deep2: #152d33;
  --bg-deep3: #1b3940;
  --paper: #f6efdd;
  --paper-dim: #eae1c8;
  --amber: #f2a93b;
  --amber-soft: #f7c878;
  --coral: #e1613f;
  --teal-bright: #4fb3a0;
  --teal-soft: #7fd1c1;
  --ink: #12242a;
  --muted: #617178;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(circle at 12% 0, #23444c 0, transparent 31rem), var(--bg-deep);
  color: var(--paper);
  font-family: Vazirmatn, Tahoma, sans-serif;
}
.topbar {
  height: 72px;
  padding: 0 max(20px, calc((100% - 1240px) / 2));
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(16, 30, 34, .94);
  border-bottom: 1px solid rgba(127, 209, 193, .18);
  backdrop-filter: blur(14px);
  position: sticky;
  top: 0;
  z-index: 20;
}
.brand {
  display: flex;
  gap: 10px;
  align-items: center;
  color: inherit;
  text-decoration: none;
}
.brand > img {width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 6px 12px #0007)}
.brand div {
  display: flex;
  flex-direction: column;
}
.brand small {color:var(--teal-soft)}
button,
input,
textarea,
select {
  font: inherit;
}
.ghost,
.link {
  border: 0;
  background: transparent;
  color: #336a56;
  cursor: pointer;
}
.primary,
.secondary {
  border: 0;
  border-radius: 14px;
  padding: 12px 18px;
  cursor: pointer;
  font-weight: 800;
}
.primary {
  background: #155d42;
  color: #fff;
  box-shadow: 0 8px 20px #155d4230;
}
.secondary {
  background: #dff2e8;
  color: #155d42;
}
main {
  max-width: 1240px;
  margin: auto;
  padding: 28px 20px 110px;
}
.state {
  min-height: 65vh;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  gap: 8px;
}
.state p {
  color: #6b7c74;
}
.spinner {
  width: 44px;
  height: 44px;
  border: 4px solid #dce9e3;
  border-top-color: #1c7353;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
.state-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #ffe1dc;
  color: #a83222;
  display: grid;
  place-items: center;
  font-size: 26px;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.hero {
  background: linear-gradient(125deg, #123b2d, #227454);
  color: #fff;
  padding: 32px;
  border-radius: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  box-shadow: 0 18px 45px #133d2e25;
}
.hero h1 {
  margin: 7px 0;
  font-size: clamp(24px, 4vw, 40px);
}
.hero p {
  margin: 0;
  color: #d2e9df;
}
.eyebrow,
.step {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.5px;
  color: #79d3ae;
}
.metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 18px 0;
}
.metric {
  background: #fff;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid #e2ebe7;
}
.metric small {
  color: #718079;
}
.metric strong {
  display: block;
  font-size: 24px;
  margin-top: 7px;
}
.layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.6fr);
  gap: 18px;
}
.panel {
  background: #fff;
  border: 1px solid #dfe9e4;
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 10px 32px #1833290c;
}
.panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.panel h2,
.panel h3 {
  margin-top: 0;
}
.badge {
  background: #e5f3eb;
  color: #176044;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
}
.plan-badges{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.plan-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.plan-badge.active-plan{background:#e2f5e9;color:#176447}.plan-badge.sms-plan{background:#e8efff;color:#294f91}.plan-badge.no-plan{background:#ffe5df;color:#a33725}
.field {
  margin: 20px 0;
}
.field label,
label {
  display: grid;
  gap: 7px;
  font-weight: 700;
}
.prominent {
  padding: 18px;
  background: #f0f7f3;
  border-radius: 18px;
}
.search {
  display: flex;
  gap: 8px;
}
.search input {
  flex: 1;
}
.field small {
  display: block;
  margin-top: 7px;
  color: #76867f;
}
input,
textarea,
select {
  width: 100%;
  border: 1px solid #cad9d2;
  border-radius: 12px;
  padding: 12px;
  background: #fff;
  outline: none;
}
input:focus,
textarea:focus,
select:focus {
  border-color: #25805d;
  box-shadow: 0 0 0 3px #25805d1c;
}
.inline-form,
.selection {
  padding: 16px;
  border: 1px dashed #b8cdc3;
  border-radius: 16px;
  margin: 14px 0;
  background: #fbfdfc;
}
.fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.wide{grid-column:1/-1}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;padding:12px;border:1px solid #dce7e1;border-radius:12px}.check input{width:auto}.workspace-nav{display:flex;gap:8px;overflow-x:auto;padding:14px 2px;margin:4px 0 12px;scrollbar-width:none}.workspace-nav button,.segmented button,.preset-row button{white-space:nowrap;border:1px solid #d6e3dd;background:#fff;color:#315c4c;border-radius:12px;padding:9px 13px;cursor:pointer}.workspace-nav button.active,.segmented button.active{background:#174b38;color:#fff;border-color:#174b38}.workspace-panel{background:#fff;border:1px solid #dfe9e4;border-radius:22px;padding:22px;box-shadow:0 10px 32px #1833290c}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.data-list{display:grid;gap:10px;margin-top:14px}.data-row{display:grid;grid-template-columns:minmax(160px,1.3fr) repeat(3,minmax(100px,.7fr)) auto;gap:12px;align-items:center;padding:14px;border:1px solid #e0e9e5;border-radius:14px;background:#fff}.data-row small{color:#708178}.row-actions{display:flex;gap:6px}.row-actions button{border:0;border-radius:9px;padding:7px 9px;cursor:pointer}.danger{background:#ffe7e2;color:#9b2f20}.segmented,.preset-row,.date-filter{display:flex;gap:7px;flex-wrap:wrap}.advanced-box{border:1px solid #dbe7e1;border-radius:15px;padding:14px;margin:18px 0;background:#f8fbf9}.advanced-box summary{cursor:pointer;font-weight:800;margin-bottom:12px}.preset-row{margin-top:10px}.receipt{display:grid;gap:7px;text-align:right;background:#f5faf7;border:1px dashed #aac8ba;border-radius:15px;padding:14px;margin:16px auto;max-width:520px}.subscription-card{background:linear-gradient(135deg,#153f30,#2b7c5c);color:#fff;border-radius:24px;padding:26px;margin-bottom:16px}.subscription-card .subscription-amount{font-size:30px;font-weight:900}.subscription-card small{color:#c5dfd4}.profile-map{width:100%;height:270px;border:0;border-radius:18px;margin-top:18px}.profile-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.profile-facts>div{padding:14px;background:#f5faf7;border-radius:14px}.status.pending,.status.processing{background:#fff2cf;color:#7a5812}.status.failed,.status.insufficient_balance{background:#ffe5df;color:#a33725}.status.paid,.status.published{background:#e6f5ed;color:#176447}
.detail-overlay{position:fixed;inset:0;background:#102b2288;z-index:60;display:grid;place-items:center;padding:18px}.detail-sheet{width:min(720px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:24px;padding:24px;box-shadow:0 30px 80px #102b2266}.detail-close{float:left;font-size:20px}.detail-sheet h4{margin:20px 0 8px}
.vehicle-grid,
.catalog {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.vehicle,
.service-chip,
.method {
  border: 1px solid #cedbd5;
  border-radius: 15px;
  background: #fff;
  padding: 14px;
  text-align: right;
  cursor: pointer;
  min-height: 60px;
  position: relative;
}
.vehicle.selected,
.service-chip.selected,
.method.selected {
  border-color: #1e7957;
  background: #eaf7f1;
  box-shadow: inset 0 0 0 1px #1e7957;
}
.service-chip.selected:after {
  content: "✓";
  position: absolute;
  left: 10px;
  top: 10px;
  background: #1d7655;
  color: #fff;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.service-chip small {
  display: block;
  color: #718079;
}
.finance {
  margin: 22px 0;
  padding: 18px;
  border-radius: 18px;
  background: #f7f4eb;
  border: 1px solid #ebe2ca;
}
.methods {
  display: flex;
  gap: 10px;
  margin: 16px 0;
}
.method {
  flex: 1;
}
.method small {
  display: block;
  color: #77817d;
}
.method:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.final {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #dfd5bd;
  padding-top: 15px;
}
.final strong {
  font-size: 22px;
  color: #0f6041;
}
.sticky {
  position: sticky;
  bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #173c2f;
  color: #fff;
  padding: 13px 15px;
  border-radius: 18px;
  box-shadow: 0 14px 35px #102b2290;
  z-index: 8;
}
.sticky div {
  display: grid;
}
.sticky small {
  color: #bbd5ca;
}
.form-error {
  background: #ffebe7;
  color: #9b2f20;
  padding: 12px;
  border-radius: 12px;
}
.success {
  text-align: center;
  padding: 35px;
}
.success > div {
  margin: auto;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #d9f5e7;
  color: #13714e;
  font-size: 30px;
}
.history {
  display: grid;
  gap: 10px;
}
.history-item {
  padding: 13px;
  border: 1px solid #e0e9e5;
  border-radius: 14px;
}
.history-item header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.history-item small {
  color: #73827b;
}
.chips {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.chips span {
  background: #edf4f1;
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 11px;
}
.empty {
  padding: 35px 10px;
  text-align: center;
  color: #73827b;
}
.progress-card {
  background: #fff;
  border-radius: 24px;
  padding: 24px;
  margin: 18px 0;
  border: 1px solid #deebe5;
}
.centers-panel{margin-top:18px}.compact-search{max-width:280px}.garage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.garage-card{display:grid;gap:8px;padding:17px;border:1px solid #dce7e1;border-radius:17px;color:inherit;text-decoration:none;background:linear-gradient(145deg,#fff,#f5faf7)}.garage-card:hover{border-color:#4d9b7c;transform:translateY(-2px)}.garage-card small{color:#728279}.garage-card .cover{height:85px;border-radius:12px;background:linear-gradient(135deg,#174b38,#4ea17e);display:grid;place-items:center;color:#fff;font-size:30px}.public-garage-profile{margin-top:18px}.profile-cover{height:260px;border-radius:28px;background:linear-gradient(120deg,#133e2f,#4a9c7a);background-size:cover;background-position:center}.profile-card{max-width:900px;margin:-55px auto 0;background:#fff;border-radius:24px;padding:25px;position:relative;box-shadow:0 18px 50px #153d2f30}.profile-card header{display:flex;align-items:center;justify-content:space-between;gap:18px}.profile-card .logo{width:82px;height:82px;border-radius:22px;background:#e6f3ed;display:grid;place-items:center;font-size:32px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.back-link{display:inline-block;margin-bottom:8px}@media(max-width:850px){.garage-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.garage-grid{grid-template-columns:1fr}.centers-panel .panel-head{align-items:stretch;flex-direction:column}.compact-search{max-width:none}.profile-cover{height:180px}.profile-card{margin:-35px 10px 0;padding:18px}.profile-card header{align-items:flex-start}}
.progress-track {
  height: 10px;
  border-radius: 99px;
  background: #e0ebe6;
  margin: 48px 10px 18px;
  position: relative;
}
.progress-fill {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #55b889, #e8ac3e);
  width: var(--progress);
}
.car {
  position: absolute;
  right: calc(var(--progress) - 18px);
  top: -35px;
  font-size: 29px;
  transition: right 0.7s ease;
}
.progress-labels {
  display: flex;
  justify-content: space-between;
}
.status {
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 99px;
  background: #e6f5ed;
  color: #176447;
}
.status.overdue {
  background: #ffe5df;
  color: #a33725;
}
#toast {
  position: fixed;
  left: 20px;
  bottom: 20px;
  background: #153d2f;
  color: #fff;
  padding: 12px 16px;
  border-radius: 12px;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.2s;
  z-index: 50;
}
#toast.show {
  opacity: 1;
  transform: none;
}
[hidden] {
  display: none !important;
}
@media (max-width: 850px) {
  .layout {
    grid-template-columns: 1fr;
  }
  .metrics {
    grid-template-columns: repeat(2, 1fr);
  }
  .hero {
    align-items: flex-start;
    flex-direction: column;
  }
  .panel {
    padding: 16px;
  }
  .two-column{grid-template-columns:1fr}.data-row{grid-template-columns:1fr 1fr}.row-actions{grid-column:1/-1}
}
@media (max-width: 520px) {
  main {
    padding: 16px 12px 105px;
  }
  .topbar {
    padding: 0 12px;
  }
  .metrics {
    gap: 8px;
  }
  .metric {
    padding: 13px;
  }
  .fields {
    grid-template-columns: 1fr;
  }
  .catalog {
    grid-template-columns: repeat(2, 1fr);
  }
  .service-chip {
    padding: 11px;
    font-size: 13px;
  }
  .search {
    align-items: stretch;
  }
  .sticky {
    bottom: max(8px, env(safe-area-inset-bottom));
  }
  .sticky .primary {
    padding: 11px;
  }
  .customer-hero {
    padding: 22px;
  }
  .workspace-panel{padding:14px}.profile-facts{grid-template-columns:1fr}.date-filter{width:100%}.date-filter>*{flex:1}
}

/* Shared Super App / Taxi visual language */
.topbar-actions,.catalog-filters{display:flex;align-items:center;gap:9px}
.ghost,.link{color:var(--teal-soft)}
.topbar .ghost{border:1px solid rgba(127,209,193,.3);border-radius:12px;padding:8px 12px}
.primary{background:var(--amber);color:var(--ink);box-shadow:0 10px 24px #0005}
.primary:hover{background:var(--amber-soft)}
.secondary{background:var(--paper-dim);color:var(--ink)}
.state p,.metric small,.field small,.history-item small,.garage-card small,.empty{color:#a9bdc1}
.spinner{border-color:var(--bg-deep3);border-top-color:var(--amber)}
.hero,.entry-hero{background:linear-gradient(128deg,var(--bg-deep2),var(--bg-deep3));border:1px solid rgba(127,209,193,.18);box-shadow:0 20px 52px #0006}
.hero:before,.entry-hero:before{content:"";position:absolute;inset:auto -7rem -9rem auto;width:21rem;height:21rem;border-radius:50%;background:radial-gradient(circle,var(--amber) 0,transparent 65%);opacity:.15;pointer-events:none}
.hero,.entry-hero{position:relative;overflow:hidden}
.hero p,.entry-hero p{color:#b9cccf}
.eyebrow,.step{color:var(--amber-soft)}
.metric,.panel,.workspace-panel,.progress-card,.detail-sheet,.profile-card,.editor-dialog{background:var(--paper);border-color:#d2c8ae;color:var(--ink);box-shadow:0 15px 38px #0004}
.metric:nth-child(4n+1){border-top:4px solid var(--amber)}
.metric:nth-child(4n+2){border-top:4px solid var(--teal-bright)}
.metric:nth-child(4n+3){border-top:4px solid var(--coral)}
.metric:nth-child(4n+4){border-top:4px solid var(--amber-soft)}
.metric small,.panel small,.workspace-panel small,.profile-card small{color:var(--muted)}
.prominent,.advanced-box,.receipt,.profile-facts>div{background:#eee5cf;border-color:#d2c8ae}
input,textarea,select{background:#fffdf5;color:var(--ink);border-color:#c6bda8}
input:focus,textarea:focus,select:focus{border-color:var(--teal-bright);box-shadow:0 0 0 3px #4fb3a033}
.workspace-nav button,.segmented button,.preset-row button{background:var(--bg-deep2);color:var(--paper);border-color:#31515a}
.workspace-nav button.active,.segmented button.active{background:var(--amber);border-color:var(--amber);color:var(--ink)}
.data-row,.vehicle,.service-chip,.method,.history-item,.garage-card{background:#fffaf0;border-color:#d6ccb4;color:var(--ink)}
.vehicle.selected,.service-chip.selected,.method.selected{border-color:var(--teal-bright);background:#dff1e9;box-shadow:inset 0 0 0 1px var(--teal-bright)}
.service-chip.selected:after{background:var(--teal-bright);color:var(--ink)}
.chips span{background:#dcebe5}
.finance{background:#eee1c5;border-color:#d7c49b}
.final strong{color:#174f52}
.sticky,.subscription-card{background:linear-gradient(135deg,var(--bg-deep2),var(--bg-deep3));color:var(--paper)}
.garage-card{background:linear-gradient(145deg,#fffaf0,#eee5cf)}
.garage-card:hover{border-color:var(--amber);transform:translateY(-3px)}
.garage-card .cover,.profile-cover{background:linear-gradient(135deg,var(--bg-deep2),var(--teal-bright))}
.profile-card .logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
#toast{background:var(--amber);color:var(--ink);font-weight:700}
.entry-hero{padding:40px;border-radius:28px;text-align:center;margin-bottom:20px}
.entry-hero h1{font-size:clamp(28px,5vw,48px);margin:10px 0}
.access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.access-card{border:1px solid rgba(127,209,193,.22);background:linear-gradient(150deg,var(--bg-deep2),var(--bg-deep3));color:var(--paper);border-radius:24px;padding:24px;text-align:right;cursor:pointer;min-height:190px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;box-shadow:0 15px 35px #0005;transition:.2s}
.access-card{text-decoration:none;font:inherit}.guest-grid{grid-template-columns:repeat(2,1fr);max-width:850px;margin:auto}
.access-card:hover{border-color:var(--amber);transform:translateY(-4px)}
.access-card .access-icon{font-size:34px}.access-card h2{margin:10px 0 4px}.access-card p{color:#b8cbce;margin:0}.access-card b{color:var(--amber-soft)}
.editor-dialog{width:min(760px,calc(100% - 24px));max-height:90vh;border:0;border-radius:24px;padding:0;overflow:auto}
.editor-dialog::backdrop{background:#071114cc;backdrop-filter:blur(5px)}
.editor-dialog form{padding:24px}.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head{margin-bottom:18px}.dialog-head h2{margin:3px 0}.dialog-actions{margin-top:20px;justify-content:flex-end}.editor-dialog .ghost{color:#31515a;font-size:17px}
.row-actions button:not(.danger),.data-row>button{background:#dcebe5;color:#174f52}
.catalog-filters select{min-width:160px}.compact-search{max-width:300px}
@media(max-width:850px){.access-grid,.guest-grid{grid-template-columns:1fr}.access-card{min-height:150px}.catalog-filters{width:100%}}
@media(max-width:520px){.brand small{display:none}.brand>img{width:40px;height:40px}.topbar-actions{gap:5px}.topbar .ghost{padding:7px 9px}.entry-hero{padding:28px 18px}.catalog-filters{flex-direction:column;align-items:stretch}.catalog-filters select,.catalog-filters input{max-width:none}}

/* Dark Super App surfaces and form rhythm */
html{color-scheme:dark}
.metric,.panel,.workspace-panel,.progress-card,.detail-sheet,.profile-card,.editor-dialog{
  background:linear-gradient(150deg,var(--bg-deep2),#13282d);
  border:1px solid rgba(127,209,193,.18);
  color:var(--paper);
  box-shadow:0 16px 42px #0005;
}
.metric small,.panel small,.workspace-panel small,.profile-card small,.history-item small,.data-row small,.garage-card small{color:#a9bec2}
.prominent,.advanced-box,.receipt,.profile-facts>div,.inline-form,.selection,.finance{
  background:rgba(27,57,64,.72);
  border-color:rgba(127,209,193,.22);
  color:var(--paper);
}
input,textarea,select{
  background:#0f2227;
  color:var(--paper);
  border:1px solid #34545c;
  min-height:48px;
}
input::placeholder,textarea::placeholder{color:#81979c}
input:focus,textarea:focus,select:focus{border-color:var(--amber);box-shadow:0 0 0 3px #f2a93b2b}
input[readonly]{cursor:pointer}
.secondary{background:var(--bg-deep3);color:var(--paper);border:1px solid #45636a;text-decoration:none}
.secondary:hover{border-color:var(--amber);color:var(--amber-soft)}
.data-row,.vehicle,.service-chip,.method,.history-item,.garage-card{
  background:#11272c;
  border-color:rgba(127,209,193,.18);
  color:var(--paper);
}
.garage-card{background:linear-gradient(150deg,#142d33,#102328)}
.vehicle.selected,.service-chip.selected,.method.selected{background:#183f3d;border-color:var(--teal-bright);color:var(--paper)}
.chips span{background:#27484c;color:#dcebea;padding:5px 9px}
.muted-chip{color:#a9bdc1!important}
.row-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:10px}
.row-actions button{min-height:38px;padding:8px 12px;border:1px solid transparent!important}
.row-actions button:not(.danger),.data-row>button{background:#24474c;color:#e7f1ef}
.row-actions button:not(.danger):hover{border-color:var(--teal-bright)!important}
.danger{background:#4c2927;color:#ffb4a6!important;border-color:#76403a!important}
.form-actions{display:flex;justify-content:flex-start;gap:10px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(127,209,193,.18)}
.form-actions button{min-width:170px}
.subscription-payment-box .form-actions{margin-top:24px}
.subscription-payment-box .form-actions button{min-width:min(100%,360px)}
.payment-feedback{min-height:24px;margin:14px 0 0;padding:10px 12px;border-radius:10px;color:#b9cccf;font-size:13px;line-height:1.8}
.payment-feedback:empty{display:none}
.payment-feedback.loading{background:#263f43;color:var(--teal-soft)}
.payment-feedback.success{background:#173e36;color:#a8ead8}
.payment-feedback.warning{background:#453a23;color:var(--amber-soft)}
.payment-feedback.error{background:#4b2926;color:#ffb3a5}
button[aria-busy="true"]{cursor:progress;opacity:.78}
.inline-form{margin:18px 0;padding:20px}
.inline-form h3{margin:0 0 16px}
.friendly-group{border:1px solid rgba(127,209,193,.22);border-radius:16px;padding:18px;margin:5px 0;background:#10262b}
.friendly-group legend{padding:0 10px;color:var(--amber-soft);font-weight:800}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.check{background:#17343a;border-color:#34555d;color:var(--paper);cursor:pointer}
.check:has(input:checked){border-color:var(--teal-bright);background:#1b4945}
.phone-value,.number-value,.identity-line,.service-numbers{display:flex!important;align-items:center;gap:9px;flex-wrap:wrap;margin-top:7px}
.phone-value span,.number-value span,.identity-line span,.service-numbers span{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;background:#213f45;border-radius:9px;color:#dcebea}
.service-history{display:grid;gap:12px;padding:16px}
.service-summary>small{display:block;margin-bottom:6px;color:var(--amber-soft)}
.service-numbers{margin:0}
.profile-actions a{display:inline-flex;gap:8px;align-items:center;text-decoration:none}
.detail-sheet h2,.detail-sheet h3,.detail-sheet h4{color:var(--paper)}
.editor-dialog .ghost{color:var(--teal-soft)}
.jalali-dialog{width:min(390px,calc(100% - 24px));border:1px solid #41636b;border-radius:22px;background:var(--bg-deep2);color:var(--paper);padding:18px;box-shadow:0 25px 70px #0008}
.jalali-dialog::backdrop{background:#071114cc;backdrop-filter:blur(5px)}
.jalali-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center;margin-bottom:12px}
.jalali-head button,.jalali-days button{border:0;border-radius:10px;background:#23464c;color:var(--paper);cursor:pointer;min-height:38px}
.jalali-head button:hover,.jalali-days button:hover{background:var(--amber);color:var(--ink)}
.jalali-week,.jalali-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}
.jalali-week{color:var(--teal-soft);font-size:12px;margin-bottom:6px}
.jalali-days span{min-height:38px}
.jalali-dialog .dialog-actions{border-top:1px solid rgba(127,209,193,.18);padding-top:12px}
.status{background:#214844;color:#9fe0d3}
.status.overdue,.status.failed,.status.insufficient_balance{background:#4b2926;color:#ffb3a5}
.badge{background:#29484d;color:var(--amber-soft)}
.plan-badge.active-plan{background:#21483b;color:#9fe0b8}.plan-badge.sms-plan{background:#243c5a;color:#a9c9ff}.plan-badge.no-plan{background:#4b2926;color:#ffb3a5}
@media(max-width:850px){
  .data-row{grid-template-columns:1fr 1fr;gap:10px;padding:16px}
  .data-row .row-actions{grid-column:1/-1;padding-top:10px;border-top:1px solid rgba(127,209,193,.15)}
}
@media(max-width:520px){
  .panel-head{align-items:stretch;flex-direction:column}
  .search{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .search .primary{padding-inline:14px}
  .choice-grid{grid-template-columns:1fr}
  .form-actions{margin-top:22px}
  .form-actions button{width:100%;min-width:0}
  .row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .row-actions button{width:100%}
  .data-row{grid-template-columns:1fr}
  .data-row .row-actions{grid-column:auto}
  .sticky{align-items:stretch;flex-direction:column}
  .sticky .primary{width:100%}
  .profile-actions{display:grid;grid-template-columns:1fr}
  .profile-actions a{justify-content:center}
}

/* Vehicle-service hub, polished selectors and media */
select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:14px;padding-left:46px;background-image:linear-gradient(45deg,transparent 50%,var(--amber-soft) 50%),linear-gradient(135deg,var(--amber-soft) 50%,transparent 50%),linear-gradient(to left,#34545c,#34545c);background-position:20px calc(50% - 2px),14px calc(50% - 2px),42px 50%;background-size:6px 6px,6px 6px,1px 58%;background-repeat:no-repeat}
select:hover{border-color:var(--teal-bright)}
.service-picker-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;max-width:1020px;margin:0 auto}
.service-picker-card{border:1px solid rgba(127,209,193,.24);border-radius:28px;padding:26px;min-height:290px;text-align:right;text-decoration:none;color:var(--paper);background:linear-gradient(145deg,#17343a,#10242a);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:18px;cursor:pointer;font:inherit;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;overflow:hidden;position:relative}
.service-picker-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;left:-75px;top:-85px;background:radial-gradient(circle,rgba(127,209,193,.18),transparent 68%)}
.service-picker-card:hover{transform:translateY(-5px);border-color:var(--amber);box-shadow:0 24px 55px #0007}.service-picker-card.primary-service-card{background:linear-gradient(145deg,#21464a,#173238);border-color:rgba(242,169,59,.54)}
.service-picker-card h2{font-size:clamp(22px,3vw,31px);margin:7px 0}.service-picker-card p{margin:0;color:#b4c8cc;line-height:1.9}.service-picker-card small{color:var(--amber-soft);font-weight:800}.service-picker-card>b{color:var(--amber-soft)}
.service-picker-visual{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,var(--amber),var(--amber-soft));color:var(--ink);font-size:40px;box-shadow:0 15px 32px #0005}.oil-drop{color:var(--teal-soft);background:#173e43;font-size:58px;line-height:1;text-shadow:0 8px 18px #0008}
.dashboard-primary-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:18px 0;padding:18px 20px;border:1px solid rgba(242,169,59,.5);border-radius:20px;background:linear-gradient(120deg,#183b3f,#12292f);color:var(--paper);text-decoration:none;box-shadow:0 14px 38px #0004;transition:.2s}.dashboard-primary-card:hover{transform:translateY(-2px);border-color:var(--amber)}
.dashboard-primary-card>span{width:50px;height:50px;border-radius:15px;background:var(--amber);color:var(--ink);display:grid;place-items:center;font-size:28px}.dashboard-primary-card div{display:grid;gap:2px}.dashboard-primary-card small{color:var(--teal-soft)}.dashboard-primary-card b{font-size:17px}.dashboard-primary-card p{margin:0;color:#a9bec2}.dashboard-primary-card strong{color:var(--amber-soft)}
.prominent>label{margin-bottom:11px}.prominent .search{margin-top:3px}.service-title-cell{display:grid;gap:8px}.service-title-cell small{display:block}.garage-name{display:block;margin-top:7px;color:var(--teal-soft)!important}
.garage-card .cover{overflow:hidden;background:#17343a}.garage-card .cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.garage-card:hover .cover img{transform:scale(1.05)}.catalog-more{display:flex;justify-content:center;margin-top:20px}.catalog-more button{min-width:210px}
.progress-track{height:13px;margin-top:64px;background:#284248;box-shadow:inset 0 2px 5px #0005}.progress-fill{background:linear-gradient(90deg,var(--teal-bright),var(--amber));transition:width .8s ease,background .25s}.progress-track.urgent .progress-fill{background:linear-gradient(90deg,#f2a93b,#e04d3c)}
.car{width:104px;height:54px;right:clamp(-14px,calc(var(--progress) - 52px),calc(100% - 91px));top:-60px;font-size:0;filter:drop-shadow(0 10px 7px #0009);animation:car-suspension 1.15s ease-in-out infinite}.car svg{width:100%;height:100%;overflow:visible}.car-shadow{fill:#071316;opacity:.55}.car-shell{fill:#45b7a7;stroke:#ddf8f2;stroke-width:2}.car-window{fill:#102b32;stroke:#9fe0d3;stroke-width:1.4}.car-line,.car-bumper{fill:none;stroke:#dff8f3;stroke-width:1.5;stroke-linecap:round}.car-light.front{fill:#ffe08a;stroke:#fff1bc;stroke-width:1}.car-light.rear{fill:#ef6658;stroke:#ffb0a6;stroke-width:1}.wheel .tire{fill:#0a1518;stroke:#263b40;stroke-width:4;stroke-dasharray:4 2.5;animation:tire-tread .42s linear infinite}.wheel .rim{fill:#b7d8d3;stroke:#f7c878;stroke-width:1.5}.wheel .spokes{fill:none;stroke:#17343a;stroke-width:1.5;stroke-linecap:round;transform-box:fill-box;transform-origin:center;animation:wheel-spin .7s linear infinite}.progress-track.urgent .car-shell{fill:#df4e3e;stroke:#ffd1ca}.progress-track.urgent .car-line,.progress-track.urgent .car-bumper{stroke:#fff0ed}.progress-track.urgent .wheel .rim{stroke:#ff8d80}.progress-track.urgent .car{animation:car-warning .75s ease-in-out infinite}
@keyframes wheel-spin{to{transform:rotate(360deg)}}@keyframes tire-tread{to{stroke-dashoffset:-13}}@keyframes car-suspension{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-1.5px) rotate(.3deg)}}@keyframes car-warning{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.readonly-notice{margin:14px 0 20px;padding:13px 15px;border:1px solid rgba(242,169,59,.38);border-radius:14px;background:#342f22;color:#ffe1a6;line-height:1.8}.readonly-center-fields{border:0;padding:0;margin:0;min-width:0}.readonly-center-fields:disabled{opacity:1}.readonly-center-fields :is(input,select,textarea){color:#d5e4e2!important;background:#172f35!important;border-color:#36545b!important;cursor:default}.readonly-center-fields .media-upload{cursor:default}.admin-garage-editor{display:grid;gap:18px}.detail-sheet:has(.admin-garage-editor){width:min(980px,calc(100% - 24px));max-height:92vh}.admin-authority-notice{margin-top:0}.report-service-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.report-count{display:grid;place-items:center;min-width:78px;padding:10px 14px;border:1px solid rgba(242,169,59,.5);border-radius:14px;background:#213f45;color:var(--amber-soft)}.report-count strong{font-size:22px}.report-count small{font-size:11px}.metric strong em{font-size:13px;font-style:normal;color:var(--teal-soft)}.plan-capabilities{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.plan-capabilities span{padding:5px 9px;border-radius:9px;background:#213f45;color:var(--teal-soft);font-size:12px}
.media-upload-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.media-upload{display:grid;gap:9px;padding:14px;border:1px dashed #55747b;border-radius:16px;cursor:pointer;background:#132d33}.media-upload:hover{border-color:var(--amber)}.media-preview{height:140px;border-radius:13px;overflow:hidden;background:#0d2025;display:block}.cover-upload .media-preview{height:140px}.media-preview img{width:100%;height:100%;display:block;object-fit:cover}.media-upload:not(.cover-upload) .media-preview img{object-fit:contain}.media-upload input[type=file]{min-height:0;padding:9px;font-size:12px}.route-button{border-color:var(--amber)!important;color:var(--amber-soft)!important}
@media(max-width:850px){.service-picker-grid{grid-template-columns:1fr}.service-picker-card{min-height:230px}.media-upload-grid{grid-template-columns:1fr}}
@media(max-width:520px){.service-picker-card{min-height:210px;padding:21px}.service-picker-visual{width:62px;height:62px;border-radius:19px;font-size:32px}.dashboard-primary-card{grid-template-columns:auto 1fr;padding:15px}.dashboard-primary-card>strong{grid-column:1/-1;border-top:1px solid rgba(127,209,193,.18);padding-top:10px}.dashboard-primary-card p{display:none}.car{width:84px;height:45px;top:-51px;right:clamp(-12px,calc(var(--progress) - 42px),calc(100% - 74px))}.media-preview,.cover-upload .media-preview{height:125px}.report-service-row{align-items:stretch}.report-count{min-width:68px}}

/* Manager command center: one compact command box with a primary action */
.manager-navigation{display:grid;gap:14px;margin:18px 0 22px;padding:15px;border:1px solid rgba(127,209,193,.2);border-radius:22px;background:linear-gradient(145deg,rgba(27,57,64,.92),rgba(15,34,39,.96));box-shadow:0 15px 38px #0004}
.manager-command-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.manager-command-head>div{display:grid;gap:3px}.manager-command-head span{font-weight:900;color:var(--paper)}.manager-command-head small{color:var(--teal-soft);font-size:12px}.manager-quick-service{min-height:46px;padding:10px 16px;border:0;border-radius:14px;background:linear-gradient(145deg,var(--amber),var(--amber-soft));color:var(--ink);font:inherit;font-weight:900;cursor:pointer;box-shadow:0 10px 24px #f2a93b30}
.manager-nav-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}
.manager-nav-item{appearance:none;min-width:0;min-height:78px;padding:11px 8px;border:1px solid #35555d;border-radius:15px;background:#11272c;color:#dcebea;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;font:inherit}
.manager-nav-item svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.manager-nav-item[data-manager-view=dashboard] svg path{fill:currentColor;stroke:none}.manager-nav-item span{display:grid;gap:1px;min-width:0}.manager-nav-item b{font-size:13px;white-space:nowrap}.manager-nav-item small{font-size:10px;color:#91a9ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.manager-nav-item:hover{transform:translateY(-2px);border-color:var(--teal-bright);background:#18383e}.manager-nav-item.active{border-color:var(--amber);background:linear-gradient(145deg,var(--amber),var(--amber-soft));color:var(--ink);box-shadow:0 10px 24px #f2a93b35}.manager-nav-item.active small{color:#5e4827}
.manager-nav-item:focus-visible,.primary:focus-visible,.secondary:focus-visible,.row-actions button:focus-visible{outline:3px solid var(--teal-soft);outline-offset:3px}
.service-edit-policy{margin:14px 0;padding:11px 14px;border:1px solid rgba(127,209,193,.22);border-radius:13px;background:#17343a;color:#bcd0d3;line-height:1.8;font-size:13px}.service-locked{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 9px;border:1px solid #435a60;border-radius:9px;color:#9eb1b5;font-size:12px;white-space:nowrap}
.auth-customer-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;border-style:solid;background:linear-gradient(135deg,#173d3c,#173039)}.auth-customer-preview>div{display:grid;gap:5px}.auth-customer-preview b{font-size:18px}.auth-customer-preview .identity-line{margin:2px 0 0}.auth-customer-preview .primary{flex:0 0 auto}
@media(max-width:1080px){.manager-nav-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){.manager-navigation{gap:10px;margin-top:14px;padding:11px;border-radius:18px}.manager-command-head{align-items:stretch}.manager-quick-service{min-height:44px}.manager-nav-grid{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 7px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#45666d transparent}.manager-nav-item{flex:0 0 88px;min-height:64px;padding:8px 6px;scroll-snap-align:start}.manager-nav-item svg{width:22px;height:22px}.manager-nav-item small{display:none}}
@media(max-width:460px){.manager-command-head{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch}.manager-command-head>div{display:none}.manager-quick-service{width:100%;font-size:14px}.manager-nav-item{flex-basis:82px;min-height:60px}.manager-nav-item b{font-size:12px}}
@media(max-width:520px){.auth-customer-preview{align-items:stretch;flex-direction:column}.auth-customer-preview .primary{width:100%}}

/* Service history: scan-friendly table on desktop, vertical table on narrow screens */
.service-table{margin-top:14px;overflow:hidden;border:1px solid rgba(127,209,193,.22);border-radius:18px;background:#0f2227;color:var(--paper)}
.service-table-head,.service-table-row{display:grid;grid-template-columns:minmax(88px,.62fr) minmax(145px,1.1fr) minmax(210px,1.7fr) minmax(112px,.82fr) minmax(108px,.75fr) minmax(112px,.78fr) minmax(158px,1fr);align-items:stretch}
.service-table-head{min-height:48px;background:#1a373d;color:#9fc1c3;font-size:12px;font-weight:800}
.service-table-head>span{display:flex;align-items:center;padding:10px 11px;border-inline-start:1px solid rgba(127,209,193,.11)}
.service-table-head>span:first-child{border-inline-start:0}
.service-table-body{display:grid}
.service-table-row{position:relative;min-height:92px;border-top:1px solid rgba(127,209,193,.14);background:#11272c;transition:background .16s,border-color .16s}
.service-table-row.is-latest{background:linear-gradient(105deg,rgba(242,169,59,.16),rgba(27,73,69,.72));box-shadow:inset -4px 0 0 var(--amber)}
.service-table-row.is-locked{color:#c7d4d5}
.service-table-cell{min-width:0;padding:12px 11px;display:flex;align-items:center;align-content:center;flex-wrap:wrap;gap:5px;border-inline-start:1px solid rgba(127,209,193,.09);line-height:1.7}
.service-table-cell:first-child{border-inline-start:0}
.service-table-cell small{color:#93aaae;font-size:11px}
.service-table-state span,.service-viewonly{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 9px;border:1px solid #456269;border-radius:999px;color:#a9bec2;font-size:11px;white-space:nowrap}
.service-table-row.is-latest .service-table-state span{border-color:rgba(242,169,59,.6);background:#3d3525;color:var(--amber-soft);font-weight:900}
.service-table-identity{display:grid;align-content:center;gap:4px}.service-table-identity b{color:#f4f7f6}.service-table-identity small{display:block}
.service-table-services{min-width:0;width:100%}.service-table-services .chips{margin:0}.service-table-services>small{display:block;margin-top:6px}
.number-cell{font-variant-numeric:tabular-nums}.number-cell small{white-space:nowrap}
.service-table-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.service-table-actions button{min-height:34px;padding:6px 9px;border:1px solid #45636a;border-radius:9px;background:#17343a;color:#dcebea;font:inherit;font-size:11px;cursor:pointer}.service-table-actions .service-edit-button{border-color:rgba(242,169,59,.55);background:#3a3324;color:var(--amber-soft)}.service-table-actions button.danger{border-color:#70413b!important;background:#392724;color:#ffb1a3}
.service-table-compact .service-table-head{display:none}
.service-table-compact .service-table-body{gap:10px;padding:9px}
.service-table-compact .service-table-row{display:grid;grid-template-columns:1fr;min-height:0;border:1px solid rgba(127,209,193,.17);border-radius:14px;overflow:hidden}
.service-table-compact .service-table-row.is-latest{border-color:rgba(242,169,59,.55);box-shadow:inset -4px 0 0 var(--amber)}
.service-table-compact .service-table-cell{display:grid;grid-template-columns:minmax(84px,.65fr) minmax(0,1.35fr);align-items:start;gap:10px;padding:8px 11px;border:0;border-bottom:1px solid rgba(127,209,193,.09)}
.service-table-compact .service-table-cell:last-child{border-bottom:0}.service-table-compact .service-table-cell:before{content:attr(data-label);color:#87a3a6;font-size:11px;font-weight:800}.service-table-compact .service-table-state span{justify-self:start}.service-table-compact .service-table-actions{margin-top:-2px}
@media(max-width:1080px){.service-table:not(.service-table-compact) .service-table-head{display:none}.service-table:not(.service-table-compact) .service-table-body{gap:10px;padding:10px}.service-table:not(.service-table-compact) .service-table-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;border:1px solid rgba(127,209,193,.17);border-radius:14px;overflow:hidden}.service-table:not(.service-table-compact) .service-table-cell{display:grid;grid-template-columns:minmax(92px,.58fr) minmax(0,1.42fr);align-items:start;gap:10px;padding:10px 12px;border:0;border-bottom:1px solid rgba(127,209,193,.09)}.service-table:not(.service-table-compact) .service-table-cell:before{content:attr(data-label);color:#87a3a6;font-size:11px;font-weight:800}.service-table:not(.service-table-compact) .service-table-cell:last-child{grid-column:1/-1;border-bottom:0}}
@media(max-width:620px){.service-table{border-radius:15px}.service-table:not(.service-table-compact) .service-table-body{padding:8px}.service-table:not(.service-table-compact) .service-table-row{grid-template-columns:1fr}.service-table:not(.service-table-compact) .service-table-cell{grid-template-columns:minmax(82px,.62fr) minmax(0,1.38fr);padding:9px 10px}.service-table:not(.service-table-compact) .service-table-cell:last-child{grid-column:auto}.service-table-actions{width:100%}.service-table-actions button{flex:1}.service-table-state span{justify-self:start}}

/* Canonical vehicle picker: one-field autocomplete without arbitrary values */
.form-hint{margin:-4px 0 18px;padding:11px 13px;border-right:3px solid var(--teal-bright);border-radius:10px;background:#17343a;color:#bcd0d3;font-size:13px;line-height:1.8}
.catalog-combobox{position:relative;display:block;margin-top:0}
.catalog-combobox-control{position:relative;display:block}
.catalog-combobox-control:after{content:"";position:absolute;left:17px;top:50%;width:8px;height:8px;border-left:2px solid #8eb1b4;border-bottom:2px solid #8eb1b4;transform:translateY(-68%) rotate(-45deg);pointer-events:none;transition:transform .18s,border-color .18s}
.catalog-combobox:focus-within .catalog-combobox-control:after{border-color:var(--amber);transform:translateY(-35%) rotate(135deg)}
.catalog-combobox input[data-catalog-search]{width:100%;margin:0;padding-left:44px;background-image:none;border-radius:12px}
.catalog-combobox input[data-catalog-search]::-webkit-search-cancel-button{filter:invert(1);opacity:.55}
.catalog-combobox input[data-catalog-search]:disabled{cursor:not-allowed;opacity:.55}
.fields{align-items:start}
.catalog-combobox-options{position:relative;z-index:2;width:100%;max-height:238px;margin-top:8px;padding:6px;overflow:auto;border:1px solid #45676e;border-radius:14px;background:#10252a;box-shadow:0 12px 28px #0006;scrollbar-width:thin;scrollbar-color:#53757b transparent}
.catalog-combobox-options[hidden]{display:none}
.catalog-combobox-option{appearance:none;width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:right;font:inherit;cursor:pointer;transition:background .14s,border-color .14s,color .14s}
.catalog-combobox-option:hover,.catalog-combobox-option.active{border-color:rgba(127,209,193,.3);background:#1b3e44;color:#fff}
.catalog-combobox-option.selected{color:var(--amber-soft)}
.catalog-combobox-option b{font-size:10px;font-weight:700;color:var(--teal-soft)}
.catalog-combobox-empty{padding:15px 12px;color:#a9bec2;text-align:center;font-size:13px}
.catalog-combobox small{display:block;margin:6px 2px 0;color:var(--teal-soft);font-size:11px;line-height:1.6}
.catalog-combobox small[hidden]{display:none}
.catalog-combobox:focus-within{filter:drop-shadow(0 8px 18px #0003)}
@media(max-width:620px){.catalog-combobox-options{max-height:190px;margin-top:7px;border-radius:12px;box-shadow:0 8px 20px #0005}.catalog-combobox-option{min-height:48px}.catalog-combobox-option b{display:none}}
.catalog-contribution{margin-top:18px;padding:14px;border:1px dashed #496970;border-radius:15px;background:#10272c}
.catalog-contribution>.link{padding:5px 0;color:var(--amber-soft);text-align:right}
.catalog-contribution section{margin-top:12px;padding-top:14px;border-top:1px solid rgba(127,209,193,.18)}
.catalog-contribution h4{margin:0 0 6px;color:var(--paper)}
.catalog-contribution p{margin:0 0 14px;color:#a9bec2;font-size:13px;line-height:1.8}
.catalog-contribution-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.catalog-contribution-actions button{min-height:42px}
@media(max-width:520px){.catalog-contribution-actions{display:grid;grid-template-columns:1fr}.catalog-contribution-actions button{width:100%}}

/* Manager service workflow: full-width, phone-filterable and glanceable */
.quick-service-layout{grid-template-columns:minmax(0,1fr)}
.manager-command-head:has(>div:only-child){justify-content:flex-start}
.service-list-tools{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.service-list-tools label{display:grid;gap:6px;color:#a9bec2;font-size:12px;font-weight:800}
.service-list-tools .compact-search{width:230px;min-height:42px;margin:0}
.service-list-tools button{min-height:42px}
.service-choice-hint{margin:0 0 12px}
.catalog{display:block;border:1px solid rgba(127,209,193,.22);border-radius:17px;overflow:hidden;background:#0f2227}
.service-choice-head,.service-chip{display:grid;grid-template-columns:66px minmax(180px,1.2fr) minmax(180px,1fr) minmax(145px,.78fr);gap:0;align-items:stretch}
.service-choice-head{min-height:44px;background:#1a373d;color:#9fc1c3;font-size:11px;font-weight:900}
.service-choice-head>span{display:flex;align-items:center;padding:9px 11px;border-inline-start:1px solid rgba(127,209,193,.11)}
.service-choice-head>span:first-child{border-inline-start:0;justify-content:center}
.service-choice-body{display:grid}
.catalog .service-chip{width:100%;min-height:72px;margin:0;padding:0;border:0;border-top:1px solid rgba(127,209,193,.14);border-radius:0;background:#11272c;color:#e8f0ef;box-shadow:none;text-align:right;overflow:hidden}
.catalog .service-chip:hover{background:#18383e}
.catalog .service-chip.selected{border-color:rgba(127,209,193,.28);background:#19443f;box-shadow:inset -4px 0 0 var(--teal-bright)}
.catalog .service-chip.selected:after{display:none}
.service-choice-check{align-self:center;justify-self:center;width:28px;height:28px;display:grid;place-items:center;border:2px solid #557078;border-radius:9px;color:transparent;font-weight:900;transition:.16s}
.service-chip.selected .service-choice-check{border-color:var(--teal-bright);background:var(--teal-bright);color:var(--ink)}
.service-choice-name,.service-choice-value,.service-choice-status{min-width:0;padding:10px 11px;border-inline-start:1px solid rgba(127,209,193,.09);display:grid;align-content:center;gap:3px}
.service-choice-name b,.service-choice-value b{overflow:hidden;text-overflow:ellipsis}
.service-choice-name small,.service-choice-value small{color:#8fa7aa;font-size:10px}
.service-choice-name .service-choice-product{color:var(--amber-soft);font-weight:800;line-height:1.7}
.service-choice-name .service-choice-product[hidden]{display:none}
.inline-oil-field{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr);align-items:center;gap:8px 14px;padding:13px 16px;border-top:1px solid rgba(242,169,59,.38);background:#332f22;cursor:text}.inline-oil-field[hidden]{display:none}.inline-oil-field>span{color:var(--paper);font-weight:900}.inline-oil-field em{display:inline-flex;margin-inline-start:6px;padding:2px 7px;border-radius:999px;background:var(--amber);color:var(--ink);font-size:10px;font-style:normal}.inline-oil-field input{min-width:0;margin:0;background:#10272c!important;border-color:#77764e!important;color:var(--paper)!important}.inline-oil-field>small{grid-column:2;color:#d8c79e;font-size:10px}
@media(max-width:620px){.inline-oil-field{grid-template-columns:1fr;padding:12px}.inline-oil-field>small{grid-column:1}.inline-oil-field input{width:100%}}
.money-words{display:block;margin:7px 2px 0;padding:7px 10px;border-right:3px solid var(--teal-bright);border-radius:8px;background:#17343a;color:#c4dcda;font-size:11px;line-height:1.8}.money-words[hidden]{display:none}
.service-choice-value b{font-size:11px;font-weight:800;line-height:1.7;color:#d3e2e1}
.service-choice-status{align-self:center;justify-self:center;min-width:92px;padding:6px 9px;border:1px solid #4b656b;border-radius:999px;display:inline-flex;justify-content:center;color:#a9bec2;font-size:11px;font-weight:900}
.service-chip.status-previous .service-choice-status{border-color:var(--amber);background:#3d3423;color:var(--amber-soft)}
.service-chip.status-never .service-choice-status{border-style:dashed;color:#bdd0d2}
.workflow-history{margin:20px 0 8px;padding:16px;border:1px solid rgba(127,209,193,.18);border-radius:17px;background:#10272c}
.workflow-history-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.workflow-history-head h3{margin:3px 0 0}.workflow-history-head>small{color:var(--teal-soft)}
@media(max-width:900px){.services-panel-head{align-items:stretch;flex-direction:column}.service-list-tools{justify-content:flex-start}.service-list-tools label{flex:1}.service-list-tools .compact-search{width:100%}}
@media(max-width:760px){.service-choice-head{display:none}.catalog{padding:8px}.service-choice-body{gap:8px}.catalog .service-chip{grid-template-columns:42px minmax(0,1fr) auto;min-height:0;border:1px solid rgba(127,209,193,.18);border-radius:13px}.service-choice-check{grid-row:1/3}.service-choice-name{border:0}.service-choice-status{grid-column:3;grid-row:1;align-self:center;margin-inline:8px}.service-choice-value{grid-column:2/4;grid-row:2;padding-top:7px;border-top:1px solid rgba(127,209,193,.09)}.workflow-history{padding:11px}.workflow-history-head{align-items:start;flex-direction:column}.service-list-tools{display:grid;grid-template-columns:1fr auto}.service-list-tools label{grid-column:1/-1}.service-list-tools .secondary{min-width:130px}}
@media(max-width:480px){.catalog .service-chip{grid-template-columns:38px minmax(0,1fr)}.service-choice-check{grid-row:1;align-self:center}.service-choice-name{grid-column:2}.service-choice-status{grid-column:1/-1;grid-row:2;justify-self:stretch;margin:0 9px}.service-choice-value{grid-column:1/-1!important;grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px}.service-choice-value small{flex:0 0 auto}.service-choice-value b{white-space:normal;text-align:left}.service-list-tools{grid-template-columns:1fr}.service-list-tools label,.service-list-tools button{grid-column:1;width:100%}}

/* Credit-gated service entry and reviewed promotional SMS workflow */
.service-plan-required{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px solid #b94b46;border-radius:18px;background:linear-gradient(135deg,#4a201f,#351918);box-shadow:0 14px 34px #12080766;color:#ffe7e2}
.service-plan-required[hidden]{display:none}.service-plan-required>div{display:flex;align-items:flex-start;gap:14px}.service-plan-required .state-icon{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#d85c52;color:#fff;font-size:24px;font-weight:900}.service-plan-required h2{margin:0 0 7px;color:#fff}.service-plan-required p{max-width:760px;margin:0;color:#f3c3bc;line-height:1.9}.service-plan-required button{flex:0 0 auto}
.sms-consumption-preview{margin-top:14px;padding:14px;border:1px solid #456970;border-radius:14px;background:#102a30;color:#c7dcde;line-height:1.9}.sms-consumption-preview.ready{border-color:#4d8d80;background:#163832}.sms-consumption-preview.insufficient{border-color:#b94b46;background:#3c211f;color:#ffd0c8}.sms-consumption-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sms-consumption-grid span{padding:8px;border-radius:9px;background:#ffffff0a}.sms-consumption-grid b{display:block;color:#fff;font-size:17px}.message-request-content{padding:10px 12px;border-radius:10px;background:#0e252a;white-space:pre-wrap;line-height:1.8}.message-request-metrics{display:flex;gap:7px;flex-wrap:wrap}.message-request-metrics span{padding:4px 8px;border-radius:999px;background:#1d4046;color:#c7dcde;font-size:11px}
@media(max-width:760px){.service-plan-required{align-items:stretch;flex-direction:column}.service-plan-required button{width:100%}.sms-consumption-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}