.assets-concept-page{align-items:start}.assets-concept-page .concept-filters .filter-btn{width:100%!important}.assets-concept-page .concept-filters .filter-btn b{min-width:0}.assets-concept-page input[type="checkbox"]{accent-color:#ffb300}.assets-region{border:1px solid var(--line);border-radius:16px;background:rgba(5,7,13,.26);overflow:hidden;box-shadow:none}.assets-list{width:100%;overflow:hidden}.assets-list-head,.assets-list-row{display:grid;grid-template-columns:150px minmax(180px,1.15fr) 150px minmax(160px,.95fr) minmax(170px,.95fr) minmax(155px,.9fr) 176px;gap:14px;align-items:center}.assets-list-head{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(0,0,0,.15);color:#7f8da7;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.assets-list-row{min-height:76px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(0,0,0,.08);cursor:pointer;transition:.16s ease;position:relative}.assets-list-row:last-child{border-bottom:0}.assets-list-row:hover{background:rgba(255,179,0,.055);box-shadow:inset 3px 0 0 rgba(255,179,0,.75)}.assets-list-row.free{box-shadow:inset 4px 0 0 var(--green)}.assets-list-row.reserved{box-shadow:inset 4px 0 0 var(--gold)}.assets-list-row.picked_up{box-shadow:inset 4px 0 0 var(--blue)}.assets-list-row.maintenance{box-shadow:inset 4px 0 0 var(--red)}.assets-list-row.closed{opacity:.52}.asset-cell{min-width:0}.asset-code-wrap{display:flex;align-items:center;gap:9px;min-width:0}.asset-code{min-width:96px;max-width:116px;border:1px solid rgba(170,184,255,.22);background:rgba(117,129,255,.10);color:#dce4ff;border-radius:10px;padding:7px 8px;font-size:11px;font-weight:900;letter-spacing:.04em;cursor:pointer;line-height:1.1;white-space:normal;overflow-wrap:anywhere}.asset-code:hover{border-color:rgba(255,179,0,.45);color:#ffe0a3}.asset-main b,.meta-main b,.asset-access b{display:block;color:#f1f6ff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-main span,.meta-main span,.asset-access span{display:block;color:#8c9ab5;font-size:12px;margin-top:3px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-status{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.asset-status.green{color:#a4efc3}.asset-status.gold{color:#ffe0a3}.asset-status.blue{color:#bdefff}.asset-status.red{color:#ff9cad}.asset-status.violet{color:#dac7ff}.asset-status i{font-style:normal}.assets-concept-page .row-actions{display:flex!important;gap:7px!important;justify-content:flex-end!important;flex-wrap:wrap!important}.assets-concept-page .mini{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);border-radius:10px;padding:7px 9px;font-size:11px;line-height:1;cursor:pointer;white-space:nowrap}.assets-concept-page .mini:hover{border-color:rgba(255,179,0,.28);background:rgba(255,179,0,.08)}.action-cell{justify-self:end}.asset-detail .card-body{display:grid;gap:16px}.asset-discord-card{border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022));border-radius:16px;padding:18px}.asset-discord-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.asset-box-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,rgba(255,179,0,.26),rgba(77,224,166,.16));border:1px solid rgba(255,255,255,.10)}.asset-discord-head h2{margin:0;color:#f5f7ff;font-size:21px;line-height:1.18}.asset-discord-head h2 em{display:inline-block;font-style:normal;font-size:15px;border:1px solid rgba(170,184,255,.22);background:rgba(117,129,255,.12);border-radius:7px;padding:2px 6px;color:#dce4ff;white-space:nowrap}.asset-discord-head p{margin:6px 0 0;color:#b9c5d8;font-size:14px}.asset-dot{display:inline-block;width:18px;height:18px;border-radius:50%;margin-right:8px;vertical-align:-4px}.asset-dot.green{background:#78d965}.asset-dot.gold{background:#ffcc66}.asset-dot.blue{background:#75c8ff}.asset-dot.red{background:#ff6b7a}.asset-dot.violet{background:#b69cff}.asset-discord-line{color:#dde7f7;font-size:15px;line-height:1.55}.asset-discord-line b{font-weight:900}.asset-discord-card h4{margin:14px 0 6px;color:#eef4ff;font-size:18px}.asset-discord-card p{margin:0;color:#d7e0ef;line-height:1.5}.mention-chip{display:inline-block;background:rgba(117,129,255,.25);border:1px solid rgba(170,184,255,.22);color:#aebcff;border-radius:6px;padding:0 5px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#dce4ff}.asset-detail-drawer .detail-list{border-top:1px solid rgba(255,255,255,.08);padding-top:4px}@media(max-width:1380px){.assets-list-head,.assets-list-row{grid-template-columns:140px minmax(180px,1.2fr) 140px minmax(150px,.9fr) minmax(160px,.9fr) minmax(140px,.8fr);}.assets-list-head span:last-child,.action-cell{grid-column:1/-1;justify-self:start}.assets-concept-page .row-actions{justify-content:flex-start!important}}@media(max-width:980px){.assets-list-head{display:none}.assets-list-row{grid-template-columns:1fr;gap:8px;min-height:0;padding:14px 16px}.asset-cell{display:block}.asset-cell::before{content:attr(data-label);display:block;margin-bottom:4px;color:#7f8da7;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.code-cell::before,.asset-cell-main::before,.action-cell::before{display:none}.asset-code-wrap{justify-content:space-between}.assets-concept-page .row-actions{justify-content:flex-start!important}.action-cell{justify-self:stretch}}@media(max-width:620px){.assets-hero{grid-template-columns:1fr!important}.asset-discord-head{align-items:flex-start}.asset-discord-head h2 em{margin-top:4px}}

/* Asset page layout must define the same left-filter workspace as stockpiles/tasks. */
.concept-workspace.assets-concept-page{
  display:grid;
  grid-template-columns:270px minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.assets-concept-page .concept-filter-panel{
  position:sticky;
  top:18px;
}
.assets-concept-page .concept-filters{
  display:grid;
  gap:8px;
}
.assets-concept-page .concept-filters .filter-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:40px!important;
  padding:9px 10px!important;
  border:1px solid var(--line)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.025)!important;
  color:var(--text)!important;
  text-align:left!important;
}
.assets-concept-page .concept-filters .filter-btn.active{
  background:var(--gold-soft)!important;
  border-color:rgba(255,179,0,.26)!important;
  color:#ffe0a0!important;
}
.assets-concept-page .concept-hint{
  margin-top:10px;
  border:1px dashed var(--line);
  border-radius:13px;
  padding:10px;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}

/* WarEco-like drawer/detail styling for assets. */
.asset-modal-drawer{
  width:min(464px,calc(100vw - 32px));
  padding:0;
  background:#0a1019;
  overflow:auto;
}
.asset-modal-panel{
  min-height:100%;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.asset-modal-head{
  position:sticky;
  top:0;
  z-index:2;
  background:#101824;
}
.asset-modal-head h3{
  font-size:16px;
}
.asset-modal-head .icon-btn{
  width:38px;
  height:38px;
  padding:0;
  display:grid;
  place-items:center;
  border-radius:11px;
  font-size:18px;
}
.asset-modal-body{
  display:grid;
  gap:12px;
}
.asset-modal-summary{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,179,0,.07),rgba(255,255,255,.02));
  border-radius:14px;
  padding:12px;
}
.asset-summary-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(255,179,0,.24),rgba(77,224,166,.15));
  border:1px solid rgba(255,255,255,.1);
}
.asset-summary-title{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.asset-summary-title b{
  color:#f1f6ff;
  font-size:18px;
}
.asset-summary-title span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  border:1px solid rgba(170,184,255,.22);
  background:rgba(117,129,255,.12);
  border-radius:7px;
  padding:2px 7px;
  color:#dce4ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.03em;
}
.asset-summary-sub{
  color:var(--muted);
  font-size:12px;
  margin-top:3px;
}
.asset-info-box{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
  border-radius:14px;
  padding:12px;
}
.asset-info-box h4{
  margin:0 0 8px;
  color:#f1f6ff;
  font-size:15px;
}
.asset-info-box ul{
  margin:0;
  padding-left:18px;
  color:#dce8fb;
  font-size:13px;
  line-height:1.58;
}
.asset-info-box li::marker{
  color:var(--gold);
}
.asset-modal-details{
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:4px;
}
.asset-modal-details .detail-value small{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:11px;
}
.asset-modal-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding-top:4px;
  border-top:1px solid rgba(255,255,255,.08);
}
.asset-form{
  display:grid;
  gap:12px;
}
.asset-form-grid{
  display:grid;
  gap:12px;
}
.asset-form-grid.two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.asset-form .field{
  display:grid;
  gap:6px;
}
.asset-form .field label{
  color:var(--muted);
  font-size:12px;
}
.asset-form input,
.asset-form select,
.asset-form textarea{
  width:100%;
}
.asset-form textarea{
  min-height:104px;
}
@media(max-width:1180px){
  .concept-workspace.assets-concept-page{grid-template-columns:1fr;}
  .assets-concept-page .concept-filter-panel{position:static;}
}
@media(max-width:620px){
  .asset-modal-summary{grid-template-columns:42px minmax(0,1fr);}
  .asset-modal-summary>.asset-status{grid-column:1/-1;justify-self:start;}
  .asset-form-grid.two{grid-template-columns:1fr;}
}