/* SỬA CHỮA V1.8.2 DESKTOP — KMM V1.2.15 UI master refinement.
   Desktop only. Keeps master tokens/components; fixes spacing, quote grid, intake accents and home status cards. */
@media (min-width:1200px){
  /* V1.8.1 — Status pill breathing room. */
  .desktop-mode .ticket-device-row .status-pill,
  .desktop-mode .status-pill{
    min-height:30px!important;
    padding:6px 12px!important;
    gap:6px!important;
    line-height:1!important;
  }
  .desktop-mode .ticket-card .status-pill::before{
    width:6px!important;
    height:6px!important;
    margin:0!important;
  }

  /* V1.8.1 — Quote options: heading spans both columns. */
  .desktop-mode #optionList.app-scroll-region>.option-intro{
    grid-column:1 / -1!important;
    width:100%!important;
    margin:8px 2px 12px!important;
  }
  .desktop-mode #optionList.app-scroll-region>.quote-unpriced,
  .desktop-mode #optionList.app-scroll-region>.empty-state{
    grid-column:1 / -1!important;
  }

  /* V1.8.1 — Intake semantic labels mirror mobile logic. */
  .desktop-mode #intake .customer-card .form-section-title>span,
  .desktop-mode #intake .customer-card .field>span{
    color:#a8ddff!important;
  }
  .desktop-mode #intake .device-card .form-section-title>span,
  .desktop-mode #intake .device-card .field>span{
    color:#dcc2ff!important;
  }
  .desktop-mode #intake .estimate-card .form-section-title>span,
  .desktop-mode #intake .estimate-card .field-money .field-label-row,
  .desktop-mode #intake .estimate-card .range-price-fields .field>span{
    color:#ffc66f!important;
  }
  .desktop-mode #intake .estimate-card .field-time>span{
    color:#a9ead5!important;
  }
  .desktop-mode #intake .field-note>span{
    color:#e4e4e8!important;
  }
  .desktop-mode #intake .customer-card .form-section-title small,
  .desktop-mode #intake .device-card .form-section-title small,
  .desktop-mode #intake .created-moment{
    color:rgba(245,245,247,.48)!important;
  }

  /* V1.8.1 — Estimate card orange/mint accents over KMM glass. */
  .desktop-mode #intake .estimate-card{
    background:
      radial-gradient(circle at 7% 0%,rgba(255,159,10,.13),transparent 35%),
      radial-gradient(circle at 94% 8%,rgba(99,230,190,.08),transparent 31%),
      linear-gradient(145deg,rgba(53,53,58,.52),rgba(24,24,28,.52))!important;
    border-color:rgba(255,190,92,.15)!important;
  }
  .desktop-mode #intake .estimate-card input{
    border-color:rgba(255,175,65,.18)!important;
  }
  .desktop-mode #intake .estimate-card #intakeEta{
    border-color:rgba(99,230,190,.20)!important;
  }
  .desktop-mode #intake .price-mode-btn.on{
    color:#ffd08a!important;
    background:linear-gradient(145deg,rgba(255,159,10,.27),rgba(196,116,6,.20))!important;
    border:1px solid rgba(255,190,92,.16)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 7px 20px rgba(255,159,10,.08)!important;
  }
  .desktop-mode #intake .money-human-hint{color:#ffc66f!important;}

  /* V1.8.2 — Home status cards: remove the broken colour wash / inner square. */
  .desktop-mode .screen-home>.stat-grid{gap:18px!important;}
  .desktop-mode .screen-home .stat-card{
    position:relative!important;
    isolation:isolate!important;
    min-height:150px!important;
    padding:20px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:22px!important;
    background-image:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(255,255,255,.07),0 14px 34px rgba(0,0,0,.18)!important;
  }
  .desktop-mode .screen-home .stat-card::before,
  .desktop-mode .screen-home .stat-card::after{
    content:none!important;
    display:none!important;
  }
  .desktop-mode .screen-home .stat-card.repairing{background:linear-gradient(145deg,#70ddff 0%,#4f9cff 100%)!important;}
  .desktop-mode .screen-home .stat-card.ready{background:linear-gradient(145deg,#9bed91 0%,#49cf5b 100%)!important;}
  .desktop-mode .screen-home .stat-card.warning{background:linear-gradient(145deg,#ffd286 0%,#ff9d4d 100%)!important;}
  .desktop-mode .screen-home .stat-card.warranty{background:linear-gradient(145deg,#b5a6ff 0%,#7d60ff 100%)!important;}
  .desktop-mode .screen-home .stat-card>*{position:relative!important;z-index:1!important;}

  /* V1.8.2 — High-contrast icon badge; SVG always visible. */
  .desktop-mode .screen-home .stat-icon{
    width:46px!important;
    height:46px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:15px!important;
    color:#fff!important;
    background:rgba(8,12,20,.18)!important;
    border:1px solid rgba(255,255,255,.24)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 7px 18px rgba(0,0,0,.08)!important;
    -webkit-backdrop-filter:blur(10px) saturate(140%)!important;
    backdrop-filter:blur(10px) saturate(140%)!important;
    opacity:1!important;
  }
  .desktop-mode .screen-home .stat-icon svg{
    width:20px!important;
    height:20px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    opacity:1!important;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.14));
  }
  .desktop-mode .screen-home .stat-value{
    color:#fff!important;
    font-size:30px!important;
    line-height:1!important;
    font-weight:780!important;
    text-shadow:0 1px 8px rgba(0,0,0,.10)!important;
  }
  .desktop-mode .screen-home .stat-label{
    color:#fff!important;
    font-size:17px!important;
    line-height:1.12!important;
    font-weight:760!important;
    text-shadow:0 1px 6px rgba(0,0,0,.10)!important;
  }
  .desktop-mode .screen-home .stat-card:hover{transform:translateY(-2px)!important;filter:brightness(1.025)!important;}
  .desktop-mode .screen-home .stat-card:active{transform:scale(.985)!important;}
}