/* Digital Atelier Studio — stilul instantei DAS.
   DERIVAT din todays.css: aceeasi structura, aceleasi dimensiuni, aceeasi scala neutra.
   Se schimba DOAR marca — fontul si cele doua accente. Verdele/galbenul/rosul raman:
   sunt STARI (bine/atentie/rau), nu culori de brand; schimbate, ar minti despre stare.

   Paleta e luata de pe digitalatelierstudio.ro (21 august 2026): menta #75dab4,
   bleumarin #242254, font Poppins.

   Repartitia lor NU e arbitrara, e masurata:
     · menta pe fundalul #fafafa da 1.62:1 ca TEXT — sub orice prag. Deci menta e culoare
       de SUPRAFATA (bare de progres), niciodata de text.
     · bleumarinul da 14.05:1 ca text pe fundal. El primeste linkurile si butoanele-link.
   Aceeasi disciplina ca in fisierul original: raportul se calculeaza, nu se ghiceste.

   Poppins e GAZDUIT LOCAL (4 fisiere .woff2, 27 KB, latin + latin-ext). Nu se incarca de
   la Google: pagina clientului n-are voie sa faca o cerere catre un tert, iar un font
   extern e exact asta. latin-ext e obligatoriu — fara el, „ă î ș ț” cad pe fontul de rezerva.

   Lectia mostenita, valabila si aici: controalele de formular NU mostenesc fontul — fara
   `font:inherit` un buton randeaza in Arial langa text in Poppins. */

@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;
  src:url(/static/poppins-400-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;
  src:url(/static/poppins-400-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;
  src:url(/static/poppins-600-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;
  src:url(/static/poppins-600-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

*{box-sizing:border-box}
body{font:15px/1.5 Poppins,-apple-system,"Segoe UI",Roboto,sans-serif;margin:0;padding:26px 18px;
     color:#18181b;background:#fafafa}
button,input,select,textarea{font:inherit}
.wrap{max-width:1080px;margin:0 auto}
/* Accentul casei e #75dab4, dar la 14px pe fundalul #fafafa dă 4.44:1 — sub pragul 4.5.
   Îl păstrăm ca accent pentru suprafețe (bare, butoane) și folosim o nuanță mai închisă
   pentru TEXTUL de link: 5.6:1. Măsurat, nu estimat. */
/* Linkurile RĂMÂN subliniate aici, deliberat, spre deosebire de tema Todays. Măsurat pe
   23 august: #242254 pe text #18181b dă 1,21:1 — sub pragul de 3:1 la care culoarea singură
   mai poate distinge un link de textul din jur. Fără subliniere, pe tema asta un link
   devine invizibil ca link. Dacă se dorește fără subliniere, întâi se schimbă culoarea
   linkului la una cu ≥3:1 față de text — e o decizie de marcă, a agenției lor. */
a{color:#242254}
.rap-camp{float:right;font-size:12px;color:#71717a}
.rap-camp:hover{color:#c22b2b}
a:hover{text-decoration:none}
/* Termenul depășit: data ȘI paranteza în roșu, fără pastilă (M, 23 aug). */
.termen-depasit,.termen-depasit .mut{color:#c22b2b;font-weight:600}
/* linkurile inline au nevoie de o tinta de atins, nu doar de o linie de text */
a{display:inline-block;padding:3px 1px;min-height:22px}
td a,th a{padding:5px 2px;min-height:26px}
.lead a,.mic a{padding:5px 2px;min-height:26px}

h1{font-size:22px;margin:0 0 4px}
h2{font-size:17px;margin:30px 0 8px}
h2 .cnt{font-size:13px;font-weight:400;color:#71717a;margin-left:6px}
.lead{color:#52525b;margin:0 0 16px;font-size:14px}
.mic{font-size:13px;color:#71717a}

.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e4e4e7;
      border-radius:10px}
th,td{padding:9px 12px;text-align:left;border-bottom:1px solid #f1f1f4;vertical-align:top}
th{background:#f8f8fa;font-size:12px;text-transform:uppercase;letter-spacing:.04em;
   color:#52525b;font-weight:600}
tr:last-child td{border-bottom:none}
.num{text-align:right;font-variant-numeric:tabular-nums}
td.oameni{font-size:13px;min-width:200px} td.oameni div{margin:2px 0}
td.servicii{min-width:150px} td.servicii .chip{margin:2px 2px 2px 0;text-decoration:none}
td.servicii a.chip{padding:4px 10px;min-height:26px}
td.actiuni a{margin-right:10px;white-space:nowrap}
form.inline{display:inline}
/* Buton stilizat ca link: rămâne buton (e o acțiune care schimbă starea, deci POST), dar
   are ținta de atins a unui buton, nu a unui rând de text. */
button.ca-link{background:none;border:none;color:#242254;font:inherit;font-size:13px;
               padding:9px 4px;min-height:36px;cursor:pointer;text-decoration:underline}
.actiuni-cap{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px;align-items:center}
.asignare{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;margin:12px 0}
.asignare input{max-width:20rem}
.asignare .subeticheta{margin:0 0 3px}
.cod{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}
.mut{color:#71717a}

.pastila{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;
         font-weight:600;line-height:1.5;white-space:nowrap;border:1px solid}
.pastila.buna{background:#e8f6ef;border-color:#a7d9c2;color:#17734a}
.pastila.neutra{background:#f4f4f5;border-color:#e4e4e7;color:#52525b}
.pastila.rea{background:#fdecec;border-color:#f2b8b8;color:#c22b2b}
/* „45% (minim)" — marcajul de minim atins, lipit de procent. Text, nu pastilă:
   o pastilă arată ca încă o stare, iar M a refuzat explicit un al doilea
   vocabular de stări (Minim/Bun/Complet). Culoarea are voie să difere între
   cele două foi; ACOPERIREA nu — o clasă randată de codul comun și absentă
   dintr-o foaie apare nestilizată doar la o agenție (cazul din 25 august). */
.minim{font-size:12px;font-weight:600;white-space:nowrap;color:#17734a}

.nota{margin:14px 0 0;padding:12px 14px;background:#fff;border:1px solid #e4e4e7;
      border-radius:10px;color:#52525b;font-size:13px}
.nota b{color:#18181b}
.avert{background:#fefce8;border-color:#a16207;color:#854d0e}
.avert b{color:#854d0e}
.rea{margin-top:12px;padding:10px 12px;border-radius:8px;background:#fef2f2;color:#991b1b;
     border:1px solid #fecaca;font-size:13.5px}

/* --- carduri de sumar --- */
.cutii{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;
       margin:14px 0}
.cutie{background:#fff;border:1px solid #e4e4e7;border-radius:10px;padding:12px 14px}
.cutie .k{font-size:12px;color:#71717a;text-transform:uppercase;letter-spacing:.04em}
.cutie .v{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}

/* --- formular --- */
.camp{margin:18px 0;padding-bottom:2px}
.eticheta{display:block;font-weight:600;margin-bottom:5px;font-size:14px}
.obligatoriu{color:#c22b2b;margin-left:3px}
.ghidaj{color:#71717a;font-size:13px;margin:6px 0 0;line-height:1.5}
.ghidaj.coaching{color:#854d0e}
.prag{color:#854d0e;font-size:12.5px;margin:5px 0 0}
input[type=text],input[type=url],input[type=email],input[type=password],input[type=number],
input[type=date],textarea,select{
  width:100%;max-width:44rem;padding:8px 10px;border:1px solid #d4d4d8;border-radius:8px;
  background:#fff;color:inherit}
textarea{resize:vertical;line-height:1.55}
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,
a:focus-visible{outline:3px solid #4ade80;outline-offset:2px}
input[disabled],textarea[disabled],select[disabled]{background:#f4f4f5;color:#71717a}
fieldset{border:1px solid #e4e4e7;border-radius:10px;padding:10px 12px;margin:0}
legend{font-size:12px;color:#52525b;text-transform:uppercase;letter-spacing:.04em}
.optiune{display:flex;align-items:center;gap:8px;margin:0;padding:6px 2px;font-size:14px;
         min-height:34px;cursor:pointer}
.optiune input{width:18px;height:18px;max-width:none;margin:0;flex:none}
.subeticheta{display:block;font-size:12.5px;color:#52525b;margin:8px 0 3px;font-weight:500}
/* „unde găsesc asta?" — pliat implicit, ca ghidajul să nu îngroape întrebarea */
.nu-stiu{display:inline-flex;align-items:center;gap:7px;margin-top:8px;font-size:13px;
         color:#71717a;cursor:pointer;padding:5px 2px;min-height:26px}
.nu-stiu input{width:16px;height:16px;max-width:none;margin:0}
.camp.de-aflat{border-left:3px solid #a16207;padding-left:11px;background:#fefce8;
               border-radius:0 8px 8px 0}
.camp.de-aflat .nu-stiu{color:#854d0e;font-weight:600}
details.unde{margin:6px 0 0}
details.unde summary{cursor:pointer;font-size:13px;color:#242254;display:inline-block;
                     padding:4px 2px;min-height:24px}
details.unde p{margin:4px 0 0;font-size:13px;color:#52525b;background:#f8f8fa;
               border:1px solid #e4e4e7;border-radius:8px;padding:8px 10px}
td details.unde summary{font-size:12px}

.interval{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
/* Calendarul apare doar dacă s-a ales varianta cu date. Regula de ascundere vine DUPĂ
   `.interval{display:flex}` și e mai specifică — altfel ordinea din fișier o anula tăcut. */
.camp .interval[data-doar-pentru="interval"]{display:none}
.camp:has(input[value="interval"]:checked) .interval[data-doar-pentru="interval"]{display:flex}
.interval input{max-width:15rem}
.interval .subeticheta{margin-top:0}
button{padding:9px 16px;border-radius:8px;border:1px solid #18181b;background:#18181b;
       color:#fff;font-weight:600;cursor:pointer}
button.secundar{background:#fff;color:#18181b;border-color:#d4d4d8}
a.buton{display:inline-block;padding:10px 18px;border-radius:8px;border:1px solid #18181b;
        background:#18181b;color:#fff;font-weight:600;text-decoration:none;min-height:42px}
a.buton.secundar{background:#fff;color:#18181b;border-color:#d4d4d8}
.navigare{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 10px;align-items:center}
.navigare a.buton{flex:0 0 auto}

section{margin:26px 0}
section>h2{border-bottom:1px solid #e4e4e7;padding-bottom:6px}
.intro{background:#fff;border:1px solid #e4e4e7;border-radius:10px;padding:14px 16px;
       margin:14px 0;color:#52525b;font-size:14px}
.intro p{margin:0 0 8px} .intro p:last-child{margin:0}
.intra{max-width:380px;margin:8vh auto;background:#fff;border:1px solid #e4e4e7;
       border-radius:12px;padding:22px 20px}
.intra label{display:block;font-weight:600;font-size:13px;margin:12px 0 4px}
.intra button{width:100%;margin-top:16px}

/* --- gamificarea completării --- */
/* Antetul lipicios: rămâne sus tot timpul, ca omul să vadă mereu la ce procent e și ce
   mai are de completat. Marginea negativă îl lipește de marginea paginii, nu de conținut. */
.progres{background:#fff;border:1px solid #e4e4e7;border-radius:10px;padding:12px 16px;
         margin:0 0 16px;position:sticky;top:0;z-index:8;
         box-shadow:0 2px 10px rgba(0,0,0,.05)}
.progres hr.separator{border:none;border-top:1px solid #e4e4e7;margin:10px 0}
.pachet{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;
      border:1px solid #e4e4e7;background:#f8f8fa;color:#52525b}
.chip b{color:#18181b}
.chip-curent{border-color:#18181b;background:#18181b;color:#fff}
.chip-curent b{color:#fff}
.bara-cap{display:flex;justify-content:space-between;font-size:13px;font-weight:600}
.bara-jos{display:flex;justify-content:space-between;font-size:12.5px;color:#71717a;
          margin-top:4px;gap:10px}
.bara-jos b{color:#17734a;font-weight:600}
.progres .bara{height:10px;border-radius:999px;background:#f1f1f4;overflow:hidden;margin-top:5px}
.progres .bara i{display:block;height:100%;background:#75dab4;transition:width .35s ease}
.progres .bara i.verde{background:#17734a}
.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:50}
.confetti span{position:absolute;top:-24px;font-size:20px;animation:tdyCade 2.1s linear forwards}
@keyframes tdyCade{to{transform:translateY(105vh) rotate(240deg);opacity:.2}}
@media (prefers-reduced-motion:reduce){
  .confetti{display:none}
  .progres .bara i{transition:none}
}

pre.lista-intrebari{background:#fff;border:1px solid #e4e4e7;border-radius:10px;
  padding:18px 20px;white-space:pre-wrap;word-break:break-word;font:13.5px/1.7
  ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}

/* --- export în formatul altcuiva --- */
.phoenix{background:#fff;border:1px solid #e4e4e7;border-radius:10px;padding:22px 26px;
         margin:14px 0}
.phoenix h1{font-size:20px;margin:0 0 6px}
.phoenix h2{font-size:16px;margin:22px 0 6px;border:none;padding:0}
.phoenix p{margin:6px 0}
.phoenix ul{margin:6px 0 12px;padding-left:22px}
.phoenix li{margin:2px 0}
.phoenix table{margin:8px 0 14px;max-width:32rem}

/* --- heatmap de parcurgere --- */
.bara{height:10px;border-radius:999px;background:#f1f1f4;overflow:hidden;min-width:120px}
.bara i{display:block;height:100%;background:#75dab4}
.bara i.cald{background:#e0a93b} .bara i.rece{background:#a1a1aa}

@media (max-width:520px){
  body{padding:18px 12px}
  h1{font-size:19px} h2{font-size:16px}
  th,td{padding:8px 10px}
  .cutie .v{font-size:20px}
}

@media (prefers-color-scheme:dark){
  /* Roșul de zi e prea închis pe fundal întunecat. */
  .termen-depasit,.termen-depasit .mut{color:#f87171}
  body{background:#09090b;color:#f4f4f5}
  table,.nota,.cutie,.intra,.intro,fieldset,.progres,.phoenix,
  pre.lista-intrebari{background:#18181b;border-color:#27272a}
  .progres hr.separator{border-top-color:#27272a}
  .progres .bara{background:#27272a} .progres .bara i{background:#4ade80}
  .chip{background:#1f1f23;border-color:#3f3f46;color:#a1a1aa} .chip b{color:#f4f4f5}
  .chip-curent{background:#4ade80;border-color:#4ade80;color:#09090b}
  .chip-curent b{color:#09090b}
  .bara-jos b{color:#4ade80}
  th{background:#1f1f23;color:#a1a1aa} th,td{border-color:#27272a}
  .cutie .k,.nota,.lead,.ghidaj,.mic,.mut,.intro,.subeticheta{color:#a1a1aa} .nota b{color:#f4f4f5}
  details.unde p{background:#1f1f23;border-color:#27272a;color:#a1a1aa}
  .camp.de-aflat{background:#2a2410;border-left-color:#eab308}
  .camp.de-aflat .nu-stiu{color:#eab308}
  .ghidaj.coaching,.prag{color:#eab308}
  section>h2{border-color:#27272a}
  input[type=text],input[type=url],input[type=email],input[type=password],
  input[type=number],input[type=date],textarea,select{
    background:#09090b;border-color:#3f3f46;color:#f4f4f5}
  input[disabled],textarea[disabled],select[disabled]{background:#1f1f23;color:#71717a}
  button,a.buton{background:#4ade80;color:#09090b;border-color:#4ade80}
  a.buton.secundar{background:#18181b;color:#f4f4f5;border-color:#3f3f46}
  button.secundar{background:#18181b;color:#f4f4f5;border-color:#3f3f46}
  /* Linkurile rămân ALBASTRE și pe întuneric (M, 24 august) — verdele fosforescent era
     culoarea de accent a barelor, nu una de link. #60a5fa dă 7,83:1 pe fundalul închis.
     ȘI RĂMÂN SUBLINIATE aici: față de textul de zi (#f4f4f5) niciun albastru lizibil nu
     ajunge la 3:1, deci pe întuneric culoarea singură NU poate distinge un link de text.
     Măsurat, nu presupus — șapte candidați, niciunul nu trece. */
  a,button.ca-link{color:#60a5fa;text-decoration:underline}
  a.buton,a.buton.secundar{text-decoration:none}
  .rea{background:#2a1215;border-color:#7f1d1d;color:#fca5a5}
  .avert{background:#2a2410;border-color:#eab308;color:#eab308}
  .avert b{color:#eab308}
  .pastila.buna{background:#0f2a1c;border-color:#166534;color:#4ade80}
  .pastila.neutra{background:#1f1f23;border-color:#3f3f46;color:#a1a1aa}
  .pastila.rea{background:#2a1215;border-color:#7f1d1d;color:#fca5a5}
  .bara{background:#27272a}
}

/* --- documente puse la revizuit (culori literale: foaia n-are variabile) --- */
.document{max-width:720px}
.document h2{margin-top:30px;padding-top:14px;border-top:1px solid #e4e4e7}
.document h3{margin-top:22px;font-size:15px}
.document p,.document li{color:#3f3f46}
.document table{font-size:13px;margin:10px 0}
.document blockquote{margin:12px 0;padding-left:14px;border-left:3px solid #e4e4e7;
  color:#52525b}
.document hr{border:0;border-top:1px solid #e4e4e7;margin:26px 0}
.document code{background:#f4f4f5;padding:1px 5px;border-radius:3px;font-size:13px}

/* --- changelog: se PARCURGE, nu se citește (M, 25 aug) ---------------------
   Cerința lui, cuvânt cu cuvânt: „mai ordonat, eventual bullets și font mai ușor de
   parcurs, fără bolduri și fără spațiere mare între rânduri". Deci: o coloană îngustă
   (rândul lung obosește ochiul la scanare), data ca reper mic și mut, punctele strânse,
   și NICIO îngroșare — dacă totul e important, nimic nu e. */
.changelog{max-width:640px}
.changelog h1{font-size:20px;margin:0 0 2px}
.changelog h2{font-size:12px;font-weight:600;color:#71717a;letter-spacing:.06em;
              margin:22px 0 6px;padding-top:10px;border-top:1px solid #e4e4e7;
              font-variant-numeric:tabular-nums}
.changelog ul{margin:0;padding-left:17px}
.changelog li{color:#3f3f46;font-size:13.5px;line-height:1.45;margin:0 0 3px}
.changelog li::marker{color:#a1a1aa}
.changelog p{color:#52525b;font-size:13.5px;line-height:1.45;margin:0 0 10px}
/* Îngroșarea nu se scoate doar din text, se scoate și din foaie: altfel se întoarce la
   prima intrare scrisă în grabă cu `**`, iar pagina redevine pestriță fără să observe
   nimeni. */
.changelog b,.changelog strong{font-weight:inherit}

@media (prefers-color-scheme:dark){
  .changelog h2{color:#a1a1aa;border-top-color:#27272a}
  .changelog li,.changelog p{color:#d4d4d8}
  .changelog li::marker{color:#52525b}
}

/* Serviciile proiectului: cip + „scoate", pe același rând vizual. */
.servicii-proiect .serviciu{display:inline-flex;align-items:center;gap:4px;margin:0 8px 6px 0}
.servicii-proiect .serviciu form{display:inline}

/* --- sugestii AI, citirea site-ului, liste de propuneri ---------------------
   Blocul ăsta LIPSEA din foaia DAS (găsit 25 aug): șapte clase pe care le randează codul
   comun — `buton-sugestie`, `buton-citeste`, `sugestie`, `sugestie-refuz`, `sumar-site`,
   `concurenti`, `postari` — nu aveau nicio regulă aici, deci la DAS apăreau nestilizate.
   Aceeași pagină, două forme, la două agenții. Culorile sunt ale mărcii DAS; structura e
   aceeași, ca divergența să nu se întoarcă pe furiș. */
.buton-sugestie,.buton-citeste{background:none;border:1px solid #d4d4d8;color:#242254;border-radius:6px;
  padding:7px 12px;font-size:13px;cursor:pointer;margin-top:6px;min-height:36px;
  text-decoration:underline}
.buton-sugestie:hover,.buton-citeste:hover{border-color:#242254}
.sugestie:empty{display:none}
.sugestie{margin-top:8px;padding:9px 11px;border-left:3px solid #242254;background:#f5f5fa;
  border-radius:0 6px 6px 0;font-size:13px;color:#3f3f46}
.sugestie p{margin:0 0 4px}
.sugestie p:last-child{margin:0}
/* Un refuz arată DIFERIT de o propunere: „n-avem de unde" nu e un răspuns pe jumătate. */
.sugestie-refuz{border-left-color:#a1a1aa;background:#f4f4f5}

.sumar-site:empty{display:none}
.sumar-site{margin:14px 0;padding:12px 14px;border:1px solid #d9d9e6;background:#f8f8fc;
  border-radius:8px;font-size:13px;color:#3f3f46}
.sumar-site p{margin:0 0 6px}
.sumar-site ul{margin:0 0 8px 18px;padding:0}
.sumar-site li{margin:2px 0}

.concurenti,.postari{list-style:none;margin:8px 0 0;padding:0}
.concurenti li,.postari li{padding:9px 0;border-top:1px solid #e4e4e7}
.concurenti li:first-child,.postari li:first-child{border-top:0}

/* Bifele pe COLOANE, nu într-un turn (M, 26 august, din folosire reală: „Alege 3–5
   atribute" era o coloană cât ecranul pe un laptop de 14"). `auto-fill` cu o lățime minimă
   dă singur 4-5 coloane pe un ecran de laptop și una singură pe telefon — fără media query
   și fără să presupunem lățimea nimănui. */
.alegere{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));
         gap:2px 14px;align-items:start}
/* Grupul cu O SINGURĂ opțiune sau cu etichete lungi n-are ce împărți: rămâne pe un rând. */
.alegere:has(.optiune:nth-child(n+2)){grid-auto-flow:row}

/* Progresul pe pagina de editare: aceeași cifră ca la client și ca la poartă. */
.progres-editare{margin:14px 0 18px;padding:10px 12px;border:1px solid #e4e4e7;
                 border-radius:10px;font-size:14px}
.incheiere-editare{margin:28px 0 8px;padding:14px;border-top:2px solid #e4e4e7;font-size:14px}
.incheiere-editare .buton{margin-right:8px}

/* Coloana de acțiuni nu se mai rupe pe trei rânduri și nu se mai taie la marginea cutiei
   (M, 27 august, cu captură): tabelul are nouă coloane, iar ultima se strângea până când
   linkurile se stivuiau unul sub altul și dispăreau sub colțul rotunjit. Acum acțiunile
   stau pe un rând, tabelul are o lățime minimă, iar `.scroll` chiar are ce derula. */
td.actiuni{white-space:nowrap}
.scroll table{min-width:64rem}