/* tools/assets/shell.css — v3 */
:root{
  --bg:#0b0f14; --card:#111822; --text:#e8eef6; --muted:#8fa1b5; --border:#1e293a; --accent:#69d3f5;
}

/* Scope: only under .dm-shell */
.dm-shell, .dm-shell * { box-sizing: border-box; }

.dm-shell{min-height:100vh; display:grid; grid-template-rows:auto 1fr; background:transparent}
.dm-header{display:flex; align-items:center; gap:16px; padding:14px 18px;
  border-bottom:1px solid var(--border); background:#0d141e; position:sticky; top:0; z-index:10; color:#e8eef6}
.dm-logo a{font-weight:800; color:#e8eef6; text-decoration:none}
.dm-nav{margin-left:auto; display:flex; gap:14px}
.dm-nav a{color:#cfe4ff; text-decoration:none}
.dm-nav a:hover{text-decoration:underline}

.dm-wrap{display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:18px; max-width:1280px; margin:24px auto; padding:0 16px}
@media (max-width:980px){ .dm-wrap{grid-template-columns:1fr} .dm-sidebar{order:-1} }
.dm-main{min-width:0}

/* Neutral “frame” just to keep tools nicely contained; avoids stretching */
.dm-tool-frame{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow:0 6px 30px rgba(0,0,0,.35);
  padding:0;             /* the tool already has spacing */
  overflow:hidden;
}

/* If a tool already uses .wrap as an inner container, center it */
.dm-tool-frame > .wrap{
  max-width: 980px;
  margin: 0 auto;
}

/* Safety: common class names used by tools — don’t fight them */
.dm-tool-frame .card{ background:inherit; border:inherit; border-radius:inherit; box-shadow:none; }

/* Sidebar promos */
.dm-sidebar{display:flex; flex-direction:column; gap:12px}
.dm-ad{display:block; background:#0e1624; border:1px solid var(--border); border-radius:12px; padding:14px; color:#e8eef6; text-decoration:none}
.dm-ad h4{margin:0 0 4px 0; font-size:15px}
.dm-ad p{margin:0 0 10px 0; font-size:13px; color:var(--muted)}
.dm-badge{display:inline-block; border:1px solid var(--border); padding:6px 10px; border-radius:10px; font-size:12px; background:#0f1826; color:#cfe4ff}

.dm-footer{padding:14px 18px; border-top:1px solid var(--border); color:var(--muted); font-size:13px; margin-top:24px}