@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Big+Shoulders+Display:wght@700;800;900&display=swap');
:root{--bg:#090909;--panel:#101010;--panel2:#161616;--line:#292929;--text:#eee;--muted:#8c8c8c;--yellow:#FFD700;--red:#ff4a1c;--green:#25d17f;--blue:#4a9eff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,rgba(255,215,0,.07),transparent 28%),var(--bg);color:var(--text);font-family:Archivo,Arial,sans-serif;min-height:100vh}a{color:var(--yellow);text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:28px 20px 80px}.top{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#0d0d0df2;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:white;font-weight:800}.brand img{width:34px;height:34px}.brand em{font-style:normal;color:var(--yellow)}.top nav{display:flex;gap:16px;align-items:center}.top nav a{font-size:13px;color:#bbb}.top nav a:hover{color:#fff}h1,h2,h3{font-family:'Big Shoulders Display',sans-serif;margin:0}h1{font-size:42px;line-height:1}.hero{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:12px 0 26px}.sub{color:var(--muted);margin-top:8px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card,.panel{background:var(--panel);border:1px solid var(--line);padding:20px}.card strong{font-size:26px;color:var(--yellow)}.card span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.orders{display:flex;flex-direction:column;gap:8px;margin-top:15px}.order{display:grid;grid-template-columns:130px 1fr 1fr 150px 32px;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:14px 16px;color:#eee}.order:hover{border-color:#6d5d00}.small{font-size:11px;color:var(--muted)}.pill{display:inline-block;border:1px solid #555;padding:5px 9px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.pill.neu{border-color:var(--yellow);color:var(--yellow)}.pill.in_bearbeitung{border-color:var(--blue);color:var(--blue)}.pill.rueckfrage{border-color:#d98d26;color:#d98d26}.pill.fertig{border-color:var(--green);color:var(--green)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:14px}.field label{display:block;font-size:11px;color:#aaa;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;background:#090909;border:1px solid #343434;color:white;padding:12px 13px;outline:none;font:inherit}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--yellow)}textarea{min-height:120px;resize:vertical}.btn{display:inline-block;background:var(--yellow);color:#050505;border:0;padding:12px 16px;font-weight:800;cursor:pointer}.btn.secondary{background:#1c1c1c;color:white;border:1px solid #444}.btn.danger{background:var(--red);color:white}.msg{padding:12px 14px;margin-bottom:16px;border:1px solid #415b30;background:#101c0b}.err{border-color:#72331e;background:#1e0e08;color:#ff9b7b}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.check{display:flex;gap:9px;align-items:center;background:#0b0b0b;border:1px solid #292929;padding:11px}.check input{accent-color:var(--yellow)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:min(440px,100%);background:#0f0f0f;border:1px solid #3a3210;padding:34px}.login .logo{text-align:center;margin-bottom:26px}.login .logo img{width:64px}.login h1{text-align:center;font-size:34px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kv{display:grid;grid-template-columns:150px 1fr;gap:8px;font-size:13px;padding:7px 0;border-bottom:1px solid #202020}.kv span{color:#888}.filebox{border:1px dashed #555;padding:14px;margin-top:10px}.legal{font-size:11px;color:#999;border-left:3px solid var(--yellow);padding-left:10px;margin-top:15px}.empty{padding:45px;text-align:center;border:1px dashed #333;color:#777}.actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:800px){.grid,.form-grid,.detail{grid-template-columns:1fr}.order{grid-template-columns:1fr;gap:5px}.top nav a:not(:last-child){display:none}.checks{grid-template-columns:1fr}}

/* HX audit 2026-09: mobile usability fixes */
@media(max-width:800px){
  .top{height:auto;min-height:66px;padding:10px 14px;gap:10px;flex-wrap:wrap}
  .top nav{display:flex;flex-wrap:wrap;gap:6px 12px;width:100%;padding-top:8px;border-top:1px solid var(--line)}
  .top nav a,.top nav a:not(:last-child){display:inline-block;font-size:12px}
  .hero{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  h1{font-size:34px}
  .wrap{padding:22px 14px 60px}
  .card,.panel{padding:16px}
  .kv{grid-template-columns:1fr;gap:2px}
  .login{padding:26px 20px}
  .btn{min-height:44px}
}

/* V6.9 – Auftragschat */
.chat-panel{margin-top:16px}.chat-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.chat-live{font:700 10px monospace;letter-spacing:.12em;color:var(--green)}.chat-thread{height:360px;overflow:auto;background:#080808;border:1px solid #252525;padding:14px;display:flex;flex-direction:column;gap:10px}.chat-row{display:flex}.chat-row.mine{justify-content:flex-end}.chat-row.theirs{justify-content:flex-start}.chat-bubble{max-width:min(76%,720px);padding:11px 13px;background:#151515;border:1px solid #2b2b2b;line-height:1.45;font-size:13px;white-space:normal;word-break:break-word}.chat-row.mine .chat-bubble{background:#1c1908;border-color:#665800}.chat-meta{font:700 9px monospace;letter-spacing:.08em;color:#777;margin-bottom:6px}.chat-row.mine .chat-meta{color:#c3a900}.chat-empty{text-align:center;color:#777;padding:70px 10px}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px;align-items:stretch}.chat-compose textarea{min-height:78px;margin:0}.chat-compose .btn{min-width:150px}@media(max-width:700px){.chat-bubble{max-width:92%}.chat-compose{grid-template-columns:1fr}.chat-compose .btn{width:100%}}