/* Dredgecraft — stili delle estensioni (stesso tema scuro della base) */

input, textarea, select { user-select: text; -webkit-user-select: text; }

.dz-title { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #94a3b8; }
.dz-sec { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #10b981; margin-top: 10px; padding-top: 6px; border-top: 1px solid #262936; }
.dz-lbl { font-size: 10px; color: #94a3b8; display: block; margin-bottom: 2px; }
.dz-hint { font-size: 10px; color: #64748b; line-height: 1.35; }
.dz-link { font-size: 10px; color: #34d399; }
.dz-link:hover { text-decoration: underline; }

.dz-inp { background: #181b24; border: 1px solid #282d3e; border-radius: 6px; padding: 3px 6px; font-size: 11px; color: #e2e8f0; outline: none; min-width: 0; width: 100%; }
.dz-inp:focus { border-color: #10b981; }
select.dz-inp { padding: 3px 4px; }
input[type="number"].dz-inp { font-family: 'JetBrains Mono', monospace; }

.dz-field { display: flex; flex-direction: column; gap: 2px; }
.dz-field > span { font-size: 10px; color: #94a3b8; }
.dz-chk { display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 11px; color: #cbd5e1; cursor: pointer; padding: 3px 0; margin-bottom: 2px; }
.dz-chk input { accent-color: #10b981; width: 14px; height: 14px; }

.dz-btn { padding: 3px 8px; border-radius: 6px; background: #1e212d; border: 1px solid #2d3245; color: #cbd5e1; font-size: 11px; transition: background .15s; white-space: nowrap; }
.dz-btn:hover { background: #282c3d; }
.dz-btn-p { background: #059669; border-color: #10b981; color: #fff; font-weight: 600; }
.dz-btn-p:hover { background: #10b981; }
.dz-btn-d { background: rgba(244, 63, 94, .12); border-color: rgba(244, 63, 94, .35); color: #fda4af; }
.dz-btn-d:hover { background: rgba(244, 63, 94, .25); }

.dz-seg { padding: 3px 8px; border-radius: 6px; font-size: 11px; font-weight: 600; color: #94a3b8; background: #1a1d27; border: 1px solid transparent; }
.dz-seg:hover { color: #fff; }
.dz-seg-on { background: rgba(16, 185, 129, .18); border-color: #10b981; color: #fff; }

.dz-chip { padding: 1px 6px; border-radius: 999px; font-size: 10px; font-family: 'JetBrains Mono', monospace; background: #1e212d; border: 1px solid #2d3245; color: #cbd5e1; }
.dz-chip:hover { border-color: #10b981; }

.dz-row { display: flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 6px; font-size: 11px; background: #161922; border: 1px solid transparent; cursor: pointer; margin-bottom: 3px; color: #cbd5e1; }
.dz-row:hover { background: #1e2230; }
.dz-row-on { background: rgba(217, 70, 239, .14); border-color: rgba(217, 70, 239, .6); color: #fff; }

.dz-ok { font-size: 11px; color: #34d399; }
.dz-err { font-size: 11px; color: #fda4af; background: rgba(244, 63, 94, .08); border-radius: 4px; padding: 2px 6px; }
.dz-warn { font-size: 11px; color: #fcd34d; background: rgba(245, 158, 11, .07); border-radius: 4px; padding: 2px 6px; }

.dz-toast { pointer-events: auto; background: #1e212d; border: 1px solid #10b981; color: #e2e8f0; font-size: 12px; padding: 6px 12px; border-radius: 8px; box-shadow: 0 6px 24px rgba(0, 0, 0, .5); max-width: 560px; }
.dz-toast-warn { border-color: #f59e0b; }
.dz-toast-err { border-color: #f43f5e; }

/* palette dei materiali del gioco */
.dz-pal-row { display: flex; align-items: center; gap: 4px; }
.dz-tile { width: 26px; height: 26px; border-radius: 4px; border: 1px solid #2d3245; overflow: hidden; flex-shrink: 0; }
.dz-tile:hover { border-color: #fff; transform: scale(1.12); }
.dz-tile img { width: 100%; height: 100%; }

/* timeline a righe */
.dz-dope-row { display: flex; height: 22px; border-bottom: 1px solid #191c26; }
.dz-dope-ruler { position: sticky; top: 0; z-index: 3; background: #11131a; height: 20px; cursor: ew-resize; }
.dz-dope-sum { background: #10121a; }
.dz-dope-active { background: rgba(16, 185, 129, .07); }
.dz-dope-active .dz-dope-name { color: #6ee7b7; font-weight: 600; }
.dz-dope-name { width: 112px; flex-shrink: 0; font-size: 10px; font-family: 'JetBrains Mono', monospace; color: #cbd5e1; display: flex; align-items: center; border-right: 1px solid #262936; overflow: hidden; white-space: nowrap; cursor: pointer; padding-left: 6px; }
.dz-dope-track { flex: 1; position: relative; }
.dz-track-in { position: absolute; left: 10px; right: 10px; top: 0; bottom: 0; }
.dz-tick { position: absolute; top: 0; bottom: 0; border-left: 1px solid #2a2f40; }
.dz-tick span { position: absolute; left: 2px; top: 3px; font-size: 9px; color: #64748b; font-family: 'JetBrains Mono', monospace; }
.dz-ph { position: absolute; top: 0; bottom: 0; width: 0; border-left: 1px solid #f59e0b; pointer-events: none; z-index: 1; }
.dz-ph-head::before { content: ''; position: absolute; left: -5px; top: 0; border: 5px solid transparent; border-top-color: #f59e0b; }

.dz-key { position: absolute; top: 50%; width: 10px; height: 10px; transform: translate(-50%, -50%) rotate(45deg); cursor: pointer; border: 1px solid rgba(0, 0, 0, .6); z-index: 2; }
.dz-key:hover { filter: brightness(1.25); }
.dz-ip-linear { background: #f59e0b; }
.dz-ip-smooth { background: #34d399; }
.dz-ip-step { background: #38bdf8; }
.dz-key-sel { border: 2px solid #fff; box-shadow: 0 0 6px rgba(255, 255, 255, .6); }
.dz-key-prim { width: 12px; height: 12px; }
.dz-key-over { background: #f43f5e !important; }
.dz-key-sum { background: #64748b; width: 8px; height: 8px; }
.dz-legend { display: inline-block; width: 8px; height: 8px; transform: rotate(45deg); margin-right: 3px; }