
/* V20.10.16 phase 10: skill-first workflow and management information architecture. */
#skills .v201016-skill-guide{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:10px 12px;border:1px solid rgba(213,173,78,.28);border-left:4px solid #d5ad4e;border-radius:5px;background:linear-gradient(90deg,rgba(117,79,15,.22),rgba(19,30,44,.72));}
#skills .v201016-skill-guide h3{margin:0;color:#fff3bd;font-size:15px;}.v201016-skill-guide p{margin:3px 0 0;color:#aeb8c6;font-size:11px;line-height:1.45;}.v201016-skill-steps{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;}.v201016-skill-step{display:inline-flex;align-items:center;min-height:28px;padding:5px 8px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(0,0,0,.20);color:#cbd5e1;font-size:10px;font-weight:900;}.v201016-skill-step b{margin-right:4px;color:#f0ce6f;}
#skills .v201016-board-stage{margin:0 0 10px;padding:10px;border:1px solid rgba(106,163,221,.28);border-top:3px solid #4b78a8;border-radius:6px;background:linear-gradient(180deg,rgba(31,49,70,.94),rgba(9,16,25,.97));box-shadow:0 8px 22px rgba(0,0,0,.24);}
#skills .v201016-board-stage-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.08);}
#skills .v201016-board-stage-head h3{margin:0;color:#fff;font-size:14px;}.v201016-board-stage-head span{color:#90a0b3;font-size:10px;}.v201016-board-stage-head button{min-height:34px!important;padding:6px 10px!important;}
#skills #v1850SelectedSkillPlayer{margin:0!important;}.v201016-board-empty-tip{margin-top:7px;padding:8px;border:1px dashed rgba(255,255,255,.12);color:#95a4b7;font-size:10px;text-align:center;}
#skills .v1850-skill-layout{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr)!important;align-items:start!important;}
#skills .v1850-player-panel{order:1;}.v1850-inventory-panel{order:2;}
#skills .v201016-commerce{margin-top:12px;border:1px solid rgba(255,255,255,.10);border-radius:6px;background:rgba(0,0,0,.14);overflow:hidden;}
#skills .v201016-commerce-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#253244,#151d28);}
#skills .v201016-commerce-head div{display:flex;gap:5px;}.v201016-commerce-head button{min-height:34px!important;padding:6px 10px!important;border-radius:3px!important;font-size:11px!important;}.v201016-commerce-head button.active{border-color:#d5ad4e!important;background:linear-gradient(180deg,#9b2432,#64101a)!important;color:#fff!important;}.v201016-commerce-head span{color:#93a2b5;font-size:10px;}
#skills .v201016-commerce-pane{display:none;padding:10px;}#skills .v201016-commerce-pane.active{display:block;}.v201016-pack-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.v201016-pack-buttons button{width:100%;min-height:44px!important;}.v201016-commerce .v1850-synth-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:7px!important;}.v201016-commerce .v207-skill-balance{margin:8px 0 0!important;border-radius:4px!important;}
#skills .v1850-skill-actions.v201016-organized{padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;}

#management>.panel>.panel-body{padding-top:10px!important;}
#management .v201016-management-shell{display:grid;gap:10px;}
#management .v201016-management-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(213,173,78,.22);border-left:4px solid #d5ad4e;border-radius:5px;background:linear-gradient(90deg,rgba(100,66,12,.20),rgba(17,28,41,.84));}
#management .v201016-management-summary h2{margin:0;color:#fff3bd;font-size:17px;}.v201016-management-summary p{margin:4px 0 0;color:#a7b2c1;font-size:11px;}.v201016-management-summary b{color:#fff;font-size:13px;white-space:nowrap;}
#management .v201016-management-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;border:1px solid #3f4a58;border-radius:4px;background:linear-gradient(180deg,#202a37,#0e141d);}
#management .v201016-management-tabs button{min-height:43px!important;padding:7px 6px!important;border:1px solid #536277!important;border-radius:2px!important;background:linear-gradient(180deg,#2a3544,#151c26)!important;color:#dbe3ee!important;font-size:11px!important;}.v201016-management-tabs button.active{border-color:#d4af52!important;background:linear-gradient(180deg,#c83240,#941724 56%,#640b13)!important;color:#fff!important;}
#management .v201016-management-pane{display:none;min-width:0;}#management .v201016-management-pane.active{display:block;}
#management .v201016-pane-intro{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);}.v201016-pane-intro h3{margin:0;color:#fff;font-size:14px;}.v201016-pane-intro p{margin:3px 0 0;color:#93a2b5;font-size:10px;line-height:1.4;}.v201016-pane-intro span{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:rgba(213,173,78,.12);color:#f0cf72;font-size:9px;font-weight:900;}
#management .v201016-growth-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:9px;}.v201016-growth-link{display:flex;flex-direction:column;justify-content:center;min-height:72px;padding:9px;border:1px solid rgba(255,255,255,.10);border-radius:4px;background:linear-gradient(180deg,#1d2937,#101720);color:#fff;text-align:left;cursor:pointer;}.v201016-growth-link b{font-size:12px;}.v201016-growth-link span{margin-top:4px;color:#94a3b6;font-size:9px;line-height:1.35;}.v201016-growth-link:hover{border-color:#b99540;}.v201016-growth-link.primary{border-color:rgba(213,173,78,.35);background:linear-gradient(180deg,#41320f,#211a0b);}
#management .v201016-club-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.v201016-club-slot{min-width:0;}.v201016-club-slot:empty{display:none;}
#management #v1873ManagementNav{display:none!important;}#management .v201016-dev-dock{display:none;margin-top:10px;}.v201014-dev-mode #management .v201016-dev-dock{display:grid;gap:8px;}.v201016-dev-dock:before{content:"DEVELOPER TOOLS";display:block;padding:7px 9px;border-left:3px solid #c54855;background:rgba(118,20,32,.16);color:#efb0b6;font-size:9px;font-weight:1000;letter-spacing:.12em;}
#management .v201016-hidden-intro{display:none!important;}
#management #managementMissionMount,#management #v156Hub{margin:0!important;}
#management .v201016-management-pane .v201013-entry,#management .v201016-management-pane .v201014-settings{margin:0!important;height:100%;}

@media(max-width:900px){#skills .v1850-skill-layout{grid-template-columns:1fr!important;}#skills .v1850-player-panel,#skills .v1850-inventory-panel{order:initial;}#management .v201016-growth-links{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){
 #skills .v201016-skill-guide{display:block;padding:9px;}.v201016-skill-steps{justify-content:flex-start;margin-top:7px;}.v201016-skill-step{font-size:9px;min-height:26px;padding:4px 7px;}
 #skills .v201016-board-stage{padding:8px;margin-bottom:8px;}.v201016-board-stage-head{align-items:flex-start!important;}.v201016-board-stage-head span{display:block;margin-top:2px;}.v201016-board-stage-head button{min-height:38px!important;}
 #skills .v201016-pack-buttons{grid-template-columns:1fr 1fr;}.v201016-commerce-head{align-items:flex-start!important;flex-direction:column;}.v201016-commerce-head>div{width:100%;}.v201016-commerce-head button{flex:1;}
 #management .v201016-management-summary{grid-template-columns:1fr;padding:9px;}.v201016-management-summary h2{font-size:15px;}.v201016-management-summary b{font-size:11px;}
 #management .v201016-management-tabs{position:sticky;top:64px;z-index:24;}.v201016-management-tabs button{font-size:10px!important;min-height:42px!important;}
 #management .v201016-growth-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}.v201016-growth-link{min-height:66px;padding:8px;}.v201016-club-grid{grid-template-columns:1fr!important;}
}
@media(max-width:390px){#skills .v201016-pack-buttons,#management .v201016-growth-links{grid-template-columns:1fr;}.v201016-management-tabs button{padding:6px 2px!important;font-size:9px!important;}}
