/*
 * Canonical rebuild layer for concept screens.
 * This file owns the scan-* UI system and page-level rebuild styling for:
 * - create-order
 * - order-bids
 * - client-orders
 * - master-orders
 * - master-assigned-orders
 *
 * It is loaded after ui-polish.css on purpose, so concept screens are no longer
 * defined by the legacy override tail. Remaining shared dependencies stay in
 * app.css/ui-polish.css only for generic tokens and utilities.
 */

.visual-create-shell.scan-shell,
.visual-bids-shell.scan-shell,
.visual-client-orders-shell.scan-shell,
.visual-master-orders-shell.scan-shell,
.visual-master-repairs-shell.scan-shell,
.visual-master-profile-shell.scan-shell,
.visual-fault-search-shell.scan-shell{
  --scan-shell-gap:10px;
  --scan-shell-tight-gap:8px;
  --scan-card-gap:8px;
  --scan-info-gap:6px;
  --scan-surface-bg:#ffffff;
  --scan-surface-soft-bg:rgba(249,250,251,.96);
  --scan-surface-muted-bg:rgba(248,250,252,.9);
  --scan-surface-border:rgba(15,23,42,.10);
  --scan-surface-border-strong:rgba(15,23,42,.14);
  --scan-surface-border-soft:rgba(15,23,42,.07);
  --scan-surface-shadow:0 6px 18px rgba(15,23,42,.035);
  --scan-surface-shadow-soft:0 3px 10px rgba(15,23,42,.022);
  --scan-radius-panel:20px;
  --scan-radius-card:18px;
  --scan-radius-inner:16px;
  --scan-radius-control:14px;
  --scan-radius-media:16px;
  display:grid;
  gap:var(--scan-shell-gap);
}

.visual-create-shell.scan-shell > .mb-12,
.visual-create-shell.scan-shell > .mb-14,
.visual-create-shell.scan-shell > .mb-16,
.visual-create-shell.scan-shell > .mt-12,
.visual-create-shell.scan-shell > .mt-14,
.visual-bids-shell.scan-shell > .mb-12,
.visual-bids-shell.scan-shell > .mb-14,
.visual-bids-shell.scan-shell > .mb-16,
.visual-bids-shell.scan-shell > .mt-12,
.visual-bids-shell.scan-shell > .mt-14,
.visual-client-orders-shell.scan-shell > .mb-12,
.visual-client-orders-shell.scan-shell > .mb-14,
.visual-client-orders-shell.scan-shell > .mb-16,
.visual-client-orders-shell.scan-shell > .mt-12,
.visual-client-orders-shell.scan-shell > .mt-14,
.visual-master-orders-shell.scan-shell > .mb-12,
.visual-master-orders-shell.scan-shell > .mb-14,
.visual-master-orders-shell.scan-shell > .mb-16,
.visual-master-orders-shell.scan-shell > .mt-12,
.visual-master-orders-shell.scan-shell > .mt-14,
.visual-master-repairs-shell.scan-shell > .mb-12,
.visual-master-repairs-shell.scan-shell > .mb-14,
.visual-master-repairs-shell.scan-shell > .mb-16,
.visual-master-repairs-shell.scan-shell > .mt-12,
.visual-master-repairs-shell.scan-shell > .mt-14,
.visual-master-profile-shell.scan-shell > .mb-12,
.visual-fault-search-shell.scan-shell > .mb-12,
.visual-master-profile-shell.scan-shell > .mb-14,
.visual-master-profile-shell.scan-shell > .mb-16,
.visual-master-profile-shell.scan-shell > .mt-12,
.visual-master-profile-shell.scan-shell > .mt-14,
.visual-fault-search-shell.scan-shell > .mb-14,
.visual-fault-search-shell.scan-shell > .mb-16,
.visual-fault-search-shell.scan-shell > .mt-12,
.visual-fault-search-shell.scan-shell > .mt-14{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* scan-owner screens opt out of generic .card stacking from app.css */
.visual-create-shell.scan-shell > .card + .card,
.visual-bids-shell.scan-shell > .card + .card,
.visual-client-orders-shell.scan-shell > .card + .card,
.visual-master-orders-shell.scan-shell > .card + .card,
.visual-master-repairs-shell.scan-shell > .card + .card,
.visual-master-profile-shell.scan-shell > .card + .card,
.visual-fault-search-shell.scan-shell > .card + .card,
.scan-card-list > .card + .card{
  margin-top:0;
}

.visual-create-shell .create-order-form{
  margin-top:0;
  max-width:720px;
  gap:10px;
}

.visual-create-shell .create-order-form label{
  margin-bottom:0;
  font-weight:700;
  color:#0f172a;
}

.visual-create-shell .create-order-form .mb-14,
.visual-create-shell .create-order-form .mb-16{
  display:grid;
  gap:5px;
  margin-bottom:0;
}

.visual-create-shell .create-order-form textarea{
  min-height:76px;
  resize:none;
}

.create-order-inline-grid{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);
  gap:9px;
  align-items:start;
}

.visual-create-shell .create-order-actions{
  margin-top:2px;
}

.visual-create-shell .create-order-actions--premium .btn{
  width:100%;
}

.visual-create-shell .city-picker{
  margin-bottom:12px;
}

.scan-form-card{
  padding:15px 15px 16px;
  border:1px solid var(--scan-surface-border);
  border-radius:var(--scan-radius-panel);
  background:var(--scan-surface-bg);
  box-shadow:var(--scan-surface-shadow);
}

.create-order-photo-block{
  display:grid;
  gap:8px;
  padding:12px 13px;
  border:1px solid var(--scan-surface-border);
  border-radius:var(--scan-radius-inner);
  background:var(--scan-surface-soft-bg);
}

.create-order-photo-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.create-order-photo-label{
  font-size:15px;
  font-weight:800;
  color:#0f172a;
}

.create-order-photo-note,
.create-order-photo-dropzone__note{
  font-size:12px;
  line-height:1.35;
  color:rgba(15,23,42,.68);
}

.create-order-photo-note{
  margin-top:4px;
  max-width:48ch;
}

.create-order-photo-dropzone{
  position:relative;
  display:grid;
  gap:5px;
  padding:13px 14px;
  border:1px dashed rgba(15,23,42,.18);
  border-radius:var(--scan-radius-control);
  background:rgba(252,253,253,.98);
}

.create-order-photo-dropzone input[type="file"]{
  width:100%;
}

.create-order-photo-dropzone__title{
  font-size:14px;
  font-weight:700;
  color:#0f172a;
}

.create-order-photo-preview-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
  gap:8px;
}

.create-order-photo-preview{
  display:grid;
  gap:7px;
  min-height:120px;
  padding:10px;
  border-radius:var(--scan-radius-control);
  border:1px solid var(--scan-surface-border);
  background:rgba(250,251,252,.94);
}

.create-order-photo-preview--placeholder{
  place-items:center;
  color:rgba(15,23,42,.56);
  font-size:13px;
  text-align:center;
}

.create-order-photo-preview__image{
  width:100%;
  height:84px;
  border-radius:var(--scan-radius-control);
  object-fit:cover;
  background:rgba(15,23,42,.06);
}

.create-order-photo-preview__label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  padding:4px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  background:rgba(22,163,74,.12);
  color:#166534;
}

.create-order-photo-preview__name{
  font-size:12px;
  line-height:1.35;
  color:rgba(15,23,42,.78);
  word-break:break-word;
}

.create-order-photo-warning{
  font-size:12px;
  color:#92400e;
}

.scan-shell{
  display:grid;
  gap:12px;
}

.scan-page-head{
  display:grid;
  gap:12px;
  padding:16px 18px 16px;
  border-radius:var(--scan-radius-panel);
  border:1px solid var(--scan-surface-border);
  background:var(--scan-surface-bg);
  box-shadow:var(--scan-surface-shadow);
}

.scan-page-head__main{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.scan-page-head__title{
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.03em;
}

.scan-page-head__sub{
  margin-top:6px;
  font-size:14px;
  line-height:1.45;
  color:rgba(15,23,42,.72);
  max-width:60ch;
}

.scan-page-head__meta,
.scan-page-head__actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.scan-toolbar{
  display:grid;
  gap:8px;
}

.scan-page-head > .scan-toolbar{
  margin-top:0 !important;
}


.scan-search-row{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:48px;
  padding:0 13px;
  border-radius:var(--scan-radius-control);
  border:1px solid var(--scan-surface-border);
  background:#fff;
}

.scan-search-row__icon{
  font-size:16px;
  color:rgba(15,23,42,.44);
}

.scan-search-row__input{
  flex:1 1 auto;
  border:0;
  background:transparent;
  padding:0;
  min-width:0;
  font-size:14px;
  color:#0f172a;
}

.scan-search-row__input:focus{
  outline:none;
  box-shadow:none;
}

.scan-filter-pills{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}

.scan-filter-pill{
  appearance:none;
  border:1px solid rgba(15,23,42,.09);
  background:rgba(248,250,252,.92);
  color:rgba(15,23,42,.76);
  border-radius:999px;
  padding:9px 13px;
  font-size:13px;
  font-weight:650;
  display:inline-flex;
  align-items:center;
  gap:7px;
  cursor:pointer;
  box-shadow:none;
  transition:transform .12s ease,background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;
}

.scan-filter-pill span{
  color:rgba(15,23,42,.48);
}

.scan-filter-pill.is-active{
  border-color:rgba(15,23,42,.16);
  background:#fff;
  color:#0f172a;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}

.scan-filter-pill.is-active span{
  color:rgba(15,23,42,.62);
}

.scan-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(249,250,251,.96);
  color:rgba(15,23,42,.78);
  font-size:12px;
  font-weight:650;
  line-height:1;
  box-shadow:none;
}

.scan-pill--soft{
  background:rgba(248,250,252,.88);
  color:rgba(15,23,42,.66);
  border-color:rgba(15,23,42,.07);
}

.scan-pill--counter{
  background:rgba(15,23,42,.05);
  color:rgba(15,23,42,.64);
  border-color:rgba(15,23,42,.08);
}

.scan-pill--accent{
  background:rgba(33,160,56,.08);
  color:#176330;
  border-color:rgba(33,160,56,.16);
}

.scan-pill--warning{
  background:rgba(217,119,6,.09);
  color:#9a5600;
  border-color:rgba(217,119,6,.14);
}

.scan-inline-back{
  display:flex;
  align-items:center;
}

.scan-empty-state,
.scan-empty-callout,
.scan-inline-banner{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:14px 16px;
  border:1px solid var(--scan-surface-border);
  border-radius:var(--scan-radius-card);
  background:var(--scan-surface-soft-bg);
  box-shadow:none;
}

.scan-empty-state.is-hidden{
  display:none !important;
}

.scan-empty-callout{
  border:1px dashed rgba(15,23,42,.14);
  background:var(--scan-surface-soft-bg);
}

.scan-inline-banner--warn{
  background:rgba(255,251,235,.94);
  border:1px solid rgba(245,158,11,.18);
}

.scan-section-stack{
  display:grid;
  gap:14px;
}

.scan-section{
  display:grid;
  gap:8px;
}

.scan-section__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.scan-section__title{
  margin:0;
  font-size:17px;
  line-height:1.2;
  letter-spacing:-.02em;
}

.scan-card-list{
  display:grid;
  gap:8px;
}

.scan-card{
  display:grid;
  gap:9px;
  padding:12px;
  border-radius:var(--scan-radius-card);
  border:1px solid var(--scan-surface-border);
  background:var(--scan-surface-bg);
  box-shadow:var(--scan-surface-shadow);
}

.scan-card__body{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:12px;
  align-items:start;
}

.scan-card__content{
  display:grid;
  gap:6px;
  min-width:0;
}

.scan-card__topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
}

.scan-card__date{
  font-size:13px;
  color:rgba(15,23,42,.56);
  white-space:nowrap;
}

.scan-card__title{
  margin:0;
  font-size:20px;
  line-height:1.12;
  letter-spacing:-.03em;
  color:#0f172a;
}

.scan-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.scan-card__problem{
  font-size:14px;
  line-height:1.45;
  color:rgba(15,23,42,.76);
}

.scan-card__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
  padding-top:10px;
  border-top:1px solid rgba(15,23,42,.06);
}

.scan-card__footer--single{
  justify-content:flex-start;
}

.scan-card__primary{
  width:100%;
  min-height:46px;
  border-radius:var(--scan-radius-inner);
}

.scan-card__ghost-cta,
.scan-card__status-note{
  width:100%;
  min-height:44px;
  padding:11px 13px;
  border-radius:var(--scan-radius-control);
  border:1px solid rgba(15,23,42,.08);
  background:rgba(248,250,252,.84);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:600;
  color:rgba(15,23,42,.66);
  text-align:center;
}

.scan-card__status-note{
  justify-content:flex-start;
  font-weight:600;
  line-height:1.45;
}

.scan-card__media{
  width:92px;
  min-width:92px;
  height:92px;
}

.scan-card__image,
.scan-card__placeholder{
  width:100%;
  height:100%;
  border-radius:var(--scan-radius-media);
}

.scan-card__image{
  display:block;
  object-fit:cover;
  background:rgba(15,23,42,.05);
}

.scan-card__placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--scan-surface-border);
  background:rgba(248,250,252,.92);
}

.scan-card__placeholder span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:var(--scan-radius-control);
  background:rgba(33,160,56,.08);
  color:#1b7f2c;
  font-size:18px;
  font-weight:800;
}

.scan-card__gallery{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}

.scan-card__thumb{
  position:relative;
  width:58px;
  height:58px;
  border-radius:var(--scan-radius-control);
  overflow:hidden;
  background:rgba(15,23,42,.06);
}

.scan-card__thumb.is-first{
  width:70px;
  height:58px;
}

.scan-card__thumb-image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.scan-card__thumb-more{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(15,23,42,.58);
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.scan-action-layer{
  display:grid;
  gap:10px;
  padding:11px;
  border-radius:var(--scan-radius-inner);
  border:1px solid var(--scan-surface-border);
  background:var(--scan-surface-muted-bg);
}

.scan-action-layer.is-hidden{
  display:none !important;
}

.scan-card__stack{
  display:grid;
  gap:8px;
  width:100%;
}

.scan-inline-feedback{
  display:none;
}

.scan-inline-form{
  display:grid;
  gap:8px;
}

.scan-inline-form textarea,
.scan-inline-form .input,
.scan-inline-form input[type="number"],
.scan-inline-form input[type="file"],
.scan-inline-form select{
  width:100%;
}

.scan-drawer{
  border:1px solid var(--scan-surface-border);
  border-radius:var(--scan-radius-control);
  background:rgba(250,251,252,.96);
  overflow:hidden;
}

.scan-drawer > summary{
  list-style:none;
  cursor:pointer;
  padding:12px 14px;
  font-size:14px;
  font-weight:800;
  color:#0f172a;
}

.scan-drawer[open] > summary{
  border-bottom:1px solid rgba(15,23,42,.06);
}

.scan-drawer > summary::-webkit-details-marker{
  display:none;
}

.scan-drawer__body{
  padding:0 14px 14px;
}

.scan-drawer__body--stack{
  display:grid;
  gap:10px;
}

.scan-drawer--nested{
  margin-top:6px;
}

.scan-timeline-pills{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.scan-info-block{
  display:grid;
  gap:6px;
  padding:10px 11px;
  border-radius:var(--scan-radius-control);
  background:#fff;
  border:1px solid var(--scan-surface-border);
}

.scan-info-block__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}

.scan-list{
  display:grid;
  gap:4px;
}

.scan-list__row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:14px;
  color:rgba(15,23,42,.76);
}

.scan-doc-row,
.scan-detail-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.scan-head-note{
  font-size:13px;
  color:rgba(15,23,42,.64);
  line-height:1.45;
}

.scan-master-choices{
  display:grid;
  gap:8px;
}

.scan-master-card{
  display:grid;
  gap:8px;
  padding:12px 12px 13px;
  border-radius:var(--scan-radius-card);
  border:1px solid var(--scan-surface-border);
  background:var(--scan-surface-bg);
  box-shadow:var(--scan-surface-shadow-soft);
}

.scan-master-card__head{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:12px;
  align-items:start;
}

.scan-master-card__avatar,
.scan-master-inline__avatar{
  width:54px;
  height:54px;
  border-radius:var(--scan-radius-media);
  overflow:hidden;
  border:1px solid rgba(15,23,42,.06);
  background:rgba(15,23,42,.06);
}

.scan-master-card__avatar-image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.scan-master-card__avatar-fallback{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(33,160,56,.10);
  color:#1b7f2c;
  font-size:22px;
  font-weight:800;
}

.scan-master-card__copy{
  display:grid;
  gap:6px;
  min-width:0;
}

.scan-master-card__topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
}

.scan-master-card__name{
  margin:0;
  font-size:19px;
  line-height:1.12;
  letter-spacing:-.02em;
}

.scan-master-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.scan-master-card__trust{
  font-size:13px;
  color:rgba(15,23,42,.62);
}

.scan-master-card__message{
  font-size:14px;
  line-height:1.5;
  color:rgba(15,23,42,.82);
}

.scan-master-card__footer{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding-top:10px;
  border-top:1px solid rgba(15,23,42,.06);
}

.scan-master-inline{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:12px;
  align-items:center;
  width:100%;
}

.scan-master-inline--wide{
  padding:2px 0;
}

.scan-master-inline__copy{
  display:grid;
  gap:3px;
  min-width:0;
}

.scan-master-inline__eyebrow{
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(15,23,42,.48);
}

.scan-master-inline__name{
  font-size:16px;
  font-weight:800;
  color:#0f172a;
}

.scan-master-inline__note{
  font-size:13px;
  color:rgba(15,23,42,.64);
  line-height:1.45;
}

.scan-page-head--selection .scan-page-head__main,
.scan-page-head--create .scan-page-head__main{
  align-items:center;
}

.scan-page-head--selection,
.scan-page-head--orders,
.scan-page-head--repairs,
.scan-page-head--client,
.scan-page-head--profile,
.scan-page-head--create{
  padding-bottom:16px;
}

.scan-page-head--selection .scan-page-head__sub:empty,
.scan-page-head--orders .scan-page-head__sub:empty,
.scan-page-head--repairs .scan-page-head__sub:empty,
.scan-page-head--client .scan-page-head__sub:empty,
.scan-page-head--profile .scan-page-head__sub:empty,
.scan-page-head--create .scan-page-head__sub:empty{
  display:none;
}

.scan-card--focused-order{
  background:rgba(252,253,253,.98);
  border-color:var(--scan-surface-border-strong);
  box-shadow:0 0 0 1px rgba(15,23,42,.02), 0 8px 20px rgba(15,23,42,.038);
}

.scan-card--focused-order .scan-card__title{
  font-size:19px;
}

.scan-card--focused-order .scan-card__problem{
  color:rgba(15,23,42,.72);
}

.scan-master-choices .scan-section__head{
  margin-top:0;
}

.scan-master-card .scan-card__primary{
  min-height:46px;
}

.scan-card.order-card-highlight,
.scan-master-card.scan-master-card--selected{
  border-color:rgba(15,23,42,.14);
  background:rgba(252,253,253,.98);
  box-shadow:0 0 0 1px rgba(15,23,42,.02), 0 8px 20px rgba(15,23,42,.038);
}

.scan-master-inline--wide,
.assigned-master-card{
  width:100%;
  padding:11px 12px;
  border:1px solid var(--scan-surface-border);
  border-radius:var(--scan-radius-inner);
  background:var(--scan-surface-soft-bg) !important;
  box-shadow:none !important;
}

.scan-shell .btn,
.scan-shell .btn-primary,
.scan-shell .btn-secondary,
.scan-shell .btn-success,
.scan-shell .btn-danger,
.scan-shell .btn-outline,
.scan-shell .btn-ghost,
.scan-shell .btn-solid-primary,
.scan-shell .ghost{
  box-shadow:none;
}

.scan-shell .btn,
.scan-shell .btn-secondary{
  background:rgba(250,251,252,.96);
  color:rgba(15,23,42,.82);
  border-color:rgba(15,23,42,.10);
}

.scan-shell .btn-success{
  background:rgba(240,253,244,.96);
  color:#176330;
  border-color:rgba(34,197,94,.18);
}

.scan-shell .btn-outline{
  background:rgba(247,250,248,.96);
  color:#176330;
  border-color:rgba(33,160,56,.16);
}

.scan-shell .btn-ghost,
.scan-shell .ghost{
  background:rgba(255,255,255,.68);
  color:rgba(15,23,42,.66);
  border-color:rgba(15,23,42,.07);
}

.scan-shell .btn-danger{
  background:rgba(254,242,242,.96);
  color:#9f1d1d;
  border-color:rgba(239,68,68,.18);
}

.scan-shell .btn-primary,
.scan-shell .btn.btn-primary,
.scan-shell .btn.primary,
.scan-shell .btn-solid-primary{
  background:#21a038;
  color:#fff;
  border-color:#1c8d32;
  box-shadow:0 4px 12px rgba(15,23,42,.06);
}

.scan-shell .btn:hover,
.scan-shell .btn-primary:hover,
.scan-shell .btn-secondary:hover,
.scan-shell .btn-success:hover,
.scan-shell .btn-danger:hover,
.scan-shell .btn-outline:hover,
.scan-shell .btn-ghost:hover,
.scan-shell .btn-solid-primary:hover,
.scan-shell .ghost:hover{
  box-shadow:none;
}

.scan-shell .btn:hover,
.scan-shell .btn-secondary:hover,
.scan-shell .btn-success:hover{
  background:#fff;
  border-color:rgba(15,23,42,.13);
}

.scan-shell .btn-success:hover{
  background:#f7fff8;
  border-color:rgba(34,197,94,.24);
}

.scan-shell .btn-outline:hover{
  background:#fff;
  border-color:rgba(33,160,56,.22);
}

.scan-shell .btn-danger:hover{
  background:#fff5f5;
  border-color:rgba(239,68,68,.24);
}

.scan-shell .btn-ghost:hover,
.scan-shell .ghost:hover{
  background:rgba(15,23,42,.02);
  border-color:rgba(15,23,42,.10);
}

.scan-shell .btn-primary:hover,
.scan-shell .btn.btn-primary:hover,
.scan-shell .btn.primary:hover,
.scan-shell .btn-solid-primary:hover{
  box-shadow:0 6px 16px rgba(15,23,42,.07);
  background:#1d9734;
  border-color:#1c8d32;
}

.scan-shell .pill,
.scan-shell .chip{
  min-height:34px;
  padding:8px 12px;
  background:rgba(248,250,252,.92);
  border-color:rgba(15,23,42,.08);
  color:rgba(15,23,42,.74);
  box-shadow:none;
  font-weight:650;
}

.scan-shell .pill:hover,
.scan-shell .chip:hover{
  background:#fff;
  border-color:rgba(15,23,42,.12);
  box-shadow:none;
}

.scan-page-head__actions .btn:not(.btn-primary),
.scan-detail-actions .pill,
.scan-doc-row .pill,
.scan-drawer .pill,
.scan-inline-back .pill,
.scan-head-note .pill{
  background:rgba(248,250,252,.92);
  color:rgba(15,23,42,.74);
}

.scan-timeline-pills .scan-pill{
  background:rgba(248,250,252,.88);
  color:rgba(15,23,42,.58);
  border-color:rgba(15,23,42,.07);
}

.scan-timeline-pills .scan-pill--accent{
  background:rgba(33,160,56,.07);
  color:#176330;
  border-color:rgba(33,160,56,.14);
}


.visual-fault-search-shell.scan-shell{
  --scan-shell-gap:12px;
  --scan-surface-border:rgba(15,23,42,.11);
  --scan-surface-border-strong:rgba(15,23,42,.17);
  --scan-surface-shadow:0 6px 18px rgba(15,23,42,.032);
  --scan-surface-shadow-soft:0 4px 12px rgba(15,23,42,.024);
  gap:var(--scan-shell-gap);
}

.scan-page-head--fault-search .scan-page-head__sub{
  max-width:760px;
}

.visual-fault-search-shell .fault-search-surface,
.visual-fault-search-shell .fault-result-card{
  margin-top:0;
}

.visual-fault-search-shell .fault-search-surface{
  display:grid;
  gap:12px;
  padding:14px;
  border-color:var(--scan-surface-border-strong);
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(250,252,253,.97));
  box-shadow:0 0 0 1px rgba(255,255,255,.76), 0 8px 22px rgba(15,23,42,.03);
}

.visual-fault-search-shell .fault-search-frame{
  display:grid;
  gap:12px;
  padding:13px;
  border:1px solid rgba(15,23,42,.07);
  border-radius:var(--scan-radius-inner);
  background:rgba(248,250,252,.82);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}

.visual-fault-search-shell .fault-search-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr)) auto;
  gap:12px;
  margin-top:0;
  align-items:start;
}

.visual-fault-search-shell .fault-search-field{
  display:grid;
  gap:6px;
  min-width:0;
}

.visual-fault-search-shell .fault-search-field__label,
.visual-fault-search-shell .fault-result-block__label{
  font-size:12.5px;
  font-weight:650;
  line-height:1.35;
  color:rgba(15,23,42,.74);
}

.visual-fault-search-shell .fault-search-field .scan-search-row{
  width:100%;
  min-height:50px;
  border-color:rgba(15,23,42,.14);
  background:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.72), inset 0 1px 0 rgba(255,255,255,.72);
}

.visual-fault-search-shell .fault-search-field .scan-search-row:focus-within{
  border-color:rgba(33,160,56,.22);
  background:#fff;
  box-shadow:0 0 0 3px rgba(33,160,56,.08), inset 0 1px 0 rgba(255,255,255,.82);
}

.visual-fault-search-shell .fault-search-field .scan-search-row__icon{
  color:rgba(15,23,42,.48);
}

.visual-fault-search-shell .fault-search-field select.scan-search-row__input{
  padding-right:18px;
}

.visual-fault-search-shell .fault-search-actions{
  display:flex;
  align-items:stretch;
  align-self:end;
  justify-content:flex-start;
}

.visual-fault-search-shell .fault-search-actions .btn{
  min-width:124px;
  min-height:50px;
}

.visual-fault-search-shell .fault-search-note,
.visual-fault-search-shell .fault-result-note{
  margin-top:0;
  padding-top:2px;
}

.visual-fault-search-shell .fault-search-note{
  padding-top:10px;
  border-top:1px solid rgba(15,23,42,.06);
}

.visual-fault-search-shell .fault-result-card{
  display:grid;
  gap:12px;
  padding:16px;
  border-color:rgba(15,23,42,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(250,251,252,.97));
  box-shadow:0 0 0 1px rgba(255,255,255,.74), var(--scan-surface-shadow-soft);
}

.visual-fault-search-shell .fault-result-card.is-empty{
  border-color:rgba(15,23,42,.10);
  background:linear-gradient(180deg, rgba(250,251,252,.98), rgba(247,249,251,.96));
}

.visual-fault-search-shell .fault-result-head{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  align-items:center;
}

.visual-fault-search-shell .fault-result-title{
  margin:0;
  font-size:21px;
  line-height:1.12;
  letter-spacing:-.024em;
  color:#0f172a;
}

.visual-fault-search-shell .fault-result-body,
.visual-fault-search-shell .fault-result-empty{
  display:grid;
  gap:10px;
}

.visual-fault-search-shell .fault-result-block{
  gap:6px;
  padding:12px 13px;
  border-color:rgba(15,23,42,.08);
  background:rgba(255,255,255,.94);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

.visual-fault-search-shell .fault-result-copy{
  margin:0;
  line-height:1.58;
  color:rgba(15,23,42,.82);
}

@media (max-width:1100px){
  .visual-fault-search-shell .fault-search-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .visual-fault-search-shell .fault-search-actions{
    grid-column:1 / -1;
  }
}

@media (max-width:760px){
  .visual-fault-search-shell.scan-shell{
    --scan-shell-gap:10px;
    gap:var(--scan-shell-gap);
  }

  .visual-fault-search-shell .fault-search-surface,
  .visual-fault-search-shell .fault-result-card{
    padding:12px;
    border-radius:17px;
  }

  .visual-fault-search-shell .fault-search-frame{
    gap:10px;
    padding:11px;
    border-radius:15px;
  }

  .visual-fault-search-shell .fault-search-grid{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:0;
  }

  .visual-fault-search-shell .fault-search-field{
    gap:5px;
  }

  .visual-fault-search-shell .fault-search-field .scan-search-row{
    min-height:48px;
  }

  .visual-fault-search-shell .fault-search-actions,
  .visual-fault-search-shell .fault-search-actions .btn{
    width:100%;
  }

  .visual-fault-search-shell .fault-result-title{
    font-size:18px;
    line-height:1.08;
  }

  .visual-fault-search-shell .fault-result-block{
    padding:11px 12px;
  }
}

@media (max-width:760px){
  .scan-page-head{
    padding:14px 13px 13px;
    border-radius:18px;
  }

  .scan-page-head__title{
    font-size:20px;
  }

  .scan-card{
    padding:11px;
    border-radius:16px;
  }

  .scan-card__body{
    grid-template-columns:68px minmax(0,1fr);
    gap:12px;
  }

  .scan-card__media{
    width:68px;
    min-width:68px;
    height:68px;
  }

  .scan-card__image,
  .scan-card__placeholder{
    border-radius:14px;
  }

  .scan-card__placeholder span{
    width:36px;
    height:36px;
    border-radius:12px;
    font-size:16px;
  }

  .scan-card__title,
  .scan-master-card__name{
    font-size:18px;
  }

  .scan-search-row{
    min-height:46px;
    padding:0 11px;
  }

  .scan-master-card__head,
  .scan-master-inline{
    grid-template-columns:46px minmax(0,1fr);
  }

  .scan-master-card__avatar,
  .scan-master-inline__avatar{
    width:46px;
    height:46px;
    border-radius:14px;
  }

  .scan-card__thumb{
    width:48px;
    height:48px;
    border-radius:12px;
  }

  .scan-card__thumb.is-first{
    width:58px;
    height:48px;
  }
}

@media (max-width:520px){
  .create-order-inline-grid{
    grid-template-columns:1fr;
  }
}

/* Typography pass: quieter premium hierarchy without redesign */
.scan-page-head__title,
.scan-card__title,
.scan-section__title,
.scan-master-card__name,
.scan-master-inline__name{
  font-family:inherit;
}

.scan-page-head__title{
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.028em;
}

.scan-page-head__sub{
  margin-top:7px;
  font-size:13.5px;
  line-height:1.52;
  color:rgba(15,23,42,.68);
}

.scan-section__title{
  font-weight:650;
  line-height:1.24;
  letter-spacing:-.018em;
}

.scan-card__title{
  font-weight:700;
  font-size:19px;
  line-height:1.16;
  letter-spacing:-.024em;
}

.scan-card--focused-order .scan-card__title{
  font-size:18px;
}

.scan-card__date{
  font-size:12.5px;
  line-height:1.35;
  color:rgba(15,23,42,.52);
}

.scan-card__problem,
.scan-master-card__message{
  line-height:1.52;
  color:rgba(15,23,42,.74);
}

.scan-master-card__name{
  font-weight:700;
  line-height:1.15;
  letter-spacing:-.018em;
}

.scan-master-card__trust,
.scan-master-inline__note,
.scan-head-note{
  line-height:1.5;
  color:rgba(15,23,42,.62);
}

.scan-master-inline__eyebrow{
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  color:rgba(15,23,42,.44);
}

.scan-master-inline__name{
  font-size:15px;
  font-weight:700;
}

.scan-filter-pill{
  font-size:12.5px;
  font-weight:650;
  letter-spacing:-.01em;
}

.scan-filter-pill span{
  font-weight:600;
  color:rgba(15,23,42,.48);
}

.scan-pill{
  font-weight:600;
  letter-spacing:-.01em;
  color:rgba(15,23,42,.82);
}

.scan-pill b,
.scan-pill strong{
  font-weight:700;
}

.scan-pill--soft{
  color:rgba(15,23,42,.66);
}

.scan-pill--accent,
.scan-pill--warning,
.scan-pill--counter{
  font-weight:650;
}

.scan-card__ghost-cta,
.scan-card__status-note{
  font-size:13.5px;
}

.scan-card__ghost-cta{
  font-weight:650;
}

.scan-card__status-note{
  font-weight:550;
  line-height:1.5;
  color:rgba(15,23,42,.68);
}

.scan-drawer > summary{
  font-size:13.5px;
  font-weight:650;
  line-height:1.35;
  color:rgba(15,23,42,.82);
}

.scan-search-row__input,
.scan-inline-form textarea,
.scan-inline-form .input,
.scan-inline-form input[type="number"],
.scan-inline-form input[type="file"],
.scan-inline-form select{
  line-height:1.45;
}

.scan-search-row__input::placeholder{
  color:rgba(15,23,42,.46);
}

.visual-create-shell .create-order-form label{
  font-weight:650;
  line-height:1.35;
  color:rgba(15,23,42,.88);
}

.create-order-photo-label{
  font-size:14px;
  font-weight:700;
}

.create-order-photo-note,
.create-order-photo-dropzone__note,
.create-order-photo-warning,
.create-order-photo-preview__name{
  line-height:1.45;
  color:rgba(15,23,42,.64);
}

.create-order-photo-dropzone__title{
  font-size:13.5px;
  font-weight:650;
}

.create-order-photo-preview__label{
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.03em;
}

.visual-create-shell .btn:not(.btn-primary),
.scan-page-head__actions .btn:not(.btn-primary),
.scan-card .btn:not(.btn-primary),
.scan-drawer .btn:not(.btn-primary){
  font-weight:650;
}

.visual-create-shell .btn.btn-primary,
.scan-page-head__actions .btn.btn-primary,
.scan-card .btn.btn-primary,
.scan-drawer .btn.btn-primary{
  font-weight:700;
}

@media (max-width:760px){
  .scan-page-head__title{
    font-size:20px;
    line-height:1.1;
  }

  .scan-card__title,
  .scan-master-card__name{
    font-size:17px;
  }

  .scan-master-inline__name{
    font-size:14.5px;
  }
}


/* v4 mobile density pass: earlier utility content and tighter form rhythm */
@media (max-width:760px){
  .visual-create-shell.scan-shell,
  .visual-bids-shell.scan-shell,
  .visual-client-orders-shell.scan-shell,
  .visual-master-orders-shell.scan-shell,
  .visual-master-repairs-shell.scan-shell,
  .visual-master-profile-shell.scan-shell,
  .scan-shell{
    gap:8px;
  }

  .scan-inline-back{
    margin-bottom:8px !important;
  }

  .scan-inline-back .pill{
    min-height:34px;
    padding:7px 10px;
    font-size:12px;
  }

  .scan-page-head,
  .scan-page-head--selection,
  .scan-page-head--orders,
  .scan-page-head--repairs,
  .scan-page-head--client,
  .scan-page-head--create{
    padding:12px 12px 11px;
    gap:9px;
    border-radius:17px;
  }

  .scan-page-head__main{
    gap:8px;
  }

  .scan-page-head__title{
    font-size:18px;
    line-height:1.08;
  }

  .scan-page-head__sub{
    margin-top:4px;
    font-size:12.5px;
    line-height:1.45;
  }

  .scan-page-head__meta,
  .scan-page-head__actions,
  .scan-toolbar,
  .scan-filter-pills{
    gap:6px;
  }

  .scan-page-head__actions .btn,
  .scan-page-head__actions .btn-primary,
  .scan-page-head__actions .btn-secondary,
  .scan-page-head__actions .btn-outline,
  .scan-page-head__actions .btn-ghost{
    min-height:36px;
    padding:0 11px;
    border-radius:12px;
    font-size:13px;
  }

  .visual-client-orders-shell .scan-page-head__actions{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .visual-client-orders-shell .scan-page-head__actions > *{
    width:100%;
    justify-content:center;
  }

  .scan-toolbar.mt-14,
  .scan-page-head > .scan-toolbar.mt-14{
    margin-top:0 !important;
  }

  .scan-search-row{
    min-height:42px;
    padding:0 10px;
    border-radius:13px;
  }

  .scan-search-row__input{
    font-size:13.5px;
  }

  .scan-filter-pill{
    min-height:34px;
    padding:8px 11px;
    font-size:12px;
  }

  .scan-pill{
    min-height:28px;
    padding:0 9px;
    font-size:11.5px;
  }

  .scan-info-block,
  .scan-empty-state,
  .scan-empty-callout,
  .scan-inline-banner{
    gap:8px;
    padding:12px 13px;
    border-radius:16px;
  }

  .scan-card-list,
  .scan-master-choices,
  .scan-section-stack{
    gap:7px;
  }

  .scan-card,
  .scan-master-card{
    gap:8px;
    padding:10px;
    border-radius:16px;
  }

  .scan-card__body{
    grid-template-columns:64px minmax(0,1fr);
    gap:10px;
  }

  .scan-card__media{
    width:64px;
    min-width:64px;
    height:64px;
  }

  .scan-card__image,
  .scan-card__placeholder,
  .scan-card__thumb,
  .scan-card__thumb.is-first{
    border-radius:12px;
  }

  .scan-card__thumb{
    width:46px;
    height:46px;
  }

  .scan-card__thumb.is-first{
    width:56px;
    height:46px;
  }

  .scan-card__title,
  .scan-master-card__name{
    font-size:16px;
  }

  .scan-card__problem,
  .scan-master-card__message{
    font-size:13.5px;
    line-height:1.46;
  }

  .scan-card__footer,
  .scan-master-card__footer{
    gap:7px;
    padding-top:8px;
  }

  .scan-card__primary,
  .scan-card__ghost-cta,
  .scan-card__status-note{
    min-height:42px;
    border-radius:14px;
  }

  .scan-action-layer,
  .scan-info-block,
  .scan-drawer,
  .assigned-master-card,
  .scan-master-inline--wide{
    border-radius:14px;
  }

  .scan-drawer > summary,
  .scan-drawer__body{
    padding-left:12px;
    padding-right:12px;
  }

  .scan-master-card__head,
  .scan-master-inline{
    grid-template-columns:44px minmax(0,1fr);
    gap:10px;
  }

  .scan-master-card__avatar,
  .scan-master-inline__avatar{
    width:44px;
    height:44px;
    border-radius:13px;
  }

  .scan-master-inline--wide,
  .assigned-master-card{
    padding:10px 11px;
  }

  .scan-head-note{
    font-size:12.5px;
  }

  .scan-form-card{
    padding:13px 12px 14px;
    border-radius:18px;
  }

  .visual-create-shell .create-order-form{
    gap:9px;
    max-width:none;
  }

  .visual-create-shell .create-order-form label + br,
  .visual-create-shell .city-picker label + br{
    display:none;
  }

  .visual-create-shell .create-order-form .mb-14,
  .visual-create-shell .create-order-form .mb-16{
    gap:4px;
  }

  .visual-create-shell .create-order-form label{
    font-size:13px;
  }

  .visual-create-shell .create-order-form input,
  .visual-create-shell .create-order-form select,
  .visual-create-shell .create-order-form textarea{
    min-height:44px;
    padding:11px 12px;
    border-radius:13px;
  }

  .visual-create-shell .create-order-form textarea{
    min-height:72px;
  }

  .create-order-inline-grid{
    gap:8px;
  }

  .visual-create-shell .city-picker{
    margin-bottom:10px;
  }

  .create-order-photo-block{
    gap:7px;
    padding:11px 12px;
    border-radius:15px;
  }

  .create-order-photo-head{
    gap:8px;
  }

  .create-order-photo-head .pill{
    min-height:28px;
    padding:6px 9px;
    font-size:11px;
  }

  .create-order-photo-note{
    margin-top:2px;
    font-size:11.5px;
  }

  .create-order-photo-dropzone{
    gap:4px;
    padding:11px 12px;
    border-radius:13px;
  }

  .create-order-photo-dropzone input[type="file"]{
    min-height:40px;
    font-size:13px;
  }

  .create-order-photo-dropzone__title{
    font-size:13px;
  }

  .create-order-photo-dropzone__note,
  .create-order-photo-warning,
  .create-order-photo-preview__name{
    font-size:11.5px;
  }

  .create-order-photo-preview-list{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:7px;
  }

  .create-order-photo-preview{
    min-height:104px;
    gap:6px;
    padding:9px;
  }

  .create-order-photo-preview__image{
    height:72px;
  }

  .create-order-actions{
    margin-top:0;
  }

  .create-order-actions .btn,
  .create-order-actions .btn-primary{
    min-height:44px;
    border-radius:14px;
  }
}

@media (max-width:420px){
  .create-order-photo-preview-list{
    grid-template-columns:1fr;
  }
}