/* Desa CRM — focused premium polish v3. Desktop-first; mobile remains governed by mobile styles. */
@media(min-width:801px){
  :root{
    --v3-surface:#fff;
    --v3-line:#e7ecef;
    --v3-muted:#7b8990;
    --v3-ink:#1f272c;
    --v3-dark:#383838;
    --v3-accent:#c3aa94;
    --v3-soft:#f7f9fa;
    --v3-shadow:0 10px 28px rgba(25,35,42,.055);
  }

  /* Topbar */
  .topbar{padding:8px 0 14px!important;margin-bottom:20px!important;background:transparent!important;backdrop-filter:none!important;position:relative!important}
  .topbar .search{min-width:300px!important;width:min(420px,42vw)!important;height:42px!important;padding:8px 12px!important;border:1px solid var(--v3-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
  .topbar .search:focus-within{border-color:#cfd9de!important;box-shadow:0 0 0 4px rgba(99,124,135,.08)!important}
  .topbar .profile{height:42px!important;padding:5px 7px 5px 11px!important;border-radius:12px!important;border:1px solid var(--v3-line)!important;box-shadow:none!important;background:#fff!important}
  .topbar .profile b{font-size:11px!important}.topbar .profile small{font-size:9px!important}

  /* Global page hierarchy */
  .page-head,.pipeline-head{margin-bottom:18px!important;align-items:flex-end!important}
  .page-head h2,.pipeline-head h2{font-size:27px!important;line-height:1.08!important;letter-spacing:-.04em!important;margin:3px 0 5px!important}
  .page-head p,.pipeline-head p{max-width:680px!important;font-size:11px!important;line-height:1.55!important}
  .section-eyebrow{font-size:8px!important;letter-spacing:.14em!important;font-weight:700!important}

  /* Dashboard */
  .dashboard-shell{gap:14px!important}
  .dashboard-welcome{padding:4px 1px 8px!important}
  .dashboard-welcome h1{font-size:30px!important;letter-spacing:-.045em!important;color:var(--v3-ink)!important}
  .dashboard-welcome p{font-size:11px!important;margin-top:5px!important}
  .dashboard-actions{gap:8px!important}
  .dashboard-actions .btn{height:38px!important;padding:0 13px!important;border-radius:10px!important}
  .kpis{gap:12px!important;margin-top:0!important}
  .kpi{padding:17px!important;min-height:126px!important;border:1px solid var(--v3-line)!important;box-shadow:none!important;background:#fff!important}
  .kpi span{font-size:10px!important;color:var(--v3-muted)!important}
  .kpi strong{font-size:29px!important;margin:8px 0 12px!important;color:var(--v3-ink)!important}
  .kpi:after{display:none!important}
  .delta{background:#f2f6f7!important;color:#60747d!important;border:1px solid #e4eaed!important;font-size:8px!important;padding:4px 7px!important}
  .grid2{gap:12px!important;margin-top:0!important}
  .panel{border:1px solid var(--v3-line)!important;box-shadow:none!important}
  .panelhead{margin-bottom:10px!important}.panelhead h2{font-size:14px!important;letter-spacing:-.025em!important}
  .dashboard-priority-item{padding:11px 0!important}
  .dashboard-priority-copy b{font-size:11px!important}.dashboard-priority-copy span{font-size:9px!important}
  .dashboard-priority-time{font-size:9px!important}
  .dashboard-stage{grid-template-columns:105px 1fr 24px!important;gap:9px!important}
  .dashboard-stage label,.dashboard-stage b{font-size:9px!important}
  .dashboard-stage-track{height:6px!important;background:#edf1f3!important}
  .dashboard-stage-fill{background:#6e8791!important}
  #dashboard .table-card{margin-top:0!important}

  /* Lead detail */
  #detail .client-topbar{padding:15px 16px!important;background:#fff!important;border:1px solid var(--v3-line)!important;border-radius:14px!important;margin-bottom:12px!important;box-shadow:none!important}
  #detail .client-header{gap:11px!important}
  #detail .client-header .leadavatar{width:42px!important;height:42px!important;border-radius:11px!important;background:#eef3f5!important;color:#4f6871!important}
  #detail .client-header h1{font-size:21px!important;letter-spacing:-.04em!important}
  #detail .client-header p{font-size:9px!important;color:var(--v3-muted)!important}
  #detail .client-actions a{height:34px!important;border-radius:9px!important;border:1px solid var(--v3-line)!important;background:#fff!important;font-size:9px!important;padding:0 11px!important;transition:.15s ease!important}
  #detail .client-actions a:hover{background:#f7f9fa!important;border-color:#d8e0e4!important;transform:translateY(-1px)!important}
  #detail .client-layout{grid-template-columns:minmax(0,1fr) 300px!important;gap:12px!important}
  #detail .client-section{border:1px solid var(--v3-line)!important;border-radius:14px!important;box-shadow:none!important;padding:15px!important}
  #detail .client-section-head h3{font-size:11px!important;letter-spacing:-.01em!important}
  #detail .client-kv-row{padding:8px 0!important;gap:14px!important}
  #detail .client-kv-row span{font-size:8px!important;color:#8a969c!important}
  #detail .client-kv-row b{font-size:9px!important;line-height:1.45!important;color:#2a3439!important}
  #detail .note-entry{background:#f8fafb!important;border-color:#e7ecef!important;border-radius:10px!important;padding:10px 11px!important}
  #detail .note-entry p{font-size:9px!important}.note-entry time{font-size:7px!important}
  #detail .followup-fields select,#detail .followup-fields input{height:34px!important;border-radius:8px!important;border-color:#e2e8eb!important;background:#fbfcfd!important}

  /* Property catalogue */
  #properties .property-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
  #properties .property{border:1px solid var(--v3-line)!important;border-radius:16px!important;box-shadow:none!important;background:#fff!important;overflow:hidden!important}
  #properties .property:hover{transform:translateY(-2px)!important;box-shadow:var(--v3-shadow)!important;border-color:#dce4e8!important}
  #properties .property-img{height:205px!important;background-color:#eef2f4!important}
  #properties .property-body{padding:14px 15px 15px!important}
  #properties .property-body b{font-size:14px!important;letter-spacing:-.02em!important}
  #properties .property-body p{font-size:10px!important;color:#7f8c93!important;margin:6px 0 10px!important}
  #properties .property-body strong{font-size:19px!important;letter-spacing:-.035em!important}
  #properties .property-body .btn{height:36px!important;margin-top:11px!important;border-radius:9px!important;background:#f7f9fa!important;border-color:#e4e9ec!important;color:#35444b!important;font-size:9px!important;font-weight:700!important}
  #properties .property-body .btn:hover{background:#eef3f5!important}

  /* Tables / controls */
  .toolbar,.report-toolbar{padding:8px!important;border-radius:12px!important;background:#fff!important;border:1px solid var(--v3-line)!important;box-shadow:none!important}
  .toolbar .search,.report-toolbar .search{background:#f8fafb!important;border-color:#e8edf0!important;box-shadow:none!important}
  .toolbar select,.report-toolbar select{height:38px!important;border-radius:9px!important;background:#f8fafb!important;border-color:#e5eaed!important;font-size:10px!important}
  .table-card{border:1px solid var(--v3-line)!important;border-radius:14px!important;box-shadow:none!important}
  .table thead th{height:38px!important;padding:10px 12px!important;background:#f8fafb!important;font-size:8px!important;color:#849198!important}
  .table td{padding:11px 12px!important;font-size:10px!important;border-color:#edf1f3!important}
  .table tbody tr:hover{background:#fafcfd!important}

  /* Softer motion */
  .panel,.client-section,.property,.kpi,.pipeline-card,.btn,.topbar .profile,.topbar .search{transition:all .16s ease!important}
}
