:root{
  --sec-navy:#050b22;--sec-card:#ffffff;--sec-soft:#f4f8fc;--sec-line:#dfe7f0;--sec-cyan:#14b8d0;--sec-text:#172033;
  --left-w:330px;--right-w:390px;--topbar-height:72px;
}
body{overflow-x:hidden;background:linear-gradient(135deg,#e9fbff 0,#f7fbff 34%,#f3f7fb 100%)}
.app-main{padding-top:var(--topbar-height);min-height:100vh}.mini-sidebar{position:fixed;top:var(--topbar-height);bottom:0;left:0;width:4.5rem;z-index:900;background:#fff;border-right:1px solid var(--sec-line);box-shadow:0 15px 35px rgba(2,11,92,.06)}
.mini-sidebar .nav-link{height:58px;display:grid;place-items:center;color:#64748b;border-bottom:1px solid #eef2f6;border-radius:0}.mini-sidebar .nav-link.active{background:#005bea;color:#fff}.workspace{padding:28px 28px 28px calc(4.5rem + 28px)}
.app-shell{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:20px}.equipment-card{background:#fff;border-radius:28px;box-shadow:0 20px 60px rgba(2,11,92,.10);overflow:hidden;border:1px solid rgba(226,232,240,.9)}
.equipment-header{background:var(--sec-navy);color:#fff;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.equipment-kicker{font-size:.78rem;letter-spacing:.28em;color:#6ee7f5;font-weight:900}.equipment-title{margin:8px 0 2px;color:#fff;font-weight:900;letter-spacing:-.04em}.equipment-subtitle{color:#cbd5e1;margin:0;font-weight:600}.header-actions{display:flex;gap:12px;align-items:center}.level-pill{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:10px 17px;text-align:center}.level-pill strong{display:block;color:#8df3ff;font-size:1.25rem}
.equipment-body{padding:24px;display:grid;grid-template-columns:minmax(310px,1fr) minmax(360px,520px) minmax(310px,1fr);gap:24px;align-items:start;min-height:620px}.slot-stack{display:flex;flex-direction:column;gap:14px}.slot-box{min-height:86px;border:2px dashed #d9e4ef;background:#fbfdff;border-radius:22px;padding:14px;display:flex;align-items:center;gap:14px;transition:.15s ease;position:relative}.slot-box.drag-over{border-color:var(--sec-cyan);box-shadow:0 0 0 4px rgba(20,184,208,.12);transform:scale(1.01)}.slot-box.empty{background:linear-gradient(180deg,#fff,#f8fbff)}.slot-icon{width:56px;height:56px;min-width:56px;border-radius:16px;background:#eef6ff;display:grid;place-items:center;font-size:1.9rem}.slot-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:900}.slot-name{font-weight:900;color:#111827;line-height:1.15}.slot-meta{color:#64748b;font-size:.82rem}.slot-actions{margin-left:auto}.btn-soft{border:0;background:#eef4fb;color:#334155;border-radius:12px;padding:8px 12px;font-weight:800;font-size:.78rem}.btn-soft:hover{background:#e1ebf6}.avatar-panel{background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid #dfe7f0;border-radius:28px;min-height:610px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;position:relative;overflow:hidden}.compliance{position:absolute;top:18px;right:18px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:10px 12px;box-shadow:0 8px 24px rgba(15,23,42,.06);font-size:.78rem;font-weight:900}.avatar-stage{width:310px;height:500px;position:relative;display:flex;align-items:center;justify-content:center}.body-silhouette{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.body-silhouette svg{width:100%;height:100%;filter:drop-shadow(0 18px 30px rgba(15,23,42,.15))}.avatar-item{position:absolute;display:grid;place-items:center;font-size:2.1rem;filter:drop-shadow(0 8px 8px rgba(0,0,0,.12));pointer-events:none}.pos-cabeca{left:118px;top:36px;width:76px;height:60px}.pos-cabeca2{left:123px;top:95px;width:64px;height:48px}.pos-olhos{left:128px;top:82px;width:56px;height:32px}.pos-peito{left:86px;top:155px;width:140px;height:130px}.pos-cinto{left:93px;top:280px;width:125px;height:50px}.pos-maos1{left:37px;top:242px;width:54px;height:54px}.pos-maos2{right:37px;top:242px;width:54px;height:54px}.pos-maos3{left:30px;top:300px;width:54px;height:54px}.pos-maos4{right:30px;top:300px;width:54px;height:54px}.pos-pes{left:89px;bottom:34px;width:136px;height:60px}.avatar-caption{text-align:center;margin-top:4px}.avatar-caption h3{font-weight:900;margin:0;color:#020b5c}.avatar-caption p{margin:0;color:#64748b;font-size:.87rem}.drawer{position:fixed;top:var(--topbar-height);bottom:0;width:var(--right-w);z-index:1040;background:#fff;border-left:1px solid var(--sec-line);box-shadow:0 20px 50px rgba(15,23,42,.16);transition:transform .22s ease;display:flex;flex-direction:column}.drawer-right{right:0;transform:translateX(105%)}.drawer-right.open{transform:translateX(0)}.drawer-left{left:4.5rem;transform:translateX(-105%);border-left:0;border-right:1px solid var(--sec-line);width:var(--left-w)}.drawer-left.open{transform:translateX(0)}.drawer-header{padding:20px 18px 12px;border-bottom:1px solid #eef2f6}.drawer-title{font-weight:900;color:#020b5c;margin:0}.drawer-subtitle{font-size:.82rem;color:#64748b;margin:0}.drawer-body{padding:16px;overflow:auto;flex:1}.drawer-close{width:40px;height:40px;border:0;border-radius:14px;background:#f1f5f9;color:#0f172a;font-size:1.6rem;line-height:1}.item-card{border:1px solid #dfe7f0;border-radius:20px;padding:12px;margin-bottom:12px;background:#fff;display:flex;gap:12px;align-items:center;cursor:grab}.item-card:active{cursor:grabbing}.item-card.disabled{opacity:.45;cursor:not-allowed}.item-icon{width:54px;height:54px;min-width:54px;border-radius:15px;background:#050b22;color:#fff;display:grid;place-items:center;font-size:1.65rem}.item-name{font-weight:900;color:#111827;line-height:1.1}.item-meta{font-size:.78rem;color:#64748b}.badge-mini{font-size:.68rem;border-radius:999px;padding:4px 8px;font-weight:900}.selection-card{border:1px solid #dfe7f0;border-radius:20px;padding:12px;display:flex;gap:12px;align-items:center;background:#fff;margin-bottom:10px}.selection-card.active{background:#e9fcff;border-color:#96eef7}.avatar-thumb{width:46px;height:46px;border-radius:15px;background:#050b22;color:#fff;display:grid;place-items:center;font-weight:900;overflow:hidden}.avatar-thumb img{width:100%;height:100%;object-fit:cover}.form-control,.form-select{border-radius:15px;min-height:46px;border-color:#dbe5ef}.modal-content{border:0;border-radius:24px}.btn-primary,.btn-info{border-radius:14px;font-weight:800}.btn-cyan{background:#14b8d0;color:#fff;border:0;border-radius:14px;font-weight:900}.btn-cyan:hover{background:#0891b2;color:#fff}.topbar-brand-text{font-weight:900;color:#020b5c;line-height:1}.app-topbar .logo-topbar-left img{border-radius:14px}.search-small{font-size:.9rem}.empty-hint{color:#94a3b8;font-size:.86rem;font-weight:700}.setup-box{max-width:820px;margin:120px auto;background:#fff;border-radius:24px;padding:28px;box-shadow:0 18px 45px rgba(15,23,42,.12)}
@media(max-width:1100px){.equipment-body{grid-template-columns:1fr}.avatar-panel{order:-1}.workspace{padding-left:92px}.drawer-left{left:0}.mini-sidebar{display:none}.workspace{padding-left:18px}.app-topbar{padding:0 12px}.perfil-btn span{display:none}}