/* Armaria da Tenten — mesmo tamanho/tema das janelas grandes do jogo
   (.nrmt-ninja-window). O Depot virou só armazenamento; toda venda ao NPC
   acontece aqui. */
.nrmt-tenten-overlay{position:fixed;z-index:996100;inset:0;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 45%,#2a210fb8,#030506ed 65%);backdrop-filter:blur(7px);color:#d9dddc;font-family:"Segoe UI",Arial,sans-serif}
.nrmt-tenten-overlay[hidden]{display:none!important}
.nrmt-tenten-overlay.is-busy .nrmt-tenten-window{pointer-events:none;filter:saturate(.72)}
.nrmt-tenten-window{display:flex;flex-direction:column;width:min(1450px,98vw);height:min(860px,92vh);overflow:hidden;border:1px solid #806027;border-radius:5px;background:linear-gradient(145deg,#252b2e,#101416);box-shadow:0 28px 95px #000}

.nrmt-tenten-window>header{flex:0 0 auto;display:flex;align-items:center;gap:18px;padding:16px 20px;border-bottom:1px solid #744f28;background:linear-gradient(100deg,#303638,#1c2224 55%,#2a2413)}
.nrmt-tenten-window>header>div:first-child{flex:1;min-width:0}
.nrmt-tenten-window header small{color:#c18c45;font-size:9px;font-weight:800;letter-spacing:.16em}
.nrmt-tenten-window h2{margin:3px 0 0;color:#f1c35e;font:italic 25px NinjaTitle,Georgia,serif;letter-spacing:.04em}
.nrmt-tenten-quote{display:flex;align-items:center;gap:10px;max-width:430px;padding:8px 12px;border:1px solid #3c4546;background:#0d1315}
.nrmt-tenten-quote i{color:#e0a834;font:26px Georgia;font-style:normal}
.nrmt-tenten-quote p{margin:0;color:#9da4a4;font:italic 10px/1.5 Georgia,serif}
.nrmt-tenten-window [data-tenten-close]{width:38px;height:38px;border:1px solid #784530;background:#351b19;color:#f2d6c0;font-size:20px;cursor:pointer}

.nrmt-tenten-tabs{flex:0 0 auto;display:flex;gap:8px;padding:10px 20px;border-bottom:1px solid #31383a;background:#0d1315}
.nrmt-tenten-tabs button{flex:1;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:1px solid #31383a;background:#111719;color:#7d8886;text-align:left;cursor:pointer}
.nrmt-tenten-tabs small{color:#5f6b69;font-size:8px;font-weight:800;letter-spacing:.1em}
.nrmt-tenten-tabs b{color:#cfd6d4;font-size:11px;letter-spacing:.04em}
.nrmt-tenten-tabs em{color:#6d7876;font-size:9px;font-style:normal}
.nrmt-tenten-tabs button.is-active{border-color:#b8904d;background:linear-gradient(155deg,#2a2210,#151915)}
.nrmt-tenten-tabs button.is-active small{color:#d6ac56}
.nrmt-tenten-tabs button.is-active b{color:#f1c35e}

.nrmt-tenten-toolbar{flex:0 0 auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid #31383a;background:#0b1011}
.nrmt-tenten-toolbar label{display:flex;align-items:center;gap:6px;flex:1;min-width:180px;padding:7px 10px;border:1px solid #3c4546;background:#0d1315}
.nrmt-tenten-toolbar label span{color:#7d8886}
.nrmt-tenten-toolbar input{flex:1;min-width:0;border:0;background:transparent;color:#d9dddc;font-size:11px;outline:none}
.nrmt-tenten-toolbar select{padding:7px 10px;border:1px solid #3c4546;background:#0d1315;color:#cfd6d4;font-size:9px}
.nrmt-tenten-toolbar b{color:#8a9391;font-size:9px;letter-spacing:.08em;white-space:nowrap}

.nrmt-tenten-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-content:start;gap:7px;padding:14px 20px;scrollbar-width:thin;scrollbar-color:#7c5f2f #0b1012}
.nrmt-tenten-list::-webkit-scrollbar{width:8px}
.nrmt-tenten-list::-webkit-scrollbar-thumb{border:1px solid #4a3a1f;background:#6c5427}
.nrmt-tenten-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto 26px;align-items:center;gap:10px;padding:8px 10px;border:1px solid #2d3738;border-left:3px solid var(--rarity,#666);background:#111719;color:inherit;text-align:left;cursor:pointer}
.nrmt-tenten-row figure{margin:0;display:grid;place-items:center;width:40px;height:40px;border:1px solid #313b3c;background:#0b1011}
.nrmt-tenten-row img{max-width:36px;max-height:36px;object-fit:contain;image-rendering:pixelated}
.nrmt-tenten-row b{display:block;color:#e5e8e3;font-size:11px}
.nrmt-tenten-row span{display:block;margin-top:2px;color:#7d8886;font-size:8px;letter-spacing:.04em}
.nrmt-tenten-row strong{color:#f0c75f;font-size:12px;white-space:nowrap}
.nrmt-tenten-row i{display:grid;place-items:center;width:24px;height:24px;border:1px solid #3c4546;background:#0b1011;color:#7d8886;font-style:normal;font-size:13px}
.nrmt-tenten-row.is-selected{border-color:#b8904d;background:linear-gradient(155deg,#231d0e,#121618)}
.nrmt-tenten-row.is-selected i{border-color:#b8904d;background:#463516;color:#f3d77d}
.nrmt-tenten-empty{grid-column:1/-1;display:grid;place-items:center;gap:5px;padding:48px 20px;text-align:center}
.nrmt-tenten-empty span{color:#4d5654;font:42px Georgia}
.nrmt-tenten-empty b{color:#cfd6d4;font-size:13px}
.nrmt-tenten-empty small{color:#7d8886;font-size:10px}

.nrmt-tenten-window>footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid #744f28;background:linear-gradient(#141a1b,#0b1011)}
.nrmt-tenten-total{display:flex;flex-direction:column;gap:1px}
.nrmt-tenten-total small{color:#7d8886;font-size:8px;letter-spacing:.1em}
.nrmt-tenten-total b{color:#f0c75f;font-size:19px}
.nrmt-tenten-total em{color:#6d7876;font-size:9px;font-style:normal}
.nrmt-tenten-actions{display:flex;gap:8px}
.nrmt-tenten-actions button{padding:11px 20px;border:1px solid #4a5455;background:#1a2022;color:#cfd6d4;font-size:10px;font-weight:800;letter-spacing:.06em;cursor:pointer}
.nrmt-tenten-actions button.is-primary{border-color:#715527;background:#463516;color:#f3d77d}
.nrmt-tenten-actions button:disabled{filter:grayscale(1);opacity:.38;cursor:not-allowed}

.rarity-common{--rarity:#a2aaa8}.rarity-uncommon{--rarity:#54ce79}.rarity-rare{--rarity:#57a8f2}
.rarity-epic{--rarity:#b767ef}.rarity-legendary{--rarity:#f4c844}.rarity-mythic{--rarity:#ef6559}

@media(max-width:900px){
  .nrmt-tenten-overlay{padding:8px}
  .nrmt-tenten-window{width:99vw;height:96vh}
  .nrmt-tenten-quote{display:none}
  .nrmt-tenten-list{grid-template-columns:1fr;padding:10px}
  .nrmt-tenten-window>footer{padding:10px}
  .nrmt-tenten-actions{flex:1}
  .nrmt-tenten-actions button{flex:1}
}