/* SỬA CHỮA V1.6.2 DESKTOP — neutral Apple dark palette.
   Desktop-only visual overrides. Mobile/tablet remain untouched. */
@media (min-width:1100px){
  .desktop-mode{
    --apple-page:#1d1d1f;
    --apple-black:#000;
    --apple-panel:#101012;
    --apple-card:#1c1c1e;
    --apple-fill:#2c2c2e;
    --apple-fill-hover:#3a3a3c;
    --apple-text:#f5f5f7;
    --apple-secondary:#a1a1a6;
    --apple-tertiary:#86868b;
    --apple-line:rgba(255,255,255,.10);
    --apple-blue:#2997ff;
    --apple-green:#30d158;
    --apple-orange:#ff9f0a;
    --apple-red:#ff453a;
  }

  /* Overall canvas: calm graphite, no purple/blue wash. */
  .desktop-mode body,
  .desktop-mode .app,
  .desktop-mode .screen{background:var(--apple-page)!important}
  .desktop-mode .head .title{color:var(--apple-text)}
  .desktop-mode .head .avatar{background:var(--apple-fill)!important;color:#d2d2d7!important;border-color:var(--apple-line)!important}
  .desktop-mode .eyebrow{color:var(--apple-tertiary)!important}

  /* Sidebar stays black like Apple global navigation. */
  .desktop-mode .tabwrap{background:var(--apple-black)!important;border-right-color:rgba(255,255,255,.08)!important}
  .desktop-mode .desktop-brand-mark{background:var(--apple-card)!important;border-color:var(--apple-line)!important;color:var(--apple-text)!important}
  .desktop-mode .desktop-brand-copy strong{color:var(--apple-text)!important}
  .desktop-mode .desktop-brand-copy span{color:var(--apple-tertiary)!important}
  .desktop-mode .tab{color:#d2d2d7!important}
  .desktop-mode .tab:hover{background:var(--apple-card)!important;color:#fff!important}
  .desktop-mode .tab.on{background:var(--apple-text)!important;color:var(--apple-page)!important;border-color:transparent!important}
  .desktop-mode .tab.on i,.desktop-mode .tab.on span{color:var(--apple-page)!important}

  /* Search and neutral controls. */
  .desktop-mode .search{background:var(--apple-fill)!important;border:1px solid transparent!important;color:var(--apple-tertiary)!important}
  .desktop-mode .search input{color:var(--apple-text)!important}
  .desktop-mode .search input::placeholder{color:var(--apple-tertiary)!important}
  .desktop-mode .search:focus-within{background:#323234!important;border-color:rgba(41,151,255,.72)!important;box-shadow:0 0 0 3px rgba(41,151,255,.12)!important}

  /* Home: monochrome surfaces with one restrained blue light source. */
  .desktop-mode .screen-home>.repair-hero{
    background:radial-gradient(62% 120% at 88% 52%,rgba(41,151,255,.17),transparent 58%),var(--apple-black)!important;
    border:0!important;box-shadow:none!important
  }
  .desktop-mode .screen-home>.repair-hero p{color:var(--apple-text)!important}
  .desktop-mode .screen-home .hero-actions .btn{background:var(--apple-text)!important;color:var(--apple-page)!important}
  .desktop-mode .screen-home .hero-actions .btn-ghost{background:var(--apple-fill)!important;color:var(--apple-text)!important}
  .desktop-mode .screen-home .stat-card{background:var(--apple-black)!important;border:1px solid rgba(255,255,255,.075)!important}
  .desktop-mode #homeTicketList .ticket-card{background:var(--apple-panel)!important;border:1px solid rgba(255,255,255,.075)!important}

  /* Quote: Apple dark cards, no harsh pure-black stack. */
  .desktop-mode .desktop-quote-nav button{background:var(--apple-card)!important;border-color:var(--apple-line)!important;color:var(--apple-text)!important}
  .desktop-mode .desktop-quote-nav button:hover{background:var(--apple-fill)!important}
  .desktop-mode .desktop-quote-nav button.on{background:var(--apple-text)!important;border-color:var(--apple-text)!important;color:var(--apple-page)!important}
  .desktop-mode .desktop-quote-nav .dq-num{background:var(--apple-fill)!important;color:var(--apple-text)!important}
  .desktop-mode .desktop-quote-nav button.on .dq-num{background:var(--apple-page)!important;color:var(--apple-text)!important}
  .desktop-mode .desktop-quote-nav small{color:var(--apple-tertiary)!important}
  .desktop-mode .desktop-quote-nav button.on small{color:#6e6e73!important}

  .desktop-mode .screen-quote>.quote-stage{background:var(--apple-black)!important}
  .desktop-mode .screen-quote .quote-summary{color:var(--apple-secondary)!important}
  .desktop-mode .screen-quote .quote-summary strong{color:var(--apple-text)!important}
  .desktop-mode .series-btn{background:var(--apple-fill)!important;color:var(--apple-text)!important;border:0!important}
  .desktop-mode .series-btn:hover{background:var(--apple-fill-hover)!important}
  .desktop-mode .series-btn.on{background:var(--apple-text)!important;color:var(--apple-page)!important}
  .desktop-mode .model-row,
  .desktop-mode .issue-card,
  .desktop-mode .repair-option,
  .desktop-mode .selection-banner{background:var(--apple-card)!important;border:1px solid rgba(255,255,255,.065)!important;box-shadow:none!important}
  .desktop-mode .model-row:hover,
  .desktop-mode .issue-card:hover,
  .desktop-mode .repair-option:hover{background:var(--apple-fill)!important;border-color:rgba(255,255,255,.11)!important}
  .desktop-mode .model-icon,
  .desktop-mode .issue-icon,
  .desktop-mode .repair-meta span{background:var(--apple-fill)!important;border:0!important}
  .desktop-mode .model-row strong,
  .desktop-mode .issue-card strong,
  .desktop-mode .repair-option-top strong{color:var(--apple-text)!important}
  .desktop-mode .model-row small,
  .desktop-mode .issue-card small,
  .desktop-mode .repair-option-top small{color:var(--apple-secondary)!important}
  .desktop-mode .model-row.no-price small{color:var(--apple-tertiary)!important}
  .desktop-mode .repair-option-top b{color:#63e67f!important}
  .desktop-mode .repair-meta span{color:#d2d2d7!important}

  /* Intake: remove semantic card gradients. One neutral system, accents only on actions/state. */
  .desktop-mode #intake .customer-card,
  .desktop-mode #intake .device-card,
  .desktop-mode #intake .estimate-card{
    background:var(--apple-black)!important;
    border:1px solid rgba(255,255,255,.075)!important;
    box-shadow:none!important
  }
  .desktop-mode #intake .customer-card .form-section-title span,
  .desktop-mode #intake .device-card .form-section-title span,
  .desktop-mode #intake .estimate-card .form-section-title>span{
    color:var(--apple-text)!important
  }
  .desktop-mode #intake .customer-card .field>span,
  .desktop-mode #intake .device-card .field>span,
  .desktop-mode #intake .estimate-card .field>span,
  .desktop-mode #intake .estimate-card .field-time>span,
  .desktop-mode #intake .estimate-card .field-money .field-label-row,
  .desktop-mode #intake .range-price-fields .field>span,
  .desktop-mode #intake .field-note>span{
    color:#d2d2d7!important
  }
  .desktop-mode #intake .form-section-title small,
  .desktop-mode #intake .created-moment{color:var(--apple-tertiary)!important}
  .desktop-mode #intake .field input,
  .desktop-mode #intake .field textarea,
  .desktop-mode #intake .field select{
    background:var(--apple-fill)!important;
    border:1px solid transparent!important;
    color:var(--apple-text)!important;
    box-shadow:none!important
  }
  .desktop-mode #intake .device-card input,
  .desktop-mode #intake .estimate-card input,
  .desktop-mode #intake .estimate-card #intakeEta{border-color:transparent!important}
  .desktop-mode #intake .field input:hover,
  .desktop-mode #intake .field textarea:hover,
  .desktop-mode #intake .field select:hover{background:#323234!important}
  .desktop-mode #intake .field input:focus,
  .desktop-mode #intake .field textarea:focus,
  .desktop-mode #intake .field select:focus{
    background:#323234!important;
    border-color:rgba(41,151,255,.76)!important;
    box-shadow:0 0 0 3px rgba(41,151,255,.12)!important
  }
  .desktop-mode #intake .price-mode{background:var(--apple-card)!important;border:0!important}
  .desktop-mode #intake .price-mode-btn{color:var(--apple-secondary)!important}
  .desktop-mode #intake .price-mode-btn.on{
    background:var(--apple-blue)!important;
    color:#fff!important;
    box-shadow:none!important
  }
  .desktop-mode #intake .money-human-hint{color:var(--apple-secondary)!important}
  .desktop-mode #intake .intake-note{background:var(--apple-black)!important;border:1px solid rgba(255,255,255,.075)!important}
  .desktop-mode #intake .intake-note strong{color:var(--apple-text)!important}
  .desktop-mode #intake .intake-note span{color:var(--apple-secondary)!important}
  .desktop-mode #intake .mini-clear{color:var(--apple-blue)!important}
  .desktop-mode #intake .create-ticket{
    background:var(--apple-blue)!important;
    color:#fff!important;
    box-shadow:none!important
  }
  .desktop-mode #intake .create-ticket:hover{background:#0077ed!important;filter:none!important}

  /* Tickets/detail: calmer neutral cards; semantic color stays only in status. */
  .desktop-mode .screen-tickets .ticket-card{background:var(--apple-panel)!important;border-color:rgba(255,255,255,.075)!important}
  .desktop-mode .screen-tickets .ticket-card:hover{background:var(--apple-card)!important;border-color:rgba(255,255,255,.12)!important}
  .desktop-mode .desktop-ticket-placeholder{background:var(--apple-black)!important;border-color:rgba(255,255,255,.075)!important;color:var(--apple-secondary)!important}
  .desktop-mode .desktop-ticket-placeholder strong{color:var(--apple-text)!important}
  .desktop-mode .ticket-detail.open,
  .desktop-mode .quote-detail.open{background:#111113!important}
  .desktop-mode .detail-info-card,
  .desktop-mode .detail-note,
  .desktop-mode .edit-section,
  .desktop-mode .quote-result-card{background:var(--apple-card)!important;border-color:rgba(255,255,255,.075)!important;box-shadow:none!important}

  /* Utility surfaces and confirmation sheets. */
  .desktop-mode .screen-menu .form-card{background:var(--apple-black)!important;border:1px solid rgba(255,255,255,.075)!important}
  .desktop-mode .confirm-card{background:#2c2c2e!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important}
  .desktop-mode .confirm-cancel{background:#3a3a3c!important;color:var(--apple-text)!important}
  .desktop-mode .confirm-ok{background:var(--apple-blue)!important;color:#fff!important}
  .desktop-mode .confirm-ok.danger{background:var(--apple-red)!important}
  .desktop-mode .combo-popover{background:#2c2c2e!important;border-color:rgba(255,255,255,.12)!important}
  .desktop-mode .combo-option:hover,
  .desktop-mode .combo-option.selected{background:#3a3a3c!important;color:#fff!important}

  /* Keep semantic colors disciplined. */
  .desktop-mode .status-pill.blue,.desktop-mode .status-badge.blue{color:#7dc4ff!important}
  .desktop-mode .status-pill.green,.desktop-mode .status-badge.green{color:#72e68b!important}
  .desktop-mode .status-pill.orange,.desktop-mode .status-badge.orange{color:#ffc46b!important}
  .desktop-mode .status-pill.red,.desktop-mode .status-badge.red{color:#ff8a84!important}
  .desktop-mode .status-pill.cyan,.desktop-mode .status-badge.cyan{color:#8de7ff!important}
  .desktop-mode .status-pill.purple,.desktop-mode .status-badge.purple{color:#d7a5ff!important}
}