/*
 * Dashboard screen (wp-admin).
 *
 * Was printed inline in admin/views/dashboard.php on every page load. Moved to a
 * real stylesheet so it is cached between visits, minified by the build, and
 * covered by the asset-integrity gate -- none of which applies to CSS living
 * inside a PHP template.
 */
#yatoon-dashboard-wrap *{box-sizing:border-box;}
#yatoon-dashboard-wrap .yd-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0;}
#yatoon-dashboard-wrap .yd-kpi{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 18px;}
#yatoon-dashboard-wrap .yd-kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:6px;} /* 4.6.2: contrast - was #9ca3af (2.54:1 on white), under the 4.5:1 WCAG AA floor. #6b7280 = 4.83:1. */
#yatoon-dashboard-wrap .yd-kpi-value{font-size:28px;font-weight:700;line-height:1.1;color:#111827;}
#yatoon-dashboard-wrap .yd-kpi-sub{font-size:12px;margin-top:4px;color:#6b7280;}
#yatoon-dashboard-wrap .yd-trend-up{color:#16a34a;font-weight:600;}
#yatoon-dashboard-wrap .yd-trend-down{color:#dc2626;font-weight:600;}
#yatoon-dashboard-wrap .yd-trend-flat{color:#6b7280;}
#yatoon-dashboard-wrap .yd-section-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:16px;}
#yatoon-dashboard-wrap .yd-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;}
#yatoon-dashboard-wrap .yd-panel-head{padding:14px 18px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between;}
#yatoon-dashboard-wrap .yd-panel-head h2{margin:0;font-size:14px;font-weight:600;color:#111827;}
#yatoon-dashboard-wrap .yd-panel-head a{font-size:12px;color:#6b7280;text-decoration:none;}
#yatoon-dashboard-wrap .yd-panel-head a:hover{color:#111827;}
#yatoon-dashboard-wrap table{width:100%;border-collapse:collapse;}
#yatoon-dashboard-wrap th,#yatoon-dashboard-wrap td{padding:10px 18px;text-align:left;font-size:13px;border-bottom:1px solid #f9fafb;}
#yatoon-dashboard-wrap th{background:#f9fafb;color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;}
#yatoon-dashboard-wrap tr:last-child td{border-bottom:none;}
#yatoon-dashboard-wrap .yd-sub{font-size:11px;color:#6b7280;} /* 4.6.2: contrast - was #9ca3af (2.54:1 on white), under the 4.5:1 WCAG AA floor. #6b7280 = 4.83:1. */
#yatoon-dashboard-wrap .yd-status-confirmed,.yd-status-ACCEPTED{color:#16a34a;font-weight:600;}
#yatoon-dashboard-wrap .yd-status-pending{color:#d97706;font-weight:600;}
#yatoon-dashboard-wrap .yd-status-no_show{color:#dc2626;font-weight:600;}
#yatoon-dashboard-wrap .yd-status-cancelled{color:#6b7280;} /* 4.6.2: contrast - was #9ca3af. Cancelled rows stay visibly muted at 4.83:1;
   colour is not the only cue here, the row also carries the status word. */
#yatoon-dashboard-wrap .yd-actions-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0;}
#yatoon-dashboard-wrap .yd-chart-wrap{padding:14px 18px 18px;}
#yatoon-dashboard-wrap .yd-bars{display:flex;align-items:flex-end;gap:6px;height:80px;}
#yatoon-dashboard-wrap .yd-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;}
#yatoon-dashboard-wrap .yd-bar{width:100%;background:#e5e7eb;border-radius:4px 4px 0 0;transition:background .2s;}
#yatoon-dashboard-wrap .yd-bar.today{background:#111827;}
#yatoon-dashboard-wrap .yd-bar-day{font-size:10px;color:#6b7280;text-align:center;} /* 4.6.2: contrast - was #9ca3af (2.54:1 on white), under the 4.5:1 WCAG AA floor. #6b7280 = 4.83:1. */
#yatoon-dashboard-wrap .yd-bar-val{font-size:10px;color:#6b7280;font-weight:600;}
#yatoon-dashboard-wrap .yd-pro-gate{display:flex;align-items:center;gap:12px;background:#f5f3ff;border:1px dashed #c4b5fd;border-radius:10px;padding:16px 18px;margin-top:16px;}
#yatoon-dashboard-wrap .yd-pro-badge{background:#7c3aed;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:.04em;white-space:nowrap;}
#yatoon-dashboard-wrap .yd-pro-text{font-size:13px;color:#4c1d95;flex:1;line-height:1.5;}
#yatoon-dashboard-wrap .yd-pro-link{font-size:13px;font-weight:600;color:#7c3aed;text-decoration:none;white-space:nowrap;}
#yatoon-dashboard-wrap .yd-noshow-warn{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;color:#991b1b;display:flex;align-items:center;gap:8px;}
#yatoon-dashboard-wrap .yd-readiness{background:#fff;border:1px solid #dbeafe;border-radius:10px;margin-top:16px;overflow:hidden;}
#yatoon-dashboard-wrap .yd-readiness-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#eff6ff;border-bottom:1px solid #dbeafe;}
#yatoon-dashboard-wrap .yd-readiness-head h2{margin:0;font-size:14px;color:#1e3a8a;}
#yatoon-dashboard-wrap .yd-readiness-score{font-size:12px;font-weight:700;color:#1d4ed8;white-space:nowrap;}
#yatoon-dashboard-wrap .yd-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;}
#yatoon-dashboard-wrap .yd-check{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;border-right:1px solid #f3f4f6;border-bottom:1px solid #f9fafb;text-decoration:none;color:#111827;}
#yatoon-dashboard-wrap .yd-check:hover{background:#f8fafc;}
#yatoon-dashboard-wrap .yd-check-mark{width:22px;height:22px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex:0 0 auto;}
#yatoon-dashboard-wrap .yd-check.is-ok .yd-check-mark{background:#dcfce7;color:#166534;}
#yatoon-dashboard-wrap .yd-check:not(.is-ok) .yd-check-mark{background:#fef3c7;color:#92400e;}
#yatoon-dashboard-wrap .yd-check-title{font-size:13px;font-weight:700;}
#yatoon-dashboard-wrap .yd-check-meta{font-size:11px;color:#6b7280;margin-top:2px;}
#yatoon-dashboard-wrap .yd-official{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:12px 16px;margin-top:14px;}
#yatoon-dashboard-wrap .yd-official strong{display:block;font-size:13px;color:#111827;}
#yatoon-dashboard-wrap .yd-official span{display:block;font-size:12px;color:#6b7280;margin-top:2px;}
#yatoon-dashboard-wrap .yd-official-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
#yatoon-dashboard-wrap .yd-command{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;background:#111827;color:#fff;border-radius:14px;padding:18px 20px;margin:14px 0 16px;box-shadow:0 14px 34px rgba(15,23,42,.16);}
#yatoon-dashboard-wrap .yd-command-kicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#f9a8d4;margin-bottom:4px;}
#yatoon-dashboard-wrap .yd-command-title{font-size:20px;font-weight:800;line-height:1.2;margin:0;color:#fff!important;}
#yatoon-dashboard-wrap .yd-command-sub{font-size:13px;color:#cbd5e1;margin-top:5px;}
#yatoon-dashboard-wrap .yd-command-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
#yatoon-dashboard-wrap .yd-command-actions .button{border-radius:999px;min-height:36px;color:#fff!important;border-color:#64748b!important;background:transparent!important;}
#yatoon-dashboard-wrap .yd-command-actions .button-primary{background:#ec4899!important;border-color:#ec4899!important;color:#fff!important;}
#yatoon-dashboard-wrap .yd-readiness{margin-top:18px;}
#yatoon-dashboard-wrap .yd-funnel{background:#fff;border:1px solid #dbe2ea;border-radius:10px;margin:0 0 16px;padding:15px 18px;}
#yatoon-dashboard-wrap .yd-funnel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
#yatoon-dashboard-wrap .yd-funnel-head h2{font-size:14px;margin:0;color:#111827;}
#yatoon-dashboard-wrap .yd-funnel-head span{font-size:11px;color:#64748b;}
#yatoon-dashboard-wrap .yd-funnel-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
#yatoon-dashboard-wrap .yd-funnel-step{border-top:3px solid #cbd5e1;padding-top:8px;min-width:0;}
#yatoon-dashboard-wrap .yd-funnel-step.is-done{border-color:#16a34a;}
#yatoon-dashboard-wrap .yd-funnel-label{font-size:12px;font-weight:700;color:#334155;line-height:1.3;}
#yatoon-dashboard-wrap .yd-funnel-time{font-size:10px;color:#94a3b8;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media(max-width:980px){#yatoon-dashboard-wrap .yd-section-grid{grid-template-columns:1fr;}}
@media(max-width:760px){#yatoon-dashboard-wrap .yd-command{grid-template-columns:1fr;}#yatoon-dashboard-wrap .yd-command-actions{justify-content:flex-start;}#yatoon-dashboard-wrap .yd-funnel-steps{grid-template-columns:1fr 1fr;}}
