/* Aigle Royal Transport portal UI — black/gold, compact, responsive. */
:root{--ar-black:#090909;--ar-gold:#b88b20;--ar-gold2:#d4aa43;--ar-bg:#f3f4f6;--ar-card:#fff;--ar-text:#171717;--ar-muted:#666b70;--ar-line:#e1e3e6}
body.portal-page{margin:0!important;background:var(--ar-bg)!important;color:var(--ar-text)!important;font-family:'Fira Sans',Arial,sans-serif!important;line-height:1.5!important;overflow-x:hidden!important}
body.portal-page *,body.portal-page *:before,body.portal-page *:after{box-sizing:border-box}
body.portal-page .site-header{position:relative!important;z-index:5000!important;background:var(--ar-black)!important;border-bottom:1px solid rgba(184,139,32,.42)!important}
body.portal-page .navbar{width:100%!important;max-width:1380px!important;min-height:74px!important;margin:0 auto!important;padding:8px 22px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
body.portal-page .brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;text-decoration:none!important}
body.portal-page .brand img{display:block!important;width:160px!important;max-height:55px!important;height:auto!important;object-fit:contain!important}
body.portal-page .menu-links{display:flex!important;align-items:center!important;gap:3px!important;margin:0!important;padding:0!important;list-style:none!important;flex-wrap:nowrap!important}
body.portal-page .menu-links>li{position:relative!important;margin:0!important;padding:0!important}
body.portal-page .menu-links>li>a{display:flex!important;align-items:center!important;color:#f4f4f4!important;text-decoration:none!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;padding:9px 7px!important;white-space:nowrap!important;border-radius:5px!important}
body.portal-page .menu-links>li>a:hover,body.portal-page .menu-links>li>a:focus{color:var(--ar-gold2)!important;background:#151515!important}
body.portal-page .join-btn a{border:1px solid var(--ar-gold)!important;color:var(--ar-gold2)!important;padding:9px 12px!important}
body.portal-page .dropdown-menu{display:none!important;position:absolute!important;top:calc(100% + 5px)!important;left:0!important;min-width:220px!important;margin:0!important;padding:7px!important;list-style:none!important;background:#111!important;border:1px solid rgba(184,139,32,.38)!important;border-radius:7px!important;box-shadow:0 16px 36px rgba(0,0,0,.35)!important;z-index:6000!important}
body.portal-page .dropdown:hover>.dropdown-menu,body.portal-page .dropdown:focus-within>.dropdown-menu,body.portal-page .dropdown.open>.dropdown-menu{display:block!important}
body.portal-page .dropdown-menu a{display:block!important;padding:9px 10px!important;color:#eee!important;text-decoration:none!important;font-size:13px!important;border-radius:4px!important}
body.portal-page .dropdown-menu a:hover{background:#1d1d1d!important;color:var(--ar-gold2)!important}
body.portal-page .menu-toggle,body.portal-page .menu-close{display:none!important;visibility:hidden!important;background:transparent!important;border:0!important;color:#fff!important;cursor:pointer!important}
body.portal-page .overlay{display:none!important}
body.portal-page .portal-main{width:100%!important;min-height:calc(100vh - 160px)!important;margin:0!important;padding:36px 24px 56px!important;background:var(--ar-bg)!important}
body.portal-page .portal-container,body.portal-page .portal-section{width:100%!important;max-width:1220px!important;margin:0 auto!important}
body.portal-page .page-intro{margin:0!important}
body.portal-page .eyebrow{display:inline-block!important;margin:0 0 6px!important;color:#876615!important;font-size:11px!important;font-weight:700!important;letter-spacing:.12em!important}
body.portal-page h1{margin:0 0 8px!important;color:#111!important;font-size:clamp(1.7rem,2.6vw,2.25rem)!important;line-height:1.13!important}
body.portal-page h2{margin:0 0 10px!important;color:#111!important;font-size:1.2rem!important;line-height:1.25!important}
body.portal-page h3{margin:0 0 7px!important;color:#171717!important;font-size:1rem!important}
body.portal-page p{margin:0 0 11px!important;color:var(--ar-muted)!important}
body.portal-page a{color:#795b12}
body.portal-page .dashboard-topbar{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:22px!important;margin:0 0 20px!important;padding:0 0 18px!important;border-bottom:1px solid #dddfe2!important}
body.portal-page .dashboard-quick-actions,body.portal-page .portal-actions,body.portal-page .footer-actions{display:flex!important;gap:9px!important;flex-wrap:wrap!important}
body.portal-page .portal-btn,body.portal-page .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:39px!important;padding:9px 14px!important;border-radius:6px!important;border:1px solid #111!important;background:#111!important;color:#fff!important;text-decoration:none!important;font-size:13px!important;font-weight:650!important;cursor:pointer!important}
body.portal-page .portal-btn:hover,body.portal-page .btn:hover{background:var(--ar-gold)!important;border-color:var(--ar-gold)!important;color:#fff!important}
body.portal-page .portal-btn-outline{background:#fff!important;color:#222!important;border-color:#c9cdd1!important}
body.portal-page .portal-btn-small{min-height:33px!important;padding:6px 10px!important;font-size:12px!important}
body.portal-page .portal-card,body.portal-page .dashboard-panel,body.portal-page .dashboard-kpi,body.portal-page .auth-card{background:var(--ar-card)!important;color:var(--ar-text)!important;border:1px solid var(--ar-line)!important;border-radius:9px!important;box-shadow:0 5px 18px rgba(0,0,0,.05)!important}
body.portal-page .portal-card,body.portal-page .dashboard-panel{padding:20px!important;margin:0 0 18px!important}
body.portal-page .auth-card{max-width:540px!important;margin:12px auto!important;padding:26px!important}
body.portal-page .dashboard-kpis,body.portal-page .portal-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0 0 18px!important}
body.portal-page .dashboard-kpi{padding:17px!important}
body.portal-page .dashboard-kpi span{display:block!important;color:#696d72!important;font-size:12px!important;font-weight:600!important}
body.portal-page .dashboard-kpi strong,body.portal-page .metric{display:block!important;margin:5px 0 3px!important;color:#111!important;font-size:1.65rem!important;line-height:1.1!important}
body.portal-page .metric.small{font-size:1.1rem!important}
body.portal-page .dashboard-kpi small{color:#898d91!important;font-size:11px!important}
body.portal-page .dashboard-main-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 310px!important;gap:18px!important;align-items:start!important}
body.portal-page .dashboard-side{display:grid!important;gap:0!important}
body.portal-page .dashboard-panel-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:12px!important}
body.portal-page .dashboard-link-list a{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:10px 0!important;border-bottom:1px solid #eceef0!important;text-decoration:none!important;color:#2e3033!important;font-size:13px!important}
body.portal-page .dashboard-link-list a:last-child{border-bottom:0!important}
body.portal-page .detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 20px!important;margin:10px 0!important}
body.portal-page .detail-grid>div{padding:10px 0!important;border-bottom:1px solid #eee!important}
body.portal-page .detail-grid span{display:block!important;color:#777!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.05em!important}
body.portal-page .detail-grid strong{display:block!important;margin-top:3px!important;color:#222!important;font-size:14px!important}
body.portal-page .portal-table-wrap{width:100%!important;overflow-x:auto!important;background:#fff!important;border:1px solid #e3e5e8!important;border-radius:7px!important}
body.portal-page .portal-table,body.portal-page .table-wrap table{width:100%!important;min-width:680px!important;border-collapse:collapse!important;margin:0!important;background:#fff!important;font-size:12.5px!important}
body.portal-page .portal-table th,body.portal-page .table-wrap th{padding:10px 12px!important;background:#111!important;color:#fff!important;text-align:left!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.04em!important;white-space:nowrap!important}
body.portal-page .portal-table td,body.portal-page .table-wrap td{padding:11px 12px!important;border-bottom:1px solid #eceef0!important;background:#fff!important;color:#25282b!important;vertical-align:top!important}
body.portal-page .portal-table tr:last-child td{border-bottom:0!important}
body.portal-page .portal-status{display:inline-flex!important;align-items:center!important;padding:4px 8px!important;border-radius:999px!important;background:#f0eee7!important;color:#5f4a13!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important}
body.portal-page .portal-form{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
body.portal-page .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px 16px!important;margin-bottom:13px!important}
body.portal-page .portal-form label{display:block!important;margin:0 0 11px!important;color:#303236!important;font-size:12px!important;font-weight:650!important}
body.portal-page .portal-form input,body.portal-page .portal-form select,body.portal-page .portal-form textarea,body.portal-page .inline-admin-form input,body.portal-page .inline-admin-form select,body.portal-page .dispatch-form input,body.portal-page .dispatch-form select{width:100%!important;min-height:40px!important;margin-top:5px!important;padding:9px 10px!important;border:1px solid #cfd3d7!important;border-radius:5px!important;background:#fff!important;color:#111!important;font:inherit!important;font-size:13px!important}
body.portal-page .portal-form textarea{min-height:100px!important;resize:vertical!important}
body.portal-page .inline-admin-form{display:grid!important;grid-template-columns:minmax(90px,1fr) minmax(100px,1fr) auto!important;gap:6px!important;align-items:end!important;min-width:260px!important}
body.portal-page .inline-admin-form input,body.portal-page .inline-admin-form select{margin:0!important;min-height:34px!important;padding:6px 8px!important;font-size:12px!important}
body.portal-page .dispatch-form{display:grid!important;grid-template-columns:1.2fr 1.2fr 1fr 1.3fr auto!important;gap:6px!important;align-items:end!important;min-width:650px!important}
body.portal-page .dispatch-form input,body.portal-page .dispatch-form select{margin:0!important;min-height:34px!important;padding:6px 8px!important;font-size:12px!important}
body.portal-page .portal-alert{margin:0 0 16px!important;padding:11px 13px!important;border-radius:6px!important;background:#fff4d8!important;border:1px solid #e7c86a!important;color:#5b4712!important;font-size:13px!important}
body.portal-page .portal-alert.success{background:#edf8ef!important;border-color:#aad4b0!important;color:#285d31!important}
body.portal-page .portal-alert.error{background:#fff0f0!important;border-color:#e7b4b4!important;color:#8b2828!important}
body.portal-page .empty-state{padding:22px!important;text-align:center!important;color:#777!important}
body.portal-page .timeline{display:grid!important;gap:12px!important}
body.portal-page .timeline-item{position:relative!important;padding:0 0 12px 18px!important;border-left:2px solid #d7bd78!important}
body.portal-page .timeline-item:before{content:'';position:absolute;left:-6px;top:3px;width:10px;height:10px;border-radius:50%;background:var(--ar-gold)}
body.portal-page .timeline-item strong,body.portal-page .timeline-item span,body.portal-page .timeline-item small{display:block!important}
body.portal-page .timeline-item span,body.portal-page .timeline-item small{color:#777!important;font-size:12px!important}
body.portal-page .notification-list{display:grid!important;gap:12px!important}
body.portal-page .notification-item{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;margin:0!important}
body.portal-page .notification-item.is-unread{border-left:4px solid var(--ar-gold)!important}
body.portal-page .footer{margin:0!important;background:#090909!important;color:#bbb!important;border-top:1px solid rgba(184,139,32,.35)!important}
body.portal-page .footer-container{max-width:1220px!important;margin:0 auto!important;padding:34px 24px 17px!important}
body.portal-page .footer-row{display:grid!important;grid-template-columns:1.45fr repeat(4,minmax(0,1fr))!important;gap:28px!important}
body.portal-page .footer-col h4{margin:0 0 10px!important;color:var(--ar-gold2)!important;font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
body.portal-page .footer-brand h4{color:#fff!important;font-size:16px!important;letter-spacing:0!important;text-transform:none!important}
body.portal-page .footer-col p,body.portal-page .footer-col a{color:#aeb1b4!important;font-size:12px!important;line-height:1.6!important}
body.portal-page .footer-col ul{margin:0!important;padding:0!important;list-style:none!important}
body.portal-page .footer-col li{margin:0!important;padding:0!important}
body.portal-page .footer-col a{display:block!important;padding:2px 0!important;text-decoration:none!important}
body.portal-page .footer-col a:hover{color:var(--ar-gold2)!important}
body.portal-page .footer-actions a{display:inline-flex!important;padding:7px 10px!important;border:1px solid var(--ar-gold)!important;border-radius:5px!important;color:var(--ar-gold2)!important;text-decoration:none!important}
body.portal-page .footer-bottom{display:flex!important;justify-content:space-between!important;gap:20px!important;margin-top:24px!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.09)!important}
body.portal-page .footer-bottom p{margin:0!important;color:#7f8386!important;font-size:11px!important}
@media(min-width:851px){body.portal-page #hamburger-btn,body.portal-page #close-menu-btn,body.portal-page .menu-toggle,body.portal-page .menu-close{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body.portal-page .overlay{display:none!important}body.portal-page .menu-links{position:static!important;transform:none!important;visibility:visible!important;opacity:1!important;height:auto!important;width:auto!important;background:transparent!important}}
@media(max-width:1100px) and (min-width:851px){body.portal-page .navbar{padding:8px 14px!important;gap:6px!important}body.portal-page .brand img{width:142px!important}body.portal-page .menu-links>li>a{font-size:11px!important;padding:8px 4px!important}body.portal-page .dashboard-kpis,body.portal-page .portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.portal-page .dashboard-main-grid{grid-template-columns:1fr!important}body.portal-page .footer-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:850px){body.portal-page .navbar{min-height:68px!important;padding:7px 16px!important}body.portal-page .brand img{width:145px!important;max-height:50px!important}body.portal-page #hamburger-btn,body.portal-page .menu-toggle{display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;margin-left:auto!important;font-size:31px!important}body.portal-page #close-menu-btn,body.portal-page .menu-close{display:none!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:17px!important;right:18px!important;z-index:7002!important;font-size:31px!important}body.portal-page .site-header.menu-open #close-menu-btn,body.portal-page .site-header.menu-open .menu-close{display:inline-flex!important}body.portal-page .menu-links{position:fixed!important;top:0!important;right:-100%!important;width:min(88vw,360px)!important;height:100vh!important;z-index:7000!important;display:block!important;padding:76px 18px 30px!important;overflow-y:auto!important;background:#0b0b0b!important;transition:right .25s ease!important;box-shadow:-12px 0 35px rgba(0,0,0,.35)!important}body.portal-page .site-header.menu-open .menu-links{right:0!important}body.portal-page .menu-links>li>a{padding:12px 8px!important;font-size:14px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}body.portal-page .dropdown-menu{position:static!important;display:none!important;min-width:0!important;margin:0!important;padding:5px 0 8px 13px!important;border:0!important;border-left:2px solid var(--ar-gold)!important;border-radius:0!important;box-shadow:none!important;background:#101010!important}body.portal-page .dropdown.open>.dropdown-menu{display:block!important}body.portal-page .dropdown:hover>.dropdown-menu:not(.force-open){display:none!important}body.portal-page .overlay{position:fixed!important;inset:0!important;z-index:6900!important;background:rgba(0,0,0,.55)!important}body.portal-page .site-header.menu-open .overlay{display:block!important}body.portal-page .portal-main{padding:26px 16px 44px!important}body.portal-page .dashboard-topbar{display:block!important}body.portal-page .dashboard-quick-actions{margin-top:14px!important}body.portal-page .dashboard-kpis,body.portal-page .portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.portal-page .dashboard-main-grid{grid-template-columns:1fr!important}body.portal-page .form-grid{grid-template-columns:1fr!important}body.portal-page .inline-admin-form{grid-template-columns:1fr!important;min-width:180px!important}body.portal-page .dispatch-form{grid-template-columns:1fr 1fr!important;min-width:500px!important}body.portal-page .footer-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){body.portal-page .portal-main{padding:22px 12px 38px!important}body.portal-page .dashboard-kpis,body.portal-page .portal-grid{grid-template-columns:1fr!important}body.portal-page .dashboard-quick-actions{display:grid!important;grid-template-columns:1fr!important}body.portal-page .portal-card,body.portal-page .dashboard-panel,body.portal-page .auth-card{padding:16px!important}body.portal-page .detail-grid{grid-template-columns:1fr!important}body.portal-page .notification-item{display:block!important}body.portal-page .notification-item .portal-btn{margin-top:10px!important}body.portal-page .footer-container{padding:28px 16px 15px!important}body.portal-page .footer-row{grid-template-columns:1fr!important;gap:18px!important}body.portal-page .footer-bottom{display:block!important}body.portal-page .footer-bottom p{margin-bottom:5px!important}}


/* 2026-08-31 FINAL NAVIGATION + DASHBOARD FIX */
@media (min-width:851px){
.site-header .menu-toggle,.site-header .menu-close,#hamburger-btn,#close-menu-btn{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.navbar .dropdown-menu,body.portal-page .dropdown-menu{top:100%!important;margin-top:0!important}
.navbar .dropdown:hover>.dropdown-menu,.navbar .dropdown:focus-within>.dropdown-menu,body.portal-page .dropdown:hover>.dropdown-menu,body.portal-page .dropdown:focus-within>.dropdown-menu{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.navbar .dropdown:after{content:"";position:absolute;left:0;right:0;top:100%;height:8px}
body.portal-page .mega-admin{right:0!important;left:auto!important;max-height:72vh!important;overflow:auto!important;min-width:260px!important}
}
@media (max-width:850px){
.site-header .menu-toggle,#hamburger-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;align-items:center!important;justify-content:center!important}
.site-header .menu-close,#close-menu-btn{display:none!important;visibility:hidden!important}
.site-header.menu-open .menu-close,.site-header.menu-open #close-menu-btn,.site-header.show-mobile-menu .menu-close,.site-header.show-mobile-menu #close-menu-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;align-items:center!important;justify-content:center!important}
.navbar .dropdown-menu{display:none!important;position:static!important;margin:0!important;visibility:visible!important;opacity:1!important;transform:none!important}
.navbar .dropdown.open>.dropdown-menu{display:block!important}
.navbar .dropdown:hover>.dropdown-menu{display:none!important}
.navbar .dropdown.open:hover>.dropdown-menu{display:block!important}
}
.dashboard-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 0}
.dashboard-menu-grid>a{display:flex;flex-direction:column;gap:5px;min-height:104px;padding:18px;background:#fff;border:1px solid #e1e3e6;border-top:3px solid #b88b20;border-radius:8px;text-decoration:none!important;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.dashboard-menu-grid>a:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.dashboard-menu-grid b{color:#171717;font-size:15px}.dashboard-menu-grid span{color:#686d72;font-size:12px;line-height:1.45}
@media(max-width:850px){.dashboard-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.dashboard-menu-grid{grid-template-columns:1fr}}

/* 2026-08-31 PROFESSIONAL CONTROL CENTRE DASHBOARDS */
body.portal-page .control-dashboard .dashboard-kpi{position:relative;overflow:hidden}
body.portal-page .control-dashboard .dashboard-kpi:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#b88b20}
body.portal-page .control-dashboard .dashboard-kpi.warning:after{background:#c38719}
body.portal-page .control-dashboard .dashboard-kpi.danger:after{background:#9b2c2c}
body.portal-page .control-dashboard .dashboard-kpi.warning strong{color:#8a5d0a!important}
body.portal-page .control-dashboard .dashboard-kpi.danger strong{color:#8e2626!important}
body.portal-page .control-dashboard .portal-table small{color:#777;font-size:11px}
body.portal-page .control-dashboard .dashboard-link-list{display:grid;gap:4px}
body.portal-page .control-dashboard .dashboard-link-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #eceef0;text-decoration:none!important;color:#202224!important;font-size:13px;font-weight:600}
body.portal-page .control-dashboard .dashboard-link-list a:last-child{border-bottom:0}
body.portal-page .control-dashboard .dashboard-link-list a b{color:#b88b20;font-size:17px}
body.portal-page .control-dashboard .dashboard-menu-grid>a{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
body.portal-page .control-dashboard .dashboard-menu-grid>a:hover{border-color:#d8c184;transform:translateY(-2px)}
@media(max-width:700px){body.portal-page .control-dashboard .portal-table{min-width:760px}}

/* Fuel / trip forms - visibility + responsive layout fix */
body.portal-page .portal-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 16px!important;align-items:start!important;margin-top:16px!important}
body.portal-page .portal-form-grid label{display:flex!important;flex-direction:column!important;gap:7px!important;color:#f7f7f7!important;font-weight:600!important;font-size:.93rem!important;min-width:0!important}
body.portal-page .portal-form-grid input,body.portal-page .portal-form-grid select,body.portal-page .portal-form-grid textarea{display:block!important;width:100%!important;min-height:44px!important;box-sizing:border-box!important;background:#111!important;color:#fff!important;border:1px solid rgba(184,139,32,.55)!important;border-radius:7px!important;padding:10px 12px!important;font:inherit!important;opacity:1!important;visibility:visible!important}
body.portal-page .portal-form-grid textarea{min-height:92px!important;resize:vertical!important}
body.portal-page .portal-form-grid input::placeholder,body.portal-page .portal-form-grid textarea::placeholder{color:#aaa!important;opacity:1!important}
body.portal-page .portal-form-grid select option{background:#111!important;color:#fff!important}
body.portal-page .portal-form-grid .portal-field-full{grid-column:1/-1!important}
body.portal-page .portal-form-grid .checkbox-row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;min-height:44px!important}
body.portal-page .portal-form-grid .checkbox-row input{width:18px!important;height:18px!important;min-height:0!important;flex:0 0 auto!important}
body.portal-page .fuel-trip-entry-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;margin:20px 0!important}
body.portal-page .fuel-trip-entry-grid>.portal-card{margin:0!important}
body.portal-page .form-section-title{margin:0 0 4px!important;color:#fff!important;font-size:1.2rem!important}
@media(max-width:980px){body.portal-page .fuel-trip-entry-grid{grid-template-columns:1fr!important}}
@media(max-width:680px){body.portal-page .portal-form-grid{grid-template-columns:1fr!important}body.portal-page .portal-form-grid .portal-field-full{grid-column:auto!important}}

/* 2026-08-31 Trip Profit & Cost Dashboard */
body.portal-page .trip-profit-filters{margin-bottom:18px!important}
body.portal-page .trip-profit-filters .form-grid{align-items:end!important}
body.portal-page .trip-filter-actions{display:flex!important;gap:9px!important;align-items:center!important;min-height:44px!important;flex-wrap:wrap!important}
body.portal-page .trip-profit-table{min-width:1260px!important}
body.portal-page .profit-positive{color:#1f7a45!important}
body.portal-page .profit-negative{color:#b3261e!important}
body.portal-page .trip-detail-card{margin-top:20px!important}
body.portal-page .trip-detail-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:16px 0 20px!important}
body.portal-page .trip-detail-kpis>div{padding:15px!important;border:1px solid #e0e2e5!important;border-top:3px solid #b88b20!important;border-radius:8px!important;background:#fff!important;display:flex!important;flex-direction:column!important;gap:5px!important}
body.portal-page .trip-detail-kpis span{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#777!important}
body.portal-page .trip-detail-kpis strong{font-size:20px!important;color:#171717!important}
body.portal-page .trip-detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-bottom:18px!important}
body.portal-page .trip-detail-grid>div{min-width:0!important}
body.portal-page .trip-detail-grid h3,body.portal-page .trip-detail-card h3{margin:0 0 10px!important;color:#171717!important;font-size:16px!important}
body.portal-page .trip-detail-actions{margin-top:18px!important}
@media(max-width:850px){body.portal-page .trip-detail-grid{grid-template-columns:1fr!important}body.portal-page .trip-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){body.portal-page .trip-detail-kpis{grid-template-columns:1fr!important}}