:root{
  --bg:#faf5e9; --faixa:#f3ecda; --card:#e9e1cf; --linha:#e6dcc4;
  --tinta:#46422f; --suave:#736d5f; --label:#94907f;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tinta);
  font-family:ui-sans-serif,system-ui,'Segoe UI',Arial}
a{color:#3b6fb0;text-decoration:none}
.topbar{position:sticky;top:0;z-index:30;
  background:rgba(243,236,218,.82);backdrop-filter:saturate(1.15) blur(9px);
  -webkit-backdrop-filter:saturate(1.15) blur(9px);
  border-bottom:1px solid var(--linha);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 6px 16px -10px rgba(60,52,36,.35);
  padding:8px 18px;display:flex;gap:5px;align-items:center}
.topbar .brand{display:flex;align-items:center;gap:9px;margin-right:16px;
  font-weight:700;color:var(--tinta);letter-spacing:.005em}
.topbar .brand svg{display:block;filter:drop-shadow(0 1px 1px rgba(60,52,36,.18))}
.topbar .brand b{font-weight:700;line-height:1}
.topbar .brand .eyebrow{font-size:9px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:#a99a6f;border-radius:4px;
  padding:2px 5px;margin-left:1px}
.nav{display:flex;gap:2px;align-items:center}
.nav a{position:relative;color:var(--suave);font-weight:600;font-size:14px;
  padding:7px 13px;border-radius:9px;line-height:1;
  transition:background .15s ease,color .15s ease}
.nav a:hover{background:rgba(70,66,47,.07);color:var(--tinta)}
.nav a.active{background:#fff;color:var(--tinta);
  box-shadow:0 1px 2px rgba(60,52,36,.13),0 0 0 1px var(--linha)}
.nav a.active::before{content:"";display:inline-block;width:6px;height:6px;
  border-radius:50%;background:#6cae7f;margin-right:7px;vertical-align:middle;
  box-shadow:0 0 0 3px #d9ecde}
.topbar .spacer{margin-left:auto}
.topbar .act{display:inline-flex;align-items:center;gap:6px;font-size:14px;
  font-weight:600;background:#6cae7f;color:#fff;border:1px solid #5fa473;
  border-radius:9px;padding:7px 13px;transition:background .15s ease}
.topbar .act:hover{background:#5fa473;color:#fff}
.topbar .signout{color:var(--label);font-size:13px;font-weight:500;
  padding:7px 11px;border-radius:8px;transition:background .15s,color .15s}
.topbar .signout:hover{color:var(--suave);background:rgba(70,66,47,.06)}
.wrap{max-width:1200px;margin:0 auto;padding:18px}
.card{background:#fff;border:1px solid var(--linha);border-radius:12px;
  box-shadow:0 1px 3px rgba(60,52,36,.10);overflow:hidden}
.card-head{background:var(--card);padding:10px 16px;border-bottom:1px solid var(--linha)}
.faixa{background:var(--faixa);border-bottom:1px solid var(--linha);
  padding:11px 18px;display:flex;gap:18px;align-items:center;font-size:13px;color:var(--suave)}
input,select,textarea{font:inherit;padding:6px 8px;border:1px solid #d8cfb8;
  border-radius:6px;background:#fffdf7}
.btn{background:#6cae7f;color:#fff;border:1px solid #5fa473;border-radius:8px;
  padding:7px 14px;cursor:pointer;font-weight:600}
.chip{font-size:12px;padding:6px 12px;border-radius:8px;border:1px solid;display:inline-block}
.badge{border-radius:20px;padding:3px 12px;font-weight:600;font-size:12px;
  background:#ecf4ec;color:#3a7d4f;border:1px solid #cde3d2}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:7px 10px;border-bottom:1px solid #efe8d6}
thead th{color:var(--label);font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--label)}
.mbanner{font-size:13px;border-radius:9px;padding:10px 13px;border:1px solid;line-height:1.45}
.mbanner.ok{background:#ecf4ec;border-color:#cde3d2;color:#2f6b41}
.mbanner.new{background:#fbf3df;border-color:#e7d9b0;color:#8a6d12}
.mbanner.flat{background:var(--faixa);border-color:var(--linha);color:var(--suave)}
.mbanner-sub{margin-top:4px;font-size:12px;opacity:.85}