
/* Mastiff Operations Command v1.20.26 — player-facing trader profile modal */
.trader-profile-button{
  position:absolute;z-index:7;top:34px;left:7px;width:38px;height:38px;display:grid;place-items:center;
  border:1px solid rgba(235,218,139,.76);border-radius:50%;background:rgba(9,15,16,.92);color:#f5eec6;
  font:900 19px/1 Georgia,serif;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.55)
}
.trader-profile-button:hover,.trader-profile-button:focus-visible{outline:none;transform:scale(1.06);background:rgba(42,47,37,.98);border-color:#fff1ac}
.trader-profile-button.trader-topbar-profile{position:relative;inset:auto;flex:0 0 36px;width:36px;height:36px;box-shadow:none}
.trader-profile-modal-layer{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}
.trader-profile-modal{position:relative;width:min(920px,calc(100vw - 32px));max-height:min(820px,calc(100vh - 32px));overflow:auto;display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr);border:1px solid rgba(235,218,139,.52);border-radius:10px;background:linear-gradient(145deg,rgba(18,22,22,.99),rgba(6,8,8,.995));color:#edf1ee;box-shadow:0 28px 80px rgba(0,0,0,.82),0 0 0 1px rgba(255,255,255,.035)}
.trader-profile-modal-close{position:absolute;z-index:4;top:10px;right:12px;width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(0,0,0,.58);color:#f0f0e8;font-size:26px;line-height:1;cursor:pointer}
.trader-profile-modal-close:hover,.trader-profile-modal-close:focus-visible{outline:none;border-color:#f5eec6;background:rgba(64,33,26,.92)}
.trader-profile-modal-portrait{position:relative;min-height:100%;overflow:hidden;border-right:1px solid rgba(255,255,255,.10);background:radial-gradient(circle at 50% 25%,rgba(115,125,111,.22),rgba(0,0,0,.96) 72%)}
.trader-profile-modal-portrait>img,.trader-profile-modal-fallback{width:100%;height:100%;min-height:560px;object-fit:cover}
.trader-profile-modal-fallback{display:grid;place-items:center;color:rgba(245,238,198,.90);font-size:96px;font-weight:900}
.trader-profile-modal-portrait:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));pointer-events:none}
.trader-profile-modal-status{position:absolute;z-index:2;left:16px;bottom:16px;padding:6px 11px;border:1px solid currentColor;border-radius:4px;background:rgba(0,0,0,.78);font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.trader-profile-modal-status.available{color:#8fdd9e}.trader-profile-modal-status.locked{color:#ef9a86}
.trader-profile-modal-content{min-width:0;padding:28px;display:grid;gap:16px}
.trader-profile-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-right:42px}
.trader-profile-modal-header h2{margin:3px 0 2px;font-size:34px;line-height:1;color:#f5eec6}.trader-profile-modal-header p{margin:0;color:rgba(232,237,231,.68)}
.trader-profile-modal-kicker{color:rgba(235,218,139,.72);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}
.trader-profile-modal-level{display:grid;place-items:center;min-width:48px;height:42px;border:1px solid rgba(235,218,139,.50);background:rgba(235,218,139,.08);color:#f5eec6;font-weight:900}
.trader-profile-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.trader-profile-facts>div{display:grid;gap:3px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:rgba(255,255,255,.025)}
.trader-profile-facts span{color:rgba(232,237,231,.58);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.trader-profile-facts b{overflow-wrap:anywhere}
.trader-profile-brief,.trader-profile-access{padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:rgba(255,255,255,.025)}
.trader-profile-brief h3,.trader-profile-access h3{margin:0 0 10px;color:#f5eec6;text-transform:uppercase;letter-spacing:.10em;font-size:13px}
.trader-profile-brief .mastiff-markup>:first-child{margin-top:0}.trader-profile-brief .mastiff-markup>:last-child{margin-bottom:0}.trader-profile-empty{color:rgba(232,237,231,.58);font-style:italic}
.trader-profile-requirements{display:grid;gap:7px}.trader-profile-requirement{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:4px}
.trader-profile-requirement.met{background:rgba(62,130,74,.10)}.trader-profile-requirement.unmet{background:rgba(150,55,42,.12)}
.trader-profile-requirement-state{font-weight:900;color:#8fdd9e}.trader-profile-requirement.unmet .trader-profile-requirement-state{color:#ef9a86}
.trader-profile-requirement>span:last-child{display:grid;gap:2px}.trader-profile-requirement small{color:rgba(232,237,231,.58)}
.trader-profile-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:2px}.trader-profile-modal-actions button{min-width:130px}.trader-profile-modal-actions button[disabled]{opacity:.58;cursor:not-allowed}
@media(max-width:760px){.trader-profile-modal-layer{padding:8px}.trader-profile-modal{grid-template-columns:1fr;width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.trader-profile-modal-portrait{min-height:220px;max-height:280px;border-right:0;border-bottom:1px solid rgba(255,255,255,.10)}.trader-profile-modal-portrait>img,.trader-profile-modal-fallback{min-height:220px;height:280px}.trader-profile-modal-content{padding:20px 16px}.trader-profile-modal-header h2{font-size:28px}.trader-profile-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.trader-profile-modal-actions{display:grid;grid-template-columns:1fr 1fr}}
