/* app.css — Hub Casa Hirscher */
:root { --bg:#101418; --card:#181d23; --border:#2a3138; --fg:#e8ecf1; --mut:#96a1ad; --acc:#c9a35c; --ok:#3f9d61; --err:#c95b4f; }
* { box-sizing: border-box; }
body { margin:0; font: 15px/1.45 system-ui, sans-serif; background:var(--bg); color:var(--fg); }
main { max-width: 1150px; margin: 0 auto; padding: 20px 14px 60px; }
h1 { font-size: 21px; margin: 4px 0 16px; }
.card { background: var(--card); border:1px solid var(--border); border-radius: 10px; padding: 14px 16px; margin-bottom: 14px; }
input, select, textarea { background:#0e1216; color:var(--fg); border:1px solid var(--border); border-radius:6px; padding:8px 10px; font:inherit; }
input:focus, textarea:focus { outline:1px solid var(--acc); }
button { background:#232a32; color:var(--fg); border:1px solid var(--border); border-radius:6px; padding:8px 12px; cursor:pointer; font:inherit; }
button:hover { border-color:var(--acc); }
button.primary { background:var(--acc); color:#14181c; border-color:var(--acc); font-weight:600; }
button:disabled { opacity:.45; cursor:not-allowed; }
label { display:block; margin:10px 0 4px; color:var(--mut); font-size:13px; }
.msg { min-height:20px; margin-top:10px; font-size:14px; } .msg.ok{color:var(--ok)} .msg.err{color:var(--err)}
.login-box { max-width:380px; margin:8vh auto; }
.bar { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:12px; }
.bar .grow { flex:1; }
.tab.active { border-color:var(--acc); color:var(--acc); }
table { width:100%; border-collapse: collapse; font-size:14px; }
th, td { text-align:left; padding:7px 8px; border-bottom:1px solid var(--border); vertical-align:top; }
td.name { min-width:220px; } .mut{color:var(--mut); font-size:12px;}
.prio { display:inline-block; padding:2px 7px; border-radius:5px; font-weight:700; font-size:12px; background:#232a32; }
.prio-A { color:#f5d08a; } .prio-B { color:#bcd3ea; } .prio-C { color:#96a1ad; }
.st-nou{color:#9fd3a8} .st-contactat{color:#d8c47a} .st-raspuns{color:#7ec3f0} .st-partener{color:#8ce0a5} .st-respins{color:#e08a80}
.badge { background:#232a32; border:1px solid var(--border); border-radius:5px; padding:1px 6px; font-size:11px; margin-left:6px; }
.dot { display:inline-block; min-width:10px; padding:0 3px; background:var(--err); color:#fff; border-radius:8px; text-align:center; font-size:11px; }
#drawer { position:fixed; inset:0 0 0 auto; width:min(520px,94vw); background:var(--card); border-left:1px solid var(--border); padding:18px; overflow:auto; z-index:20; }
.field { border-bottom:1px solid var(--border); padding:8px 0; } .field .k{color:var(--mut); font-size:12px; text-transform:uppercase;}
textarea { width:100%; min-height:70px; }
.count-box { font-size:13px; color:var(--mut); }
.prev-body { white-space:pre-wrap; background:#0e1216; border:1px solid var(--border); border-radius:8px; padding:10px 12px; margin:8px 0; font-size:13.5px; }
.queue-item { border:1px solid var(--border); border-radius:10px; padding:12px; margin-bottom:12px; background:var(--card); }
.queue-item h3 { margin:0 0 4px; font-size:16px; }
.grid2 { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
#composer { position:fixed; inset:0 0 0 auto; width:min(540px,96vw); background:var(--card); border-left:1px solid var(--border); padding:18px; overflow:auto; z-index:25; }
#composer textarea, #composer input, #composer select { width:100%; }
.q-actions { display:flex; gap:8px; align-items:center; margin-top:8px; flex-wrap:wrap; }
.qsel { display:flex; gap:6px; align-items:center; margin:0; color:var(--fg); font-size:13px; }
.qsel input { width:auto; }
main { padding-right: 20px; }
@media (max-width:700px){ #composer { width:100vw; } }
@media (max-width:700px){ .grid2{grid-template-columns:1fr} td.c-cat,td.c-city{display:none} }