/* dalla in-app layer: masking panel + status strip + Developer (API keys) page.
 * Styled from brand.css tokens so it follows light/dark. */
.dalla-fab{position:fixed;right:16px;bottom:16px;z-index:99998;display:flex;align-items:center;gap:8px;
  padding:9px 14px;border:1px solid var(--border-medium);border-radius:999px;background:var(--dalla-accent);color:var(--dalla-accent-ink);
  font:600 13px/1 'Instrument Sans',system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(19,14,11,.25)}
.dalla-fab:hover{filter:brightness(1.08)}
.dalla-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--dalla-gold);color:#130e0b;font:700 11px/18px system-ui;text-align:center}
.dalla-panel{position:fixed;top:0;right:0;height:100vh;width:360px;max-width:92vw;z-index:99999;
  background:var(--surface-primary);color:var(--text-primary);border-left:1px solid var(--border-medium);box-shadow:-12px 0 36px rgba(19,14,11,.28);
  transform:translateX(105%);transition:transform .22s cubic-bezier(.22,.61,.36,1);display:flex;flex-direction:column;font:14px/1.45 'Instrument Sans',system-ui,sans-serif}
.dalla-panel.open{transform:none}
.dalla-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 6px}
.dalla-title{font:500 18px/1.2 Fraunces,Georgia,serif;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
.dalla-title svg{width:20px;height:20px}
.dalla-close{background:none;border:none;color:var(--text-tertiary);font-size:16px;cursor:pointer}
.dalla-tabs{display:flex;gap:4px;padding:6px 16px 0;border-bottom:1px solid var(--border-light)}
.dalla-tab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 10px;color:var(--text-tertiary);font:600 13px system-ui;cursor:pointer}
.dalla-tab.on{color:var(--text-primary);border-bottom-color:var(--dalla-accent)}
.dalla-view{display:none;flex:1;overflow:auto;flex-direction:column}.dalla-view.on{display:flex}
.dalla-sub{padding:10px 16px 6px;color:var(--text-tertiary);font-size:12px}
.dalla-status{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 16px}
.dalla-stat{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:10px;padding:8px 10px}
.dalla-stat .k{color:var(--text-tertiary);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.dalla-stat .v{font-weight:600;font-size:13px;margin-top:2px}
.dalla-stat .v.ok{color:var(--dalla-ok)}.dalla-stat .v.warn{color:#b45309}
.dalla-totals{padding:12px 16px;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}
.dalla-grand{font:500 20px/1.2 Fraunces,Georgia,serif;color:var(--dalla-accent)}
.dalla-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.dalla-chip{background:var(--surface-tertiary);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:6px;padding:3px 8px;font-size:12px}
.dalla-models{margin-top:10px;color:var(--text-tertiary);font-size:12px}
.dalla-empty{color:var(--text-tertiary);font-size:13px}
.dalla-list{overflow:auto;padding:8px 16px 24px}
.dalla-row{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-light)}
.dalla-row-n{color:var(--dalla-accent);font-weight:700;font-size:12px;min-width:28px}
.dalla-row-t{color:var(--text-secondary);font-size:12px}
blockquote.dalla-masked-line{opacity:.72;font-size:12px;border-left-color:var(--dalla-accent)}
/* Developer page */
.dalla-dev{padding:8px 16px 24px;display:flex;flex-direction:column;gap:10px}
.dalla-dev h4{margin:8px 0 2px;font:600 12px system-ui;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}
.dalla-code{display:block;background:var(--surface-tertiary);border:1px solid var(--border-light);border-radius:8px;padding:8px 10px;font:12px/1.5 'IBM Plex Mono',monospace;word-break:break-all;user-select:all}
.dalla-btn{background:var(--dalla-accent);color:var(--dalla-accent-ink);border:none;border-radius:8px;padding:8px 12px;font:600 13px system-ui;cursor:pointer}
.dalla-btn.ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-medium)}
.dalla-btn.x{background:transparent;color:var(--dalla-err);border:none;padding:2px 6px;font-size:12px}
.dalla-key{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border-light);font-size:13px}
.dalla-key .m{color:var(--text-tertiary);font-size:11px}
.dalla-in{background:var(--surface-primary);border:1px solid var(--border-medium);color:var(--text-primary);border-radius:8px;padding:8px 10px;font:13px system-ui;flex:1}
.dalla-bar{height:6px;background:var(--surface-tertiary);border-radius:4px;overflow:hidden;margin-top:4px}.dalla-bar i{display:block;height:100%;background:var(--dalla-accent)}
.dalla-note{color:var(--text-tertiary);font-size:12px}
.dalla-newkey{background:#fff8e6;border:1px solid var(--dalla-gold);border-radius:8px;padding:8px 10px}
.dark .dalla-newkey{background:#2a2118}