/* Portal — extends admin skin with metallic accents */
.portal-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 18px}
.portal-tabs button{
  border:1px solid var(--line);background:var(--surface);padding:10px 14px;color:var(--ink);
  text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;transition:background .25s,border-color .25s,color .25s
}
.portal-tabs button.active{
  background:var(--fc-metal,var(--gold));color:var(--fc-accent-contrast);border-color:transparent;
  box-shadow:0 6px 24px rgba(212,184,122,.16)
}
.portal-panel{display:grid;gap:14px}
.money{font-variant-numeric:tabular-nums}
.quote-actions{display:flex;gap:10px;margin-top:12px}
.quote-actions button{
  border:1px solid transparent;background:var(--fc-metal,var(--gold));
  color:var(--fc-accent-contrast);padding:10px 14px;
  text-transform:uppercase;letter-spacing:.08em;font-size:.72rem
}
.quote-actions button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}
.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.works-grid article{background:var(--surface);border:1px solid var(--line);padding:16px}
.works-grid img{width:100%;aspect-ratio:1;object-fit:cover;display:block;margin-bottom:12px;background:var(--paper);filter:saturate(.85)}