/* ============================================================
   MYCFO — assets2.css  (Milestone 2)
   자산관리 v2 전용 스타일
   ============================================================ */

/* ── Asset Category Colors ───────────────────────────────────── */
.cat-차량      { background: #dbeafe; color: #1e40af; }
.cat-부동산    { background: #d1fae5; color: #065f46; }
.cat-발전소    { background: #fef3c7; color: #92400e; }
.cat-기계장치  { background: #f3f4f6; color: #374151; }
.cat-전자기기  { background: #ede9fe; color: #5b21b6; }
.cat-IT인프라  { background: #e0f2fe; color: #0c4a6e; }
.cat-도메인    { background: #fce7f3; color: #9d174d; }
.cat-특허      { background: #fef3c7; color: #78350f; }
.cat-상표      { background: #fef3c7; color: #78350f; }
.cat-디자인권  { background: #fdf2f8; color: #701a75; }
.cat-저작권    { background: #fdf2f8; color: #701a75; }
.cat-라이선스  { background: #f0fdf4; color: #14532d; }
.cat-소프트웨어{ background: #e0f2fe; color: #0c4a6e; }
.cat-기타      { background: var(--color-surface-alt); color: var(--color-text-secondary); }

/* ── Asset Status Colors ─────────────────────────────────────── */
.status-운용중     { background: #d1fae5; color: #065f46; }
.status-유지보수중 { background: #fef3c7; color: #92400e; }
.status-처분예정   { background: #fee2e2; color: #991b1b; }
.status-처분완료   { background: #f3f4f6; color: #374151; }
.status-비활성     { background: var(--color-surface-alt); color: var(--color-text-tertiary); }

/* ── Asset Card Grid ─────────────────────────────────────────── */
.asset-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 14px;
}

.asset-card {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 16px;
  cursor: pointer;
  transition: box-shadow 0.15s, border-color 0.15s;
  text-decoration: none;
  color: inherit;
  display: block;
}
.asset-card:hover { box-shadow: var(--shadow-md); border-color: var(--color-border-strong); }

.asset-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 10px;
}
.asset-card-title { font-size: 15px; font-weight: 600; color: var(--color-text-primary); }
.asset-card-entity { font-size: 12px; color: var(--color-text-secondary); margin-top: 2px; }
.asset-card-badges { display: flex; flex-wrap: wrap; gap: 4px; }
.asset-badge {
  display: inline-block;
  font-size: 11px;
  padding: 2px 7px;
  border-radius: 10px;
  font-weight: 500;
}

/* ── Asset Values ────────────────────────────────────────────── */
.asset-values {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 10px 0;
}
.asset-val { }
.asset-val-label { font-size: 11px; color: var(--color-text-tertiary); }
.asset-val-amount { font-size: 14px; font-weight: 600; color: var(--color-text-primary); }

/* ── Depreciation Bar ────────────────────────────────────────── */
.depr-bar-wrap { margin: 8px 0; }
.depr-bar-label {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: var(--color-text-tertiary);
  margin-bottom: 4px;
}
.depr-bar-bg {
  height: 6px;
  background: var(--color-surface-alt);
  border-radius: 3px;
  overflow: hidden;
}
.depr-bar-fill {
  height: 100%;
  background: #f97316;
  border-radius: 3px;
  transition: width 0.3s;
}
.depr-bar-fill.depr-high  { background: #dc2626; }
.depr-bar-fill.depr-mid   { background: #f97316; }
.depr-bar-fill.depr-low   { background: #22c55e; }

/* ── Maintenance Badge ───────────────────────────────────────── */
.maintenance-due-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  padding: 2px 7px;
  border-radius: 10px;
  background: #fee2e2;
  color: #991b1b;
  font-weight: 500;
}

/* ── Detail: Maintenance Records ────────────────────────────── */
.maintenance-list { display: flex; flex-direction: column; gap: 8px; }
.maintenance-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 14px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
}
.maintenance-date { font-size: 12px; color: var(--color-text-tertiary); white-space: nowrap; min-width: 80px; }
.maintenance-title { font-size: 13px; font-weight: 500; flex: 1; }
.maintenance-cost { font-size: 13px; color: var(--color-danger); font-weight: 600; }

/* ── Detail: Depreciation Schedule ─────────────────────────── */
.depr-schedule-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.depr-schedule-table th {
  padding: 8px 12px;
  text-align: right;
  font-size: 11px;
  color: var(--color-text-tertiary);
  background: var(--color-surface-alt);
  border-bottom: 1px solid var(--color-border);
}
.depr-schedule-table th:first-child { text-align: left; }
.depr-schedule-table td {
  padding: 9px 12px;
  text-align: right;
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text-primary);
}
.depr-schedule-table td:first-child { text-align: left; font-weight: 500; }
.depr-schedule-table tr:last-child td { border-bottom: none; }

/* ── Asset Hero ──────────────────────────────────────────────── */
.asset-hero {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 24px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 20px;
}
.asset-hero-icon {
  font-size: 36px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-surface-alt);
  border-radius: var(--radius-lg);
  flex-shrink: 0;
}
.asset-hero-title { font-size: 22px; font-weight: 700; }
.asset-hero-sub { font-size: 13px; color: var(--color-text-secondary); margin-top: 4px; }
.asset-hero-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }