/* Compact controls in the existing Regions & Insets panel. */
.live-inset-panel {padding:9px 8px 10px;border-bottom:2px solid #d6dfcb;color:#334030;background:#fbfcf8;font:14px Arial,sans-serif;}
.live-inset-panel h3 {display:flex;align-items:center;gap:7px;margin:0 0 7px;font-size:16px;color:#334b2c;}
.live-inset-panel h3 img {width:27px;height:27px;}
.live-inset-panel p {margin:5px 0 8px;line-height:1.4;}
.live-inset-panel button {box-sizing:border-box;width:100%;min-height:32px;padding:6px 7px;margin:3px 0;border:1px solid #a5b499;border-radius:3px;background:#f6f8f2;color:#30452a;font:bold 13px Arial,sans-serif;text-align:center;cursor:pointer;}
.live-inset-panel button:hover {background:#e5eedb;}
.live-inset-panel button.inset-primary {background:#729737;border-color:#5e822b;color:white;border-bottom-width:3px;}
.live-inset-panel button.inset-primary:hover {background:#63872d;}
.live-inset-panel button:disabled {opacity:.5;cursor:default;}
.live-inset-panel .inset-small {font-size:12px;color:#56624e;}
.live-inset-panel .inset-caption {display:block;margin:7px 0 4px;font-weight:bold;}
.live-inset-panel .inset-caption span {font-weight:normal;font-size:12px;}
.live-inset-panel input[type=text] {box-sizing:border-box;width:100%;min-width:0;padding:7px;border:1px solid #a5b499;border-radius:3px;font:14px Arial,sans-serif;}
.live-inset-panel .inset-buttons {display:flex;gap:4px;}
.live-inset-panel .inset-buttons button {width:auto;flex:1;}
.live-inset-panel .inset-buttons button:last-child {flex:3;font-size:12px;}
.live-inset-panel .inset-line {display:flex;align-items:center;justify-content:space-between;gap:5px;margin:5px 0;}
.live-inset-panel input[type=color] {width:38px;height:28px;padding:1px;border:1px solid #a5b499;background:white;}
.live-inset-panel .inset-check {display:flex;align-items:center;gap:6px;margin:8px 0;font-size:12px;line-height:1.3;}
.live-inset-panel input[type=checkbox] {margin:0;width:16px;height:16px;flex:none;accent-color:#5078aa;}
.live-inset-panel button.inset-remove {color:#993f31;border-color:#d6afa5;background:#fff8f4;}
.live-inset-panel .inset-help {display:inline-block;font-size:12px;color:#426fa3;margin-top:3px;}
.live-inset-panel [hidden] {display:none!important;}
.live-inset-panel :focus-visible {outline:2px solid #5078aa;outline-offset:2px;}
#mcsLiveInset:focus {outline:none;}
@media print { [data-inset-ui] {display:none!important;} }
.inset-source-renderer {position:fixed;left:-20000px;top:0;width:1440px;height:1050px;border:0;pointer-events:none;}
.live-inset-panel .inset-source-name {font-weight:bold;overflow-wrap:anywhere;margin:5px 0;}
.live-inset-panel .inset-error {color:#943327;background:#fff0e5;padding:6px;border-left:3px solid #bc4a32;}
.live-inset-panel [hidden] {display:none!important;}
.inset-map-picker {box-sizing:border-box;width:min(660px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:2px solid #66804b;border-radius:6px;background:#fffef8;color:#29332b;box-shadow:4px 5px 0 #283c4866;font:15px/1.4 Arial,sans-serif;overflow:auto;}
.inset-map-picker::backdrop {background:#1a354c80;}
.inset-map-picker header {display:flex;align-items:center;gap:10px;background:#719638;color:white;padding:12px 15px;border-bottom:3px solid #526f28;}
.inset-map-picker h2 {font-size:23px;line-height:1.2;margin:0;flex:1;color:inherit;}
.inset-picker-symbol {font-size:34px;line-height:1;}
.inset-map-picker button {font:700 15px Arial,sans-serif;border:1px solid #a0ac93;border-bottom-width:3px;border-radius:4px;padding:9px 14px;cursor:pointer;color:#34402c;background:#f4f5ed;min-height:38px;}
.inset-map-picker header button {background:#b54935;color:white;border-color:#973c2d;font-size:26px;line-height:1;border-radius:50%;min-height:32px;width:32px;padding:0;}
.inset-map-picker button:disabled {opacity:.5;cursor:default;}
.inset-map-picker .inset-primary {background:#749939;color:white;border-color:#59772a;}
.inset-picker-body {padding:10px 16px;}
.inset-picker-body p {margin:4px 0 12px;}
.inset-picker-body>label {font-weight:bold;display:block;margin-bottom:4px;}
.inset-picker-body input[type=search] {box-sizing:border-box;width:100%;font:16px Arial,sans-serif;padding:9px 10px;border:1px solid #8e9d7b;border-radius:3px;background:white;color:#29332b;}
#insetMapList {max-height:290px;overflow:auto;margin:10px 0;border:1px solid #c3cbb8;background:white;}
#insetMapList:empty {border:0;}
.inset-map-choice {display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px;border-bottom:1px solid #dce1d3;}
.inset-map-choice:last-child {border-bottom:0;}
.inset-map-choice:has(:checked) {background:#eff4de;box-shadow:inset 4px 0 #739a38;}
.inset-map-choice:has(:disabled) {opacity:.6;cursor:default;}
.inset-map-choice input {width:18px;height:18px;accent-color:#62882e;flex-shrink:0;margin:0;}
.inset-map-choice strong,.inset-map-choice small {display:block;overflow-wrap:anywhere;}
.inset-map-choice small {color:#57634e;font-size:13px;margin-top:3px;}
.inset-map-symbol {font-size:32px;color:#5077a7;line-height:1;}
.inset-map-picker .inset-small {font-size:13px;color:#57634e;}
#insetPickerStatus {color:#405a28;font-weight:bold;}
.inset-map-picker footer {padding:10px 16px;background:#f0f1e9;border-top:1px solid #ccd3c1;display:flex;justify-content:flex-end;gap:10px;}
.inset-map-picker :focus-visible {outline:3px solid #537daf;outline-offset:2px;}
@media(max-width:480px){.inset-map-picker h2{font-size:19px;}.inset-map-picker header{padding:9px;}.inset-picker-body{padding:9px 12px;}#insetMapList{max-height:34vh;}.inset-map-symbol{display:none;}}
.inset-map-picker {position:fixed;inset:0;margin:auto;height:fit-content;text-align:left;}
.inset-map-picker .inset-picker-body>label,.inset-map-picker .inset-map-choice {float:none;text-align:left;width:auto;}
.inset-map-picker .inset-map-choice>span:last-child {flex:1;min-width:0;text-align:left;}
.inset-map-picker .inset-picker-body>label {margin:0 0 4px;}
.live-inset-panel .inset-source-link {display:block;font-size:13px;color:#426b9d;margin:0 0 8px;text-decoration:underline;}
