/* Hotfix 021 — crafting/inventario, chat, rotoli del Destino, Scheda ed editor */

#app .ninja-v04.game-layout .combat-disciplines {
 display:block;margin:16px 0;padding:16px;background:#192b27;border:1px solid #bb8651;
 box-shadow:inset 0 0 0 4px #273b32;color:#f4d6ae;
}
#app .ninja-v04.game-layout .combat-disciplines>h3 {
 text-align:center;letter-spacing:.14em;font-family:'Cormorant Garamond',Georgia,serif;
 font-size:18px;color:#f7d7a8;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #826443;
}
#app .ninja-v04.game-layout .combat-disciplines .shinobi-tech-branches {
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important;
}
#app .ninja-v04.game-layout .combat-disciplines .shinobi-tech-branches span {
 display:flex;align-items:center;gap:10px;min-height:48px;background:#283f36!important;
 border:1px solid #98734a!important;padding:9px 13px!important;color:#f5dcb8!important;font-size:13px;
}
#app .ninja-v04.game-layout .combat-disciplines .shinobi-tech-branches strong {color:#fae0b5!important}
#app .ninja-v04.game-layout .combat-disciplines .shinobi-tech-branches button {margin-left:auto!important}

/* Character editor lives in a dialog OUTSIDE the game layout. Restore sticky tab strip. */
#modal:has(#edit-character-form){background:#142720!important;color:#f5d5ac!important;overflow-y:auto!important;}
#modal:has(#edit-character-form) .story-visual-editor {background:#172b25!important;color:#f6dec0!important;}
#modal:has(#edit-character-form) .sheet-editor-tabs {
 position:sticky!important;top:0!important;z-index:200!important;
 background:#152b25!important;border:1px solid #ac7b47!important;
 padding:10px!important;margin:0 0 16px!important;box-shadow:0 4px 14px #0b1515bd!important;
 display:flex!important;flex-wrap:wrap;gap:8px!important;
}
#modal:has(#edit-character-form) .sheet-editor-tabs button {
 position:static!important;background:#354c3d!important;color:#f5d8b4!important;
 border:1px solid #a2774e!important;padding:10px 16px!important;
}
#modal:has(#edit-character-form) .sheet-editor-tabs button[aria-selected=true] {
 background:#8a4d33!important;color:#ffedcc!important;
}
#modal:has(#edit-character-form) :is(.profile-upload-card,.story-visual-editor-card,.story-editor-image-tools,.story-editor-preview,.bb-editor) {
 background:#24382f!important;color:#f4d6ac!important;border-color:#996d44!important;
}
#modal:has(#edit-character-form) :is(.profile-upload-card,.story-editor-image-tools) label {color:#f6dbb8!important}
#modal:has(#edit-character-form) :is(input,textarea,select){
 background:#182b27!important;color:#ffdeb0!important;border:1px solid #92704c!important;
}
#modal:has(#edit-character-form) .profile-upload-card {
 padding:12px!important;min-width:0!important;overflow:hidden!important;
}
#modal:has(#edit-character-form) .profile-upload-card input[type=url]{
 width:100%!important;max-width:100%!important;min-width:0!important;text-overflow:ellipsis!important;
}
#modal:has(#edit-character-form) .story-editor-image-tools {position:static!important;top:auto!important}
#modal:has(#edit-character-form) :is(.story-visual-editor-card,.story-editor-preview) {position:relative!important;top:auto!important}

/* Distinct central parchment scroll for Fate: no user avatar or author, kunai crest. */
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed article.chat-message.kind-master.fate-scroll {
 display:block!important;position:relative!important;isolation:isolate;
 box-sizing:border-box!important;margin:26px auto!important;padding:17px 34px!important;
 width:min(92%,930px)!important;max-width:none!important;
 border:0!important;border-radius:10px!important;
 color:#432c1f!important;
 background:linear-gradient(90deg,#6a3e22 0%,#c08b57 1.6%,#f6deb1 6%,#ffecc4 15%,#f1d3a0 78%,#ca9b62 94%,#87552e 99%,#5e371f 100%)!important;
 box-shadow:0 14px 25px #251406aa,0 0 0 1px #925b32,inset 0 0 26px #98613878!important;
 animation:scroll-unfurl .38s ease-out both!important;
}
@keyframes scroll-unfurl{from{opacity:.7;transform:scaleX(.92) translateY(7px)}to{opacity:1;transform:scaleX(1) translateY(0)}}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll::before,
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll::after{
 content:"";position:absolute;top:-8px;bottom:-8px;width:22px;z-index:-1;
 border:2px solid #55341f;border-radius:14px;
 background:linear-gradient(90deg,#342012,#93603a 22%,#e0b479 48%,#8a5632 76%,#332014);
 box-shadow:2px 2px 6px #301a0b99;
}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll::before{left:-12px}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll::after{right:-12px}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll .fate-scroll-inner{
 display:block!important;margin:0!important;padding:8px 20px 18px!important;
 border:2px double #9c7147!important;border-radius:2px!important;
 background:repeating-linear-gradient(0deg,transparent 0 23px,#7252350e 24px 25px)!important;
 width:auto!important;max-width:none!important;
}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll .fate-scroll-head {
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 gap:3px!important;text-align:center!important;margin:0 0 13px!important;padding:0 0 12px!important;
 border-bottom:1px solid #9b6e43!important;background:none!important;
}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll .fate-scroll-crest{
 display:flex!important;justify-content:center!important;align-items:center!important;width:62px;height:62px!important;
 margin:auto!important;border:1px solid #99643a;border-radius:50%!important;background:#eed0a0;
}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll .fate-scroll-head strong {
 font:700 22px 'Cormorant Garamond',Georgia,serif!important;color:#57341f!important;letter-spacing:.25em!important;
}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll :is(.fate-scroll-head small,.fate-scroll-body,.fate-scroll-body .prose){
 color:#43291b!important;opacity:1!important;font-family:Georgia,serif!important;font-size:15px!important;line-height:1.85!important;
}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll .fate-scroll-head small{font-size:11px!important;color:#836040!important}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll .fate-scroll-body {text-align:left!important;white-space:pre-wrap!important;max-width:none!important}
#app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll .fate-scroll-body .prose{padding:0 7px!important}

/* Compose: d100 is a compact dropdown; the intervention owns the available width. */
#app .ninja-v041.game-layout .empire-chat-v041 .chat-input-row {
 display:grid!important;grid-template-columns:128px 142px 84px minmax(240px,1fr) 48px 88px!important;
 gap:7px!important;align-items:end!important;width:100%!important;min-height:0!important;
}
#app .ninja-v041.game-layout .empire-chat-v041 .chat-input-row>label:has(select[name=kind]){grid-column:1!important;min-width:0!important}
#app .ninja-v041.game-layout .empire-chat-v041 .chat-current-location{grid-column:2!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
#app .ninja-v041.game-layout .empire-chat-v041 .chat-dice-compact{grid-column:3!important;min-width:0!important}
#app .ninja-v041.game-layout .empire-chat-v041 .chat-dice-compact[hidden]{display:none!important}
#app .ninja-v041.game-layout .empire-chat-v041 .chat-dice-compact label{
 width:100%!important;min-width:0!important;font-size:11px!important;
}
#app .ninja-v041.game-layout .empire-chat-v041 .chat-dice-compact select{
 display:block!important;width:100%!important;min-width:0!important;max-width:84px!important;
 height:44px!important;padding:6px 4px!important;font-size:13px!important;
}
#app .ninja-v041.game-layout .empire-chat-v041 .chat-input-row>label:has(textarea[name=content]){
 grid-column:4!important;min-width:0!important;width:100%!important;overflow:visible!important;
}
#app .ninja-v041.game-layout .empire-chat-v041 .chat-input-row textarea{
 box-sizing:border-box!important;display:block!important;width:100%!important;min-width:0!important;
 height:76px!important;min-height:76px!important;max-height:115px!important;resize:vertical!important;
 overflow-y:auto!important;font-size:14px!important;padding:10px!important;
}
#app .ninja-v041.game-layout .empire-chat-v041 .chat-note-button{grid-column:5!important;min-width:0!important}
#app .ninja-v041.game-layout .empire-chat-v041 .chat-submit{grid-column:6!important;min-width:0!important}
#app .ninja-v041.game-layout .empire-chat-v041 #whisper-target-wrap{grid-column:3!important;min-width:130px!important}
#app .ninja-v041.game-layout .empire-chat-v041 #whisper-target-wrap[hidden]{display:none!important}
#app .ninja-v041.game-layout .empire-chat-v041 .chat-composer{max-height:230px!important;overflow-y:auto!important;}

/* Equipment: visible packs, slot counters, names and physical dimensions. */
#app .ninja-v04.game-layout .inventory-capacity {margin-top:20px!important;padding:17px!important;background:#172b26!important;border:1px solid #aa7f51!important}
#app .ninja-v04.game-layout .inventory-capacity h3{color:#f6d6ad!important;font:700 23px 'Cormorant Garamond',Georgia,serif!important}
#app .ninja-v04.game-layout .inventory-containers{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}
#app .ninja-v04.game-layout .equipment-container{padding:12px;background:#273b32;border:1px solid #8c6949}
#app .ninja-v04.game-layout .equipment-container h3{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:16px!important;margin:0 0 10px!important}
#app .ninja-v04.game-layout .equipment-container h3 small{font-size:11px;color:#d6b38e!important}
#app .ninja-v04.game-layout .equipment-container>div{display:flex;gap:5px;flex-wrap:wrap}
#app .ninja-v04.game-layout .equipment-container>div span{font-size:12px;background:#384d40;padding:5px 8px;border-radius:3px;color:#ffe0ba}
#app .ninja-v04.game-layout .job-cooldown{color:#f1c68b!important;border-left:3px solid #c99151;padding:10px}
@media(max-width:1050px){
 #app .ninja-v041.game-layout .empire-chat-v041 .chat-input-row{
  grid-template-columns:105px 115px 76px minmax(150px,1fr) 48px 72px!important;gap:4px!important;
 }
}
@media(max-width:767px){
 #app .ninja-v041.game-layout .empire-chat-v041 .chat-input-row{
  grid-template-columns:100px 78px 1fr!important;grid-template-areas:none!important;gap:6px!important;
 }
 #app .ninja-v041.game-layout .empire-chat-v041 .chat-input-row>label:has(select[name=kind]){grid-column:1!important;grid-row:1!important}
 #app .ninja-v041.game-layout .empire-chat-v041 .chat-current-location{grid-column:2!important;grid-row:1!important}
 #app .ninja-v041.game-layout .empire-chat-v041 .chat-dice-compact{grid-column:3!important;grid-row:1!important}
 #app .ninja-v041.game-layout .empire-chat-v041 #whisper-target-wrap{grid-column:1/4!important;grid-row:2!important}
 #app .ninja-v041.game-layout .empire-chat-v041 .chat-input-row>label:has(textarea[name=content]){grid-column:1/4!important;grid-row:3!important}
 #app .ninja-v041.game-layout .empire-chat-v041 .chat-note-button{grid-column:2!important;grid-row:4!important}
 #app .ninja-v041.game-layout .empire-chat-v041 .chat-submit{grid-column:3!important;grid-row:4!important}
 #app .ninja-v041.game-layout .empire-chat-v041 .chat-input-row textarea{height:75px!important;min-height:75px!important}
 #app .ninja-v041.game-layout .empire-chat-v041 .chat-composer{max-height:270px!important}
 #app .ninja-v041.game-layout .empire-chat-v041 #chat-feed .fate-scroll{width:94%!important;padding:14px 22px!important}
 #app .ninja-v04.game-layout .combat-disciplines .shinobi-tech-branches{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
 #app .ninja-v041.game-layout .empire-chat-v041 .fate-scroll{animation:none!important}
}