:root{--ui-canvas:#f7f8fa;--ui-surface:#fff;--ui-surface-subtle:#f8fafc;--ui-border:#e4e7ec;--ui-border-strong:#d0d5dd;--ui-text:#101828;--ui-muted:#667085;--ui-faint:#98a2b3;--ui-primary:#1769e0;--ui-primary-hover:#145fc9;--ui-primary-soft:#eef5ff;--ui-success:#087a4e;--ui-warning:#9a5b00;--ui-danger:#b4233c;--ui-radius:11px;--ui-radius-sm:8px;--ui-shadow:0 1px 2px rgba(16,24,40,.035)}

/* Sistema visual compartido por todos los módulos autenticados. */
#appScreen{font-size:12px;color:var(--ui-text)}
#appScreen .shell-main{background:var(--ui-canvas)}
#appScreen .shell-main :is(h1,h2,h3,h4,h5,h6){color:var(--ui-text);font-family:"Inter",system-ui,sans-serif!important;font-weight:700;letter-spacing:-.025em}
#appScreen .shell-main h1{font-size:27px;line-height:1.18}#appScreen .shell-main h2{font-size:20px;line-height:1.25}#appScreen .shell-main h3{font-size:16px;line-height:1.3}#appScreen .shell-main h4{font-size:13px;line-height:1.35}
#appScreen .shell-main p{color:var(--ui-muted);line-height:1.55}
#appScreen .shell-main :is(.section-label,[class$="-eyebrow"],[class$="-kicker"],header>div>small,header>small){color:var(--ui-primary);font-size:9px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}

/* Contenedores: superficies planas, bordes sobrios y espaciado deliberado. */
#appScreen .shell-main :is(.accounting-center-shell,.monthly-close-shell,.bank-reconciliation-shell,.work-inbox-shell,.client-requests-shell,.client-checklist-center,.commercial-center,.cc-hero,.cc-panel,.admin-panel,.official-fiscal-card,.imss-sua-table-card,.sat-declaration-flow){border-color:var(--ui-border)!important;border-radius:var(--ui-radius)!important;background:var(--ui-surface)!important;box-shadow:var(--ui-shadow)!important}
#appScreen .shell-main :is(.accounting-catalog,.accounting-reports,.accounting-settlement-center,.accounting-review-center,.accounting-mass,.accounting-continuous-audit,.commercial-section,.commercial-plans,.commercial-stamp-shop,.commercial-quote,.cc-panel,.admin-panel,.client-request-list){border-color:var(--ui-border)!important;border-radius:var(--ui-radius)!important;box-shadow:none!important}
#appScreen .shell-main :is(.commercial-wallet,.commercial-plan,.commercial-stamp-package,.commercial-products article,.accounting-settlement-card,.accounting-opening-list article,.accounting-policy-list article,.cc-kpis article,.cc-task-list article,.work-inbox-workload article){border-color:var(--ui-border)!important;border-radius:10px!important;box-shadow:none!important}
#appScreen .shell-main :is(.commercial-wallet,.commercial-plan,.commercial-stamp-package,.commercial-products article):hover{border-color:#bfd0e5!important;transform:none!important;box-shadow:0 4px 12px rgba(16,24,40,.05)!important}
#appScreen .shell-main :is(.accounting-center-shell,.monthly-close-shell,.bank-reconciliation-shell,.work-inbox-shell,.client-requests-shell,.commercial-center)>header{padding:17px 19px!important;border-color:var(--ui-border)!important}
#appScreen .shell-main :is(.accounting-center-shell,.monthly-close-shell,.bank-reconciliation-shell,.work-inbox-shell,.client-requests-shell,.commercial-center)>header h2{margin:3px 0!important;font-size:19px!important}
#appScreen .shell-main :is(.accounting-center-shell,.monthly-close-shell,.bank-reconciliation-shell,.work-inbox-shell,.client-requests-shell,.commercial-center)>header p{margin:2px 0 0!important;font-size:11px!important}

/* Botones: tres jerarquías y controles de icono predecibles. */
#appScreen .shell-main :is(button,a)[class*="primary"],#appScreen .shell-main button[type="submit"]:not(.danger),#appScreen .shell-main :is(.settings-action,.portal-primary){min-height:38px!important;padding:0 14px!important;border:1px solid var(--ui-primary)!important;border-radius:var(--ui-radius-sm)!important;background:var(--ui-primary)!important;color:#fff!important;font:700 11.5px/1 "Inter",sans-serif!important;box-shadow:none!important;transform:none!important}
#appScreen .shell-main :is(button,a)[class*="primary"]:hover,#appScreen .shell-main button[type="submit"]:not(.danger):hover{border-color:var(--ui-primary-hover)!important;background:var(--ui-primary-hover)!important;transform:none!important}
#appScreen .shell-main :is(button,a).secondary,#appScreen .shell-main :is(button,a)[class*="secondary"],#appScreen .shell-main :is(.back-link,.ghost-button){min-height:38px;padding:0 13px;border:1px solid var(--ui-border-strong)!important;border-radius:var(--ui-radius-sm)!important;background:#fff!important;color:#344054!important;font:650 11.5px/1 "Inter",sans-serif!important;box-shadow:none!important;transform:none!important}
#appScreen .shell-main :is(button,a).secondary:hover,#appScreen .shell-main :is(button,a)[class*="secondary"]:hover{border-color:#aab4c2!important;background:#f8fafc!important;color:#1d2939!important;transform:none!important}
#appScreen .shell-main button[aria-label]:not([type="submit"]){border-radius:var(--ui-radius-sm)!important;box-shadow:none!important}
#appScreen .shell-main button:disabled{cursor:not-allowed!important;opacity:.52!important;box-shadow:none!important;transform:none!important}
#appScreen .shell-main button svg,#appScreen .shell-main a svg{width:17px;height:17px;stroke-width:1.9}

/* Formularios: densidad de producto profesional, sin controles gigantes. */
#appScreen .shell-main form{max-width:none}
#appScreen .shell-main label:not([class*="option"]):not([class*="toggle"]){color:#475467;font-size:9.5px;font-weight:700;letter-spacing:.055em}
#appScreen .shell-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),select,textarea){border:1px solid var(--ui-border-strong)!important;border-radius:var(--ui-radius-sm)!important;background:#fff!important;color:var(--ui-text)!important;font:500 12px/1.4 "Inter",sans-serif!important;box-shadow:none!important}
#appScreen .shell-main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),select){min-height:40px!important;height:40px!important;padding:0 11px!important}
#appScreen .shell-main textarea{min-height:82px;padding:10px 11px!important;resize:vertical}
#appScreen .shell-main :is(input,select,textarea):focus{border-color:#7aa7e5!important;outline:0!important;box-shadow:0 0 0 3px rgba(23,105,224,.1)!important}
#appScreen .shell-main :is(input,textarea)::placeholder{color:#98a2b3!important;font-weight:400}
#appScreen .shell-main input[type="checkbox"]:not(.accounting-rule-toggle input),#appScreen .shell-main input[type="radio"]{width:16px!important;height:16px!important;min-height:0!important;accent-color:var(--ui-primary)}
#appScreen .shell-main fieldset{border-color:var(--ui-border)!important;border-radius:10px!important}#appScreen .shell-main legend{color:#475467;font-size:10px;font-weight:700}
#appScreen .shell-main :is(.commercial-access-options,.commercial-module-options,.client-checklist-options,.client-checklist-automation,.monthly-close-statuses,.legal-consents) label{text-transform:none!important;letter-spacing:0!important}

/* Tablas y listas: encabezado discreto, filas legibles y acciones alineadas. */
#appScreen .shell-main table{width:100%;border-collapse:separate;border-spacing:0;color:var(--ui-text);font-size:11px}
#appScreen .shell-main :is(th,td){padding:11px 13px!important;border-color:var(--ui-border)!important;vertical-align:middle}
#appScreen .shell-main th{background:var(--ui-surface-subtle)!important;color:var(--ui-muted)!important;font-size:9px!important;font-weight:750!important;letter-spacing:.065em;text-transform:uppercase}
#appScreen .shell-main tbody tr{background:#fff}#appScreen .shell-main tbody tr:hover{background:#fbfdff}
#appScreen .shell-main tbody td :is(b,strong){font-weight:650}#appScreen .shell-main tbody td small{color:var(--ui-faint);font-size:9px}

/* Pestañas, filtros, métricas y estados. */
#appScreen .shell-main :is(.accounting-section-tabs,.cc-tabs,.portal-client-section-nav,.portal-client-tabbar){gap:5px!important;padding:4px!important;border-radius:10px!important;background:#f2f4f7!important}
#appScreen .shell-main :is(.accounting-section-tabs,.cc-tabs,.portal-client-section-nav,.portal-client-tabbar) button{min-height:34px!important;padding:0 11px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#667085!important;font-size:10.5px!important;font-weight:650!important;box-shadow:none!important}
#appScreen .shell-main :is(.accounting-section-tabs,.cc-tabs,.portal-client-section-nav,.portal-client-tabbar) button.active{background:#fff!important;color:var(--ui-primary)!important;box-shadow:0 1px 3px rgba(16,24,40,.08)!important}
#appScreen .shell-main :is(.accounting-financial-kpis,.accounting-settlement-metrics,.commercial-wallet-grid,.cc-kpis)>*{border-color:var(--ui-border)!important;border-radius:10px!important;box-shadow:none!important}
#appScreen .shell-main :is(.accounting-financial-kpis,.accounting-settlement-metrics,.cc-kpis) b{font-size:20px!important;font-weight:700!important}
#appScreen .shell-main :is(.policy-status,.admin-status,.wp-status,.company-badge,[class*="status-badge"]){border-radius:999px!important;font-size:8.5px!important;font-weight:750!important;letter-spacing:.02em!important}

/* Modales y paneles emergentes usan la misma estructura que el producto. */
body>:is(.accounting-policy-modal,.commercial-modal,.client-request-modal,.work-inbox-modal,.monthly-close-modal,.admin-modal){backdrop-filter:blur(3px)!important}
body>:is(.accounting-policy-modal,.commercial-modal,.client-request-modal,.work-inbox-modal,.monthly-close-modal,.admin-modal) :is(section[role="dialog"],form,.monthly-close-modal__panel){border-radius:14px!important;box-shadow:0 22px 55px rgba(16,24,40,.22)!important}
body>:is(.accounting-policy-modal,.commercial-modal,.client-request-modal,.work-inbox-modal,.monthly-close-modal,.admin-modal) header{border-color:var(--ui-border)!important}body>:is(.accounting-policy-modal,.commercial-modal,.client-request-modal,.work-inbox-modal,.monthly-close-modal,.admin-modal) footer{border-color:var(--ui-border)!important;background:#fbfcfe!important}

/* Evita tarjetas y acciones sobredimensionadas en módulos complejos. */
#appScreen .shell-main :is(.commercial-plans,.commercial-stamp-shop,.commercial-quote){padding:20px!important}
#appScreen .shell-main :is(.commercial-plan-grid,.commercial-stamp-package-grid){gap:10px!important}
#appScreen .shell-main :is(.commercial-plan,.commercial-stamp-package){padding:16px!important}
#appScreen .shell-main :is(.commercial-plan,.commercial-stamp-package) h3,#appScreen .shell-main :is(.commercial-plan,.commercial-stamp-package) h4{font-size:17px!important}
#appScreen .shell-main .accounting-export-options{gap:9px!important;padding:16px 18px!important}.accounting-export-options>a,.accounting-export-options>button{border-radius:10px!important;padding:12px!important}
#appScreen .shell-main :is(.cc-toolbar,.portfolio-toolbar,.xml-toolbar,.admin-header-actions){align-items:center!important;gap:8px!important}

html[data-theme="dark"]{--ui-canvas:#11151d;--ui-surface:#171c25;--ui-surface-subtle:#202630;--ui-border:#2b323d;--ui-border-strong:#3a4452;--ui-text:#f2f4f7;--ui-muted:#a7b0bd;--ui-faint:#7f8a9a;--ui-primary-soft:#1b3151}
html[data-theme="dark"] #appScreen .shell-main,body.dark #appScreen .shell-main{background:var(--ui-canvas)!important}
html[data-theme="dark"] #appScreen .shell-main :is(.accounting-center-shell,.monthly-close-shell,.bank-reconciliation-shell,.work-inbox-shell,.client-requests-shell,.client-checklist-center,.commercial-center,.cc-panel,.admin-panel,.commercial-wallet,.commercial-plan,.commercial-stamp-package),body.dark #appScreen .shell-main :is(.accounting-center-shell,.monthly-close-shell,.bank-reconciliation-shell,.work-inbox-shell,.client-requests-shell,.commercial-center,.cc-panel,.admin-panel){border-color:var(--ui-border)!important;background:var(--ui-surface)!important;color:var(--ui-text)!important}
html[data-theme="dark"] #appScreen .shell-main :is(input,select,textarea,tbody tr),body.dark #appScreen .shell-main :is(input,select,textarea,tbody tr){border-color:var(--ui-border-strong)!important;background:var(--ui-surface)!important;color:var(--ui-text)!important}
html[data-theme="dark"] #appScreen .shell-main th,body.dark #appScreen .shell-main th{background:var(--ui-surface-subtle)!important}

@media(max-width:900px){#appScreen .shell-main h1{font-size:23px}#appScreen .shell-main h2{font-size:18px}#appScreen .shell-main :is(.commercial-plans,.commercial-stamp-shop,.commercial-quote){padding:16px!important}}
@media(max-width:620px){#appScreen .shell-main :is(th,td){padding:9px 10px!important}#appScreen .shell-main :is(.accounting-center-shell,.monthly-close-shell,.bank-reconciliation-shell,.work-inbox-shell,.client-requests-shell,.commercial-center)>header{padding:14px!important}}

/* Refinamiento editorial: una interfaz de trabajo, no una colección de tarjetas. */
#appScreen{--ui-radius:9px;--ui-radius-sm:7px;--ui-shadow:none}
#appScreen .consult-view{padding-top:22px!important}
#appScreen .consult-shell{overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#appScreen .consult-card{padding:0!important;border:1px solid var(--ui-border)!important;border-radius:10px!important;background:var(--ui-surface)!important;box-shadow:none!important}
#appScreen .card-heading{min-height:104px;align-items:center!important;margin:0!important;padding:22px 24px!important;border-bottom:1px solid var(--ui-border)!important}
#appScreen .card-heading>div{display:grid;min-width:0;gap:3px}
#appScreen .card-heading h2{margin:0!important;font-size:21px!important;font-weight:700!important;letter-spacing:-.025em!important}
#appScreen .card-heading>div>p:not(.module-breadcrumb){margin:1px 0 0!important;font-size:11.5px!important}
#appScreen .module-breadcrumb{display:flex;align-items:center;gap:7px;margin:0 0 3px!important;color:#8b95a5!important;font-size:9px!important;font-weight:650!important;letter-spacing:.035em!important;text-transform:none!important}
#appScreen .module-breadcrumb span{color:var(--ui-primary)}#appScreen .module-breadcrumb i{color:#c1c7d0;font-style:normal}
#appScreen .card-heading .pill{align-self:flex-start;margin-top:2px;padding:5px 8px!important;border:1px solid #d7e5f8!important;border-radius:6px!important;background:#f4f8fe!important;color:#3169ae!important;font-size:8px!important;font-weight:750!important;letter-spacing:.04em!important;box-shadow:none!important}
#appScreen #queryForm{display:block;padding:22px 24px 26px}
#appScreen #extraFields{display:grid;gap:14px}
#appScreen #queryForm>:first-child{margin-top:0}
#appScreen #queryForm>.primary{display:inline-flex;min-width:180px;justify-content:center;gap:9px;margin-top:18px!important;margin-left:0!important}
#appScreen #queryForm>.primary span:last-child{font-size:15px;line-height:1}
#appScreen .saved-rfc-row{margin:18px 24px 0!important}
#appScreen .privacy{min-height:0!important;align-items:flex-start!important;gap:9px!important;margin:18px 0 0!important;padding:11px 13px!important;border:1px solid #e1e7ef!important;border-radius:8px!important;background:#fafbfc!important;color:#667085!important;box-shadow:none!important}
#appScreen .privacy>span{color:#3b76c5!important}.privacy p{margin:0!important;font-size:9.5px!important;line-height:1.45!important}.privacy b{color:#344054!important;font-size:9.5px!important}

/* Secciones y encabezados reutilizables. */
#appScreen .shell-main :is(.accounting-catalog,.accounting-reports,.accounting-settlement-center,.accounting-review-center,.accounting-mass,.accounting-continuous-audit,.cc-panel,.admin-panel,.diot-result,.wp-table-wrap,.idse-panel,.idse-query-result,.official-fiscal-card,.mailbox-workspace,.fiscal-info-result,.certificate-guide,.csf-status-card,.opinion-status-card){overflow:hidden;border:1px solid var(--ui-border)!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important}
#appScreen .shell-main :is(.accounting-catalog,.accounting-reports,.accounting-settlement-center,.accounting-review-center,.accounting-mass,.accounting-continuous-audit,.cc-panel,.admin-panel,.diot-result,.idse-panel,.idse-query-result,.official-fiscal-card)>header{min-height:64px;align-items:center!important;margin:0!important;padding:14px 17px!important;border-bottom:1px solid var(--ui-border)!important;background:#fff!important}
#appScreen .shell-main :is(.accounting-catalog,.accounting-reports,.accounting-settlement-center,.accounting-review-center,.accounting-mass,.accounting-continuous-audit,.cc-panel,.admin-panel,.diot-result,.idse-panel,.idse-query-result,.official-fiscal-card)>header h3{margin:2px 0!important;font-size:15px!important}
#appScreen .shell-main :is(.accounting-catalog,.accounting-reports,.accounting-settlement-center,.accounting-review-center,.accounting-mass,.accounting-continuous-audit,.cc-panel,.admin-panel,.diot-result,.idse-panel,.idse-query-result,.official-fiscal-card)>header p{margin:2px 0 0!important;font-size:10.5px!important}
#appScreen .shell-main :is(.working-paper-workspace,.bank-reconciliation-workspace,.monthly-close-workspace,.accounting-workspace,.billing-workspace,.diot-workspace,.mailbox-workspace,.idse-pro-workspace,.idse-base-workspace,.sat-workspace,.client-requests-workspace){gap:14px!important}

/* Barras de filtros: una línea base consistente y acciones a la derecha. */
#appScreen .shell-main :is(.csf-settings,.fiscal-filters,.diot-controls,.working-paper-controls,.accounting-toolbar,.accounting-generation-toolbar,.accounting-review-filters,.accounting-mass-toolbar,.accounting-audit-toolbar,.bank-filters,.monthly-close-toolbar,.work-inbox-toolbar,.client-requests-toolbar,.certificate-recovery-filters){align-items:end!important;gap:10px!important;margin:0!important;padding:14px 16px!important;border:1px solid var(--ui-border)!important;border-radius:9px!important;background:#fafbfc!important;box-shadow:none!important}
#appScreen .shell-main :is(.csf-settings,.fiscal-filters,.diot-controls,.working-paper-controls,.accounting-toolbar,.accounting-generation-toolbar,.accounting-review-filters,.accounting-mass-toolbar,.accounting-audit-toolbar,.bank-filters,.monthly-close-toolbar,.work-inbox-toolbar,.client-requests-toolbar,.certificate-recovery-filters) label{min-width:0;margin:0!important}
#appScreen .shell-main :is(.diot-prepare,#prepareWorkingPaper,#accountingRefresh,#portfolioRefresh,[class$="-refresh"],[class$="-prepare"]){align-self:end!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 13px!important;border-radius:7px!important;box-shadow:none!important}
#appScreen .shell-main :is(.schedule-box,.fiel-upload,.billing-notice,.retention-receipt-help,.idse-form-lock-note,.idse-warning,.diot-ppd-question,.diot-edit-note){margin:0!important;padding:13px 15px!important;border:1px solid var(--ui-border)!important;border-radius:8px!important;background:#fafbfc!important;box-shadow:none!important}

/* Acciones: primarias contenidas, secundarias neutrales y destructivas inequívocas. */
#appScreen .shell-main :is([class$="-actions"],footer):has(>button,>a){align-items:center!important;gap:7px!important}
#appScreen .shell-main :is([class$="-actions"],footer)>:is(button,a){min-height:36px!important;padding:0 11px!important;border-radius:7px!important;font-size:10.5px!important;font-weight:650!important;box-shadow:none!important;transform:none!important}
#appScreen .shell-main :is(button,a).danger,#appScreen .shell-main button[class*="delete"],#appScreen .shell-main button[class*="remove"]{border-color:#f0c7cd!important;background:#fff!important;color:#a42638!important}
#appScreen .shell-main :is(button,a).danger:hover,#appScreen .shell-main button[class*="delete"]:hover,#appScreen .shell-main button[class*="remove"]:hover{border-color:#dc8e99!important;background:#fff7f8!important}
#appScreen .shell-main button:focus-visible,#appScreen .shell-main a:focus-visible{outline:2px solid #8eb7ee!important;outline-offset:2px!important}

/* Tablas de datos: densas, estables y sin decoraciones innecesarias. */
#appScreen .shell-main :is(.wp-table-wrap,.accounting-entry-table,.accounting-import-table,.diot-table,.mailbox-table,.retention-history-table,.csf-history-table,.idse-result-table,.admin-table){border:1px solid var(--ui-border)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
#appScreen .shell-main table{font-variant-numeric:tabular-nums}
#appScreen .shell-main th{height:36px!important;padding:8px 11px!important;background:#f7f8fa!important;color:#697386!important;font-size:8.5px!important;letter-spacing:.055em!important}
#appScreen .shell-main td{height:44px;padding:9px 11px!important;font-size:10.5px!important}
#appScreen .shell-main tbody tr:last-child td{border-bottom:0!important}
#appScreen .shell-main tbody tr:hover td{background:#fafcff!important}
#appScreen .shell-main td:last-child :is(button,a){vertical-align:middle}

/* Métricas sobrias: el dato domina, no el contenedor. */
#appScreen .shell-main :is(.diot-metrics,.wp-overview,.wp-annual,.opinion-kpis,.mailbox-kpis,.declaration-kpis,.accounting-financial-kpis,.accounting-settlement-metrics,.cc-kpis){gap:9px!important}
#appScreen .shell-main :is(.diot-metrics,.wp-overview,.wp-annual,.opinion-kpis,.mailbox-kpis,.declaration-kpis,.accounting-financial-kpis,.accounting-settlement-metrics,.cc-kpis)>*{min-height:82px!important;padding:13px 14px!important;border:1px solid var(--ui-border)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
#appScreen .shell-main :is(.diot-metrics,.wp-overview,.wp-annual,.opinion-kpis,.mailbox-kpis,.declaration-kpis,.accounting-financial-kpis,.accounting-settlement-metrics,.cc-kpis) :is(b,strong){font-size:19px!important;font-weight:690!important;letter-spacing:-.025em!important}

/* Estados vacíos y mensajes dejan de parecer bloques promocionales. */
#appScreen .shell-main :is([class$="-empty"],.cc-loading,.portfolio-loading){min-height:112px!important;margin:0!important;padding:24px!important;border:1px dashed #d4dae3!important;border-radius:8px!important;background:#fafbfc!important;color:#667085!important;text-align:center!important;box-shadow:none!important}
#appScreen .shell-main :is([class$="-empty"],.cc-loading,.portfolio-loading)>svg{width:22px!important;height:22px!important;color:#8ea1b8!important}
#appScreen .shell-main :is([class$="-empty"],.cc-loading,.portfolio-loading) :is(h3,b){margin:7px 0 2px!important;font-size:12px!important}
#appScreen .status.show{position:relative;max-width:none!important;margin:14px 24px 24px!important;padding:12px 14px 12px 38px!important;border:1px solid #cddcf0!important;border-radius:8px!important;background:#f6f9fd!important;color:#36506f!important;font-size:10.5px!important;box-shadow:none!important}
#appScreen .status.show::before{content:"i";position:absolute;top:11px;left:13px;display:grid;width:17px;height:17px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:10px;font-weight:800}
#appScreen .status.error{border-color:#efc6cc!important;background:#fff7f8!important;color:#9f2637!important}.status.success{border-color:#bfe2d1!important;background:#f3fbf7!important;color:#087a4e!important}.status.warning{border-color:#ebd39f!important;background:#fffaf0!important;color:#895b0b!important}

/* Cargas de archivo y elecciones de tipo se comportan como controles de producto. */
#appScreen .shell-main input[type="file"]{width:100%;min-height:40px;padding:6px 8px!important;border:1px dashed var(--ui-border-strong)!important;border-radius:7px!important;background:#fff!important;color:#667085!important;font-size:10px!important}
#appScreen .shell-main input[type="file"]::file-selector-button{height:27px;margin-right:9px;padding:0 9px;border:1px solid var(--ui-border-strong);border-radius:6px;background:#f7f8fa;color:#344054;font:650 9.5px "Inter",sans-serif;cursor:pointer}
#appScreen .shell-main :is(.idse-operation-types,.bank-source-grid,.certificate-recovery-grid,.system-template-grid){gap:8px!important}
#appScreen .shell-main :is(.idse-operation-types,.bank-source-grid,.certificate-recovery-grid,.system-template-grid)>*{border:1px solid var(--ui-border)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}

/* Módulos con identidad histórica se integran al producto global. */
#appScreen .idse-hero{padding:16px 18px!important;border:1px solid var(--ui-border)!important;border-left:3px solid var(--ui-primary)!important;border-radius:9px!important;background:#fff!important;color:var(--ui-text)!important;box-shadow:none!important}
#appScreen .idse-hero h2{color:var(--ui-text)!important;font-size:18px!important}.idse-hero p{color:var(--ui-muted)!important}.idse-hero small{color:var(--ui-primary)!important}
#appScreen .idse-hero>div:last-child span{border-color:var(--ui-border)!important}.idse-hero>div:last-child b{color:var(--ui-text)!important;font-size:18px!important}
#appScreen .idse-tabs,#appScreen .wp-tabs{gap:3px!important;margin:12px 0!important;padding:3px!important;border:1px solid var(--ui-border)!important;border-radius:8px!important;background:#f2f4f7!important}
#appScreen .idse-tabs button,#appScreen .wp-tabs button{height:32px!important;padding:0 10px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#667085!important;font-size:9.5px!important;font-weight:650!important}
#appScreen .idse-tabs button.active,#appScreen .wp-tabs button.active{border:0!important;background:#fff!important;color:var(--ui-primary)!important;box-shadow:0 1px 2px rgba(16,24,40,.08)!important}

/* Administración y cuenta siguen la misma retícula que los módulos operativos. */
#appScreen :is(.admin-view,.account-view,.client-portal-view){padding:26px 32px 48px!important}
#appScreen :is(.admin-heading,.account-view>header,.client-portal-heading){align-items:end!important;margin:0 0 16px!important;padding:0 0 15px!important;border-bottom:1px solid var(--ui-border)!important}
#appScreen :is(.admin-heading,.account-view>header,.client-portal-heading) h1{margin:3px 0!important;font-size:25px!important}
#appScreen .admin-tabs{gap:3px!important;margin:0 0 14px!important;padding:3px!important;border:1px solid var(--ui-border)!important;border-radius:8px!important;background:#f2f4f7!important}
#appScreen .admin-tabs button{min-height:33px!important;padding:0 10px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#667085!important;font-size:9.5px!important;font-weight:650!important}
#appScreen .admin-tabs button.active{background:#fff!important;color:var(--ui-primary)!important;box-shadow:0 1px 2px rgba(16,24,40,.08)!important}

/* Diálogos: anchura contenida, encabezado claro y pie estable. */
body>:is(.accounting-policy-modal,.commercial-modal,.client-request-modal,.work-inbox-modal,.monthly-close-modal,.admin-modal){background:rgba(16,24,40,.46)!important;backdrop-filter:blur(2px)!important}
body>:is(.accounting-policy-modal,.commercial-modal,.client-request-modal,.work-inbox-modal,.monthly-close-modal,.admin-modal) :is(section[role="dialog"],form,.monthly-close-modal__panel){overflow:hidden;border:1px solid #dfe4ea!important;border-radius:11px!important;background:#fff!important;box-shadow:0 24px 64px rgba(16,24,40,.22)!important}
body>:is(.accounting-policy-modal,.commercial-modal,.client-request-modal,.work-inbox-modal,.monthly-close-modal,.admin-modal) header{min-height:76px;padding:17px 20px!important;background:#fff!important}
body>:is(.accounting-policy-modal,.commercial-modal,.client-request-modal,.work-inbox-modal,.monthly-close-modal,.admin-modal) header h3{margin:2px 0!important;font:700 17px/1.25 "Inter",sans-serif!important}
body>:is(.accounting-policy-modal,.commercial-modal,.client-request-modal,.work-inbox-modal,.monthly-close-modal,.admin-modal) footer{min-height:64px;padding:12px 20px!important;background:#fafbfc!important}
body>:is(.accounting-policy-modal,.commercial-modal,.client-request-modal,.work-inbox-modal,.monthly-close-modal,.admin-modal) footer button{min-height:38px!important;border-radius:7px!important;font-size:11px!important;box-shadow:none!important}

html[data-theme="dark"] #appScreen :is(.consult-card,.card-heading,.idse-hero,.admin-tabs,.idse-tabs,.wp-tabs),body.dark #appScreen :is(.consult-card,.card-heading,.idse-hero,.admin-tabs,.idse-tabs,.wp-tabs){border-color:var(--ui-border)!important;background:var(--ui-surface)!important;color:var(--ui-text)!important}
html[data-theme="dark"] #appScreen .shell-main :is(.csf-settings,.fiscal-filters,.diot-controls,.working-paper-controls,.accounting-toolbar,.accounting-generation-toolbar,.accounting-review-filters,.accounting-mass-toolbar,.accounting-audit-toolbar,.bank-filters,.monthly-close-toolbar,.work-inbox-toolbar,.client-requests-toolbar,.certificate-recovery-filters,.privacy),body.dark #appScreen .shell-main :is(.csf-settings,.fiscal-filters,.working-paper-controls,.accounting-toolbar,.bank-filters){border-color:var(--ui-border)!important;background:var(--ui-surface-subtle)!important}
html[data-theme="dark"] #appScreen .shell-main :is(.accounting-catalog,.accounting-reports,.accounting-settlement-center,.accounting-review-center,.accounting-mass,.accounting-continuous-audit,.cc-panel,.admin-panel,.diot-result,.wp-table-wrap,.idse-panel,.idse-query-result,.official-fiscal-card)>header{border-color:var(--ui-border)!important;background:var(--ui-surface)!important}

@media(max-width:900px){
  #appScreen .card-heading{min-height:92px;padding:18px!important}#appScreen #queryForm{padding:18px!important}#appScreen .saved-rfc-row{margin:14px 18px 0!important}
  #appScreen :is(.admin-view,.account-view,.client-portal-view){padding:22px 20px 42px!important}
  #appScreen .shell-main :is(.diot-metrics,.wp-overview,.wp-annual,.opinion-kpis,.mailbox-kpis,.declaration-kpis,.accounting-financial-kpis,.accounting-settlement-metrics,.cc-kpis){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  #appScreen .consult-view{padding-top:12px!important}#appScreen .consult-card{border-radius:9px!important}
  #appScreen .card-heading{min-height:0;align-items:flex-start!important;padding:16px!important}.card-heading .pill{flex:none}
  #appScreen .card-heading h2{font-size:18px!important}#appScreen #queryForm{padding:16px!important}#appScreen #queryForm>.primary{width:100%;margin-top:15px!important}
  #appScreen .saved-rfc-row{margin:12px 16px 0!important}#appScreen .status.show{margin:12px 16px 16px!important}
  #appScreen :is(.admin-view,.account-view,.client-portal-view){padding:18px 12px 36px!important}
  #appScreen :is(.admin-heading,.account-view>header,.client-portal-heading){align-items:flex-start!important;gap:12px!important}.admin-heading>button,.client-portal-heading>button{width:100%!important}
  #appScreen .admin-tabs{overflow-x:auto;flex-wrap:nowrap!important}#appScreen .admin-tabs button{flex:0 0 auto;white-space:nowrap}
  #appScreen .shell-main :is(.diot-metrics,.wp-overview,.wp-annual,.opinion-kpis,.mailbox-kpis,.declaration-kpis,.accounting-financial-kpis,.accounting-settlement-metrics,.cc-kpis){grid-template-columns:1fr!important}
}