/* FireFlies | Refinamento de interface 2026-11-04
   Alterações estritamente visuais. Não altera banco de dados, permissões,
   listas de etapas, formulários, eventos ou fluxo de preparação. */
:root, html[data-theme="light"] {
  --bg: #f4f7f2;
  --panel: #fff;
  --panel-2: #f8faf7;
  --panel-3: #edf3e9;
  --border: #e0e9dc;
  --muted: #65766a;
  --text: #18251b;
  --soft: #425447;
  --pf-card: #fff;
  --pf-hover: #edf6e8;
  --ref-accent: #488b1f;
  --ref-tint: rgba(86, 153, 45, .09);
  --ref-line: #dfe8dc;
  --ref-surface: #fff;
  --ref-muted-surface: #f8faf7;
}
html[data-theme="dark"] {
  --bg: #090e0a;
  --panel: #101712;
  --panel-2: #131b15;
  --panel-3: #1a241c;
  --border: #253129;
  --muted: #95a497;
  --text: #f1f7ef;
  --soft: #c2d0c1;
  --pf-card: #101712;
  --pf-hover: #1b2b1e;
  --ref-accent: #a5e854;
  --ref-tint: rgba(165, 232, 84, .085);
  --ref-line: #28352b;
  --ref-surface: #101712;
  --ref-muted-surface: #121a14;
}
html { scroll-behavior: auto; }
body { font-size: 13px; line-height: 1.48; }
.shell { max-width: 1760px !important; padding: 17px clamp(13px, 2vw, 30px) 24px !important; }
* { -webkit-tap-highlight-color: transparent; }
button:focus-visible, summary:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--ref-accent) !important; outline-offset: 2px;
}
/* Header: simple brand, primary action, no visual clutter */
.topbar { gap: 16px !important; padding-bottom: 12px !important; }
.brandmark.definitive-mark { width: 43px !important; height: 43px !important; border-radius: 12px !important; box-shadow: none !important; }
.brandmark.definitive-mark img { width: 24px; height: 24px; }
.brand-identity h1 { font-size: 22px !important; letter-spacing: -.9px !important; }
.brand-eyebrow { font-size: 8px !important; letter-spacing: 1.45px !important; }
.definitive-wordmark { font-size: 8px !important; letter-spacing: 1.7px !important; }
.top-actions #newBtn { min-height: 40px; padding: 9px 15px; font-size: 12px; font-weight: 780; }
.top-actions .cloud-pill { padding: 6px 10px; font-size: 10px; }
.top-actions .theme-toggle { min-height: 40px; border-radius: 10px; }
/* Compact context, indicators stay informative without giant tiles */
.intro { margin: 16px 0 0 !important; padding: 14px 19px !important; min-height: 65px !important; border-radius: 13px !important; box-shadow: none !important; background: var(--panel) !important; }
.intro h2 { font-size: 18px !important; letter-spacing: -.45px !important; }
.intro .brand-eyebrow { font-size: 9px !important; }
.intro-pill { padding: 6px 10px !important; font-size: 10px !important; border-radius: 99px !important; }
.metrics { grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 9px !important; margin: 12px 0 16px !important; }
.metric { min-height: 82px !important; padding: 13px 15px !important; border-radius: 12px !important; gap: 4px !important; box-shadow: none !important; }
.metric-title { font-size: 11px !important; min-height: 0 !important; line-height: 1.2 !important; }
.metric-title .pf-icon { height: 14px !important; width: 14px !important; padding: 6px !important; border-radius: 8px !important; margin: -2px 0 0 5px !important; }
.metric-value { font-size: 26px !important; line-height: 1.1 !important; letter-spacing: -1px !important; }
.metric-warranty[hidden] { display: none !important; }
#mainApp:not([data-active-view="board"]) > .metrics { display: none !important; }
#mainApp:not([data-active-view="board"]) > .intro { display: none !important; }
/* Sidebar: narrower, nav looks like a product instead of a stack of big buttons */
.workspace-grid { grid-template-columns: 180px minmax(0,1fr) !important; gap: 18px !important; }
.workspace-sidebar { padding: 14px 9px !important; min-height: 0 !important; border-radius: 14px !important; box-shadow: none !important; background: #101611 !important; border: 1px solid #222e25 !important; }
html[data-theme="light"] .workspace-sidebar { background: #101611 !important; }
.sidebar-caption { color: #819382 !important; padding: 0 11px !important; font-size: 9px !important; letter-spacing: 1.2px !important; margin: 5px 0 8px !important; }
.app-nav { gap: 3px !important; margin: 0 !important; }
.app-tab { min-height: 39px !important; padding: 9px 10px !important; border-radius: 9px !important; gap: 10px !important; font-size: 12px !important; font-weight: 630 !important; color: #b5c3b6 !important; }
.app-tab .pf-icon { width: 15px !important; height: 15px !important; }
.app-tab.active { background: #223a1d !important; box-shadow: inset 3px 0 0 #a4e95a !important; color: #e9f7df !important; }
.app-tab:hover { background: #1c2a1d !important; }
.sidebar-tools-collapse { margin: 15px 3px 3px; border-top: 1px solid #2a352b; padding: 11px 2px 0; }
.sidebar-tools-collapse > summary { list-style: none; cursor: pointer; font-size: 10px; font-weight: 790; text-transform: uppercase; letter-spacing: 1px; color: #8da08e; padding: 7px 8px; display: flex; justify-content: space-between; align-items: center; border-radius: 8px; }
.sidebar-tools-collapse > summary::-webkit-details-marker { display: none; }
.sidebar-tools-collapse > summary:hover { background: #1b291d; color: #d9e8d5; }
.sidebar-tools-collapse > summary span { font-size: 15px; line-height: 1; transition: transform .14s; }
.sidebar-tools-collapse[open] > summary span { transform: rotate(180deg); }
.sidebar-shortcuts { margin-top: 5px; gap: 0 !important; }
.sidebar-shortcuts button { padding: 8px 10px !important; font-size: 11px !important; min-height: 34px !important; font-weight: 570 !important; }
/* Board: search first, simple group surfaces, tighter lane header */
.board-head { display: flex !important; flex-wrap: wrap; align-items: center !important; gap: 12px !important; margin: 1px 0 13px !important; }
.board-head h2, .section-heading h2 { font-size: 20px !important; letter-spacing: -.45px !important; }
.board-subtitle, .section-heading p { font-size: 12px !important; line-height: 1.45 !important; }
.board-head .board-tools { margin-left: auto; gap: 8px; }
.board-tools .search-wrap { min-width: 220px; }
.board-tools .search-wrap input, .prep-workspace-search input { min-height: 41px !important; border-radius: 9px !important; background: var(--panel) !important; }
.board-tools > .btn { min-height: 40px; padding: 7px 13px; }
.board-filters-accordion { background: var(--panel) !important; border-radius: 11px !important; box-shadow: none !important; margin-bottom: 13px !important; }
.board-filters-accordion > .board-filters-summary { padding: 10px 13px !important; font-size: 11px !important; font-weight: 660 !important; }
.board-filters-accordion .board-filter-grid { padding: 13px !important; }
.board-group, .board-group.external-group { padding: 15px 13px 12px !important; border-radius: 13px !important; margin: 0 0 15px !important; box-shadow: none !important; background: var(--panel-2) !important; }
.group-head { margin-bottom: 10px !important; }
.group-head h3 { font-size: 15px !important; font-weight: 760 !important; }
.group-head p { font-size: 11px !important; margin: 3px 0 0 !important; }
.group-kicker { font-size: 9px !important; letter-spacing: .95px !important; margin-bottom: 3px !important; }
.group-count { font-size: 11px !important; min-width: 22px !important; margin-left: 4px !important; }
.board { gap: 9px !important; min-height: 120px !important; padding: 0 0 5px !important; }
.lane { min-width: 230px !important; flex: 1 0 230px !important; max-width: 300px !important; min-height: 180px !important; border-radius: 11px !important; box-shadow: none !important; }
.lane-head { padding: 11px 12px !important; }
.lane-title { font-size: 12px !important; }
.lane-count { min-width: 24px; text-align: center; font-weight: 700; border-radius: 7px !important; }
.cards { padding: 9px !important; gap: 8px !important; min-height: 65px !important; }
.lane-empty { min-height: 84px !important; border-radius: 9px !important; }
/* The existing Ver mais remains, with NO nested scrolling */
#boardView .board-group .lane .cards { max-height: none !important; height: auto !important; overflow: visible !important; }
#boardView .board-group .lane { height: auto !important; max-height: none !important; overflow: visible !important; }
#boardView .board-group .lane .lane-more-button { color: var(--ref-accent) !important; background: transparent !important; border-radius: 8px !important; border-color: var(--ref-line) !important; margin: 7px 9px 10px !important; min-height: 36px !important; font-weight: 650 !important; font-size: 11px !important; }
#boardView .board-group .lane .lane-more-button:hover { background: var(--ref-tint) !important; border-color: var(--ref-accent) !important; }
/* Vehicle cards: a clear visual hierarchy for everyday scanning */
.vehicle-card.premium-vehicle-card { border-radius: 10px !important; box-shadow: none !important; transition: border-color .14s, background .14s !important; background: var(--ref-surface) !important; }
.vehicle-card.premium-vehicle-card:hover { transform: none !important; box-shadow: none !important; border-color: color-mix(in srgb,var(--ref-accent) 48%,var(--border)) !important; }
.vehicle-card-foldable .card-information, .premium-vehicle-card--compact .card-information { padding: 11px 11px 9px !important; }
.vehicle-card-foldable .card-model { font-size: 13px !important; font-weight: 800 !important; letter-spacing: -.18px; margin: 0 0 6px !important; }
.vehicle-card-foldable .vin-label { font-size: 9px; margin-bottom: 2px; font-weight: 750; letter-spacing: .75px; color: var(--muted) !important; }
.vehicle-card-foldable .vin { font-size: 11px !important; line-height: 1.35 !important; font-weight: 740 !important; color: var(--text) !important; letter-spacing: .14px; overflow-wrap: anywhere; }
.vehicle-card-foldable .card-essential-meta { margin: 8px 0 4px !important; gap: 5px !important; }
.vehicle-card-foldable .card-essential-meta .tag { font-size: 10px !important; font-weight: 650 !important; border-radius: 7px !important; padding: 5px 7px !important; }
.vehicle-card-foldable .card-expand-toggle { min-height: 32px !important; font-size: 10px !important; color: var(--muted) !important; font-weight: 640 !important; margin-top: 8px !important; }
.vehicle-card-foldable .card-expand-toggle:hover { color: var(--ref-accent) !important; }
.vehicle-card-foldable .card-expanded-details { padding-top: 9px !important; }
.vehicle-card-foldable .card-footer { margin-top: 8px !important; }
.vehicle-card-foldable .card-hint { font-size: 10px !important; }
.vehicle-card-foldable .card-footer-actions { gap: 6px !important; }
.vehicle-card-foldable .move-vehicle-btn, .vehicle-card-foldable .start-preparation-btn { min-height: 35px !important; border-radius: 8px !important; font-size: 11px !important; }
/* More compact preparation workspace: its own command center */
.section-heading { margin: 3px 0 14px !important; }
.prep-workspace-summary { grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 8px !important; margin: 0 0 14px !important; }
.prep-stat { flex-direction: row !important; justify-content: space-between; align-items: center; gap: 10px !important; border-radius: 11px !important; padding: 12px 13px !important; }
.prep-stat>span { font-size: 11px !important; line-height: 1.35; }
.prep-stat>strong { font-size: 21px !important; letter-spacing: -.6px !important; }
.prep-workspace-toolbar { gap: 9px !important; margin-bottom: 12px !important; }
.prep-workspace-search { width: 100%; max-width: none; }
.prep-workspace-filters { gap: 6px !important; }
.prep-workspace-filters>button { padding: 7px 11px !important; border-radius: 8px !important; font-size: 11px !important; font-weight: 660 !important; min-height: 34px; }
.prep-workspace-filters>button.active { background: var(--ref-tint) !important; border-color: var(--ref-accent) !important; color: var(--ref-accent) !important; }
.prep-workspace-list { display: grid !important; grid-template-columns: 1fr !important; gap: 9px !important; }
.prep-job { border-radius: 12px !important; padding: 15px 17px !important; gap: 12px 18px !important; display: grid !important; grid-template-columns: minmax(175px,1fr) minmax(260px,1.45fr) minmax(120px,.85fr) !important; grid-template-areas: "ident data progress" "actions actions actions"; align-items: center; box-shadow: none !important; }
.prep-job-top { grid-area: ident; align-self: start; min-width: 0; }
.prep-job h3 { font-size: 14px !important; margin: 5px 0 3px !important; }
.prep-job-status { font-size: 9px !important; letter-spacing: .75px; }
.prep-job-vin { font-size: 11px !important; line-height: 1.4 !important; }
.prep-job-location { max-width: 106px; overflow-wrap: anywhere; font-size: 10px !important; padding: 4px 6px !important; }
.prep-job-info { grid-area: data; gap: 8px 10px !important; align-self: center; }
.prep-job-info>div { gap: 1px !important; }
.prep-job-info span { font-size: 10px !important; }
.prep-job-info strong { font-size: 11px !important; }
.prep-job-progress { grid-area: progress; align-self: center; }
.prep-job-progress small { font-size: 10px !important; }
.prep-job-actions { grid-area: actions; margin: 0 !important; padding-top: 9px; border-top: 1px solid var(--ref-line); gap: 6px !important; justify-content: flex-end; }
.prep-job-actions .btn { flex: 0 1 auto !important; min-height: 35px !important; white-space: normal; padding: 7px 11px !important; font-size: 11px !important; }
/* Dialogs and detail sections — clean layout, restrained dividers */
dialog:not(.image-viewer-dialog) { border-radius: 15px !important; }
.modal-head { padding: 15px 19px !important; }
.modal-head h2 { font-size: 19px !important; letter-spacing: -.4px !important; }
.modal-eyebrow { font-size: 9px !important; letter-spacing: 1px !important; }
.modal-body { padding: 14px 19px 20px !important; }
.modal-foot { padding: 12px 19px !important; }
.field label { font-size: 11px !important; font-weight: 730 !important; }
.field input, .field select, .field textarea { border-radius: 8px !important; min-height: 40px; }
.vehicle-form-intro { margin: 1px 0 12px !important; font-size: 11px !important; }
#vehicleDialog .vehicle-essential-fields { gap: 11px !important; }
#vehicleDialog .vehicle-detail-section { margin-top: 17px; padding-top: 14px; }
#vehicleDialog .detail-title h3 { font-size: 13px !important; letter-spacing: -.15px; }
#vehicleDialog #attachmentsSection { border: 1px solid var(--border) !important; background: var(--panel-2); border-radius: 11px !important; padding: 14px !important; }
#vehicleDialog #attachmentsSection .helper { font-size: 11px; }
#vehicleDialog .attach-tools input[type="file"] { border-style: dashed !important; background: var(--panel) !important; }
.preview-dialog { max-width: min(95vw,880px) !important; }
.preview-overview-banner { padding: 15px 17px !important; margin-bottom: 13px !important; background: var(--panel-2) !important; }
.preview-overview-banner strong { font-size: 18px !important; }
.preview-section { padding: 15px 0 !important; }
.preview-section h3 { font-size: 13px !important; font-weight: 780 !important; }
.preview-section .helper { font-size: 11px !important; line-height: 1.4; }
.preview-checklist { gap: 6px !important; }
.preview-check-item { border-radius: 8px !important; }
.preview-check-toggle { min-height: 44px !important; padding: 10px 11px !important; }
.preview-field { border-radius: 9px !important; padding: 10px 11px !important; }
.preview-attachments { gap: 9px !important; }
.attachment-card, .preview-file { border-radius: 10px !important; }
/* General data-heavy sections, even when not the focus */
.summary-stat, .summary-wide, .data-row { box-shadow: none !important; border-radius: 11px !important; }
.summary-stat { padding: 16px !important; }
.summary-wide { padding: 18px !important; }
.footer { margin-top: 5px !important; padding-top: 11px !important; font-size: 11px !important; }
/* Responsive: no nested scroll in stages; readable buttons and photos */
@media (min-width: 651px) and (max-width: 1120px) {
  .workspace-grid { grid-template-columns: 166px minmax(0,1fr) !important; gap: 13px !important; }
  .board-head .board-tools { width: 100%; margin-left: 0; }
  .board-tools .search-wrap { flex: 1 1 auto; }
  .prep-job { grid-template-columns: minmax(140px,1fr) minmax(210px,1.5fr) !important; grid-template-areas: "ident data" "progress progress" "actions actions"; }
}
@media (max-width: 650px) {
  .shell { padding: 10px 12px calc(90px + env(safe-area-inset-bottom,0px)) !important; }
  .topbar { gap: 8px !important; padding: 1px 0 10px !important; }
  .brandmark.definitive-mark { width: 37px !important; height: 37px !important; border-radius: 10px !important; }
  .brandmark.definitive-mark img { width: 21px; height: 21px; }
  .brand-identity h1 { font-size: 18px !important; }
  .brand-eyebrow { font-size: 7px !important; }
  .definitive-wordmark { font-size: 7px !important; }
  .top-actions { gap: 5px !important; }
  .top-actions #newBtn { min-height: 38px !important; font-size: 11px !important; padding: 7px 10px !important; border-radius: 9px !important; }
  .top-actions .theme-toggle { height: 38px !important; width: 38px !important; min-width: 38px !important; border-radius: 9px; }
  .mobile-menu>summary { min-height: 38px; padding: 0 9px; font-size: 11px; }
  .intro { margin-top: 10px !important; min-height: 0 !important; padding: 11px 13px !important; border-radius: 11px !important; gap: 7px !important; }
  .intro h2 { font-size: 16px !important; }
  .intro-pill { padding: 5px 8px !important; }
  .metrics { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; margin: 9px 0 13px !important; }
  .metric { min-height: 76px !important; padding: 10px 11px !important; border-radius: 10px !important; }
  .metric-title { font-size: 10px !important; }
  .metric-title .pf-icon { width: 12px !important; height: 12px !important; padding: 5px !important; }
  .metric-value { font-size: 25px !important; }
  .workspace-grid { display: block !important; }
  .workspace-sidebar { display: none !important; }
  .mobile-quick-nav { height: calc(63px + env(safe-area-inset-bottom,0px)) !important; border-radius: 0 !important; }
  .mobile-quick-nav button { font-size: 10px !important; min-width: 0; }
  .board-head { display: block !important; margin: 4px 0 11px !important; }
  .board-head h2, .section-heading h2 { font-size: 18px !important; }
  .board-subtitle, .section-heading p { font-size: 11px !important; }
  .board-tools { display: flex !important; margin: 11px 0 0 !important; gap: 7px !important; width: 100%; }
  .board-tools .search-wrap { min-width: 0; flex: 1 1 100%; }
  .board-tools .search-wrap input { min-height: 44px !important; font-size: 16px !important; }
  .board-filters-accordion { margin-bottom: 9px !important; }
  .board-group, .board-group.external-group { padding: 0 !important; border: none !important; background: transparent !important; }
  .board-group .board { min-height: 0 !important; padding: 0 !important; }
  .board-group .lane { min-width: 0 !important; max-width: none !important; width: 100% !important; min-height: 0 !important; }
  .lane-head { padding: 11px 12px !important; }
  .cards { padding: 8px !important; gap: 8px !important; }
  .vehicle-card-foldable .card-information { padding: 12px 12px 10px !important; }
  .vehicle-card-foldable .card-model { font-size: 14px !important; }
  .vehicle-card-foldable .vin { font-size: 12px !important; }
  .vehicle-card-foldable .card-essential-meta .tag { font-size: 10px !important; }
  .vehicle-card-foldable .card-expand-toggle { min-height: 38px !important; font-size: 11px !important; }
  .section-heading { margin: 6px 0 12px !important; }
  .prep-workspace-summary { gap: 7px !important; margin: 0 0 11px !important; }
  .prep-stat { padding: 10px !important; flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; }
  .prep-stat>strong { font-size: 23px !important; }
  .prep-workspace-search { max-width: none !important; }
  .prep-workspace-filters { flex-wrap: nowrap !important; overflow-x: auto !important; gap: 6px !important; }
  .prep-workspace-filters>button { flex: 0 0 auto !important; white-space: nowrap; min-height: 37px !important; }
  .prep-workspace-list { gap: 10px !important; }
  .prep-job { display: flex !important; flex-direction: column !important; gap: 11px !important; padding: 14px !important; }
  .prep-job-top,.prep-job-info,.prep-job-progress,.prep-job-actions { width: 100%; }
  .prep-job-info { gap: 10px 12px !important; }
  .prep-job-actions { flex-direction: row !important; flex-wrap: wrap !important; justify-content: stretch; }
  .prep-job-actions .btn { flex: 1 1 100% !important; min-height: 42px !important; }
  .modal-head { padding: 13px 15px !important; }
  .modal-body { padding: 12px 15px 17px !important; }
  .modal-foot { padding: 12px 15px !important; }
  .preview-overview-banner { padding: 13px !important; }
  .preview-overview-banner strong { font-size: 17px !important; }
  .preview-section { padding: 13px 0 !important; }
  .preview-photo-thumb { height: 172px; }
  #vehicleDialog #attachmentsSection { padding: 11px !important; }
}
@media (max-width: 375px) {
  .brand-eyebrow { display: none; }
  .top-actions #newBtn { padding: 7px !important; font-size: 10px !important; }
  .intro h2 { font-size: 15px !important; }
}
@media (prefers-reduced-motion: reduce) { .sidebar-tools-collapse>summary span { transition: none; } }
@media (min-width: 651px) {
  .top-actions .mobile-menu { display: none !important; }
}

/* The mobile header has room for one primary icon action. Keep it legible. */
@media (max-width:650px){
 html, body {max-width:100%;overflow-x:clip;}
 .top-actions #newBtn {
   flex:0 0 39px !important;
   min-width:39px !important;
   width:39px !important;
   max-width:39px !important;
   height:39px !important;
   padding:0 !important;
   gap:0 !important;
   font-size:0 !important;
   overflow:hidden;
   display:flex !important;
   align-items:center !important;
   justify-content:center !important;
 }
 .top-actions #newBtn svg {display:block !important;width:19px !important;height:19px !important;flex:0 0 19px !important;}
}
@media(max-width:650px){
  .prep-job-actions .btn:not(.btn-primary){flex:1 1 calc(50% - 4px) !important;min-width:125px;}
  .prep-job-actions .btn-primary{flex:1 1 100% !important;}
}

/* FireFlies · Pendências em lista única, compacta e legível.
   Uma ficha por veículo, várias ocorrências independentes. */
#issuesView .section-heading {margin: 0 0 15px}
#issuesView .section-heading h2 {font-size:20px!important}
#issuesView .section-heading p {color:var(--muted);margin-top:3px}
#issuesView .data-rows {display:flex!important;flex-direction:column;gap:10px;max-width:1200px;width:100%;align-items:stretch}
.pending-vehicle-card {min-width:0;width:100%;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:none;display:block}
.pending-vehicle-head {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 16px;background:var(--panel-2);border-bottom:1px solid var(--border)}
.pending-vehicle-identity {min-width:0;flex:1}
.pending-vehicle-topline {display:flex;align-items:center;flex-wrap:wrap;column-gap:10px;row-gap:4px}
.pending-vehicle-head h3 {font-size:14px;letter-spacing:-.2px;line-height:1.3;margin:0;color:var(--text)}
.pending-vehicle-stage {font-size:10px;line-height:1.3;color:var(--muted);padding:3px 7px;background:var(--panel);border-radius:5px;border:1px solid var(--border);max-width:100%;overflow-wrap:anywhere}
.pending-vehicle-vin {font-size:11px;font-weight:600;letter-spacing:.2px;color:var(--muted);overflow-wrap:anywhere;margin-top:4px}
.pending-vehicle-actions {display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}
.pending-vehicle-actions .btn {white-space:nowrap;min-height:32px;padding:6px 11px}
.pending-vehicle-count {padding:5px 8px;border-radius:6px;background:rgba(235,162,66,.08);border:1px solid rgba(235,162,66,.21);font-size:10px;font-weight:740;color:var(--text);white-space:nowrap}
.pending-issue-list {padding:0 16px}
.pending-issue-row {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;min-width:0;padding:11px 0}
.pending-issue-row + .pending-issue-row {border-top:1px solid var(--border)}
.pending-issue-content {min-width:0}
.pending-issue-summary {display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:3px}
.pending-issue-type {font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--ref-accent);flex-shrink:0}
.pending-issue-description {font-size:12px;font-weight:570;line-height:1.48;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}
.pending-issue-content small {display:block;font-size:10px;color:var(--muted);margin-top:4px}
.pending-resolve-btn {white-space:nowrap;min-width:94px;min-height:32px;color:var(--ref-accent)!important;border-color:var(--border)!important;flex:none;padding:6px 10px!important}
.pending-resolve-btn:hover {border-color:var(--ref-accent)!important;background:var(--pf-hover)!important}
.pending-resolve-btn[disabled] {opacity:.65;cursor:wait}
.pending-empty {border:1px dashed var(--border);border-radius:11px;padding:36px 18px;text-align:center;background:var(--panel-2)}
.pending-empty strong {display:block;color:var(--text);font-size:15px}
.pending-empty p {font-size:12px;color:var(--muted);margin:7px 0 0}
@media(max-width:650px) {
 #issuesView .data-rows {gap:10px}
 .pending-vehicle-head {flex-wrap:wrap;padding:12px 13px;gap:9px}
 .pending-vehicle-identity {flex-basis:100%}
 .pending-vehicle-actions {width:100%;justify-content:space-between;gap:8px}
 .pending-issue-list {padding:0 13px}
 .pending-issue-row {grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px 0}
 .pending-issue-summary {display:block}
 .pending-issue-type {display:block;margin-bottom:4px}
 .pending-issue-description {display:block}
 .pending-resolve-btn {min-width:0;align-self:center;min-height:35px}
}
@media(max-width:370px) {
 .pending-issue-row {grid-template-columns:minmax(0,1fr)}
 .pending-resolve-btn {justify-self:end;margin-top:2px}
}

/* Relatórios baseados em registros explícitos, com contexto visível. */
#reportsView .summary-layout{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
#reportsView .report-trust-stat{display:flex;flex-direction:column;min-width:0;gap:7px;justify-content:flex-start}
#reportsView .report-trust-stat span{margin:0;font-size:12px;line-height:1.4;min-height:32px}
#reportsView .report-trust-stat strong{font-size:clamp(19px,2.2vw,28px);letter-spacing:-.02em;line-height:1.25;overflow-wrap:anywhere}
#reportsView .report-trust-stat small{font-size:11px;line-height:1.5;color:var(--muted,#9eb0c7);margin-top:auto}
#reportsView .report-confidence-note{border-left:3px solid var(--green,#9ade57)!important}
#reportsView .summary-wide .helper{line-height:1.65}
@media(max-width:1080px){#reportsView .summary-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px){#reportsView .summary-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#reportsView .report-trust-stat{padding:12px!important}#reportsView .report-trust-stat span{min-height:0}#reportsView .report-trust-stat strong{font-size:21px}#reportsView .report-trust-stat small{font-size:10px}}