:root{
    color-scheme:dark;
    --bg:#0b1014;
    --surface:#11191f;
    --line:#253039;
    --text:#eaf0f3;
    --muted:#93a3ae;
    --accent:#66e8b5;
    --radius:16px;
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-synthesis:none
}
*{
    box-sizing:border-box
}
html{
    scroll-behavior:smooth;
    scroll-padding-top:110px
}
body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    min-width:280px;
    line-height:1.5
}
a{
    color:inherit;
    text-decoration:none
}
button,input{
    font:inherit
}
button,a,input{
    -webkit-tap-highlight-color:transparent
}
a,button,input{
    touch-action:manipulation
}
a:focus-visible,button:focus-visible,input:focus-visible{
    outline:2px solid var(--accent);
    outline-offset:5px
}
button{
    cursor:pointer
}
h1,h2,h3,p{
    margin:0
}
a,button{
    transition:background .18s,border-color .18s,color .18s,transform .18s
}
.skip-link{
    position:fixed;
    top:-70px;
    left:20px;
    padding:12px;
    background:var(--accent);
    color:var(--bg);
    z-index:20
}
.skip-link:focus{
    top:10px
}
.site-header{
    position:sticky;
    top:0;
    z-index:10;
    background:#0b1014;
    border-bottom:1px solid var(--line);
    backdrop-filter:none
}
.header-inner{
    max-width:1536px;
    margin:auto;
    min-height:88px;
    padding:0 40px;
    display:flex;
    align-items:center;
    gap:36px
}
.brand{
    display:flex;
    align-items:center;
    gap:12px;
    flex-shrink:0
}
.logo-mark{
    display:grid;
    place-items:center;
    width:42px;
    height:44px;
    background:var(--accent);
    color:#0b2720;
    font-size:29px;
    font-weight:900;
    border-radius:11px;
    position:relative;
    transform:skew(-5deg)
}
.logo-mark span{
    position:absolute;
    right:-3px;
    top:-3px;
    width:10px;
    height:10px;
    border:3px solid var(--bg);
    border-radius:50%;
    background:#fff
}
.brand-logo{
    width:44px;
    height:44px;
    object-fit:contain
}
.brand-name{
    font-size:17px;
    font-weight:750;
    letter-spacing:.7px;
    white-space:nowrap
}
.brand-name strong{
    font-weight:400;
    color:#b5c2ca
}
.brand-name small{
    display:block;
    font-size:8px;
    letter-spacing:2.1px;
    margin-top:3px;
    color:var(--muted)
}
.main-nav{
    display:flex;
    align-self:stretch;
    gap:7px;
    margin:auto
}
.main-nav a{
    display:flex;
    align-items:center;
    padding:0 13px;
    font-size:13px;
    color:var(--muted);
    border-bottom:2px solid transparent
}
.main-nav a:hover{
    color:var(--text);
    background:#182229
}
.main-nav a[aria-current=page]{
    color:var(--accent);
    border-bottom-color:var(--accent);
    background:linear-gradient(0deg,#66e8b510,transparent)
}
.account{
    display:flex;
    align-items:center;
    gap:11px;
    min-width:0
}
.avatar{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border:1px solid #365449;
    border-radius:50%;
    background:#173329;
    color:var(--accent);
    font-size:24px;
    flex-shrink:0
}
.account-details{
    min-width:0
}
.account-label{
    display:block;
    color:var(--muted);
    font-size:10px
}
.account-details strong{
    display:block;
    max-width:155px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:12px;
    font-weight:600
}
.logout{
    font-size:24px;
    color:var(--muted);
    padding:8px
}
.logout:hover{
    color:var(--accent)
}
.menu-toggle{
    display:none
}
.workspace{
    /* max-width:1360px; */
    margin:0 auto;
    padding:29px 40px 0
}
.breadcrumb{
    display:flex;
    gap:12px;
    font-size:11px;
    color:#a8b5be
}
.breadcrumb span{
    color:#657580
}
.page-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:34px 0 27px
}
.eyebrow{
    font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
    font-size:10px;
    letter-spacing:2px;
    color:var(--muted);
    margin-bottom:8px
}
h1{
    font-size:38px;
    letter-spacing:-1.5px;
    font-weight:650;
    line-height:1.2
}
.heading-dot{
    color:var(--accent)
}
.muted{
    color:var(--muted);
    font-size:13px;
    margin-top:10px
}
.environment{
    font:11px ui-monospace,monospace;
    color:#a3b4bd;
    border:1px solid var(--line);
    padding:8px 12px;
    border-radius:7px;
    white-space:nowrap
}
.environment span{
    margin-left:18px;
    color:var(--accent)
}
.panel{
    border:1px solid var(--line);
    background:var(--surface);
    border-radius:var(--radius)
}
.hero{
    display:flex;
    align-items:center;
    min-height:292px;
    overflow:hidden;
    position:relative;
    background:radial-gradient(ellipse at 87% 50%,#18382c88,transparent 55%),linear-gradient(110deg,#131e24,#10191d)
}
.hero-copy{
    padding:34px 38px;
    position:relative;
    z-index:1;
    width:65%
}
.pill{
    display:inline-flex;
    align-items:center;
    gap:7px;
    border:1px solid #385349;
    background:#1b382d66;
    color:#a4d9c3;
    padding:5px 9px;
    border-radius:5px;
    font:9px ui-monospace,monospace;
    letter-spacing:1px
}
.status-dot{
    width:5px;
    height:5px;
    background:var(--accent);
    border-radius:50%
}
.hero h2{
    font-size:30px;
    line-height:1.3;
    letter-spacing:-.8px;
    margin-top:18px;
    overflow-wrap:anywhere
}
.hero p{
    font-size:13px;
    color:var(--muted);
    max-width:420px;
    margin:12px 0 23px
}
.button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:26px;
    min-height:44px;
    padding:11px 18px;
    border:1px solid var(--accent);
    border-radius:7px;
    background:var(--accent);
    color:#10251c;
    font-size:12px;
    font-weight:650
}
.button:hover{
    background:#90f3cd;
    border-color:#90f3cd;
    transform:none
}
.button-small{
    padding:9px 13px;
    font-size:11px;
    gap:18px
}
.button-outline{
    background:transparent;
    color:var(--text);
    border-color:#3a4b56
}
.button-outline:hover{
    background:#1d302a;
    border-color:var(--accent)
}
.radar{
    position:absolute;
    right:40px;
    top:50%;
    width:280px;
    height:280px;
    transform:translateY(-50%);
    background-image:linear-gradient(#66e8b506 1px,transparent 1px),linear-gradient(90deg,#66e8b506 1px,transparent 1px);
    background-size:24px 24px;
    border-radius:50%;
    overflow:hidden;
    pointer-events:none
}
.radar-ring{
    position:absolute;
    border:1px solid #66e8b522;
    border-radius:50%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.ring-one{
    width:240px;
    height:240px
}
.ring-two{
    width:174px;
    height:174px;
    border-style:dashed;
    transform:translate(-50%,-50%) rotate(20deg)
}
.ring-three{
    width:106px;
    height:106px;
    background:#66e8b506
}
.radar-axis{
    position:absolute;
    background:#66e8b516
}
.axis-x{
    top:50%;
    height:1px;
    width:100%
}
.axis-y{
    left:50%;
    width:1px;
    height:100%
}
.radar-core{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    border:1px solid #66e8b588;
    border-radius:15px;
    color:var(--accent);
    font-size:29px;
    font-weight:800;
    background:#173329;
    box-shadow:0 0 55px #66e8b51c
}
.radar-point{
    position:absolute;
    width:7px;
    height:7px;
    background:var(--accent);
    border-radius:50%;
    box-shadow:0 0 0 6px #66e8b512,0 0 14px #66e8b555
}
.point-one{
    top:49px;
    left:105px
}
.point-two{
    top:164px;
    right:21px
}
.point-three{
    top:187px;
    left:72px;
    width:5px;
    height:5px
}
.radar-caption{
    position:absolute;
    bottom:25px;
    text-align:center;
    width:100%;
    font:8px ui-monospace,monospace;
    letter-spacing:2px;
    color:#82ab98
}
.section-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:32px 0 16px
}
.section-heading h2{
    font-size:16px;
    font-weight:550
}
.section-heading>span{
    font:9px ui-monospace,monospace;
    letter-spacing:1px;
    color:#7e909b
}
.module-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px
}
.module-card{
    padding:23px;
    transition:transform .18s,border-color .18s,background .18s
}
.module-card:hover{
    transform:none;
    border-color:#4b806b;
    background:#15231f
}
.module-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:18px
}
.module-icon{
    display:grid;
    place-items:center;
    width:37px;
    height:37px;
    border:1px solid #34473f;
    border-radius:9px;
    color:var(--accent);
    background:#1b2b25;
    font-size:22px
}
.module-number{
    font:11px ui-monospace,monospace;
    color:#72818c
}
.module-card h3{
    font-size:16px;
    font-weight:600
}
.module-card p{
    font-size:12px;
    color:var(--muted);
    margin-top:5px
}
.module-bottom{
    border-top:1px solid var(--line);
    display:flex;
    justify-content:space-between;
    margin-top:22px;
    padding-top:13px;
    color:#b7c5cd;
    font-size:10px
}
.module-bottom>span{
    font-size:16px;
    color:var(--accent);
    line-height:1
}
.quick-panel{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:23px;
    padding:23px
}
.quick-symbol{
    font-size:28px;
    color:var(--muted)
}
.quick-copy{
    flex:1
}
.quick-copy h2{
    font-size:14px;
    font-weight:550
}
.quick-copy p{
    font-size:12px;
    color:var(--muted);
    margin-top:3px
}
.text-link{
    color:var(--accent);
    font-size:12px;
    display:inline-flex;
    align-items:center;
    min-height:44px;
    gap:18px
}
.text-link:hover{
    color:#b4ffe0
}
.site-footer{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:5px 0;
    margin-top:25px;
    border-top:1px solid var(--line);
    font-size:10px;
    color:#7d8e99
}
.footer-dot{
    color:#465a67;
    padding:0 10px
}
.empty-state{
    min-height:400px;
    padding:60px 24px;
    text-align:center
}
.empty-state .module-icon{
    margin:0 auto 24px
}
.empty-state .button{
    margin-top:28px
}
.login-page{
    min-height:100vh;
    min-height:100dvh;
    display:grid;
    place-items:center;
    padding:24px;
    background:radial-gradient(ellipse at 50% 30%,#17382a80,transparent 60%),var(--bg)
}
.login-box{
    width:100%;
    max-width:430px;
    padding:34px
}
.login-box .brand{
    margin-bottom:38px
}
.login-box h1{
    font-size:27px;
    letter-spacing:-.6px
}
.subtitle{
    color:var(--muted);
    font-size:13px;
    margin:9px 0 27px
}
.login-box label{
    display:block;
    font-size:12px;
    color:#c4cfd5;
    margin:18px 0 8px
}
.login-box input:not([type=hidden]){
    width:100%;
    padding:12px;
    border:1px solid #34444e;
    border-radius:7px;
    background:#0b1217;
    color:var(--text);
    font-size:16px
}
.login-box button{
    width:100%;
    margin-top:25px
}
.error{
    border:1px solid #734344;
    background:#321e22;
    color:#ffbdbd;
    padding:12px;
    border-radius:7px;
    font-size:13px;
    margin-bottom:20px
}
.back-link{
    display:block;
    text-align:center;
    color:var(--muted);
    font-size:12px;
    margin-top:23px
}
.back-link:hover{
    color:var(--accent)
}
@media(min-width:1600px){
    .workspace{
        padding-top:38px
    }
}
@media(max-width:1150px){
    .header-inner{
        gap:18px;
        padding:0 24px
    }
    .main-nav{
        gap:0
    }
    .main-nav a{
        padding:0 10px
    }
    .brand-name{
        font-size:14px
    }
    .brand-name small{
        font-size:7px;
        letter-spacing:1.5px
    }
    .account-details strong{
        max-width:105px
    }
    .workspace{
        padding-left:24px;
        padding-right:24px
    }
}
@media(max-width:950px){
    .header-inner{
        flex-wrap:wrap;
        min-height:78px;
        padding-top:15px;
        padding-bottom:15px;
        gap:14px
    }
    .brand{
        margin-right:auto
    }
    .menu-toggle{
        display:none;
        width:44px;
        height:44px;
        border:1px solid var(--line);
        border-radius:8px;
        background:var(--surface);
        padding:12px;
        order:2
    }
    .js .menu-toggle{
        display:flex;
        flex-direction:column;
        justify-content:center;
        gap:5px
    }
    .menu-toggle span{
        height:1px;
        background:var(--text);
        width:100%;
        transition:transform .18s,opacity .18s
    }
    .menu-toggle[aria-expanded=true] span:first-child{
        transform:translateY(6px) rotate(45deg)
    }
    .menu-toggle[aria-expanded=true] span:nth-child(2){
        opacity:0
    }
    .menu-toggle[aria-expanded=true] span:last-child{
        transform:translateY(-6px) rotate(-45deg)
    }
    .account{
        order:1
    }
    .main-nav{
        order:3;
        width:100%;
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:5px;
        margin:0;
        border-top:1px solid var(--line);
        padding-top:12px
    }
    .js .main-nav{
        display:none
    }
    .js .main-nav.is-open{
        display:grid
    }
    .main-nav a{
        min-height:44px;
        padding:10px 14px;
        border:1px solid transparent;
        border-radius:6px
    }
    .main-nav a[aria-current=page]{
        border-color:#38594a;
        background:#182c23
    }
    .radar{
        right:5px;
        opacity:.7
    }
    .hero-copy{
        width:68%
    }
    .hero h2{
        font-size:26px
    }
}
@media(max-width:640px){
    .header-inner{
        padding:12px 16px;
        gap:10px
    }
    .brand-name{
        font-size:13px
    }
    .brand-name small{
        font-size:6px;
        letter-spacing:1.2px
    }
    .logo-mark{
        width:32px;
        height:35px;
        font-size:23px
    }
    .brand{
        gap:9px
    }
    .account .button-small{
        font-size:11px;
        padding:8px 10px;
        gap:0
    }
    .account .button-small span{
        display:none
    }
    .account-details strong{
        max-width:90px;
        font-size:11px
    }
    .avatar{
        display:none
    }
    .logout{
        padding:4px
    }
    .workspace{
        padding:20px 16px 0
    }
    .page-heading{
        margin:27px 0 23px
    }
    .page-heading .environment{
        display:none
    }
    h1{
        font-size:32px
    }
    .eyebrow{
        font-size:9px
    }
    .muted{
        font-size:12px
    }
    .hero{
        min-height:285px
    }
    .hero-copy{
        width:100%;
        padding:26px;
        max-width:none
    }
    .hero h2{
        font-size:25px;
        max-width:290px
    }
    .hero p{
        max-width:290px
    }
    .radar{
        right:-120px;
        opacity:.16
    }
    .module-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px
    }
    .module-card{
        padding:17px
    }
    .module-card p{
        min-height:36px;
        font-size:11px
    }
    .module-bottom{
        font-size:9px
    }
    .section-heading>span{
        font-size:8px
    }
    .quick-panel{
        flex-wrap:wrap;
        padding:20px;
        gap:12px
    }
    .quick-copy{
        flex-basis:calc(100% - 45px)
    }
    .quick-panel .button,.quick-panel .text-link{
        margin-left:38px
    }
    .site-footer{
        font-size:9px;
        flex-wrap:wrap
    }
    .login-box{
        padding:26px
    }
}
@media(max-width:380px){
    .account{
        order:3;
        width:100%;
        justify-content:flex-end;
        border-top:1px solid var(--line);
        padding-top:10px
    }
    .main-nav{
        order:4
    }
    .module-grid{
        grid-template-columns:1fr
    }
    .module-card p{
        min-height:0
    }
    .section-heading>span{
        display:none
    }
    .hero-copy{
        padding:22px
    }
    .account-details strong{
        max-width:190px
    }
}
@media(prefers-reduced-motion:reduce){
    html{
        scroll-behavior:auto
    }
    *,*::before,*::after{
        transition:none!important;
        animation:none!important
    }
}

/* Vehicles manager */
.vehicles-panel{
    padding:26px;
    min-width:0;
    text-align:left
}
.vehicles-panel>.module-icon,.vehicles-panel>.eyebrow{
    display:none
}
.vehicles-panel>h2{
    margin-bottom:20px;
    font-size:20px
}
.vehicles-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    flex-wrap:wrap
}
.vehicles-search{
    display:grid;
    gap:7px;
    font-size:12px;
    color:var(--muted);
    flex:1;
    max-width:440px;
    min-width:180px
}
.vehicles-search input,.vehicle-fields input,.vehicle-fields textarea,.vehicle-fields select{
    display:block;
    width:100%;
    border:1px solid #34444e;
    border-radius:7px;
    padding:11px 12px;
    background:#0b1217;
    color:var(--text);
    font:inherit;
    font-size:14px;
    min-height:44px
}
.vehicles-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap
}
.vehicles-message{
    font-size:13px;
    color:var(--accent);
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    margin:14px 0
}
.vehicles-message:empty{
    display:none
}
.vehicles-message.is-error{
    background:#321e22;
    color:#ffbdbd;
    border:1px solid #734344;
    padding:12px;
    border-radius:7px
}
.vehicles-count{
    font-size:12px;
    color:var(--muted);
    margin:16px 0 10px
}
.vehicles-table-wrap{
    max-width:100%;
    max-height:60vh;
    overflow:auto;
    border:1px solid var(--line);
    border-radius:10px
}
.vehicles-table{
    border-collapse:separate;
    border-spacing:0;
    width:100%;
    font-size:12px;
    text-align:left
}
.vehicles-table th{
    text-align:left;
    position:sticky;
    top:0;
    z-index:1;
    background:#1a262e;
    font-size:11px;
    color:#c5d1d8;
    font-weight:600;
    white-space:nowrap
}
.vehicles-table th,.vehicles-table td{
    padding:13px 12px;
    border-bottom:1px solid var(--line);
    vertical-align:top
}
.vehicles-table td{
    white-space:nowrap
}
.vehicles-table tr:last-child td{
    border-bottom:0
}
.vehicles-table tbody tr:hover{
    background:#18251f
}
.vehicles-table td.vehicle-long-text{
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    min-width:170px;
    max-width:260px
}
.vehicle-null{
    color:#7e909b
}
.gps1h-record{
    cursor:pointer
}
#gps1h-rows .gps1h-fresh,
#gps1h-rows .gps1h-fresh:hover{
    color:lightgreen;
    /* background:#173329 */
}
#gps1h-rows .gps1h-recent,
#gps1h-rows .gps1h-recent:hover{
    color: lightblue;
    /* background:#17324d */
}
#gps1h-rows .gps1h-fresh .vehicle-null,
#gps1h-rows .gps1h-recent .vehicle-null{
    color:inherit
}
#gps1h-auto-refresh[aria-pressed=true]{
    background:#1b382d;
    border-color:var(--accent);
    color:var(--accent)
}
.gps1h-record:focus-visible{
    outline:2px solid var(--accent);
    outline-offset:-2px
}
.gps1h-io-table td{
    white-space:pre-wrap;
    overflow-wrap:anywhere
}
.vehicle-row-actions{
    width:120px;
    min-width:120px;
    white-space:nowrap
}
.vehicles-table .vehicle-row-actions{
    text-align:center;
    vertical-align:middle
}
.vehicle-row-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:36px;
    min-height:36px;
    padding:6px 10px;
    border:1px solid #3a4b56;
    border-radius:6px;
    background:transparent;
    color:var(--text);
    font-size:11px;
    margin-right:7px
}
.vehicle-row-button:last-child{
    margin-right:0
}
.vehicle-row-button svg{
    pointer-events:none
}
.vehicle-row-button:hover{
    border-color:var(--accent);
    color:var(--accent)
}
.vehicle-row-delete{
    color:#ffb8b8;
    border-color:#684444
}
.vehicle-row-delete:hover{
    background:#321e22;
    color:#ffcccc;
    border-color:#be6969
}
.vehicle-badge{
    display:inline-block;
    background:#263038;
    color:#b2bfc7;
    border-radius:5px;
    padding:3px 7px;
    font-size:10px
}
.vehicle-badge.is-active{
    color:var(--accent);
    background:#1b382d
}
.vehicle-dialog{
    width:min(680px,calc(100vw - 32px));
    max-height:calc(100dvh - 32px);
    padding:26px;
    border:1px solid #3a4b56;
    border-radius:16px;
    background:var(--surface);
    color:var(--text);
    box-shadow:0 24px 100px #0009;
    overflow:auto
}
.vehicle-dialog::backdrop{
    background:#03080bba;
    backdrop-filter:none
}
.vehicle-dialog-small{
    width:min(460px,calc(100vw - 32px))
}
.vehicle-dialog-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:12px
}
.vehicle-dialog-heading h2{
    font-size:21px;
    overflow-wrap:anywhere
}
.vehicle-close{
    background:transparent;
    color:var(--muted);
    border:1px solid var(--line);
    border-radius:7px;
    min-width:40px;
    height:40px;
    font-size:25px
}
.vehicles-hint{
    font-size:12px;
    color:var(--muted);
    margin:12px 0 20px
}
.vehicle-fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:17px
}
.vehicle-fields label{
    display:grid;
    align-content:start;
    gap:7px;
    font-size:12px;
    color:#c4cfd5;
    min-width:0
}
.vehicle-fields input[readonly]{
    background:#192229;
    color:var(--muted);
    cursor:default
}
.vehicle-fields textarea{
    resize:vertical;
    line-height:1.5
}
.vehicle-field-wide{
    grid-column:1/-1
}
.vehicle-dialog-footer{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin-top:24px
}
.vehicle-danger{
    background:#813e42;
    border-color:#a55b60;
    color:#fff
}
.vehicle-danger:hover{
    background:#9e4b50;
    border-color:#c7787c
}
.vehicles-panel button:disabled,.vehicle-dialog button:disabled{
    opacity:.45;
    cursor:not-allowed;
    transform:none
}
.vehicles-sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
    border:0
}
#vehicle-delete-description{
    overflow-wrap:anywhere;
    font-size:14px
}
body:has(.vehicle-dialog[open]){
    overflow:hidden
}
@media(max-width:640px){
    .vehicles-panel{
        padding:16px
    }
    .vehicles-search{
        max-width:none;
        flex-basis:100%
    }
    .vehicles-actions{
        width:100%
    }
    .vehicles-actions .button{
        flex:1
    }
    .vehicle-fields{
        grid-template-columns:1fr
    }
    .vehicle-dialog{
        padding:20px
    }
    .vehicle-fields input,.vehicle-fields textarea,.vehicle-fields select,.vehicles-search input{
        font-size:16px
    }
    .vehicle-dialog-heading h2{
        font-size:19px
    }
    .vehicles-table-wrap{
        max-height:65vh
    }
    .vehicle-row-button{
        min-height:44px;
        min-width:44px
    }
}