/* RECOL.ro — sistem de design v2 ("platformă de produs").
   Dimensiuni calibrate pe Reclame Aqui (măsurate 13.10.2026): container 1376, coloane laterale 300, goluri 32, antet 72,
   carduri r16 / bordură 1px / padding 24, liste r8 / padding 16, butoane 48 / r12, tile-uri 66 / r8, text 16/24 și 14/20.
   Culori de brand: galben #fbd630, negru #231f20. */
:root{color-scheme:light;
  --y:#fbd630;--y-d:#e8bd00;--y-soft:#fff1a8;--y-wash:#fffbe6;
  --k:#231f20;--k-2:#314158;--muted:#62748e;
  --ink:#0f172b;
  --bg:#f8fafc;--card:#fff;--tile:#f1f5f9;--line:#e2e8f0;--line-2:#eef2f6;
  --ok:#12894a;--bad:#b91c1c;--warn:#a26a00;
  --r:16px;--r-md:12px;--r-sm:8px;
  --shadow:none;
  --shadow-lg:0 10px 10px 0 rgba(15,23,43,.04),0 10px 50px 3px rgba(15,23,43,.08);
  --font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-h:"Inter",ui-sans-serif,system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:400 16px/24px var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--font-h);line-height:1.2;margin:0 0 .5em;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
h1{font-size:36px;line-height:40px;font-weight:600;letter-spacing:-.02em}
h2{font-size:30px;line-height:36px}
h3{font-size:16px;line-height:24px;font-weight:600;letter-spacing:-.01em}
p{margin:0 0 1em}
.wrap{max-width:1408px;margin:0 auto;padding:0 16px}
.narrow{max-width:800px}
.muted{color:var(--muted)}.small{font-size:14px;line-height:20px}.meta{font-size:12px;line-height:16px;color:var(--muted)}
.eyebrow{display:inline-block;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--k-2);background:var(--y-soft);padding:4px 10px;border-radius:99px;margin-bottom:12px}
:focus-visible{outline:3px solid var(--k);outline-offset:2px;border-radius:8px}

/* ---------- header (72px) ---------- */
.site-header{position:sticky;top:0;z-index:50;background:var(--card);height:72px;border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;gap:24px;height:72px}
.logo img{height:34px;display:block}
.nav{display:flex;gap:4px;align-items:center}
.nav a{padding:8px 12px;border-radius:var(--r-sm);text-decoration:none;font-weight:500;font-size:14px;line-height:20px;color:var(--k-2);transition:background .12s}
.nav a:hover{background:var(--tile)}.nav a.on{color:var(--ink);font-weight:600;background:var(--tile)}
.h-search{position:relative;flex:1;max-width:420px}
.h-search input[type=search]{display:block;width:100%;height:40px;padding:0 44px 0 14px;border:1px solid var(--line);border-radius:var(--r-md);font:400 14px var(--font);background:var(--card);color:var(--ink)}
.h-search svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}
/* X-ul nativ al câmpului de căutare stă în conținut, deci rămâne la stânga lupei (padding-ul din dreapta îi lasă loc) */
.h-search input[type=search]::-webkit-search-cancel-button{margin:0 2px 0 6px}
.head-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.user-chip{position:relative}
.user-chip>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 6px;border-radius:var(--r-md);background:var(--card);border:1px solid var(--line);font-weight:500;font-size:14px}
.user-chip>summary::-webkit-details-marker{display:none}
.user-chip .menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:8px;z-index:60}
.menu a,.menu button{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:var(--r-sm);text-decoration:none;font:inherit;font-size:14px;font-weight:500;background:none;border:0;cursor:pointer;color:var(--ink)}
.menu a:hover,.menu button:hover{background:var(--tile)}
.menu hr{border:0;border-top:1px solid var(--line-2);margin:6px 0}
.avatar{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;font-weight:700;font-size:12px;background:var(--y);color:var(--k);flex:none}
.nav-toggle{display:none}

/* ---------- buttons (h48 / r12 / 14px 500) ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;height:48px;background:var(--y);color:var(--k);border:1px solid var(--y-d);border-radius:var(--r-md);padding:0 20px;font-weight:600;font-size:14px;line-height:20px;text-decoration:none;cursor:pointer;font-family:var(--font);transition:background .12s,border-color .12s}
.btn:hover{background:#f5cb12}
.btn.dark{background:var(--k);color:#fff;border-color:var(--k)}.btn.dark:hover{background:#000}
.btn.ghost{background:var(--card);color:var(--ink);border:1px solid var(--line);font-weight:500}.btn.ghost:hover{background:var(--tile)}
.btn.sm{height:40px;padding:0 16px}
.btn.lg{height:56px;padding:0 28px;font-size:16px}
.btn.danger{background:var(--card);color:var(--bad);border:1px solid #fecaca;font-weight:500}.btn.danger:hover{background:#fef2f2}
.btn.red{background:var(--bad);color:#fef2f2;border-color:var(--bad)}.btn.red:hover{background:#991b1b}
.btn svg{width:16px;height:16px}.btn.lg svg.ico-mega{width:20px;height:20px}.btn svg.ico-mega{flex:none}

/* ---------- home ---------- */
.hero2{padding:56px 0 48px;background:#d9d1c6 url(../img/hero.webp) right center/cover no-repeat}
.hero2 .cols{display:grid;grid-template-columns:minmax(0,1fr);align-items:center}.hero2 .cols>div{max-width:min(640px,50%)}
.hero2 h1{font-size:36px;line-height:44px;margin-bottom:12px;max-width:620px}
.hero2 .lead{color:var(--ink);max-width:560px;margin-bottom:24px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.searchbox{position:relative;max-width:620px}
.searchbox form{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:4px 4px 4px 16px;height:56px}
.searchbox form:focus-within{border-color:var(--k);box-shadow:0 0 0 3px var(--y-soft)}
.searchbox form input[type=search]{flex:1;min-width:0;border:0!important;background:none!important;box-shadow:none!important;font:400 16px var(--font);padding:0;outline:none;color:var(--ink);height:100%}
.searchbox .btn{height:46px}
.suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:8px;z-index:30;display:none}
.suggest.open{display:block}
.suggest a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--r-sm);text-decoration:none}
.suggest a:hover,.suggest a.sel{background:var(--tile)}
.suggest .foot{display:block;padding:10px 12px;font-size:14px;color:var(--muted)}
.tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px;max-width:620px}
.tool{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:14px;text-decoration:none;font-size:14px;line-height:18px;font-weight:600;min-height:92px;transition:border-color .12s}
.tool:hover{border-color:var(--k)}.tool.on{background:var(--k);color:#fff;border-color:var(--k)}
.tool i{font-style:normal;font-size:18px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:99px;background:var(--card);border:1px solid var(--line);font-size:14px;font-weight:500;text-decoration:none;color:var(--k-2);transition:all .12s}
.chip .chip-ico{flex:none;margin-right:6px}
.chip:hover,.chip.on{background:var(--k);color:var(--y);border-color:var(--k)}
.section{padding:48px 0}.section.tight{padding:32px 0}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.section-head h2{margin:0}.section-head p{margin:4px 0 0;color:var(--muted)}
.grid{display:grid;gap:16px}
.cols-2{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
.cols-3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.cols-4{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.card.flat{border-color:var(--line)}
a.card{display:block;text-decoration:none}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}
.stack>*+*{margin-top:16px}.stack-lg>*+*{margin-top:24px}
.rank{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:8px 24px 16px}
.rank h3{margin:16px 0 4px}
.rank-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line-2);text-decoration:none}
.rank-row:first-of-type{border-top:0}
.rank-row .pos{width:24px;font-weight:700;color:var(--muted);font-size:14px}
.rank-row b{display:block;font-size:14px;line-height:20px}
.rank-row .sc{margin-left:auto;font-weight:700;color:var(--c,var(--ink))}
.cta{background:var(--k);color:#fff;border-radius:var(--r);padding:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cta h2{color:#fff;margin:0 0 4px}.cta p{margin:0;opacity:.8}

/* ---------- avatar companie, scor, stele ---------- */
.co-avatar{--h:40;width:var(--s,52px);height:var(--s,52px);border-radius:calc(var(--s,52px)*.2);display:inline-grid;place-items:center;flex:none;font-weight:800;font-size:calc(var(--s,52px)*.34);letter-spacing:-.02em;color:hsl(var(--h) 55% 24%);background:hsl(var(--h) 80% 90%)}
.ring{--p:0;--c:#9aa6b8;--s:64px;width:var(--s);height:var(--s);border-radius:50%;flex:none;background:conic-gradient(var(--c) calc(var(--p)*1%),var(--line) 0);display:grid;place-items:center;position:relative}
.ring::before{content:"";position:absolute;inset:calc(var(--s)*.12);background:var(--card);border-radius:50%}
.ring b{position:relative;font-size:calc(var(--s)*.3);font-weight:700;letter-spacing:-.03em}
.ring.lg{--s:132px}
.lvl-5{--c:#12894a}.lvl-4{--c:#5a9e13}.lvl-3{--c:#c9a100}.lvl-2{--c:#e8830c}.lvl-1{--c:#e0521d}.lvl-0{--c:#b91c1c}.lvl-na{--c:#9aa6b8}
.lvl-txt{color:var(--c);font-weight:700}
.stars{display:inline-flex;gap:1px;vertical-align:middle}
.stars svg{width:16px;height:16px;fill:#dbe2ea}.stars svg.on{fill:var(--y-d)}
.stars.lg svg{width:26px;height:26px}
.star-input{display:inline-flex;flex-direction:row-reverse;gap:2px}
.star-input input{position:absolute;opacity:0;pointer-events:none}
.star-input label{cursor:pointer;font-size:2.2rem;line-height:1;color:#dbe2ea;transition:color .1s,transform .1s}
.star-input label:hover,.star-input label:hover~label,.star-input input:checked~label{color:var(--y-d)}
.star-input label:hover{transform:scale(1.12)}
.star-input input:focus-visible+label{outline:3px solid var(--k);border-radius:6px}

/* ---------- status / badge ---------- */
.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:99px;font-size:12px;line-height:16px;font-weight:600;background:var(--tile);color:var(--k-2);white-space:nowrap}
/* în loc de punct: iconiță după ton (verde = bifă, portocaliu = atenție, roșu = X, albastru = info); `plain` o ascunde (se pune iconița proprie) */
.badge::before{content:"";flex:none;width:14px;height:14px;background:var(--dot,currentColor);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat;--ico:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222.25%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%221%22/%3E%3C/svg%3E")}
.badge.ok::before{--ico:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222.25%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cpath%20d=%22m9%2012%202%202%204-4%22/%3E%3C/svg%3E")}
.badge.warn::before{--ico:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222.25%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cline%20x1=%2212%22%20x2=%2212%22%20y1=%228%22%20y2=%2212%22/%3E%3Cline%20x1=%2212%22%20x2=%2212.01%22%20y1=%2216%22%20y2=%2216%22/%3E%3C/svg%3E")}
.badge.bad::before{--ico:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222.25%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cpath%20d=%22m15%209-6%206%22/%3E%3Cpath%20d=%22m9%209%206%206%22/%3E%3C/svg%3E")}
.badge.y::before{--ico:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222.25%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cpath%20d=%22M12%2016v-4%22/%3E%3Cpath%20d=%22M12%208h.01%22/%3E%3C/svg%3E")}
.badge.ok{background:#dcf5e5;color:#333333;--dot:#0f6b3a}.badge.warn{background:#fef3c7;color:#333333;--dot:#92400e}.badge.bad{background:#fee2e2;color:#333333;--dot:#991b1b}.badge.y{background:#dbeafe;color:#333333;--dot:#1e40af}
.badge.ok::before,.badge.warn::before,.badge.bad::before,.badge.y::before{opacity:1}.badge.k{background:var(--k);color:var(--y)}
.badge.plain::before{display:none}
/* iconiță în loc de punct (ex. „Profil revendicat”): culoarea stării, textul rămâne #333333 */
.badge .b-ico{flex:none;color:var(--dot,currentColor)}
.badge.lg{height:36px;padding:0 16px;gap:8px;font-size:15px;line-height:20px;font-weight:600}
.badge.lg svg{width:20px;height:20px}
.badge.st-inline{background:none!important;padding:0;height:auto;font-size:inherit;line-height:inherit;font-weight:500;color:inherit!important;gap:6px;vertical-align:middle}

/* ---------- complaint (legacy card) + fir de discuție ---------- */
.complaint{display:flex;flex-direction:column;gap:12px}
.complaint h3{margin:0}.complaint h3 a{text-decoration:none}.complaint h3 a:hover{text-decoration:underline}
.complaint .excerpt{color:var(--k-2);margin:0}
.complaint .foot{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:12px;border-top:1px solid var(--line-2)}
.mini-steps{display:flex;gap:4px;align-items:center}
.mini-steps i{width:22px;height:4px;border-radius:9px;background:var(--line)}.mini-steps i.on{background:var(--y-d)}.mini-steps i.done{background:var(--ok)}
.response{border-radius:var(--r-md);background:var(--y-wash);border:1px solid var(--y-soft);padding:14px 16px}
.body-text{white-space:pre-line}
.stepper{display:flex;gap:0;margin:16px 0 24px;counter-reset:s;overflow-x:auto;padding:0}
.stepper li{list-style:none;flex:1;min-width:92px;text-align:center;position:relative;font-size:12px;font-weight:600;color:var(--muted)}
.stepper li::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:28px;height:28px;margin:0 auto 6px;border-radius:50%;background:var(--line);color:var(--muted);position:relative;z-index:1}
.stepper li::after{content:"";position:absolute;top:13px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;background:var(--line)}
.stepper li:last-child::after{display:none}
.stepper li.done{color:var(--ink)}.stepper li.done::before{content:"✓";background:var(--ok);color:#fff}.stepper li.done::after{background:var(--ok)}
.stepper li.now{color:var(--ink)}.stepper li.now::before{background:var(--y);color:var(--k);box-shadow:0 0 0 4px var(--y-soft)}
.msg{display:flex;gap:14px;align-items:flex-start}
.msg .bubble{flex:1;background:var(--card);border:1px solid var(--line);border-radius:4px var(--r) var(--r) var(--r);padding:20px 24px}
.msg.co{flex-direction:row-reverse}.msg.co .bubble{background:var(--y-wash);border-color:var(--y-soft);border-radius:var(--r) 4px var(--r) var(--r)}
.msg .who{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}.msg .who b{font-weight:700}
.facts{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0}.facts span{background:var(--tile);border-radius:var(--r-sm);padding:4px 10px;font-size:12px;line-height:16px;font-weight:500}

/* ---------- misc ---------- */
.bar{display:flex;align-items:center;gap:10px;font-size:14px;margin:6px 0}.bar i{flex:1;height:8px;background:var(--line);border-radius:99px;overflow:hidden}.bar i b{display:block;height:100%;background:var(--y-d);border-radius:99px}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.tabs a{height:36px;display:inline-flex;align-items:center;padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);text-decoration:none;font-weight:500;font-size:14px}
.tabs a:hover{border-color:var(--k)}.tabs a.active{background:var(--k);color:var(--y);border-color:var(--k)}
.claim-banner{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--k);color:#fff;border-radius:var(--r);padding:20px 24px}
.claim-banner p{margin:0;opacity:.85}
.step-card{position:relative;padding-top:40px}
.step-card .num{position:absolute;top:-16px;left:24px;width:40px;height:40px;border-radius:var(--r-md);background:var(--y);display:grid;place-items:center;font-weight:700;font-size:1.1rem}

/* ---------- forms ---------- */
label.f{display:block;font-weight:600;margin-bottom:6px;font-size:14px}
input[type=text],input[type=tel],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],input[type=url],select,textarea{width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-md);font:400 14px/20px var(--font);background:var(--card);color:var(--ink);transition:border-color .12s,box-shadow .12s}
textarea{height:auto;padding:12px 14px;min-height:160px;resize:vertical}
input[type=file]{font:inherit;font-size:14px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--k);box-shadow:0 0 0 3px var(--y-soft)}
.field{margin-bottom:20px}
.hint{font-size:12px;line-height:16px;color:var(--muted);margin-top:6px}
.err{color:var(--bad);font-size:12px;line-height:16px;margin-top:6px;font-weight:600}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px}.check input{margin-top:3px;accent-color:var(--k);width:16px;height:16px}
.flash{background:#dcf5e5;border:1px solid #a7e0bd;color:#0f5132;padding:12px 16px;border-radius:var(--r-md);margin:16px 0;font-size:14px}
.flash.err-box{background:#fee2e2;border-color:#fecaca;color:#7f1d1d}
.notice-list{margin:0;padding-left:18px}.notice-list li{margin:2px 0}
.notice{background:var(--y-wash);border:1px solid var(--y-soft);border-radius:var(--r-md);padding:12px 16px;font-size:14px;margin-bottom:20px}
.seg{display:flex;gap:8px;flex-wrap:wrap}.seg label{cursor:pointer}.seg input{position:absolute;opacity:0}
.seg span{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1px solid var(--line);border-radius:var(--r-md);font-weight:500;font-size:14px;background:var(--card);transition:all .12s}
.seg input:checked+span{background:var(--k);color:var(--y);border-color:var(--k)}.seg input:focus-visible+span{outline:3px solid var(--k);outline-offset:2px}

/* ---------- tables / pager / prose ---------- */
table.t{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
table.t th,table.t td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line-2);font-size:14px;line-height:20px;vertical-align:top}
table.t th{background:var(--tile);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}
table.t tr:last-child td{border-bottom:0}
/* Paginare (resources/views/pagination/recol.blade.php) */
.pager{margin-top:24px}
.pg{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.pg-info{margin:0}
.pg-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.pg-b{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:40px;height:40px;padding:0 12px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);color:var(--k-2);font-size:14px;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s}
a.pg-b:hover{background:var(--tile);border-color:var(--line-strong)}
.pg-b.on{background:var(--k);border-color:var(--k);color:var(--y);font-weight:600}
.pg-b.off{opacity:.45;cursor:default}
.pg-gap{padding:0 4px;color:var(--muted)}
@media (max-width:640px){
  .pg{justify-content:center}.pg-info{width:100%;text-align:center}
  .pg-list{justify-content:center;gap:4px}.pg-t{display:none}.pg-b{min-width:40px;height:40px;padding:0 8px}
  .pg-far,.pg-gap{display:none}
}
:root[data-theme=dark] .pg-b.on{background:var(--y);border-color:var(--y);color:#231f20}
.prose h2{margin-top:1.6em;font-size:24px;line-height:32px}.prose ul{padding-left:1.2em}.prose li{margin:.3em 0}

/* ---------- footer ---------- */
.site-footer{background:var(--k);color:#cbd5e1;margin-top:64px;padding:48px 0 24px}
.site-footer a{color:#fff;text-decoration:none;opacity:.85}.site-footer a:hover{color:var(--y);opacity:1}
.site-footer .cols{display:grid;gap:32px;grid-template-columns:1.6fr 1fr 1fr 1fr}
.site-footer h4{color:var(--y);margin:0 0 12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font)}
.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:6px 0;font-size:14px}

/* ---------- responsive ---------- */
@media (max-width:1100px){.hero2{position:relative;background-image:none;padding-bottom:250px}.hero2::after{content:"";position:absolute;left:0;right:0;bottom:0;height:230px;background:url(../img/hero.webp) 72% 45%/cover no-repeat}.hero2 .cols>div{max-width:none}.h-search{max-width:260px}}
@media (max-width:960px){.site-footer .cols{grid-template-columns:1fr 1fr}.h-search{display:none}}
@media (max-width:820px){
  .nav-toggle{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);cursor:pointer;margin-left:auto}
  .site-header{height:auto}.site-header .wrap{height:auto;min-height:72px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
  .nav,.head-actions{display:none;width:100%}
  .site-header.open .nav,.site-header.open .head-actions{display:flex;flex-direction:column;align-items:stretch;margin:0}
  .site-header.open .nav a{padding:12px}.head-actions .btn{width:100%}
  h1{font-size:28px;line-height:34px}.hero2 h1{font-size:28px;line-height:34px}
  .tools{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .section{padding:32px 0}.hero2{padding:32px 0 250px}
  .cta{padding:28px 20px}
  .msg,.msg.co{flex-direction:column}.msg .bubble,.msg.co .bubble{border-radius:var(--r)}
  .site-footer .cols{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ---------- pagini de formular (v2) ---------- */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-card{padding:32px}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.form-sec{margin:8px 0 16px;padding-top:24px;border-top:1px solid var(--line-2);font-size:18px;line-height:24px}
.form-sec.first{margin-top:0;padding-top:0;border-top:0}
.form-actions{display:flex;gap:12px;align-items:center;margin-top:8px}
.wrap.auth{max-width:480px}.wrap.auth.wide{max-width:560px}
.wrap.auth h1{font-size:28px;line-height:34px;margin-bottom:20px}
.auth-alt{margin-top:16px;text-align:center}
.auth-alt a{font-weight:600}
@media (max-width:640px){
  .form-card{padding:20px}
  .fgrid{grid-template-columns:1fr}
  .form-actions .btn{width:100%}
  input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],input[type=url],select,textarea{font-size:16px}
  .star-input label{font-size:2.6rem}
  .wrap.auth h1{font-size:24px;line-height:30px}
}

/* Utilitare (înlocuiesc stilurile inline repetate; !important ca să bată regulile de componentă, ca vechiul style="") */
.m0{margin:0!important}.mb6-only{margin:0 0 6px!important}.mb2-block{margin:0 0 2px!important;display:block!important}.my-4-8{margin:4px 0 8px!important}
.mt8{margin-top:8px!important}.mt12{margin-top:12px!important}.mt24{margin-top:24px!important}.mt12-z{margin:12px 0 0!important}
.mb8{margin-bottom:8px!important}.mb12{margin-bottom:12px!important}.mb16{margin-bottom:16px!important}.mb18{margin-bottom:18px!important}.mb24{margin-bottom:24px!important}
.fx-0{flex:1!important;min-width:0!important}.fx-160{flex:1!important;min-width:160px!important}.fx-200{flex:1!important;min-width:200px!important}.fx-220{flex:1!important;min-width:220px!important}
.ai-start{align-items:flex-start!important}.grid-gap24{display:grid!important;gap:24px!important}
.nowrap{white-space:nowrap!important}.fs14{font-size:14px!important}.fw5{font-weight:500!important}.fw6{font-weight:600!important}.no-ul{text-decoration:none!important}
.w-auto{width:auto!important}.w100{width:100%!important}.ta-r{text-align:right!important}.ta-c{text-align:center!important}

/* Ținte tactile ≥ 40 px (WCAG 2.5.8 recomandă minimum 24, iar 44 este confortabil pe telefon) */
@media (max-width:640px),(pointer:coarse){
  .chip{height:40px}.tabs a{height:44px}
  .site-footer li{margin:0}.site-footer li a{display:inline-block;padding:10px 0}
}

/* Câmp de parolă cu buton „ochi” în interior, în dreapta (adăugat de scriptul din layout) */
.pw{position:relative}
.pw input[type=password],.pw input[type=text]{padding-right:48px}
.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--r-sm);background:transparent;color:var(--muted);cursor:pointer}
.pw-toggle:hover{color:var(--ink);background:var(--tile)}
.pw-toggle:focus-visible{outline:2px solid var(--k);outline-offset:-2px}

/* clasamente pe acasă (ca la Reclame Aqui, măsurat 16.10.2026): file de domenii + casetă (1px, r16, p24, gol 16) cu 2 panouri #f1f5f9 r12; în fiecare, 3 carduri verticale albe (r16, p16, gol 16, 240 înălțime) */
:root{--line-strong:#cad5e2;--y-tint:#fffbea;--y-tint-bd:#f4e7a8;--rank-bg:var(--y-tint);--rank-bd:var(--y-tint-bd)}
.rank-tabs-wrap{position:relative;margin:0 0 16px;padding-right:80px}
.rank-tabs-wrap::before{content:"";position:absolute;left:0;top:0;bottom:0;width:24px;background:linear-gradient(90deg,var(--bg),transparent);z-index:1;pointer-events:none;opacity:0;transition:opacity .12s}
.rank-tabs-wrap.has-prev::before{opacity:1}
.rt-nav{position:absolute;right:0;top:2px;display:flex;gap:8px}
.rank-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;scroll-behavior:auto;border-bottom:1px solid var(--line)}
.rank-tabs::-webkit-scrollbar{display:none}
.rank-tabs a{flex:none;display:inline-flex;align-items:center;height:36px;margin-bottom:-1px;padding:0 14px;font-size:14px;line-height:20px;font-weight:500;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.rank-tabs a:hover{color:var(--ink)}
.rank-tabs a.on{color:var(--ink);border-bottom-color:var(--y-d)}
.rank-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.rank-panel{background:var(--rank-bg,var(--card));border:1px solid var(--rank-bd,var(--line-strong));border-radius:var(--r);padding:24px 24px 16px;min-width:0;display:flex;flex-direction:column}
.rp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.rp-nav{display:flex;gap:8px}
.rp-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:18px;line-height:1;cursor:pointer;padding:0}
.rp-btn:hover:not(:disabled){background:var(--tile)}.rp-btn:disabled{opacity:.35;cursor:default}
.rp-head h3{margin:0;font-size:20px;line-height:28px;font-weight:500}
.rp-head p{margin:0 0 16px;color:var(--k-2)}
.rp-cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.rp-cards::-webkit-scrollbar{display:none}
.rp-card{flex:0 0 calc((100% - 24px)/3);scroll-snap-align:start;display:flex;flex-direction:column;gap:16px;min-height:240px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);text-decoration:none;color:var(--ink)}
.rp-top{display:flex;justify-content:space-between;align-items:flex-start}
.rp-pos{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:14px;line-height:20px;font-weight:600;background:#c8e3d4;color:#004032}
.worst .rp-pos{background:#fde0e0;color:#7a1414}
.rp-name{flex:1;min-width:0}
.rp-name b{display:block;font-size:16px;line-height:24px;font-weight:500;overflow-wrap:anywhere}
.rp-name .small{display:block}
.rp-score{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 12px;background:var(--tile);border-radius:var(--r-md)}
.rp-score b{font-size:22px;line-height:28px;font-weight:700;color:var(--c,var(--ink))}
.rp-score span{display:flex;flex-direction:column;font-size:12px;line-height:16px;color:var(--k-2)}
.rp-score small{font-size:12px;font-weight:600;color:var(--ink)}
.rp-more{align-self:flex-end;display:inline-flex;align-items:center;gap:2px;margin-top:auto;padding:16px 0 0;font-size:14px;line-height:20px;font-weight:500;color:var(--ink);text-decoration:none}
.rank-panel.best .rp-more{color:var(--ok)}.rank-panel.worst .rp-more{color:var(--bad)}
.rp-more:hover{text-decoration:underline}
.lu.vm{vertical-align:-.2em}.chev{width:1.2em;height:1.2em;vertical-align:-.22em;margin-left:2px;flex:none}.chev.back{margin:0 2px 0 0}
.rp-empty{margin:0;padding:24px 0;color:var(--muted);font-size:14px}
@media (max-width:1100px){.rank-box{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.rank-box{padding:12px}.rank-panel{padding:16px 12px 8px}.rp-card{flex-basis:calc((100% - 12px)/1.6)}}

/* secțiunea „Pentru companii” de pe acasă (structură după RA „Para empresas”: bandă întunecată, 2 coloane, card alb cu 3 beneficii) */
.biz{background:var(--k);color:#fff;padding:64px 0;margin:16px 0 40px}
.biz-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:64px;align-items:center}
.biz-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;background:var(--y);color:var(--k);font-size:12px;line-height:16px;font-weight:600}
.biz h2{color:#fff;font-size:30px;line-height:38px;font-weight:700;margin:16px 0 12px;max-width:760px}
.biz-lead{color:rgba(255,255,255,.88);max-width:640px;margin:0 0 24px}
.biz-cta{display:flex;flex-wrap:wrap;gap:12px}
.biz .btn.lg{height:48px;padding:0 20px;font-size:14px}
.biz .biz-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55);font-weight:600}.biz .biz-ghost:hover{background:rgba(255,255,255,.1)}
.biz-checks{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:20px 0 0;padding:0;font-size:13px;line-height:18px;color:rgba(255,255,255,.88)}
.biz-checks li{display:inline-flex;align-items:center;gap:6px}.biz-checks svg{color:var(--y)}
.biz-card{background:var(--card);color:var(--ink);border-radius:var(--r);padding:32px}
.biz-card ul{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.biz-card li{display:flex;gap:16px;align-items:flex-start}
.biz-card p{margin:0;font-size:14px;line-height:20px;color:var(--k-2)}
.biz-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--y-wash);color:var(--k)}
@media (max-width:960px){.biz{padding:40px 0}.biz-cols{grid-template-columns:minmax(0,1fr);gap:32px}.biz h2{font-size:24px;line-height:30px}.biz-card{padding:24px}}
:root[data-theme=dark] .biz{background:#15130f}:root[data-theme=dark] .biz-ic{background:var(--y-tint);color:var(--y)}

/* bară de statistici (după RA: casetă r16 cu cifre separate prin linii + apel la acțiune) */
.pstats-sec{padding-top:0}
.pstats{display:flex;align-items:center;gap:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 24px}
.ps{flex:1 1 0;display:flex;align-items:center;gap:14px;padding:0 24px;border-right:1px solid var(--line);min-width:0}
.ps:first-child{padding-left:0}
.ps>svg{flex:none;color:var(--y-d)}
.ps b{display:block;font-size:20px;line-height:25px;font-weight:700}
.ps span{display:block;font-size:14px;line-height:20px;color:var(--muted)}
.ps-cta{display:flex;align-items:center;gap:16px;padding-left:24px;flex:none}
.ps-cta b{font-size:16px;line-height:24px;font-weight:600;white-space:nowrap}
@media (max-width:1100px){.pstats{flex-wrap:wrap;gap:16px 0}.ps{flex:1 1 50%;padding:0 12px 0 0;border-right:0}.ps-cta{flex:1 1 100%;padding:16px 0 0;border-top:1px solid var(--line);justify-content:space-between;flex-wrap:wrap}}
@media (max-width:640px){.ps{flex:1 1 100%}.ps-cta .btn{width:100%}}

/* ---------- temă întunecată (comutator în antet; implicit după sistem, alegerea se memorează) ---------- */
:root[data-theme=dark]{
  color-scheme:dark;--line-strong:#3a4a66;--y-tint:#2a2509;--y-tint-bd:#5c4f12;
  --ink:#e8edf5;--k-2:#b4c0d3;--muted:#94a3b8;
  --bg:#0b1220;--card:#131c2e;--tile:#1b2740;--line:#27344d;--line-2:#1e2a42;
  --y-soft:#4a3f0c;--y-wash:#2a2509;
  --ok:#3ecf7d;--bad:#f87171;--warn:#fbbf24;
  --shadow-lg:0 10px 40px rgba(0,0,0,.45);
}
:root[data-theme=dark] :focus-visible{outline-color:var(--y)}
:root[data-theme=dark] .site-header{background:var(--card)}
:root[data-theme=dark] .btn.dark{background:var(--tile);border-color:var(--line);color:var(--ink)}
:root[data-theme=dark] .btn.dark:hover{background:var(--line)}
:root[data-theme=dark] .btn.danger{border-color:#7f1d1d}
:root[data-theme=dark] .btn.danger:hover{background:#2a1416}
:root[data-theme=dark] .badge.ok{background:#0f2e1f;color:var(--ink);--dot:#6ee7a0}
:root[data-theme=dark] .badge.warn{background:#3a2c06;color:var(--ink);--dot:#fcd34d}
:root[data-theme=dark] .badge.bad{background:#3b1416;color:var(--ink);--dot:#fca5a5}
:root[data-theme=dark] .badge.y{background:#14274a;color:var(--ink);--dot:#93c5fd}
:root[data-theme=dark] .flash{background:#0f2e1f;border-color:#1d5a3b;color:#a7f3c8}
:root[data-theme=dark] .flash.err-box{background:#3b1416;border-color:#7f1d1d;color:#fecaca}
:root[data-theme=dark] .trust.ok .ic{background:#0f2e1f;color:#6ee7a0}
:root[data-theme=dark] .trust.warn .ic{background:#3a2c06;color:#fcd34d}
:root[data-theme=dark] .co-notice.crisis,:root[data-theme=dark] .tile.alert{background:#2a1416;border-color:#7f1d1d}
:root[data-theme=dark] .stars svg,:root[data-theme=dark] .star-input label{fill:#3a4a66;color:#3a4a66}
:root[data-theme=dark] .stars svg.on{fill:var(--y)}
:root[data-theme=dark] .star-input label:hover,:root[data-theme=dark] .star-input label:hover~label,:root[data-theme=dark] .star-input input:checked~label{color:var(--y)}
:root[data-theme=dark] .site-footer{background:#070c16}
:root[data-theme=dark] .logo .l-dark{display:block}:root[data-theme=dark] .logo .l-light{display:none}
.logo .l-dark{display:none}

.theme-toggle{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;padding:0}
.theme-toggle:hover{background:var(--tile)}
/* Autentificare: doar iconița pe desktop; în meniul mobil apare și textul */
.login-ico{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);color:var(--ink);padding:0}
.login-ico:hover{background:var(--tile)}
.login-ico svg{width:20px;height:20px}
.login-ico span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.theme-toggle svg{width:20px;height:20px}
.theme-toggle .i-sun{display:none}
.theme-toggle.m{display:none}
@media(max-width:820px){.head-actions .login-ico{display:flex;width:100%;gap:8px;justify-content:center;align-items:center;font:500 14px var(--font)}.head-actions .login-ico span{position:static;width:auto;height:auto;overflow:visible;clip:auto}.theme-toggle.m{display:inline-grid;margin-left:auto}.theme-toggle.m+.nav-toggle{margin-left:0}.head-actions .theme-toggle{display:none}}
:root[data-theme=dark] .theme-toggle .i-sun{display:block}:root[data-theme=dark] .theme-toggle .i-moon{display:none}
[data-tone=bad]{background:#fef2f2;border-color:#fecaca}
:root[data-theme=dark] [data-tone=bad]{background:#2a1416;border-color:#7f1d1d}
:root[data-theme=dark] .rp-pos{background:#0f2e1f;color:#6ee7a0}:root[data-theme=dark] .worst .rp-pos{background:#3b1416;color:#fca5a5}
:root[data-theme=dark] .hero2{background-color:#2b2a27;background-blend-mode:multiply}:root[data-theme=dark] .hero2::after{background-color:#2b2a27;background-blend-mode:multiply}

/* Hover unitar pe liste: se schimbă doar fundalul (aceeași culoare și durată peste tot) */
.item-link,a.item,a.card,.rp-card,.mini-co,.list-row,table.t tbody tr{transition:background-color .12s}
.item-link:hover,a.item:hover,a.card:hover,.rp-card:hover,.mini-co:hover,.list-row:hover,table.t tbody tr:hover{background:var(--tile)}
.mini-co,.list-row{padding-left:8px;padding-right:8px;margin-left:-8px;margin-right:-8px;border-radius:var(--r-sm)}


/* Antet pe mobil: „Scrie o reclamație" și contul rămân în bara de sus, doar cu iconiță (≤820 px) */
@media(max-width:820px){
  .site-header .wrap{align-items:center;gap:8px}
  .head-actions,.site-header.open .head-actions{display:contents}
  .head-actions .btn{order:1;width:40px;height:40px;padding:0;gap:0;margin-left:auto;flex:none}
  .head-actions .btn .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .head-actions .login-ico{order:2;display:inline-grid;width:40px;gap:0}
  .head-actions .login-ico span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .head-actions .user-chip{order:2;flex:none}
  .user-chip>summary{width:40px;padding:0;gap:0;justify-content:center}
  .user-chip>summary .nm{display:none}
  .theme-toggle.m{order:3;margin-left:0}
  .nav-toggle{order:4;margin-left:0}
  .nav,.site-header.open .nav{order:10}
}

/* Logo pe mobil: doar litera R (marca), în locul siglei complete (≤820 px) */
.logo .m-light,.logo .m-dark{display:none}
@media(max-width:820px){
  .logo .l-light,.logo .l-dark{display:none!important}
  .logo .m-light{display:block}
  :root[data-theme=dark] .logo .m-light{display:none}
  :root[data-theme=dark] .logo .m-dark{display:block}
  .logo img{height:40px;width:auto}
}