/* Specialisations as equipment badges; native save confirmations remain visible. */
#inv .classDossier { display:block;min-width:0;padding:12px;margin:0 0 14px;border:0;border-top:2px solid #bca06a;border-radius:0;background:linear-gradient(110deg,#222a27,#121b1c);--class-type:"Courier New","Liberation Mono",monospace;color:#e8dfc8; }
/* Legacy .circuitClass div forces every nested div to grow to >=160 px. */
#inv .classDossier div { flex:initial;min-width:0; }
#inv .classDossierHead { display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px; }
#inv .classDossierHead h3 { margin:0;font:700 16px var(--class-type);text-transform:uppercase;letter-spacing:.06em; }
#inv .classDossierHead small { font-size:11px;color:#bfc1b0; }
#inv .classRoster { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px; }
#inv .classRecord { position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;min-width:0;padding:12px 10px 10px;border:1px solid #788b8155;border-top:3px solid var(--class-accent);background:linear-gradient(145deg,#41504825,#0003); }
#inv .classRecord::before { content:"";position:absolute;top:3px;left:3px;right:3px;height:1px;background:#ffffff15;pointer-events:none; }
#inv .classRecord.isSelected { border-color:var(--class-accent);background:linear-gradient(145deg,#739a7826,#13201c);box-shadow:inset 0 0 0 1px #bfd39733; }
#inv .classEmblem { width:48px;height:48px;display:grid;place-items:center;color:var(--class-accent); }
#inv .classEmblem svg { width:40px;height:40px;fill:currentColor; }
#inv .classStamp { font:700 9px/1.4 var(--class-type);letter-spacing:.12em;color:#b1bcb3; }
#inv .isSelected .classStamp { color:var(--class-accent);border-bottom:2px solid currentColor; }
#inv .classRecord h4 { margin:0;min-height:34px;display:grid;place-items:center;font-size:14px;line-height:1.2;color:#f1e7ce; }
#inv .classRecord h4 b { font:inherit; }
#inv .classRole { margin:0;font-size:11px;line-height:1.4;min-height:30px;color:#bfcabd; }
#inv .classTags { display:flex;flex-wrap:wrap;justify-content:center;gap:4px;font:11px/1.4 var(--class-type); }
#inv .classTags span { padding:3px 5px;border-bottom:1px solid #82958755;background:#0002; }
#inv .classRecordActions { display:flex;align-items:stretch;gap:4px;width:100%;margin-top:auto; }
#inv .classRecordActions button { min-width:0;min-height:48px;white-space:normal;font-size:12px; }
#inv .classRecordActions > button:first-child { flex:1;padding:6px;background:linear-gradient(#6d674b,#3d422f);border:1px solid #b6a574;color:#f8e8bd; }
#inv .classRecordActions > button:first-child:disabled { opacity:.55; }
#inv .classRecordActions > button.classInfo { flex:0 0 44px;width:44px;border:1px solid #7d8a7c;background:#0b111155;color:#d7dfca;font:bold italic 19px Georgia,serif; }
#inv .classRecord.isSelected .classRecordActions > button:first-child { background:#14281f;color:#c6d8b5; }
#inv .classCompatibility { display:block;font-size:11px;line-height:1.4;color:#e5bb87; }
#inv .classConfirmation { text-align:left;font-size:12px;line-height:1.5;color:#ffe0a1;background:#322b1d;border-left:3px solid #dcab62;padding:12px; }
#inv .classConfirmation button { min-height:48px;display:block;margin-top:8px; }
#inv .classRecord.needsConfirmation { border-color:var(--class-accent); }
#inv .classAwaiting { display:grid;place-items:center;flex:1;font:11px/1.4 var(--class-type);color:#f1c481; }
#inv .classFeedback:empty { display:none; }
#inv .classFeedback:not(:empty) { margin-top:12px; }
#inv .classActive:empty { display:none; }
#inv .classReadySkills { margin-top:12px;padding:10px 0;border-top:1px solid #80958555; }
#inv .classReadySkills h4 { font:700 12px var(--class-type);color:var(--class-accent);margin:0 0 8px; }
#inv .classReadySkills .circuitSkills { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:6px; }
#inv .classReadySkills .circuitSkills button { display:flex;flex-direction:column;text-align:left;align-items:flex-start;gap:5px;min-height:64px;min-width:0;background:#101a18;border:1px solid #7b8e7955;color:#e1e5d0;padding:10px; }
#inv .classReadySkills .circuitSkills button[aria-pressed=true] { border-color:var(--class-accent);background:#2b3a30;box-shadow:inset 3px 0 var(--class-accent); }
#inv .classReadySkills .circuitSkills small { color:#bccbbd;font-size:11px;line-height:1.4; }
#inv .classFieldGuide { margin-top:10px;border-top:1px solid #7d8a7c66; }
#inv .classFieldGuide > summary { display:flex;align-items:center;min-height:48px;cursor:pointer;font:700 12px var(--class-type);color:#c7cdb8; }
#inv .classFieldGuide > summary::after { content:'⌄';margin-left:auto;padding-left:10px; }
#inv .classFieldGuide[open] > summary::after { content:'⌃'; }
#inv .classGuideEntry { padding:10px 0;border-top:1px dashed #7d8a7c55; }
#inv .classGuideEntry h4 { margin:0 0 8px;color:#e9d9ae; }
#inv .classGuideEntry small { display:block;margin:6px 0;font-size:12px;line-height:1.5;color:#c2cabc; }
#inv .classGuideBack { min-height:48px; }
#inv .classDossier > small[role=status] { display:block;color:#ffcc98;padding:10px;border:1px solid #d79157;background:#332318; }
#inv .classDossier :is(button,summary,h4):focus-visible { outline:2px solid #f1c78b;outline-offset:2px; }
@media(max-width:700px) {
 #inv .classRoster { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #inv .classDossier { padding:10px; }
 #inv .classRecord { padding:10px 7px; }
 #inv .classDossierHead { align-items:flex-start;flex-direction:column; }
}
@media(orientation:landscape) and (max-height:500px) and (min-width:701px) {
 #inv .classRecord { display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px;text-align:left;padding:8px; }
 #inv .classRecord .classEmblem { width:32px;height:32px;grid-row:1/3; }
 #inv .classRecord > .classEmblem { grid-column:1; }
 #inv .classRecord > .classStamp { grid-column:2;grid-row:1; }
 #inv .classRecord > h4 { grid-column:2;grid-row:2; }
 #inv .classRecord > .classRole { grid-row:3; }
 #inv .classRecord > .classTags { grid-row:4; }
 #inv .classRecord > .classCompatibility { grid-row:5; }
 #inv .classRecord > .classRecordActions { grid-row:6; }
 #inv .classRecord .classEmblem svg { width:30px;height:30px; }
 #inv .classRecord :is(.classRole,.classTags,.classRecordActions,.classCompatibility) { grid-column:1/-1;min-height:0; }
 #inv .classRecord h4 { min-height:0;justify-items:start;font-size:12px; }
 #inv .classTags { justify-content:flex-start; }
}