html { scroll-behavior: smooth; }
body { background: #0B1118; }
.material-symbols-outlined { font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24; vertical-align: middle; }
.prose-fff { max-width: 76ch; }
.prose-fff h2 { font-family: "Plus Jakarta Sans", sans-serif; font-size: 28px; line-height: 36px; font-weight: 700; color: #F1F5F9; margin: 2rem 0 .75rem; }
.prose-fff h3 { font-family: "Plus Jakarta Sans", sans-serif; font-size: 20px; line-height: 28px; font-weight: 600; color: #7bd0ff; margin: 1.5rem 0 .5rem; }
.prose-fff p { margin: 0 0 1rem; color: #dde3ed; }
.prose-fff ul { margin: 0 0 1rem 1.1rem; color: #dde3ed; }
.prose-fff li { margin: .35rem 0; }
.prose-fff a { color: #38BDF8; }
.prose-fff strong { color: #F1F5F9; }
.dropzone.is-over { outline: 2px solid #38BDF8; outline-offset: 2px; background: rgba(56,189,248,.08); }
.nav-drop { display: none; }
.nav-item:hover .nav-drop, .nav-item:focus-within .nav-drop { display: block; }
.inp { width: 100%; background: #182433; border: 1px solid #1E2C3D; border-radius: .5rem; padding: .5rem .75rem; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; background: #8b1e22; color: #F1F5F9; border-radius: .5rem; padding: .6rem 1rem; font-weight: 600; }
.btn-ghost { background: #182433; color: #38BDF8; }
.btn-line { background: transparent; border: 1px solid #1E2C3D; color: #dde3ed; }
.card { background: #111A24; border: 1px solid #1E2C3D; border-radius: .75rem; padding: 1rem; }
.lbl { display: block; font-size: 13px; color: #94A3B8; }
input, select, textarea { color: #F1F5F9; }
input::placeholder, textarea::placeholder { color: #94A3B8; }
.toast { display: flex; gap: .5rem; align-items: flex-start; max-width: 420px; padding: .75rem 1rem; border-radius: .75rem; background: #182433; border: 1px solid #1E2C3D; box-shadow: 0 20px 40px rgba(0,0,0,.45); animation: toast-in .25s ease-out; transition: opacity .5s, transform .5s; }
.toast-ok { border-color: rgba(16,185,129,.5); color: #d1fae5; }
.toast-ok .material-symbols-outlined { color: #10B981; }
.toast-err { border-color: rgba(196,18,26,.6); color: #fecaca; }
.toast-err .material-symbols-outlined { color: #f87171; }
.toast.is-out { opacity: 0; transform: translateY(8px); }
@keyframes toast-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.cmdk-item { display: flex; align-items: center; gap: .75rem; padding: .6rem .75rem; border-radius: .6rem; }
.cmdk-item.is-active, .cmdk-item:hover { background: #182433; }
.kcol.is-over { outline: 2px dashed #38BDF8; outline-offset: -4px; background: rgba(56,189,248,.05); }
.kcard { cursor: grab; transition: transform .15s, box-shadow .15s; }
.kcard:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.35); }
.flash-ok { box-shadow: 0 0 0 2px #10B981, 0 0 24px rgba(16,185,129,.45) !important; }
.chip { display: inline-flex; align-items: center; gap: .25rem; font-size: 11px; line-height: 1; padding: .3rem .5rem; border-radius: 999px; background: #182433; color: #94A3B8; white-space: nowrap; }
.chip-green { background: rgba(16,185,129,.15); color: #34d399; }
.chip-amber { background: rgba(245,158,11,.15); color: #fbbf24; }
.chip-red { background: rgba(196,18,26,.2); color: #fca5a5; }
.chip-cyan { background: rgba(56,189,248,.15); color: #7dd3fc; }
.kpi { position: relative; overflow: hidden; }
.kpi::after { content: ""; position: absolute; inset: auto -30% -60% auto; width: 160px; height: 160px; border-radius: 999px; background: radial-gradient(circle, rgba(56,189,248,.12), transparent 70%); }
.bar { height: 6px; background: #182433; border-radius: 999px; overflow: hidden; }
.bar > span { display: block; height: 100%; background: linear-gradient(90deg, #38BDF8, #10B981); border-radius: 999px; transition: width .6s; }
.legbtn { font-size: 12px; padding: .3rem .55rem; border-radius: .45rem; background: #182433; color: #94A3B8; }
.legbtn.is-on { background: #38BDF8; color: #0B1118; font-weight: 600; }
[data-leg][data-state="done"] { opacity: .55; }
[data-leg][data-state="delayed"] { box-shadow: inset 3px 0 0 #C4121A; }
[data-leg][data-state="en_route"] { box-shadow: inset 3px 0 0 #38BDF8; }
.tbl { width: 100%; font-size: 14px; border-collapse: collapse; }
.tbl th { text-align: left; font-weight: 500; color: #94A3B8; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; padding: .5rem; border-bottom: 1px solid #1E2C3D; }
.tbl td { padding: .5rem; border-bottom: 1px solid #1E2C3D; vertical-align: top; }
.tbl tr:hover td { background: rgba(24,36,51,.5); }
.inp-s { background: #182433; border: 1px solid #1E2C3D; border-radius: .4rem; padding: .3rem .5rem; width: 100%; font-size: 13px; }
.gantt-row { display: grid; grid-template-columns: 300px 1fr; align-items: center; gap: .75rem; min-height: 34px; }
.gantt-track { position: relative; height: 22px; background: repeating-linear-gradient(90deg, transparent 0, transparent calc(100%/24 - 1px), #1E2C3D calc(100%/24 - 1px), #1E2C3D calc(100%/24)); border-radius: .3rem; }
.gantt-bar { position: absolute; top: 3px; height: 16px; border-radius: 999px; min-width: 8px; }
.raci-cell { width: 44px; text-align: center; font-weight: 700; border-radius: .35rem; padding: .25rem 0; background: #182433; border: 1px solid #1E2C3D; }
.raci-R { background: rgba(196,18,26,.35); color: #fecaca; }
.raci-A { background: rgba(245,158,11,.3); color: #fde68a; }
.raci-C { background: rgba(56,189,248,.25); color: #bae6fd; }
.raci-I { background: rgba(148,163,184,.2); color: #e2e8f0; }
.heat { display: grid; grid-template-columns: 22px repeat(5, 1fr); gap: 4px; }
.heat div { aspect-ratio: 1.6; border-radius: .35rem; display: grid; place-items: center; font-weight: 700; font-size: 13px; }
@media print {
  .adm-side, header, #toast, #cmdk, .no-print { display: none !important; }
  body, .card { background: #fff !important; color: #111 !important; }
}
@media (max-width: 1024px) {
  .font-stat-metric { font-size: 36px !important; line-height: 40px !important; }
}

.adm-main h1{line-height:1.15;margin-bottom:.4rem}