/* The established Alerts controls, shared with Finance. */
.alerts-button,.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:34px;box-sizing:border-box;border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:6px 10px;font:inherit;font-size:12px;font-weight:500;color:var(--ui-text);background:var(--ui-active);text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.alerts-button:hover,.ui-button:hover{background:var(--ui-hover);border-color:var(--ui-focus)}
.alerts-button.secondary,.ui-button.secondary{background:transparent}
.alerts-button:disabled,.ui-button:disabled{opacity:.6;cursor:wait}
.ui-button:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}
.ui-field:not([type=checkbox]),.alerts-webhook-field input{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-panel);color:var(--ui-text);font:inherit;font-size:16px;padding:12px}
.ui-field{color-scheme:dark}
.ui-field:focus-visible,.alerts-webhook-field input:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}
[data-theme=light] .ui-field{color-scheme:light}
.ui-field[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--ui-focus);flex-shrink:0}
.alerts-destination-tabs,.ui-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;min-width:0;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:var(--ui-radius)}
.alerts-destination-tabs button,.ui-tabs button{border:0;border-radius:calc(var(--ui-radius) - 3px);padding:8px 12px;background:transparent;color:var(--ui-muted);font:inherit;font-size:13px;cursor:pointer;white-space:normal;overflow-wrap:anywhere;text-align:left}
.alerts-destination-tabs button[aria-selected=true],.ui-tabs button[aria-pressed=true]{background:var(--ui-active);color:var(--ui-text)}
.alerts-destination-tabs button:hover,.ui-tabs button:hover{color:var(--ui-text)}
.ui-tabs button:focus-visible{outline:2px solid var(--ui-focus);outline-offset:1px}
@media(prefers-reduced-motion:reduce){.ui-button,.alerts-button{transition:none}}

/* Opted-in actions share the property Back control's finish. The repeated class
   keeps route-specific legacy button rules from changing the shared primitive. */
:root .ui-action.ui-action{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;
 min-height:var(--ui-action-height,40px);height:auto;padding:var(--ui-action-padding,8px 12px);
 border:1px solid var(--ui-border);border-radius:var(--ui-control-radius);background:var(--ui-raised);
 color:var(--ui-text);box-shadow:var(--ui-control-shadow);font-family:var(--ui-font);
 font-size:var(--ui-action-font-size,14px);font-weight:500;line-height:1.25;letter-spacing:0;
 text-decoration:none;cursor:pointer;vertical-align:middle;
 transition:background var(--ui-control-duration) var(--ui-ease),border-color var(--ui-control-duration) var(--ui-ease),box-shadow var(--ui-control-duration) var(--ui-ease),transform var(--ui-control-duration) var(--ui-ease);
}
:root .ui-action.ui-action:hover:not(:disabled):not([aria-disabled=true]){background:var(--ui-hover);border-color:var(--ui-focus);color:var(--ui-text);box-shadow:var(--ui-control-shadow)}
:root .ui-action.ui-action:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}
:root .ui-action.ui-action:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}
:root .ui-action.ui-action[aria-pressed=true]{background:var(--ui-active);border-color:var(--ui-focus)}
:root .ui-action.ui-action:is(:disabled,[aria-disabled=true]){opacity:.45;cursor:default;transform:none}
.ui-action .ui-action-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:5px;background:var(--ui-raised);color:var(--ui-muted);transition:background var(--ui-control-duration),color var(--ui-control-duration)}
.ui-action .ui-action-icon>svg{display:block;flex:none;width:18px;height:18px;transform:none;margin:0}
.ui-action:hover:not(:disabled) .ui-action-icon{background:var(--ui-active);color:var(--ui-text)}
.ui-action .ui-action-label{display:inline-flex;align-items:center;justify-content:inherit;gap:8px;min-width:0;font:inherit;line-height:inherit;color:var(--ui-text)}
.ui-action-label>svg{flex:none;color:var(--ui-text)}
@supports (background-clip:text){
 .ui-action .ui-action-label{background-image:var(--ui-control-shine);background-size:320% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:uiActionShine 9s ease-in-out infinite}
 .ui-action .ui-action-label>span{font:inherit;color:inherit}
}
@keyframes uiActionShine{0%,100%{background-position:100% 50%}50%{background-position:0% 50%}}
.ui-action:is(:disabled,[aria-disabled=true]) .ui-action-label{animation:none;background:none;color:var(--ui-muted)}
.plot-detail-actions{--ui-action-height:44px;--ui-action-font-size:18px;--ui-action-padding:8px 12px}
.plot-detail-actions .ui-action:first-child{justify-content:flex-start}
.property-detail>.focus-button{--ui-action-height:44px;--ui-action-font-size:18px;justify-content:flex-start}
.ui-action:has(.ui-action-icon){--ui-action-padding:7px 12px 7px 7px}
/* Matching icon-only actions, with layout still owned by the containing toolbar. */
:root :is(.ui-icon-button,.block-breakdown-close,.rental-overview-close,.value-close,.value-prompt-close,.history-milestone-close,.mobile-panel-close,.block-export){
 box-sizing:border-box;display:inline-grid;place-items:center;padding:0;flex:none;
 border:1px solid var(--ui-border);border-radius:var(--ui-control-radius);background:var(--ui-raised);color:var(--ui-text);box-shadow:var(--ui-control-shadow);
 transition:background var(--ui-control-duration),border-color var(--ui-control-duration),transform var(--ui-control-duration);cursor:pointer;
}
:root :is(.ui-icon-button,.block-breakdown-close,.rental-overview-close,.value-close,.value-prompt-close,.history-milestone-close,.mobile-panel-close,.block-export):hover:not(:disabled){background:var(--ui-hover);border-color:var(--ui-focus)}
:root :is(.ui-icon-button,.block-breakdown-close,.rental-overview-close,.value-close,.value-prompt-close,.history-milestone-close,.mobile-panel-close,.block-export):focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}
:root :is(.ui-icon-button,.block-export):disabled{opacity:.45;cursor:default}
@media(max-width:480px){.plot-detail-actions{--ui-action-font-size:16px}}
@media(prefers-reduced-motion:reduce){
 :root .ui-action.ui-action,.ui-action .ui-action-icon{transition:none;transform:none}
 .ui-action .ui-action-label{animation:none;background:none;color:var(--ui-text)}
}
@media(forced-colors:active){.ui-action .ui-action-label{animation:none;background:none;color:ButtonText}.ui-action .ui-action-icon{color:ButtonText}}