@import url('/static/portal.css');
.item-page{--ivory:#fbf8ef;--soft-gold:#c39a42;--deep-gold:#8d681f;max-width:1120px;margin:0 auto;padding:clamp(8px,2vw,20px);display:grid;gap:22px}
.item-page::before{content:"";position:fixed;inset:68px 0 0;z-index:-1;background:radial-gradient(circle at 15% 12%,#ead9ac55,transparent 31%),linear-gradient(145deg,#fffdf7,var(--ivory) 62%,#f4ecd8)}
.item-back{width:max-content;display:inline-flex;align-items:center;gap:9px;color:#5f4a20;text-decoration:none;font-weight:750;padding:8px 0}.item-back span{font-size:20px}
.item-hero{overflow:hidden;position:relative;display:grid;grid-template-columns:minmax(280px,.88fr) 1.12fr;align-items:center;min-height:330px;border:1px solid #dac797;border-radius:28px;background:linear-gradient(125deg,#fffdf7 0%,#f8f0da 100%);box-shadow:0 22px 60px #73581b18}
.item-hero::after{content:"";position:absolute;width:240px;height:240px;border:1px solid #bc914044;border-radius:50%;inset-inline-end:-90px;top:-110px}
.gold-visual{min-height:330px;display:grid;place-items:center;background:linear-gradient(145deg,#e8d39a55,#fff0 64%);border-inline-end:1px solid #d8c18a77}.gold-visual svg{width:min(92%,390px);height:auto}
.item-identity{padding:clamp(28px,5vw,64px);position:relative;z-index:1}.item-eyebrow,.section-heading span{text-transform:uppercase;letter-spacing:.13em;color:var(--deep-gold);font-size:12px;font-weight:850}.item-identity h1{font-size:clamp(34px,5vw,60px);line-height:1.08;margin:11px 0 24px;letter-spacing:-.025em}
.item-chips{display:flex;gap:10px;flex-wrap:wrap}.item-chips>span{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border:1px solid #d8c79e;border-radius:999px;background:#fffdf8;color:#554a36}.item-chips b{color:#2e2b25}
.item-status i{width:8px;height:8px;border-radius:50%;background:#73766d}.item-status.status-held i{background:#43714f}.item-status.status-sold i{background:#8a6322}.item-status.status-delivered i{background:#526b82}.item-id{display:block;margin-top:22px;color:#84785f;font-size:12px;overflow-wrap:anywhere;white-space:normal}
.item-values{display:grid;grid-template-columns:1fr 1fr;gap:18px}.item-values article{min-height:150px;border-radius:20px;border-color:#dfd4ba;box-shadow:0 12px 36px #4638170d;display:flex;flex-direction:column;justify-content:center}.item-values small,.item-detail-grid dt,.invoice-summary small{color:#746b59;font-weight:650}.item-values strong{font-size:clamp(26px,4vw,42px);margin:10px 0 3px;letter-spacing:-.025em}.item-values span{color:#8a7b5e;font-size:13px}
.item-values .current-value{color:#fff;border-color:#9a7327;background:linear-gradient(135deg,#9d7528,#6f501a);box-shadow:0 16px 40px #6f501a30}.item-values .current-value small,.item-values .current-value span{color:#f4e8c9}
.item-details-card,.item-documents{background:#fffefa;border:1px solid #e0d6bf;border-radius:22px;padding:clamp(20px,4vw,36px);box-shadow:0 10px 34px #4d3e1f0c}.section-heading h2{margin:6px 0 24px;font-size:clamp(22px,3vw,30px)}
.item-detail-grid{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e6dcc7;border:1px solid #e6dcc7;border-radius:16px;overflow:hidden}.item-detail-grid>div{background:#fffefa;padding:20px;min-width:0}.item-detail-grid dt{font-size:13px;margin-bottom:8px}.item-detail-grid dd{margin:0;font-size:18px;font-weight:800;overflow-wrap:anywhere}.item-detail-grid .detail-total{background:#faf2dd}
.invoice-summary{display:flex;gap:clamp(30px,8vw,90px);padding:18px 20px;background:#faf6eb;border-radius:14px;margin-bottom:16px}.invoice-summary div{display:grid;gap:5px}.item-empty{margin:0;color:var(--muted);padding:18px 0}.attachment-list{display:flex;gap:12px;flex-wrap:wrap}
.attachment-button{display:flex;align-items:center;gap:12px;min-width:min(100%,280px);padding:13px 16px;border:1px solid #d3bd86;border-radius:13px;color:#473918;background:#fffaf0;text-decoration:none;transition:.18s ease}.attachment-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #71551b18;border-color:#b78b32}.attachment-button svg{width:26px;fill:none;stroke:currentColor;stroke-width:1.7}.attachment-button span{display:grid;gap:2px}.attachment-button small{color:#806d46}.attachment-button b{overflow-wrap:anywhere}
[dir="rtl"] .item-identity h1{letter-spacing:0}
@media(max-width:760px){.item-page{padding:0;gap:14px}.item-hero{grid-template-columns:1fr;border-radius:22px}.gold-visual{min-height:220px;border-inline-end:0;border-bottom:1px solid #d8c18a77}.gold-visual svg{max-height:215px}.item-identity{padding:26px}.item-identity h1{font-size:36px}.item-values{grid-template-columns:1fr;gap:12px}.item-values article{min-height:126px}.item-detail-grid{grid-template-columns:1fr 1fr}.item-details-card,.item-documents{border-radius:18px;padding:20px}.invoice-summary{display:grid;gap:14px}.attachment-button{width:100%}}
@media(max-width:430px){.item-detail-grid{grid-template-columns:1fr}.item-chips>span{padding:8px 11px}.item-id{font-size:11px}.item-values strong{font-size:29px}}