/* Reference-inspired composition for authenticated pages only.
   Existing color tokens, content, controls and sidebar remain authoritative. */
.app .topbar{margin-bottom:18px}
.app .topbar h1{font-size:28px;line-height:1.25;letter-spacing:-.6px}
.app .page-subtitle{font-size:13px;line-height:1.6}
.app .hero-card{padding:20px;border-radius:8px;gap:20px;margin-bottom:18px}
.app .hero-card h2{font-size:20px;line-height:1.3}
.app .stats-grid,.app .resource-summary{gap:14px;margin:18px 0}
.app .stat-card,.app .resource-metric{padding:18px;border-radius:8px;box-shadow:0 2px 5px #15233c04}
.app .stat-card strong,.app .resource-metric strong{font-size:27px;line-height:1.2}
.app .panel,.app .form-card,.app .product-card,.app .customer-card,.app .vendor-card{border-radius:8px}
.app .product-grid,.app .customer-grid,.app .vendor-grid,.app .content-grid,.app .restored-record-grid{gap:16px}
.app .product-card,.app .customer-card,.app .vendor-card{padding:18px}
.app .product-thumb{height:96px;min-height:0;margin-bottom:14px;display:flex;align-items:center;justify-content:center}
.app .product-card h3,.app .customer-card h3,.app .vendor-card h3{font-size:16px;margin:10px 0}
.app .resource-table th{font-size:11px;font-weight:600;letter-spacing:.15px}
.app .resource-table td{font-size:13px;padding-top:11px;padding-bottom:11px}
.app .restored-record-card{position:relative;padding:18px 18px 18px 62px!important}
.app .restored-card-icon{position:absolute;left:18px;top:20px;width:28px;height:28px}
.app .restored-record-card h3{margin:2px 0 12px}
.app .restored-record-card p{margin:6px 0;line-height:1.5}
.app .resource-panel-heading{margin-bottom:16px}
.app .resource-toolbar{gap:8px}
.app .calculator-card,.app .tool-card,.app .integration-card,.app .mockup-card{padding:20px;border-radius:8px}
.app .calculator-card h3,.app .tool-card h3,.app .integration-card h3{font-size:16px}
.app .calculator-icon,.app .tool-icon,.app .integration-icon,.app .help-icon{width:38px;height:38px;min-height:38px;border-radius:8px}
/* More workflow columns visible while preserving every existing status/control. */
.production-page .production-app{padding-top:22px}
.production-page .production-stat{padding:16px 20px}
.production-page .kanban-lane{flex:0 0 208px;min-width:208px;padding:9px;border-radius:7px}
.production-page .lane-header{gap:6px;padding:5px 2px 10px}
.production-page .lane-header h3{font-size:12px;line-height:1.3}
.production-page .lane-header span{font-size:11px;padding:3px 6px}
.production-page .kanban-card{padding:11px;margin-top:9px;box-shadow:0 1px 3px #15233c06}
.production-page .kanban-card .card-top{gap:6px}
.production-page .kanban-card .card-top>a{font-size:12px;line-height:1.4}
.production-page .kanban-card label{margin-top:8px}
.production-page .kanban-card select{font-size:11px;min-height:32px}
/* Dashboard: compact KPI strip, analytics, operational rows. */
.dashboard-page .dashboard-kpis{gap:14px;margin-bottom:16px}
.dashboard-page .dashboard-kpis .stat-card{min-height:112px;padding:18px 16px 18px 76px}
.dashboard-page .dashboard-kpis .stat-card:after{width:70px;height:70px;right:-32px;bottom:-40px;border-width:12px}
.dashboard-page .dashboard-kpis .kpi-icon{left:18px;right:auto;top:30px;width:40px;height:40px;padding:7px;border:1px solid currentColor;border-radius:50%}
.dashboard-page .dashboard-kpis .stat-card>span{max-width:none;font-size:12px}
.dashboard-page .dashboard-kpis .stat-card>strong{font-size:28px;margin:9px 0 5px}
.dashboard-page .dashboard-kpis .stat-card:last-child>strong{font-size:21px}
.dashboard-page .dashboard-kpis>.skeleton{min-height:112px}
.dashboard-page .dashboard-grid{gap:16px}
.dashboard-page .dashboard-panel{padding:18px}
.dashboard-page .panel-heading{margin-bottom:14px;align-items:center}
.dashboard-page .panel-heading h2{font-size:17px}
.dashboard-page .dashboard-panel-icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dashboard-page .panel-heading h2{display:flex;align-items:center;gap:9px}
.dashboard-page .analytics-metrics{padding-bottom:12px;gap:10px}
.dashboard-page .analytics-metrics strong{font-size:20px}
.dashboard-page .financial-bars{min-height:195px;margin:16px 0 12px;padding-bottom:8px}
.dashboard-page .financial-bar .bar-track{height:155px}
.dashboard-page [data-panel="reports"]>div:last-child>.skeleton{min-height:285px}
.dashboard-page [data-panel="reports"] .empty-state{min-height:260px}
.dashboard-page .pipeline-grid{gap:10px}
.dashboard-page .pipeline-grid .soft-btn{grid-template-columns:minmax(115px,1.3fr) minmax(40px,1fr) 22px;gap:8px;font-size:11px;min-height:20px}
.dashboard-page .pipeline-grid strong{grid-column:3;grid-row:1;font-size:12px;text-align:right}
.dashboard-page .pipeline-track{grid-column:2;grid-row:1;height:7px}
.dashboard-page .dashboard-footnote{font-size:10px;margin-top:10px;line-height:1.5}
.dashboard-page .dashboard-panel .resource-table td,.dashboard-page .dashboard-panel .resource-table th{padding:8px 6px}
.dashboard-page .dashboard-panel .resource-table td>a{border:0;background:transparent;padding:0;min-height:0;font-size:12px;text-align:left}
.dashboard-page .dashboard-panel .activity-list li{padding:8px 0}
.dashboard-page [data-panel="calculator"]>div:last-child{gap:12px}
.dashboard-page [data-panel="calculator"] .dashboard-footnote{font-size:12px;line-height:1.6}
@media(min-width:1500px){.production-page .kanban-lane{flex-basis:220px;min-width:220px}}
@media(max-width:1100px){.dashboard-page .pipeline-grid .soft-btn{grid-template-columns:minmax(110px,1.3fr) minmax(25px,1fr) 20px}}
@media(max-width:600px){.app .topbar h1{font-size:25px}.app .hero-card{padding:16px}.app .restored-record-card{padding-left:58px!important}.production-page .kanban-lane{flex-basis:225px;min-width:225px}.dashboard-page .dashboard-panel{padding:16px}.dashboard-page .dashboard-kpis .stat-card{min-height:110px}.dashboard-page .analytics-metrics strong{font-size:16px}.dashboard-page .pipeline-grid .soft-btn{grid-template-columns:minmax(105px,1.3fr) minmax(35px,1fr) 22px}}