/* Mismos colores, tipografía y variables de la aplicación financiera. */
.crm-subnav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.crm-subnav a{color:var(--mk-muted);text-decoration:none;padding:12px 15px;border:1px solid var(--mk-line);background:var(--mk-surface);border-radius:10px;min-height:48px}.crm-subnav a[aria-current=page]{background:var(--mk-yellow);color:var(--mk-on-brand);border-color:var(--mk-yellow)}.crm-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 20px}.crm-section-head p{color:var(--mk-muted);margin-top:6px}.crm-actions{display:flex;gap:8px;flex-wrap:wrap;margin-block:12px}.crm-actions .button{white-space:normal}.crm-readonly{border-inline-start:3px solid var(--mk-control);padding:10px 14px;margin-bottom:20px;color:var(--mk-muted);background:var(--mk-raised);border-radius:4px}.crm-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:20px 0}.crm-metric{padding:18px;background:var(--mk-surface);border:1px solid var(--mk-line);border-radius:14px;display:flex;flex-direction:column;gap:6px;min-width:0}.crm-metric strong{font-size:clamp(18px,2vw,26px);overflow-wrap:anywhere;letter-spacing:-.6px}.crm-metric span{font-size:12px;color:var(--mk-muted)}.crm-badge{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-size:12px;font-weight:600;border-radius:6px;padding:5px 8px;background:var(--mk-raised);color:var(--mk-muted);line-height:1.4;white-space:normal}.crm-badge.pending_invoice{background:#fff1bf;color:#755000}.crm-badge.pending_collection{background:#e3edff;color:#224c8d}.crm-badge.active{background:#daf3e7;color:#175f40}.crm-badge.closed{background:#efe5fa;color:#663c86}.crm-badge.unlinked{background:var(--mk-raised);color:var(--mk-muted)}.crm-status-legend{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:22px}.crm-status-legend a{text-decoration:none;min-height:48px;display:flex;align-items:center}.crm-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.crm-column{padding:14px;background:var(--mk-raised);border:1px solid var(--mk-line);border-radius:16px;min-height:200px;min-width:0}.crm-column>header{display:flex;justify-content:space-between;gap:8px}.crm-column>small{display:block;margin:8px 0 16px}.crm-deal-card{display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--mk-surface);border:1px solid var(--mk-line);border-radius:12px;margin-bottom:12px;text-decoration:none;color:var(--mk-text);overflow-wrap:anywhere}.crm-deal-card h3{font-size:17px}.crm-deal-card>div{display:flex;flex-wrap:wrap;gap:6px}.crm-deal-card p{color:var(--mk-muted);font-size:14px}.crm-deal-card>strong{font-size:21px}.crm-deal-card footer{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--mk-line);padding-top:12px;font-size:12px;color:var(--mk-muted)}.crm-overdue{color:var(--mk-danger)}.crm-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:20px 0}.crm-filters .field-label{flex:1;min-width:150px}.crm-filters .field-label:first-child{flex:2;min-width:200px}.crm-filters .button{margin-bottom:0}.crm-period{display:flex;gap:10px;align-items:end;margin:20px 0}.crm-period .field-label{max-width:240px;margin:0}.crm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin:16px 0 24px}.crm-grid .panel{margin:0}.crm-project-card{position:relative;overflow:hidden;color:var(--mk-text);text-decoration:none;display:flex;flex-direction:column;gap:12px;min-width:0}.crm-project-card h3{font-size:22px;overflow-wrap:anywhere}.crm-project-card p{color:var(--mk-muted)}.crm-project-card>span:last-child{color:var(--mk-accent);font-size:14px}.crm-project-stripe{position:absolute;inset:0 0 auto;height:4px;background:var(--mk-control)}.crm-project-stripe.pending_invoice{background:#e3b42f}.crm-project-stripe.pending_collection{background:#4b80d2}.crm-project-stripe.active{background:#36a470}.crm-project-stripe.closed{background:#9560b8}.crm-project-card dl,.crm-definition{margin:16px 0;display:grid;gap:12px}.crm-definition>div,.crm-project-card dl>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--mk-line);padding-bottom:10px}.crm-definition dt,.crm-project-card dt{color:var(--mk-muted)}.crm-definition dd,.crm-project-card dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.crm-empty{padding:32px 18px;color:var(--mk-muted);background:var(--mk-surface);border:1px dashed var(--mk-control);border-radius:14px;margin:12px 0}.crm-empty p{margin-top:8px}.crm-timeline{list-style:none;padding:0;display:grid;gap:18px}.crm-timeline li{padding-left:18px;border-left:2px solid var(--mk-line)}.crm-timeline p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:6px}.crm-stack{display:grid;gap:12px;margin-top:16px}.crm-list-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--mk-line);border-radius:12px;padding:16px}.crm-list-row>div{min-width:0}.crm-list-row p{overflow-wrap:anywhere}.crm-list-row details{margin-top:12px}.crm-cost-breakdown{display:grid;gap:6px;font-size:13px}.crm-cost-breakdown>div{display:flex;justify-content:space-between;gap:8px}.crm-cost-breakdown span{color:var(--mk-muted)}.crm-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:20px}.crm-calendar>strong{text-align:center;padding:8px 0;font-size:12px;color:var(--mk-muted)}.crm-calendar-day{min-height:92px;border:1px solid var(--mk-line);border-radius:8px;padding:6px;min-width:0}.crm-calendar-day time{font-size:12px}.crm-calendar-person{display:block;border-radius:4px;background:#e3edff;color:#224c8d;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px;margin-top:3px}.crm-calendar-person.approved{background:#daf3e7;color:#175f40}.crm-usd-balance{font-size:28px;margin:12px 0}.crm-dialog{width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 32px);border:1px solid var(--mk-line);border-radius:18px;padding:0;color:var(--mk-text);background:var(--mk-surface);box-shadow:0 24px 90px #0004;overscroll-behavior:contain}.crm-dialog::backdrop{background:#12182690;backdrop-filter:blur(3px)}.crm-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--mk-line);gap:12px}.crm-form-body{padding:22px;display:grid;gap:16px}.crm-form-body .field-label{margin:0}.crm-form-body textarea{width:100%;border:1px solid var(--mk-control);border-radius:8px;padding:12px;background:var(--mk-surface);color:var(--mk-text);resize:vertical}.crm-form-body>p{color:var(--mk-muted)}.crm-dialog [role=alert]{padding:0 22px;white-space:pre-wrap}.crm-dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 22px;background:var(--mk-raised);position:sticky;bottom:0;border-top:1px solid var(--mk-line)}.crm-dialog .icon-button{font-size:28px}.crm-budget-details{margin:24px 0}.crm-budget-details>summary{padding:16px;font-weight:600;cursor:pointer}.sidebar nav{overflow-y:auto;min-height:0}.sidebar-bottom{flex-shrink:0}.crm-notes{margin-top:20px}
@media(max-width:700px){.crm-section-head{flex-direction:column}.crm-board{grid-template-columns:1fr}.crm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-metric{padding:14px}.crm-metric strong{font-size:18px}.crm-list-row{align-items:flex-start;flex-direction:column}.crm-definition>div{flex-direction:column;gap:4px}.crm-definition dd{text-align:left}.crm-calendar-day{min-height:72px;padding:3px}.crm-calendar-person{font-size:9px}.crm-calendar-panel{padding:12px}.crm-dialog-footer{padding:14px;flex-wrap:wrap}.crm-dialog-footer .button{flex:1}.crm-dialog-head,.crm-form-body{padding:16px}.crm-subnav a{font-size:14px;padding:12px}.crm-filters .button{flex:1}}
@media(prefers-reduced-motion:reduce){.crm-dialog{scroll-behavior:auto}}
.crm-operation-group>summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;min-height:48px;align-items:center}.crm-operation-group>summary>span{color:var(--mk-muted);font-variant-numeric:tabular-nums}.crm-operation-group[open]>summary{margin-bottom:16px}.crm-count-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.crm-count-grid input{min-width:0;width:100%}@media(max-width:500px){.crm-count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-operation-group>summary{flex-direction:column;align-items:flex-start}.crm-operation-group>summary>span{font-size:14px}}

/* La navegación del CRM es independiente y mantiene el mismo patrón móvil. */
.crm-app-shell .sidebar nav a,.crm-app-shell~.bottom-nav a{display:flex;align-items:center;gap:12px;color:var(--mk-muted);text-decoration:none;min-height:48px;padding:12px 14px;border-radius:10px;font-size:14px;font-weight:500}.crm-app-shell .sidebar nav a[aria-current=page]{background:var(--mk-raised);color:var(--mk-text)}.crm-app-shell .sidebar nav a[aria-current=page] svg{color:var(--mk-accent)}.crm-app-shell~.bottom-nav a{flex-direction:column;justify-content:center;gap:4px;padding:8px 2px;font-size:10px;border-radius:0}.crm-app-shell~.bottom-nav a[aria-current=page]{color:var(--mk-text)}.crm-app-shell .avatar{text-decoration:none;display:flex;align-items:center;justify-content:center}.crm-flow{padding-left:24px;line-height:1.8;color:var(--mk-muted)}.crm-app-shell .demo-banner{gap:12px}.crm-app-shell .demo-banner span{overflow-wrap:anywhere}@media(max-width:420px){.crm-app-shell .demo-banner{align-items:flex-start;flex-direction:column;gap:3px}}
