/* TATNERA — Focused UI refresh */

/* Main navigation: keep the everyday workflow visible, not every data type. */
.nav-item[data-view="projects"]{display:none!important}
#quickCustomerBtn{display:none!important}
#quickProjectBtn{white-space:nowrap}

/* Clean dashboard */
.focus-dashboard{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:18px;align-items:start}
.focus-dashboard .panel{margin:0}
.focus-panel{padding:22px}
.focus-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.focus-panel-head h2,.focus-panel-head h3{margin:3px 0 0}
.focus-panel-head h2{font-size:27px}
.focus-panel-head h3{font-size:19px}
.focus-tasks{display:flex;flex-direction:column;gap:8px}
.focus-task.metric-card{min-height:0;padding:13px 14px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:2px 12px;background:#171719;border:1px solid var(--line);border-radius:12px;box-shadow:none}
.focus-task.metric-card>span{font-size:13px;color:#e8e8e8;grid-column:1}
.focus-task.metric-card>strong{grid-column:2;grid-row:1/3;font-size:22px;line-height:1}
.focus-task.metric-card>small{font-size:11px;color:var(--muted);grid-column:1;margin:0}
.focus-revenue{margin-top:12px;padding:17px 18px;border-radius:14px;background:#d8ff63;color:#10110d;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.focus-revenue span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;opacity:.7}
.focus-revenue strong{font-size:27px;line-height:1}
.focus-revenue small{font-size:11px;opacity:.72}
.focus-recent-projects{display:none!important}

/* Project detail: compact header + tabs instead of a long wall of cards. */
.project-focus-header{padding:4px 0 18px}
.project-focus-main{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}
.project-focus-title .eyebrow{margin-bottom:5px}
.project-focus-title h2{font-size:32px;line-height:1.06;margin:0 0 8px}
.project-focus-title p{margin:0}
.project-focus-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:520px}
.project-focus-badge{padding:7px 10px;border:1px solid var(--line);background:#171719;border-radius:999px;font-size:11px;color:#d7d7d7;white-space:nowrap}
.project-focus-badge.good{border-color:#334528;background:#1b2517;color:#d8ff63}
.project-focus-badge.warn{border-color:#58442a;background:#211a12;color:#f0c178}
.project-focus-badge strong{font-weight:800}
.project-tabs{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);margin:0 0 18px;overflow-x:auto;scrollbar-width:none}
.project-tabs::-webkit-scrollbar{display:none}
.project-tab-btn{appearance:none;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:11px 13px 10px;font:inherit;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}
.project-tab-btn:hover{color:#fff}
.project-tab-btn.active{color:#fff;border-bottom-color:#d8ff63}
.project-tab-pane{display:none}
.project-tab-pane.active{display:block}
.project-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.project-overview-stat{padding:14px;border:1px solid var(--line);background:#171719;border-radius:12px}
.project-overview-stat span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.project-overview-stat strong{font-size:15px}
.project-overview-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:12px}
.project-overview-card{padding:17px;border:1px solid var(--line);background:#171719;border-radius:13px}
.project-overview-card h3{font-size:15px;margin:0 0 8px}
.project-overview-card p{margin:0;line-height:1.65}
.project-overview-list{display:flex;flex-direction:column}
.project-overview-list div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--line)}
.project-overview-list div:last-child{border-bottom:0}
.project-overview-list span{font-size:11px;color:var(--muted)}
.project-overview-list strong{font-size:12px;text-align:right}
.project-tab-empty{padding:22px;border:1px dashed var(--line);border-radius:13px;color:var(--muted);font-size:12px;text-align:center}
.project-tab-pane>.consent-card,.project-tab-pane>.payment-card,.project-tab-pane>.aftercare-card,.project-tab-pane>.detail-card{margin-top:0!important;margin-bottom:12px}

/* Streamlined project creation */
#projectDialog.focus-project-dialog{max-width:860px;width:min(94vw,860px)}
.focus-project-form{padding:0}
.focus-project-form .dialog-head{padding:22px 22px 0}
.project-form-scroll{padding:0 22px 22px;max-height:min(74vh,760px);overflow:auto}
.project-form-section{padding:16px 0;border-bottom:1px solid var(--line)}
.project-form-section:last-of-type{border-bottom:0}
.project-form-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}
.project-form-section-head h3{font-size:14px;margin:0}
.project-form-section-head p{font-size:11px;margin:3px 0 0;color:var(--muted)}
.customer-mode{display:inline-flex;border:1px solid var(--line);background:#111113;border-radius:10px;padding:3px;gap:3px}
.customer-mode button{border:0;background:transparent;color:var(--muted);padding:7px 10px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer}
.customer-mode button.active{background:#27272b;color:#fff}
.customer-block[hidden],.appointment-project-fields[hidden]{display:none!important}
.project-inline-note{font-size:11px;line-height:1.5;color:var(--muted);padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#151517;margin-top:10px}
.project-appointment-toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#171719;cursor:pointer}
.project-appointment-toggle input{width:auto!important;margin:0}
.project-appointment-toggle span{font-size:12px;font-weight:700;color:#eee}
.focus-project-actions{display:flex;justify-content:flex-end;gap:9px;padding:15px 22px;border-top:1px solid var(--line);background:#111113;position:sticky;bottom:0}

/* Dedicated conflict dialog for a first appointment created with a project. */
.project-conflict-list{display:flex;flex-direction:column;gap:8px;margin-top:13px}
.project-conflict-row{display:grid;grid-template-columns:95px 1fr;gap:12px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#18181b}
.project-conflict-row strong{font-size:12px}
.project-conflict-row span{font-size:11px;color:var(--muted)}

@media(max-width:980px){
  .focus-dashboard{grid-template-columns:1fr}
  .project-focus-main{flex-direction:column}
  .project-focus-badges{justify-content:flex-start;max-width:none}
  .project-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-overview-body{grid-template-columns:1fr}
}
@media(max-width:620px){
  .focus-panel{padding:16px}
  .project-focus-title h2{font-size:27px}
  .project-overview-grid{grid-template-columns:1fr 1fr}
  .project-tab-btn{padding-inline:9px}
  .project-form-scroll{padding-inline:15px}
  .focus-project-form .dialog-head{padding-inline:15px}
  .focus-project-actions{padding-inline:15px}
  .customer-mode{width:100%;display:grid;grid-template-columns:1fr 1fr}
}