/* ============================================================
   Dossier skin — RULE-FOR-RULE port of the handoff bundle's CSS
   (docs/design_handoff_prospect_asset_dossier/css/), per the
   bundle's START-HERE.md RULE ZERO: "the CSS is the spec". Every
   selector is scoped under #asset-detail-dialog; the page-shell
   rules (.stage/.modal) are adapted at the end. Requires
   css/ds-tokens.css. Loaded LAST so it wins the cascade over
   royalty-screen.css / asset-dossier.css. Regenerate from the
   bundle rather than hand-editing (see the porter note in the
   session PR).
   ============================================================ */


/* ================= tracts-fortress-shell.css ================= */
/* ============================================================
 * Fortress AMS — Prospect editor shell (Tracts) reskinned onto the
 * Fortress Energy design tokens. Class names mirror tracts-core.js
 * so the same chrome markup ports straight over.
 * Requires the DS token stylesheets + styles.css loaded first.
 * ============================================================ */
#asset-detail-dialog * {box-sizing:border-box}
#asset-detail-dialog a {color:var(--link);text-decoration:none}
#asset-detail-dialog a:hover {color:var(--link-hover)}
#asset-detail-dialog ::-webkit-scrollbar {width:10px;height:10px}
#asset-detail-dialog ::-webkit-scrollbar-thumb {background:var(--ink-200);border-radius:6px;border:2px solid var(--bg-page)}
#asset-detail-dialog ::-webkit-scrollbar-track {background:transparent}
/* ---- Header: dark command chrome ---- */
#asset-detail-dialog .mt-header {position:relative;display:flex;align-items:center;gap:14px;padding:16px 22px 15px;background:var(--pattern-topo-featured),var(--gradient-featured);border-bottom:1px solid var(--chrome-border);color:var(--chrome-text)}
@media (max-width:1200px) {
#asset-detail-dialog .mt-header {padding-bottom:48px}
}
#asset-detail-dialog .mt-accent {width:3px;align-self:stretch;min-height:46px;border-radius:2px;background:var(--gradient-gold)}
#asset-detail-dialog .mt-identity {flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
@media (min-width:1200px) {
#asset-detail-dialog .mt-identity {padding-right:300px}
}
#asset-detail-dialog .mt-eyebrow {display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--chrome-text-muted)}
#asset-detail-dialog .mt-eyebrow>* {white-space:nowrap}
#asset-detail-dialog .mt-eyebrow .sep {color:hsla(0,0%,100%,.22)}
#asset-detail-dialog .mt-eyebrow .cat-chip {display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);line-height:1.35;color:var(--gold-400);background:var(--gold-subtle);border:1px solid hsla(43,45%,60%,.35)}
#asset-detail-dialog .mt-eyebrow .cat-chip::before {content:'';width:6px;height:6px;border-radius:50%;background:var(--gold-500)}
#asset-detail-dialog .mt-eyebrow .stage-chip {display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);color:#fff;background:hsla(0,0%,100%,.08);border:1px solid var(--chrome-border)}
#asset-detail-dialog .mt-eyebrow .stage-chip .dot {width:6px;height:6px;border-radius:50%;background:var(--gold-500);animation:pulse 2s var(--ease-default) infinite}
@keyframes pulse {0%,100%{opacity:1}50%{opacity:.35}}
#asset-detail-dialog .mt-name {font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#asset-detail-dialog .mt-name-prefix {font-weight:var(--fw-regular);color:var(--chrome-text-muted)}
#asset-detail-dialog .mt-name-editable {color:#fff;border-radius:var(--radius-xs);padding:0 5px;margin:0 -5px;outline:none;border-bottom:1px dashed transparent;cursor:text;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .mt-name-editable:hover {background:hsla(0,0%,100%,.06);border-bottom-color:var(--gold-muted)}
#asset-detail-dialog .mt-name-editable:focus {background:hsla(0,0%,100%,.1);border-bottom-color:var(--gold-500);box-shadow:var(--shadow-focus-gold)}
#asset-detail-dialog .mt-sub {display:flex;gap:12px;flex-wrap:wrap;font-size:var(--text-sm);color:var(--chrome-text-muted)}
#asset-detail-dialog .mt-sub>span {white-space:nowrap}
#asset-detail-dialog .mt-sub b {color:#fff;font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}
#asset-detail-dialog .mt-sub .sep {color:hsla(0,0%,100%,.18)}
#asset-detail-dialog .mt-tools {display:flex;gap:8px;align-items:center}
#asset-detail-dialog .mt-tools .iconbtn {display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 10px;background:hsla(0,0%,100%,.06);border:1px solid var(--chrome-border);border-radius:var(--radius-md);color:#fff;font:inherit;font-size:var(--text-sm);line-height:1;cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .mt-tools .iconbtn:hover {background:hsla(0,0%,100%,.14)}
#asset-detail-dialog .mt-tools .iconbtn.close {font-size:14px}
#asset-detail-dialog .mode-switch {display:inline-flex;padding:2px;gap:0;background:hsla(0,0%,100%,.06);border:1px solid var(--chrome-border);border-radius:var(--radius-full)}
#asset-detail-dialog .mode-switch-btn {appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:5px 13px;font:inherit;font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--chrome-text-muted);border-radius:var(--radius-full);cursor:pointer;line-height:1;transition:color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .mode-switch-btn:hover {color:#fff}
#asset-detail-dialog .mode-switch-btn.active {background:var(--chrome-active-bg-light);color:var(--ink-900)}
/* ---- Section tabs (folder tabs docked to the header base) ---- */
#asset-detail-dialog .mt-secnav {position:absolute;right:22px;bottom:-1px;z-index:5;display:inline-flex;align-items:flex-end;gap:4px}
#asset-detail-dialog .mt-secnav-btn {appearance:none;-webkit-appearance:none;position:relative;display:inline-flex;align-items:center;gap:7px;padding:8px 14px 9px;font:inherit;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--chrome-text-muted);background:hsla(0,0%,100%,.06);border:1px solid var(--chrome-border);border-bottom:0;border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .mt-secnav-btn:hover {background:hsla(0,0%,100%,.12);color:#fff}
#asset-detail-dialog .mt-secnav-btn--active {background:var(--bg-page);color:var(--text-primary);border-color:var(--border-subtle);box-shadow:inset 0 2px 0 var(--gold-500);cursor:default;z-index:6}
#asset-detail-dialog .mt-secnav-btn--active:hover {background:var(--bg-page);color:var(--text-primary)}
#asset-detail-dialog .mt-secnav-btn--active::after {content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--bg-page);z-index:7}
#asset-detail-dialog .mt-secnav-ico {flex-shrink:0;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;opacity:.75}
#asset-detail-dialog .mt-secnav-btn--active .mt-secnav-ico {color:var(--gold-600);opacity:1}
#asset-detail-dialog .mt-secnav-lbl {display:inline-flex;align-items:center;line-height:1}
/* ---- Stage breadcrumb ---- */
#asset-detail-dialog .mt-breadcrumb {display:flex;align-items:center;padding:10px 22px;background:var(--bg-page);border-bottom:1px solid var(--border-primary);overflow-x:auto}
#asset-detail-dialog .mt-bc {display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;line-height:1.35;white-space:nowrap;background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-tertiary)}
#asset-detail-dialog .mt-bc--done {background:var(--success-bg);border-color:color-mix(in srgb,var(--success) 26%,transparent);color:var(--ok-fg)}
#asset-detail-dialog .mt-bc--current {background:var(--ink-900);border-color:var(--ink-950);color:#fff}
#asset-detail-dialog .mt-bc-sep {flex-shrink:0;width:14px;height:1px;margin:0 4px;background:var(--border-strong)}
#asset-detail-dialog .mt-bc-sep--done {background:color-mix(in srgb,var(--success) 45%,transparent)}
/* ---- Workspace ---- */
#asset-detail-dialog .body {display:block;background:var(--bg-page)}
#asset-detail-dialog .body>.col-form {padding:18px 20px 22px;min-width:0}
/* ---- Section card ---- */
#asset-detail-dialog .section {background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);margin-bottom:14px;overflow:hidden}
#asset-detail-dialog .section-head {display:flex;align-items:center;gap:11px;padding:13px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .section-head:hover {background:var(--bg-tertiary)}
#asset-detail-dialog .section.collapsed .section-head {border-bottom-color:transparent}
#asset-detail-dialog .section-chev {display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:10px;cursor:pointer;transition:transform var(--duration-normal) var(--ease-default),color var(--duration-fast)}
#asset-detail-dialog .section-chev:hover {color:var(--text-primary)}
#asset-detail-dialog .section.collapsed .section-chev {transform:rotate(-90deg)}
#asset-detail-dialog .section-title {font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary)}
#asset-detail-dialog .section-meta {margin-left:auto;display:flex;align-items:center;gap:10px;font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}
#asset-detail-dialog .section-body {padding:16px;max-height:4000px;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-default),opacity var(--duration-normal) var(--ease-default),padding var(--duration-normal) var(--ease-default)}
#asset-detail-dialog .section.collapsed .section-body {max-height:0;padding-top:0;padding-bottom:0;opacity:0}
#asset-detail-dialog .count-pill {background:var(--gold-100);border:1px solid var(--gold-300);color:var(--gold-700);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);padding:2px 8px;border-radius:var(--radius-sm)}
#asset-detail-dialog .legend {display:flex;align-items:flex-start;gap:9px;margin-bottom:14px;padding:10px 12px;background:var(--gold-050);border:1px solid var(--gold-200);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--text-secondary)}
#asset-detail-dialog .legend b {color:var(--gold-800)}
/* ---- Interest tags ---- */
#asset-detail-dialog .int-tag {display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;border:1px solid currentColor;background:color-mix(in srgb,currentColor 8%,transparent)}
#asset-detail-dialog .int-pill {display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);border:1px solid color-mix(in srgb,currentColor 30%,transparent);background:color-mix(in srgb,currentColor 8%,transparent)}
#asset-detail-dialog .int-dot {width:6px;height:6px;border-radius:50%;background:currentColor}
#asset-detail-dialog .int-min {color:var(--int-min)}
#asset-detail-dialog .int-npri {color:var(--int-npri)}
#asset-detail-dialog .int-orri {color:var(--int-orri)}
#asset-detail-dialog .int-exec {color:var(--int-exec)}
#asset-detail-dialog .int-none {color:var(--int-none)}
/* ---- Shared inputs ---- */
#asset-detail-dialog .tr-input {width:100%;font:inherit;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:5px 8px;min-width:54px;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .tr-input:hover {border-color:var(--ink-300)}
#asset-detail-dialog .tr-input:focus {outline:none;border-color:var(--gold-500);box-shadow:var(--shadow-focus-gold)}
#asset-detail-dialog .tr-input--num {text-align:right;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
#asset-detail-dialog .tr-input--num::-webkit-outer-spin-button, #asset-detail-dialog .tr-input--num::-webkit-inner-spin-button {-webkit-appearance:none;margin:0}
/* ---- Buttons (fallbacks for non-DS call sites) ---- */
#asset-detail-dialog .btn {display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 15px;font:inherit;font-size:var(--text-base);font-weight:var(--fw-semibold);border-radius:var(--radius-lg);cursor:pointer;background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-xs);transition:background var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .btn:hover {background:var(--bg-tertiary)}
#asset-detail-dialog .btn:active {transform:scale(.98)}
#asset-detail-dialog .btn.primary {background:linear-gradient(180deg,var(--ink-800) 0%,var(--ink-950) 100%);border-color:var(--ink-950);color:#fff;box-shadow:var(--shadow-sm),var(--shadow-inset-hi)}
#asset-detail-dialog .btn.primary:hover {filter:brightness(1.12)}
#asset-detail-dialog .btn.ghost {background:transparent;border-color:transparent;color:var(--text-secondary);box-shadow:none}
#asset-detail-dialog .btn.ghost:hover {background:var(--bg-tertiary)}
#asset-detail-dialog .btn:disabled {opacity:.5;cursor:not-allowed}
/* ---- Footer ---- */
/* ---- Toast ---- */
#asset-detail-dialog #toast-wrap {position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}

/* ================= asset-info-fortress.css ================= */
/* ============================================================
 * Fortress AMS — Prospect / Asset Info screen (royalty screen §2 + §3)
 * reskinned onto the Fortress Energy design tokens.
 * Class names mirror js/ui/royaltyScreen/{rollupTiles,assetInfo}.js so
 * the markup ports straight back into the AMS codebase.
 * Load AFTER css/tracts-fortress-shell.css.
 * ============================================================ */
/* ---- Tab panels ---- */
#asset-detail-dialog .tabpanel {display:none}
#asset-detail-dialog .tabpanel.active {display:block}
/* ---- §2 Rollup KPI tiles ---- */
#asset-detail-dialog .rs-rollup {display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}
@media (max-width:1100px) {
#asset-detail-dialog .rs-rollup {grid-template-columns:repeat(3,1fr)}
}
#asset-detail-dialog .rs-tile {position:relative;padding:13px 14px 11px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .rs-tile-value {display:flex;align-items:baseline;gap:6px;font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--gold-600);font-variant-numeric:tabular-nums}
#asset-detail-dialog .rs-tile-label {margin-top:6px;font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}
#asset-detail-dialog .rs-tile-pencil {display:inline-flex;align-items:center;color:var(--text-muted);opacity:.55;transition:opacity var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .rs-tile-editable {cursor:pointer;border-style:dashed;border-color:var(--gold-300)}
#asset-detail-dialog .rs-tile-editable:hover {border-color:var(--gold-500);box-shadow:var(--shadow-lg)}
#asset-detail-dialog .rs-tile-editable:hover .rs-tile-pencil {opacity:1;color:var(--gold-600)}
#asset-detail-dialog .rs-tile-locked {cursor:default}
#asset-detail-dialog .rs-tile-locked .rs-tile-value {color:var(--text-secondary)}
#asset-detail-dialog .rs-tile-editing {border-style:solid;border-color:var(--gold-500);box-shadow:var(--shadow-focus-gold)}
#asset-detail-dialog .rs-tile-value input {width:100%;min-width:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary);background:transparent;border:0;border-bottom:1px solid var(--gold-500);outline:none;padding:0;font-variant-numeric:tabular-nums}
#asset-detail-dialog .rs-tile-flash {animation:rsflash .7s var(--ease-default)}
@keyframes rsflash {0%{background:var(--gold-subtle)}100%{background:var(--bg-surface)}}
/* ---- §3 AI1 Asset Info grid ---- */
#asset-detail-dialog .ai1-grid {display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:12px}
@media (max-width:1100px) {
#asset-detail-dialog .ai1-grid {grid-template-columns:1fr}
}
#asset-detail-dialog .ai-rp-stack {display:flex;flex-direction:column;gap:12px;min-width:0}
#asset-detail-dialog .ai-card {display:flex;flex-direction:column;min-width:0;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}
#asset-detail-dialog .ai-card-head {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 13px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary)}
#asset-detail-dialog .ai-card-head .meta {font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:0;text-transform:none;color:var(--text-muted)}
#asset-detail-dialog .ai-card-body {padding:4px 13px 10px;display:flex;flex-direction:column}
/* Field rows */
#asset-detail-dialog .ai-field {display:flex;align-items:center;gap:10px;min-height:31px;padding:5px 0;border-bottom:1px solid var(--border-subtle)}
#asset-detail-dialog .ai-field:last-child {border-bottom:0}
#asset-detail-dialog .ai-field-label {flex:0 0 108px;font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}
#asset-detail-dialog .ai-field-value {flex:1;min-width:0;font-size:var(--text-base);color:var(--text-primary);border-radius:var(--radius-xs);padding:2px 5px;margin:0 -5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#asset-detail-dialog .ai-field-value.editable {cursor:text;border-bottom:1px dashed transparent;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .ai-field-value.editable:hover {background:var(--bg-tertiary);border-bottom-color:var(--gold-400)}
#asset-detail-dialog .ai-field-value.editable:focus {outline:none;background:var(--bg-tertiary);box-shadow:var(--shadow-focus-gold)}
#asset-detail-dialog .ai-field-value.dropdown::after {content:"";display:inline-block;width:10px;height:7px;margin-left:7px;background:var(--chev) no-repeat center/10px 7px;opacity:.6;vertical-align:middle}
#asset-detail-dialog .ai-field-value.locked {color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-sm)}
#asset-detail-dialog .ai-field-value .empty {color:var(--text-muted);font-style:italic}
#asset-detail-dialog .ai-field-value.derived {display:inline-flex;align-items:center;gap:6px;flex:0 1 auto;max-width:100%;padding:2px 9px;margin:0;background:var(--gold-050);border:1px dashed var(--gold-300);border-radius:var(--radius-sm);color:var(--gold-800);font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:help}
#asset-detail-dialog .ai-field-value.derived svg {flex-shrink:0;color:var(--gold-600)}
#asset-detail-dialog .ai-field-input {width:100%;font:inherit;font-size:var(--text-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--gold-500);border-radius:var(--radius-sm);padding:3px 6px;outline:none;box-shadow:var(--shadow-focus-gold)}
#asset-detail-dialog .ai-field-link {flex-shrink:0;font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--gold-muted);background:transparent;border:0;padding:2px 0;cursor:pointer;font-family:inherit;white-space:nowrap}
#asset-detail-dialog .ai-field-link:hover {color:var(--gold-700);text-decoration:underline}
#asset-detail-dialog .ai-field-tag {flex-shrink:0;padding:1px 7px;border-radius:var(--radius-xs);font-size:var(--text-3xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;background:var(--bg-tertiary);border:1px solid var(--border-strong);color:var(--text-tertiary)}
/* Locked (pre-close) cards */
#asset-detail-dialog .ai-card-locked {background:var(--bg-tertiary);border-style:dashed;border-color:var(--border-strong)}
#asset-detail-dialog .ai-card-locked .ai-card-head {background:transparent;color:var(--text-muted);border-bottom-color:var(--border-strong)}
#asset-detail-dialog .ai-card-locked .ai-card-head .meta {padding:1px 7px;border-radius:var(--radius-xs);background:var(--gold-100);color:var(--gold-700);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:var(--text-3xs)}
#asset-detail-dialog .ai-card-locked-body {flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:18px 16px;text-align:center}
#asset-detail-dialog .ai-card-locked-icon {display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-muted);margin-bottom:2px}
#asset-detail-dialog .ai-card-locked-title {font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-secondary)}
#asset-detail-dialog .ai-card-locked-detail {font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--text-muted);max-width:34ch}
/* Recordings table */
#asset-detail-dialog .ai-recording-table {width:100%;border-collapse:collapse;font-size:var(--text-sm)}
#asset-detail-dialog .ai-recording-table th {padding:6px 9px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);text-align:left;font-size:var(--text-3xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);white-space:nowrap}
#asset-detail-dialog .ai-recording-table td {padding:6px 9px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-variant-numeric:tabular-nums}
#asset-detail-dialog .ai-recording-table tr:last-child td {border-bottom:0}
#asset-detail-dialog .ai-recording-table td.county-cell {font-weight:var(--fw-semibold)}
#asset-detail-dialog .ai-recording-table td.editable {cursor:text;transition:background var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .ai-recording-table td.editable:hover {background:var(--gold-050)}
#asset-detail-dialog .ai-recording-table .dash {color:var(--text-muted);font-style:italic}
#asset-detail-dialog .ai-recording-table-empty {padding:22px 14px;text-align:center;font-size:var(--text-sm);color:var(--text-muted)}
#asset-detail-dialog .ai-table-hint {display:flex;align-items:center;gap:6px;padding:7px 13px;border-top:1px solid var(--border-subtle);background:var(--bg-tertiary);font-size:var(--text-2xs);color:var(--text-muted)}
#asset-detail-dialog .ai-table-hint svg {color:var(--gold-600);flex-shrink:0}
/* Payments */
#asset-detail-dialog .ai-payment-stack {padding:12px 13px 10px;display:flex;flex-direction:column;gap:8px}
#asset-detail-dialog .ai-payment-bar {height:6px;border-radius:var(--radius-full);background:var(--ink-200);overflow:hidden}
#asset-detail-dialog .ai-payment-bar-fill {height:100%;border-radius:var(--radius-full);background:var(--gradient-gold);transition:width var(--duration-slow) var(--ease-default)}
#asset-detail-dialog .ai-payment-row {display:flex;align-items:baseline;justify-content:space-between;gap:10px}
#asset-detail-dialog .ai-payment-row .l {font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}
#asset-detail-dialog .ai-payment-row .v {font-size:var(--text-base);color:var(--text-primary);font-variant-numeric:tabular-nums}
#asset-detail-dialog .ai-payment-row .v.amt {font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--gold-600)}
#asset-detail-dialog .ai-payment-row .v.muted {font-size:var(--text-sm);color:var(--text-tertiary)}
#asset-detail-dialog .ai-payment-hint {margin-top:2px;font-size:var(--text-2xs);color:var(--text-muted)}
/* ---- saved-list typeahead menu (shared/savedListDropdown.js) ---- */
#asset-detail-dialog .sl-menu {position:fixed;z-index:9998;max-height:230px;overflow-y:auto;padding:4px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-float)}
#asset-detail-dialog .sl-head {padding:5px 8px 6px;font-size:var(--text-3xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}
#asset-detail-dialog .sl-item {display:block;width:100%;text-align:left;padding:5px 8px;font:inherit;font-size:var(--text-sm);color:var(--text-primary);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}
#asset-detail-dialog .sl-item:hover, #asset-detail-dialog .sl-item.active {background:var(--gold-050);color:var(--gold-800)}
#asset-detail-dialog .sl-foot {margin-top:3px;padding:5px 8px;border-top:1px solid var(--border-subtle);font-size:var(--text-2xs);color:var(--text-muted)}
/* ---- seller panel sits on the same workspace rhythm ---- */
#asset-detail-dialog #panel-seller .section:first-child {margin-top:0}
#asset-detail-dialog #panel-seller .section-title {white-space:nowrap}

/* ================= ad-dossier-fortress.css ================= */
/* ============================================================
 * Fortress AMS — Tabbed Dossier (assetDetailDialog.js) reskinned onto
 * the Fortress Energy design tokens. Class names mirror the AMS source
 * (.ad-tabbar / .ad-card / .ad-crm / .bd-* / .ld-*) so the markup ports
 * back into the codebase.
 * Load AFTER tracts-fortress-shell.css + asset-info-fortress.css.
 * ============================================================ */
/* [hidden] must beat the explicit display: values below (tabs, badges, rows) */
#asset-detail-dialog [hidden] {display:none!important}
/* ---- Modal frame ----
 * The stage never scrolls; .modal is a flex column whose middle child
 * (.rs-modal-frame) is the ONE scroll container. The action bar is a
 * real footer outside that scroller, so nothing scrolls beneath it. */
#asset-detail-dialog .rs-modal-frame {flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:var(--bg-page)}
#asset-detail-dialog .rs-top {flex:0 0 auto;position:sticky;top:0;z-index:20}
#asset-detail-dialog .asset-detail-content {flex:0 0 auto;min-height:0;overflow:visible;padding-bottom:16px}
#asset-detail-dialog .asset-detail-actions {flex:0 0 auto;position:relative;z-index:15;display:flex;align-items:center;gap:12px;padding:11px 20px;background:var(--bg-tertiary);border-top:1px solid var(--border-primary)}
#asset-detail-dialog .asset-detail-actions .note {flex:1;display:flex;align-items:center;gap:9px;font-size:var(--text-sm);color:var(--text-muted)}
/* ---- Tab bar ---- */
#asset-detail-dialog .ad-tabbar {position:sticky;top:0;z-index:12;display:flex;align-items:stretch;gap:2px;padding:0 20px;background:var(--bg-surface);border-bottom:1px solid var(--border-primary);overflow-x:auto;scrollbar-width:none}
#asset-detail-dialog .ad-tabbar::-webkit-scrollbar {display:none}
#asset-detail-dialog .ad-tabbar button {position:relative;display:inline-flex;align-items:center;gap:7px;padding:12px 14px 11px;font:inherit;font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-tertiary);background:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .ad-tabbar button:hover {color:var(--text-primary)}
#asset-detail-dialog .ad-tabbar button.on {color:var(--text-primary);border-bottom-color:var(--gold-500)}
#asset-detail-dialog .ad-tabbar button.on .ad-tab-ico {color:var(--gold-600)}
#asset-detail-dialog .ad-tabbar button:focus-visible {outline:none;box-shadow:var(--shadow-focus-gold)}
#asset-detail-dialog .ad-tab-ico {display:inline-flex;opacity:.7}
#asset-detail-dialog .ad-tabbar .ct {padding:1px 6px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-strong);font-size:var(--text-2xs);font-weight:var(--fw-semibold);color:var(--text-tertiary);font-variant-numeric:tabular-nums}
#asset-detail-dialog .ad-tabbar button.on .ct {background:var(--gold-100);border-color:var(--gold-300);color:var(--gold-700)}
#asset-detail-dialog .ad-tabpanel {padding:18px 20px 24px}
#asset-detail-dialog .ad-hidden {display:none}
/* ---- Shared card + eyebrow ---- */
#asset-detail-dialog .ad-card {background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:14px 16px}
#asset-detail-dialog .ad-eyebrow {font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}
#asset-detail-dialog .ad-btn {display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 14px;font:inherit;font-size:var(--text-base);font-weight:var(--fw-semibold);border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .ad-btn:hover {background:var(--bg-tertiary)}
#asset-detail-dialog .ad-btn:active {transform:scale(.98)}
#asset-detail-dialog .ad-btn.gold {background:var(--gradient-gold);border-color:var(--gold-600);color:#241c08}
#asset-detail-dialog .ad-btn.gold:hover {filter:brightness(1.06)}
#asset-detail-dialog .ad-btn.primary {background:linear-gradient(180deg,var(--ink-800),var(--ink-950));border-color:var(--ink-950);color:#fff;box-shadow:var(--shadow-sm),var(--shadow-inset-hi)}
#asset-detail-dialog .ad-btn.primary:hover {filter:brightness(1.12)}
#asset-detail-dialog .ad-btn:disabled {opacity:.5;cursor:not-allowed}
#asset-detail-dialog .ad-chipbtn {padding:4px 10px;font:inherit;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .ad-chipbtn:hover {background:var(--bg-tertiary)}
#asset-detail-dialog .ad-chipbtn.on {background:var(--gold-100);border-color:var(--gold-400);color:var(--gold-800)}
#asset-detail-dialog .ad-chipbtn:disabled {opacity:.45;cursor:not-allowed}
/* ---- Lifecycle spotlight (v6 header, relocated into Overview) ---- */
#asset-detail-dialog .v6-spotlight {display:flex;align-items:center;gap:16px;margin:12px 0 14px;padding:15px 17px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}
#asset-detail-dialog .v6-spot-ico {flex-shrink:0;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--gold-subtle);border:1px solid var(--gold-200);color:var(--gold-600)}
#asset-detail-dialog .v6-spot-body {flex:1;min-width:0}
#asset-detail-dialog .v6-spot-body .t {font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:2px 0 3px}
#asset-detail-dialog .v6-spot-body .d {font-size:var(--text-base);line-height:var(--lh-normal);color:var(--text-secondary);max-width:70ch}
#asset-detail-dialog .v6-spot-act {flex-shrink:0;display:flex;align-items:center;gap:8px}
#asset-detail-dialog .v6-spot-act input[type=date] {height:34px;padding:0 10px;font:inherit;font-size:var(--text-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg)}
#asset-detail-dialog .v6-spot-act input[type=date]:focus {outline:none;border-color:var(--gold-500);box-shadow:var(--shadow-focus-gold)}
/* ---- Relationship strip (Overview, prospect only) ---- */
#asset-detail-dialog .ad-rel-strip {display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px;padding:11px 15px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-xs)}
#asset-detail-dialog .ad-rel-badge {display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}
#asset-detail-dialog .ad-rel-badge .dot {width:7px;height:7px;border-radius:50%;background:currentColor}
#asset-detail-dialog .ad-rel-badge.hot {background:var(--status-hot-bg);color:#b8480f}
#asset-detail-dialog .ad-rel-badge.warm {background:var(--warning-bg);color:#a86500}
#asset-detail-dialog .ad-rel-badge.cold {background:var(--bg-tertiary);color:var(--text-tertiary)}
#asset-detail-dialog .ad-rel-item {display:flex;flex-direction:column;gap:2px;min-width:0}
#asset-detail-dialog .ad-rel-k {font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}
#asset-detail-dialog .ad-rel-v {font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#asset-detail-dialog .ad-rel-cta {margin-left:auto}
/* ============================================================
 * Activity (Prospect CRM)
 * ============================================================ */
#asset-detail-dialog .ad-crm {display:grid;grid-template-columns:1.35fr 1fr;gap:16px;align-items:start}
@media (max-width:1100px) {
#asset-detail-dialog .ad-crm {grid-template-columns:1fr}
}
#asset-detail-dialog .ad-tp-types {display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
#asset-detail-dialog .ad-tp-types button {display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font:inherit;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .ad-tp-types button:hover {background:var(--bg-tertiary)}
#asset-detail-dialog .ad-tp-types button.on {background:var(--ink-900);border-color:var(--ink-950);color:#fff}
#asset-detail-dialog .ad-tp-area {width:100%;min-height:78px;resize:vertical;font:inherit;font-size:var(--text-base);line-height:var(--lh-normal);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:9px 11px}
#asset-detail-dialog .ad-tp-area:focus {outline:none;border-color:var(--gold-500);box-shadow:var(--shadow-focus-gold)}
#asset-detail-dialog .ad-tp-foot {display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:11px;padding-top:11px;border-top:1px solid var(--border-subtle)}
#asset-detail-dialog .ad-tp-presets {display:flex;gap:6px;margin-bottom:8px}
#asset-detail-dialog .ad-datein-wrap {display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#asset-detail-dialog .ad-datein-label {font-size:var(--text-sm);color:var(--text-muted)}
#asset-detail-dialog .ad-daysin {width:62px;font:inherit;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:4px 7px;text-align:right;font-variant-numeric:tabular-nums}
#asset-detail-dialog .ad-datein {font:inherit;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:4px 7px}
#asset-detail-dialog .ad-daysin:focus, #asset-detail-dialog .ad-datein:focus {outline:none;border-color:var(--gold-500);box-shadow:var(--shadow-focus-gold)}
#asset-detail-dialog .ad-crm-err {margin-top:8px;padding:7px 10px;background:var(--error-bg);border:1px solid color-mix(in srgb,var(--error) 28%,transparent);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#b3261e}
#asset-detail-dialog .ad-tl-item {display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--border-subtle)}
#asset-detail-dialog .ad-tl-item:last-child {border-bottom:0}
#asset-detail-dialog .ad-tl-dot {flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-strong);color:var(--text-tertiary)}
#asset-detail-dialog .ad-tl-dot.call {background:var(--info-bg);border-color:color-mix(in srgb,var(--info) 28%,transparent);color:#0062cc}
#asset-detail-dialog .ad-tl-dot.email {background:var(--gold-100);border-color:var(--gold-300);color:var(--gold-700)}
#asset-detail-dialog .ad-tl-dot.meeting {background:var(--success-bg);border-color:color-mix(in srgb,var(--success) 30%,transparent);color:#248a3d}
#asset-detail-dialog .ad-tl-dot.note {background:var(--bg-tertiary);color:var(--text-tertiary)}
#asset-detail-dialog .ad-tl-t {font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary)}
#asset-detail-dialog .ad-tl-m {margin-top:1px;font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}
#asset-detail-dialog .ad-tl-x {margin-top:4px;font-size:var(--text-base);line-height:var(--lh-normal);color:var(--text-secondary)}
#asset-detail-dialog .ad-tl-fuchip {display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:3px 9px;border-radius:var(--radius-sm);background:var(--gold-050);border:1px solid var(--gold-200);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--gold-800)}
#asset-detail-dialog .ad-fu-head {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
#asset-detail-dialog .ad-sub-btn {display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font:inherit;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--gold-muted);background:transparent;border:1px solid var(--gold-200);border-radius:var(--radius-full);cursor:pointer}
#asset-detail-dialog .ad-sub-btn:hover {background:var(--gold-050);color:var(--gold-700)}
#asset-detail-dialog .ad-sub-row {margin-bottom:10px;padding:9px 11px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}
#asset-detail-dialog .ad-sub-hint {font-size:var(--text-sm);line-height:var(--lh-normal);color:var(--text-secondary)}
#asset-detail-dialog .ad-sub-copy {display:flex;gap:6px;margin-top:7px}
#asset-detail-dialog .ad-sub-url {flex:1;min-width:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:4px 7px}
#asset-detail-dialog .ad-fu-row {display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border-subtle)}
#asset-detail-dialog .ad-fu-row:last-child {border-bottom:0}
#asset-detail-dialog .ad-fu-ic {flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-strong);color:var(--text-tertiary)}
#asset-detail-dialog .ad-fu-ic.overdue {background:var(--error-bg);border-color:color-mix(in srgb,var(--error) 30%,transparent);color:#c22a20}
#asset-detail-dialog .ad-fu-ic.soon {background:var(--gold-100);border-color:var(--gold-300);color:var(--gold-700)}
#asset-detail-dialog .ad-fu-ic.upcoming {background:var(--info-bg);border-color:color-mix(in srgb,var(--info) 28%,transparent);color:#0062cc}
#asset-detail-dialog .ad-fu-main {flex:1;min-width:0}
#asset-detail-dialog .ad-fu-label {font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary)}
#asset-detail-dialog .ad-fu-date {display:flex;align-items:center;gap:5px;margin-top:2px;font-size:var(--text-sm);color:var(--text-muted)}
#asset-detail-dialog .ad-fu-date.overdue {color:#c22a20;font-weight:var(--fw-semibold)}
#asset-detail-dialog .ad-fu-row.done {opacity:.5}
#asset-detail-dialog .ad-fu-row.done .ad-fu-label {text-decoration:line-through}
#asset-detail-dialog .ad-fu-act {display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .ad-fu-act:hover {background:var(--gold-050);border-color:var(--gold-300);color:var(--gold-700)}
#asset-detail-dialog .ad-fu-empty {padding:14px 0;font-size:var(--text-base);color:var(--text-muted);font-style:italic}
#asset-detail-dialog .ad-cal-hd {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
#asset-detail-dialog .ad-cal-hd .m {font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-primary)}
#asset-detail-dialog .ad-cal-nav {display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer}
#asset-detail-dialog .ad-cal-nav:hover {background:var(--bg-tertiary);color:var(--text-primary)}
#asset-detail-dialog .ad-cal-grid {display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
#asset-detail-dialog .ad-cal-grid .wd {display:flex;align-items:center;justify-content:center;height:20px;font-size:var(--text-3xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}
#asset-detail-dialog .ad-cal-d {display:flex;align-items:center;justify-content:center;height:28px;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}
#asset-detail-dialog .ad-cal-d.pickable {cursor:pointer}
#asset-detail-dialog .ad-cal-d.pickable:hover {background:var(--bg-tertiary)}
#asset-detail-dialog .ad-cal-d.today {font-weight:var(--fw-bold);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-strong)}
#asset-detail-dialog .ad-cal-d.marked {background:var(--gold-200);color:var(--gold-800);font-weight:var(--fw-semibold)}
#asset-detail-dialog .ad-cal-d.picked {box-shadow:inset 0 0 0 2px var(--info)}
#asset-detail-dialog .ad-cal-note {font-size:var(--text-sm);color:var(--text-muted);line-height:var(--lh-normal)}
/* ============================================================
 * Collapsible section chassis (bd-section) + Breakdown tables
 * ============================================================ */
#asset-detail-dialog .bd-section {background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);margin-bottom:14px;overflow:hidden}
#asset-detail-dialog .bd-section-head {display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid var(--border-subtle);cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .bd-section-head:hover {background:var(--bg-tertiary)}
#asset-detail-dialog .bd-section.collapsed .bd-section-head {border-bottom-color:transparent}
#asset-detail-dialog .bd-section-chevron {display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:transform var(--duration-normal) var(--ease-default)}
#asset-detail-dialog .bd-section.collapsed .bd-section-chevron {transform:rotate(-90deg)}
#asset-detail-dialog .bd-section-title {font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary)}
#asset-detail-dialog .bd-section-meta {margin-left:auto;display:flex;align-items:center;gap:9px;font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}
#asset-detail-dialog .bd-section-body {padding:14px 16px 16px}
#asset-detail-dialog .bd-section.collapsed .bd-section-body {display:none}
#asset-detail-dialog .bd1-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:900px) {
#asset-detail-dialog .bd1-grid {grid-template-columns:1fr}
}
#asset-detail-dialog .bd-subhead {margin-bottom:7px;font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}
#asset-detail-dialog .bd-count {color:var(--text-muted);font-weight:var(--fw-medium)}
#asset-detail-dialog .bd-table {width:100%;border-collapse:collapse;font-size:var(--text-sm)}
#asset-detail-dialog .bd-table th {padding:6px 9px;text-align:right;border-bottom:1px solid var(--border-primary);font-size:var(--text-3xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);white-space:nowrap}
#asset-detail-dialog .bd-table th:first-child {text-align:left}
#asset-detail-dialog .bd-table td {padding:7px 9px;text-align:right;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-variant-numeric:tabular-nums}
#asset-detail-dialog .bd-table td:first-child {text-align:left}
#asset-detail-dialog .bd-table .bd-num {text-align:right}
#asset-detail-dialog .bd-table tr.bd-total td {background:var(--gold-050);font-weight:var(--fw-bold);border-bottom:0}
#asset-detail-dialog .bd-int-pill {display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:var(--radius-sm);border:1px solid;font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}
#asset-detail-dialog .bd-int-dot {width:6px;height:6px;border-radius:50%}
#asset-detail-dialog .bd1-excluded {margin-top:16px;padding-top:14px;border-top:1px dashed var(--border-strong)}
#asset-detail-dialog .bd1-excluded-label {margin-bottom:9px;font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}
#asset-detail-dialog .bd-aoi-row {display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:15px;padding-top:13px;border-top:1px solid var(--border-subtle)}
#asset-detail-dialog .bd-aoi-label {font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}
#asset-detail-dialog .bd-aoi-pills {display:flex;gap:6px;flex-wrap:wrap}
#asset-detail-dialog .bd-aoi-pill {padding:3px 10px;border-radius:var(--radius-full);background:var(--gold-050);border:1px solid var(--gold-200);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--gold-800)}
#asset-detail-dialog .bd-aoi-empty {font-size:var(--text-sm);color:var(--text-muted);font-style:italic}
/* ============================================================
 * Legal Description (LD1)
 * ============================================================ */
#asset-detail-dialog .ld-lock-badge {display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-strong);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary)}
#asset-detail-dialog .ld-edit-badge {background:var(--gold-100);border-color:var(--gold-300);color:var(--gold-800)}
#asset-detail-dialog .ld-actions {display:flex;align-items:center;gap:5px;margin-left:10px}
#asset-detail-dialog .ld-icon {display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;font:inherit;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-tertiary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}
#asset-detail-dialog .ld-icon:hover {background:var(--gold-050);border-color:var(--gold-300);color:var(--gold-700)}
#asset-detail-dialog .ld-icon-on {background:var(--gold-100);border-color:var(--gold-300);color:var(--gold-800)}
#asset-detail-dialog .ld-split {display:grid;grid-template-columns:1fr 1fr;gap:14px}
#asset-detail-dialog .ld-split.solo {grid-template-columns:1fr}
@media (max-width:900px) {
#asset-detail-dialog .ld-split {grid-template-columns:1fr}
}
#asset-detail-dialog .ld-pane {display:flex;flex-direction:column;min-width:0;border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}
#asset-detail-dialog .ld-pane-head {display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary)}
#asset-detail-dialog .ld-pane-close {margin-left:auto;background:transparent;border:0;color:var(--text-muted);cursor:pointer;display:inline-flex}
#asset-detail-dialog .ld-textarea {min-height:230px;resize:vertical;border:0;padding:12px 14px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.65;color:var(--text-primary);background:var(--bg-surface)}
#asset-detail-dialog .ld-textarea:focus {outline:none;box-shadow:inset 0 0 0 2px var(--gold-200)}
#asset-detail-dialog .ld-textarea[readonly] {background:var(--bg-tertiary);color:var(--text-secondary)}
#asset-detail-dialog .ld-preview {padding:14px;background:var(--bg-tertiary);min-height:230px}
#asset-detail-dialog .ld-preview-doc {padding:20px 22px;background:#fff;border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}
#asset-detail-dialog .ld-preview-eyebrow {font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--gold-muted)}
#asset-detail-dialog .ld-preview-divider {border:0;border-top:1px solid var(--border-strong);margin:10px 0 12px}
#asset-detail-dialog .ld-preview-lead {margin:0 0 10px;font-size:var(--text-base);line-height:var(--lh-relaxed);color:var(--text-secondary)}
#asset-detail-dialog .ld-preview-legal {margin:0 0 12px;padding:11px 13px;background:var(--gold-050);border-left:2px solid var(--gold-400);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;color:var(--text-primary);white-space:pre-wrap}
#asset-detail-dialog .ld-preview-empty {color:var(--text-muted)}
#asset-detail-dialog .ld-hint {margin-top:11px;font-size:var(--text-sm);color:var(--text-muted);line-height:var(--lh-normal)}
/* ============================================================
 * Leases panel (expandable lease rows, tracts nested beneath)
 * ============================================================ */
#asset-detail-dialog .lse-filters {display:flex;gap:7px;margin-bottom:12px}
#asset-detail-dialog .lse-chip {display:inline-flex;align-items:center;gap:6px;padding:4px 11px;font:inherit;font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);color:var(--text-tertiary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-full);cursor:pointer;transition:all .15s var(--ease-default)}
#asset-detail-dialog .lse-chip:hover {color:var(--text-primary);background:var(--bg-tertiary)}
#asset-detail-dialog .lse-chip .n {font-variant-numeric:tabular-nums;color:var(--text-muted)}
#asset-detail-dialog .lse-chip.on {color:var(--primary);background:var(--gold-subtle);border-color:var(--gold-500)}
#asset-detail-dialog .lse-chip.on .n {color:var(--gold-700,#8a713a)}
#asset-detail-dialog .lse-list {display:flex;flex-direction:column;gap:9px}
#asset-detail-dialog .lse {border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-xs);overflow:hidden;transition:box-shadow .15s var(--ease-default),border-color .15s var(--ease-default)}
#asset-detail-dialog .lse:hover {border-color:var(--border-strong);box-shadow:var(--shadow-sm)}
#asset-detail-dialog .lse.open {box-shadow:var(--shadow-lg)}
#asset-detail-dialog .lse-head {display:flex;align-items:center;gap:16px;padding:11px 14px;cursor:pointer}
#asset-detail-dialog .lse-head:focus-visible {outline:0;box-shadow:var(--shadow-focus-gold)}
#asset-detail-dialog .lse.open .lse-head {background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}
#asset-detail-dialog .lse-chev {display:inline-flex;flex-shrink:0;color:var(--text-muted);transition:transform .15s var(--ease-default),color .15s var(--ease-default)}
#asset-detail-dialog .lse.open .lse-chev {transform:rotate(90deg);color:var(--gold-600,#a68b4b)}
#asset-detail-dialog .lse-id {display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}
#asset-detail-dialog .lse-name {font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#asset-detail-dialog .lse-sub {font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#asset-detail-dialog .lse-sub .mono, #asset-detail-dialog .lse-df .mono {font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:0}
#asset-detail-dialog .lse-party {display:flex;flex-direction:column;gap:2px;flex-shrink:0;min-width:118px}
#asset-detail-dialog .lse-party .k, #asset-detail-dialog .lse-m .k, #asset-detail-dialog .lse-df .k {font-size:var(--text-3xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}
#asset-detail-dialog .lse-party .v {font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-secondary);white-space:nowrap}
#asset-detail-dialog .lse-pill {flex-shrink:0;padding:3px 9px;border-radius:var(--radius-full);border:1px solid;font-size:var(--text-3xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);white-space:nowrap}
#asset-detail-dialog .lse-ok {color:#1d7a37;border-color:rgba(52,199,89,.4);background:var(--success-bg,rgba(52,199,89,.1))}
#asset-detail-dialog .lse-warn {color:#9a5b00;border-color:rgba(255,159,10,.45);background:var(--warning-bg,rgba(255,159,10,.1))}
#asset-detail-dialog .lse-bad {color:#b3271f;border-color:rgba(255,59,48,.4);background:var(--error-bg,rgba(255,59,48,.1))}
#asset-detail-dialog .lse-metrics {display:flex;gap:18px;flex-shrink:0}
#asset-detail-dialog .lse-m {display:flex;flex-direction:column;gap:2px;align-items:flex-end;min-width:52px}
#asset-detail-dialog .lse-m .v {font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.1}
#asset-detail-dialog .lse-tct {flex-shrink:0;padding:2px 9px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-primary);font-size:var(--text-2xs);font-weight:var(--fw-semibold);color:var(--text-tertiary);white-space:nowrap}
#asset-detail-dialog .lse-body {padding:13px 14px 14px}
#asset-detail-dialog .lse-body[hidden] {display:none}
#asset-detail-dialog .lse-detail {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 18px;padding:12px 14px;margin-bottom:13px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}
#asset-detail-dialog .lse-df {display:flex;flex-direction:column;gap:2px;min-width:0}
#asset-detail-dialog .lse-df .v {font-size:var(--text-sm);color:var(--text-primary)}
#asset-detail-dialog .lse-tracts-head {display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:var(--text-3xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}
#asset-detail-dialog .lse-tracts-head .ico {display:inline-flex;color:var(--gold-600,#a68b4b)}
#asset-detail-dialog .lse-tracts-head .ct {padding:0 6px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-tertiary)}
#asset-detail-dialog .lse-tracts {border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden}
#asset-detail-dialog .lse-body-actions {display:flex;gap:9px;margin-top:11px}
@media (max-width:1180px) {
#asset-detail-dialog .lse-head {flex-wrap:wrap;gap:10px 14px}
#asset-detail-dialog .lse-id {flex:1 1 100%}
#asset-detail-dialog .lse-metrics {gap:14px}
#asset-detail-dialog .lse-detail {grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Admin Edit - Done pill. It only renders while admin-edit-mode is ON, and
   that is a privileged state the user must not walk away from without
   noticing — so it reads as an alarm, not another toolbar button (user UAT
   request). Solid red + white text, distinct from the gold Actions button
   beside it. */
/* Specificity, not just source order: the generic
   `#asset-detail-dialog .mt-tools .iconbtn` above is (1,2,0) and beat the
   (1,1,0) these rules used to carry, so the pill kept the toolbar's
   translucent-white fill and only the hover border read as red -- exactly
   what the user reported. Matching the toolbar path plus the modifier class
   makes these (1,3,0) and lets the alarm styling through. */
#asset-detail-dialog .mt-tools .iconbtn.iconbtn-admin-exit {background:#c22a20;border-color:#9d1f17;color:#fff;font-weight:var(--fw-semibold)}
#asset-detail-dialog .mt-tools .iconbtn.iconbtn-admin-exit:hover {background:#a81f16;border-color:#7d160f}
#asset-detail-dialog .mt-tools .iconbtn.iconbtn-admin-exit svg {color:#fff}

/* ============================================================
 * Tracts panel (read-only grid) + Map + Wells
 * ============================================================ */
#asset-detail-dialog .trk-group {border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:12px}
/* NOTE: .trk-group-head is a <thead> in this app (tracts.js renders the band
   as a <tr><th colspan>), NOT the prototype's flex <div>. It must therefore
   carry NO display/padding/background of its own: display:flex on a thead
   destroys table layout — the th stops honoring colspan, so the band collapses
   to a narrow box at the left and every column header below it misaligns.
   Style the TH instead (below, after .trk-table th so it wins the cascade).
   This is the rule asset-dossier.css already documents: colors/type/borders
   only on this component. (User UAT report, Tracts tab.) */
#asset-detail-dialog .trk-table {width:100%;border-collapse:collapse;font-size:var(--text-sm)}
#asset-detail-dialog .trk-table th {padding:7px 10px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);text-align:right;font-size:var(--text-3xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);white-space:nowrap}
#asset-detail-dialog .trk-table th.l, #asset-detail-dialog .trk-table td.l {text-align:left}
#asset-detail-dialog .trk-table th.c, #asset-detail-dialog .trk-table td.c {text-align:center}
/* The centred column headers (WI % / NRI) need an id-scoped re-declaration for
   the same reason the width caps do: the rule above is id-scoped and would
   otherwise win on specificity and force them back to right-aligned. */
#asset-detail-dialog .trk-col-head th.trk-h-center {text-align:center}
#asset-detail-dialog .trk-table td {padding:8px 10px;border-bottom:1px solid var(--border-subtle);text-align:right;color:var(--text-primary);font-variant-numeric:tabular-nums}
#asset-detail-dialog .trk-table tbody tr:last-child td {border-bottom:0}
#asset-detail-dialog .trk-table tbody tr:hover {background:var(--gold-050)}
/* Responsive shrink tiers: royalty-screen.css tightens tbody padding at
   narrow widths BECAUSE the 8-decimal column widths are computed against it
   (0.00000000 plus the fraction button has to fit un-clipped). Those rules
   are class-only, so the id-scoped padding above silently overrode them and
   the Decimal Int values started truncating mid-number -- reproduced in
   headless Chromium at 1280px: 55.5px of text in 44px of space. Re-assert the
   tighter padding at the same breakpoints so the tier math holds. */
/* The width caps must be re-declared id-scoped for the same reason: a
   class-only .trk-w-dec cannot survive next to id-scoped padding. Each tier
   carries ~8px of slack over the measured text width so the value stays
   whole rather than sitting exactly on the boundary. */
#asset-detail-dialog .trk-w-dec {width:130px;min-width:130px}
#asset-detail-dialog .trk-w-roy {width:96px;min-width:96px}
@media (max-width: 1600px) {
    #asset-detail-dialog .trk-table td {padding:6px 6px}
    #asset-detail-dialog .trk-table th {padding:6px 6px}
    #asset-detail-dialog .trk-w-dec {width:116px;min-width:116px}
    #asset-detail-dialog .trk-w-roy {width:88px;min-width:88px}
}
@media (max-width: 1280px) {
    #asset-detail-dialog .trk-table td {padding:3px 5px}
    #asset-detail-dialog .trk-table th {padding:5px 5px}
    #asset-detail-dialog .trk-w-dec {width:104px;min-width:104px}
    #asset-detail-dialog .trk-w-roy {width:80px;min-width:80px}
}

/* The group band's th must beat the generic .trk-table th above — same
   specificity, so it relies on order. Without this the band inherits the
   column-header look (muted grey, uppercase, right-aligned, tertiary
   background) and is effectively unreadable on its dark fill. */
#asset-detail-dialog .trk-group-head th {padding:9px 13px;text-align:left;text-transform:none;letter-spacing:normal;white-space:normal;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-inverse);background:linear-gradient(180deg,var(--ink-800),var(--ink-950));border-bottom:0}
#asset-detail-dialog .trk-group-head.trk-group-orphan th {background:linear-gradient(180deg,#6e6e73,#424245)}
#asset-detail-dialog .trk-group-head .trk-group-meta {float:right;padding:1px 8px;border-radius:var(--radius-full);background:hsla(0,0%,100%,.15);color:var(--text-inverse);font-size:var(--text-2xs);font-weight:var(--fw-semibold)}
#asset-detail-dialog .trk-sec {font-weight:var(--fw-bold)}
#asset-detail-dialog .ad-map {position:relative;height:340px;border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--pattern-topo),var(--bg-tertiary);overflow:hidden;display:flex;align-items:center;justify-content:center}
#asset-detail-dialog .ad-map-note {max-width:44ch;text-align:center;font-size:var(--text-base);line-height:var(--lh-normal);color:var(--text-muted)}
#asset-detail-dialog .ad-map-layers {position:absolute;top:12px;right:12px;padding:10px 12px;background:hsla(0,0%,100%,.86);backdrop-filter:blur(8px);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}
#asset-detail-dialog .ad-map-layers .h {margin-bottom:7px;font-size:var(--text-3xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}
#asset-detail-dialog .ad-map-layer {display:flex;align-items:center;gap:7px;padding:3px 0;font-size:var(--text-sm);color:var(--text-secondary)}
#asset-detail-dialog .ad-map-swatch {width:11px;height:11px;border-radius:3px;flex-shrink:0}
/* ============================================================
 * Documents + Comments
 * ============================================================ */
#asset-detail-dialog .ad-doc-tabs {display:flex;gap:16px;margin-bottom:11px;border-bottom:1px solid var(--border-subtle)}
#asset-detail-dialog .ad-doc-tabs button {padding:0 0 8px;font:inherit;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-muted);background:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer}
#asset-detail-dialog .ad-doc-tabs button.on {color:var(--text-primary);border-bottom-color:var(--gold-500)}
#asset-detail-dialog .ad-doc-row {display:flex;align-items:center;gap:11px;padding:10px 4px;border-bottom:1px solid var(--border-subtle)}
#asset-detail-dialog .ad-doc-row:last-child {border-bottom:0}
#asset-detail-dialog .ad-doc-ic {flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--gold-050);border:1px solid var(--gold-200);color:var(--gold-600)}
#asset-detail-dialog .ad-doc-name {font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary)}
#asset-detail-dialog .ad-doc-meta {margin-top:1px;font-size:var(--text-2xs);color:var(--text-muted)}
#asset-detail-dialog .ad-doc-chip {display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-strong);font-size:var(--text-2xs);font-weight:var(--fw-semibold);color:var(--text-tertiary)}
#asset-detail-dialog .ad-drop {margin-top:12px;padding:18px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-tertiary);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}
#asset-detail-dialog .ad-drop .ic {display:inline-flex;color:var(--gold-600);margin-bottom:5px}
#asset-detail-dialog .ad-cm-row {display:flex;gap:11px;padding:10px 0;border-bottom:1px solid var(--border-subtle)}
#asset-detail-dialog .ad-cm-row:last-of-type {border-bottom:0}
#asset-detail-dialog .ad-cm-av {flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--gold-100);color:var(--gold-800);font-size:var(--text-2xs);font-weight:var(--fw-semibold)}
#asset-detail-dialog .ad-cm-who {font-size:var(--text-sm);color:var(--text-primary)}
#asset-detail-dialog .ad-cm-who .t {color:var(--text-muted)}
#asset-detail-dialog .ad-cm-text {margin-top:3px;font-size:var(--text-base);line-height:var(--lh-normal);color:var(--text-secondary)}
#asset-detail-dialog .ad-cm-text .men {padding:0 5px;border-radius:var(--radius-xs);background:var(--gold-subtle);color:var(--gold-700);font-weight:var(--fw-semibold)}
#asset-detail-dialog .ad-cm-box {margin-top:11px;padding:11px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md)}
#asset-detail-dialog .ad-cm-box textarea {width:100%;min-height:56px;resize:vertical;font:inherit;font-size:var(--text-base);color:var(--text-primary);background:transparent;border:0}
#asset-detail-dialog .ad-cm-box textarea:focus {outline:none}
#asset-detail-dialog .ad-cm-box-foot {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}
/* ---- Payments panel ---- */
#asset-detail-dialog .ad-stage-card {padding:16px 18px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}
#asset-detail-dialog .ad-pay-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
#asset-detail-dialog .ad-pay-grid .n {font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--fw-bold);color:var(--gold-600);font-variant-numeric:tabular-nums;line-height:var(--lh-tight)}
#asset-detail-dialog .ad-pay-note {margin-top:12px;font-size:var(--text-sm);color:var(--text-muted)}
/* ---- Comments tab: internal comments + touchpoint timeline ---- */
#asset-detail-dialog .ad-cmgrid {display:grid;grid-template-columns:1.15fr 1fr;gap:16px;align-items:start}
@media (max-width:1000px) {
#asset-detail-dialog .ad-cmgrid {grid-template-columns:1fr}
}
#asset-detail-dialog .ad-cmgrid-head {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
/* ---- Two-column grid used by Overview / Documents ---- */
#asset-detail-dialog .ad-2col {display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
@media (max-width:1000px) {
#asset-detail-dialog .ad-2col {grid-template-columns:1fr}
}
/* ---- Actions menu (v6 header) ---- */
#asset-detail-dialog .mt-tools {position:relative}
/* position:fixed with NO top/right here, on purpose:
   handleActionsButtonClick() in js/ui/royaltyScreen/v6Header.js sets
   top/left from the Actions button's getBoundingClientRect(), i.e.
   VIEWPORT coords. Skinning this to position:absolute made those inline
   coords resolve against the scrolling .rs-modal-frame instead, so the
   menu opened off-screen and the button looked dead. z-index clears the
   sticky .rs-top (20). */
#asset-detail-dialog .ad-actions-menu {position:fixed;z-index:1000;min-width:240px;padding:5px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-float)}
#asset-detail-dialog .ad-actions-menu button {display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;font:inherit;font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--text-primary);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer;text-align:left}
#asset-detail-dialog .ad-actions-menu button:hover {background:var(--gold-050);color:var(--gold-800)}
#asset-detail-dialog .ad-actions-menu button svg {color:var(--text-muted)}
#asset-detail-dialog .ad-actions-menu button:hover svg {color:var(--gold-600)}
#asset-detail-dialog .ad-actions-menu button.danger {color:#c22a20}
#asset-detail-dialog .ad-actions-menu button.danger:hover {background:var(--error-bg);color:#c22a20}
#asset-detail-dialog .ad-actions-menu button.danger svg, #asset-detail-dialog .ad-actions-menu button.danger:hover svg {color:#c22a20}
/* ---- Seller panel inherits the dossier card rhythm ---- */
#asset-detail-dialog #ad-panel-seller .section:first-child {margin-top:0}
#asset-detail-dialog #ad-panel-seller .section-title {white-space:nowrap}

/* ============================================================
   Adaptations — the prototype's page-shell rules (.stage/.modal)
   mapped onto the app's dialog, plus neutralizations of legacy
   royalty-screen styling the port doesn't override by name.
   ============================================================ */

/* Defect 18 — the modal owns the viewport with a 20px inset;
   .rs-modal-frame is the ONE scroller; footer is its sibling. */
.asset-detail-dialog#asset-detail-dialog {
    width: calc(100vw - 40px);
    height: calc(100vh - 40px);
    max-width: none;
    max-height: none;
    border-radius: var(--radius-card, 16px);
    background: var(--bg-page, #fafafa);
}
#asset-detail-dialog .rs-modal-frame {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--bg-page);
}
#asset-detail-dialog .rs-top { flex: 0 0 auto; position: sticky; top: 0; z-index: 20; background: transparent; }
#asset-detail-dialog .asset-detail-content { flex: 0 0 auto; min-height: 0; overflow: visible; padding-bottom: 16px; }
#asset-detail-dialog .asset-detail-actions { flex: 0 0 auto; position: relative; z-index: 15; }

/* Legacy neutralizations (royalty-screen.css leftovers the ported
   rules don't override selector-for-selector). */
#asset-detail-dialog .rs-tile { text-align: left; }
#asset-detail-dialog .rs-tile-value { justify-content: flex-start; }
#asset-detail-dialog .bd-section-title,
#asset-detail-dialog .slr-scope .section-title {
    text-transform: none;
}
/* The relocated breadcrumb renders as a card inside Overview (the app
   moves it out of the header) — hairline card chrome per §17. */
#asset-detail-dialog [data-ad-lifecycle] .mt-breadcrumb {
    border: 1px solid var(--border-subtle);
    border-bottom: 1px solid var(--border-subtle);
    border-radius: var(--radius-card);
    background: var(--bg-surface);
    box-shadow: var(--shadow-sm);
    padding: 10px 14px;
}
/* Breadcrumb pills: the app renders .mt-bc (see v6Header) — the ported
   .mt-bc rules apply; the legacy .v6-bc co-class must not fight them.
   No blanket `background:none` reset here: it matched the CURRENT pill too
   at equal specificity and later in the file, so it beat
   `.mt-bc--current`'s ink fill and left a white label on a transparent
   pill — the stage read as blank. The id-scoped .mt-bc rules already
   outrank the plain .v6-bc class, so no reset is needed. */
#asset-detail-dialog .mt-bc { display: inline-flex; }
#asset-detail-dialog .mt-bc .mt-bc-date { opacity: .55; font-weight: 500; margin-left: 3px; }
#asset-detail-dialog .v6-bc-wrap { display: inline-flex; align-items: center; }

/* Spotlight body typography (prototype uses .v6-spot-body children). */
#asset-detail-dialog .v6-spot-body { flex: 1 1 auto; min-width: 0; }
#asset-detail-dialog .v6-spot-body .e {
    font-size: var(--text-2xs); font-weight: var(--fw-semibold);
    letter-spacing: var(--tracking-wider); text-transform: uppercase;
    color: var(--gold-muted);
}
#asset-detail-dialog .v6-spot-action { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
#asset-detail-dialog .v6-spot-action .v6-action-label {
    font-size: var(--text-3xs); font-weight: var(--fw-semibold);
    letter-spacing: var(--tracking-wider); text-transform: uppercase;
    color: var(--text-muted);
}
#asset-detail-dialog .v6-spot-action input[type="date"] {
    height: 34px; padding: 0 10px; font: inherit; font-size: var(--text-sm);
    border: 1px solid var(--border-strong); border-radius: var(--radius-lg);
    background: var(--bg-surface); color: var(--text-primary);
}
#asset-detail-dialog .v6-spot-action input[type="date"]:focus {
    outline: none; border-color: var(--gold-500); box-shadow: var(--shadow-focus-gold);
}
#asset-detail-dialog .v6-spot-action .v6-action-group { display: flex; align-items: center; gap: 8px; }

/* Empty / sparse records (START-HERE §EMPTY): italic muted empties;
   null numeric tiles read as an em dash, not 0. */
#asset-detail-dialog .ai-field-value .empty,
#asset-detail-dialog .slr-scope .empty {
    color: var(--text-muted);
    font-style: italic;
    font-weight: 400;
}
#asset-detail-dialog .rs-tile-value .tile-empty { color: var(--text-secondary); }

/* Footer note: quiet dot + muted text (never a green pill here). */
#asset-detail-dialog .ad-foot-note { font-size: var(--text-sm); color: var(--text-muted); }
#asset-detail-dialog .ad-foot-saved { color: var(--text-muted); font-weight: 500; }
#asset-detail-dialog .ad-foot-saved::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--success); margin-right: 6px; vertical-align: middle; }

/* Mgmt-approval sub-chips ride inside a pill wrap now. */
#asset-detail-dialog .v6-bc-wrap--mgmt { gap: 4px; }

/* Read-only mode switch (demo toggle is not shipped — state derives from
   the record's stage). */
#asset-detail-dialog .mode-switch-btn:disabled { cursor: default; opacity: 1; }