/* =========================================================
   OskyWorld Poliție (IPJ Los Santos) – tema
   (culori + părți doar pentru Poliție)
   Restul stilului e în consola.css (comun cu SMURD).
   ========================================================= */

:root {
  --accent: #1f5fe0;          /* albastru Poliție */
  --accent2: #3f86ff;
  --accent-rgb: 31, 95, 224;
  --accent-deschis: #b5ceff;
  --tenta: #0f1730;           /* nuanța bannerelor */
  --dunga-a: #1f5fe0;         /* dungi albastru-alb, ca pe mașina de poliție */
  --dunga-b: #f4f6fa;
  --giro1: #ff2d4f;           /* girofar roșu-albastru */
  --giro1-rgb: 255, 45, 79;
  --giro2: #2f7bff;
  --giro2-rgb: 47, 123, 255;
}

/* plăcuța de înmatriculare */
.placuta { display: inline-flex; align-items: stretch; overflow: hidden; border-radius: 5px; background: #f4f6fa; border: 2px solid #11151c; color: #11151c; font-family: var(--mono); font-weight: 700; font-size: 13px; letter-spacing: .06em; white-space: nowrap; box-shadow: 0 2px 6px rgba(0, 0, 0, .4); }
.placuta::before { content: "RO"; display: grid; place-items: end center; padding: 2px 4px; background: #1f4fd1; color: #ffd84a; font-size: 8px; letter-spacing: 0; }
.placuta span { padding: 4px 9px; }
.placuta.mare { font-size: 24px; border-width: 3px; border-radius: 8px; }
.placuta.mare::before { padding: 4px 8px; font-size: 13px; }
.placuta.mare span { padding: 8px 18px; }

/* mandate: afiș „urmărit” */
.mandate { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.mandat { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 18px; border-radius: var(--raza); background: #f1e7cf; color: #2b2116; box-shadow: 0 14px 30px rgba(0, 0, 0, .4); }
.mandat::before { content: ""; position: absolute; inset: 6px; border: 2px dashed rgba(43, 33, 22, .35); border-radius: 8px; pointer-events: none; }
.mandat-cap { text-align: center; font-family: var(--mono); font-weight: 700; letter-spacing: .3em; font-size: 20px; color: #a1081f; }
.mandat-cap small { display: block; letter-spacing: .1em; font-size: 10.5px; color: #6b5a44; }
.mandat-poza { display: grid; place-items: center; width: 92px; height: 92px; margin: 0 auto; border-radius: 8px; background: #2b2116; color: #f1e7cf; font-size: 40px; font-weight: 800; }
.mandat h3 { margin: 0; text-align: center; font-size: 19px; }
.mandat h3 a { color: #2b2116; }
.mandat h3 a:hover { color: #a1081f; }
.mandat p { margin: 0; text-align: center; font-size: 13.5px; line-height: 1.45; }
.mandat .mandat-meta { display: flex; justify-content: space-between; gap: 8px; font-family: var(--mono); font-size: 11.5px; color: #6b5a44; }
.mandat .nivel { align-self: center; padding: 4px 10px; border-radius: 6px; background: #a1081f; color: #fff; font-family: var(--mono); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.mandat .nivel.mediu { background: #c26a00; }
.mandat form { position: relative; display: flex; gap: 6px; justify-content: center; }
.mandat .buton.mic { background: #2b2116; border-color: #2b2116; color: #f1e7cf; }
.mandat .buton.mic:hover { background: #a1081f; border-color: #a1081f; }
.mandat.inchis { opacity: .5; filter: grayscale(.8); }

/* articole din cod (formular raport) */
.articole { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; text-transform: none; letter-spacing: 0; }
.campuri .articol { position: relative; display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 10px; background: #0d1117; border: 1px solid var(--linie2); cursor: pointer; color: var(--text); font-size: 13.5px; font-weight: 500; text-transform: none; letter-spacing: 0; transition: border-color .15s, background .15s; }
.campuri .articol input { width: 18px; height: 18px; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; accent-color: var(--accent2); flex: 0 0 auto; }
.campuri .articol b { display: block; font-weight: 600; }
.campuri .articol small { color: var(--estompat); font-family: var(--mono); font-size: 11.5px; }
.campuri .articol:has(input:checked) { border-color: var(--accent2); background: rgba(var(--accent-rgb), .12); }
.suma-totala { text-transform: none; letter-spacing: 0; font-weight: 500; display: flex; align-items: baseline; gap: 20px; flex-wrap: wrap; padding: 12px 16px; border-radius: 10px; background: #0d1117; border: 1px dashed var(--linie2); color: var(--estompat); font-size: 13px; }
.suma-totala b { color: #fff; font-family: var(--mono); font-size: 16px; }

/* cazier curat / cu probleme */
.cazier { display: flex; align-items: center; gap: 14px; margin: 20px 0 6px; padding: 14px 18px; border-radius: 12px; text-align: left; background: rgba(38, 208, 124, .1); border: 1px solid rgba(38, 208, 124, .45); }
.cazier .ic { width: 30px; height: 30px; color: var(--verde); }
.cazier small { display: block; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--estompat); }
.cazier strong { font-size: 18px; }
.cazier.patat { background: rgba(255, 138, 61, .1); border-color: rgba(255, 138, 61, .5); }
.cazier.patat .ic { color: var(--portocaliu); }
.cazier.urmarit { background: rgba(228, 0, 43, .16); border-color: var(--rosu2); }
.cazier.urmarit .ic { color: var(--rosu2); }

@media (max-width: 900px) { .articole { grid-template-columns: 1fr; } }
.lista-tura .eticheta { margin-left: auto; }