/* SadafGaz 0.5.9 – compact application UI and readable travel/audit timelines */
:root { --ar-sidebar-width: 236px; }
body.abanrah-app-body { --ar-sidebar-width: 236px; }
body.abanrah-app-body .abanrah-sidebar { width: var(--ar-sidebar-width); }
body.abanrah-app-body .abanrah-workspace { margin-right:var(--ar-sidebar-width); min-width:0; }
body.abanrah-app-body .abanrah-content { max-width:none!important; padding:clamp(10px,1.5vw,20px)!important; min-width:0; }
body.abanrah-app-body .abanrah-main { min-width:0; max-width:100%; }
body.abanrah-app-body .abanrah-content > :first-child { margin-top:0 !important; }
body.abanrah-app-body .abanrah-content section, body.abanrah-app-body .abanrah-content article { max-width:100%; }
body.abanrah-app-body .abanrah-content .container, body.abanrah-app-body .abanrah-content .container-fluid { max-width:100%; }
body.abanrah-app-body .abanrah-content .results-info,
body.abanrah-app-body .abanrah-content .sg-travel-page-header { margin-block: 8px 12px; }
body.abanrah-app-body .abanrah-content .table-responsive { max-width:100%; }
/* Compact common vertical rhythm instead of oversized gaps between result cards. */
body.abanrah-app-body .abanrah-content .sg-page { padding-top:4px; }
body.abanrah-app-body .abanrah-content .sg-page-head { margin-bottom:12px; padding:16px 20px; }
body.abanrah-app-body .abanrah-content .sg-filter-bar { margin-bottom:12px; padding:12px; }
body.abanrah-app-body .abanrah-content .sg-travel-filter-panel { margin-bottom:12px; }
body.abanrah-app-body .abanrah-content .sg59-results-count { margin:10px 0; padding:8px 12px; border-radius:12px; background:#eff3fa; color:#243972; font-weight:800; }
.sg59-travel-table-wrap { max-width:100%; overflow-x:auto; border:1px solid #dbe1ea; border-radius:16px; background:#fff; box-shadow:0 5px 18px rgba(26,41,87,.06); margin:10px 0 16px; }
.sg59-travel-table { border-collapse:separate; border-spacing:0; width:100%; table-layout:fixed; margin:0; font-size:clamp(.75rem,.86vw,.88rem); line-height:1.7; }
.sg59-travel-table th { white-space:normal; font-weight:800; padding:10px 7px; background:#eef1f8; border-bottom:1px solid #dae1ed; color:#243972; text-align:right; }
.sg59-travel-table td { padding:10px 7px; vertical-align:middle; border-bottom:1px solid #e8ebf1; overflow-wrap:anywhere; }
.sg59-travel-table tr:last-child td { border-bottom:0; }
.sg59-travel-table tbody tr:hover { background:#f7f9fd; }
.sg59-travel-table td strong, .sg59-travel-table td small { display:block; }
.sg59-travel-table td small { font-size:.74rem; color:#718096; }
.sg59-travel-table th:nth-child(1){width:12%}.sg59-travel-table th:nth-child(2){width:13%}.sg59-travel-table th:nth-child(3){width:15%}
.sg59-travel-table th:nth-child(4){width:10%}.sg59-travel-table th:nth-child(5){width:11%}.sg59-travel-table th:nth-child(6){width:11%}
.sg59-travel-table th:nth-child(7){width:9%}.sg59-travel-table th:nth-child(8){width:9%}.sg59-travel-table th:nth-child(9){width:10%}
.sg59-ref { color:#243972; font-size:.91rem; }
.sg59-status { display:inline-flex; border-radius:40px; padding:3px 9px; font-size:.75rem; font-weight:800; }
.sg59-status.is-running { background:#fff0e8; color:#a3451e; }.sg59-status.is-complete { background:#e8f8ee; color:#146b3e; }
.sg59-detail-link { display:inline-flex; align-items:center; gap:5px; background:#243972; color:#fff!important; border-radius:9px; padding:5px 8px; text-decoration:none; white-space:normal; font-weight:700; }
.sg59-detail-link:hover { background:#17264f; }.sg59-subaction { display:block; margin-top:4px; font-size:.75rem; color:#245d83; text-decoration:underline; text-underline-offset:3px; }
.sg59-muted { color:#888; }.sg59-no-record { padding:25px!important; text-align:center; color:#718096; }
/* Unified audit: focused event header, explainable changes and wrapped values. */
.sg-audit-page .sg-page-head { background:linear-gradient(110deg,#fff,#f0f3fa); border-color:#dfe6f2; }
.sg-audit-page .sg-page-head h1 { color:#243972; font-size:clamp(1.15rem,2vw,1.65rem); }
.sg-audit-page .sg-audit-list { gap:12px; }
.sg-audit-page .sg-audit-item { border:1px solid #dfe5ef; border-right:4px solid #243972; border-radius:15px; padding:16px; box-shadow:0 3px 14px rgba(26,41,87,.04); }
.sg-audit-page .sg-audit-meta { display:flex; align-items:center; gap:9px; }
.sg-audit-page .sg-audit-meta strong { overflow-wrap:anywhere; color:#243972; }
.sg-audit-page .sg-audit-meta small { margin-right:auto; font-size:.77rem; }
.sg-audit-page .sg59-audit-summary { color:#546274; margin:8px 0 0; font-size:.85rem; line-height:1.8; }
.sg-audit-page .sg-audit-changes { display:grid; gap:7px; margin-top:12px; }
.sg-audit-page .sg-audit-changes>div { display:grid; grid-template-columns:minmax(135px,1fr) minmax(0,1.3fr) 20px minmax(0,1.3fr); gap:8px; align-items:center; border:1px solid #e9ecf3; padding:9px 11px; border-radius:10px; background:#fafbfe; }
.sg-audit-page .sg-audit-changes .old, .sg-audit-page .sg-audit-changes .new { min-width:0; white-space:pre-wrap; overflow-wrap:anywhere; direction:auto; }
.sg-audit-page .sg59-change-label { color:#3c4c68; font-weight:800; }
.sg-audit-page .sg59-change-old { color:#955c54; }.sg-audit-page .sg59-change-new { color:#165f48; }
.sg-audit-page .sg59-audit-stats { display:flex; gap:10px; align-items:center; margin-bottom:10px; flex-wrap:wrap; color:#55657b; font-size:.85rem; }
.sg-audit-page .sg59-audit-stats b { color:#243972; }
@media(max-width:1250px){ .sg59-travel-table{min-width:860px;} }
@media(max-width:991px){ body.abanrah-app-body .abanrah-workspace {margin-right:0;} .sg-audit-page .sg-audit-changes>div { grid-template-columns:1fr 1fr; } .sg-audit-page .sg59-change-label { grid-column:1 / -1; } }
@media(max-width:600px){ .sg59-travel-table{min-width:0;} .sg59-travel-table thead{display:none;} .sg59-travel-table tr { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid #dce3f0; padding:8px; } .sg59-travel-table td { display:block; padding:7px; border:0; min-width:0; } .sg59-travel-table td:before { content:attr(data-label); display:block; color:#778397; font-size:.69rem; } .sg59-travel-table td:last-child { grid-column:1 / -1; } .sg-audit-page .sg-audit-changes>div { grid-template-columns:1fr; } .sg-audit-page .sg-audit-changes i { transform:rotate(-90deg); } .sg-audit-page .sg-filter-bar { grid-template-columns:1fr; } }

/* Legacy result lists: accessible in-content scrolling, no overlap with right sidebar. */
body.abanrah-app-body .sg59-table-scroll { min-width:0; max-width:100%; overflow-x:auto; margin:10px 0 16px; border:1px solid #dce3ed; border-radius:14px; background:#fff; }
body.abanrah-app-body .sg59-table-scroll > .table { min-width:780px; margin:0; width:100%; }
body.abanrah-app-body .sg59-table-scroll > .table th { background:#eef1f8; color:#243972; font-size:.79rem; padding:10px 8px; }
body.abanrah-app-body .sg59-table-scroll > .table td { font-size:.79rem; vertical-align:middle; padding:9px 8px; }
body.abanrah-app-body .sg59-table-scroll > .table .btn { font-size:.76rem; padding:5px 8px; }
body.abanrah-app-body .abanrah-content > br:first-child { display:none; }
body.abanrah-app-body .abanrah-content h4[align="center"]:first-of-type { margin-top:0!important; margin-bottom:12px!important; padding:12px 16px!important; border-radius:12px; font-size:clamp(.95rem,1.6vw,1.2rem); line-height:1.8; }
body.abanrah-app-body .abanrah-content p[align="left"] { margin-block:8px!important; }
body.abanrah-app-body .abanrah-content .pagination { margin-top:10px; }
body.abanrah-app-body .abanrah-content .card { max-width:100%; }
body.abanrah-app-body .abanrah-content .row { --bs-gutter-y: 10px; }
@media (max-width:991px){ body.abanrah-app-body .abanrah-sidebar { width:min(86vw,270px); } }

@media (min-width:992px) {
 body.abanrah-app-body.sidebar-collapsed .abanrah-sidebar { width:var(--ar-sidebar-collapsed); }
 body.abanrah-app-body.sidebar-collapsed .abanrah-workspace { margin-right:var(--ar-sidebar-collapsed); }
}
body.abanrah-app-body .abanrah-content > .row.mb-4 { margin-bottom:12px!important; }
body.abanrah-app-body .abanrah-content .filter-container { max-width:100%; margin-bottom:12px!important; padding:12px!important; }
body.abanrah-app-body .abanrah-content .card-body { min-width:0; }

.sg-audit-page .sg-filter-bar { grid-template-columns:minmax(180px,2fr) minmax(130px,1fr) minmax(130px,1fr) auto auto; align-items:center; }
.sg-audit-page .sg59-audit-details { margin-top:8px; }
.sg-audit-page .sg59-audit-details > summary { cursor:pointer; padding:8px 10px; background:#f4f6fb; border-radius:9px; font-weight:700; color:#243972; font-size:.81rem; }
.sg-audit-page .sg59-audit-details[open] > summary { border-radius:9px 9px 0 0; }
@media (max-width:900px){ .sg-audit-page .sg-filter-bar { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px){ .sg-audit-page .sg-filter-bar { grid-template-columns:1fr; } }

/* Legacy simple-history (tank / driver) has the same visual rhythm as unified audit. */
body.abanrah-app-body .sg59-legacy-history { margin:14px 0!important; padding:0; }
body.abanrah-app-body .sg59-legacy-history .section-title { color:#243972; font-size:1.16rem; padding:8px 0; margin-bottom:12px; }
body.abanrah-app-body .sg59-legacy-history .history-timeline { padding-right:15px; margin-right:5px; }
body.abanrah-app-body .sg59-legacy-history .history-timeline::before { right:0; background:#dce3f0; }
body.abanrah-app-body .sg59-legacy-history .history-item { margin-bottom:10px; border:1px solid #dce4ee; border-right:3px solid #243972; border-radius:13px; box-shadow:0 4px 16px rgba(30,45,90,.04); }
body.abanrah-app-body .sg59-legacy-history .history-header { cursor:default; padding:11px 13px; gap:10px; flex-wrap:wrap; background:#f3f6fb; color:#243972; }
body.abanrah-app-body .sg59-legacy-history .history-date,body.abanrah-app-body .sg59-legacy-history .history-user { font-size:.8rem; }
body.abanrah-app-body .sg59-legacy-history .history-details { display:block!important; padding:9px 12px; background:#fff; }
body.abanrah-app-body .sg59-legacy-history .history-change { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:6px; padding:8px 10px; background:#f8faff; border-radius:9px; border:1px solid #eef1f7; font-size:.82rem; }
body.abanrah-app-body .sg59-legacy-history .change-label { color:#34476b; font-weight:800; min-width:110px; }
body.abanrah-app-body .sg59-legacy-history .change-old,body.abanrah-app-body .sg59-legacy-history .change-new { overflow-wrap:anywhere; min-width:0; }
body.abanrah-app-body .sg59-legacy-history .change-old { color:#955c54; }
body.abanrah-app-body .sg59-legacy-history .change-new { color:#16644b; font-weight:700; }
body.abanrah-app-body .sg59-bunker-timeline { width:100%; max-width:100%; margin:0; padding:0; }
body.abanrah-app-body .sg59-bunker-timeline .ar-page-hero { margin-bottom:12px; }
body.abanrah-app-body .sg59-bunker-timeline > .card { margin-bottom:12px!important; border:1px solid #dce4ee; border-radius:13px; }
body.abanrah-app-body .sg59-bunker-timeline h2 { color:#243972; }
@media(max-width:600px){body.abanrah-app-body .sg59-legacy-history .history-header { display:grid; grid-template-columns:1fr; }}