/* Native Figma A evidence desk / Lovable green tokens. */
:root{--paper:#e0f5e8;--ink:#17241f;--muted:#52675b;--line:#c7dbce;--panel:#fffefa;--pastelA:#fffefa;--pastelB:#edf5ef;--pastelC:#e6f1e9;--pastelH:#d5eadd;--sea:#eaf4ee;--land:#ccdcd1;--land2:#bfd4c5;--active:#83b398;--coral:#2f6847;--row:#edf5ef}
header h1{font:650 28px/1.1 Inter,system-ui,sans-serif;letter-spacing:-.03em}
.pane{box-shadow:none;border-radius:10px}.row{padding:12px 16px}.row:hover,.srow:hover{background:#dcecdf}.row .t{font-size:14px;line-height:1.45}.row .m{line-height:1.5}.row:focus-visible{outline:3px solid #387953;outline-offset:-3px}.country.sel{fill:#83b398;stroke:#2f6847}.country:hover{fill:#b3cebc}
:root[data-theme="dark"]{--paper:#123024;--ink:#e5f7e8;--muted:#b4cdbb;--line:#41634c;--panel:#1b3c2b;--pastelA:#1b3c2b;--pastelB:#234631;--pastelC:#234631;--pastelH:#2c5139;--sea:#153525;--land:#47614f;--land2:#58715f;--active:#769b80;--coral:#b1dabe;--row:#234631}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#123024;--ink:#e5f7e8;--muted:#b4cdbb;--line:#41634c;--panel:#1b3c2b;--pastelA:#1b3c2b;--pastelB:#234631;--pastelC:#234631;--pastelH:#2c5139;--sea:#153525;--land:#47614f;--land2:#58715f;--active:#769b80;--coral:#b1dabe;--row:#234631}}
@media(max-width:760px){header{padding:16px;gap:10px;flex-wrap:wrap}header .stats{margin-left:0;flex-wrap:wrap}.row{grid-template-columns:auto minmax(0,1fr)}.row .w{grid-column:2;white-space:normal}.ph{padding:14px 16px}.ph h2{font-size:17px}}
.srow:nth-child(even){background:var(--row)}
.row:hover,.srow:hover{background:var(--pastelH);color:var(--ink)}
@media(max-width:760px){
 header{display:flex;align-items:baseline;gap:8px 12px}header .stats{display:block;width:100%;font-size:11px;line-height:1.6}
 main{display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible}
 #left{overflow:visible;border-right:0}#mapwrap{flex:none;height:340px;min-height:340px}
 #mine:not(:has(.inset)){display:none}#mine{height:170px}#pick{padding:12px;flex-wrap:wrap}
 #right{overflow:visible;padding:12px;display:flex;flex-direction:column;gap:12px}.pane{min-height:0}
 .list{max-height:440px;overflow:auto}.ph{flex-wrap:wrap}.ph .k{font-size:11px;line-height:1.5}
 .row .m,.srow .u{font-size:11px}.srow .n{font-size:13px}#legend{font-size:10px;max-width:90%}
}
@media(max-width:760px){#right .list{flex:none;height:400px;max-height:400px;min-height:200px}}
