/* WC-CITY-GRID-POLISH-002 — reference-detail pass */
:root{--paper:#c8baa8;--muted:#8d8275;--line:#735f4d;--panel:rgba(4,15,19,.89)}
html{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.ui{color:var(--paper);text-shadow:0 0 1px rgba(225,205,180,.16)}
.scene:before{background:linear-gradient(90deg,rgba(0,8,11,.91) 0%,rgba(2,12,16,.55) 48%,rgba(1,9,12,.6) 100%),linear-gradient(0deg,rgba(0,6,8,.78),transparent 58%);backdrop-filter:saturate(.58) contrast(1.015)}
.page-title,.identity h2{font-weight:430;color:#c9baa7;text-shadow:0 0 2px rgba(224,202,173,.16)}
.panel{background:rgba(124,96,72,.74)}
.panel-inner{background-image:linear-gradient(rgba(112,132,132,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(112,132,132,.018) 1px,transparent 1px),linear-gradient(145deg,rgba(7,20,24,.915),rgba(2,11,14,.88) 64%,rgba(5,15,17,.92));background-size:32px 32px,32px 32px,auto;box-shadow:inset 0 0 34px rgba(5,18,22,.2)}
.panel-inner:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(111,139,139,.035),transparent 28%,rgba(154,111,75,.022) 71%,transparent);mix-blend-mode:screen}
.panel h3{color:#9f8f7d;font-weight:400}.panel p{color:#b3a697;font-weight:350}

/* Stronger identity grid, matching the reference separators. */
.facts{position:relative;padding-left:8px;border-bottom:1px solid rgba(151,126,100,.62);background:linear-gradient(90deg,rgba(2,10,13,.34),rgba(2,10,13,.18) 72%,transparent);box-shadow:0 0 26px rgba(0,5,7,.16)}
.fact{border-right-color:rgba(140,119,96,.64);margin-right:25px;padding-right:25px}
.fact:nth-child(n+4){border-top-color:rgba(140,119,96,.62)}
.fact:nth-child(3n){border-right:0}
.fact .label{color:#b3a18e;font-size:12px;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.68)}.fact .value{color:#e1d2bf;font-size:18px;font-weight:500;text-shadow:0 1px 5px rgba(0,0,0,.78)}
.fact-value-icon{display:inline-flex;align-items:center;gap:8px}.fact-svg{width:16px;height:16px;color:#c0ad94;stroke-width:1.45}

/* One coherent thin-line icon language. */
.detail-svg,.metric-svg,.doc-svg,.ach-svg,.action-svg,.timeline-svg,.server-svg{display:block;fill:none;stroke:currentColor;vector-effect:non-scaling-stroke}
.metric-icon{width:36px;height:36px;display:grid;place-items:center;color:#c5b49d;font-size:0}
.metric-svg{width:32px;height:32px;stroke-width:1.35}
.metric.money .metric-icon,.metric.money .value{color:#62bdc4}
.metric{border-right-color:rgba(117,96,76,.52)}
.server-name{display:inline-flex;align-items:center;gap:9px}.server-svg{width:18px;height:18px;color:#918474}
.world-location{display:inline-flex}.world-svg{width:17px;height:17px;color:#918474;stroke-width:1.3}
.doc-icon{background:rgba(132,108,83,.045);border-color:rgba(166,142,111,.58);border-radius:3px}.doc-svg{stroke-width:1.3}

/* Exact framed card actions: compact text, cut corners and a soft inner line. */
.panel-btn{height:34px;border-color:rgba(130,101,77,.72);background:linear-gradient(90deg,rgba(20,25,24,.76),rgba(5,15,17,.72));color:#aa9d8e;font-size:16px;letter-spacing:.25px;padding:0 15px;box-shadow:inset 0 1px rgba(211,181,145,.025)}
.panel-btn:after,.action-btn:after{font-size:22px;color:#d1bfa8;font-weight:300}
.panel-btn:hover,.panel-btn:focus-visible{background:linear-gradient(90deg,rgba(255,104,31,.1),rgba(8,17,18,.82));box-shadow:inset 2px 0 var(--orange)}

/* Vehicle and property metadata blocks. */
.vehicle-wrap,.property-wrap{height:112px;gap:17px;align-items:center}
.thumb{width:52%;height:99px;flex:0 0 52%;object-fit:cover}
.asset-copy{min-width:0;align-self:stretch;padding-top:5px;display:flex;flex-direction:column;align-items:flex-start}
.item-title{font-size:18px;color:#d0bea8;line-height:1.05;margin:0 0 9px}
.item-tags{display:flex;gap:7px;margin-bottom:auto}
.item-tags span{display:inline-flex;height:23px;align-items:center;padding:0 9px;border:1px solid rgba(120,99,79,.58);border-radius:3px;color:#a99d8f;font-family:WC-Agency,var(--font);font-size:13px;line-height:1}
.item-note,.ownership{margin-top:auto;font-family:WC-Agency,var(--font);line-height:1.12}
.item-note b,.ownership b{display:block;color:#82776b;font-size:11px;font-weight:400;letter-spacing:.7px}
.item-note strong,.ownership strong{display:block;color:#61b5ba;font-size:14px;font-weight:400;margin-top:3px}
.property-wrap .thumb{filter:none}
.property-wrap small{color:#9c9082;font-size:14px;line-height:1.1}
.property-area{margin-top:12px;color:#938778;font-family:WC-Agency,var(--font);font-size:13px}

/* Achievement rows include all three values and reference-like progress bars. */
.ach{grid-template-columns:34px 1fr auto;gap:10px;padding:5px 0 7px;border-bottom-color:rgba(103,85,67,.38)}
.ach-icon{width:30px;height:30px;border:1px solid rgba(142,115,85,.55);clip-path:polygon(50% 0,92% 24%,92% 76%,50% 100%,8% 76%,8% 24%);display:grid;place-items:center;color:#b9a78f;background:rgba(118,95,70,.06)}
.ach-svg{width:20px;height:20px;stroke-width:1.25}
.ach>span:nth-child(2){min-width:0}.ach i{display:block;color:#a89b8c;font-style:normal;font-family:WC-Agency,var(--font);font-size:13px;line-height:1}
.ach-track{display:block;height:3px;margin-top:7px;background:rgba(78,77,69,.34);overflow:hidden}.ach-track span{display:block;height:100%;background:linear-gradient(90deg,#a97348,#be8654)}
.ach:nth-child(2) .ach-track span{background:#617f83}.ach:nth-child(3) .ach-track span{background:#9f876b}
.ach b{font-family:WC-Agency,var(--font);font-size:20px;color:#c2b29f;min-width:58px;text-align:right;font-weight:400}

/* Every percentage bar shares the same restrained fill-and-glint motion. */
.track,.ach-track,.weight-track,.detail-condition{overflow:hidden}
.fill,.ach-track span,.weight-track i,.detail-condition i{position:relative;transform-origin:left center;animation:wc-progress-reveal .9s cubic-bezier(.2,.75,.2,1) both}
.fill:after,.ach-track span:after,.weight-track i:after,.detail-condition i:after{content:"";position:absolute;inset:0;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:translateX(-180%);animation:wc-progress-glint 3.8s ease-in-out 1.05s infinite}
@keyframes wc-progress-reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes wc-progress-glint{0%,64%{transform:translateX(-180%);opacity:0}72%{opacity:.75}88%,100%{transform:translateX(390%);opacity:0}}

/* Timeline and action icons reuse the same geometry. */
.timeline-item:before{display:none}.timeline-node{position:absolute;left:-42px;top:0;width:28px;height:28px;border:1px solid #75634e;border-radius:50%;background:#071115;display:grid;place-items:center;color:#b6a58e}
.timeline-svg{width:15px;height:15px;stroke-width:1.25}
.action-btn{display:flex;align-items:center;gap:11px;padding:0 14px;background:rgba(10,17,18,.74);border-color:rgba(133,88,53,.7);color:#b4a797}
.action-btn:after{content:'›';margin-left:auto;float:none}.action-svg{width:18px;height:18px;color:#bda88d;stroke-width:1.3}

/* Footer uses the original unequal hint widths instead of stretched fifths. */
.footer{grid-template-columns:313px 357px 341px 467px 1fr}
.hint{padding-left:25px;gap:20px;color:#877c70}.hint:last-child{padding-right:25px}
.key{min-width:42px;text-align:center}

@media (prefers-reduced-motion:reduce){.pulse svg,.pulse i,.fill,.ach-track span,.weight-track i,.detail-condition i,.fill:after,.ach-track span:after,.weight-track i:after,.detail-condition i:after{animation:none}.pulse i{display:none}}