/* CloudShare — un singur fișier de stil. Culorile vin din temă (variabilele --*), aici doar forma.
   Regula de aspect: butoane transparente cu chenar subțire, colț mic; culoarea doar la mouse / activ. */

:root {
  --line: color-mix(in srgb, var(--text-color) 14%, transparent);
  --line-strong: color-mix(in srgb, var(--text-color) 24%, transparent);
  --soft: color-mix(in srgb, var(--accent-1) 14%, transparent);
  --soft-2: color-mix(in srgb, var(--accent-1) 24%, transparent);
  --ok: #22c55e; --warn: #f59e0b; --bad: #ef4444; --info: #38bdf8;
  --r: 8px; --r-lg: 12px;
}
* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; font: 15px/1.5 "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif; color: var(--text-color); background: var(--bg-color); -webkit-font-smoothing: antialiased; }
a { color: var(--accent-1); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; }
h1, h2, h3 { margin: 0 0 .6em; line-height: 1.25; font-weight: 650; }
h1 { font-size: 1.55rem; } h2 { font-size: 1.25rem; } h3 { font-size: 1.05rem; }
small, .muted { color: var(--text-muted); }
code, .mono { font-family: ui-monospace, "Cascadia Code", Consolas, monospace; font-size: .92em; }
[hidden] { display: none !important; }

/* Fundalul: imaginea + sticla (ca la Evită Amenzi) */
.overlay { position: fixed; inset: 0; z-index: -1; backdrop-filter: blur(var(--wallpaper-blur)); -webkit-backdrop-filter: blur(var(--wallpaper-blur)); }
.overlay::before { content: ""; position: absolute; inset: 0; background: var(--overlay-grad); opacity: var(--overlay-opacity); pointer-events: none; }

/* ===== Bara de sus ===== */
.topbar { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; gap: 14px; padding: 10px 22px; background: var(--card-bg); backdrop-filter: blur(var(--card-blur)); -webkit-backdrop-filter: blur(var(--card-blur)); border-bottom: 1px solid var(--line); }
.brand { display: flex; align-items: center; gap: 9px; color: var(--text-color); font-weight: 700; font-size: 1.08rem; white-space: nowrap; }
.brand:hover { text-decoration: none; }
.brand-logo { max-height: 36px; max-width: 220px; object-fit: contain; display: block; }
.brand-ico { font-size: 1.35rem; }
.mainnav { display: flex; gap: 6px; flex: 1; justify-content: center; flex-wrap: wrap; }
.topbar-right { display: flex; gap: 6px; margin-left: auto; }

/* ===== Butoane — aceeași formă peste tot ===== */
.btn, .nav-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 8px 14px; min-height: 36px; border: 1px solid var(--line-strong); border-radius: var(--r); background: transparent; color: var(--text-color); font: inherit; font-size: .94rem; cursor: pointer; text-decoration: none; white-space: nowrap; transition: border-color .15s, background .15s, color .15s; }
.btn:hover, .nav-btn:hover { border-color: var(--accent-1); color: var(--accent-1); text-decoration: none; }
.nav-btn.active, .btn.active { background: var(--soft); border-color: var(--accent-1); color: var(--accent-1); }
.btn-pri { border-color: var(--accent-1); color: var(--accent-1); background: var(--soft); font-weight: 600; }
.btn-pri:hover { background: var(--soft-2); }
.btn-bad:hover { border-color: var(--bad); color: var(--bad); background: color-mix(in srgb, var(--bad) 10%, transparent); }
.btn-sm { padding: 5px 10px; min-height: 30px; font-size: .86rem; }
.btn-ico { padding: 6px 9px; min-width: 34px; }
.btn[disabled], .btn.disabled { opacity: .45; pointer-events: none; }
.btn-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.btn-row.end { justify-content: flex-end; }
.btn-block { width: 100%; }

/* ===== Cardurile ===== */
.wrap { max-width: 1180px; margin: 0 auto; padding: 26px 18px 90px; }
.wrap.wide { max-width: 1500px; }
.card { background: var(--card-bg); backdrop-filter: blur(var(--card-blur)); -webkit-backdrop-filter: blur(var(--card-blur)); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 22px; box-shadow: 0 10px 30px var(--shadow-color); margin-bottom: 18px; }
.card-head { display: flex; align-items: center; gap: 12px; justify-content: space-between; flex-wrap: wrap; margin-bottom: 14px; }
.card-head h2, .card-head h3 { margin: 0; }
.card-narrow { max-width: 440px; margin-left: auto; margin-right: auto; }
.card-mid { max-width: 680px; margin-left: auto; margin-right: auto; }
.hero { text-align: center; margin: 6px 0 22px; }
.hero h1 { font-size: 1.9rem; margin-bottom: .2em; }
.hero p { color: var(--text-muted); margin: 0; }
.grid2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 16px; }
.set-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 18px; align-items: start; }
.set-menu { position: sticky; top: 76px; background: var(--card-bg); backdrop-filter: blur(var(--card-blur)); -webkit-backdrop-filter: blur(var(--card-blur)); border: 1px solid var(--card-border); border-radius: var(--r-lg); padding: 10px; }
.set-list { display: flex; flex-direction: column; gap: 4px; }
.set-btn { text-align: left; background: transparent; border: 1px solid transparent; color: var(--text-color); padding: 9px 12px; border-radius: var(--r); font: inherit; font-size: .94rem; cursor: pointer; transition: .15s; }
.set-btn:hover { border-color: var(--line-strong); color: var(--accent-1); }
.set-btn.active { border-color: var(--accent-1); color: var(--accent-1); background: var(--soft); }
.set-toggle { display: none; }
.set-body { max-width: 760px; }
.set-sec { display: none; }
.set-sec.active { display: block; }
.set-intro { margin: -4px 0 16px; color: var(--text-muted); font-size: .9rem; }
.set-sec .inp-row { max-width: 460px; }
@media (max-width: 860px) {
  .set-layout { grid-template-columns: 1fr; }
  .set-menu { position: static; }
  .set-toggle { display: flex; width: 100%; justify-content: space-between; background: transparent; border: 1px solid var(--line-strong); color: var(--accent-1); border-radius: var(--r); padding: 10px 12px; font: inherit; cursor: pointer; }
  .set-list { display: none; margin-top: 8px; }
  .set-menu.open .set-list { display: flex; }
}
.grid3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 14px; }
.sep { border: 0; border-top: 1px solid var(--line); margin: 18px 0; }

/* ===== Câmpuri ===== */
.fld { margin-bottom: 14px; }
.fld-lbl { display: block; font-size: .86rem; color: var(--text-muted); margin: 0 0 5px; font-weight: 600; }
.fld-help { font-size: .82rem; color: var(--text-muted); margin-top: 4px; }
.inp { width: 100%; padding: 9px 12px; min-height: 38px; border: 1px solid var(--line-strong); border-radius: var(--r); background: var(--row-bg); color: var(--text-color); font: inherit; outline: none; transition: border-color .15s; }
.inp:focus { border-color: var(--accent-1); }
textarea.inp { min-height: 90px; resize: vertical; }
select.inp { cursor: pointer; }
select.inp option, select.inp optgroup { background: #15151c; color: #fff; }
.inp-row { display: flex; gap: 8px; }
.inp-row > .inp { flex: 1; min-width: 0; }
.inp-row > .unit { flex: none; min-width: 5.5em; white-space: nowrap; color: var(--text-muted); font-size: .9rem; }
.pwd { position: relative; }
.pwd .inp { padding-right: 42px; }
.pwd-eye { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); border: 0; background: none; color: var(--text-muted); cursor: pointer; padding: 6px; font-size: 1rem; }
.chk { display: flex; align-items: center; gap: 9px; cursor: pointer; user-select: none; padding: 4px 0; }
.chk input { width: 17px; height: 17px; accent-color: var(--accent-1); margin: 0; flex-shrink: 0; cursor: pointer; }
input[type=checkbox] { accent-color: var(--accent-1); }
.slider { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; background: var(--row-bg); border: 1px solid var(--line); border-radius: 5px; margin: 6px 0 12px; }
.slider::-webkit-slider-thumb { -webkit-appearance: none; width: 16px; height: 16px; border-radius: 50%; background: var(--accent-1); cursor: ew-resize; }
.slider::-moz-range-thumb { width: 16px; height: 16px; border-radius: 50%; background: var(--accent-1); border: 0; }
.otp { text-align: center; font: 600 1.6rem ui-monospace, Consolas, monospace; letter-spacing: .45em; padding-left: .45em; }

/* ===== Mesaje ===== */
.msg { padding: 11px 14px; border-radius: var(--r); margin-bottom: 14px; border: 1px solid; font-size: .94rem; }
.msg-ok { border-color: color-mix(in srgb, var(--ok) 55%, transparent); background: color-mix(in srgb, var(--ok) 12%, transparent); }
.msg-bad { border-color: color-mix(in srgb, var(--bad) 55%, transparent); background: color-mix(in srgb, var(--bad) 12%, transparent); }
.msg-warn { border-color: color-mix(in srgb, var(--warn) 55%, transparent); background: color-mix(in srgb, var(--warn) 12%, transparent); }
.msg-info { border-color: var(--line-strong); background: var(--row-bg); }
.badge { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 6px; font-size: .78rem; font-weight: 600; border: 1px solid var(--line-strong); white-space: nowrap; }
.b-ok { color: var(--ok); border-color: color-mix(in srgb, var(--ok) 45%, transparent); }
.b-warn { color: var(--warn); border-color: color-mix(in srgb, var(--warn) 45%, transparent); }
.b-bad { color: var(--bad); border-color: color-mix(in srgb, var(--bad) 45%, transparent); }
.b-acc { color: var(--accent-1); border-color: color-mix(in srgb, var(--accent-1) 45%, transparent); }

/* ===== Ferestre (pop-up), meniuri, notificări ===== */
.pop { position: fixed; z-index: 80; top: 58px; right: 18px; width: 290px; background: var(--card-bg); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid var(--line-strong); border-radius: var(--r-lg); padding: 16px; box-shadow: 0 16px 40px var(--shadow-color); }
.pop-menu { padding: 8px; width: 240px; }
.pop-menu a, .pop-menu button { display: block; width: 100%; text-align: left; padding: 9px 10px; border-radius: 6px; color: var(--text-color); background: none; border: 0; font: inherit; cursor: pointer; }
.pop-menu a:hover, .pop-menu button:hover { background: var(--soft); color: var(--accent-1); text-decoration: none; }
.pop-who { padding: 8px 10px 10px; border-bottom: 1px solid var(--line); margin-bottom: 6px; display: flex; flex-direction: column; }
.modal-bg { position: fixed; inset: 0; z-index: 100; background: rgba(0,0,0,.55); backdrop-filter: blur(3px); display: flex; align-items: center; justify-content: center; padding: 16px; animation: fade .15s; }
.modal { width: 100%; max-width: 480px; max-height: 92vh; overflow: auto; background: var(--card-bg); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid var(--line-strong); border-radius: var(--r-lg); box-shadow: 0 24px 60px rgba(0,0,0,.5); }
.modal.lg { max-width: 760px; } .modal.xl { max-width: 1100px; }
.modal-h { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 20px; border-bottom: 1px solid var(--line); }
.modal-h h3 { margin: 0; }
.modal-b { padding: 18px 20px; }
.modal-f { padding: 14px 20px; border-top: 1px solid var(--line); display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.x { border: 0; background: none; color: var(--text-muted); font-size: 1.3rem; cursor: pointer; line-height: 1; padding: 4px 8px; border-radius: 6px; }
.x:hover { color: var(--text-color); background: var(--row-bg); }
#toasts { position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%); z-index: 200; display: flex; flex-direction: column; gap: 8px; align-items: center; pointer-events: none; }
.toast { pointer-events: auto; padding: 10px 16px; border-radius: var(--r); background: var(--card-bg); backdrop-filter: blur(16px); border: 1px solid var(--line-strong); box-shadow: 0 10px 28px var(--shadow-color); font-size: .93rem; animation: up .2s; max-width: 92vw; }
.toast.ok { border-color: color-mix(in srgb, var(--ok) 60%, transparent); }
.toast.bad { border-color: color-mix(in srgb, var(--bad) 60%, transparent); }
@keyframes fade { from { opacity: 0 } }
@keyframes up { from { opacity: 0; transform: translateY(8px) } }

/* ===== File (taburi) — Administrare ===== */
.tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 18px; }
.tab-pane { display: none; } .tab-pane.active { display: block; animation: fade .2s; }

/* ===== Tabelul comun ===== */
.dt-bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 12px; }
.dt-bar .inp { width: auto; min-width: 140px; }
.dt-search { flex: 1 1 240px; min-width: 200px !important; }
.dt-sel { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 8px 12px; border: 1px solid var(--accent-1); background: var(--soft); border-radius: var(--r); margin-bottom: 10px; font-size: .92rem; }
.dt-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--r); }
table.dt { width: 100%; border-collapse: collapse; font-size: .92rem; }
.dt th { text-align: left; font-weight: 600; color: var(--text-muted); font-size: .84rem; padding: 10px 12px; border-bottom: 1px solid var(--line-strong); white-space: nowrap; background: var(--row-bg); position: sticky; top: 0; }
.dt th.sort { cursor: pointer; user-select: none; }
.dt th.sort:hover { color: var(--accent-1); }
.dt th .ar { opacity: .35; font-size: .75em; margin-left: 3px; }
.dt th.on .ar { opacity: 1; color: var(--accent-1); }
.dt td { padding: 9px 12px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.dt tr:last-child td { border-bottom: 0; }
.dt tbody tr:hover { background: var(--row-bg); }
.dt tr.sel { background: var(--soft); }
.dt .c-chk { width: 34px; }
.dt .c-act { text-align: right; white-space: nowrap; width: 1%; }
.act-more { display: none !important; }
@media (max-width: 700px) {
  .dt .c-act { position: relative; }
  .dt-wrap:has(.c-act.open) { overflow: visible; }
  .act-more { display: inline-flex !important; }
  .act-full { display: none; }
  .c-act.open .act-full { display: flex; flex-direction: column; align-items: stretch; gap: 4px; position: absolute; right: 6px; top: calc(100% - 6px); z-index: 30; min-width: 190px; padding: 8px; background: var(--card-bg); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid var(--line-strong); border-radius: var(--r-lg); box-shadow: 0 12px 30px var(--shadow-color); }
  .c-act.open .act-full .btn { justify-content: flex-start; width: 100%; }
  .c-act.open .act-full .btn-ico[title]::after { content: attr(title); font-size: .9rem; }
  .dt tr:last-child .c-act.open .act-full, .dt tr:nth-last-child(2) .c-act.open .act-full { top: auto; bottom: calc(100% - 6px); }
}
.dt .c-num { text-align: right; white-space: nowrap; }
.dt .nowrap { white-space: nowrap; }
.dt .clip { max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dt-empty { text-align: center; color: var(--text-muted); padding: 34px 12px !important; }
.dt-foot { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 10px; font-size: .9rem; color: var(--text-muted); }
.dt-pager { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; }
.dt-pager .btn { min-width: 34px; padding: 4px 9px; min-height: 30px; }
.dt-loading { opacity: .5; pointer-events: none; }

/* ===== Urcare (transfer și explorer) ===== */
.drop { border: 2px dashed var(--line-strong); border-radius: var(--r-lg); padding: 34px 18px; text-align: center; cursor: pointer; transition: border-color .15s, background .15s; background: var(--row-bg); }
.drop:hover, .drop.over { border-color: var(--accent-1); background: var(--soft); }
.drop-ico { font-size: 2.6rem; line-height: 1; margin-bottom: 8px; }
.drop b { display: block; font-size: 1.08rem; margin-bottom: 4px; }
.qlist { margin-top: 14px; display: flex; flex-direction: column; gap: 6px; max-height: 320px; overflow: auto; }
.qitem { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--line); border-radius: var(--r); background: var(--row-bg); font-size: .9rem; }
.qitem .qn { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qitem .qs { color: var(--text-muted); white-space: nowrap; font-size: .84rem; }
.qitem.err { border-color: color-mix(in srgb, var(--bad) 55%, transparent); }
.qitem.done .qs { color: var(--ok); }
.bar { height: 8px; border-radius: 6px; background: var(--row-bg); border: 1px solid var(--line); overflow: hidden; }
.bar > i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--accent-1), var(--accent-2)); transition: width .2s; }
.bar.sm { height: 5px; width: 90px; flex-shrink: 0; }
.upstat { display: flex; justify-content: space-between; font-size: .88rem; color: var(--text-muted); margin-top: 6px; gap: 10px; flex-wrap: wrap; }
.linkbox { display: flex; gap: 8px; align-items: center; padding: 10px; border: 1px solid var(--accent-1); border-radius: var(--r); background: var(--soft); }
.linkbox input { flex: 1; border: 0; background: none; color: var(--text-color); font: 600 .98rem ui-monospace, Consolas, monospace; outline: none; min-width: 0; }

/* ===== Explorer ===== */
.crumbs { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; font-size: .96rem; }
.crumbs a, .crumbs span { padding: 4px 8px; border-radius: 6px; color: var(--text-color); }
.crumbs a:hover { background: var(--soft); color: var(--accent-1); text-decoration: none; }
.crumbs .sep-c { color: var(--text-muted); padding: 0 2px; }
.quota { display: flex; align-items: center; gap: 10px; font-size: .88rem; color: var(--text-muted); }
.quota .bar { width: 160px; }
.fname { display: flex; align-items: center; gap: 10px; min-width: 0; }
.fname .fi { font-size: 1.25rem; width: 26px; text-align: center; flex-shrink: 0; }
.fname a, .fname span.n { color: var(--text-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fname a:hover { color: var(--accent-1); }
.grid-view { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; padding: 12px; }
.gcell { position: relative; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 14px 10px 10px; text-align: center; background: var(--row-bg); cursor: pointer; transition: border-color .15s; }
.gcell:hover { border-color: var(--accent-1); }
.gcell.sel { border-color: var(--accent-1); background: var(--soft); }
.gcell .gi { font-size: 2.4rem; line-height: 1.2; height: 74px; display: flex; align-items: center; justify-content: center; }
.gcell .gi img { max-height: 74px; max-width: 100%; border-radius: 6px; object-fit: cover; }
.gcell .gn { font-size: .86rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 6px; }
.gcell .gm { font-size: .76rem; color: var(--text-muted); }
.gcell input { position: absolute; top: 8px; left: 8px; }
.dropzone-over { outline: 2px dashed var(--accent-1); outline-offset: -6px; }
.tree { max-height: 340px; overflow: auto; border: 1px solid var(--line); border-radius: var(--r); padding: 6px; }
.tree div { padding: 7px 10px; border-radius: 6px; cursor: pointer; }
.tree div:hover { background: var(--soft); }
.tree div.on { background: var(--soft-2); color: var(--accent-1); }

/* ===== Previzualizare ===== */
.pv { display: flex; align-items: center; justify-content: center; min-height: 50vh; max-height: 78vh; background: rgba(0,0,0,.25); border-radius: var(--r); overflow: auto; }
.pv img, .pv video { max-width: 100%; max-height: 78vh; }
.pv iframe { width: 100%; height: 78vh; border: 0; background: #fff; border-radius: var(--r); }
.pv pre { width: 100%; margin: 0; padding: 16px; white-space: pre-wrap; word-break: break-word; font-size: .85rem; max-height: 78vh; overflow: auto; }

/* ===== Statistici mici (administrare) ===== */
.stat { padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--row-bg); }
.stat b { display: block; font-size: 1.5rem; font-weight: 650; }
.stat span { color: var(--text-muted); font-size: .86rem; }

/* ===== Contact (dreapta jos) ===== */
.contact-widgets { position: fixed; bottom: 18px; right: 18px; display: flex; flex-direction: column; gap: 8px; z-index: 40; }
.widget-btn { padding: 8px 14px; border-radius: var(--r); background: var(--card-bg); backdrop-filter: blur(var(--card-blur)); border: 1px solid var(--line-strong); color: var(--text-color); font-size: .86rem; box-shadow: 0 6px 18px var(--shadow-color); }
.widget-btn:hover { border-color: var(--accent-1); color: var(--accent-1); text-decoration: none; }

/* ===== Pagina de autentificare ===== */
.auth-wrap { min-height: calc(100vh - 160px); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.auth-links { display: flex; justify-content: space-between; gap: 10px; margin-top: 14px; font-size: .9rem; flex-wrap: wrap; }
.qr { background: #fff; padding: 12px; border-radius: var(--r); display: inline-block; line-height: 0; }
.qr svg, .qr img { width: 190px; height: 190px; display: block; }
.secret { font: 600 1.05rem ui-monospace, Consolas, monospace; letter-spacing: .12em; word-break: break-all; padding: 8px 10px; border: 1px dashed var(--line-strong); border-radius: var(--r); display: inline-block; }

/* ===== Telefon ===== */
@media (max-width: 860px) {
  .topbar { padding: 8px 12px; gap: 8px; flex-wrap: wrap; }
  .mainnav { order: 3; flex: 1 1 100%; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; }
  .mainnav::-webkit-scrollbar { display: none; }
  .nav-btn span { display: none; }
  .mainnav .nav-btn span { display: inline; }
  .wrap { padding: 16px 10px 90px; }
  .card { padding: 16px; }
  .contact-widgets { position: static; flex-direction: row; justify-content: center; flex-wrap: wrap; padding: 0 10px 20px; }
  .dt-bar .inp { flex: 1 1 140px; }
  .dt td, .dt th { padding: 8px; }
  .dt .hide-m { display: none; }
  .quota .bar { width: 100px; }
  .pop { right: 8px; left: 8px; width: auto; }
  #ad-stats { grid-template-columns: 1fr 1fr; gap: 10px; }
  #ad-stats .stat { padding: 10px 12px; }
  #ad-stats .stat b { font-size: 1.2rem; }
}
/* eroarea unui fisier din coada: pe randul de sub nume, rupta pe randuri */
.qitem { flex-wrap: wrap; }
.qitem .qs.qerr { flex: 1 1 100%; white-space: normal; overflow-wrap: anywhere; color: var(--bad); }
/* Administrare -> Transferuri: fisierele unui transfer */
.txf { font-size: .86rem; }
.txf-more { display: inline-block; margin-left: 4px; padding: 0 7px; border-radius: 999px; border: 1px solid var(--line-strong); font-size: .76rem; color: var(--text-muted); cursor: help; }
.txf[data-files]:hover .txf-more { color: var(--text-color); }
#txf-tip { position: fixed; z-index: 200; pointer-events: none; max-width: min(460px, calc(100vw - 24px)); max-height: 60vh; overflow: hidden; padding: 10px 14px; border-radius: var(--r); border: 1px solid var(--line-strong); background: var(--card-bg); backdrop-filter: blur(12px); box-shadow: 0 14px 34px rgba(0,0,0,.45); font-size: .84rem; color: var(--text-color); }
#txf-tip .txf-h { font-weight: 600; color: var(--text-muted); margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid var(--line); }
#txf-tip ul { margin: 0; padding: 0 0 0 18px; }
#txf-tip li { padding: 3px 0; }
#txf-tip li .n { overflow-wrap: anywhere; }
#txf-tip li .s { color: var(--text-muted); margin-left: 8px; white-space: nowrap; font-size: .78rem; }
#txf-tip .txf-x { color: var(--text-muted); margin-top: 4px; }
/* pagina unui transfer: numele lungi se rup pe randuri, fara bara de derulare */
#dl-list td:first-child { width: 100%; }
#dl-list .fname a, #dl-list .fname span.n { white-space: normal; overflow-wrap: anywhere; }
#dl-list .c-num, #dl-list .c-act { white-space: nowrap; }
/* Setări → Locații de stocare */
.sl-item { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 220px); gap: 6px 16px; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--r); margin-bottom: 8px; }
.sl-path { font-family: ui-monospace, monospace; font-size: .8rem; color: var(--text-muted); overflow-wrap: anywhere; margin-top: 2px; }
.sl-msg { font-size: .82rem; margin-top: 4px; overflow-wrap: anywhere; }
.sl-nums { font-size: .84rem; }
.sl-nums .bar { margin-top: 4px; }
.sl-acts { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.sl-why { grid-column: 1 / -1; font-size: .8rem; text-align: right; }
@media (max-width: 640px) { .sl-item { grid-template-columns: 1fr; } .sl-acts { justify-content: flex-start; } .sl-why { text-align: left; } }