/* AUÐER · componentes comunes. Presentación únicamente. */
:root{--control-radius:11px;--control-height:44px;--focus-ring:#438d76}
body .ux-help,body .clara-help-dialog .ux-help,body .plan-status-note{color:#627269!important}
body .clara-help-dialog label{color:#52665a}
body .link-payment-modes label{background:#f3f5ed;border-color:#c4d5c6;color:#52665a}
body .link-payment-modes label:has(input:checked){background:#d8e9db;border-color:#438d76;color:#063f32}
body .link-payment-modes input{accent-color:#063f32}
body .plain-calculation>div span,body .plain-calculation small{color:#627269}
body .plain-calculation b{color:#063f32}
.auder-chart-tooltip{position:fixed;z-index:20;pointer-events:none;max-width:min(280px,calc(100vw - 24px));padding:12px 15px;border:1px solid #c4d5c6;border-radius:11px;background:#fffdf8;color:#063f32;box-shadow:0 5px 22px #063f3229;font-size:14px;line-height:1.4}
.auder-chart-tooltip[hidden]{display:none}
.auder-chart-tooltip strong,.auder-chart-tooltip span{display:block}
.auder-chart-tooltip span{margin-top:4px;color:#282f32;font-variant-numeric:tabular-nums}
body .analysis-legend>div.chart-highlight{background:#e9f1e7;border-radius:8px;outline:1px solid #b8cdbf}
body .analysis-legend>div:focus-visible{outline:2px solid #438d76;outline-offset:3px;border-radius:8px}
body .primary,body .ghost,body dialog .primary,body dialog .ghost,
body #cierres .config-editor-actions .primary,body #cierres .config-add-account{
 min-height:var(--control-height);border-radius:var(--control-radius);padding:11px 17px;
 font-family:inherit;font-size:14px;font-weight:650;line-height:1.35;
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 transition:background-color .15s,border-color .15s,box-shadow .15s;
}
body .primary,body dialog .primary{background:#063f32;color:#fffdf8;border:1px solid #063f32;box-shadow:0 2px 5px #063f3210}
body .primary:hover,body dialog .primary:hover{background:#0b5642;border-color:#0b5642;filter:none}
body .ghost,body dialog .ghost{background:#fffdf8;color:#063f32;border:1px solid #b8cdbf;box-shadow:none}
body .ghost:hover,body dialog .ghost:hover{background:#e9f1e7;border-color:#80aa91}
body button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:none}
body button:focus-visible,body summary:focus-visible,body a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
body input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),body select,body textarea,
body #inline-movement-dialog .inline-fields input:not([type=checkbox]):not([type=radio]),body #inline-movement-dialog .inline-fields select,
body #cierres .config-form-grid input,body #cierres .config-form-grid select{
 min-height:46px;border:1px solid #bacdc0;border-radius:var(--control-radius);padding:11px 13px;
 background:#fffdf8;color:#282f32;font-family:inherit;font-size:15px;line-height:1.4;box-shadow:none;
}
body input:not([type=checkbox]):not([type=radio]):focus-visible,body select:focus-visible,body textarea:focus-visible{
 outline:2px solid #438d76;outline-offset:2px;border-color:#438d76;
}
body input:user-invalid,body select:user-invalid,body textarea:user-invalid{border-color:#b83e53}
body dialog .icon-button{min-width:40px;min-height:40px;border-radius:50%;background:#e9f1e7;color:#063f32;border:1px solid #d4e2d4;display:grid;place-items:center}
body dialog::backdrop{background:#142d2666;backdrop-filter:blur(3px)}
body dialog .dialog-heading{gap:16px;align-items:flex-start;margin-bottom:20px}
body dialog .dialog-heading h2,body dialog .dialog-heading h3{margin:4px 0 8px;font-size:25px;line-height:1.2;letter-spacing:-.025em;color:#063f32}
body dialog .dialog-heading p:not(.eyebrow){font-size:14px;line-height:1.5;color:#627269}
body dialog .dialog-actions{gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid #dce2d8;align-items:center}
body dialog label{line-height:1.45}
body .movement-type-tabs{gap:8px;flex-wrap:wrap}
body .movement-type-tabs button,body #inline-movement-dialog .movement-type-tabs button,
body .category-mode-tabs button,body .movement-view-tabs button{
 min-height:42px;padding:10px 13px;border-radius:10px;border:1px solid #c4d5c6;
 background:#f3f5ed;color:#315849;font-family:inherit;font-size:13px;font-weight:650;line-height:1.35;
}
body .movement-type-tabs button.active,body #inline-movement-dialog .movement-type-tabs button.active,
body .category-mode-tabs button.active,body .movement-view-tabs button.active{background:#063f32;color:#fffdf8;border-color:#063f32;box-shadow:none}
body .movement-type-tabs button:hover:not(.active),body .category-mode-tabs button:hover:not(.active){background:#d8e9db}
body .danger-button{min-height:44px;padding:10px 15px;border-radius:11px;border:1px solid #deb9bf;background:#fff4f3;color:#a12f43;font:650 14px/1.4 inherit}
body .danger-button:hover{background:#fbe7e8}
@media(max-width:700px){
 body dialog .dialog-heading h2,body dialog .dialog-heading h3{font-size:23px}
 body input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),body select,body textarea,
 body #inline-movement-dialog .inline-fields input:not([type=checkbox]):not([type=radio]),body #inline-movement-dialog .inline-fields select{font-size:16px}
 body #inline-movement-dialog .movement-type-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 body #inline-movement-dialog .movement-type-tabs button{width:100%;min-width:0}
 body dialog .dialog-actions{flex-wrap:wrap}
 body dialog .dialog-actions>.primary,body dialog .dialog-actions>.ghost{flex:1;min-width:110px}
}
@media(prefers-reduced-motion:reduce){body .primary,body .ghost{transition:none}}