/*
 * AQ360 ERP — presentation-only redesign
 * Scope: secondary screens only. No markup, content, controls, or behavior changed.
 */

body:not([data-view="dashboard"]){
  --premium-ink:#17243a;
  --premium-copy:#3f4f64;
  --premium-muted:#6d7c90;
  --premium-line:#dbe2e9;
  --premium-soft:#f5f7f9;
  --premium-panel:#ffffff;
  --premium-blue:#255f8c;
  --premium-orange:#e45f3d;
  --premium-green:#237354;
  background:#f3f5f7;
  color:var(--premium-copy);
  font-size:14px;
}

/* Page frame and hierarchy */
body:not([data-view="dashboard"]) .view{
  max-width:1540px;
  margin:0 auto;
  padding:18px 24px 32px;
  color:var(--premium-copy);
}
body:not([data-view="dashboard"]) .view > .toolbar:first-child,
body:not([data-view="dashboard"]) .view > .section-header:first-child,
body:not([data-view="dashboard"]) .view > .page-header:first-child{
  min-height:64px;
  margin:0 0 12px;
  padding:0 0 12px;
  border-bottom:1px solid var(--premium-line);
}
body:not([data-view="dashboard"]) h1,
body:not([data-view="dashboard"]) h2,
body:not([data-view="dashboard"]) h3,
body:not([data-view="dashboard"]) strong{
  color:var(--premium-ink);
}
body:not([data-view="dashboard"]) h1{font-size:24px;line-height:1.2;letter-spacing:-.25px}
body:not([data-view="dashboard"]) h2{font-size:17px;line-height:1.3}
body:not([data-view="dashboard"]) h3{font-size:15px;line-height:1.35}
body:not([data-view="dashboard"]) p,
body:not([data-view="dashboard"]) .muted{line-height:1.5}
body:not([data-view="dashboard"]) .eyebrow{
  color:#52647a;
  font-size:11px;
  letter-spacing:.7px;
  font-weight:700;
}

/* Unified surfaces */
body:not([data-view="dashboard"]) .card,
body:not([data-view="dashboard"]) .panel,
body:not([data-view="dashboard"]) .pro-panel,
body:not([data-view="dashboard"]) .screen-panel,
body:not([data-view="dashboard"]) .model-card,
body:not([data-view="dashboard"]) .dashboard-panel,
body:not([data-view="dashboard"]) .finance-panel,
body:not([data-view="dashboard"]) .crm-panel,
body:not([data-view="dashboard"]) .approval-card{
  background:var(--premium-panel);
  border:1px solid var(--premium-line);
  border-radius:10px;
  box-shadow:none;
}
body:not([data-view="dashboard"]) .card-body,
body:not([data-view="dashboard"]) .panel-body,
body:not([data-view="dashboard"]) .pro-panel-body{
  padding:15px 16px;
}
body:not([data-view="dashboard"]) .grid,
body:not([data-view="dashboard"]) .dashboard-grid,
body:not([data-view="dashboard"]) .stats-grid,
body:not([data-view="dashboard"]) .kpi-grid,
body:not([data-view="dashboard"]) .two-col,
body:not([data-view="dashboard"]) .three-col{
  gap:10px;
}

/* KPI cards: readable, compact, no decorative excess */
body:not([data-view="dashboard"]) .stat,
body:not([data-view="dashboard"]) .dashboard-kpi,
body:not([data-view="dashboard"]) .pro-kpi-card,
body:not([data-view="dashboard"]) .screen-kpi-card,
body:not([data-view="dashboard"]) .gm-kpi,
body:not([data-view="dashboard"]) .model-kpi,
body:not([data-view="dashboard"]) .aq360-kpi-card{
  min-height:96px;
  padding:14px 15px;
  background:#fff;
  border:1px solid var(--premium-line);
  border-radius:9px;
  box-shadow:none;
}
body:not([data-view="dashboard"]) .stat strong,
body:not([data-view="dashboard"]) .dashboard-kpi strong,
body:not([data-view="dashboard"]) .pro-kpi-card strong,
body:not([data-view="dashboard"]) .screen-kpi-card strong,
body:not([data-view="dashboard"]) .gm-kpi strong{
  font-size:23px;
  line-height:1.15;
  font-weight:650;
}
body:not([data-view="dashboard"]) .stat span,
body:not([data-view="dashboard"]) .dashboard-kpi span,
body:not([data-view="dashboard"]) .pro-kpi-card span,
body:not([data-view="dashboard"]) .screen-kpi-card span{
  color:#607087;
  font-size:11px;
  letter-spacing:.5px;
  font-weight:700;
}

/* Buttons: preserve every action, improve visual consistency */
body:not([data-view="dashboard"]) .button,
body:not([data-view="dashboard"]) .ghost-button,
body:not([data-view="dashboard"]) .danger-button,
body:not([data-view="dashboard"]) .icon-button,
body:not([data-view="dashboard"]) .table-action-button{
  min-height:36px;
  padding:7px 11px;
  border-radius:7px;
  font-size:13px;
  font-weight:650;
  box-shadow:none;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
body:not([data-view="dashboard"]) .button{
  background:var(--premium-orange);
  border-color:var(--premium-orange);
  color:#fff;
}
body:not([data-view="dashboard"]) .button:hover{background:#ce5234;border-color:#ce5234}
body:not([data-view="dashboard"]) .ghost-button,
body:not([data-view="dashboard"]) .icon-button,
body:not([data-view="dashboard"]) .table-action-button{
  background:#fff;
  border-color:#d5dde6;
  color:#29465f;
}

/* Toolbars and filters */
body:not([data-view="dashboard"]) .toolbar{
  gap:8px;
  margin-bottom:10px;
}
body:not([data-view="dashboard"]) .toolbar-actions{gap:6px}
body:not([data-view="dashboard"]) input,
body:not([data-view="dashboard"]) select,
body:not([data-view="dashboard"]) textarea{
  min-height:38px;
  border:1px solid #d4dce5;
  border-radius:7px;
  background:#fff;
  color:var(--premium-ink);
  font-size:13px;
  box-shadow:none;
}
body:not([data-view="dashboard"]) textarea{min-height:92px}
body:not([data-view="dashboard"]) input:focus,
body:not([data-view="dashboard"]) select:focus,
body:not([data-view="dashboard"]) textarea:focus{
  outline:2px solid rgba(37,95,140,.13);
  border-color:#799dbb;
}
body:not([data-view="dashboard"]) label{
  color:#4f6074;
  font-size:12px;
  font-weight:650;
}
body:not([data-view="dashboard"]) .form-grid{gap:12px}

/* Data registers */
body:not([data-view="dashboard"]) .table-wrap,
body:not([data-view="dashboard"]) .crm-item-table-wrap,
body:not([data-view="dashboard"]) .crm-stage-table{
  overflow:auto;
  border:1px solid var(--premium-line);
  border-radius:9px;
  background:#fff;
  box-shadow:none;
}
body:not([data-view="dashboard"]) .table-wrap table,
body:not([data-view="dashboard"]) table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}
body:not([data-view="dashboard"]) th{
  height:38px;
  padding:9px 11px;
  background:#f4f6f8;
  border-bottom:1px solid #dbe2e9;
  color:#5d6d81;
  font-size:11px;
  font-weight:700;
  letter-spacing:.45px;
  text-transform:uppercase;
  white-space:nowrap;
}
body:not([data-view="dashboard"]) td{
  min-height:46px;
  padding:10px 11px;
  border-bottom:1px solid #e5e9ee;
  color:#3f4f63;
  font-size:13px;
  line-height:1.4;
}
body:not([data-view="dashboard"]) tbody tr:nth-child(even){background:#fff}
body:not([data-view="dashboard"]) tbody tr:hover{background:#f7f9fb}

/* Status system */
body:not([data-view="dashboard"]) .status,
body:not([data-view="dashboard"]) .pill,
body:not([data-view="dashboard"]) .badge{
  min-height:0;
  padding:4px 8px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:11px;
  line-height:1.25;
  font-weight:650;
}
body:not([data-view="dashboard"]) .status.ok,
body:not([data-view="dashboard"]) .status.success{
  background:#edf6f1;color:#276f52;border-color:#d9e9e0
}
body:not([data-view="dashboard"]) .status.warn,
body:not([data-view="dashboard"]) .status.pending{
  background:#fbf4e6;color:#8c6427;border-color:#eee1c8
}
body:not([data-view="dashboard"]) .status.danger,
body:not([data-view="dashboard"]) .status.rejected{
  background:#fbefec;color:#a74b40;border-color:#f0dbd7
}

/* CRM: preserve every stage and action, remove visual clutter */
body:not([data-view="dashboard"]) .crm-command-center,
body:not([data-view="dashboard"]) .crm-command-grid,
body:not([data-view="dashboard"]) .crm-kpis{gap:10px}
body:not([data-view="dashboard"]) .crm-command-card{
  min-height:94px;
  padding:14px;
  border:1px solid var(--premium-line);
  border-radius:9px;
  background:#fff;
  box-shadow:none;
}
body:not([data-view="dashboard"]) .crm-command-card:hover{transform:none;border-color:#bccbd8}
body:not([data-view="dashboard"]) .crm-pipeline-board{gap:8px}
body:not([data-view="dashboard"]) .crm-stage-column,
body:not([data-view="dashboard"]) .pipeline-column{
  background:#f1f3f6;
  border:1px solid #dce2e8;
  border-radius:9px;
}
body:not([data-view="dashboard"]) .crm-deal-card,
body:not([data-view="dashboard"]) .pipeline-card{
  border:1px solid #d9e0e7;
  border-radius:7px;
  background:#fff;
  box-shadow:none;
}

/* GM / Finance / approvals */
body:not([data-view="dashboard"]) .gm-grid,
body:not([data-view="dashboard"]) .gm-dashboard-grid,
body:not([data-view="dashboard"]) .finance-grid,
body:not([data-view="dashboard"]) .approval-grid{gap:10px}
body:not([data-view="dashboard"]) .gm-panel,
body:not([data-view="dashboard"]) .finance-card,
body:not([data-view="dashboard"]) .approval-flow-card{
  border:1px solid var(--premium-line);
  border-radius:9px;
  background:#fff;
  box-shadow:none;
}
body:not([data-view="dashboard"]) .approval-flow-card{padding:12px}
body:not([data-view="dashboard"]) .approval-flow-marker{box-shadow:none}

/* Location, fleet, employee and payroll cards */
body:not([data-view="dashboard"]) .branch-card,
body:not([data-view="dashboard"]) .warehouse-card,
body:not([data-view="dashboard"]) .vehicle-card,
body:not([data-view="dashboard"]) .employee-card,
body:not([data-view="dashboard"]) .payroll-card{
  border:1px solid var(--premium-line);
  border-radius:9px;
  background:#fff;
  box-shadow:none;
}

/* Responsive containment without removing controls */
body:not([data-view="dashboard"]) .view,
body:not([data-view="dashboard"]) .card,
body:not([data-view="dashboard"]) .panel{min-width:0}
body:not([data-view="dashboard"]) .table-wrap{max-width:100%}
@media(max-width:1100px){
  body:not([data-view="dashboard"]) .view{padding:16px 18px 28px}
  body:not([data-view="dashboard"]) .three-col{grid-template-columns:1fr 1fr}
  body:not([data-view="dashboard"]) .two-col{grid-template-columns:1fr}
}
@media(max-width:720px){
  body:not([data-view="dashboard"]) .view{padding:14px 12px 24px}
  body:not([data-view="dashboard"]) .three-col,
  body:not([data-view="dashboard"]) .stats-grid,
  body:not([data-view="dashboard"]) .kpi-grid{grid-template-columns:1fr}
  body:not([data-view="dashboard"]) .toolbar{align-items:stretch}
  body:not([data-view="dashboard"]) .toolbar-actions{width:100%}
  body:not([data-view="dashboard"]) .toolbar-actions > *{flex:1 1 auto}
  body:not([data-view="dashboard"]) .table-wrap table{min-width:720px}
}

/* Final cascade authority: required because the legacy stylesheet uses !important. */
body[data-view]:not([data-view="dashboard"]) .view{
  padding:18px 24px 32px !important;
  background:#f3f5f7 !important;
  color:#3f4f64 !important;
  font-size:14px !important;
}
body[data-view]:not([data-view="dashboard"]) .card,
body[data-view]:not([data-view="dashboard"]) .panel,
body[data-view]:not([data-view="dashboard"]) .pro-panel,
body[data-view]:not([data-view="dashboard"]) .screen-panel,
body[data-view]:not([data-view="dashboard"]) .model-card,
body[data-view]:not([data-view="dashboard"]) .dashboard-panel,
body[data-view]:not([data-view="dashboard"]) .finance-panel,
body[data-view]:not([data-view="dashboard"]) .crm-panel,
body[data-view]:not([data-view="dashboard"]) .approval-card{
  background:#fff !important;
  border:1px solid #dbe2e9 !important;
  border-radius:10px !important;
  box-shadow:none !important;
}
body[data-view]:not([data-view="dashboard"]) .card-body,
body[data-view]:not([data-view="dashboard"]) .panel-body,
body[data-view]:not([data-view="dashboard"]) .pro-panel-body{
  padding:15px 16px !important;
}
body[data-view]:not([data-view="dashboard"]) .grid,
body[data-view]:not([data-view="dashboard"]) .dashboard-grid,
body[data-view]:not([data-view="dashboard"]) .stats-grid,
body[data-view]:not([data-view="dashboard"]) .kpi-grid,
body[data-view]:not([data-view="dashboard"]) .two-col,
body[data-view]:not([data-view="dashboard"]) .three-col{
  gap:10px !important;
}
body[data-view]:not([data-view="dashboard"]) .stat,
body[data-view]:not([data-view="dashboard"]) .dashboard-kpi,
body[data-view]:not([data-view="dashboard"]) .pro-kpi-card,
body[data-view]:not([data-view="dashboard"]) .screen-kpi-card,
body[data-view]:not([data-view="dashboard"]) .gm-kpi,
body[data-view]:not([data-view="dashboard"]) .model-kpi{
  min-height:96px !important;
  padding:14px 15px !important;
  background:#fff !important;
  border:1px solid #dbe2e9 !important;
  border-radius:9px !important;
  box-shadow:none !important;
}
body[data-view]:not([data-view="dashboard"]) h1{font-size:24px !important}
body[data-view]:not([data-view="dashboard"]) h2{font-size:17px !important}
body[data-view]:not([data-view="dashboard"]) h3{font-size:15px !important}
body[data-view]:not([data-view="dashboard"]) .stat strong,
body[data-view]:not([data-view="dashboard"]) .dashboard-kpi strong,
body[data-view]:not([data-view="dashboard"]) .pro-kpi-card strong,
body[data-view]:not([data-view="dashboard"]) .screen-kpi-card strong,
body[data-view]:not([data-view="dashboard"]) .gm-kpi strong{
  font-size:23px !important;
  font-weight:650 !important;
}
body[data-view]:not([data-view="dashboard"]) .button,
body[data-view]:not([data-view="dashboard"]) .ghost-button,
body[data-view]:not([data-view="dashboard"]) .danger-button,
body[data-view]:not([data-view="dashboard"]) .icon-button,
body[data-view]:not([data-view="dashboard"]) .table-action-button{
  min-height:36px !important;
  padding:7px 11px !important;
  border-radius:7px !important;
  font-size:13px !important;
  font-weight:650 !important;
  box-shadow:none !important;
}
body[data-view]:not([data-view="dashboard"]) .button{
  background:#e45f3d !important;
  border-color:#e45f3d !important;
  color:#fff !important;
}
body[data-view]:not([data-view="dashboard"]) input,
body[data-view]:not([data-view="dashboard"]) select,
body[data-view]:not([data-view="dashboard"]) textarea{
  min-height:38px !important;
  border:1px solid #d4dce5 !important;
  border-radius:7px !important;
  background:#fff !important;
  color:#17243a !important;
  font-size:13px !important;
  box-shadow:none !important;
}
body[data-view]:not([data-view="dashboard"]) .table-wrap,
body[data-view]:not([data-view="dashboard"]) .crm-item-table-wrap,
body[data-view]:not([data-view="dashboard"]) .crm-stage-table{
  overflow:auto !important;
  border:1px solid #dbe2e9 !important;
  border-radius:9px !important;
  background:#fff !important;
  box-shadow:none !important;
}
body[data-view]:not([data-view="dashboard"]) th{
  height:38px !important;
  padding:9px 11px !important;
  background:#f4f6f8 !important;
  color:#5d6d81 !important;
  font-size:11px !important;
}
body[data-view]:not([data-view="dashboard"]) td{
  min-height:46px !important;
  padding:10px 11px !important;
  color:#3f4f63 !important;
  font-size:13px !important;
}
body[data-view]:not([data-view="dashboard"]) tbody tr:hover{background:#f7f9fb !important}
body[data-view]:not([data-view="dashboard"]) .status,
body[data-view]:not([data-view="dashboard"]) .pill,
body[data-view]:not([data-view="dashboard"]) .badge{
  min-height:0 !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:650 !important;
}
@media(max-width:720px){
  body[data-view]:not([data-view="dashboard"]) .view{padding:14px 12px 24px !important}
}