/*
 * Yoogo skin for Open-Admin. Colours from packages/ui/src/theme/colors.ts:
 * primary #000000, brand (logo blue) #6CDFF5, surface #F5F4F2, text #101010, muted #62625F.
 */
:root {
    --yoogo-black: #000000;
    --yoogo-ink: #101010;
    --yoogo-brand: #6CDFF5;
    --yoogo-brand-soft: #E3F9FD;
    --yoogo-surface: #F5F4F2;
    --yoogo-muted: #62625F;
    --yoogo-line: #E5E4E2;

    --primary-color: var(--yoogo-black);
    --menu-bg: var(--yoogo-ink);
    --menu-active-bg: var(--yoogo-black);
    --menu-darker-bg: var(--yoogo-black);
    --menu-text: #C9C9C5;
    --main-bg: var(--yoogo-surface);
    --text-color: var(--yoogo-ink);
}

body.skin-yoogo { color: var(--yoogo-ink); }
.skin-yoogo .bg-semi-dark { background: var(--yoogo-ink); }

/* Header brand */
.skin-yoogo .navbar-brand { background: var(--yoogo-black); }
.skin-yoogo .navbar-brand img.yoogo-logo { height: 30px; width: auto; vertical-align: middle; }
.skin-yoogo .navbar-brand img.yoogo-logo-mini { height: 30px; width: 30px; border-radius: 8px; vertical-align: middle; }
.skin-yoogo .custom-navbar { border-bottom: 3px solid var(--yoogo-brand); }

/* Sidebar */
.skin-yoogo .custom-menu > ul > li.active { border-left-color: var(--yoogo-brand); }
.skin-yoogo .custom-menu a:active,
.skin-yoogo .custom-menu a:focus,
.skin-yoogo .custom-menu li > ul > li.active a { color: var(--yoogo-brand); }

/* Buttons & links */
.skin-yoogo .btn-primary,
.yoogo-login .btn-primary {
    --bs-btn-bg: var(--yoogo-black);
    --bs-btn-border-color: var(--yoogo-black);
    --bs-btn-hover-bg: #262626;
    --bs-btn-hover-border-color: #262626;
    --bs-btn-active-bg: #262626;
    --bs-btn-active-border-color: #262626;
    background-color: var(--yoogo-black);
    border-color: var(--yoogo-black);
    color: #fff;
}
.skin-yoogo main#main a:not(.btn):not(.nav-link):not(.yoogo-stat):not(.page-link) { color: #0B6E82; }
.skin-yoogo .custom-menu a { color: var(--menu-text); }
.skin-yoogo .custom-menu a:hover { color: #fff; }
.skin-yoogo .badge.bg-primary { background-color: var(--yoogo-black) !important; }
.skin-yoogo .badge.bg-teal { background-color: #0E9384 !important; }
.skin-yoogo .badge.bg-purple { background-color: #6E56CF !important; }

/* Stat cards (Orders operational pressure, Drivers header) */
.yoogo-section-title { font-size: 1rem; font-weight: 700; letter-spacing: .01em; }
.yoogo-stat {
    display: flex; flex-direction: column; gap: 4px;
    background: #fff; border: 1px solid var(--yoogo-line); border-radius: 14px;
    padding: 16px 18px; color: var(--yoogo-ink); text-decoration: none;
}
.yoogo-stat__label { font-size: .8rem; color: var(--yoogo-muted); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.yoogo-stat__value { font-size: 1.9rem; font-weight: 800; line-height: 1.1; font-variant-numeric: tabular-nums; }
.yoogo-stat__hint { font-size: .8rem; color: var(--yoogo-muted); }
.yoogo-stat--action { flex-direction: row; align-items: center; gap: 14px; background: var(--yoogo-black); color: #fff; border-color: var(--yoogo-black); }
.yoogo-stat--action:hover { background: #1d1d1d; color: #fff; }
.yoogo-stat--action .yoogo-stat__value { font-size: 1.3rem; display: block; }
.yoogo-stat--action .yoogo-stat__label { color: #BEBEB9; text-transform: none; letter-spacing: 0; font-weight: 400; display: block; }
.yoogo-stat__icon {
    flex: none; width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center;
    background: var(--yoogo-brand); color: var(--yoogo-black); font-size: 1.1rem;
}
.yoogo-meter { height: 6px; background: var(--yoogo-surface); border-radius: 3px; overflow: hidden; margin: 6px 0 2px; }
.yoogo-meter span { display: block; height: 100%; background: var(--yoogo-brand); border-radius: 3px; transition: width .4s ease; }
.yoogo-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--yoogo-muted); vertical-align: middle; margin-right: 2px; }
.yoogo-dot--live { background: #12B76A; box-shadow: 0 0 0 3px rgba(18, 183, 106, .18); }

/* Orders tabs */
.yoogo-tabs { gap: 6px; flex-wrap: wrap; }
.yoogo-tabs .nav-link {
    border-radius: 999px; padding: 6px 14px; color: var(--yoogo-ink); background: #fff;
    border: 1px solid var(--yoogo-line); font-weight: 600; font-size: .9rem;
}
.yoogo-tabs .nav-link:hover { border-color: var(--yoogo-ink); }
.yoogo-tabs .nav-link.active { background: var(--yoogo-black); border-color: var(--yoogo-black); color: #fff; }
.yoogo-tabs__count {
    display: inline-block; min-width: 22px; margin-left: 6px; padding: 0 6px; border-radius: 999px;
    background: var(--yoogo-surface); color: var(--yoogo-ink); font-size: .75rem; text-align: center;
}
.yoogo-tabs .nav-link.active .yoogo-tabs__count { background: var(--yoogo-brand); color: var(--yoogo-black); }

/* Order detail */
.yoogo-card { border: 1px solid var(--yoogo-line); border-radius: 14px; overflow: hidden; }
.yoogo-card > .card-header { background: #fff; font-weight: 700; border-bottom: 1px solid var(--yoogo-line); }
.yoogo-struck td:first-child strong { text-decoration: line-through; color: var(--yoogo-muted); }
.yoogo-substitute { background: var(--yoogo-brand-soft); }
.yoogo-photo img { cursor: zoom-in; }
.yoogo-timeline { list-style: none; padding: 0; margin: 0; border-left: 2px solid var(--yoogo-line); }
.yoogo-timeline li { position: relative; padding: 0 0 12px 16px; }
.yoogo-timeline li::before {
    content: ""; position: absolute; left: -6px; top: 5px; width: 10px; height: 10px; border-radius: 50%;
    background: var(--yoogo-brand); border: 2px solid #fff;
}
.yoogo-timeline__time { display: inline-block; min-width: 120px; color: var(--yoogo-muted); font-size: .8rem; font-variant-numeric: tabular-nums; }

/* Login */
.yoogo-login { background: var(--yoogo-brand); min-height: 100vh; color: var(--yoogo-ink); }
.yoogo-login__logo { display: block; width: 220px; max-width: 70%; height: auto; margin: 0 auto 8px; }
.yoogo-login__card { border-radius: 18px; }