/* AvtoMaydon visual identity: inspired by YHXX dark-green / golden-yellow palette.
   The independent AvtoMaydon mark is intentionally not an official government seal. */
:root{
  --navy:#034235;
  --navy2:#012f28;
  --blue:#08765e;
  --blue-dark:#055840;
  --soft-blue:#e7f5ee;
  --cyan:#40baa0;
  --yellow:#f9c522;
  --yellow-light:#fff7da;
  --green:#13895f;
  --red:#c6544f;
  --paper:#f4f8f5;
  --line:#deebe3;
  --ink:#17392f;
  --muted:#7b968a;
  --shadow:0 9px 32px rgba(4,58,43,.045);
}
body{background:var(--paper);color:var(--ink)}
.site-mark{background:linear-gradient(145deg,#0a745b,#004237);color:var(--yellow);box-shadow:0 8px 23px #034b3750;border:1px solid #3c9d7c}
.site-mark::after{background:var(--yellow)}
.brand small{color:#9fc6af}
.auth-hero{background:linear-gradient(140deg,#003d33 8%,#045142 64%,#014535 100%)}
.auth-hero::before{background:radial-gradient(circle,#3287646b 0,transparent 61%)}
.auth-hero::after{border-color:#cce6b624;box-shadow:0 0 0 60px #ffffff05,0 0 0 130px #ffffff03}
.auth-hero .lead .overline{color:#ffdf7b}
.auth-hero .lead h1 em{color:#ffda48}
.auth-hero .lead p{color:#c3e3d4}
.auth-mini>div{background:#d7ffec0c;border-color:#d7ffe01f}
.auth-mini small{color:#b6d8c6}
.auth-right{background:linear-gradient(180deg,#f5faf6,#eef5ef)}
.auth-panel .eyebrow{color:#007a57}
.auth-panel .head p,.auth-footer{color:#879f91}
.auth-switch{background:#e3eee6}
.auth-switch button.on{color:#00583f}
.auth-switch button:not(.on){color:#7c988a}
.demo-strip{border-color:#d6e6db}
.demo-roles button{background:#f8fbf8;border-color:#dcece0;color:#305447}
.demo-roles button:hover{background:#e7f4eb}
.btn.primary{background:#006e55;border-color:#006e55;color:white;box-shadow:0 5px 15px #05735224}
.btn.primary:hover{background:#005440}
.btn.gold{background:#f9c522;border-color:#f4bf12;color:#21402e}
.btn.dark{background:#034235;border-color:#034235;color:white}
.btn:focus-visible{outline-color:#f1c349}
.input:focus,.select:focus,.textarea:focus{border-color:#49a482;box-shadow:0 0 0 3px #20a6761a}
.pill.blue{background:#e1f2e8;color:#0a795b}
.pill.green{background:#e2f7eb;color:#12845d}
.pill.orange{background:#fff5d9;color:#9b7111}
.note{background:#edf7f1;border-color:#cde6d7;color:#37795b}
.note.amber{background:#fff9e6;border-color:#f8e5aa;color:#8a6c24}
.sidebar{background:linear-gradient(180deg,#003b31 0%,#033e33 55%,#022e27 100%)}
.side-label{color:#79ad91}
.side-link{color:#b4d3c3}
.side-link .ico{color:#86b9a1}
.side-link:hover{background:#edffd014}
.side-link.active{background:#0c7058;color:white;box-shadow:inset 3px 0 0 var(--yellow)}
.side-link.active .ico{color:#f7d15d}
.side-link .count{background:#2d7662;color:#e6faeb}
.support-card{background:#e9ffd80d;border-color:#e6f9df1b}
.support-card p{color:#a1cdb4}
.support-card .support-arrow{background:#f9c522;color:#064331}
.sidebar .avatar{background:#1b735c;color:#fff3be}
.side-profile{border-color:#ffffff1d}
.side-profile small{color:#9fc4af}
.topbar{border-bottom-color:#e0ece4;background:#fff}
.top-left .crumb strong{color:#174535}
.circle-btn{border-color:#ddeae1;color:#557866}
.circle-btn.dot::after{background:#f5bb23}
.avatar{background:#e6f3e9;color:#087654}
.demo-bar{background:#fff9e7;border-color:#f7e5a6;color:#807023}
.demo-bar button{color:#89670d}
.eyebrow{color:#0b8465}
.page-heading h1{color:#173d30}
.section-title{color:#194433}
.link-button{color:#0a775b}
.card{border-color:#e0ebe4;box-shadow:0 9px 29px #174c3510}
.kpi .kpi-icon{background:#e3f4e9;color:#0b8260}
.kpi:nth-child(2) .kpi-icon{background:#e6f8f0;color:#147f61}
.kpi:nth-child(3) .kpi-icon{background:#fff3cc;color:#9a7115}
.kpi:nth-child(4) .kpi-icon{background:#e2f1e9;color:#0a7459}
.kpi .growth{color:#169665}
.kpi-value{color:#173e32}
.bar-pair .bar{background:#e9f0e9}
.bar-pair .bar.active{background:linear-gradient(180deg,#0e9472,#006c50)}
.chart-legend i{background:#0b8668}
.chart-legend span:nth-child(2) i{background:#d9e9db}
.segmented{background:#edf4ee}
.segmented button.on{color:#077253}
.occupancy-ring{background:conic-gradient(#08785c 0 64%,#e3f0e8 64% 100%)}
.stat-split{border-color:#e2eee5}
.plate{border-color:#8eac9b;color:#183d2d}
.plate .region{border-color:#8eac9b}
.plate .uz{color:#087859}
.data-table th{background:#f6faf7;color:#7d9b8b}
.data-table tr:hover td{background:#f6fbf8}
.summary-hero{background:linear-gradient(110deg,#004536,#0d795c)}
.summary-hero .eyebrow{color:#e6d280}
.summary-hero p{color:#c7e4d5}
.drop-zone{background:#f1faf4;border-color:#a7d1b7}
.drop-icon{background:#ddefe3;color:#08795b}
.step-num{background:#e1f2e8;color:#0a765a}
.calc-card{background:#004436}
.calc-card span,.calc-card small{color:#b9daca}
.mini-metric>div{border-color:#e2eee6}
.tg-box{background:linear-gradient(115deg,#004539,#0a8666)}
.tg-box p{color:#b9ddcb}
.tg-box .eyebrow{color:#f9d15c!important}
.flow-step .digit{color:#087657;background:#e0f3e9}
.auth-list{color:#366f53}
.tg-auth-box{border-color:#d4eadb;background:linear-gradient(135deg,#edf8f0,#fff)}
.tg-circle{background:linear-gradient(135deg,#087e61,#004b3a);color:#ffe28c}
.audit .dot{background:#0c8965;border-color:#def2e8}
.role-card{border-color:#dfede4}
.modal{box-shadow:0 24px 90px #002d2855}
.id-card{background:#f2f8f3;border-color:#91c3a8}
.mobile-nav{border-color:#deebe2}
.mobile-nav button.active{color:#007c5e}
@media(max-width:850px){.mobile-nav{box-shadow:0 -6px 23px #003b3012}}


/* ==========================================
   AVTOMAYDON — DESKTOP LOGIN BACKGROUND
   ========================================== */

@media (min-width: 851px) {

    body .auth-shell .auth-hero.auth-hero-photo {

        background-image:

            /* 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%
            ),

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

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

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

        background-size:
            cover,
            cover,
            cover !important;

        background-repeat: no-repeat !important;
    }
}