/* VALGRAD V8.0.4 — OPERATION IMPERIAL ASCENSION
 * Functional dashboard components inspired by the approved High Command and
 * Service Dossier concept artwork. Presentation only: no Supabase mutations.
 */
:root {--ia-night:#091b25;--ia-plate:#102834;--ia-light:#e9d7b4;--ia-brass:#b99558;--ia-gold:#f0d59a;--ia-line:#886b42;}
#commandApp .main{min-width:0}
#playerPortal .player-shell{width:min(1650px,100%)}
#playerPortal .player-main{min-width:0}
#playerPortal #playerRecord{min-width:0}
#playerPortal #playerRecord>.ia-dashboard{grid-column:1/-1;min-width:0;width:100%;}
#commandApp .main > #content>.ia-dashboard{width:100%;min-width:0}
.ia-dashboard{color:#e5d9c1;font-family:'IBM Plex Mono',monospace;font-size:12px;line-height:1.6;--ia-tint:#263e49;--ia-panel-bg:linear-gradient(140deg,#183542,#0a1d29 70%);}
.ia-dashboard *{box-sizing:border-box}
.ia-dashboard :is(button,a){touch-action:manipulation}
.ia-dashboard .ia-overline{font-size:10px;color:#cfb585;letter-spacing:2.2px;text-transform:uppercase;line-height:1.55}
.ia-dashboard .ia-hero{position:relative;overflow:hidden;isolation:isolate;min-height:142px;display:flex;align-items:center;gap:12px;padding:26px clamp(22px,3vw,44px);border:1px solid #b38c4d;border-bottom:2px solid #d9b779;background:radial-gradient(ellipse at 75% 50%,#29404d 0%,transparent 65%),linear-gradient(115deg,#0d2734 0%,#0b2330 72%,#081823 100%);box-shadow:inset 0 0 45px #03101aa6,0 12px 26px #0209108a;margin:0 0 16px}
.ia-dashboard .ia-command-hero{background:linear-gradient(90deg,#091e2bea 0%,#0c2535d9 48%,#122b369d 100%),url('assets/command-skyline.jpg') right center/auto 100% no-repeat,#0d2531}
.ia-dashboard .ia-hero:after{content:'';position:absolute;left:-20%;right:-20%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#f7dba8 36%,#9b783c 64%,transparent);box-shadow:0 0 18px #e4c58555;pointer-events:none}
.ia-dashboard .ia-hero-copy{z-index:1;min-width:0;flex:1}
.ia-dashboard .ia-hero h2{font-family:Cinzel,Georgia,serif;font-size:clamp(26px,3.1vw,48px);font-weight:700;line-height:1.15;letter-spacing:1.8px;margin:8px 0;color:#f4dfb5;text-shadow:0 2px 16px #000a}
.ia-dashboard .ia-hero h2 em{font-weight:500;font-style:normal;color:#e3c387}
.ia-dashboard .ia-hero p{font-size:10px;line-height:1.6;color:#d1c3a8;letter-spacing:1px;margin:7px 0 0}
.ia-dashboard .ia-hero p span{color:#bb9256;padding:0 5px}
.ia-dashboard .ia-hero-seal{position:relative;z-index:1;flex:0 0 146px;display:flex;justify-content:flex-end}
.ia-dashboard .ia-hero-seal .asc-profile-foil{width:120px;flex-basis:120px}
.ia-dashboard .ia-hero-seal .asc-profile-foil-caption{font-size:8px;max-width:130px}
.ia-dashboard .ia-command-summary{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.65fr) minmax(185px,.68fr);align-items:center;gap:22px;position:relative;padding:21px 28px;margin:0 0 15px;border:1px solid #a9874e;border-radius:5px;background:linear-gradient(155deg,#183341,#0a212c 75%);box-shadow:inset 0 0 18px #cfad5710,0 9px 20px #0005}
.ia-dashboard .ia-command-summary>div{min-width:0}
.ia-dashboard .ia-command-summary strong{display:block;font:italic 700 clamp(20px,2.4vw,31px) Cinzel,serif;color:#f7d8a0;text-shadow:0 0 17px #e7b46a33;letter-spacing:.7px;margin:3px 0}
.ia-dashboard .ia-command-summary p{margin:4px 0;color:#b8c6c8;font-size:11px;line-height:1.6}
.ia-dashboard .ia-summary-details{border-left:1px solid #967b5088;border-right:1px solid #967b5088;padding:0 17px}
.ia-dashboard .ia-summary-details span{display:flex;gap:6px;align-items:baseline;justify-content:space-between;border-bottom:1px solid #c4a97824;padding:5px 0;font-size:9px;letter-spacing:.25px;color:#bfc7c5}
.ia-dashboard .ia-summary-details span:last-child{border-bottom:0}
.ia-dashboard .ia-summary-details b{color:#f2dfb5;font-size:14px;font-weight:600;white-space:nowrap}
.ia-dashboard .ia-summary-status{text-align:center}
.ia-dashboard .ia-summary-status small{display:block;color:#d3b986;letter-spacing:1px;font-size:9px}
.ia-dashboard .ia-summary-status strong{border-top:1px solid #caa567;border-bottom:1px solid #caa567;padding:8px 2px;color:#e8cf95;font-size:clamp(14px,1.3vw,18px);font-style:normal;line-height:1.35;white-space:normal}
.ia-dashboard .ia-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}
.ia-dashboard .ia-kpi{min-width:0;position:relative;padding:14px 15px 13px;overflow:hidden;border:1px solid #a1814d;border-radius:5px;background:linear-gradient(140deg,#183542,#0b202c 80%);box-shadow:inset 0 0 13px #d9b16a0b,0 5px 17px #0004;transition:transform .18s,border-color .18s,box-shadow .18s}
.ia-dashboard .ia-kpi:hover{transform:translateY(-2px);border-color:#ebcc91;box-shadow:0 7px 22px #0007,0 0 20px #bf9b4933}
.ia-dashboard .ia-kpi:after{content:'';pointer-events:none;position:absolute;left:10px;right:10px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#bca06588,transparent)}
.ia-dashboard .ia-kpi-top{display:flex;align-items:center;gap:9px;color:#eed5a6;font:600 11px Cinzel,serif;line-height:1.3;letter-spacing:.25px;min-height:29px}
.ia-dashboard .ia-kpi-icon{font-size:23px;color:#e4c284;flex:0 0 26px;text-align:center;line-height:1}
.ia-dashboard .ia-kpi-value{margin-top:5px;font:600 clamp(19px,2.1vw,30px) Cinzel,serif;color:#f5dba6;line-height:1.35;overflow-wrap:anywhere}
.ia-dashboard .ia-kpi-value .tiny{font-size:10px;font-family:'IBM Plex Mono',monospace;font-weight:400;color:#aabfbb}
.ia-dashboard .ia-kpi-note{font-size:9px;color:#9eaeb1;line-height:1.5;min-height:14px;overflow-wrap:anywhere}
.ia-dashboard .ia-content-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px;margin-top:5px}
.ia-dashboard .ia-panel{min-width:0;grid-column:span 4;position:relative;border:1px solid #9b7d4c;border-radius:5px;overflow:hidden;background:var(--ia-panel-bg);box-shadow:inset 0 1px 0 #efc58515,0 6px 20px #0005;transition:border-color .18s,box-shadow .18s}
.ia-dashboard .ia-panel:hover{border-color:#c2a46b;box-shadow:inset 0 1px 0 #efc58518,0 6px 22px #0007}
.ia-dashboard .ia-panel:before{content:'';pointer-events:none;position:absolute;right:0;top:0;width:42px;height:3px;background:linear-gradient(90deg,transparent,#e9cb8a);opacity:.85}
.ia-dashboard .ia-col-3{grid-column:span 3}
.ia-dashboard .ia-col-4{grid-column:span 4}
.ia-dashboard .ia-col-5{grid-column:span 5}
.ia-dashboard .ia-col-12{grid-column:span 12}
.ia-dashboard .ia-panel-head{min-height:44px;padding:11px 15px 9px;display:flex;gap:8px;align-items:center;justify-content:space-between;border-bottom:1px solid #b99a62a8;background:linear-gradient(90deg,#203c48bb,#0c2633ad)}
.ia-dashboard .ia-panel-head h3{margin:0;color:#efd6a4;font:600 clamp(12px,1.05vw,15px) Cinzel,serif;letter-spacing:.4px;line-height:1.3;overflow-wrap:anywhere}
.ia-dashboard .ia-head-link{background:none;border:none;color:#e3c58f;cursor:pointer;font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.3px;padding:2px 0;white-space:nowrap;flex:0 0 auto}
.ia-dashboard .ia-head-link:hover{color:#fff2d4;text-shadow:0 0 10px #ffd58b70}
.ia-dashboard .ia-panel-body{padding:15px;min-width:0}
.ia-dashboard .ia-logrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #9faeae24;font-size:11px;color:#d3d9d6;min-width:0}
.ia-dashboard .ia-logrow:first-child{padding-top:0}
.ia-dashboard .ia-logrow:last-child{border-bottom:0;padding-bottom:0}
.ia-dashboard .ia-log-entry{min-width:0;overflow-wrap:anywhere}
.ia-dashboard .ia-log-entry b{display:block;color:#e6e2d5;font-size:11px;font-weight:600;line-height:1.4}
.ia-dashboard .ia-log-entry small{display:block;color:#94aeb3;font-size:9px;line-height:1.45;margin-top:3px}
.ia-dashboard .ia-logrow .tag{font-size:9px;line-height:1.3;max-width:120px;overflow-wrap:anywhere;flex:0 0 auto}
.ia-dashboard .ia-logtext{overflow-wrap:anywhere;color:#b8c9c9}
.ia-dashboard .ia-placeholder{font-size:11px;color:#a6b6b8;font-style:italic;margin:9px 0;line-height:1.65}
.ia-dashboard .ia-tiny{font-size:9px;color:#aeb6ac;letter-spacing:1px}
.ia-dashboard .ia-profile-mini{display:grid;grid-template-columns:106px minmax(0,1fr);gap:15px}
.ia-dashboard .ia-portrait{height:134px;display:grid;place-items:center;border:1px solid #b99b69;background:linear-gradient(140deg,#3d4c48,#132631);box-shadow:inset 0 0 22px #050e1ab2;overflow:hidden}
.ia-dashboard .ia-portrait img{width:100%;height:100%;object-fit:cover}
.ia-dashboard .ia-personnel-monogram{font:700 72px Cinzel,serif;color:#d4b179;opacity:.9}
.ia-dashboard .ia-profile-mini h4{font:600 18px Cinzel,serif;letter-spacing:.4px;color:#f1d6a4;margin:2px 0 7px;overflow-wrap:anywhere}
.ia-dashboard .ia-dossier-lines{display:flex;flex-direction:column;gap:0}
.ia-dashboard .ia-dossier-lines>span{display:grid;grid-template-columns:94px minmax(0,1fr);gap:6px;border-bottom:1px dotted #ac8f6661;padding:5px 0;color:#aabdc1;font-size:10px;line-height:1.6;min-width:0}
.ia-dashboard .ia-dossier-lines>span b{font-weight:500;color:#f0e2c9;overflow-wrap:anywhere}
.ia-dashboard .ia-medals{margin-top:11px;display:flex;flex-wrap:wrap;gap:5px}
.ia-dashboard .ia-medal{font-size:9px;padding:3px 7px;border:1px solid #a8875266;background:#6e59222f;color:#e8c788}
.ia-dashboard .ia-quick{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #9e865b;padding:9px 11px;margin:0 0 8px;text-align:left;background:linear-gradient(90deg,#223d48,#142a35);color:#eddbb6;cursor:pointer;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.25px;transition:background .18s,box-shadow .18s,transform .18s}
.ia-dashboard .ia-quick:last-child{margin-bottom:0}
.ia-dashboard .ia-quick:hover{background:linear-gradient(90deg,#395462,#193540);box-shadow:inset 0 0 14px #d9b36824;transform:translateX(2px)}
.ia-dashboard .ia-quick:focus-visible,.ia-dashboard .ia-head-link:focus-visible{outline:2px solid #e9c586;outline-offset:2px}
.ia-dashboard .ia-panel-intro{margin:2px 0 13px;color:#b9c9c8;font-size:11px;line-height:1.7}
.ia-dashboard .ia-card-art{height:80px;margin:10px 0 13px;border:1px solid #9a845753;opacity:.83;filter:saturate(.65)}
.ia-dashboard .ia-card-armory{background:radial-gradient(ellipse at 38% 90%,#bc9a5d42,transparent 55%),linear-gradient(175deg,#324a53 0%,#132b37 55%,#0b1821 100%);position:relative;overflow:hidden}
.ia-dashboard .ia-card-armory:after{content:'▥  IMPERIAL SUPPLY DIVISION';position:absolute;left:14px;bottom:14px;font-size:10px;color:#cfb88a;letter-spacing:1px}
.ia-dashboard .ia-mini-map{height:80px;margin:8px 0 13px;background:linear-gradient(135deg,#142b33aa,#0a1c2ac4),url('assets/world-map.png') center center/cover;border:1px solid #a18a5d55;filter:saturate(.7)}
.ia-dashboard .ia-dashboard-split{display:flex;flex-direction:column;gap:3px}
.ia-dashboard .ia-dashboard-foot{display:flex;justify-content:space-between;gap:14px;align-items:center;text-align:center;color:#bda16f;font:600 9px Cinzel,serif;letter-spacing:1.5px;padding:24px 8px 10px;position:relative;margin-top:12px}
.ia-dashboard .ia-dashboard-foot:before{content:'♛';position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center;color:#e9ca8a;font-size:18px;border-top:1px solid #ad8c5780;height:1px;line-height:0}
.ia-dashboard .ia-identity-panel{display:grid;grid-template-columns:122px minmax(0,1fr) minmax(130px,.22fr);align-items:center;gap:20px;padding:17px 21px;margin-bottom:15px;border:1px solid #ac8852;border-radius:5px;background:linear-gradient(130deg,#193441,#0a202d 78%);box-shadow:0 8px 21px #0006}
.ia-dashboard .ia-service-portrait{height:155px;border:1px solid #c4a879;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at center,#4d5755,#162c38 75%);box-shadow:inset 0 0 18px #040d15}
.ia-dashboard .ia-service-portrait>img{width:100%;height:100%;object-fit:cover}
.ia-dashboard .ia-soldier-silhouette{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#cab287;gap:0}
.ia-dashboard .ia-soldier-silhouette span{font-size:58px;line-height:1}
.ia-dashboard .ia-soldier-silhouette small{font-size:8px;letter-spacing:1.5px;line-height:1.5;text-align:center}
.ia-dashboard .ia-identity-main{min-width:0}
.ia-dashboard .ia-identity-main h3{font:italic 600 clamp(21px,2.1vw,31px) Cinzel,serif;letter-spacing:1.7px;color:#eacc92;margin:5px 0 12px;overflow-wrap:anywhere}
.ia-dashboard .ia-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 16px}
.ia-dashboard .ia-identity-grid>span{display:flex;justify-content:space-between;gap:8px;border-bottom:1px dotted #bc9f6e4a;padding:7px 0;font-size:10px;min-width:0;color:#bdc7cb}
.ia-dashboard .ia-identity-grid b{color:#eee0c3;text-align:right;font-weight:600;overflow-wrap:anywhere}
.ia-dashboard .ia-identity-seal{justify-self:center;align-self:center;display:flex;align-items:center;flex-direction:column;text-align:center;gap:7px;color:#e5c489;letter-spacing:1.2px;font-size:8px;line-height:1.6}
.ia-dashboard .ia-identity-seal img{width:min(115px,100%);height:110px;object-fit:cover;border:1px solid #bd9e68;box-shadow:0 0 18px #dfb66d20}
.ia-dashboard .ia-player-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.ia-dashboard .ia-unread{color:#ffba91}
.ia-dashboard .ia-pill{border:1px solid #7c966f;color:#b3d6ae;padding:2px 7px;font-size:9px;letter-spacing:.5px}
.ia-dashboard .ia-pill-alert{border-color:#b68b64;color:#f0b593}
.ia-dashboard .ia-overview-access{display:flex;flex-direction:column;gap:5px}
#playerPortal .ia-dashboard+.card#ironArmoryArea{grid-column:1/-1;max-width:100%;scroll-margin-top:28px}
#playerPortal .ia-diagnostic{padding:14px 19px;margin-top:15px;border:1px solid #6f776d;background:#0c1b23;grid-column:1/-1}
#playerPortal .ia-diagnostic>summary{cursor:pointer;list-style-position:inside;color:#cbb384;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:1.3px}
#playerPortal .ia-diagnostic>p{margin-top:12px}
#playerPortal .player-main .ia-dashboard .card{background:none}
@media(max-width:1300px){.ia-dashboard .ia-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ia-dashboard .ia-col-5,.ia-dashboard .ia-col-4,.ia-dashboard .ia-col-3{grid-column:span 6}.ia-dashboard .ia-command-summary{grid-template-columns:minmax(0,1.5fr) minmax(180px,.8fr)}.ia-dashboard .ia-summary-status{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.ia-dashboard .ia-summary-status strong{margin:0;font-size:15px;padding:7px 18px}}
@media(max-width:920px){.ia-dashboard .ia-content-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.ia-dashboard .ia-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ia-dashboard .ia-command-summary{grid-template-columns:1fr}.ia-dashboard .ia-summary-details{border-left:0;border-right:0;border-top:1px solid #967b5077;border-bottom:1px solid #967b5077;padding:10px 0}.ia-dashboard .ia-identity-panel{grid-template-columns:108px minmax(0,1fr)}.ia-dashboard .ia-identity-seal{display:none}.ia-dashboard .ia-hero-seal{flex-basis:95px}.ia-dashboard .ia-hero-seal .asc-profile-foil{width:90px;flex-basis:90px}}
@media(max-width:700px){.ia-dashboard .ia-hero{padding:18px;min-height:116px}.ia-dashboard .ia-hero h2{font-size:clamp(25px,7vw,34px)}.ia-dashboard .ia-hero p{font-size:9px}.ia-dashboard .ia-hero-seal{display:none}.ia-dashboard .ia-content-grid>.ia-panel{grid-column:1/-1}.ia-dashboard .ia-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ia-dashboard .ia-kpi{padding:12px}.ia-dashboard .ia-kpi-value{font-size:clamp(18px,6vw,27px)}.ia-dashboard .ia-panel-body{padding:12px}.ia-dashboard .ia-command-summary{padding:16px}.ia-dashboard .ia-dashboard-foot{display:block}.ia-dashboard .ia-dashboard-foot>span{display:block;margin:4px 0}.ia-dashboard .ia-identity-panel{padding:12px;grid-template-columns:88px minmax(0,1fr);gap:12px}.ia-dashboard .ia-service-portrait{height:110px}.ia-dashboard .ia-identity-grid{grid-template-columns:1fr}.ia-dashboard .ia-identity-grid>span{padding:3px 0}.ia-dashboard .ia-identity-main h3{font-size:clamp(18px,4.5vw,25px)}.ia-dashboard .ia-identity-main .ia-overline{font-size:8px}}
@media(max-width:420px){.ia-dashboard .ia-kpi-grid{grid-template-columns:1fr}.ia-dashboard .ia-kpi-top{min-height:0}.ia-dashboard .ia-profile-mini{grid-template-columns:80px minmax(0,1fr)}.ia-dashboard .ia-portrait{height:100px}.ia-dashboard .ia-dossier-lines>span{grid-template-columns:75px minmax(0,1fr)}.ia-dashboard .ia-summary-status{display:block}}
@media(prefers-reduced-motion:reduce){.ia-dashboard *{animation:none!important;transition:none!important;transform:none!important}}
.asc-no-motion .ia-dashboard *{animation:none!important;transition:none!important;transform:none!important}