/* Management content: one shared dock, independent equipment overlay. */
#rpg-panels>dialog[open]{padding:10px 12px;scrollbar-gutter:stable;overscroll-behavior:contain}
#rpg-panels>#equipment-dialog[open]{inset:0;width:100%;height:100%;max-width:100%;max-height:none;min-width:0;margin:0}
#rpg-panels .stats-dialog-heading{margin-bottom:10px}
.rpg-dock .management-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}
#rpg-panels .stats-detail{display:flex;flex-direction:column;gap:10px}
#rpg-panels #character-panel{display:none}
#rpg-panels .allocation-summary{padding:8px;background:#1b251e;border:1px solid #52604b;margin:0}
#rpg-panels .allocation-summary>p:first-child{margin:0 0 6px;font-size:11px}
#rpg-panels .allocation-summary h3{display:none}
#rpg-panels .allocation-summary dl{display:flex;justify-content:space-between;padding:0;border:0}
#rpg-panels .allocation-summary dd{margin:0;color:#ffe2a1;font-weight:bold}
#rpg-panels .allocation-controls{position:static;padding:5px 0;background:none;gap:5px}
#rpg-panels .allocation-controls button{flex:1;min-height:30px}
#rpg-panels .allocation-note,#rpg-panels .apply-reason{margin:3px 0;font-size:11px;line-height:1.35}
.attribute-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.attribute-card{position:relative;min-width:0;padding:5px;background:linear-gradient(135deg,#344034,#202b23);border:1px solid #657254;border-top:2px solid #a08a56;border-radius:3px}
.attribute-help{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;text-align:left;padding:0;background:none;border:0;color:var(--paper);font:12px var(--sans);cursor:help}
.attribute-help strong{grid-column:2;grid-row:1/3;font:23px Georgia,serif;color:#f5ddb0;padding-left:4px}
#rpg-panels .attribute-help small{font-size:9px;margin:1px 0;color:#b8c0a7}
.attribute-breakdown{font-size:10px;margin:2px 0;color:#c6cbb4}.attribute-breakdown p{overflow-wrap:anywhere;margin:5px 0}
summary{cursor:pointer}summary:focus-visible,.attribute-help:focus-visible{outline:2px solid #f4d691;outline-offset:2px}
.attribute-controls{display:flex;gap:4px;flex-wrap:wrap}.attribute-controls>.management-button{min-height:24px!important;flex:1;padding:2px!important;font-size:11px!important}
.attribute-controls .allocation-preview{flex-basis:100%;font-size:10px;line-height:1.3;margin:0 0 4px}
.stat-tooltip{position:fixed;z-index:100;box-sizing:border-box;width:290px;max-width:calc(100vw - 16px);padding:12px;background:#111b14;color:#f4e8c8;border:1px solid #d2b36d;box-shadow:0 4px 16px #0009;font:12px/1.5 var(--sans);pointer-events:none}
.stat-fold,.hotbar-arrangement,.help-entry{border:1px solid #52604b;background:#1b251e;padding:8px;margin:0 0 8px;min-width:0}
.stat-fold>summary,.hotbar-arrangement>summary,.help-entry>summary{color:#e5c889;font-weight:bold}
.stat-fold dl{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1.2fr);gap:8px}.stat-fold dd{margin:0}
.book-points{font-size:11px;line-height:1.5;color:#c6ccb4;padding:8px;border:1px solid #52604b;background:#1b251e;margin:0 0 8px}
.book-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:10px}
.book-filters button{min-height:32px;background:#303a2d;color:#e9dfc2;border:1px solid #666b50;font:11px var(--sans)}
.book-filters [aria-pressed=true]{background:#45452f;border-color:#d4b66d;color:#fff1c2}
.ability-book-group:has(>h3:only-child){display:none}.ability-book-group>h3{font:12px Georgia,serif;color:#d6bb80;margin:12px 0 6px;text-transform:uppercase;letter-spacing:1px}
#rpg-panels .ability-card{margin-bottom:7px;border-top:2px solid #7a7954;padding:8px}.ability-card h4{font:14px Georgia,serif;color:#f0dfb6;margin:0 0 4px}
.ability-card .ability-meta{font-size:10px;line-height:1.4;color:#b8c2aa;margin:4px 0}.ability-explanation{font-size:11px;margin:6px 0}.ability-explanation summary{color:#d9c394}.ability-explanation p{margin:6px 0;line-height:1.5}
.ability-controls{display:flex;gap:5px;flex-wrap:wrap}.ability-controls>*{min-width:0;flex:1 1 105px;min-height:30px!important;font-size:11px!important}.ability-controls select{width:110px;background:#151f19;color:#e8dfc9;border:1px solid #657254}
#rpg-panels .hotbar-editor{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:8px}.hotbar-editor label{font-size:11px}.hotbar-editor select{display:block;width:100%;margin-top:3px;min-height:30px}
#equipment-dialog .stats-dialog-heading{gap:8px}#equipment-dialog .stats-dialog-heading h2{margin-right:auto}
#equipment-reopen{float:none;margin:0;min-height:28px!important;padding:3px 10px!important}
#equipment-detail{clear:both;min-width:0}#equipment-detail>label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0}#equipment-detail select{min-height:30px;min-width:0}
#rpg-panels .inventory-grid{max-height:clamp(150px,28dvh,300px);overflow:auto;align-content:start;scrollbar-gutter:stable;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;border:1px solid #4e5d44;border-radius:3px}
#rpg-panels .inventory-slot{height:64px;min-height:64px;padding:4px}.inventory-slot-name{max-width:100%}
#rpg-panels .item-detail{border-top:2px solid #a08a56;padding:9px;margin-top:10px;overflow-wrap:anywhere;display:flow-root}
#rpg-panels .item-detail h3{font:15px Georgia,serif;padding-bottom:4px}.item-detail .management-button{min-height:30px!important;padding:5px 8px!important}
.gear-dialog[open]{position:fixed;inset:100px calc(var(--dock-width) + 20px) auto auto;margin:0;width:330px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 125px);min-width:0;box-sizing:border-box;overflow:auto;z-index:25;background:#242b25;border:2px solid #a08a56;padding:12px;color:var(--paper);box-shadow:0 8px 28px #000a;font:12px/1.4 var(--sans)}
.gear-dialog .stats-dialog-heading{position:sticky;top:-12px;background:#242b25;z-index:3;padding:8px 0;margin-bottom:8px;border-bottom:1px solid #657254}.gear-dialog h2{font:18px Georgia,serif;margin:0;color:#e8d298}.panel-intro{color:#c6ccb4;font-size:11px;margin:5px 0 10px}
.gear-dialog .paperdoll-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.gear-dialog .equipment-cell[data-slot]{grid-column:auto;min-width:0;min-height:85px;overflow-wrap:anywhere;font-size:11px}.gear-dialog .equipment-cell .item-icon{width:36px;height:36px}
#interactions-detail{display:flex;flex-direction:column;gap:6px}#interactions-detail>.management-button{text-align:left;padding:9px 10px;min-height:38px;background:#1b251e;border-left:3px solid #a08a56}#interactions-detail .stage-description{margin:0;padding:0 4px 8px;font-size:11px}
#account-detail>p,.expedition-summary{background:#1b251e;padding:10px;border:1px solid #52604b;font:12px/1.5 var(--sans);overflow-wrap:anywhere}#account-detail>.management-button{display:block;width:100%;margin:7px 0;text-align:left}
.help-dialog{max-width:600px}.help-dialog>p{font:13px/1.6 var(--sans)}.help-entry p{font:12px/1.6 var(--sans);color:#d7dbc9}
.primary-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;min-width:0}
.primary-actions .action-button{height:36px;min-height:36px;font-size:11px;padding:4px;border-width:1px}
#action-buttons{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;overflow:visible;height:auto;margin-top:4px}
#action-buttons .action-button{height:25px;min-height:25px;min-width:0;flex:initial;font-size:10px;white-space:nowrap;padding:3px 2px;border-width:1px;border-color:#535f48;background:#202c22}
.global-chat[data-docked=true]{position:fixed;z-index:26;width:var(--chat-width,440px);height:var(--chat-height,240px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 32px);box-sizing:border-box}
.global-chat .stats-dialog-heading{gap:6px;flex-shrink:0}.global-chat h3{margin-right:auto;white-space:nowrap}.global-chat .stats-dialog-heading button{font:10px var(--sans);min-height:27px;padding:3px 6px}.global-chat .chat-resize{touch-action:none;cursor:nwse-resize;font-size:19px!important;min-width:29px}.global-chat form{flex-shrink:0}.global-chat>p{margin:3px 0 0;font-size:11px;max-height:45px;overflow:auto}.global-chat .chat-messages{overflow-wrap:anywhere;margin:5px 0;padding:0 3px;list-style:none}
@media(max-width:999px){
 .rpg-panels{height:min(57dvh,490px)}
 .primary-actions .action-button{height:32px;min-height:32px;font-size:10px;padding:2px}
 #action-buttons .action-button{height:24px;min-height:24px;font-size:9px}
 #rpg-panels .inventory-grid{max-height:165px}
 .gear-dialog[open]{inset:95px 12px auto auto;max-height:calc(100dvh - 120px)}
 .global-chat[data-docked=true]{height:var(--chat-height,240px);max-height:calc(100dvh - 32px);right:8px;bottom:8px!important}
}
@media(max-height:500px) and (max-width:999px){
 .rpg-panels{top:52px;height:calc(100dvh - 110px)}
 .gear-dialog[open]{top:52px;max-height:calc(100dvh - 65px)}
}
@media(max-height:500px) and (min-width:681px) and (max-width:999px){
 .rpg-dock .management-buttons{grid-template-columns:repeat(8,minmax(0,1fr))}
 .map-toolbar:has(.settlement-controls){flex-wrap:nowrap;gap:4px}
 .map-toolbar:has(.settlement-controls) .map-floor{font-size:15px}
 .map-toolbar:has(.settlement-controls) .map-status{font-size:9px}
 .map-toolbar:has(.settlement-controls) label{font-size:10px;gap:3px}
 .map-toolbar:has(.settlement-controls) select{font-size:10px;max-width:125px;padding:3px}
 .map-toolbar .settlement-controls{font-size:9px;flex-wrap:nowrap;gap:4px}
 .map-toolbar .settlement-controls button{font-size:10px;padding:3px;min-height:26px}
 .bottom-hud{padding-top:2px}
 .actions-region{grid-template-rows:28px 22px 14px;gap:1px 6px}
 .primary-actions{grid-column:1;grid-row:1}.primary-actions .action-button{height:28px;min-height:28px}
 #action-buttons{grid-column:1;grid-row:2;margin:0;min-width:0;height:22px}#action-buttons .action-button{height:22px;min-height:22px;font-size:8px}
 .touch-controls{grid-column:2;grid-row:1/3;align-self:center}.touch-toggle{grid-column:2;grid-row:3}#action-feedback{grid-column:1;grid-row:3}
}

@media(min-width:1000px){body:has(#rpg-dock[data-panel-open=false]) .gear-dialog[open]{right:144px}}
