/* Envelope Tooling editor — master–detail. Teal-600 (#0d9488) primary. */

.et-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.et-head-actions { display:flex; gap:.5rem; }
.et-sub { color:#555; font-size:.85rem; margin:.25rem 0 1.25rem; max-width:70ch; }

.et-layout { display:grid; grid-template-columns:280px 1fr; gap:1.25rem; align-items:start; }

/* ── Master list ── */
.et-list { border:1px solid #e2e8f0; border-radius:8px; background:#fff; overflow:hidden; position:sticky; top:1rem; }
.et-search { width:100%; border:none; border-bottom:1px solid #e2e8f0; padding:.6rem .75rem; font-size:.85rem; box-sizing:border-box; }
.et-search:focus { outline:none; border-bottom-color:#0d9488; }
.et-die-list { max-height:72vh; overflow-y:auto; }
.et-style-group { border-bottom:1px solid #f1f5f9; }
.et-style-header { background:#f5f7f3; color:#0f766e; font-weight:700; font-size:.72rem; text-transform:uppercase; letter-spacing:.04em; padding:.4rem .75rem; position:sticky; top:0; }
.et-die-item { display:flex; align-items:center; gap:.5rem; width:100%; border:none; background:none; text-align:left; padding:.45rem .75rem; cursor:pointer; font-size:.82rem; border-left:3px solid transparent; }
.et-die-item:hover { background:#f0fdfa; }
.et-die-item.active { background:#ecfdf5; border-left-color:#0d9488; }
.et-die-ref { font-family:ui-monospace,monospace; color:#0d9488; font-weight:600; min-width:56px; }
.et-die-size { color:#334155; flex:1; }
.et-die-flag { color:#0d9488; font-size:.9rem; }
.et-empty, .et-placeholder p { color:#94a3b8; font-size:.85rem; padding:1rem; }

/* ── Detail ── */
.et-detail { border:1px solid #e2e8f0; border-radius:8px; background:#fff; padding:1.25rem; }
.et-placeholder { display:flex; align-items:center; justify-content:center; min-height:200px; }
.et-detail-head { display:flex; align-items:flex-start; justify-content:space-between; border-bottom:1px solid #f1f5f9; padding-bottom:.75rem; margin-bottom:1rem; }
.et-detail-head h2 { margin:0; font-size:1.05rem; color:#0f172a; }
.et-detail-meta { color:#64748b; font-size:.8rem; margin-top:.15rem; }
.et-status { font-size:.68rem; text-transform:uppercase; letter-spacing:.04em; padding:.15rem .5rem; border-radius:999px; background:#dcfce7; color:#166534; }
.et-status.inactive { background:#fee2e2; color:#991b1b; }

.et-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.et-card { border:1px solid #e2e8f0; border-radius:6px; padding:.75rem .9rem 1rem; margin:0; }
.et-card--wide { grid-column:1 / -1; }
.et-card legend { font-size:.72rem; text-transform:uppercase; letter-spacing:.04em; color:#0f766e; font-weight:700; padding:0 .35rem; }
.et-row { display:flex; gap:.75rem; margin-top:.5rem; }
.et-row label { flex:1; display:flex; flex-direction:column; font-size:.72rem; color:#475569; gap:.2rem; }
.et-in { border:1px solid #cbd5e1; border-radius:4px; padding:.3rem .4rem; font-size:.85rem; }
.et-in:focus { outline:none; border-color:#0d9488; }
.et-in.inherited { color:#94a3b8; background:#f8fafc; }
.et-in.changed { background:#fef3c7; border-color:#f59e0b; }
.et-in.saved { background:#d1fae5; border-color:#10b981; transition:background .5s; }
.et-hint { color:#94a3b8; font-size:.72rem; margin:.5rem 0 0; }

/* ── Dieline ── */
.et-dieline-bar { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; margin-bottom:.75rem; }
.et-dieline-status { font-size:.75rem; color:#64748b; }
.et-dieline-preview { border:1px dashed #cbd5e1; border-radius:6px; background:#f8fafc; min-height:120px; display:flex; align-items:center; justify-content:center; padding:.75rem; }
.et-dieline-preview svg { max-width:100%; max-height:320px; height:auto; }

/* ── Parametric style binding ── */
.et-style-bind { margin-top:.75rem; border-top:1px dashed #e2e8f0; padding-top:.6rem; }
.et-style-bind-head { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }
.et-style-bind-label { font-size:.75rem; color:#475569; font-weight:600; }
.et-style-params { display:flex; gap:.6rem; flex-wrap:wrap; margin-top:.5rem; }
.et-style-params label { display:flex; flex-direction:column; font-size:.7rem; color:#475569; gap:.2rem; }
.et-style-params input { width:76px; border:1px solid #cbd5e1; border-radius:4px; padding:.25rem; text-align:center; font-size:.82rem; }

/* ── Imposition ── */
.et-impose { display:flex; gap:.75rem; flex-wrap:wrap; }
.et-impose-card { border:1px solid #e2e8f0; border-radius:6px; padding:.5rem; text-align:center; min-width:130px; }
.et-impose-card h4 { margin:0 0 .3rem; font-size:.7rem; color:#555; text-transform:uppercase; letter-spacing:.03em; }
.et-impose-card svg { display:block; margin:0 auto; }
.et-impose-label { font-size:.72rem; color:#475569; margin-top:.3rem; }
.et-impose-label b { color:#0f766e; }
.et-impose-svg svg { max-width:150px; height:auto; }
.et-nest-note { font-size:.7rem; color:#0f766e; margin-top:.25rem; min-height:1em; }
.et-nest-note b { color:#0d9488; }
.et-nest-apply { border:1px solid #99f6e4; background:#f0fdfa; color:#0f766e; border-radius:4px; font-size:.68rem; padding:.1rem .4rem; cursor:pointer; margin-left:.25rem; }
.et-nest-apply:hover { background:#ccfbf1; }
.et-overrides { margin-top:1rem; }
.et-overrides summary { cursor:pointer; font-size:.8rem; color:#0f766e; }
.et-override-grid { display:flex; gap:.6rem; flex-wrap:wrap; margin-top:.6rem; }
.et-override-grid label { display:flex; flex-direction:column; font-size:.7rem; color:#475569; gap:.2rem; }
.et-override-grid input { width:64px; border:1px solid #cbd5e1; border-radius:4px; padding:.25rem; text-align:center; font-size:.82rem; }

/* ── Buttons ── */
.et-btn { display:inline-flex; align-items:center; gap:.35rem; border-radius:5px; padding:.4rem .7rem; font-size:.78rem; cursor:pointer; text-decoration:none; border:1px solid transparent; }
.et-btn--primary { background:#0d9488; color:#fff; }
.et-btn--primary:hover { background:#0f766e; }
.et-btn--ghost { background:#fff; border-color:#cbd5e1; color:#334155; }
.et-btn--ghost:hover { background:#f8fafc; }
.et-btn--danger { background:#fff; border-color:#fca5a5; color:#b91c1c; }
.et-btn--danger:hover { background:#fef2f2; }

/* ── Prefs page ── */
.et-prefs-table { width:100%; border-collapse:collapse; font-size:.82rem; margin-top:.5rem; }
.et-prefs-table th { text-align:left; font-size:.68rem; text-transform:uppercase; letter-spacing:.03em; color:#64748b; padding:.35rem .5rem; border-bottom:1px solid #e2e8f0; }
.et-prefs-table td { padding:.3rem .5rem; border-bottom:1px solid #f1f5f9; }
.et-prefs-table td:first-child { font-weight:600; color:#334155; }
.et-prefs-table .et-in { width:80px; }

@media (max-width:900px) {
  .et-layout { grid-template-columns:1fr; }
  .et-grid { grid-template-columns:1fr; }
  .et-list { position:static; }
}