/* control-plane/public/styles.css */
:root {
  --paper:#FBF9F6; --ink:#2C2620; --navy:#35495E; --gold:#BC996A;
  --muted:#8A8478; --rule:rgba(44,38,32,.12); --warn:#B4553C;
}
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink);
       font:16px/1.6 "Gill Sans","Gill Sans MT",Calibri,sans-serif; }
h1 { font:400 1.8rem/1.2 "Times New Roman",Georgia,serif; color:var(--navy); }
nav { display:flex; gap:20px; align-items:center; padding:16px 24px;
      border-bottom:1px solid var(--rule); }
nav .brand { font-family:"Times New Roman",Georgia,serif; color:var(--navy);
             margin-right:auto; }
nav a { color:var(--navy); text-decoration:none; }
nav a[hidden] { display:none; }
main { padding:24px; max-width:60rem; }
label { display:block; margin:0 0 12px; }
input, textarea { width:100%; padding:8px; border:1px solid var(--rule);
                  border-radius:6px; font:inherit; background:var(--paper);
                  color:var(--ink); }
button { padding:8px 16px; border:0; border-radius:6px; background:var(--navy);
         color:var(--paper); font:inherit; cursor:pointer; }
table { border-collapse:collapse; width:100%; }
th, td { text-align:left; padding:10px 12px; border-bottom:1px solid var(--rule); }
th { font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
     color:var(--muted); }
[role=alert] { color:var(--warn); }
#login { max-width:22rem; margin:12vh auto; padding:0 24px; }