.report-page { max-width: 1280px; }
.report-heading,.report-meta { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.report-heading h1 { font-size:clamp(26px,4vw,38px); margin:8px 0; }
.report-heading p,.report-meta p,.report-help { color:var(--muted,#9cadc4); line-height:1.9; }
.report-filters { display:flex; align-items:end; gap:14px; flex-wrap:wrap; padding:22px; margin-top:16px; background:#101e32; border:1px solid #263750; border-radius:18px; }
.report-filters label { flex:1; min-width:160px; margin:0; }
.report-page select,#outcomeDialog select { display:block; width:100%; margin-top:8px; padding:13px 14px; border:1px solid #35445a; border-radius:11px; background:#0a1728; color:#f7fafc; font:inherit; font-size:14px; min-height:51px; }
.report-page input[type=date] { color-scheme:dark; }
.report-page :focus-visible,#outcomeDialog :focus-visible { outline:2px solid #7fdfd2; outline-offset:3px; }
.report-filters .primary-btn { width:auto; }
.report-filters button { min-height:49px; }
.report-help { font-size:12px; margin:14px 0; }
.report-meta { margin:28px 0 18px; }
.report-meta h2 { margin:0; font-size:22px; }
.report-meta p { margin:5px 0; font-size:13px; }
.report-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.report-actions a { color:#efc765; text-decoration:none; font-size:13px; }
.phone-archive { margin:18px 0 24px; padding:20px; border:1px solid #365777; border-radius:16px; background:#11253a; }
.phone-archive h3 { margin:0 0 8px; font-size:18px; }
.phone-archive p,#archiveDialog p { font-size:14px; line-height:1.9; margin:8px 0 12px; color:#b8c9dd; }
.phone-archive .primary-btn { width:auto; }
.phone-archive .archive-privacy { margin-top:16px; color:#edce91; }
#archiveMessage:empty,#archiveDialogMessage:empty { display:none; }
#archiveMessage,#archiveDialogMessage { color:#a5efdc; }
#archiveDialog { width:min(940px,calc(100% - 24px)); max-height:95vh; overflow:auto; background:#101f34; color:#eef4ff; border:1px solid #415570; border-radius:20px; padding:20px; }
#archiveDialog::backdrop { background:#020916d9; }
.archive-dialog-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
.archive-dialog-heading h2 { font-size:20px; margin:0; }
#archivePreview { display:block; width:100%; height:55vh; border:1px solid #365777; border-radius:12px; background:#081528; }
@media(max-width:540px) { .phone-archive { padding:16px; } .phone-archive .report-actions,.phone-archive .report-actions button { width:100%; } #archiveDialog { padding:14px; } }
.report-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.report-metrics article { background:linear-gradient(145deg,#17283e,#101d31); border:1px solid #2d4059; border-radius:18px; padding:22px 18px; }
.report-metrics span { display:block; font-size:13px; min-height:47px; line-height:1.9; }
.report-metrics strong { display:block; font-size:36px; color:#efc765; font-variant-numeric:tabular-nums; margin:6px 0; overflow-wrap:anywhere; }
.report-metrics article:nth-child(2) strong { color:#7fdfd2; }
.report-metrics article:nth-child(3) strong,.report-metrics article:nth-child(4) strong { color:#ffb78b; }
.report-metrics small { display:block; color:#a9b9cc; font-size:11px; line-height:1.9; }
.report-counts { padding:16px 0 0; color:#d1dcec; font-size:13px; }
.report-warning { border-left:3px solid #e9b04b; background:#e9b04b10; padding:12px 16px; color:#f0cb8d; font-size:12px; line-height:1.9; }
.report-table-wrap { overflow-x:auto; border:1px solid #293b53; border-radius:16px; margin-top:24px; }
.report-table-wrap table { width:100%; min-width:930px; border-collapse:collapse; font-size:12px; text-align:left; }
.report-table-wrap caption { padding:19px; text-align:left; font-size:17px; color:#eef4fe; background:#14233a; }
.report-table-wrap th { background:#17283f; color:#c8d5e6; font-weight:500; }
.report-table-wrap th,.report-table-wrap td { padding:15px 13px; border-bottom:1px solid #26374e; vertical-align:top; line-height:1.9; overflow-wrap:anywhere; max-width:250px; }
.report-table-wrap tr:last-child td { border-bottom:0; }
.report-table-wrap td small { display:block; color:#97a9c0; font-size:11px; }
.report-table-wrap td .ghost-btn { padding:7px 11px; font-size:11px; white-space:nowrap; }
.trip-status { display:inline-block; padding:3px 9px; border-radius:8px; background:#24344c; color:#c1d1e6; }
.trip-status.completed { background:#153b37; color:#8aead2; }
.trip-status.passenger_cancelled,.trip-status.passenger_no_show,.trip-status.driver_cancelled { background:#402d2b; color:#ffc39d; }
.report-empty { padding:30px; text-align:center; color:#adbdd0; }
#outcomeDialog { width:min(560px,calc(100% - 28px)); background:#101f34; color:#eef4ff; border:1px solid #415570; border-radius:20px; padding:26px; max-height:90vh; overflow:auto; }
#hideTripDialog{width:min(560px,calc(100% - 28px));background:#101f34;color:#eef4ff;border:1px solid #7f5260;border-radius:20px;padding:26px}#hideTripDialog::backdrop,#outcomeDialog::backdrop { background:#020916bd; backdrop-filter:blur(4px); }#hideTripDialog h2{font-size:21px}#hideTripRoute{color:#adbed3;font-size:13px;line-height:1.9}#hideTripDialog .report-actions{justify-content:flex-end}#hideTripDialog .primary-btn{width:auto;background:#9b2941}
#outcomeDialog h2 { font-size:21px; }
#outcomeRoute { color:#adbed3; font-size:13px; line-height:1.9; }
#outcomeDialog .report-actions { justify-content:flex-end; }
#outcomeDialog .primary-btn { width:auto; }
@media(max-width:850px) { .report-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .report-heading>.server-pill { display:none; } }
@media(max-width:540px) { .report-meta { align-items:start; flex-direction:column; } .report-filters { padding:16px; gap:12px; } .report-filters label { min-width:120px; } .report-metrics { gap:10px; } .report-metrics article { padding:16px 12px; } .report-metrics strong { font-size:28px; } .report-metrics span { font-size:12px; min-height:48px; } .report-actions { gap:8px; } }
@media print {
  @page { size:A4 landscape; margin:12mm; }
  body,.report-page { background:white!important; color:#111!important; margin:0; padding:0; max-width:none; }
  .brand-bar,.report-filters,.report-actions,.action-column,#reportMessage,#adminRecordHelp,#outcomeDialog,.phone-archive,#archiveDialog,.report-heading>.server-pill { display:none!important; }
  .report-heading p { display:none; }
  .report-metrics { grid-template-columns:repeat(4,1fr); }
  .report-metrics article,.report-table-wrap th,.report-table-wrap caption { background:white!important; border-color:#aaa; color:#111; }
  .report-metrics strong,.report-metrics span,.report-metrics small,.report-help,.report-counts,.report-meta p,.report-warning { color:#222!important; }
  .report-metrics article { padding:10px; break-inside:avoid; }
  .report-table-wrap { overflow:visible; border-color:#aaa; }
  .report-table-wrap table { min-width:0; font-size:10px; }
  .report-table-wrap th,.report-table-wrap td { padding:8px; border-color:#aaa; }
  .report-table-wrap td small { color:#444; }
  .trip-status { background:none!important; color:#111!important; padding:0; }
  tr { break-inside:avoid; } thead { display:table-header-group; }
}
