* { box-sizing: border-box; }
body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #1e293b;
    background: #f5f7fb;
}
.bg-blur {
    position: fixed;
    inset: 0;
    background-size: cover;
    background-position: center;
    filter: blur(8px);
    transform: scale(1.05);
    z-index: -2;
}
.bg-blur::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.72);
}
.bg-login { background-image: url('../images/loginbck.jpg'); }
.bg-dashboard { background-image: url('../images/dashboardbck.jpg'); }
.login-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.login-card {
    width: 100%;
    max-width: 430px;
    background: rgba(255,255,255,0.95);
    border-radius: 18px;
    padding: 28px;
    box-shadow: 0 18px 45px rgba(0,0,0,0.12);
}
.login-branding { text-align: center; margin-bottom: 18px; }
.brand-logo { width: 110px; height: auto; border-radius: 12px; }
.form-control {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    margin: 6px 0 16px;
    background: #fff;
}
.btn {
    display: inline-block;
    border: none;
    border-radius: 10px;
    padding: 12px 16px;
    cursor: pointer;
    font-weight: 700;
}
.btn-primary {
    background: #0ea5e9;
    color: #fff;
}
.btn-block { width: 100%; }
.alert {
    padding: 12px 14px;
    border-radius: 10px;
    margin-bottom: 15px;
}
.alert-danger {
    background: #fee2e2;
    color: #991b1b;
}
.login-footer-note {
    text-align: center;
    margin-top: 16px;
    color: #475569;
    font-size: 14px;
}
.topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    background: rgba(255,255,255,0.94);
    border-bottom: 1px solid #e2e8f0;
    position: sticky;
    top: 0;
    z-index: 10;
}
.topbar-left, .topbar-right {
    display: flex;
    align-items: center;
    gap: 12px;
}
.topbar-logo { width: 52px; height: 52px; border-radius: 10px; }
.app-title { font-size: 20px; font-weight: 700; }
.app-subtitle { font-size: 13px; color: #475569; }
.clock-box, .user-box {
    background: #f8fafc;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    padding: 10px 14px;
}
.main-nav {
    background: #0f172a;
    position: sticky;
    top: 77px;
    z-index: 9;
}
.main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.main-nav > ul > li {
    position: relative;
}
.main-nav a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 14px 18px;
    font-size: 14px;
}
.main-nav li:hover > a { background: #1e293b; }
.dropdown {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: #1e293b;
}
.main-nav li:hover .dropdown {
    display: block !important;
}
.page-container {
    padding: 18px;
}
.card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}
.card {
    background: rgba(255,255,255,0.94);
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.stat-card h3 { margin-top: 0; font-size: 16px; }
.stat-value { font-size: 34px; font-weight: 700; color: #0284c7; }
.footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 16px 20px;
    background: rgba(255,255,255,0.94);
    border-top: 1px solid #e2e8f0;
}
@media (max-width: 768px) {
    .topbar, .topbar-left, .topbar-right { flex-direction: column; align-items: flex-start; }
    .main-nav { top: 150px; }
    .main-nav ul { flex-direction: column; }
    .dropdown { position: static; min-width: auto; }
}

.page-wide { max-width: 1600px; margin: 0 auto; }
.compact-card { padding: 16px 20px; margin-bottom: 16px; }
.page-title { margin: 0 0 6px; font-size: 28px; }
.page-note, .muted { color: #64748b; }
.four-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.split-layout { display: grid; grid-template-columns: 460px 1fr; gap: 18px; align-items: start; }
.split-roles { grid-template-columns: minmax(520px, 1.1fr) minmax(480px, 0.9fr); }
.form-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.form-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.btn-light { background: #e2e8f0; color: #0f172a; }
.btn-warning { background: #f59e0b; color: #fff; }
.btn-danger { background: #dc2626; color: #fff; }
.btn-info { background: #2563eb; color: #fff; }
.btn-sm { padding: 8px 10px; border-radius: 8px; font-size: 12px; }
.inline-checks { display: flex; flex-wrap: wrap; gap: 18px; margin: 12px 0; }
.inline-checks label { display: flex; align-items: center; gap: 8px; }
.top-gap { margin-top: 14px; }
.selection-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; margin: 8px 0 14px; }
.selection-chip { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border-radius: 12px; border: 1px solid #dbeafe; background: #f8fbff; cursor: pointer; }
.selection-chip small { display: block; color: #64748b; margin-top: 3px; }
.filter-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr auto; gap: 10px; margin-bottom: 14px; }
.filter-grid-single { grid-template-columns: 1fr auto; }
.table-wrap { overflow-x: auto; }
.data-table { width: 100%; border-collapse: separate; border-spacing: 0; min-width: 1100px; }
.data-table th, .data-table td { padding: 14px 14px; border-bottom: 1px solid #e2e8f0; vertical-align: top; }
.data-table thead th { background: #f8fafc; position: sticky; top: 0; z-index: 1; text-align: left; }
.roomy-table th, .roomy-table td { padding-top: 16px; padding-bottom: 16px; }
.cell-title { font-weight: 700; margin-bottom: 4px; }
.cell-subtitle { color: #64748b; font-size: 13px; line-height: 1.5; }
.badge { display: inline-block; padding: 7px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.badge-success { background: #dcfce7; color: #166534; }
.badge-danger { background: #fee2e2; color: #991b1b; }
.badge-warning { background: #fef3c7; color: #92400e; }
.badge-info { background: #dbeafe; color: #1d4ed8; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.actions-cell { white-space: nowrap; }
.inline-form { display: inline-block; margin-left: 5px; }
.alert-success { background: #dcfce7; color: #166534; }
.alert-warning { background: #fef3c7; color: #92400e; }
.permission-toolbar { margin: 14px 0; }
.permission-sections { display: grid; gap: 14px; }
.permission-card { border: 1px solid #e2e8f0; border-radius: 16px; padding: 16px; background: linear-gradient(180deg, #ffffff, #f8fbff); }
.permission-menu { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 12px; }
.permission-menu strong { display: block; font-size: 16px; }
.permission-menu small { display: block; color: #64748b; margin-top: 4px; }
.permission-subgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px; }
.submenu-chip { min-height: 68px; }

@media (max-width: 1200px) {
    .split-layout, .split-roles { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .form-row, .filter-grid, .filter-grid-single { grid-template-columns: 1fr; }
    .data-table { min-width: 900px; }
}

.stat-money { font-size: 24px; font-weight: 700; color: #0284c7; line-height: 1.3; }
.badge-primary { background: #dbeafe; color: #1d4ed8; }
.badge-secondary { background: #e2e8f0; color: #334155; }
.form-textarea { min-height: 96px; resize: vertical; }
.form-control-sm { padding: 8px 10px; margin: 0 0 8px; font-size: 12px; }
.static-chip { cursor: default; }
.dashboard-split { grid-template-columns: minmax(460px, 0.95fr) minmax(520px, 1.05fr); }
.action-tile-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
.action-tile { display: block; text-decoration: none; color: #0f172a; padding: 14px; border: 1px solid #dbeafe; border-radius: 14px; background: linear-gradient(180deg, #ffffff, #f8fbff); }
.action-tile strong { display: block; margin-bottom: 6px; }
.action-tile small { color: #64748b; line-height: 1.4; }
.action-tile:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(2, 132, 199, 0.12); }
.compact-table-min { min-width: 680px; }
.delivery-filter-grid { grid-template-columns: 1.7fr 1fr 1fr auto; }
.delivery-filter-grid-short { grid-template-columns: 1fr 1fr auto; }
.report-filter-grid { grid-template-columns: 1fr 1fr 1fr 1fr auto; }
.stack-form { display: flex; flex-direction: column; align-items: stretch; min-width: 180px; }
.tracking-page-width { max-width: 1100px; margin: 0 auto; }
.tracking-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.timeline { display: grid; gap: 12px; }
.timeline-item { position: relative; padding: 14px 16px 14px 18px; border-left: 4px solid #cbd5e1; background: #f8fafc; border-radius: 0 14px 14px 0; }
.timeline-item.done { border-left-color: #16a34a; background: #f0fdf4; }
.timeline-item strong { display: block; margin-bottom: 6px; }
.timeline-item small { color: #64748b; }
.sub-card { padding: 14px; }
.sub-card h4 { margin: 0 0 8px; font-size: 14px; color: #475569; }

@media (max-width: 768px) {
    .dashboard-split,
    .delivery-filter-grid,
    .delivery-filter-grid-short,
    .report-filter-grid { grid-template-columns: 1fr; }
    .tracking-head { align-items: flex-start; flex-direction: column; }
    .stack-form { min-width: 140px; }
}

.direct-mode select { opacity: 0.6; }
.rider-shell { max-width: 1300px; margin: 0 auto; padding: 18px; }
.rider-topbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; background: rgba(255,255,255,0.94); padding: 16px 18px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
.rider-topbar h2 { margin: 0 0 4px; }
.rider-job-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 16px; }
.rider-job-card { min-height: 100%; }
.rider-login-card { max-width: 460px; }
@media (max-width: 768px) {
    .rider-topbar { flex-direction: column; align-items: flex-start; }
}

/* Landing / portal enhancements */
.landing-page { min-height: 100vh; }
.landing-hero { min-height: 100vh; padding: 28px; background: linear-gradient(135deg, rgba(255,255,255,0.78), rgba(255,255,255,0.92)); }
.landing-nav, .landing-grid { max-width: 1180px; margin: 0 auto; }
.landing-nav { display:flex; justify-content:space-between; align-items:center; margin-bottom: 42px; }
.landing-brand { display:flex; align-items:center; gap:14px; }
.landing-grid { display:grid; grid-template-columns: 1.25fr 0.85fr; gap:28px; align-items:center; }
.landing-copy h1 { font-size: 3rem; line-height: 1.08; margin: 0 0 14px; color:#0f172a; }
.landing-copy p { font-size: 1.08rem; max-width: 700px; }
.landing-tag { display:inline-block; padding:10px 16px; border-radius:999px; background:#e0f2fe; color:#075985; font-weight:700; margin-bottom:18px; }
.hero-actions { display:flex; gap:14px; flex-wrap:wrap; margin: 24px 0; }
.landing-card { background: rgba(255,255,255,0.95); border-radius: 24px; padding: 26px; box-shadow:0 18px 46px rgba(15,23,42,.12); }
.portal-list { display:grid; gap:14px; }
.portal-tile { display:block; padding:16px; border-radius:18px; background:#f8fafc; text-decoration:none; color:#0f172a; border:1px solid #e2e8f0; }
.portal-tile strong { display:block; margin-bottom:4px; }
.landing-support { margin-top:18px; color:#475569; font-size:.95rem; }
.mini-metrics { display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; margin-top: 28px; }
.mini-card { background:rgba(255,255,255,.75); padding:16px; border-radius:18px; border:1px solid rgba(148,163,184,.25); display:flex; flex-direction:column; gap:8px; }
.segmented-choice { display:flex; gap:18px; flex-wrap:wrap; margin-bottom:16px; font-weight:600; }
.check-row { display:flex; gap:22px; align-items:center; flex-wrap:wrap; margin-top:14px; }
.comment-thread { display:grid; gap:12px; }
.comment-bubble { background:#f8fafc; border:1px solid #dbeafe; border-radius:16px; padding:14px; }
@media (max-width: 900px) { .landing-grid, .mini-metrics { grid-template-columns: 1fr; } .landing-copy h1 { font-size: 2.2rem; } }

/* Enhanced public homepage */
:root {
    --brand-1: #0ea5e9;
    --brand-2: #0f172a;
    --brand-3: #14b8a6;
    --glass-bg: rgba(255,255,255,0.70);
    --glass-border: rgba(255,255,255,0.40);
}

.landing-page {
    position: relative;
    overflow-x: hidden;
    background: linear-gradient(135deg, #eff6ff 0%, #e0f2fe 45%, #f8fafc 100%);
}
.landing-overlay {
    position: fixed;
    inset: 0;
    background:
        radial-gradient(circle at top left, rgba(14,165,233,0.22), transparent 34%),
        radial-gradient(circle at bottom right, rgba(20,184,166,0.18), transparent 26%),
        linear-gradient(145deg, rgba(255,255,255,0.45), rgba(255,255,255,0.75));
    z-index: -1;
}
.landing-orb {
    position: fixed;
    border-radius: 999px;
    filter: blur(18px);
    opacity: .58;
    z-index: -1;
    animation: floatOrb 12s ease-in-out infinite;
}
.orb-one { width: 280px; height: 280px; top: 90px; right: -60px; background: rgba(14,165,233,0.28); }
.orb-two { width: 220px; height: 220px; bottom: 70px; left: -40px; background: rgba(59,130,246,0.22); animation-delay: -4s; }
.orb-three { width: 160px; height: 160px; top: 45%; left: 52%; background: rgba(20,184,166,0.20); animation-delay: -7s; }
@keyframes floatOrb {
    0%,100% { transform: translate3d(0,0,0) scale(1); }
    50% { transform: translate3d(0,-18px,0) scale(1.06); }
}

.glass-panel {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
.landing-hero {
    min-height: 100vh;
    padding: 28px;
    position: relative;
}
.landing-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    border-radius: 24px;
    margin-bottom: 36px;
}
.landing-nav-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.btn-ghost {
    background: rgba(255,255,255,0.72);
    color: #0f172a;
    border: 1px solid rgba(148,163,184,0.24);
}
.btn-secondary { background: #14b8a6; color: #fff; }
.btn-dark { background: #0f172a; color: #fff; }
.btn:hover { transform: translateY(-1px); box-shadow: 0 10px 25px rgba(15,23,42,0.10); }
.landing-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    gap: 28px;
    max-width: 1260px;
    margin: 0 auto;
    align-items: center;
}
.landing-copy h1 {
    font-size: clamp(2.6rem, 5vw, 4.6rem);
    line-height: 1.02;
    letter-spacing: -0.04em;
    max-width: 860px;
    margin: 0 0 18px;
}
.landing-lead {
    font-size: 1.08rem;
    max-width: 740px;
    color: #334155;
    line-height: 1.8;
}
.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 26px 0 24px;
}
.mini-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.mini-card {
    padding: 18px;
    border-radius: 22px;
    box-shadow: 0 14px 30px rgba(15,23,42,.08);
}
.mini-card strong { display: block; margin-bottom: 8px; font-size: 1rem; }
.mini-card span { color: #475569; line-height: 1.65; font-size: .95rem; }
.landing-showcase { display: grid; gap: 16px; }
.landing-card-main {
    padding: 24px;
    border-radius: 28px;
    box-shadow: 0 24px 45px rgba(15,23,42,.12);
}
.landing-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}
.section-kicker {
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .73rem;
    color: #0f766e;
    font-weight: 700;
    margin-bottom: 6px;
}
.status-pill {
    display: inline-block;
    white-space: nowrap;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: .82rem;
    background: rgba(14,165,233,.12);
    color: #0369a1;
    font-weight: 700;
}
.portal-list { display: grid; gap: 12px; }
.portal-tile {
    position: relative;
    overflow: hidden;
    padding: 17px 18px;
    border-radius: 18px;
    background: rgba(248,250,252,.82);
    text-decoration: none;
    color: #0f172a;
    border: 1px solid rgba(226,232,240,.9);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.portal-tile::after {
    content: '→';
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2rem;
    opacity: .52;
}
.portal-tile:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 32px rgba(14,165,233,.12);
    border-color: rgba(14,165,233,.32);
}
.portal-tile strong { display: block; margin-bottom: 5px; }
.portal-tile span { display: block; max-width: calc(100% - 28px); color: #475569; line-height: 1.55; }
.portal-staff { background: linear-gradient(135deg, rgba(224,242,254,.92), rgba(255,255,255,.92)); }
.portal-rider { background: linear-gradient(135deg, rgba(240,253,250,.92), rgba(255,255,255,.92)); }
.portal-vendor { background: linear-gradient(135deg, rgba(254,249,195,.92), rgba(255,255,255,.92)); }
.portal-customer { background: linear-gradient(135deg, rgba(239,246,255,.92), rgba(255,255,255,.92)); }
.landing-info-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.info-card {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 18px;
    border-radius: 22px;
    box-shadow: 0 10px 24px rgba(15,23,42,.08);
}
.info-card p { margin: 6px 0 0; color: #475569; line-height: 1.65; font-size: .95rem; }
.info-icon {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 1.25rem;
    background: rgba(255,255,255,.88);
    box-shadow: inset 0 0 0 1px rgba(226,232,240,.9);
}

@media (max-width: 980px) {
    .landing-grid,
    .mini-metrics,
    .landing-info-grid { grid-template-columns: 1fr; }
    .landing-card-header,
    .landing-nav { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 680px) {
    .landing-hero { padding: 18px; }
    .landing-copy h1 { font-size: 2.25rem; }
    .landing-nav-actions,
    .hero-actions { width: 100%; }
    .hero-actions .btn,
    .landing-nav-actions .btn { flex: 1 1 auto; text-align: center; }
}


/* ===== OLATRANS landing page polish pass ===== */
.landing-scene{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.landing-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,.1));}
.floating-cargo{position:absolute;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02));box-shadow:0 20px 60px rgba(0,0,0,.2);border-radius:22px;backdrop-filter:blur(14px);animation:floatCargo 16s ease-in-out infinite}
.cargo-one{width:160px;height:82px;top:20%;left:8%;transform:rotate(-8deg)}
.cargo-two{width:210px;height:96px;right:9%;top:18%;animation-delay:-5s}
.cargo-three{width:140px;height:74px;right:22%;bottom:15%;animation-delay:-9s}
.hero-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px 20px;margin:24px 0 22px}
.hero-strip strong{display:block;font-size:15px;margin-bottom:6px;color:#fff}
.hero-strip span{display:block;font-size:13px;line-height:1.5;color:rgba(255,255,255,.78)}
.ops-visual{padding:24px;margin-top:18px}
.ops-head h3{margin:6px 0 0;color:#fff}
.ops-flow{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;gap:10px;align-items:center;margin-top:18px}
.ops-step{padding:16px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.ops-step span{display:inline-flex;width:32px;height:32px;border-radius:999px;align-items:center;justify-content:center;background:linear-gradient(135deg,#0ea5e9,#14b8a6);color:#fff;font-weight:700;margin-bottom:10px}
.ops-step strong{display:block;color:#fff;margin-bottom:6px}
.ops-step small{display:block;color:rgba(255,255,255,.76);line-height:1.5}
.ops-line{height:2px;background:linear-gradient(90deg, rgba(14,165,233,.95), rgba(20,184,166,.35));border-radius:999px}
.portal-tile,.info-card,.mini-card,.ops-step,.hero-strip,.landing-nav,.landing-card,.ops-visual{position:relative;z-index:1}
@keyframes floatCargo{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-18px) rotate(2deg)}}
@media (max-width: 1100px){.hero-strip{grid-template-columns:1fr}.ops-flow{grid-template-columns:1fr;gap:12px}.ops-line{display:none}}
@media (max-width: 760px){.cargo-one,.cargo-two,.cargo-three{display:none}.hero-strip{padding:14px}.landing-hero{padding-bottom:50px}}

.lang-switch{background:#e0f2fe;border:1px solid #7dd3fc;color:#0f172a;padding:8px 12px;border-radius:999px;font-weight:800;display:flex;gap:6px;align-items:center;box-shadow:0 4px 12px rgba(14,165,233,.15)}
.lang-switch a{color:#0369a1;text-decoration:none;padding:3px 7px;border-radius:999px}
.lang-switch a.active{background:#0284c7;color:#fff}
.report-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.report-tabs a{background:#e2e8f0;color:#0f172a;text-decoration:none;padding:10px 14px;border-radius:999px;font-weight:700}.report-tabs a.active{background:#0284c7;color:#fff}.status-low{color:#b45309;font-weight:800}.status-ok{color:#166534;font-weight:800}.status-empty{color:#991b1b;font-weight:800}.summary-note{font-size:13px;color:#64748b;margin-top:6px}
.delivery-summary-card{border:1px solid #dbeafe;background:#f8fbff;border-radius:16px;padding:12px;margin:10px 0}
.delivery-summary-card .big{font-size:1.05rem;font-weight:800;color:#0f172a}
.delivery-summary-card .line{margin:5px 0;color:#334155}
.quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.bulk-help{font-size:.9rem;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:10px;margin-bottom:10px}

/* Phase 6.2 language switch visibility fix */
.lang-switch{background:#ffffff!important;border:1px solid #cbd5e1!important;color:#000000!important}
.lang-switch span,.lang-switch a{color:#000000!important}
.lang-switch a.active{background:#e5e7eb!important;color:#000000!important;border:1px solid #94a3b8!important}