/* Stiluri comune pentru toate paginile MDT FIB (mdt-fib, mdt-dosar,
   mdt-rapoarte, mdt-raport) — etichete, liste libere ("chips"), editorul de
   descriere cu formatare Markdown și secțiunea de rapoarte legate. Separat
   de dashboard.css ca să nu umflăm fișierul folosit de tot restul site-ului
   cu reguli specifice doar MDT-ului. */

.chip-list{display:flex;flex-wrap:wrap;gap:6px;min-height:20px}
.chip-item{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:5px 6px 5px 11px;font-size:12px}
.chip-item button{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:11px;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.chip-item button:hover{background:rgba(255,80,80,.15);color:#ff8a8a}

/* Variantă "listă": un rând pe intrare, numerotat — pentru liste cu multe
   intrări sau intrări lungi (ex. arme: serie + tip + note), unde pastilele
   înghesuite una lângă alta (varianta de mai sus) deveneau ilizibile. */
.chip-list--rows{flex-direction:column;align-items:stretch}
.chip-item.chip-item--row{display:flex;align-items:flex-start;gap:10px;width:100%;border-radius:8px;padding:8px 10px}
.chip-item--row .chip-item-num{flex-shrink:0;color:var(--muted);font-size:11px;margin-top:1px;min-width:16px}
.chip-item--row .chip-item-text{flex:1;white-space:pre-wrap;word-break:break-word;line-height:1.5}
.chip-item--row button{flex-shrink:0;margin-top:1px}

/* .chip — pastila folosită la AFIȘAREA (read-only) unui raport/dosar salvat
   (chipsHtml din mdt-raport.html/mdt-dosar.html), spre deosebire de
   .chip-item de mai sus, folosită doar în formularul de editare. Lipsea din
   CSS — intrările apăreau ca text simplu, fără nicio delimitare vizuală. */
.chip{display:inline-flex;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:12px}
.chip-list-view{display:flex;flex-wrap:wrap;gap:6px}
.chip-list-view--rows{flex-direction:column;align-items:stretch}
.chip-list-view--rows .chip{border-radius:8px;width:100%;align-items:flex-start;gap:8px;white-space:pre-wrap;word-break:break-word;line-height:1.5}
.chip-list-view--rows .chip b{flex-shrink:0;color:var(--muted);font-weight:800;min-width:16px}

.md-toolbar{display:flex;gap:2px;flex-wrap:wrap;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:var(--bg);padding:6px}
.md-toolbar button{background:transparent;border:0;color:var(--text);width:30px;height:28px;border-radius:6px;cursor:pointer;font-size:13px;font:inherit}
.md-toolbar button:hover{background:var(--panel)}
.md-toolbar button.active{background:rgba(255,138,31,.18);color:var(--orange)}
.md-textarea{width:100%;min-height:420px;padding:14px 16px;border:1px solid var(--line);border-top:0;background:var(--bg);color:var(--text);border-radius:0 0 8px 8px;font:13.5px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical;outline:0}
.md-textarea:focus{border-color:var(--orange)}
/* dashboard.css are o regulă globală ".field textarea{min-height:110px}" —
   cum editorul nostru e mereu într-un .field, acea regulă (o clasă + un
   element = specificitate 0,1,1) bate ".md-textarea" de mai sus (doar o
   clasă = 0,1,0) și câștiga în tăcere, indiferent de ordinea din <head> sau
   de orice "?v=" pus pe link-uri. Regula de mai jos (două clase = 0,2,0)
   are specificitate mai mare decât a ei, deci acum câștigă cea corectă. */
.field .md-textarea{min-height:420px}
.md-preview{min-height:420px;padding:14px 16px;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;background:var(--bg);color:#d5d8db;line-height:1.7;overflow-wrap:anywhere}
.md-preview h1,.md-preview h2,.md-preview h3,.md-preview h4,.md-preview h5,.md-preview h6{color:var(--text);margin:14px 0 8px}
.md-preview h1:first-child,.md-preview h2:first-child{margin-top:0}
.md-preview p{margin:0 0 10px}
.md-preview strong{color:#fff}
.md-preview blockquote{margin:0 0 10px;padding:8px 14px;border-left:3px solid var(--orange);background:rgba(255,138,31,.06);color:var(--muted)}
.md-preview ul,.md-preview ol{margin:0 0 10px;padding-left:22px}
.md-preview code{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:12px}
.md-preview hr{border:0;border-top:1px solid var(--line);margin:14px 0}
.md-preview img{max-width:100%;border-radius:8px;display:block;margin:8px 0}
.md-preview a{color:var(--orange)}

.linked-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;margin-bottom:6px}
.linked-item a{color:var(--text);font-weight:700;font-size:12.5px}
.linked-item a:hover{color:var(--orange)}
.report-search-dropdown{position:absolute;left:0;right:0;top:100%;margin-top:4px;background:var(--panel);border:1px solid var(--line);border-radius:8px;z-index:10;overflow:hidden;max-height:220px;overflow-y:auto}
.report-search-item{display:block;width:100%;text-align:left;background:transparent;border:0;color:var(--text);padding:9px 12px;font-size:12.5px;cursor:pointer;font:inherit}
.report-search-item:hover{background:var(--bg);color:var(--orange)}

.pill.priority-scazuta{background:rgba(255,255,255,.08);color:#888}
.pill.priority-medie{background:rgba(255,138,31,.15);color:var(--orange)}
.pill.priority-inalta{background:rgba(255,80,80,.15);color:#ff8a8a}

/* Grilă cu 2 coloane pentru perechi de câmpuri din formulare (folosită de
   toate cele 4 pagini MDT) — pe ecrane înguste cade pe o singură coloană. */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:700px){.two-col{grid-template-columns:1fr}}

/* Overlay-urile de "X nou" (dosar/raport) — lățime mai mare ca să fie
   confortabil de completat un formular cu multe câmpuri, fără să pară
   îngust și înghesuit pe ecrane late. */
.mdt-overlay-panel{max-width:760px;width:100%;max-height:90vh;overflow-y:auto;padding:30px 34px}
@media(max-width:820px){.mdt-overlay-panel{padding:22px}}