/* IrriDex shared visual system, applied after the pre-existing page styles.
   No changes to marker coordinates, Leaflet controls, modal geometry, or saved data. */
:root{--id-blue:#0078ce;--id-blue-hover:#005d9f;--id-ink:#333;--id-page:#f4f4f4;--id-paper:#fff;--id-muted:#666;--id-line:#d5d5d5;--id-header:#333;--id-header-link:#ddd;--id-panel-soft:#efefef;--id-link:#006cb9;--id-input:#fff;--id-shadow:0 2px 12px rgba(0,0,0,.09);--accent:#0078ce;--accent2:#63b9ef;--accent-dark:#005d9f}
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark;--id-ink:#e6edf4;--id-page:#101820;--id-paper:#1b2834;--id-muted:#b7c5d3;--id-line:#405363;--id-header:#24282c;--id-header-link:#eff3f6;--id-panel-soft:#273643;--id-link:#8bd0ff;--id-input:#14222e;--id-shadow:0 2px 16px rgba(0,0,0,.35);--panel:#1b2834;--ink:#e6edf4;--muted:#b7c5d3;--line:#405363;--soft:#263643;--soft-blue:#20394a}
html,body,button,input,textarea,select{font-family:Verdana,Helvetica,Arial,sans-serif!important}
html body{background:var(--id-page);color:var(--id-ink)}
html a{accent-color:var(--id-blue)}
html a:focus-visible,html button:focus-visible,html input:focus-visible,html select:focus-visible,html textarea:focus-visible{outline:2px solid #0078ce;outline-offset:2px}
html body .top,html body .notice-header,html body .site-header{background:var(--id-header);border-color:#555;color:#f1f1f1}
html body .top a,html body .notice-header a{color:#e2e6eb}
html body .top a:hover,html body .notice-header a:hover{color:#fff}
html body .wrap,html body .section-heading{color:var(--id-ink)}
html body .page-head h1,html body .card h2,html body .card h3{font-weight:500}
html body .card,html body .record,html body .empty,html body .table-wrap,html body .feature,html body .thumbnail,html body .panel,html body .message-link,html body .open-message,html body .result,html body .stat,html body .account-row{background:var(--id-paper);color:var(--id-ink);border-color:var(--id-line);box-shadow:var(--id-shadow)}
html body .muted,html body .small,html body .meta,html body .section-heading p{color:var(--id-muted)}
html body .button:not(.secondary):not(.danger),html body .btn-primary,html body .primary-btn{background:#0078ce;color:#fff;border-color:#005d9f}
html body .button:not(.secondary):not(.danger):hover,html body .btn-primary:hover,html body .primary-btn:hover{background:#005d9f;color:#fff}
html body .button.secondary,html body .btn-outline,html body .secondary-btn{background:var(--id-panel-soft);color:var(--id-ink);border-color:var(--id-line)}
html body .button.secondary:hover,html body .btn-outline:hover,html body .secondary-btn:hover{background:var(--id-paper)}
html body input:not([type=checkbox]):not([type=radio]),html body select,html body textarea{background:var(--id-input);color:var(--id-ink);border-color:var(--id-line)}
html body label{color:var(--id-ink)}
html body .user-search-results,html body .tz-menu,html body .tz-trigger{background:var(--id-paper);color:var(--id-ink);border-color:var(--id-line)}
html body .list-group-item,html body .dropdown-menu{background:var(--id-paper);color:var(--id-ink);border-color:var(--id-line)}
html body .list-group-item:hover,html body .dropdown-menu a:hover{background:var(--id-panel-soft)}
html body :where(.btn,.button,.card,.feature,.panel,.notice,.error,.success,.tag,.list-group-item,.primary-btn,.secondary-btn){border-radius:3px}
html[data-theme="dark"] body :where(.text-muted,.meta,.feature p,.section-heading p){color:var(--id-muted)}
html[data-theme="dark"] body :where(.feature,.body-content,.info-panel,.mega,.hero-menu,.utility-nav,.user-search-results){background:var(--id-paper);color:var(--id-ink);border-color:var(--id-line)}
html[data-theme="dark"] body :where(.feature h3,.info-panel h3,.hero-menu a,.mega h4,.mega a,.hero-menu h2,.feature p){color:var(--id-ink)}
html[data-theme="dark"] body :where(.hero-menu h2){background:#303338;color:#fff}
html[data-theme="dark"] body :where(.hero-menu a){border-color:var(--id-line)}
html[data-theme="dark"] body :where(.hero-menu a:hover,.mega a:hover){background:var(--id-panel-soft);color:#98d8ff}
html[data-theme="dark"] body :where(.info-panel){background:var(--id-panel-soft)}
html[data-theme="dark"] body :where(.footer){background:#212428;color:#e3e9ef}
html[data-theme="dark"] body :where(.footer-links a){color:#dce7f1}
html[data-theme="dark"] body :where(.section-heading h2,.feature h3){color:var(--id-ink)}
html[data-theme="dark"] body :where(.topnav .nav-link,.language){color:#e7e7e7}
/* Keep leaflet map, imagery, head positions and cluster layers free of site wide backgrounds. */
html body .leaflet-container{font-family:Verdana,Helvetica,Arial,sans-serif!important}
html body :where(.leaflet-container .leaflet-marker-icon,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-overlay-pane,.leaflet-container .leaflet-shadow-pane){box-shadow:none}
/* Preserve the compact map header and dialogs; only reskin the interactive chrome. */
html body .topbar{background:var(--id-header);border-bottom-color:var(--id-blue)}
html[data-theme="dark"] body .topbar{background:#24282c}
html body .drawer,html body .modal,html body .wizard-form,html body .wizard-step,html body .capture-menu{color:var(--id-ink)}
html[data-theme="dark"] body .drawer,html[data-theme="dark"] body .modal,html[data-theme="dark"] body .wizard-form,html[data-theme="dark"] body .wizard-step,html[data-theme="dark"] body .capture-menu{background:var(--id-paper);border-color:var(--id-line)}
/* Header controls are injected by theme-switcher.js. */
.id-theme-toggle{font:12px/1.25 Verdana,Helvetica,Arial,sans-serif!important;background:transparent;color:#e9f1f7;border:1px solid #82919c;border-radius:2px;padding:7px 10px;white-space:nowrap;cursor:pointer}
.id-theme-toggle:hover{background:#0078ce;border-color:#0078ce;color:#fff}
.id-theme-toggle[aria-busy="true"]{opacity:.55;pointer-events:none}
.site-header .id-theme-toggle{margin:0 9px}
.top .id-theme-toggle{margin-left:auto}
.topbar .id-theme-toggle{padding:6px 8px;font-size:11px;flex-shrink:0}
.id-theme-floating{position:fixed;right:16px;bottom:16px;z-index:9000;background:#303338;box-shadow:var(--id-shadow)}
html[data-theme="dark"] .id-theme-floating{background:#303338}
/* Avoid overwriting accessibility overlays and existing map dialogs. */
@media(max-width:720px){.site-header .id-theme-toggle{padding:5px;margin:0 4px}.topbar .id-theme-toggle{padding:5px;font-size:10px}.top .id-theme-toggle{margin-left:0}}
@media(prefers-reduced-motion:reduce){.id-theme-toggle{transition:none}}

/* Site-wide component skin: applied after the existing IrriDex layout styles.
   Scoped semantic surfaces preserve map geometry and intentional status colors. */
:root,html[data-theme="light"]{
 --id-ink:#333333;--id-page:#f4f4f4;--id-paper:#ffffff;--id-muted:#666666;
 --id-line:#cecece;--id-header:#333333;--id-panel-soft:#eeeeee;
 --id-input:#ffffff;--id-link:#006bb7;--id-field-shadow:0 0 0 2px rgba(0,120,206,.18);
 --id-hover:#eaf4fc;--id-table-stripe:#f7f9fb;--id-control:#eeeeee;
 --id-control-ink:#333;--id-control-border:#bbbbbb;--id-placeholder:#737373;
 --id-blue:#0078ce;--id-blue-hover:#005e9f;--id-danger:#b42318;
}
html[data-theme="dark"]{
 --id-ink:#e6edf4;--id-page:#101820;--id-paper:#1b2834;--id-muted:#b7c5d3;
 --id-line:#405363;--id-header:#24282c;--id-panel-soft:#273643;
 --id-input:#14222e;--id-link:#8bd0ff;--id-field-shadow:0 0 0 2px rgba(102,193,255,.24);
 --id-hover:#29465c;--id-table-stripe:#202f3d;--id-control:#263746;
 --id-control-ink:#eef4f9;--id-control-border:#526879;--id-placeholder:#a1b3c2;
}
html,html body,html body input,html body textarea,html body select,html body button,
html body option,html body optgroup{font-family:Verdana,Helvetica,Arial,sans-serif!important}
html body{background:var(--id-page)!important;color:var(--id-ink)!important}
html body a:not(.wordmark):not(.topnav .nav-link):not(.hero .btn):not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out):not(.account):not(.top a):not(.topbar a):not(.drawer-image-link){color:var(--id-link)}
html body a:hover:not(.wordmark):not(.topnav .nav-link):not(.hero .btn):not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out):not(.account):not(.top a):not(.topbar a):not(.drawer-image-link){color:var(--id-blue-hover)}
html[data-theme="dark"] body a:hover:not(.wordmark):not(.topnav .nav-link):not(.hero .btn):not(.top a):not(.topbar a){color:#bbebff}
/* Headers and primary nav. Preserve dimensions and responsive behavior of each page type. */
html body :is(.site-header,.top,.topbar,.notice-header){background:var(--id-header)!important;color:#f3f6fa!important;border-color:#535b61!important}
html body :is(.site-header,.top,.topbar,.notice-header) :is(a,.nav-link){color:#e4e9ee}
html body :is(.site-header,.top,.topbar,.notice-header) :is(a,.nav-link):hover{color:#fff}
html body .nav-link:is(:hover,:focus-visible),html body .topnav [aria-expanded="true"]{background:#444!important;color:#fff!important}
html body .site-header .language{color:#e4e9ee}
/* Page backgrounds, cards, common content panels. */
html body :is(.body-content,.card,.record,.empty,.table-wrap,.panel,.thumbnail,.feature,.result,.stat,.account-row,.message-link,.open-message,.info-panel,.application-answer,.custom-panel,.app-grid>div){background:var(--id-paper)!important;color:var(--id-ink)!important;border-color:var(--id-line)!important}
html body :is(.section-heading,.page-head,.wrap,.feature h3,.panel-title,.card h2,.card h3,.info-panel h3){color:var(--id-ink)}
html body :is(.muted,.meta,.small,.section-heading p,.feature p,.help-text,.field-help){color:var(--id-muted)!important}
html body :is(.mega,.language-menu,.dropdown-menu,.tz-menu,.user-search-results,.capture-menu,.context-menu,.suggestion-list,.menu-popover,.select-menu){background:var(--id-paper)!important;color:var(--id-ink)!important;border-color:var(--id-line)!important}
html body :is(.mega,.language-menu,.dropdown-menu,.tz-menu,.user-search-results,.capture-menu,.context-menu,.suggestion-list,.menu-popover,.select-menu) :is(a,button){color:var(--id-ink)}
html body :is(.mega,.language-menu,.dropdown-menu,.tz-menu,.user-search-results,.capture-menu,.context-menu,.suggestion-list,.menu-popover,.select-menu) :is(a,button):hover{background:var(--id-hover)!important;color:var(--id-link)!important}
html body .language-menu button{border-color:transparent;background:transparent}
html body .mega h4{color:var(--id-ink);border-bottom-color:#0078ce}
/* Inputs: do not change width/height/position—those are owned by the map and utility layouts. */
html body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea){background:var(--id-input)!important;color:var(--id-ink)!important;border-color:var(--id-line)!important}
html body :is(input,textarea)::placeholder{color:var(--id-placeholder)!important;opacity:1}
html body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus-visible{outline:2px solid #0078ce;outline-offset:1px;box-shadow:var(--id-field-shadow)}
html body :is(input[type="checkbox"],input[type="radio"],input[type="range"]){accent-color:#0078ce}
html body :is(input,select,textarea,button):disabled{opacity:.55;cursor:not-allowed}
html body label,html body legend{color:var(--id-ink)!important}
html body option,html body optgroup{background:var(--id-input);color:var(--id-ink)}
/* Do not blanket-repaint icon buttons, toggles, danger buttons or special map controls. */
html body :is(.btn-primary,.primary-btn,.button:not(.secondary):not(.danger):not(.dark),button[type="submit"]:not(.danger):not(.secondary),input[type="submit"]:not(.danger)){
 background:#0078ce!important;color:#fff!important;border-color:#005e9f!important;
}
html body :is(.btn-primary,.primary-btn,.button:not(.secondary):not(.danger):not(.dark),button[type="submit"]:not(.danger):not(.secondary),input[type="submit"]:not(.danger)):is(:hover,:focus-visible){
 background:#005e9f!important;color:#fff!important;border-color:#004e83!important;text-decoration:none;
}
html body :is(.btn-outline,.secondary-btn,.button.secondary,.btn-default,.button.dark){background:var(--id-control)!important;color:var(--id-control-ink)!important;border-color:var(--id-control-border)!important}
html body :is(.btn-outline,.secondary-btn,.button.secondary,.btn-default,.button.dark):is(:hover,:focus-visible){background:var(--id-hover)!important;color:var(--id-link)!important;border-color:#0078ce!important}
html body :is(.button.danger,.btn-danger,button.danger){background:#a92c25!important;color:#fff!important;border-color:#8c201a!important}
html body :is(.button.danger,.btn-danger,button.danger):hover{background:#8c201a!important}
html body :is(.button,.btn,.primary-btn,.secondary-btn,.id-theme-toggle){transition:background-color .14s ease,border-color .14s ease,color .14s ease}
/* Selected/checked interactions remain distinct without altering JS state. */
html body :is(.segmented button.selected,.segmented-control button.selected,.tab.active,.tabs button.active){background:#0078ce!important;border-color:#005e9f!important;color:#fff!important}
html body :is(.topbar .icon-btn,.drawer .icon-btn){background:var(--id-control);color:var(--id-control-ink);border-color:var(--id-control-border)}
html body :is(.topbar .icon-btn,.drawer .icon-btn):hover{background:#0078ce;color:#fff;border-color:#005e9f}
html body .topbar .icon-btn[aria-pressed="true"]{background:#0078ce;color:#fff;border-color:#005e9f}
html body :is(.topbar .account,.topbar .notification-bell){color:#eaf2fa!important}
/* Tables and lists on ordinary pages, without interference with Leaflet/SVG geometry. */
html body :is(.table-wrap,.card,.panel,.record) :is(table,thead,tbody,tr){color:var(--id-ink)}
html body :is(.table-wrap,.card,.panel,.record) th{background:var(--id-panel-soft)!important;color:var(--id-ink)!important;border-color:var(--id-line)!important}
html body :is(.table-wrap,.card,.panel,.record) td{border-color:var(--id-line)!important;color:var(--id-ink)}
html body :is(.table-wrap,.card,.panel,.record) tr:nth-child(even){background:var(--id-table-stripe)}
html body :is(.list-group-item,.result-item,.account-row){background:var(--id-paper)!important;color:var(--id-ink)!important;border-color:var(--id-line)!important}
html body :is(.list-group-item,.result-item):is(:hover,:focus-visible){background:var(--id-hover)!important}
/* Functional popups/dialogs: keep modal overlay geometry and z-index untouched. */
html body :is(dialog,.modal,.modal-content,.dialog,.drawer,.wizard-form,.wizard-step,.popup-card,.leaflet-popup-content-wrapper){background:var(--id-paper)!important;color:var(--id-ink)!important;border-color:var(--id-line)!important}
html body :is(.modal-head,.drawer-head,.dialog-title,.panel-heading){background:var(--id-panel-soft);color:var(--id-ink);border-color:var(--id-line)}
html body :is(.modal .muted,.drawer .muted,.popup-card .muted){color:var(--id-muted)!important}
html[data-theme="dark"] body :is(.leaflet-popup-content-wrapper,.leaflet-popup-tip){background:#1b2834!important;color:#e6edf4!important}
html body .leaflet-container a.leaflet-popup-close-button{color:var(--id-muted)!important}
/* Nonblocking messages: protect semantic colors from a global theme override. */
html body .notice{background:var(--id-hover)!important;border-color:#4897ca!important;color:var(--id-ink)!important}
html body .success{background:var(--id-paper)!important;border-left:4px solid #29805b!important;color:var(--id-ink)!important}
html body .error{background:var(--id-paper)!important;border-left:4px solid #c04343!important;color:var(--id-ink)!important}
/* Footer, homepage menu, carousel dots. */
html body .footer{background:var(--id-header);color:#e2e8ed}
html body .footer a{color:#e2e8ed!important}
html body .footer a:hover{color:#fff!important}
html body .hero-menu{background:var(--id-paper)!important;border-color:var(--id-line)!important}
html body .hero-menu a{background:var(--id-paper)!important;color:var(--id-ink)!important;border-color:var(--id-line)!important}
html body .hero-menu a:hover{background:var(--id-hover)!important;color:var(--id-link)!important}
html body .hero-menu h2{background:#303338!important;color:#fff!important}
/* Preserve maps and system-specific icon/image artwork. */
html body .leaflet-container,html body .leaflet-pane,html body .leaflet-tile,html body .leaflet-image-layer{background-color:transparent}
html body .leaflet-control-zoom a{background:#fff!important;color:#333!important}
html body .leaflet-control-zoom a:hover{background:#e5f4ff!important;color:#005e9f!important}
html body .leaflet-marker-icon,html body .leaflet-shadow-pane,html body .leaflet-overlay-pane{filter:none}
@media(max-width:720px){html body .id-theme-toggle{font-size:11px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){html body :is(.button,.btn,.primary-btn,.secondary-btn,.id-theme-toggle){transition:none}}


/* IrriDex common interactive controls — applied last, across all site shells.
   Visual properties only: existing widths, heights, flex, z-index, map physics,
   dialog visibility, and selected-state JavaScript remain owned by their modules. */
:root,html[data-theme="light"]{
 --id-control:#f4f4f4;--id-control-ink:#333;--id-control-border:#bfc8cf;
 --id-control-hover:#e6f3fc;--id-surface:#fff;--id-blue:#0078ce;
 --id-blue-hover:#005f9f;--id-focus:#0078ce;--id-select:#e7f3fc;
}
html[data-theme="dark"]{
 --id-control:#293744;--id-control-ink:#ecf3f9;--id-control-border:#526578;
 --id-control-hover:#34526a;--id-surface:#1b2834;--id-blue:#0078ce;
 --id-blue-hover:#0064b0;--id-focus:#76c6ff;--id-select:#183b55;
}
html body :is(button,.button,.btn,input[type="button"],input[type="submit"],input[type="reset"]){
 font-family:Verdana,Helvetica,Arial,sans-serif!important;
}
/* Buttons rendered on traditional content pages. Do not alter toolbar layout. */
html body :is(.button,.btn,.btn-default,.btn-outline,.primary-btn,.secondary-btn,
  input[type="submit"],input[type="button"],input[type="reset"]){
 border-radius:3px!important;box-shadow:none!important;
 transition:background-color .14s ease,color .14s ease,border-color .14s ease;
}
html body :is(.button:not(.secondary):not(.danger):not(.dark),.btn-primary,.primary-btn,
 input[type="submit"]){
 background:#0078ce!important;background-image:none!important;
 border:1px solid #0066ae!important;color:#fff!important;
}
html body :is(.button:not(.secondary):not(.danger):not(.dark),.btn-primary,.primary-btn,
 input[type="submit"]):is(:hover,:focus-visible){
 background:#005f9f!important;border-color:#004e84!important;color:#fff!important;
}
html body :is(.button.secondary,.btn-outline,.btn-default,.secondary-btn,
 input[type="button"],input[type="reset"]){
 background:var(--id-control)!important;background-image:none!important;
 color:var(--id-control-ink)!important;border:1px solid var(--id-control-border)!important;
}
html body :is(.button.secondary,.btn-outline,.btn-default,.secondary-btn,
 input[type="button"],input[type="reset"]):is(:hover,:focus-visible){
 background:var(--id-control-hover)!important;border-color:var(--id-blue)!important;
 color:var(--id-control-ink)!important;
}
html body :is(.button.danger,.btn-danger,button.danger,.review-actions .deny){
 background:#a92c25!important;color:#fff!important;border:1px solid #8c201a!important;
}
html body :is(.button.danger,.btn-danger,button.danger,.review-actions .deny):hover{
 background:#8c201a!important;
}
/* Legacy non-classed form actions and moderation controls. */
html body :is(.card,.notice-card,.dialog,.modal,.capture-menu,.wizard-form,.drawer,.feedback-dialog)
 button:not([class]):not([aria-label]):not([aria-pressed]){
 background:var(--id-control)!important;background-image:none!important;
 border:1px solid var(--id-control-border)!important;color:var(--id-control-ink)!important;
 border-radius:3px!important;box-shadow:none!important;
}
html body :is(.card,.notice-card,.dialog,.modal,.capture-menu,.wizard-form,.drawer,.feedback-dialog)
 button[type="submit"]:not([class]){
 background:#0078ce!important;color:#fff!important;border-color:#0066ae!important;
}
html body :is(.card,.notice-card,.dialog,.modal,.capture-menu,.wizard-form,.drawer,.feedback-dialog)
 button:not([class]):hover{filter:brightness(.94)}
html body :is(.card,.notice-card,.dialog,.modal,.capture-menu,.wizard-form,.drawer,.feedback-dialog)
 button:not([class]):focus-visible{outline:2px solid var(--id-focus)!important;outline-offset:2px}
/* Standard lists, context actions, select menus, navigation popup buttons. */
html body :is(.mega,.language-menu,.dropdown-menu,.tz-menu,.user-search-results,.capture-menu,
 .context-menu,.suggestion-list,.menu-popover,.select-menu,.action-menu){
 background:var(--id-paper)!important;color:var(--id-ink)!important;
 border-color:var(--id-line)!important;
}
html body :is(.mega,.language-menu,.dropdown-menu,.tz-menu,.user-search-results,
 .context-menu,.suggestion-list,.menu-popover,.select-menu,.action-menu)
 :is(a,button):is(:hover,:focus-visible){background:var(--id-hover)!important;color:var(--id-link)!important}
html body :is(button,.button,.btn,input,select,textarea,a):focus-visible{
 outline:2px solid var(--id-focus)!important;outline-offset:2px;
}
html body :is(button,input,select,textarea):disabled{cursor:not-allowed;opacity:.55}
/* Map top action bar: button faces match the site's charcoal navigation,
   rather than white square buttons and pale icon backgrounds. */
html body #app .topbar{background:#333!important;border-bottom:1px solid #555!important;
 box-shadow:0 2px 10px #0003}
html body #app .topbar .top-actions{gap:5px}
html body #app .topbar :is(.icon-btn,.mobile-tools-toggle,.notification-bell){
 background:#414141!important;background-image:none!important;color:#f7f7f7!important;
 border:1px solid #696969!important;border-radius:3px!important;
 box-shadow:none!important;text-shadow:none!important;
}
html body #app .topbar :is(.icon-btn,.mobile-tools-toggle,.notification-bell):is(:hover,:focus-visible){
 background:#0078ce!important;border-color:#0078ce!important;color:#fff!important;
}
html body #app .topbar :is(.icon-btn,.mobile-tools-toggle)[aria-pressed="true"],
html body #app .topbar :is(.icon-btn,.mobile-tools-toggle).active,
html body #app .topbar .mobile-tools-toggle[aria-expanded="true"]{
 background:#0078ce!important;border-color:#0078ce!important;color:#fff!important;
 box-shadow:inset 0 0 0 1px #fff3!important;
}
html body #app .topbar .account{
 color:#f7f7f7!important;border-radius:3px!important;background:transparent!important;
}
html body #app .topbar .account:is(:hover,:focus-visible){background:#414141!important}
/* Secondary map tools, including the 3-button rotation compass and layer picker. */
html body #app .map-rotation-control{background:#333!important;
 border-color:#646464!important;border-radius:3px!important;overflow:hidden}
html body #app .map-rotation-control button{
 background:#414141!important;background-image:none!important;
 color:#fff!important;border-color:#646464!important;
 border-radius:0!important;box-shadow:none!important;
}
html body #app .map-rotation-control button:is(:hover,:focus-visible){
 background:#0078ce!important;color:#fff!important;
}
html body #app .map-rotation-control button:active{background:#005f9f!important}
html body #app :is(.fab,.feedback-tab){
 background:#0078ce!important;background-image:none!important;
 border:1px solid #0065a7!important;color:#fff!important;
 border-radius:3px!important;box-shadow:0 4px 12px #0003!important;
}
html body #app :is(.fab,.feedback-tab):hover{background:#005f9f!important}
html body #app :is(.measure-banner,.move-pin-banner,.bulk-move-banner,.quick-pick-banner,
 .geometry-draw-banner,.layout-draw-banner,.image-overlay-pick-banner) button{
 background:var(--id-control)!important;color:var(--id-control-ink)!important;
 border:1px solid var(--id-control-border)!important;
 border-radius:3px!important;box-shadow:none!important;
}
html body #app :is(.measure-banner,.move-pin-banner,.bulk-move-banner,.quick-pick-banner,
 .geometry-draw-banner,.layout-draw-banner,.image-overlay-pick-banner) button:hover{
 background:var(--id-control-hover)!important;border-color:#0078ce!important;
}
html body #app :is(.measure-banner,.move-pin-banner,.bulk-move-banner,.quick-pick-banner,
 .geometry-draw-banner,.layout-draw-banner) :is(#movePinSave,#bulkMoveDone,#layoutSave,
 #geometrySave,#measureDone){background:#0078ce!important;color:#fff!important;border-color:#0065a7!important}
html body #app :is(.capture-choice,.choice-btn,.rapid-brand-btn,.model-row button){
 border-radius:3px!important;box-shadow:none!important;
}
html body #app :is(.capture-choice,.choice-btn,.rapid-brand-btn):is(:hover,:focus-visible){
 border-color:#0078ce!important;
}
html body #app :is(.capture-choice,.choice-btn,.rapid-brand-btn).selected,
html body #app :is(.capture-choice,.choice-btn,.rapid-brand-btn)[aria-pressed="true"]{
 background:var(--id-select)!important;border-color:#0078ce!important;
 color:var(--id-ink)!important;
}
/* Leaflet control surfaces: keep map tiles, images and pin graphics untouched. */
html body #map .leaflet-control-zoom a{
 background:var(--id-paper)!important;color:var(--id-ink)!important;
 border-color:var(--id-line)!important;border-radius:0!important;
 box-shadow:none!important;
}
html body #map .leaflet-control-zoom a:is(:hover,:focus-visible){
 background:var(--id-hover)!important;color:var(--id-link)!important;
}
html body #map :is(.irridex-map-layers,.leaflet-control-layers-expanded){
 background:var(--id-paper)!important;color:var(--id-ink)!important;
 border-color:var(--id-line)!important;box-shadow:0 2px 10px #0003;
}
html body #map :is(.irridex-map-layers,.leaflet-control-layers-expanded) label{
 color:var(--id-ink)!important;
}
html body #map .map-layers-close{
 background:var(--id-control)!important;color:var(--id-control-ink)!important;
 border-color:var(--id-control-border)!important;border-radius:3px!important;
}
html body #map .map-layers-close:hover{background:var(--id-control-hover)!important}
/* Popovers, forms and toast surfaces retain appropriate contrast. */
html body :is(.drawer,.modal,.capture-menu,.dialog,.popup-card,.feedback-dialog,
 .traditional-layers-panel,.notice-card,.appeal-card){
 background:var(--id-paper)!important;color:var(--id-ink)!important;
 border-color:var(--id-line)!important;
}
html body :is(.drawer,.modal,.capture-menu,.dialog,.popup-card,.feedback-dialog,
 .traditional-layers-panel,.notice-card,.appeal-card) :is(input,select,textarea){
 background:var(--id-input)!important;color:var(--id-ink)!important;border-color:var(--id-line)!important;
}
html body :is(.drawer,.modal,.feedback-dialog,.traditional-layers-panel) .icon-btn{
 background:var(--id-control)!important;color:var(--id-control-ink)!important;
 border:1px solid var(--id-control-border)!important;border-radius:3px!important;
}
html body :is(.drawer,.modal,.feedback-dialog,.traditional-layers-panel) .icon-btn:hover{
 background:var(--id-control-hover)!important;border-color:var(--id-blue)!important;
}
html[data-theme="dark"] body .topbar .account,html[data-theme="dark"] body #app .topbar .account{color:#f3f6f8!important}
html[data-theme="dark"] body #map .leaflet-popup-content-wrapper,
html[data-theme="dark"] body #map .leaflet-popup-tip{background:var(--id-paper)!important;color:var(--id-ink)!important}
@media(max-width:720px){
 html body #app .topbar .icon-btn{min-width:44px}
 html body #app .mobile-map-tools:not([hidden]){
  background:var(--id-paper)!important;color:var(--id-ink)!important;
  border:1px solid var(--id-line)!important;
 }
 html body #app .mobile-map-tools .icon-btn{
  background:var(--id-control)!important;color:var(--id-control-ink)!important;
  border:1px solid var(--id-control-border)!important;border-radius:3px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html body :is(.button,.btn,.primary-btn,.secondary-btn,.icon-btn,.fab,.feedback-tab){transition:none!important}
}