/* Panou admin ultimabucata.ro */
:root { --text:#1f242d; --muted:#6b7280; --line:#e5e7eb; --bg:#f3f4f6; --accent:#f25c05; --red:#dc2626; --green:#16a34a; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin:0; font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif; color:var(--text); background:var(--bg); }
a { color:#c94a00; }
h1 { font-size:24px; margin:0 0 16px; }
h2 { font-size:16px; margin:0 0 12px; }
.muted { color:var(--muted); } .small { font-size:12px; }
.top { background:#1f242d; color:#fff; display:flex; align-items:center; gap:20px; padding:0 20px; flex-wrap:wrap; }
.brand { color:#fff; font-weight:700; text-decoration:none; padding:14px 0; } .brand span { color:var(--accent); }
.top nav { display:flex; gap:2px; flex-wrap:wrap; }
.top nav a { color:#d1d5db; text-decoration:none; padding:16px 12px; }
.top nav a.on, .top nav a:hover { color:#fff; box-shadow:inset 0 -3px 0 var(--accent); }
.top__right { margin-left:auto; display:flex; gap:16px; align-items:center; }
.top__right a { color:#d1d5db; }
.pill { background:var(--accent); color:#fff; border-radius:999px; padding:0 7px; font-size:11px; }
.main { max-width:1280px; margin:0 auto; padding:24px 20px 60px; }
.box { background:#fff; border:1px solid var(--line); border-radius:10px; padding:18px; margin-bottom:18px; }
.cols { display:grid; grid-template-columns:1fr 1fr; gap:18px; } .cols--form { grid-template-columns:2fr 1fr; align-items:start; }
.head-row { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom:12px; } .head-row h1 { margin:0; }
.btn { display:inline-block; background:var(--accent); color:#fff; border:0; border-radius:8px; padding:9px 18px; font:inherit; font-weight:600; cursor:pointer; text-decoration:none; }
.btn:hover { background:#c94a00; } .btn--sm { padding:6px 12px; font-size:13px; } .btn--block { width:100%; }
.btn--ghost { background:#fff; color:var(--text); border:1px solid var(--line); } .btn--ghost:hover { background:var(--bg); }
.link { background:none; border:0; color:#c94a00; cursor:pointer; padding:0; font:inherit; text-decoration:underline; }
.top .link { color:#d1d5db; }
.danger { color:var(--red) !important; } .danger-zone { margin-top:24px; text-align:right; }
label { display:block; font-weight:500; margin-bottom:12px; }
input:not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea { display:block; width:100%; margin-top:4px; padding:8px 10px; border:1px solid #d1d5db; border-radius:6px; font:inherit; background:#fff; }
.tbl input, .tbl select { margin-top:0; }
label.check { display:flex; gap:8px; align-items:center; font-weight:400; }
.grid2 { display:grid; grid-template-columns:1fr 1fr; gap:0 12px; }
.prefix { display:flex; align-items:center; margin-top:4px; } .prefix span { color:var(--muted); padding-right:4px; white-space:nowrap; } .prefix input { margin-top:0 !important; }
.flash { padding:12px 16px; border-radius:8px; margin-bottom:16px; background:#dcfce7; color:#166534; }
.flash--err { background:#fee2e2; color:#991b1b; } .flash--warn { background:#fef3c7; color:#92400e; }
.cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:12px; margin-bottom:18px; }
.stat { background:#fff; border:1px solid var(--line); border-radius:10px; padding:16px; text-decoration:none; color:inherit; display:flex; flex-direction:column; }
.stat b { font-size:22px; } .stat span { color:var(--muted); } .stat--warn { border-color:#f59e0b; background:#fffbeb; }
.setup { list-style:none; padding:0; margin:0; } .setup li { padding:4px 0; } .setup small { color:var(--muted); }
.tbl { width:100%; border-collapse:collapse; background:#fff; }
.tbl th, .tbl td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); vertical-align:middle; }
.tbl th { font-size:12px; text-transform:uppercase; color:var(--muted); font-weight:600; }
.tbl tr[data-href] { cursor:pointer; } .tbl tr[data-href]:hover { background:#fafafa; }
.tbl tr.off { opacity:.55; } .tbl .total td { font-weight:700; }
.tbl--products img { width:44px; height:44px; object-fit:contain; border:1px solid var(--line); border-radius:6px; background:#fff; }
.stock-input { width:80px !important; } .stock-input.changed { border-color:var(--accent); background:#fff7f2; }
.w60 { width:70px !important; }
.tag { display:inline-block; border-radius:999px; padding:1px 9px; font-size:12px; background:#e5e7eb; white-space:nowrap; }
.tag--noua { background:#dbeafe; color:#1e40af; } .tag--confirmata { background:#e0e7ff; color:#3730a3; }
.tag--expediata { background:#fef3c7; color:#92400e; } .tag--livrata { background:#dcfce7; color:#166534; }
.tag--anulata, .tag--returnata { background:#fee2e2; color:#991b1b; }
.tag--p-platita { background:#dcfce7; color:#166534; } .tag--p-esuata { background:#fee2e2; color:#991b1b; } .tag--p-in_asteptare { background:#fef3c7; color:#92400e; }
.tag--warn { background:#fef3c7; color:#92400e; }
.filters { display:flex; gap:8px; margin-bottom:14px; flex-wrap:wrap; } .filters input, .filters select { width:auto; margin:0; } .filters input[type=search] { min-width:260px; }
.sticky-save { position:sticky; bottom:0; background:#fff; border-top:1px solid var(--line); padding:12px; text-align:right; }
.events { list-style:none; padding:0; margin:0; } .events li { padding:4px 0; border-bottom:1px dashed var(--line); } .events small { color:var(--muted); margin-right:6px; }
.note { background:#fef3c7; padding:8px 12px; border-radius:6px; }
.editor { border:1px solid #d1d5db; border-radius:6px; margin-bottom:12px; background:#fff; }
.editor__bar { display:flex; gap:4px; padding:6px; border-bottom:1px solid var(--line); background:#f9fafb; flex-wrap:wrap; }
.editor__bar button { border:1px solid var(--line); background:#fff; border-radius:4px; padding:3px 9px; cursor:pointer; font:inherit; font-size:13px; }
.editor__area { min-height:180px; padding:10px 14px; outline:none; } .editor__area--tall { min-height:420px; }
.imgs { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.imgs__item { width:130px; text-align:center; font-size:12px; } .imgs__item img { width:120px; height:120px; object-fit:contain; border:1px solid var(--line); border-radius:8px; margin:0 auto 4px; background:#fff; }
.imgs__item form { display:flex; justify-content:center; gap:8px; }
.upload { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.inline { display:flex; gap:8px; align-items:center; flex-wrap:wrap; } .inline h2 { width:100%; } .inline input, .inline select { width:auto; margin:0; }
.msg--new { border-left:4px solid var(--accent); } .msg__head { display:flex; gap:8px; flex-wrap:wrap; align-items:center; } .msg__head small { color:var(--muted); margin-left:auto; }
.msg__body { white-space:pre-wrap; }
.errors { color:#991b1b; }
.login { display:grid; place-items:center; min-height:100vh; }
.login__box { background:#fff; padding:32px; border-radius:12px; width:100%; max-width:360px; box-shadow:0 10px 30px rgba(0,0,0,.08); }
.login__box h1 { margin:0; font-size:22px; } .login__box h1 span { color:var(--accent); } .login__box p { color:var(--muted); margin-top:4px; }
.login__box .btn { width:100%; }
@media (max-width:900px) {
  .cols, .cols--form { grid-template-columns:1fr; }
  .top__right { margin-left:0; }
  .tbl { display:block; overflow-x:auto; }
  .filters input[type=search] { min-width:0; flex:1; }
}