.serviceDesk{display:grid;grid-template-columns:minmax(620px,1.35fr) minmax(320px,.65fr);gap:18px;align-items:start}
.serviceIntakeCard,.serviceRecentRail{background:#fff;border:1px solid #dbe6f0;border-radius:8px;box-shadow:0 12px 30px rgba(17,48,74,.06)}
.serviceCardHead{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #e3edf5;background:linear-gradient(180deg,#f8fbfe,#fff)}
.serviceCardHead.compact{padding:14px 16px}
.serviceCardHead span{display:block;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.serviceCardHead h2{margin:2px 0 0;color:#0f172a;font-size:22px}
.serviceCardHead strong{border:1px solid #bfdbfe;background:#eff6ff;color:#075985;border-radius:8px;padding:7px 10px;font-size:13px}
.serviceIntakeForm{display:grid;gap:14px;padding:16px}
.serviceIntakeForm label{display:grid;gap:6px;min-width:0}
.serviceIntakeForm label span{color:#334155;font-size:12px;font-weight:900;text-transform:uppercase}
.serviceIntakeForm input,.serviceIntakeForm select,.serviceIntakeForm textarea{min-width:0;border-color:#cbd5e1;background:#fff}
.serviceIntakeForm textarea{min-height:86px}
.serviceFormBand{display:grid;gap:10px}
.serviceFormBandTop{grid-template-columns:1.15fr 1.15fr .7fr;background:#f8fafc;border:1px solid #dbe6f0;border-radius:8px;padding:12px}
.serviceFormSection{border:1px solid #dbe6f0;border-radius:8px;background:#fff;padding:14px;display:grid;gap:12px}
.serviceSectionHead{display:flex;align-items:center;gap:9px}
.serviceSectionHead strong{width:25px;height:25px;border-radius:7px;background:#11304a;color:#fff;display:grid;place-items:center;font-size:13px}
.serviceSectionHead h3{margin:0;font-size:17px;color:#0f172a}
.serviceSearchLine{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.serviceInlineFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.serviceQuickCustomerDisabled{opacity:.48;filter:saturate(.65)}
.serviceQuickCustomerDisabled input{background:#f1f5f9;color:#64748b;cursor:not-allowed}
.serviceDiagnosisBlock .serviceInlineFields{align-items:stretch}
.serviceTextareaWide textarea{min-height:104px}
.serviceModeBox{display:flex;gap:8px;flex-wrap:wrap}
.serviceModeBox label,.serviceChargeLine label,.serviceCheckGrid label{display:flex;align-items:center;gap:7px;border:1px solid #dbe6f0;background:#f8fafc;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:800;color:#334155}
.serviceModeBox input,.serviceChargeLine input,.serviceCheckGrid input{width:auto;min-height:0}
.serviceCheckGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.serviceMoneyGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.serviceChargeLine{display:grid;grid-template-columns:auto minmax(220px,.45fr);gap:10px;align-items:center}
.serviceSubmit{min-height:48px;font-size:17px;background:#0f765e}
.serviceRecentRail{position:sticky;top:14px;overflow:hidden}
.serviceRecentList{display:grid;gap:0}
.serviceRecentItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid #eef2f7}
.serviceRecentItem:first-child{border-top:0}
.serviceRecentItem strong,.serviceRecentItem span,.serviceRecentItem small{display:block}
.serviceRecentItem strong{font-size:16px;color:#0f172a}
.serviceRecentItem span{color:#334155;font-weight:800}
.serviceRecentItem small{color:#64748b;margin-top:2px}
.serviceRecentItem>div:last-child{display:grid;justify-items:end;gap:7px}
.serviceRecentItem a{font-weight:900}
.serviceOpsLayout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;align-items:start}
.workshopShortcut{display:flex;justify-content:space-between;gap:16px;align-items:center}
.workshopShortcut h2{margin:4px 0 6px}
.workshopHead{align-items:center}
.serviceQueuePanel .filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px;margin-bottom:12px}
.serviceTechPanel{display:grid;gap:14px}
.serviceTechHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border:1px solid #dbe6f0;border-radius:8px;background:#f8fafc;padding:14px}
.serviceTechHeader h3{margin:7px 0 3px;font-size:20px;color:#0f172a}
.serviceTechHeader p{margin:0;color:#64748b}
.serviceTechMetrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.serviceTechMetrics article{border:1px solid #dbe6f0;border-radius:8px;background:#fff;padding:10px;display:grid;gap:2px}
.serviceTechMetrics span,.serviceTechCard label span{font-size:11px;font-weight:900;text-transform:uppercase;color:#64748b}
.serviceTechMetrics strong{font-size:17px;color:#0f172a;line-height:1.15}
.serviceTechMetrics small{color:#64748b}
.serviceTechCard{border:1px solid #dbe6f0;border-radius:8px;background:#fff;padding:14px;display:grid;gap:12px}
.serviceTechCardHead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border-bottom:1px solid #eef2f7;padding-bottom:9px}
.serviceTechCardHead strong{font-size:16px;color:#0f172a}
.serviceTechCardHead span{font-size:12px;color:#64748b;text-align:right}
.serviceTechGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.serviceTechCard label{display:grid;gap:6px}
.serviceTechNotes{display:grid;grid-template-columns:1fr;gap:10px}
.serviceTechNotes textarea{min-height:94px}
.serviceDeliveryGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.servicePartsCard .quickGrid{margin-top:0}
.serviceHistoryCard .tableWrap{margin-top:0}

.afterSalesPolicyStrip{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 14px}
.afterSalesPolicyStrip span{border:1px solid #dbe6f0;background:#fff;border-radius:8px;padding:8px 10px;color:#475569;font-size:13px}
.afterSalesPolicyStrip strong{color:#0f172a}
.afterSalesSearchGrid{align-items:start;gap:14px}
.afterSalesSourcePanel{border-top:3px solid var(--line);padding:14px}
.afterSalesSourcePanelSale{border-top-color:#2563eb}
.afterSalesSourcePanelService{border-top-color:#0f766e}
.afterSalesPanelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.afterSalesPanelHead h2{margin-bottom:1px;font-size:17px}
.afterSalesPanelHead p{font-size:13px;line-height:1.35}
.sourceBadge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.02em}
.sourceBadgeSale{background:#dbeafe;color:#1d4ed8}
.sourceBadgeService{background:#ccfbf1;color:#0f766e}
.afterSalesSearchForm{grid-template-columns:minmax(0,1fr) auto}
.afterSalesResults{display:grid;gap:8px;margin-top:10px}
.afterSalesResultCard{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.afterSalesResultCard summary,.afterSalesServiceSummary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:9px 10px;cursor:pointer}
.afterSalesResultCard summary::-webkit-details-marker{display:none}
.saleResult{border-left:4px solid #2563eb}
.serviceResult{border-left:4px solid #0f766e}
.sourceDot{width:12px;height:12px;border-radius:50%;display:inline-block}
.saleDot{background:#2563eb}
.serviceDot{background:#0f766e}
.afterSalesResultMain{min-width:0}
.afterSalesResultMain strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.afterSalesResultMain small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.afterSalesResultMeta{text-align:right;min-width:110px}
.afterSalesResultMeta b{display:block;font-size:12px}
.afterSalesResultMeta b.afterSalesServiceDelivered{color:#991b1b;background:#fee2e2;border-radius:999px;padding:4px 7px;display:inline-block}
.afterSalesResultMeta small{display:block;color:var(--muted);font-size:11px}
.afterSalesOpenCue{font-size:11px;font-weight:850;color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:5px 8px}
.afterSalesResultBody{border-top:1px solid var(--line);padding:10px;background:#f8fafc}
.afterSalesInlineForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:8px;align-items:start}
.afterSalesInlineForm textarea{min-height:42px}
.afterSalesInlineForm button{grid-row:1/3;grid-column:3}
.afterSalesRuleStrip{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.afterSalesRuleStrip span,.afterSalesServiceRule{border-radius:8px;padding:6px 8px;font-size:11px;font-weight:800}
.ruleOk{background:#dcfce7;color:#166534}
.ruleInfo{background:#dbeafe;color:#1d4ed8}
.ruleWarn{background:#fff7ed;color:#c2410c}
.afterSalesServiceRule{background:#f0fdfa;color:#0f766e;border:1px solid #99f6e4;margin-top:8px;line-height:1.35}
.serviceResult p{margin:0 10px 10px 32px;color:var(--muted);font-size:12px}
.afterSalesCaseHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border:1px solid #dbe6f0;background:linear-gradient(180deg,#f8fbfe,#fff);border-radius:8px;padding:13px 14px;margin-bottom:10px}
.afterSalesCaseHeader span,.afterSalesCaseGrid span{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.afterSalesCaseHeader strong{display:block;font-size:20px;line-height:1.1;margin:3px 0;color:#0f172a}
.afterSalesCaseHeader small{color:#64748b}
.afterSalesCaseStatus{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;max-width:46%}
.afterSalesCaseStatus .pill{margin-top:0}
.afterSalesCaseGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.afterSalesCaseGrid article{border:1px solid #dbe6f0;background:#fff;border-radius:8px;padding:10px;min-width:0}
.afterSalesCaseGrid strong{display:block;font-size:15px;line-height:1.2;margin:3px 0;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.afterSalesCaseGrid small{display:block;color:#64748b;line-height:1.3;overflow-wrap:anywhere}
.afterSalesCaseAux{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.afterSalesCaseAux span{border:1px solid #dbe6f0;background:#f8fafc;border-radius:999px;padding:6px 9px;color:#64748b;font-size:12px}
.afterSalesCaseAux strong{color:#0f172a}
.afterSalesReadOnlyNotice{font-weight:800}
.afterSalesDecisionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.afterSalesDecisionCard{padding:12px;display:grid;gap:9px}
.afterSalesDecisionCard h3{margin:0;font-size:17px;color:#0f172a}
.afterSalesDecisionCard textarea{min-height:64px}
.afterSalesDecisionCard .quickGrid{margin-top:0}
.afterSalesDecisionCard small{line-height:1.35}
.afterSalesBalanceBox{display:grid;gap:8px;border:1px solid #dbe6f0;background:#f8fbfd;border-radius:8px;padding:10px}
.afterSalesBalanceBox strong{font-size:13px;color:#0f172a}
.afterSalesBalanceBox small{color:#64748b;line-height:1.35}
.afterSalesFiscalModal .uiModalPanel{border-top:5px solid #0ea5e9}
.afterSalesFiscalModal-warning .uiModalPanel{border-top-color:#f59e0b}
.afterSalesFiscalModal-success .uiModalPanel{border-top-color:#16a34a}
.afterSalesFiscalModalBody{border:1px solid #dbeafe;background:#eef8ff;border-radius:10px;padding:14px;display:grid;gap:8px}
.afterSalesFiscalModal-warning .afterSalesFiscalModalBody{border-color:#fed7aa;background:#fff7ed}
.afterSalesFiscalModal-success .afterSalesFiscalModalBody{border-color:#bbf7d0;background:#f0fdf4}
.afterSalesFiscalModalBody strong{font-size:18px;line-height:1.35;color:#0f172a}
.afterSalesFiscalModalBody p{margin:0;color:#475569;line-height:1.45}
.afterSalesFiscalLinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}

@media screen and (max-width:900px){
  .afterSalesSearchForm,.afterSalesResultCard summary,.afterSalesServiceSummary,.afterSalesInlineForm,.afterSalesCaseGrid,.afterSalesDecisionGrid{grid-template-columns:1fr}
  .afterSalesResultMeta{text-align:left}
  .afterSalesInlineForm button{grid-row:auto;grid-column:auto}
  .afterSalesCaseHeader{display:grid}
  .afterSalesCaseStatus{max-width:none;justify-content:flex-start}
}
.serviceStatusTimeline{background:#fff;display:grid;gap:14px}.serviceTimelineHead{display:flex;justify-content:space-between;gap:12px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:10px}.serviceTimelineHead span{text-transform:uppercase;font-size:12px;font-weight:900;color:var(--brand);letter-spacing:.08em}.serviceTimelineHead strong{font-size:20px}.serviceTimelineList{display:grid;gap:0}.serviceTimelineItem{display:grid;grid-template-columns:18px 1fr;gap:10px;position:relative;padding:0 0 16px}.serviceTimelineItem:not(:last-child)::before{content:"";position:absolute;left:6px;top:18px;bottom:0;width:2px;background:#dbeafe}.serviceTimelineDot{width:14px;height:14px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px #e0f2fe;margin-top:4px}.serviceTimelineItem strong{display:block;color:#0f172a}.serviceTimelineItem time{display:block;color:var(--muted);font-size:12px;margin-top:2px}.serviceTimelineItem p{margin:6px 0 0;color:#334155;line-height:1.4}.serviceTimelineEmpty{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:8px;padding:14px}.serviceTimelineEmpty p{margin:4px 0 0;color:var(--muted)}
.serviceStatusPage{width:min(780px,100%);margin:0 auto;display:grid;gap:16px}.serviceStatusHero{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}.serviceStatusHero img{max-width:170px}.serviceStatusHero h1{margin:0}.serviceStatusHero p{margin:6px 0 0;color:var(--muted)}.serviceStatusSearch{display:grid;grid-template-columns:1fr auto auto;gap:10px}.serviceStatusCard{background:#fff}.serviceStatusTop{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.serviceStatusTop strong{font-size:24px}.serviceStatusInfo{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.serviceStatusNote{margin-top:12px;border:1px solid #dbe4ef;background:#f8fafc;border-radius:8px;padding:10px;color:#334155;font-size:13px}.serviceBonusTag{display:inline-flex;align-items:center;margin-left:6px;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:950;text-transform:uppercase;line-height:1.35;vertical-align:middle}.serviceBonusTag.ok{background:#dcfce7;color:#166534;border:1px solid #86efac}.serviceBonusTag.pending{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}

@media screen and (max-width:1100px){.serviceDesk,.serviceOpsLayout,.serviceFormBandTop,.serviceInlineFields,.serviceMoneyGrid,.serviceChargeLine,.serviceTechGrid,.serviceDeliveryGrid{grid-template-columns:1fr}.serviceRecentRail{position:static}.serviceCheckGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.serviceTechMetrics{grid-template-columns:1fr}.serviceTechHeader,.serviceTechCardHead,.workshopShortcut{display:grid}.serviceTechCardHead span{text-align:left}.serviceIntakeLayout{grid-template-columns:1fr}.serviceFormGrid.two,.serviceStatusSearch,.serviceStatusInfo{grid-template-columns:1fr}}
@media screen and (max-width:640px){.serviceSearchLine,.serviceRecentItem{grid-template-columns:1fr}.serviceRecentItem>div:last-child{justify-items:start}.serviceCheckGrid{grid-template-columns:1fr}.serviceCardHead{display:grid}.serviceIntakeForm{padding:12px}.serviceFormSection{padding:12px}}