/* Shared product palette, based on the public Relayqo site. */
:root[data-theme=light]{
  --bg:#f5f8ef;
  --surface:#fff;
  --raised:#edf4e9;
  --input:#fff;
  --text:#071513;
  --muted:#62706c;
  --line:#d9e4dc;
  --green:#287466;
  --soft:#e7f3e8;
  --accent:#071513;
  --accent-ink:#fff;
  --shadow:0 18px 52px rgba(7,21,19,.045);
}
:root[data-theme=dark]{
  --bg:#0a1512;
  --surface:#11221d;
  --raised:#1a3028;
  --input:#0d1b16;
  --text:#f2f8ef;
  --muted:#a7bcb1;
  --line:#294139;
  --soft:#203a2b;
}

.shell .sidebar{background:var(--surface);border-color:var(--line);padding:28px 16px 20px;box-shadow:8px 0 30px rgba(7,21,19,.025)}
.shell .sidebar .brand{margin:3px 12px 43px;font-size:21px}
.shell .nav{gap:7px}
.shell .nav-label{color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.15em}
.shell .nav a{min-height:44px;border-radius:12px;padding:11px 14px;font-weight:600;transition:background .16s,color .16s,transform .16s}
.shell .nav a:hover{transform:translateX(2px)}
:root[dir=rtl] .shell .nav a:hover{transform:translateX(-2px)}
.shell .nav a span[aria-hidden]{width:22px;display:inline-grid;place-items:center;font-size:17px}
:root[data-theme=light] .shell .nav a.active{background:#071513;color:#fff}
:root[data-theme=light] .shell .nav a:not(.active):hover{background:#edf4e9;color:#071513}
:root[data-theme=dark] .shell .nav a.active{background:#c8ff58;color:#071513}
.shell .help-card{background:var(--raised);border-radius:14px;line-height:1.5}
.shell .avatar{background:var(--soft);color:var(--green);border-radius:11px}

.shell .topbar{height:82px;background:var(--bg);border-color:var(--line);padding-inline:clamp(24px,3vw,48px)}
.shell .breadcrumb{font-size:12px;gap:11px}
.shell .breadcrumb strong{font-weight:700}
.shell .top-pill{font-size:11px;letter-spacing:.02em}
.shell .status-dot{width:7px;height:7px;background:#4ba891}
.shell .content{max-width:1480px;padding:36px clamp(24px,3vw,48px) 72px}
.shell .page-heading{padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:26px}
.shell .page-heading h1{font-size:clamp(30px,2.8vw,42px);letter-spacing:-.055em;font-weight:750;line-height:1.1}
.shell .page-heading p{font-size:14px;line-height:1.6;margin-top:11px}
.shell .btn{min-height:43px;padding-inline:18px;border-radius:10px;font-weight:700}
.shell .card{border-radius:18px;box-shadow:var(--shadow)}
.shell .card-title h2{font-size:19px;letter-spacing:-.035em}
.shell .card-title p{font-size:12px;line-height:1.55;margin-top:5px}
.shell .badge{border-radius:999px;padding:6px 11px;font-weight:700}
.shell .field input,.shell .field select,.shell .field textarea{border-radius:10px}
.shell .table-card{overflow:hidden}
.shell th{background:var(--raised);font-weight:700}
.shell tbody tr:hover{background:var(--raised)}
.shell .row-link{font-weight:700}

/* Client and administrator overview cards share the same visual rhythm. */
.dashboard-shell .dashboard-status{background:#071513;border:1px solid #22463d;color:#f5f8ef;border-radius:20px;padding:28px 32px;box-shadow:0 22px 46px rgba(7,21,19,.12)}
.dashboard-shell .dashboard-status h2{color:#f5f8ef;font-size:26px;letter-spacing:-.04em}
.dashboard-shell .dashboard-status p,.dashboard-shell .dashboard-status .eyebrow{color:#c2d4c8}
.dashboard-shell .dashboard-status .live-dot{background:#c8ff58;box-shadow:0 0 0 7px #c8ff5824}
.dashboard-shell .dashboard-status .status-meta{gap:30px}
.dashboard-shell .dashboard-status .status-meta>span:not(.badge){color:#a9beb3}
.dashboard-shell .dashboard-status .status-meta strong{color:#f5f8ef;font-size:13px}
.dashboard-shell .dashboard-status .badge{background:#c8ff58;color:#071513;font-weight:800}
.dashboard-shell .dashboard-metrics{gap:16px;margin-bottom:24px}
.dashboard-shell .dashboard-metric{min-height:154px;padding:23px 24px;border-radius:17px;background:var(--surface);box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s}
.dashboard-shell .dashboard-metric:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(7,21,19,.09)}
.dashboard-shell .dashboard-metric .metric-symbol{top:21px;right:auto;inset-inline-end:21px;width:36px;height:36px;border-radius:11px;background:var(--soft);color:var(--green);font-size:19px}
.dashboard-shell .dashboard-metric p{color:var(--muted);font-size:12px;font-weight:600;padding-inline-end:45px}
.dashboard-shell .dashboard-metric>strong{font-size:clamp(29px,2.6vw,37px);letter-spacing:-.05em;font-weight:750;margin:18px 0 2px;line-height:1.1}
.dashboard-shell .dashboard-metric small{font-size:11px}
.dashboard-shell .dashboard-grid,.dashboard-shell .admin-insights{gap:22px;margin-bottom:22px}
.dashboard-shell .chart-card{min-width:0}
.dashboard-shell .dashboard-chart{height:228px;gap:10px;padding-top:24px}
.dashboard-shell .dashboard-bar{background:linear-gradient(180deg,#63e6c6,#287466);border-radius:6px 6px 2px 2px}
.dashboard-shell .chart-empty{border-color:var(--line);background:var(--raised)}
.dashboard-shell .metric-symbol,.dashboard-shell .customer-avatar,.dashboard-shell .business-icon{background:var(--soft);color:var(--green);border-radius:10px}
.dashboard-shell .next-step{background:linear-gradient(145deg,var(--surface),var(--soft))}
.dashboard-shell .next-step h2{letter-spacing:-.035em;line-height:1.25}
.dashboard-shell .check-row{gap:14px}
.dashboard-shell .check-circle.done{background:var(--green);color:#fff;border-color:var(--green)}
:root[data-theme=dark] .dashboard-shell .check-circle.done{color:#071513}
.dashboard-shell .progress{background:var(--raised);border-radius:999px}
.dashboard-shell .progress span{background:#287466;border-radius:999px}
.dashboard-shell .attention-row{font-size:12px;padding:15px 0}
.dashboard-shell .attention-row strong{font-size:20px;font-weight:750}
.dashboard-shell .admin-account-row{padding:15px 0}
.dashboard-shell .workspace-fact{font-size:12px}

/* Administrator conversation review */
.admin-conversations-card{padding:24px}
.admin-convo-toolbar{display:flex;align-items:center;gap:10px;margin:20px 0 14px;flex-wrap:wrap}
.admin-convo-toolbar input,.admin-convo-toolbar select{min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--input);color:var(--text);font:inherit}
.admin-convo-toolbar input{flex:1 1 250px}
.admin-convo-toolbar select{flex:0 1 190px}
.admin-convo-toolbar .small{margin-inline-start:auto}
.admin-convo-layout{display:grid;grid-template-columns:minmax(270px,350px) minmax(0,1fr);height:min(680px,75vh);min-height:480px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.admin-convo-list{overflow-y:auto;border-inline-end:1px solid var(--line)}
.admin-convo-item{width:100%;display:flex;align-items:flex-start;gap:11px;padding:16px;text-align:start;background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--line);cursor:pointer;font:inherit}
.admin-convo-item:hover,.admin-convo-item.active{background:var(--raised)}
.admin-convo-item.active{box-shadow:inset 3px 0 0 var(--green)}
:root[dir=rtl] .admin-convo-item.active{box-shadow:inset -3px 0 0 var(--green)}
.admin-convo-avatar{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:10px;background:var(--soft);color:var(--green);font-weight:800}
.admin-convo-item-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}
.admin-convo-item-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.admin-convo-item-top strong,.admin-convo-subtitle,.admin-convo-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-convo-item-top strong{font-size:13px}
.admin-convo-item-top time{flex:none;font-size:10px;color:var(--muted)}
.admin-convo-subtitle,.admin-convo-snippet{font-size:11px;color:var(--muted)}
.admin-convo-item-state{margin-top:3px}
.admin-convo-item-state .badge{font-size:10px;padding:3px 8px}
.admin-convo-reader{display:flex;flex-direction:column;min-width:0;min-height:0}
.admin-convo-reader-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}
.admin-convo-reader-head h3{font-size:17px;margin:0}
.admin-convo-reader-head p{font-size:11px;color:var(--muted);margin:4px 0 0}
.admin-convo-owner{font-size:11px;color:var(--muted);padding:9px 20px;background:var(--raised);border-bottom:1px solid var(--line)}
.admin-convo-transcript{display:flex;flex:1;flex-direction:column;gap:13px;overflow-y:auto;padding:22px;min-height:0}
.admin-convo-message{max-width:min(78%,620px);padding:12px 15px;border:1px solid var(--line);border-radius:15px;background:var(--raised);overflow-wrap:anywhere;align-self:flex-start}
.admin-convo-message.bot{align-self:flex-end;background:var(--soft)}
.admin-convo-message.team{align-self:flex-end;border-color:var(--green)}
.admin-convo-message-meta{display:flex;align-items:baseline;gap:12px;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:5px}
.admin-convo-message-meta strong{color:var(--text)}
.admin-convo-message p{font-size:13px;line-height:1.55;white-space:pre-wrap;margin:0}
.admin-convo-empty{margin:auto;padding:28px;text-align:center;color:var(--muted);font-size:13px}
.admin-convo-older{text-align:center;margin-bottom:6px}

@media(max-width:1120px){
  .dashboard-shell .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .shell .sidebar{width:100%;padding:16px 18px 0;box-shadow:none}
  .shell .sidebar .brand{margin:0 0 17px}
  .shell .nav{gap:5px}
  .shell .nav a{min-height:40px;padding:9px 11px}
  .shell .nav a:hover,:root[dir=rtl] .shell .nav a:hover{transform:none}
  .shell .topbar{height:62px;padding-inline:18px}
  .shell .content{padding:26px 18px 46px}
  .shell .page-heading{padding-bottom:21px;gap:14px}
  .shell .page-heading h1{font-size:30px}
  .dashboard-shell .dashboard-status{padding:21px;border-radius:17px}
  .dashboard-shell .dashboard-status .status-meta{gap:14px}
  .dashboard-shell .dashboard-metrics{gap:10px}
  .dashboard-shell .dashboard-metric{min-height:137px;padding:17px}
  .dashboard-shell .dashboard-metric .metric-symbol{width:30px;height:30px;top:15px;inset-inline-end:15px}
  .dashboard-shell .dashboard-metric p{padding-inline-end:30px}
  .dashboard-shell .dashboard-metric>strong{font-size:29px;margin-top:21px}
  .dashboard-shell .dashboard-grid,.dashboard-shell .admin-insights{gap:16px}
  .admin-conversations-card{padding:16px}
  .admin-convo-layout{grid-template-columns:1fr;height:auto;min-height:0}
  .admin-convo-list{max-height:300px;border-inline-end:0;border-bottom:1px solid var(--line)}
  .admin-convo-reader{min-height:420px}
  .admin-convo-message{max-width:92%}
}
@media(max-width:430px){
  .dashboard-shell .dashboard-metric{min-height:145px}
  .dashboard-shell .dashboard-metric p{font-size:11px}
  .dashboard-shell .dashboard-metric>strong{font-size:26px;overflow-wrap:anywhere}
}

/* Client configuration: one clear section for each admin decision. */
.admin-control-stack{display:grid;gap:16px;max-width:1120px}
.admin-panel-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:4px 2px 12px}
.admin-panel-kicker{display:block;margin-bottom:9px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.14em}
.admin-panel-intro h2{margin:0;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.04em}
.admin-panel-intro p{max-width:640px;margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
.admin-panel-intro .badge{flex:none;margin-top:8px}
.admin-control-group{margin:0;padding:25px 28px;border-radius:18px}
.admin-group-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:23px}
.admin-group-index{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:var(--soft);color:var(--green);font-size:12px;font-weight:800}
.admin-group-heading h3{margin:0;font-size:17px;letter-spacing:-.02em}
.admin-group-heading p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.admin-control-grid,.admin-allowance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}
.admin-control-grid .field,.admin-allowance-grid .field{margin:0}
.admin-setting-toggle{display:flex;align-items:flex-start;gap:13px;min-height:56px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--input);cursor:pointer}
.admin-setting-toggle:hover{border-color:var(--green)}
.admin-setting-toggle input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--green)}
.admin-setting-toggle strong{display:block;font-size:13px;font-weight:650;line-height:1.4}
.admin-setting-toggle small{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}
.admin-control-advanced{padding:0}
.admin-control-advanced>summary{align-items:center;margin:0;padding:23px 28px;cursor:pointer;list-style:none}
.admin-control-advanced>summary::-webkit-details-marker{display:none}
.admin-control-advanced[open]>summary{margin:0;border-bottom:1px solid var(--line)}
.admin-control-advanced>.admin-control-grid{padding:23px 28px 28px}
.admin-disclosure-hint{margin-inline-start:auto;color:var(--green);font-size:12px;font-weight:700;white-space:nowrap}
.admin-control-advanced[open] .admin-disclosure-hint{font-size:0}
.admin-control-advanced[open] .admin-disclosure-hint::after{content:'Hide settings';font-size:12px}
.admin-unlimited{margin-bottom:18px}
.admin-allowance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.allowance-row.is-hidden{display:none}
.admin-refresh-plan{display:flex;align-items:center;gap:9px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;cursor:pointer}
.admin-refresh-plan input{accent-color:var(--green)}
@media(max-width:900px){.admin-allowance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.admin-control-group{padding:20px}.admin-control-advanced{padding:0}.admin-control-advanced>summary{padding:20px}.admin-control-advanced>.admin-control-grid{padding:20px}.admin-control-grid,.admin-allowance-grid{grid-template-columns:1fr}.admin-panel-intro{align-items:start}.admin-disclosure-hint{display:none}}
.lead-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px}
.lead-summary .card{display:flex;flex-direction:column;gap:8px;padding:18px}
.lead-summary span{color:var(--muted);font-size:13px}
.lead-summary strong{font-size:27px}
.lead-filter{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}
.lead-filter select,.lead-status{border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--surface);color:var(--text)}
.lead-table-wrap{overflow:auto}
.lead-table{width:100%;border-collapse:collapse;text-align:left;min-width:700px}
.lead-table th,.lead-table td{padding:16px 10px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:14px}
.lead-table th{font-size:12px;color:var(--muted);font-weight:700}
.lead-table tr:last-child td{border-bottom:0}
@media(max-width:900px){.lead-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.lead-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-filter{margin-top:12px}}
/* Client inquiry workspace */
.lead-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.lead-stat-grid .card{min-height:118px;padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,var(--surface),var(--raised))}
.lead-stat-grid p{font-size:12px;color:var(--muted)}
.lead-stat-grid strong{font-size:29px;line-height:1;letter-spacing:-1px;color:var(--text)}
.lead-list-card{padding:0;overflow:hidden}
.lead-list-card>.card-title{padding:24px 26px 18px;margin:0;border-bottom:1px solid var(--line)}
.lead-list-card>.card-title p{margin-top:4px}
.lead-filters{display:flex;gap:7px;flex-wrap:wrap;padding:17px 26px;border-bottom:1px solid var(--line)}
.lead-filter{min-height:34px;padding:7px 13px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);font-size:12px;font-weight:650;line-height:1.2}
.lead-filter:hover{background:var(--raised);color:var(--text)}
.lead-filter.is-active{background:var(--soft);border-color:var(--line);color:var(--green)}
.lead-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 12px;gap:15px;align-items:center;min-height:86px;padding:15px 26px;border-bottom:1px solid var(--line)}
.lead-row:last-child{border-bottom:0}.lead-row:hover{background:var(--raised)}
.lead-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--soft);color:var(--green);font-size:12px;font-weight:700}
.lead-row-main{display:grid;gap:3px;min-width:0}.lead-row-main strong,.lead-row-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-row-main strong{font-size:13px}.lead-row-main small{font-size:12px;color:var(--muted)}
.lead-row-meta{min-width:145px;display:grid;justify-items:end;gap:6px}.lead-row-meta small{font-size:11px;color:var(--muted);white-space:nowrap}.lead-row>b{font-size:21px;font-weight:400;color:var(--muted)}
.lead-pagination{display:flex;justify-content:flex-end;gap:9px;padding:16px 26px}.lead-pagination:empty{display:none}
.lead-detail-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:start;gap:20px}
.lead-profile h2{overflow-wrap:anywhere;margin:7px 0 2px}.lead-profile>p:not(.eyebrow){color:var(--muted);font-size:12px}.lead-profile>.btn{margin-top:20px}
.lead-facts{display:grid;gap:0;margin-top:18px;border-top:1px solid var(--line)}.lead-facts>div{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid var(--line)}.lead-facts span{font-size:11px;color:var(--muted)}.lead-facts strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}
.lead-action>p{color:var(--muted);font-size:12px;margin:7px 0 22px}.lead-action form{display:grid;gap:20px}.lead-ticket{border:1px solid var(--line);background:var(--raised);border-radius:12px;padding:19px}.lead-ticket>p{margin:5px 0 18px}.lead-ticket-fields,.lead-action-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lead-ticket-fields .field:nth-child(2){grid-column:1/-1}
.lead-detail-grid .field{display:grid;gap:6px}.lead-detail-grid .field label{font-size:12px;font-weight:600}.lead-detail-grid input,.lead-detail-grid select,.lead-detail-grid textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--input);color:var(--text)}.lead-detail-grid textarea{resize:vertical}.lead-action form>.btn{justify-self:start}.lead-action form+.small{display:block;margin-top:18px}
@media(max-width:900px){.lead-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-detail-grid{grid-template-columns:1fr}}
@media(max-width:600px){.lead-stat-grid{gap:9px}.lead-stat-grid .card{min-height:100px;padding:16px}.lead-list-card>.card-title,.lead-filters,.lead-row{padding-inline:16px}.lead-row{grid-template-columns:36px minmax(0,1fr) 10px;gap:10px}.lead-avatar{width:36px;height:36px}.lead-row-meta{grid-column:2;justify-items:start;display:flex;align-items:center;min-width:0}.lead-row>b{grid-column:3;grid-row:1/3}.lead-ticket-fields,.lead-action-fields{grid-template-columns:1fr}.lead-ticket-fields .field:nth-child(2){grid-column:auto}}
.plan-editor{display:grid;gap:18px;max-width:1100px}
.plan-editor>.card{padding:26px}
.plan-editor h2{margin:0 0 16px}
.plan-editor .form-grid{margin-top:16px}
.plan-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.plan-feature{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:15px;cursor:pointer}
.plan-feature input,.plan-editor input[type=checkbox]{accent-color:var(--green)}
.plan-editor details>summary{cursor:pointer;font-weight:700}
.plan-editor details .field{margin-top:18px}
@media(max-width:600px){.plan-feature-grid{grid-template-columns:1fr}.plan-editor>.card{padding:20px}}
.lead-ticket{min-width:220px}
.service-request-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.service-request-overview>div{display:flex;flex-direction:column;gap:10px;padding:21px 24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}
.service-request-overview span{font-size:13px;color:var(--muted)}.service-request-overview strong{font-size:30px;line-height:1;color:var(--text)}
.service-request-list{padding:0;overflow:hidden}.service-request-list>.card-title{padding:24px 26px;margin:0;border-bottom:1px solid var(--line)}
.service-request-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:16px 26px;border-bottom:1px solid var(--line)}
.service-request-tab{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);padding:9px 14px;font-size:13px;font-weight:650;cursor:pointer}
.service-request-tab.is-active{background:var(--soft);color:var(--green);border-color:var(--green)}.service-request-tab span{margin-inline-start:6px;font-size:11px}
.service-request-row{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px 26px;border-bottom:1px solid var(--line)}
.service-request-row:last-child{border-bottom:0}.service-request-row-main{min-width:0}.service-request-row-main h3{font-size:16px;margin:12px 0 5px;overflow-wrap:anywhere}.service-request-row-main p{font-size:14px;line-height:1.5;margin:0 0 8px;overflow-wrap:anywhere}.service-request-row-main small{color:var(--muted)}
.service-request-row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
.service-request-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:20px;align-items:start}.service-request-detail>.card{padding:27px}
.service-request-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:28px}.service-request-main h2{font-size:24px;margin:8px 0 20px;overflow-wrap:anywhere}.service-request-quote{font-size:17px;line-height:1.6;padding:22px;border-radius:12px;background:var(--raised);overflow-wrap:anywhere}.service-request-main>.btn{margin:20px 0 12px}
.service-request-next h2{font-size:21px;margin:0 0 8px}.service-request-next>p{font-size:14px;color:var(--muted);line-height:1.5}.service-request-next form{display:grid;gap:18px;margin-top:22px}.service-request-next .field{display:grid;gap:7px}.service-request-next label{font-size:13px;font-weight:650}.service-request-next input,.service-request-next textarea{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--input);color:var(--text)}.service-request-next textarea{resize:vertical}.service-request-actions{display:flex;flex-wrap:wrap;gap:9px}.service-request-more{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.service-request-more summary{cursor:pointer;font-weight:650;color:var(--green)}.service-request-more p{color:var(--muted);font-size:12px}.service-request-more .field{margin-top:13px}.service-reminder-current strong{color:var(--text)}
@media(max-width:900px){.service-request-detail{grid-template-columns:1fr}}
@media(max-width:650px){.service-request-overview{gap:8px}.service-request-overview>div{padding:14px}.service-request-overview strong{font-size:24px}.service-request-list>.card-title,.service-request-tabs,.service-request-row{padding-inline:16px}.service-request-row{align-items:stretch;flex-direction:column}.service-request-row-actions{justify-content:flex-start}.service-request-detail>.card{padding:20px}}
.lead-ticket summary{cursor:pointer;color:var(--green);font-weight:700}
.lead-ticket>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px 0}
.lead-ticket span{display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere}
.lead-ticket b,.lead-ticket small{color:var(--muted);font-size:11px}
.plan-suggestions-heading{margin-top:42px}
.plan-cod-guide{margin-top:24px}
.plan-cod-guide p{max-width:72ch;line-height:1.65}
.product-photo-editor { margin-block: 1rem; padding-block: 1rem; border-block-start: 1px solid var(--border, #dce5dc); }
.product-photo-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 1rem; margin-block: 1rem; }
.product-photo-grid figure { margin: 0; max-width: 220px; }
.product-photo-grid img { width: 100%; aspect-ratio: 1; object-fit: contain; border-radius: 12px; background: #fff; }
.product-photo-grid button { width: 100%; margin-block-start: .5rem; font-size: .8rem; }
.product-catalog>.section-heading{align-items:start;gap:18px}.product-catalog>.section-heading .hint{margin:6px 0 0;max-width:55ch}
.product-catalog-list{display:grid;gap:9px;margin-top:23px}.product-catalog-row{width:100%;display:grid;grid-template-columns:62px minmax(0,1fr) minmax(90px,auto) minmax(88px,auto) 54px;align-items:center;gap:17px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);text-align:start;cursor:pointer}.product-catalog-row:hover,.product-catalog-row.is-active{border-color:var(--green);background:var(--soft)}
.product-catalog-thumb{display:grid;place-items:center;width:62px;height:62px;border-radius:10px;background:var(--raised);color:var(--muted);font-size:24px;overflow:hidden}.product-catalog-thumb img{width:100%;height:100%;object-fit:cover}.product-catalog-info{display:grid;gap:5px;min-width:0}.product-catalog-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-catalog-info small,.product-catalog-stock{color:var(--muted);font-size:12px}.product-catalog-price{font-weight:700}.product-catalog-edit{color:var(--green);font-weight:700;font-size:13px}
.product-edit-panel{margin-top:24px;border:1px solid var(--line);border-radius:17px;background:var(--surface);overflow:hidden;scroll-margin-top:24px}.product-edit-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 25px;background:var(--raised)}.product-edit-head h3{margin:4px 0 0}.product-edit-head .hint{margin:0;letter-spacing:.1em;font-size:10px;font-weight:700}.product-edit-head .actions{display:flex;flex-wrap:wrap;gap:8px}.product-edit-head .remove{width:auto;height:auto;padding:9px 12px;font-size:12px;border-radius:8px}
.product-edit-section{padding:25px;border-top:1px solid var(--line)}.product-edit-section-head{display:flex;align-items:start;gap:13px;margin-bottom:20px}.product-edit-step{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--soft);color:var(--green);font-size:12px;font-weight:800}.product-edit-section-head h4{margin:1px 0 4px;font-size:17px}.product-edit-section-head p{margin:0;color:var(--muted);font-size:13px}.product-edit-section>.form-grid{margin-inline-start:39px}
.product-photo-editor{border:0;margin:0 0 0 39px;padding:0}.product-photo-grid{grid-template-columns:repeat(auto-fill,minmax(115px,145px));gap:10px}.product-photo-grid figure{padding:7px;border:1px solid var(--line);border-radius:11px}.product-photo-grid figcaption{font-size:12px;font-weight:700;padding-top:4px}.product-photo-grid button{padding:6px;font-size:11px}.product-upload{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:10px 14px;border:1px dashed var(--green);border-radius:9px;color:var(--green);font-weight:700;cursor:pointer}.product-upload input{max-width:190px;font-size:12px}.product-photo-editor>.hint{margin:8px 0 0}
.product-option-list{display:grid;gap:8px;margin:0 0 14px 39px}.product-option{border:1px solid var(--line);border-radius:10px;padding:0 14px}.product-option summary{display:flex;justify-content:space-between;gap:12px;padding:14px 0;cursor:pointer}.product-option summary span{color:var(--muted);font-size:12px}.product-option>.form-grid{padding:5px 0 15px}.product-option>.btn{margin-bottom:14px}.product-option-empty{margin:0 0 14px 39px;color:var(--muted);font-size:13px}.product-edit-section>[data-add-variant]{margin-inline-start:39px}
@media(max-width:700px){.product-catalog-row{grid-template-columns:50px minmax(0,1fr) auto;gap:10px}.product-catalog-thumb{width:50px;height:50px}.product-catalog-stock,.product-catalog-edit{display:none}.product-edit-head{align-items:stretch;flex-direction:column;padding:18px}.product-edit-section{padding:18px}.product-edit-section>.form-grid,.product-photo-editor,.product-option-list,.product-option-empty,.product-edit-section>[data-add-variant]{margin-inline-start:0}}