/* AvtoMaydon v24 — targeted responsive patch; desktop business UI is preserved. */
.v24-mobile-topbar,.v24-sidebar-close{display:none}

/* Stronger than earlier report/select component rules: one visible input only. */
.v14-vehicles-shell .v14-search-form .v14-filter-field.v23-enhanced-select>select,
.v19-report-filter .v19-report-form .v19-report-field.v23-enhanced-select>select{
  display:none!important;visibility:hidden!important;position:absolute!important;
  opacity:0!important;width:0!important;height:0!important;pointer-events:none!important;
}
.v23-select-widget{max-width:100%!important;min-width:0!important}
.v23-select-widget .v23-select-menu{box-sizing:border-box!important;left:0!important;right:0!important;min-width:0!important;
  width:100%!important;max-width:100%!important;white-space:normal!important}
.v23-select-widget .v23-select-option{max-width:100%!important;min-width:0!important;overflow-wrap:anywhere}

/* Entire vehicle row has an explicit route. Keyboard focus stays visible. */
.v10-vehicle-table .v24-vehicle-row{cursor:pointer}
.v10-vehicle-table .v24-vehicle-row:focus-visible{outline:2px solid #00a275;outline-offset:-2px;background:#eaf8f0}

@media(max-width:850px){
  .v10-shell.v11-shell.v13-shell.v18-shell{width:100%;max-width:100vw;min-width:0;overflow-x:clip}
  .v10-shell.v11-shell .main-area{width:100%;min-width:0;max-width:100%;}
  .v24-mobile-topbar{
    position:sticky;top:0;z-index:65;box-sizing:border-box;display:flex;align-items:center;
    justify-content:space-between;gap:12px;width:100%;height:69px;padding:9px 16px;
    border-bottom:1px solid #d9ebdf;background:#ffffffed;backdrop-filter:blur(14px);
    box-shadow:0 4px 16px rgba(8,72,46,.055);
  }
  .v24-mobile-brand{display:flex;align-items:center;gap:10px;min-width:0;color:#063f32;text-decoration:none}
  .v24-mobile-mark{box-sizing:border-box;display:grid;place-items:center;flex:0 0 41px;width:41px;height:41px;
    border-radius:11px;background:linear-gradient(145deg,#04644b,#008e6a);box-shadow:0 5px 12px #00674624}
  .v24-mobile-brand>b,.v24-mobile-brand>span:last-child{display:block;min-width:0}
  .v24-mobile-brand b{display:block;color:#084a39;font:850 18px/1.1 Manrope,'DM Sans',sans-serif;letter-spacing:-.75px}
  .v24-mobile-brand small{display:block;margin-top:2px;color:#4f9677;font:800 8px/1.2 'DM Sans',sans-serif;letter-spacing:1.5px}
  .v11-shell .v24-mobile-topbar #menuToggle.v11-mobile-menu-toggle{
    position:static!important;top:auto!important;right:auto!important;z-index:1!important;
    display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;
    margin:0!important;padding:0!important;border-radius:11px!important;background:#007959!important;
    color:#fff!important;box-shadow:0 4px 12px rgba(0,102,74,.15)!important;
  }
  .v11-shell .v24-mobile-topbar #menuToggle.v11-mobile-menu-toggle .v11-svg-icon{width:22px!important;height:22px!important}

  /* Full-screen navigation on all mobile and narrow tablet widths. */
  .v10-shell.v11-shell .sidebar{
    position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
    width:100vw!important;max-width:100vw!important;min-width:0!important;
    height:100vh!important;height:100dvh!important;max-height:100dvh!important;
    margin:0!important;padding:22px 19px max(19px,env(safe-area-inset-bottom))!important;
    transform:translateX(-105%)!important;border-right:0!important;border-radius:0!important;
    z-index:501!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    transition:transform .23s cubic-bezier(.2,.75,.15,1)!important;
  }
  .v10-shell.v11-shell .sidebar.open{transform:translateX(0)!important}
  .v24-sidebar-close{
    display:grid!important;place-items:center!important;position:absolute;z-index:3;
    right:19px;top:22px;width:45px;height:45px;padding:0;border:1px solid #ffffff66;
    border-radius:12px;background:#ffffff1e;color:#fff;cursor:pointer;
  }
  .v24-sidebar-close:hover,.v24-sidebar-close:focus-visible{background:#ffffff37;outline:2px solid #a7ebc6;outline-offset:2px}
  .v24-sidebar-close svg{width:24px;height:24px;stroke-width:2.1}
  .v10-shell.v11-shell.v13-shell .sidebar .brand.v13-brand-panel{
    box-sizing:border-box!important;max-width:calc(100% - 65px)!important;min-width:0!important;
    margin:0 0 24px!important;padding:11px!important;
  }
  .v10-shell.v11-shell .sidebar .v10-nav{flex:0 0 auto;max-width:100%!important}
  .v10-shell.v11-shell .sidebar .side-link{width:100%!important;min-height:50px!important}
  .v10-shell.v11-shell .sidebar .sidebar-bottom{margin-top:auto!important}
  .v10-shell.v11-shell .overlay-shade.show{display:block!important;position:fixed!important;inset:0!important;z-index:500!important;background:#031d17c2!important}
  body.v24-menu-open{overflow:hidden!important;touch-action:none}
  body.v24-menu-open .sidebar{touch-action:pan-y}

  /* Shared header on every route: remove inherited 320px flex-basis. */
  .v18-shell .workspace{box-sizing:border-box!important;min-width:0!important;width:100%!important;
    max-width:100%!important;padding:15px 13px 28px!important;overflow:visible!important}
  .v18-shell .workspace>.v18-page-hero{
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
    justify-content:flex-start!important;align-items:stretch!important;min-height:0!important;
    height:auto!important;max-height:none!important;gap:15px!important;
    padding:23px 19px!important;margin:0 0 17px!important;border-radius:15px!important;
  }
  .v18-shell .workspace>.v18-page-hero .v18-hero-copy{
    box-sizing:border-box!important;display:block!important;flex:0 0 auto!important;
    min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;
    margin:0!important;padding:0!important;text-align:left!important;
  }
  .v18-shell .workspace>.v18-page-hero h1{font-size:clamp(21px,5.5vw,27px)!important;line-height:1.25!important;margin:0 0 8px!important;letter-spacing:-.65px!important}
  .v18-shell .workspace>.v18-page-hero p{max-width:100%!important;font-size:11.5px!important;line-height:1.65!important}
  .v18-shell .workspace>.v18-page-hero .v18-hero-side{
    box-sizing:border-box!important;display:flex!important;flex:0 0 auto!important;align-items:center!important;
    justify-content:center!important;width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;
  }
  .v18-shell .workspace>.v18-page-hero .v18-hero-side:not(:has(a)){display:none!important}
  .v18-shell .workspace>.v18-page-hero .v18-hero-action{
    box-sizing:border-box!important;display:flex!important;justify-content:center!important;
    align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;
    min-height:45px!important;padding:11px 13px!important;margin:0 auto!important;
    text-align:center!important;white-space:normal!important;font-size:11.5px!important;
  }
  .v18-shell .workspace>.v18-page-hero .v18-hero-action svg{flex:none;width:18px!important;height:18px!important}
  /* The profile already has its own bespoke hero. */
  .v18-shell .workspace:has(>.v23-profile-page)>.v18-page-hero{display:none!important}

  /* Vehicle filters, including the custom dropdown, never exceed mobile width. */
  .v14-vehicles-shell .v14-vehicle-list,
  .v14-vehicles-shell .v14-vehicle-list .v14-search-form{box-sizing:border-box!important;max-width:100%!important;min-width:0!important}
  .v14-vehicles-shell .v14-search-form{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:13px!important}
  .v14-vehicles-shell .v14-search-form .v14-search-field,
  .v14-vehicles-shell .v14-search-form .v14-filter-field{
    box-sizing:border-box!important;display:flex!important;flex:0 0 auto!important;
    width:100%!important;max-width:100%!important;min-width:0!important;min-height:51px!important;
  }
  .v14-vehicles-shell .v14-search-form .v14-search-field>input{max-width:100%!important;min-width:0!important}
  .v14-vehicles-shell .v14-search-form .v14-search-button,
  .v14-vehicles-shell .v14-search-form .v14-clear-button{
    box-sizing:border-box!important;flex:0 0 auto!important;width:100%!important;max-width:100%!important;
    min-height:44px!important;padding:11px!important;margin:0!important;text-align:center!important;
  }

  /* Reporting period and search fields: one vertical column. */
  .v19-report-filter{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:15px 13px!important;overflow:visible!important}
  .v19-report-filter .v19-report-form{
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
    justify-content:flex-start!important;align-items:stretch!important;width:100%!important;
    max-width:100%!important;min-width:0!important;gap:13px!important;padding:13px!important;
  }
  .v19-report-filter .v19-report-field{
    box-sizing:border-box!important;display:flex!important;flex:0 0 auto!important;flex-direction:column!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
  }
  .v19-report-filter .v19-report-field>input,
  .v19-report-filter .v19-report-field .v23-select-widget,
  .v19-report-filter .v19-report-field .v23-select-trigger{width:100%!important;min-width:0!important;max-width:100%!important}
  .v19-report-filter .v19-report-form-actions{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    justify-content:center!important;align-self:stretch!important;width:100%!important;
    gap:9px!important;margin:0!important;
  }
  .v19-report-filter .v19-report-form-actions>*{box-sizing:border-box!important;width:100%!important;min-width:0!important;
    min-height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important}
  .v23-select-widget .v23-select-menu{max-height:min(300px,46dvh)!important;overflow-x:hidden!important;overflow-y:auto!important}
  .v23-select-widget .v23-select-trigger{min-width:0!important;max-width:100%!important}

  /* Employee cards use the existing click-to-edit behavior. */
  .v20-employee-panel{max-width:100%!important;min-width:0!important;overflow:hidden!important}
  .v20-employee-table-scroll{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;overflow:visible!important;margin:0 13px!important}
  .v20-employee-table{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto!important}
  .v20-employee-table thead{display:none!important}
  .v20-employee-table tbody{display:grid!important;gap:10px!important;width:100%!important;max-width:100%!important}
  .v20-employee-table tbody .v20-employee-row{
    box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;gap:12px 8px!important;max-width:100%!important;width:100%!important;
    margin:0!important;padding:13px!important;border:1px solid #dcebe1!important;border-radius:13px!important;
    background:#fff!important;box-shadow:0 4px 12px #10452e09!important;cursor:pointer!important;
  }
  .v20-employee-table tbody .v20-employee-row:focus-visible{outline:2px solid #02a276!important;outline-offset:2px}
  .v20-employee-table tbody .v20-employee-row>td{
    box-sizing:border-box!important;display:none!important;min-width:0!important;padding:0!important;
    border:0!important;height:auto!important;background:transparent!important;
  }
  .v20-employee-table tbody .v20-employee-row>td:nth-child(1){display:block!important;grid-row:1;grid-column:1}
  .v20-employee-table tbody .v20-employee-row>td:nth-child(2){display:block!important;grid-row:1;grid-column:2;justify-self:end}
  .v20-employee-table tbody .v20-employee-row>td:nth-child(5){display:block!important;grid-row:2;grid-column:1}
  .v20-employee-table tbody .v20-employee-row>td:nth-child(6){display:flex!important;grid-row:2;grid-column:2;justify-self:end}
  .v20-employee-person{min-width:0!important;max-width:100%!important;gap:9px!important}
  .v20-employee-person>span:last-child{min-width:0;overflow-wrap:anywhere}
  .v20-employee-person strong{font-size:11.5px!important;line-height:1.45!important;overflow-wrap:anywhere}
  .v20-employee-person small{font-size:9px!important}
  .v20-employee-avatar{width:37px!important;height:37px!important;flex-basis:37px!important}
  .v20-employee-role{font-size:10px!important;max-width:100%;white-space:normal!important;text-align:center}
  .v20-employee-pagination{padding:16px 14px!important}
  .v20-employee-pagination nav{width:100%;justify-content:space-between;gap:6px}
  .v20-employee-pagination nav>a{min-width:0;padding:9px!important;font-size:10px!important}
}

@media(max-width:640px){
  /* Both dashboard recent vehicles and /vehicles become readable full-width cards. */
  .v10-shell .v10-vehicle-table{max-width:100%!important;min-width:0!important}
  .v10-shell .v10-vehicle-table.table-scroll{
    box-sizing:border-box!important;display:block!important;overflow:visible!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;
  }
  .v10-shell .v10-vehicle-table table{
    box-sizing:border-box!important;display:block!important;width:100%!important;
    min-width:0!important;max-width:100%!important;border:0!important;border-collapse:separate!important;
  }
  .v10-shell .v10-vehicle-table thead{display:none!important}
  .v10-shell .v10-vehicle-table tbody{display:grid!important;gap:10px!important;width:100%!important;min-width:0!important}
  .v10-shell .v10-vehicle-table tbody .v24-vehicle-row{
    box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) 43px!important;
    grid-template-rows:auto auto!important;align-items:center!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    gap:4px 8px!important;padding:13px 12px!important;margin:0!important;
    border:1px solid #d8e9df!important;border-radius:12px!important;
    background:#fff!important;box-shadow:0 4px 13px rgba(3,61,38,.045)!important;
  }
  .v10-shell .v10-vehicle-table tbody .v24-vehicle-row:first-child{border-color:#b4e4cd!important;background:#f5fcf8!important}
  .v10-shell .v10-vehicle-table tbody .v24-vehicle-row:hover{border-color:#69cba4!important}
  .v10-shell .v10-vehicle-table tbody .v24-vehicle-row>td{
    display:none!important;box-sizing:border-box!important;min-width:0!important;height:auto!important;
    padding:0!important;margin:0!important;border:0!important;
    background:transparent!important;color:#173e2f!important;
  }
  .v10-shell .v10-vehicle-table tbody .v24-vehicle-row>td:nth-child(2){display:block!important;grid-column:1;grid-row:1}
  .v10-shell .v10-vehicle-table tbody .v24-vehicle-row>td:nth-child(3){display:block!important;grid-column:1;grid-row:2}
  .v10-shell .v10-vehicle-table tbody .v24-vehicle-row>td:nth-child(6){display:flex!important;grid-column:2;grid-row:1/span 2;justify-content:center;align-self:center}
  .v10-shell .v10-vehicle-table tbody .v24-vehicle-row>td:nth-child(3)>strong{
    display:block!important;font-size:11px!important;font-weight:750!important;line-height:1.5!important;color:#426d58!important;
    overflow-wrap:anywhere!important;
  }
  .v10-shell .v10-vehicle-table tbody .v24-vehicle-row>td:nth-child(3)>small{display:none!important}
  .v10-shell .v10-vehicle-table .plate{max-width:100%!important;font-size:13px!important;min-height:29px!important}
  .v10-shell .v10-vehicle-table .plate .region,.v10-shell .v10-vehicle-table .plate .number{padding:4px 5px!important}
  .v10-shell .v10-vehicle-table .v10-row-action.v12-details-button{
    box-sizing:border-box!important;display:grid!important;place-items:center!important;
    width:37px!important;min-width:37px!important;height:37px!important;min-height:37px!important;
    padding:0!important;margin:0!important;border:1px solid #bce4d1!important;
    border-radius:10px!important;background:#eaf9f1!important;
  }
  .v10-shell .v10-vehicle-table .v12-details-button>span{display:none!important}
  .v10-shell .v10-vehicle-table .v12-details-button svg{width:17px!important;height:17px!important}
  .v14-vehicles-shell .v14-vehicle-list td{height:auto!important}
  .v14-vehicles-shell .v14-vehicle-list .table-scroll{padding:0!important}
  .v10-shell.v11-shell .v12-recent .panel-heading{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
  .v10-shell.v11-shell .v12-recent .panel-heading .small-link{align-self:flex-start}
}

@media(max-width:370px){
  .v24-mobile-topbar{padding:9px 11px}
  .v24-mobile-brand b{font-size:16px}
  .v24-mobile-mark{flex-basis:37px;width:37px;height:37px}
  .v18-shell .workspace{padding:12px 9px 25px!important}
  .v18-shell .workspace>.v18-page-hero{padding:19px 15px!important}
  .v10-shell .v10-vehicle-table .plate{font-size:11.5px!important}
  .v10-shell .v10-vehicle-table tbody .v24-vehicle-row{grid-template-columns:minmax(0,1fr) 37px!important;padding:11px 9px!important}
  .v10-shell .v10-vehicle-table .v10-row-action.v12-details-button{width:35px!important;min-width:35px!important}
  .v20-employee-table tbody .v20-employee-row{grid-template-columns:minmax(0,1fr)!important}
  .v20-employee-table tbody .v20-employee-row>td:nth-child(2){grid-row:2!important;grid-column:1!important;justify-self:start!important}
  .v20-employee-table tbody .v20-employee-row>td:nth-child(5){grid-row:3!important}
  .v20-employee-table tbody .v20-employee-row>td:nth-child(6){grid-row:3!important;grid-column:1!important;justify-self:end!important}
}



/* ==========================================
   HISOBOT DAVRI — INPUT DIZAYNINI TUZATISH
   ========================================== */

/* Tashqi ortiqcha chegaralarni olib tashlash */
#v19ReportForm .v19-report-period {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: 0 !important;
}

/* Yangi tanlash komponenti ishlaganda eski select yashiriladi */
#v19ReportForm .v19-report-period.v23-enhanced-select > select {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    pointer-events: none !important;
}

/* Tanlash komponenti to'liq kenglikda */
#v19ReportForm .v19-report-period .v23-select-widget {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Hisobot davri va qidiruv inputi bir xil dizaynda */
#v19ReportForm .v19-report-period .v23-select-trigger,
#v19ReportForm .v19-report-period > select,
#v19ReportForm #v19ReportCar {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;

    padding: 0 15px !important;

    background: #ffffff !important;
    border: 1px solid #c9e4d7 !important;
    border-radius: 12px !important;

    color: #113d2e !important;
    font-size: 13px !important;
    font-weight: 600 !important;

    outline: none !important;
    box-shadow: none !important;

    transition: border-color .2s ease,
                box-shadow .2s ease !important;
}

/* Tanlash tugmasi joylashuvi */
#v19ReportForm .v19-report-period .v23-select-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    cursor: pointer !important;
}

/* O'ng tomondagi strelka */
#v19ReportForm .v19-report-period .v23-select-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #007c59 !important;
}

/* Input faol holatda */
#v19ReportForm .v19-report-period .v23-select-trigger:focus-visible,
#v19ReportForm .v19-report-period .v23-select-widget.is-open .v23-select-trigger,
#v19ReportForm #v19ReportCar:focus {
    border-color: #009b72 !important;
    box-shadow: 0 0 0 3px rgba(0, 155, 114, .12) !important;
}

/* Mobil ekranlar */
@media (max-width: 768px) {
    #v19ReportForm .v19-report-period,
    #v19ReportForm .v19-report-vehicle-search {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}

/* ========================================
   AVTOMAYDON V25
   MOBIL AVTOMOBIL RAQAMI VA HOLATI
   ======================================== */

/* Kompyuterda qo'shimcha ma'lumot yashiriladi */
.v25-mobile-plate-info,
.v25-mobile-detail-link {
    display: none !important;
}

@media (max-width: 850px) {

    /* DAVLAT RAQAMINI TO'LIQ KO'RSATISH */

    .plate {
        display: inline-flex !important;
        align-items: center !important;

        width: max-content !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 30px !important;

        font-size: clamp(12px, 3.7vw, 17px) !important;
        white-space: nowrap !important;
    }

    .plate .region,
    .plate .number {
        flex-shrink: 0 !important;
        white-space: nowrap !important;
        padding: 5px 7px !important;
    }

    .plate .uz {
        flex-shrink: 0 !important;
    }

    /* RAQAM OSTIDAGI MA'LUMOTLAR */

    .v25-mobile-plate-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 6px !important;

        width: 100% !important;
        margin-top: 9px !important;
    }

    /* HOLAT BADGE */

    .v25-mobile-state {
        display: inline-flex !important;
        align-items: center !important;

        gap: 7px !important;

        padding: 6px 11px !important;

        border-radius: 50px !important;

        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
    }

    .v25-mobile-state i {
        display: block !important;

        width: 7px !important;
        height: 7px !important;

        border-radius: 50% !important;

        background: currentColor !important;
    }

    /* MAYDONCHADA */

    .v25-mobile-state.inside {
        background: #dcf7e9 !important;
        color: #00734f !important;
    }

    /* CHIQARILGAN */

    .v25-mobile-state.released {
        background: #fff0dc !important;
        color: #a36513 !important;
    }

    /* SAQLANGAN MUDDAT */

    .v25-mobile-time {
        display: block !important;

        color: #587568 !important;

        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
    }

    /* TUSHUM SUMMASI */

    .v25-mobile-money {
        display: block !important;

        color: #006a4c !important;

        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.4 !important;
    }

    /* ==================================
       BOSHQARUV PANELI VA AVTOMOBILLAR
       ================================== */

    .v10-shell
    .v10-vehicle-table
    tbody
    .v24-vehicle-row {
        grid-template-columns:
            minmax(0, 1fr) 40px !important;

        grid-template-rows: auto !important;
        align-items: center !important;
    }

    /* Avtomobil raqami */
    .v10-shell
    .v10-vehicle-table
    tbody
    .v24-vehicle-row > td:nth-child(2) {
        display: block !important;

        grid-column: 1 !important;
        grid-row: 1 !important;

        min-width: 0 !important;
    }

    /* Takroriy marka va holat ustunlarini yashirish */
    .v10-shell
    .v10-vehicle-table
    tbody
    .v24-vehicle-row > td:nth-child(3),

    .v10-shell
    .v10-vehicle-table
    tbody
    .v24-vehicle-row > td:nth-child(5) {
        display: none !important;
    }

    /* Batafsil tugmasi */
    .v10-shell
    .v10-vehicle-table
    tbody
    .v24-vehicle-row > td:nth-child(6) {
        display: flex !important;

        grid-column: 2 !important;
        grid-row: 1 !important;

        justify-self: end !important;
        align-self: center !important;
    }

    /* ==================================
       HISOBOTLARDAGI MOBIL KARTALAR
       ================================== */

    .v19-report-table-scroll:has(.v25-mobile-plate-info) {
        overflow: visible !important;
        max-width: 100% !important;
    }

    .v19-report-table:has(.v25-mobile-plate-info) {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
    }

    .v19-report-table:has(.v25-mobile-plate-info) thead {
        display: none !important;
    }

    .v19-report-table:has(.v25-mobile-plate-info) tbody {
        display: grid !important;
        gap: 10px !important;
    }

    .v19-report-table:has(.v25-mobile-plate-info) tbody tr {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr) auto !important;

        align-items: center !important;
        gap: 10px !important;

        padding: 13px !important;

        border: 1px solid #d6e9de !important;
        border-radius: 13px !important;

        background: #ffffff !important;
    }

    .v19-report-table:has(.v25-mobile-plate-info) tbody td {
        display: none !important;
        border: 0 !important;
        padding: 0 !important;
    }

    .v19-report-table:has(.v25-mobile-plate-info)
    tbody td:first-child {
        display: block !important;
        min-width: 0 !important;
    }

    .v19-report-table:has(.v25-mobile-plate-info)
    tbody td:last-child {
        display: flex !important;

        align-items: center !important;
        justify-content: flex-end !important;
    }

    /* ==================================
       KASSADAGI MOBIL KARTALAR
       ================================== */

    .panel .table-scroll:has(.v25-mobile-plate-info) {
        overflow: visible !important;
        max-width: 100% !important;
    }

    .panel table:has(.v25-mobile-plate-info) {
        display: block !important;
        width: 100% !important;
    }

    .panel table:has(.v25-mobile-plate-info) thead {
        display: none !important;
    }

    .panel table:has(.v25-mobile-plate-info) tbody {
        display: grid !important;
        gap: 10px !important;
    }

    .panel table:has(.v25-mobile-plate-info) tbody tr {
        display: block !important;

        padding: 13px !important;

        border: 1px solid #d6e9de !important;
        border-radius: 13px !important;

        background: #ffffff !important;
    }

    .panel table:has(.v25-mobile-plate-info) tbody td {
        display: none !important;
    }

    .panel table:has(.v25-mobile-plate-info)
    tbody td:first-child {
        display: block !important;

        border: 0 !important;
        padding: 0 !important;
    }

    .v25-mobile-detail-link {
        display: inline-flex !important;

        margin-top: 10px !important;

        color: #007c58 !important;

        font-size: 12px !important;
        font-weight: 800 !important;

        text-decoration: none !important;
    }


/* AvtoMaydon — yangi yagona logo */

.site-mark.v10-site-mark,
.site-mark.v11-auth-mark,
.v24-mobile-mark {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    overflow: hidden;
}

/* Barcha joylarda icon bir xil ko'rinadi */

.site-mark.v10-site-mark img,
.site-mark.v11-auth-mark img,
.v24-mobile-mark img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    border-radius: inherit;
}


/* =====================================
   AVTOMAYDON — LOGIN BACKGROUND IMAGE
   ===================================== */

.auth-hero.auth-hero-photo {

    /* Eski yashil fon + yangi rasm */
    background-image:

        /* 1. Rasm ustidagi yashil shaffof qatlam */
        linear-gradient(
            110deg,
            rgba(0, 47, 37, 0.93) 0%,
            rgba(0, 71, 54, 0.74) 55%,
            rgba(0, 50, 39, 0.60) 100%
        ),

        /* 2. Yangi avtomobil rasmi */
        url("/assets/login-background.jpg"),

        /* 3. Eski yashil gradient fon */
        linear-gradient(
            140deg,
            #003d33 8%,
            #045142 64%,
            #014535 100%
        );

    background-position:
        center,
        65% center,
        center;

    background-size: cover;

    background-repeat: no-repeat;
}

/* Mobil versiya */

@media (max-width: 850px) {

    .auth-hero.auth-hero-photo {

        background-image:

            linear-gradient(
                180deg,
                rgba(0, 47, 37, 0.90) 0%,
                rgba(0, 66, 50, 0.82) 55%,
                rgba(0, 47, 37, 0.90) 100%
            ),

            url("/assets/login-background.jpg"),

            linear-gradient(
                140deg,
                #003d33,
                #045142,
                #014535
            );

        background-position:
            center,
            65% center,
            center;
    }
}