/* SQCS Control Center — same look as SQCS ERP screens (Arial, #1f2933 header, #2c3e50 table head, #3498db buttons) */
body{font-family:Arial,sans-serif;background:#f4f6f8;margin:0;padding:0;color:#1f2933;font-size:14px}
.top{background:#1f2933;color:#fff;padding:10px 24px;display:flex;align-items:center;gap:16px;font-weight:bold}
.top .name{font-size:16px}.top .sub{font-size:12px;font-weight:normal;opacity:.8}
.top .grow{flex:1}.top a{color:#fff;text-decoration:none;border:1px solid #adb5bd;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:normal}
.top a.on{border-color:#fff;background:rgba(255,255,255,.12)}
.wrap{padding:16px 20px}
h2{font-size:18px;margin:4px 0 14px}h3{font-size:15px;margin:18px 0 8px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.card{background:#fff;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.1);padding:12px 14px}
.card .v{font-size:24px;font-weight:bold;color:#2c3e50}.card .l{font-size:12px;color:#6b7280;margin-top:2px}
table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.12)}
th,td{border:1px solid #ccc;padding:7px 8px;text-align:center;font-size:13px}
th{background:#2c3e50;color:#fff;cursor:default}th.s{cursor:pointer}
tr:nth-child(even) td{background:#f9f9f9}
td.l,th.l{text-align:left}
.btn{padding:6px 12px;background:#3498db;color:#fff;border:none;cursor:pointer;font-size:13px;border-radius:3px}
.btn:hover{background:#2980b9}.btn.g{background:#27ae60}.btn.r{background:#c0392b}.btn.k{background:#7f8c8d}
.btn:disabled{opacity:.6;cursor:wait}
input,select,textarea{padding:6px 8px;border:1px solid #ccc;border-radius:3px;font:13px Arial,sans-serif;box-sizing:border-box}
.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.form{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px 14px;background:#fff;padding:14px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.form label{font-size:12px;font-weight:bold;color:#374151;display:flex;flex-direction:column;gap:4px}
.mods{display:flex;flex-wrap:wrap;gap:6px 14px;grid-column:1/-1;font-size:13px}.mods label{flex-direction:row;font-weight:normal;align-items:center;gap:5px}
.st{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold}
.st.ok{background:#e8f8f0;color:#1e8449}.st.warn{background:#fef5e7;color:#b9770e}.st.bad{background:#fdedec;color:#c0392b}.st.n{background:#eef1f4;color:#4b5563}
.pager{display:flex;gap:6px;align-items:center;justify-content:flex-end;margin-top:8px;font-size:12px}
.msg{position:fixed;left:50%;top:14px;transform:translateX(-50%);padding:10px 16px;border-radius:6px;color:#fff;font-weight:bold;z-index:1000;display:none;max-width:90vw}
.msg.ok{background:#27ae60}.msg.err{background:#c0392b}
.ov{position:fixed;inset:0;background:rgba(17,24,39,.6);display:flex;align-items:center;justify-content:center;z-index:900;padding:16px}
.ov .c{background:#fff;border-radius:8px;max-width:480px;width:100%;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,.3)}
.ov .c input,.ov .c textarea{width:100%;margin:6px 0}
.code{font:bold 20px Consolas,monospace;letter-spacing:2px;background:#eef1f4;padding:10px;text-align:center;border-radius:4px;user-select:all}
.muted{color:#6b7280;font-size:12px}
.loading{color:#6b7280;padding:12px}
.login{max-width:380px;margin:80px auto;background:#fff;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:28px}
.login input{width:100%;margin:6px 0 12px;padding:9px}
.login .btn{width:100%;padding:10px}
.ro .btn:not(.k), .ro #nb, .ro .form button { display: none; }