:root{
  --ce-bg:#08111f;
  --ce-panel:#0d1b2b;
  --ce-panel-2:#102238;
  --ce-border:#29445f;
  --ce-text:#eef6ff;
  --ce-muted:#9fb0c4;
  --ce-green:#39e49a;
  --ce-blue:#48c9ff;
  --ce-gold:#f5c451;
  --ce-purple:#c084fc;
  --ce-danger:#fb7185;
  --ce-radius:14px;
}

body.ce-polished{
  background:var(--ce-bg);
  color:var(--ce-text);
}

body.ce-polished main{
  max-width:1220px;
  margin:0 auto;
}

.ce-polished .ce-shell{
  max-width:1180px;
  margin:0 auto;
  padding:0 18px;
}

.ce-polished .ce-section-title{
  font-size:12px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--ce-gold);
  margin:0 0 8px;
}

.ce-polished .ce-card{
  background:linear-gradient(180deg,var(--ce-panel-2),var(--ce-panel));
  border:1px solid var(--ce-border);
  border-radius:var(--ce-radius);
  padding:16px;
  min-width:0;
}

.ce-polished .ce-card:hover{
  border-color:#3c6287;
}

.ce-polished .ce-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:12px;
}

.ce-polished .ce-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  padding:4px 9px;
  border:1px solid var(--ce-border);
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  color:var(--ce-muted);
  background:#0b1727;
}

.ce-polished .ce-badge.current{
  color:var(--ce-green);
  border-color:#1e7658;
}

.ce-polished .ce-badge.archive{
  color:var(--ce-muted);
}

.ce-polished a.ce-btn,
.ce-polished button.ce-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 16px;
  border-radius:11px;
  border:1px solid var(--ce-green);
  background:transparent;
  color:var(--ce-green);
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
}

.ce-polished a.ce-btn.primary,
.ce-polished button.ce-btn.primary{
  background:var(--ce-green);
  color:#04110b;
}

.ce-polished a.ce-btn.blue,
.ce-polished button.ce-btn.blue{
  border-color:var(--ce-blue);
  color:var(--ce-blue);
}

.ce-polished .ce-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}

.ce-polished .ce-muted{
  color:var(--ce-muted);
}

.ce-polished .ce-builder-hero{
  background:linear-gradient(180deg,#10243a,#0b1728);
  border:1px solid #315474;
  border-radius:16px;
  padding:18px;
  margin:12px 0 16px;
}

.ce-polished .ce-builder-toolbar{
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(8,17,31,.96);
  border-bottom:1px solid var(--ce-border);
  padding:10px 0;
  backdrop-filter:blur(8px);
}

.ce-polished .ce-builder-toolbar-inner{
  display:flex;
  gap:10px;
  align-items:end;
  flex-wrap:wrap;
}

.ce-polished .ce-control{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:170px;
  flex:1 1 180px;
}

.ce-polished .ce-control label,
.ce-polished label{
  color:#b8c7d8;
  font-size:12px;
  font-weight:800;
}

.ce-polished select,
.ce-polished input[type="number"],
.ce-polished input[type="text"],
.ce-polished input[type="search"]{
  min-height:44px;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  border-radius:10px;
  border:1px solid var(--ce-border);
  background:#0a1626;
  color:var(--ce-text);
  padding:0 12px;
  font-size:15px;
}

.ce-polished select:focus,
.ce-polished input:focus,
.ce-polished button:focus,
.ce-polished a:focus{
  outline:2px solid var(--ce-blue);
  outline-offset:2px;
}

.ce-polished table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}

.ce-polished th{
  position:sticky;
  top:0;
  z-index:2;
  background:#102238;
  color:#c7d5e4;
  text-align:left;
  font-size:12px;
  padding:10px;
  border-bottom:1px solid var(--ce-border);
}

.ce-polished td{
  padding:10px;
  border-bottom:1px solid #1b3148;
}

.ce-polished .ce-table-wrap{
  overflow:auto;
  border:1px solid var(--ce-border);
  border-radius:12px;
}

.ce-polished .ce-results-head{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  margin:14px 0 10px;
}

.ce-polished .ce-metric-strip{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.ce-polished .ce-metric{
  background:#0b1727;
  border:1px solid var(--ce-border);
  border-radius:10px;
  padding:9px 11px;
  font-size:12px;
  color:var(--ce-muted);
}

.ce-polished .ce-metric strong{
  color:var(--ce-text);
}

.ce-polished .ce-playbook-current{
  border-left:4px solid var(--ce-gold);
}

.ce-polished .ce-playbook-archive{
  opacity:.82;
}

.ce-polished .ce-filterbar{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:10px 0 16px;
}

.ce-polished .ce-filterbar button{
  min-height:38px;
  border-radius:999px;
  border:1px solid var(--ce-border);
  color:#b9c8d9;
  background:#0a1626;
  padding:0 12px;
  font-weight:800;
  cursor:pointer;
}

.ce-polished .ce-filterbar button.active{
  border-color:var(--ce-green);
  color:var(--ce-green);
}

.ce-polished [data-ce-hidden="1"]{
  display:none!important;
}

@media (max-width:700px){
  .ce-polished .ce-shell{padding:0 12px}
  .ce-polished .ce-grid{grid-template-columns:1fr}
  .ce-polished .ce-builder-toolbar{position:static}
  .ce-polished .ce-builder-toolbar-inner{display:grid;grid-template-columns:1fr}
  .ce-polished .ce-control{min-width:0}
  .ce-polished .ce-actions a,
  .ce-polished .ce-actions button{width:100%}
}
