
/* Minimal Black & White theme */
:root{
  --bg:#ffffff; --text:#111111; --muted:#555555; --line:#111111; --soft:#f7f7f7;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;line-height:1.4}
a{color:var(--text);text-decoration:none}
a:hover{opacity:.8}
.container{max-width:1200px;margin:0 auto;padding:16px}
.topnav{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--line);z-index:1000}
.topnav .container{display:flex;align-items:center;gap:12px}
.topnav .brand{font-weight:700;margin-right:auto}
.topnav a.nav{padding:6px 10px;border:1px solid var(--line);border-radius:4px}
.btn{background:#fff;border:1px solid var(--line);padding:6px 10px;border-radius:4px;cursor:pointer}
.btn:hover{background:#000;color:#fff}
.btn-danger{background:#fff;border-color:#000;color:#000}
.btn-danger:hover{background:#000;color:#fff}
input,select,textarea{width:100%;padding:8px;border:1px solid var(--line);background:#fff;color:#111;border-radius:4px}
table{width:100%;border-collapse:collapse}
th,td{border:1px solid var(--line);padding:8px;vertical-align:middle}
th{background:#fff;font-weight:600}
.card{border:1px solid var(--line);padding:12px;border-radius:6px;background:#fff}
.grid{display:grid;gap:12px}
.grid.cols-2{grid-template-columns:1fr 1fr}
@media (max-width: 800px){ .grid.cols-2{grid-template-columns:1fr} }
footer{padding:16px 0;color:var(--muted)}
/* Context menu */
#ctx{position:fixed;display:none;background:#fff;border:1px solid var(--line);z-index:9999;border-radius:4px;box-shadow:none;color:var(--text)!important}
#ctx button{display:block;width:260px;background:#fff!important;border:1px solid var(--line)!important;padding:8px 12px;text-align:left;cursor:pointer;color:var(--text)!important}
#ctx button:last-child{border-bottom:0}
#ctx button:hover{background:#000!important;color:#fff!important}
