/* Website-only layout. Retain existing colours, typography and product workflows. */
@media(min-width:900px){body.driverlog-pro-web #appShell>header .header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}body.driverlog-pro-web #appShell>header .dl-brief-toggle{position:static!important;inset:auto!important;margin:0!important;min-height:40px;white-space:nowrap;box-shadow:none!important;transform:none!important}body.driverlog-pro-web #appShell>header .header-row{flex-wrap:wrap;row-gap:8px}}
body.driverlog-pro-web .formgrid>*,body.driverlog-pro-web .profile-grid>*,body.driverlog-pro-web .actions>*{min-width:0}body.driverlog-pro-web input,body.driverlog-pro-web select,body.driverlog-pro-web textarea{max-width:100%}body.driverlog-pro-web button{overflow-wrap:anywhere}body.driverlog-pro-web button:focus-visible,body.driverlog-pro-web a:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
/* Give password visibility controls their own space instead of covering the input. */
.password-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;gap:6px;align-items:stretch}.password-wrap input{min-width:0;padding-right:12px!important}.password-wrap .password-eye{position:static!important;inset:auto!important;transform:none!important;min-width:44px;min-height:44px;width:44px;padding:0!important;margin:0!important;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc}
@media(min-width:900px){body.driverlog-pro-web #appShell>header .dl-brief-toggle{min-height:44px}}
@media(min-width:900px){body.driverlog-pro-web #appShell>header{height:auto!important;min-height:72px;padding:12px 24px!important}body.driverlog-pro-web #appShell>header .web-header-tools{flex-wrap:wrap;max-width:100%;margin-left:0}}
/* Dynamic Trade sections must span the desktop grid rather than shrink into one track. */
body.driverlog-pro-web.v897-trade-mode{--owira-desktop-watermark:url('owira-mark.svg')}
body.driverlog-pro-web #home.active>#productHomeSources{grid-column:1/-1!important;width:100%;min-width:0}body.driverlog-pro-web #productHomeSources label{white-space:nowrap;flex:0 0 auto}body.driverlog-pro-web #productHomeSources button{flex:0 0 auto}
@media(min-width:900px){body.driverlog-pro-web.v897-trade-mode #appShell>main>.page.active{grid-template-columns:minmax(0,1fr)!important}body.driverlog-pro-web.v897-trade-mode #appShell>main>.page.active>*{grid-column:1/-1!important;min-width:0;max-width:100%}body.driverlog-pro-web #v897TradeHome{width:100%;max-width:none!important}body.driverlog-pro-web.v897-trade-mode .v897-metric-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important}body.driverlog-pro-web.v897-trade-mode .v897-action-grid,body.driverlog-pro-web.v897-trade-mode .v897-week-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))!important}}
body.driverlog-pro-web.v897-trade-mode #home.active>.hero{background:linear-gradient(135deg,#edf5ff,#f8fafc)!important;color:#173450!important}body.driverlog-pro-web.v897-trade-mode #home.active>.hero:before,body.driverlog-pro-web.v897-trade-mode #home.active>.hero:after{content:none!important}body.driverlog-pro-web.v897-trade-mode #home.active>.hero h1,body.driverlog-pro-web.v897-trade-mode #home.active>.hero .datetime{color:#173450!important}
@media(max-width:480px){body.driverlog-pro-web.v897-trade-mode .v897-metric-grid,body.driverlog-pro-web.v897-trade-mode .v897-action-grid,body.driverlog-pro-web.v897-trade-mode .v897-week-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* Trade Home uses the same light workspace theme without driving-only hero artwork. */
html body.driverlog-pro-web.v897-trade-mode:not(.auth-locked) #appShell #home.page.active>.hero.compact{background:#edf5ff!important;background-image:none!important;color:#173450!important}html body.driverlog-pro-web.v897-trade-mode:not(.auth-locked) #appShell #home.page.active>.hero.compact::before,html body.driverlog-pro-web.v897-trade-mode:not(.auth-locked) #appShell #home.page.active>.hero.compact::after{content:none!important;background:none!important}
/* Dedicated record-edit screens also span the desktop grid. */
@media(min-width:900px){body.driverlog-pro-web #appShell>main>#updateIncome.active>.dl-update-shell,body.driverlog-pro-web #appShell>main>#updateExpense.active>.dl-update-shell{grid-column:1/-1!important;min-width:0;width:100%;max-width:860px}}