:root{--d07-bg:#0b151d;--d07-panel:#11212c;--d07-border:#294451;--d07-text:#edf3f7;--d07-muted:#a9bbc6;--d07-accent:#ffb800;--d07-info:#4ed8f5;--bg-0:#0b151d;--bg-1:#0e1b24;--bg-2:#11212c;--bg-3:#172c38;--bg-4:#1d3442;--panel:#11212c;--panel-strong:#172c38;--line:#294451;--line-medium:#365665;--line-strong:#557888;--text:#edf3f7;--text-soft:#a9bbc6;--text-dim:#a9bbc6;--accent:#ffb800;--accent-strong:#ffcc48;--accent-soft:#ffb80018;--accent-medium:#ffb80035;--positive:#79dfab;--negative:#ff9292;--warning:#ffcc48;color-scheme:dark}
body,input,button,select,textarea{font-family:Inter,'Segoe UI',sans-serif}body{background:var(--d07-bg);color:var(--d07-text)}button,input,select,textarea{font-size:14px}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--d07-info)!important;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}button.primary,.btn-primary{background:var(--d07-accent);color:#101820;border-color:var(--d07-accent)}input,select,textarea{color:var(--d07-text);background:#0e1b24;border:1px solid var(--d07-border);border-radius:5px}option{background:#11212c;color:#edf3f7}dialog{color:var(--d07-text);background:var(--d07-panel);border:1px solid var(--d07-border);border-radius:10px}dialog::backdrop{background:#02080dcc}table{font-variant-numeric:tabular-nums}.d07-global-nav{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#0e1b24;border-bottom:1px solid #294451;flex-wrap:wrap}.d07-global-nav .d07-brand{font-size:24px;font-weight:750;color:#edf3f7;text-decoration:none;margin-right:20px}.d07-global-nav a,.d07-global-nav button{border:0;border-bottom:2px solid transparent;background:transparent;color:#edf3f7;padding:10px 12px;text-decoration:none}.d07-global-nav a[aria-current=page]{color:#ffb800;border-bottom-color:#ffb800}.d07-global-nav details{position:relative}.d07-global-nav details>div{position:absolute;z-index:100;background:#11212c;border:1px solid #294451;padding:10px;min-width:230px;display:grid;box-shadow:0 8px 25px #0008}.d07-global-nav .d07-version{margin-left:auto;color:#a9bbc6;font-size:12px}.d07-skip{position:fixed;top:-80px;left:12px;z-index:10000;background:#ffb800;color:#101820;padding:12px}.d07-skip:focus{top:12px}.embedded .global{display:none}.d07-status-note{color:#a9bbc6}.table-scroll{max-width:100%;overflow-x:auto}img{max-width:100%}[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:700px){.d07-global-nav{padding:8px;gap:2px}.d07-global-nav .d07-brand{font-size:20px;margin-right:8px}.d07-global-nav a,.d07-global-nav button{padding:10px 8px}.d07-global-nav .d07-version{flex-basis:100%;margin-left:0}.main-content{min-width:0}button,input,select{min-height:40px}}

.d07-workspace{padding:20px;margin-bottom:20px;border:1px solid #294451;background:#11212c;border-radius:8px}.d07-workspace header{display:flex;align-items:start;justify-content:space-between;gap:16px}.d07-workspace h2{font-size:22px;margin:0 0 8px}.d07-workspace h3{margin:22px 0 12px}.d07-workspace p,.d07-workspace small{color:#a9bbc6}.d07-workspace table{width:100%;border-collapse:collapse}.d07-workspace td,.d07-workspace th{padding:12px;text-align:left;border-bottom:1px solid #294451}.d07-workspace th small{display:block}.d07-workspace label{display:grid;gap:6px;max-width:400px}.d07-workspace button,.d07-dialog button{padding:9px 12px;border:1px solid #294451;border-radius:5px;background:#172c38;color:#edf3f7}.d07-dialog{width:min(580px,90vw);max-height:90vh;overflow:auto;padding:24px}.d07-dialog label{display:grid;gap:8px;margin:12px 0}.d07-dialog input,.d07-dialog select{padding:10px}.d07-dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.d07-dialog [role=alert]{color:#ff9292}.d07-workspace details{margin-top:20px}@media(max-width:700px){.d07-workspace{padding:12px}.d07-workspace header{flex-wrap:wrap}}

.view .panel,.view .metric-card,.view .data-card,.view article{background:#11212c;border-color:#294451;border-radius:8px}.view h2,.view h3{color:#edf3f7}.view .panel-header,.view .section-header{border-color:#294451}.view .data-row,.view .table-row{border-color:#294451}.view .panel-code{color:#4ed8f5}.view .empty-state{background:#0e1b24;color:#a9bbc6}.view input,.view select{padding:9px}.view .grid,.view .dashboard-grid{gap:16px}.view table{max-width:100%}.view .table-wrapper{overflow:auto}.d07-workspace details summary{padding:12px;border:1px solid #294451;cursor:pointer}

.d07-access{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap;padding:8px 18px;background:#0b151d;color:#a9bbc6;font-size:12px}.d07-access button{padding:6px 10px;border:1px solid #294451;background:#172c38;color:#edf3f7;border-radius:5px}

.main-content{min-width:0}.main-content>.d07-global-nav{margin-bottom:16px}.panel,.metric-card{box-shadow:0 4px 16px #0002}.panel-header{background:#11212c}.view{color:#edf3f7}.view .metric-value{color:#ffb800}.view .section-kicker,.view .panel-code{color:#4ed8f5}.view a{color:#4ed8f5}.d07-workspace tbody tr:hover{background:#172c38}.d07-workspace button:disabled{cursor:not-allowed;opacity:.55}@media(min-width:2200px){.main-content{max-width:2400px;margin-inline:auto}}

/* Shared navigation and typography across the entire application. */
body,.sidebar,.topbar,.section-nav-shell,.view,.panel,.metric-card,.area-nav-item,.section-nav-item{background-image:none!important;font-family:Inter,'Segoe UI',sans-serif!important}.sidebar{background:#0e1b24;border-right:1px solid #294451}.sidebar::after,.brand::before,.brand::after,.topbar::before,.section-nav-shell::after{display:none}.brand{background:#0e1b24;border-bottom:1px solid #294451;padding:20px 14px}.brand-copy strong{font:700 15px Inter,'Segoe UI',sans-serif;letter-spacing:.5px}.brand-copy span{font-size:11px;letter-spacing:.5px;color:#a9bbc6}.brand-mark{background:#172c38;border:1px solid #294451;color:#ffb800;box-shadow:none}.sidebar-terminal-id{background:#0e1b24;color:#a9bbc6}.sidebar-terminal-id strong{color:#a9bbc6;font:12px Inter,'Segoe UI',sans-serif;letter-spacing:0}.area-nav-item{border:1px solid transparent;border-radius:6px;min-height:58px;margin:3px 8px;background:#0e1b24;box-shadow:none}.area-nav-item.active{background:#ffb80012;border-color:#ffb80066}.area-nav-copy strong{font:600 14px Inter,'Segoe UI',sans-serif;letter-spacing:.1px}.area-nav-copy small{font:12px Inter,'Segoe UI',sans-serif;letter-spacing:0;color:#a9bbc6}.area-nav-index{font:12px Inter,'Segoe UI',sans-serif;color:#a9bbc6}.topbar{position:static;background:#0b151d;min-height:80px;border:0;box-shadow:none}.topbar-title h1{font:650 25px Inter,'Segoe UI',sans-serif;letter-spacing:0}.topbar-pretitle{font-size:11px;letter-spacing:1px;color:#a9bbc6}.topbar-context{font:12px Inter,'Segoe UI',sans-serif;letter-spacing:0}.topbar-context strong{font:600 13px Inter,'Segoe UI',sans-serif}.section-nav-shell{position:static;background:#11212c;border:1px solid #294451;border-radius:6px;margin:0 18px 16px;box-shadow:none}.section-nav-item{font:500 14px Inter,'Segoe UI',sans-serif;letter-spacing:0;border-radius:4px;background:transparent;padding:12px}.section-nav-item.active{color:#ffb800;background:#ffb80012}.section-nav-ident{display:none}.panel h2,.panel h3,.metric-label,.metric-value,.panel-code,.dashboard-hero *{font-family:Inter,'Segoe UI',sans-serif!important;letter-spacing:normal}.view .panel-header,.view .metric-card,.view .data-card{background:#11212c;border-color:#294451}.view .panel-header::before,.view .panel-header::after,.view .dashboard-hero::before,.view .dashboard-hero::after{display:none}.view .panel{border-color:#294451;background:#11212c}.view .dashboard-hero{background:#0e1b24;border-color:#294451}.view .panel-code{color:#4ed8f5}.view .metric-value{color:#ffb800}.view input,.view select,.view textarea{color:#edf3f7;background:#0e1b24;border-color:#294451}.view .panel-body{min-width:0}
@media(max-width:700px){.topbar{flex-wrap:wrap;height:auto;padding:12px}.topbar-actions{flex-wrap:wrap}.section-nav-shell{margin:0 8px 12px}.section-nav{overflow-x:auto}.d07-global-nav{gap:0}.view{padding-inline:8px}.sidebar{position:static;width:auto;max-height:none}.app-shell{display:block}.main-nav{display:flex;overflow-x:auto}.area-nav-item{min-width:140px;margin:3px}.sidebar-footer,.sidebar-terminal-id{display:none}.brand{padding:10px}.main-content{margin-left:0;width:100%}}

body .area-nav-item *,body .section-nav-item *{font-family:Inter,'Segoe UI',sans-serif!important;letter-spacing:0!important;text-transform:none;font-weight:500}body .section-nav-item{flex:0 0 auto;min-width:110px;white-space:nowrap}body .section-nav{display:flex;grid-template-columns:none;overflow-x:auto;min-width:0}body .section-nav-shell::before,body .section-nav-shell::after{display:none}body .topbar-context span{font-size:11px;letter-spacing:.5px}body .area-nav-copy strong{font-weight:650!important}body::before,body::after{pointer-events:none}
@media(max-width:700px){body .sidebar{height:auto!important;min-height:0;max-height:none;overflow:visible;inset:auto;display:block}body .sidebar .brand{display:none}body .sidebar .main-nav{display:flex;gap:4px;overflow:auto;padding:4px}body .sidebar .area-nav-item{flex:0 0 auto;width:140px;min-width:140px;height:50px;padding:8px}body .sidebar .area-nav-copy{display:block}body .sidebar .area-nav-copy small{display:none}body .sidebar .area-nav-index{display:none}body .sidebar .nav-divider{display:none}body .section-nav-shell{display:block;height:auto;min-height:0;padding:4px}body .section-nav-status{display:none}body .section-nav{min-height:42px}body .section-nav-item{font-size:13px;min-width:110px;padding:10px}.d07-workspace .table-scroll{width:100%}}

@media(max-width:700px){.view .data-row{display:flex;flex-wrap:wrap;gap:6px}.view .data-row>*{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}.view .data-row strong{flex:1 1 160px;text-align:left}.view .panel-body,.view article{min-width:0}.view select{max-width:100%}}

/* Hangar: recover the dedicated canvas width without removing navigation. */
.d07-sidebar-toggle{display:none}
body:has(#view-fleet.active) .d07-sidebar-toggle{display:inline-flex}
body:has(#view-fleet.active) .app-shell{grid-template-columns:minmax(0,1fr)}
body:has(#view-fleet.active) .sidebar{display:none}
body:has(#view-fleet.active) .main-content{width:100%;min-width:0;margin:0}
body:has(#view-fleet.active) .main-content>.workspace{padding:0;margin:0;max-width:none;width:100%}
body:has(#view-fleet.active) #view-fleet{padding:0;margin:0;width:100%;max-width:none}
body:has(#view-fleet.active) .topbar{display:none}
body:has(#view-fleet.active) .section-nav-shell{margin:0;padding:0 12px;border-radius:0}
body:has(#view-fleet.active) .d07-global-nav{padding-block:6px}
body:has(#view-fleet.active) iframe[data-hangar-nuevo]{height:calc(100dvh - 155px)!important;min-height:580px!important}
@media(min-width:701px){body.d07-sidebar-open:has(#view-fleet.active) .app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}body.d07-sidebar-open:has(#view-fleet.active) .sidebar{display:flex}}
@media(max-width:700px){body.d07-sidebar-open:has(#view-fleet.active) .sidebar{display:block}}
body:has(#view-fleet.active) .main-content{grid-column:1;grid-row:1}body.d07-sidebar-open:has(#view-fleet.active) .main-content{grid-column:2}@media(max-width:700px){body.d07-sidebar-open:has(#view-fleet.active) .main-content{grid-column:1}}
body:has(#view-fleet.active) .main-content .workspace{padding:0!important;margin:0!important;width:100%;max-width:none}

/* Unified navigation and expanded workspace · 2026-09-30 */
.d07-global-nav{display:flex!important;flex-wrap:wrap;gap:8px;padding:6px 18px!important;background:linear-gradient(100deg,#10232d,#0c171f);margin:0!important;min-height:64px}
.d07-global-nav .d07-brand{display:flex;align-items:center;gap:14px;margin-right:16px;padding:8px 0;border:0!important;flex-shrink:0}.d07-logo{font:800 30px/1 'Segoe UI',sans-serif;letter-spacing:-3px;color:#e5f1f8;text-shadow:0 0 12px #4ed8f533}.d07-logo>span{color:#ffbf3e}.d07-brand-name{font-size:14px;font-weight:500;letter-spacing:2.5px;color:#6ce1ff}.d07-brand-name small{display:block;font-size:9px;letter-spacing:1.7px;margin-top:4px}
.d07-area-links{display:flex;align-items:stretch;flex:1;overflow-x:auto;min-width:0;gap:0}.d07-area-links>a{display:flex;gap:9px;align-items:center;white-space:nowrap;font-size:14px;padding:16px 15px;border-left:1px solid #243c482f}.d07-area-links>a[aria-current=page]{color:#ffbe30;background:#ffb80008}.d07-icon{width:22px;height:22px;flex:0 0 22px;vertical-align:middle}.d07-global-nav .d07-icon{color:#a9cce3}.d07-global-nav a[aria-current=page] .d07-icon{color:inherit}
body:has(.d07-global-nav) .app-shell{grid-template-columns:minmax(0,1fr)!important}body:has(.d07-global-nav) .sidebar{display:none!important}body:has(.d07-global-nav) .main-content{grid-column:1!important;margin:0!important;width:100%;max-width:none;min-width:0}
body:is([data-active-view=components],[data-active-view=loadouts],[data-active-view=cargo]) .topbar{display:none!important}body:is([data-active-view=components],[data-active-view=loadouts],[data-active-view=cargo]) .workspace{width:100%;max-width:none!important;margin:0!important;padding:0 14px 20px!important}body:is([data-active-view=components],[data-active-view=loadouts],[data-active-view=cargo]) .section-nav-shell{margin:0 0 14px!important;padding:0 14px;border-radius:0}body:is([data-active-view=components],[data-active-view=loadouts],[data-active-view=cargo]) .view{width:100%;max-width:none;margin:0;padding:0}
.section-nav-item[data-view=cargo]::before{content:'';display:inline-block;width:23px;height:23px;background:currentColor;mask:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20d%3D%22m3%207%209-5%209%205v14H3zM3%207h18M8%207v14m8-14v14%22%2F%3E%3C%2Fsvg%3E') center/contain no-repeat}
#tree summary .d07-icon{margin-right:9px;display:inline-block}#tree details:has(>.slot.active)>summary{color:#ffbe30}#tree summary{align-items:center}
#materials-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;align-content:start}#materials-list .materials-list-item{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:10px;overflow:hidden;padding:0 0 16px;background:linear-gradient(140deg,#102d39,#0e222c);border:1px solid #2a4c5b;border-radius:8px;min-width:0}#materials-list .materials-list-item>span:not(.d07-mineral-art){font-size:20px;font-weight:700;padding:0 18px}#materials-list .materials-list-item>strong{font-size:12px;font-weight:400;background:#174557;border-radius:20px;margin-left:18px;padding:5px 13px;align-self:flex-start}#materials-list .materials-list-item.emphasized{border-color:#31e9ed;box-shadow:inset 0 0 0 1px #31e9ed}.d07-mineral-art{display:block;width:100%;aspect-ratio:1.5;background-size:600% auto;background-repeat:no-repeat;background-position-y:0;overflow:hidden}.d07-mineral-art img{width:100%;height:100%;object-fit:contain}.d07-mineral-art.no-art{display:grid;place-items:center;color:#88a8b9;font-size:13px}
@media(max-width:1100px){.d07-area-links{flex-basis:100%}.d07-area-links>a{padding:12px}.d07-global-nav{gap:0}}@media(max-width:500px){#materials-list{grid-template-columns:repeat(2,minmax(0,1fr))}#materials-list .materials-list-item>span:not(.d07-mineral-art){font-size:16px;padding:0 10px}}

.d07-global-nav .d07-account-menu{margin-left:auto;position:relative;font-size:13px}.d07-account-menu summary{cursor:pointer;white-space:nowrap;padding:14px 8px;color:#bcd5e4}.d07-global-nav .d07-account-menu>#d07-access{position:absolute;right:0;top:100%;width:320px;max-width:85vw;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;padding:16px;background:#11212c;border:1px solid #294451;z-index:1000;box-shadow:0 12px 25px #0008}.d07-account-menu #d07-access>p{font-size:12px;line-height:1.5;text-align:left;margin:0}.d07-account-menu #d07-access button{border:1px solid #385363;border-radius:4px}.d07-mineral-art{background-size:630% auto;background-position-y:-5px;aspect-ratio:1.55}

body[data-d07-role=guest] .topbar,body[data-d07-role=guest] .workspace,body[data-d07-role=guest] .section-nav-shell{display:none!important}

/* Blueprints: use the whole workspace, without the legacy side/header rail. */
body[data-active-view=blueprints] .sidebar{display:none!important}
body[data-active-view=blueprints] .app-shell{grid-template-columns:minmax(0,1fr)!important}
body[data-active-view=blueprints] .main-content{grid-column:1!important;width:100%!important;max-width:none!important;margin:0!important;min-width:0}
body[data-active-view=blueprints] .topbar{display:none!important}
body[data-active-view=blueprints] .main-content .workspace{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-width:0}
body[data-active-view=blueprints] #view-blueprints{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body[data-active-view=blueprints] .section-nav-shell{margin:0!important;padding:0 12px;border-radius:0}
body[data-active-view=blueprints] iframe[data-industry-integral]{display:block;width:100%!important;max-width:none!important;height:calc(100dvh - 130px)!important;min-height:580px!important;border:0}



.materials-geo-dialog{width:min(760px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid #3d6878;border-radius:8px;background:#10232e;color:#e4f1f7;padding:22px}.materials-geo-dialog::backdrop{background:rgba(2,10,16,.78)}.materials-geo-close{float:right}.materials-geo-dialog>h2{font-size:20px;margin:8px 0 20px}.materials-geo-material{display:flex;align-items:center;justify-content:center;gap:20px;margin:12px 0 22px}.materials-geo-material img{width:110px;height:110px;object-fit:contain}.materials-geo-material h3{font-size:22px}.materials-geo-dialog .panel{margin:0}.materials-geo-dialog .data-row{gap:16px}.materials-geo-dialog .data-row>*{overflow-wrap:anywhere}

.materials-shops{margin:0 0 20px;padding:16px;border:1px solid #294957;border-radius:5px}.materials-shops>h3{margin:0 0 8px}.materials-shop-note{font-size:12px;color:#9db9c8}.materials-shop-row{padding:12px 0;border-top:1px solid #294957}.materials-shop-row h4{margin:0 0 6px;color:#e5f4fc}.materials-shop-row p{margin:0 0 6px;line-height:1.5}.materials-shop-type{font-size:11px;color:#73d6ed}
/* Materiales: acciones con los colores compartidos de D07. */
#view-materials .materials-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
#view-materials .materials-detail-actions button,#view-materials .materials-pagination button,.materials-geo-dialog button{appearance:none;background:var(--bg-3);color:var(--d07-info);border:1px solid var(--line-medium);border-radius:5px;padding:10px 16px;min-height:40px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
#view-materials .materials-detail-actions button:hover,#view-materials .materials-pagination button:not(:disabled):hover,.materials-geo-dialog button:hover{background:var(--accent-soft);border-color:var(--d07-accent);color:var(--d07-accent)}

#view-materials .materials-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}
#view-materials .materials-detail-actions{align-items:stretch}
#view-materials .materials-detail-actions button{min-width:160px;min-height:44px;display:inline-flex;justify-content:center;align-items:center;line-height:1.25}
@media(max-width:600px){#view-materials .materials-detail-actions button{flex:1 1 140px;min-width:0}}
/* Paginación en una fila independiente, dentro del espacio del panel. */
#view-materials .materials-list-panel{display:flex;flex-direction:column;min-width:0;height:auto}
#view-materials #materials-list{flex:1 0 auto}
#view-materials #materials-pagination{position:static;inset:auto;transform:none;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;width:auto;max-width:100%;margin:24px 20px 20px;padding:18px 0 0;border-top:1px solid var(--d07-border);flex-shrink:0}
#view-materials #materials-pagination>span{margin-right:auto;line-height:1.5;color:var(--d07-muted);white-space:normal}
#view-materials #materials-pagination>button{min-width:110px;min-height:44px;flex:0 0 auto}
@media(max-width:600px){#view-materials #materials-pagination{margin:20px 12px 16px}#view-materials #materials-pagination>span{flex-basis:100%;text-align:center}#view-materials #materials-pagination>button{flex:1}}