/* Area view uses the same quiet surfaces and numeric rhythm as the property list. */
#view-areas .section-toolbar{margin:0;gap:0;align-items:center}
#view-areas #areasHeading{display:none}
#view-areas .section-toolbar h2{font-size:16px;font-weight:600;margin:0;color:#3d5949}
#view-areas #areaSearch{flex:1 1 260px;min-width:180px;width:auto;max-width:none;height:38px;min-height:38px;border:1px solid #e0e7e0;border-radius:6px;background:white;font-size:12px;padding:8px 12px;box-shadow:none}
#areaCards.area-worklist{display:block}
.area-work-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e3e9e3;border-radius:8px;background:#fff}
.area-work-filter-fields{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:0 1 auto;max-width:100%}
.area-work-filters select{font:inherit;font-size:12px;color:#536b5b;min-height:34px;height:34px;border:1px solid #e2e8e2;border-radius:5px;background:white;padding:5px 25px 5px 9px;max-width:100%}
.area-worklist button{font:inherit;cursor:pointer;box-shadow:none}
.area-worklist button:focus-visible,.area-worklist a:focus-visible{outline:2px solid #518668;outline-offset:3px}
.area-worklist button[hidden],.area-worklist tr[hidden],.area-worklist .area-reset[hidden]{display:none!important}
.area-work-filters .area-reset{border:0;background:none;color:#657b6b;font-size:11px;padding:5px;min-height:30px;font-weight:400;box-shadow:none}
.area-work-meta{display:flex;justify-content:flex-end;color:#6b7d6f;font-size:11px;margin:13px 2px 9px}
.area-work-table-wrap{overflow-x:auto;border:1px solid #e3e9e3;border-radius:8px;background:white}
.area-worklist .area-work-table{width:100%;min-width:1100px;border-collapse:collapse;table-layout:fixed;margin:0}
.area-worklist .area-work-table th{height:43px;padding:8px 10px;border-bottom:1px solid #e7ece7;background:#f3f6f3;color:#53685a;font-size:11px;font-weight:600;text-align:center;line-height:1.3}
.area-work-table th:first-child{width:27%;text-align:left!important}
.area-work-table th:nth-child(2){width:8%}.area-work-table th:nth-child(3){width:13%}.area-work-table th:nth-child(4){width:13%}.area-work-table th:nth-child(5){width:11%}.area-work-table th:nth-child(6){width:8%}.area-work-table th:nth-child(7){width:9%}.area-work-table th:nth-child(8){width:11%}
.area-worklist .area-sort{border:0;border-radius:0;background:transparent;color:inherit;min-height:26px;padding:0;font-size:11px;font-weight:600;line-height:1.3;text-align:inherit;white-space:normal}
.area-worklist .area-work-row>td{padding:7px 10px;height:60px;border-bottom:1px solid #eef2ef;color:#304c3a;background:white;font-size:13px;font-weight:400;vertical-align:middle;line-height:1.35}
.area-worklist .area-work-row:hover>td{background:#f6faf6}
.area-worklist .area-work-row .area-work-identity{text-align:left}
.area-worklist .area-name{display:block;border:0;background:none;padding:0;min-height:24px;text-align:left;color:#294b36;font-size:13px;font-weight:600;white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.area-worklist .area-name-line{display:flex;align-items:center;gap:9px}
.area-worklist .area-kind-symbol{display:inline-flex;flex:0 0 24px;width:24px;height:24px}
.area-worklist .area-kind-symbol>.ui-icon{width:24px;height:24px;stroke-width:1.8}
.area-worklist .area-kind-lake{color:#267796}
.area-worklist .area-kind-mountain{color:#4e7651}
.area-worklist .area-kind-unknown{color:#859086}
.area-worklist .area-kind-meta{margin-left:33px}
.area-worklist .area-kind-word{font-size:11px;font-weight:600}
body.rendering-exact #view-properties .rendering-table .landscape-icon.LAKE,body.rendering-exact #view-properties .rendering-table .landscape-icon.MOUNTAIN{display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;flex-basis:36px!important;min-width:36px!important;width:36px!important;gap:0!important}
body.rendering-exact #view-properties .rendering-table .landscape-icon.LAKE{color:#267796!important}
body.rendering-exact #view-properties .rendering-table .landscape-icon.MOUNTAIN{color:#4e7651!important}
body.rendering-exact #view-properties .rendering-table .landscape-word{font-size:9px!important;font-weight:500!important;line-height:10px!important;margin:1px 0 0!important;color:inherit!important;white-space:nowrap}
.area-worklist small{display:block;font-size:10px;font-weight:400;color:#738275;line-height:1.35;margin-top:3px}
.area-worklist .area-metric{text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.area-worklist .area-count{border:0;background:none;padding:3px 10px;color:#3a654b;min-height:28px;font-size:13px;text-decoration:underline;text-decoration-color:#c4d3c8;text-underline-offset:4px}
.area-worklist .area-availability{text-align:center}
.area-data-symbols{display:flex;justify-content:center;gap:7px}
.area-data-symbol{display:inline-flex;width:15px;height:15px;color:#adb7ae}
.area-data-symbol.present{color:#628a76}
.area-data-symbol svg{width:15px;height:15px}
.area-worklist .area-row-actions{text-align:center}
.area-worklist .area-action,.area-worklist .area-details-toggle{display:block;margin:0 auto;border:0;background:none;color:#446c53;padding:3px 0;min-height:23px;font-size:11px;line-height:1.3}
.area-worklist .area-row-actions>.area-action{font-size:13px;font-weight:600}
.area-worklist .area-details-toggle{font-size:10px;color:#7c897e}
.area-worklist .area-details-toggle[aria-expanded=true]{color:#315c42}
.area-worklist .area-work-detail>td{padding:0;border-bottom:1px solid #e3eae3;background:#f7faf7}
.area-detail-body{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:28px;padding:18px 20px;color:#65796a;font-size:12px;line-height:1.5}
.area-detail-body strong{font-weight:600;font-size:11px;color:#45634d}
.area-detail-body p{margin:5px 0 9px;white-space:pre-wrap;overflow-wrap:anywhere}
.area-detail-sources a{display:block;color:#4d775c;font-size:11px;margin:5px 0;overflow-wrap:anywhere}
.area-detail-sources .area-action{margin:9px 0 0;text-align:left}
.area-empty{text-align:center;padding:35px!important;color:#7c897e}
.area-work-footer{position:relative;display:flex;justify-content:center;align-items:center;gap:15px;color:#7a887c;font-size:11px;padding:16px 8px;min-height:45px}
.area-work-footer .area-action{display:inline-block;margin:0;font-size:11px}
.area-work-sentinel{position:absolute;bottom:0;left:0;width:100%;height:1px;pointer-events:none}
.area-work-legend{font-size:10px;line-height:1.5;color:#819084;margin:3px 1px 0;max-width:1050px}
@media(max-width:800px){#view-areas #areaSearch{flex-basis:100%;width:100%;max-width:none}.area-work-filters{gap:7px}.area-work-filter-fields{width:100%;gap:7px}.area-work-filters select{flex:1;min-width:140px}.area-detail-body{grid-template-columns:1fr;gap:12px;padding:14px}.area-work-legend{font-size:11px}}