:root{--sf-surface:#fff;--sf-surface-alt:#f4f8fb;--sf-text:#17344f;--sf-muted:#6c8093;--sf-edge:#dce6ef;--sf-brand:#0088a5}
[hidden]{display:none!important}.sf-record-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.sf-record-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}.sf-record-tabs{position:sticky;top:20px;display:flex;flex-direction:column;gap:5px;background:var(--sf-surface);border:1px solid var(--sf-edge);padding:10px;border-radius:18px}.sf-record-tabs button{border:0;border-radius:11px;background:transparent;color:var(--sf-muted);display:flex;gap:11px;align-items:center;text-align:left;padding:13px 14px;font-size:13px;font-weight:650}.sf-record-tabs button i{font-size:19px}.sf-record-tabs button:hover{background:var(--sf-surface-alt)}.sf-record-tabs button.active{background:#e5f6f8;color:#007d96;box-shadow:inset 3px 0 #00a8bf}.sf-record-panel{border:1px solid var(--sf-edge);border-radius:20px;min-height:400px}.sf-record-panel h2{margin-bottom:22px;color:var(--sf-text)}.sf-record-content{min-width:0}.sf-record-meta{display:flex;flex-wrap:wrap;gap:5px 15px;color:var(--sf-muted);font-size:10px;line-height:1.7;margin:8px 0 3px;max-width:100%;overflow-wrap:anywhere}.sf-record-meta b{font-weight:550;color:var(--sf-text)}.sf-record-id{font-weight:700;white-space:nowrap}.sf-row-actions{display:flex;gap:7px;flex-wrap:wrap;min-width:150px}.sf-entity-table{min-width:920px}.sf-entity-table th{font-size:11px;color:var(--sf-muted);white-space:nowrap}.sf-company-map{height:310px;border-radius:15px;background:var(--sf-surface-alt);border:1px solid var(--sf-edge);overflow:hidden}.sf-record-summary{padding:20px;border-radius:15px;background:var(--sf-surface-alt);margin-top:22px}.sf-crm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sf-crm-stats>div{padding:18px;background:var(--sf-surface-alt);border:1px solid var(--sf-edge);border-radius:13px}.sf-crm-stats small{display:block;color:var(--sf-muted);font-size:11px}.sf-crm-stats strong{font-size:25px;color:var(--sf-text)}.sf-crm-record{padding:18px 0;border-bottom:1px solid var(--sf-edge);display:flex;flex-direction:column;gap:5px}.sf-crm-record>small{color:var(--sf-muted)}.sf-project-choice{display:flex;align-items:center;gap:12px;padding:15px 10px;border-bottom:1px solid var(--sf-edge);font-size:13px}.sf-project-choice>span{flex:1;min-width:0}.sf-project-choice small{display:block;color:var(--sf-muted)}.sf-project-choice input{width:18px;height:18px;accent-color:var(--sf-brand)}.sf-theme-menu .dropdown-item{display:flex;gap:9px;align-items:center}.sf-list-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:14px 0 22px;flex-wrap:wrap}.sf-view-switch{display:flex;gap:4px;background:var(--sf-surface);border:1px solid var(--sf-edge);padding:4px;border-radius:11px}.sf-view-switch button{background:transparent;border:0;padding:8px 13px;border-radius:8px;color:var(--sf-muted);font-size:13px}.sf-view-switch button.active{background:#e4f5f7;color:#007c96}.sf-project-list{min-width:850px}.sf-project-list .sf-record-meta{max-width:360px}.sf-role-grid{min-width:800px}.sf-role-grid td:first-child{min-width:190px}.sf-role-grid th{text-align:center;font-size:11px}.sf-role-grid td:not(:first-child){text-align:center}.sf-role-grid input{width:18px;height:18px;accent-color:var(--sf-brand)}.sf-user-modal .modal-dialog{max-width:850px}.sf-user-modal .modal-content{border:1px solid var(--sf-edge);border-radius:24px;overflow:hidden}.sf-user-modal .modal-header{padding:23px 28px;background:var(--sf-surface-alt)}.sf-user-modal .modal-body{padding:26px}.sf-user-form-heading{display:flex;align-items:center;gap:15px}.sf-user-form-heading>i{width:50px;height:50px;display:grid;place-items:center;background:#dff5f8;color:#0089a2;border-radius:15px;font-size:25px}.sf-modal-section-title{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sf-muted);margin:14px 0}.sf-logo-preview{max-width:190px;max-height:80px;object-fit:contain;background:#f8fafc;padding:10px;border-radius:10px}
html[data-bs-theme=dark]{--sf-surface:#1a2635;--sf-surface-alt:#212f40;--sf-text:#e5eef8;--sf-muted:#9eafc2;--sf-edge:#334458;--sf-brand:#48c9df;--ink:#e5eef8;--bg:#101923;--border:#334458;--bs-body-bg:#101923;--bs-body-color:#e5eef8;--bs-secondary-color:#9eafc2;--bs-border-color:#334458;--bs-tertiary-bg:#212f40;--bs-emphasis-color:#f0f7ff;--bs-link-color:#60d0e4;color-scheme:dark}
html[data-bs-theme=dark] body{background:#101923;color:#e5eef8}html[data-bs-theme=dark] .sf-body :is(.card,.modal-content,.dropdown-menu,.sf-app-header,.sf-menu-bar,.sf-launch-card,.sf-project-card,.sf-ops-filter,.sf-viz-card,.sf-dash-panel,.sf-dash-kpi,.sf-dash-toolbar,.sf-action-menu,.sf-notification-menu,.sf-account-menu,.sf-global-search,.sf-search-results,.sf-account-card,.sf-field-item,.sf-report-item,.sf-analysis-tab,.sf-workspace-company,.sf-field-catalog,.sf-pj-switch button.active){background:var(--sf-surface);border-color:var(--sf-edge);color:var(--sf-text)}
html[data-bs-theme=dark] :is(.page-title,.sf-project-body h2 a,.sf-launch-card strong,.sf-dash-panel-head h2,.sf-section-head h2,.sf-dash-kpi-value,.sf-kpi-copy strong,.sf-work-row strong,.sf-ops-metric strong,.sf-dash-card-title){color:var(--sf-text)!important}html[data-bs-theme=dark] :is(.text-muted,.tiny,.sf-launch-card>span:last-of-type,.sf-account-copy small,.sf-project-body p,.sf-project-location,.sf-work-row small){color:var(--sf-muted)!important}
html[data-bs-theme=dark] .sf-body a:not(.btn):not(.sf-menu-link):not(.dropdown-item):not(.sf-action-item):not(.sf-notification-item):not(.sf-search-result){color:#65cadc}html[data-bs-theme=dark] :is(.form-control,.form-select,.input-group-text){background-color:#122031;border-color:#405267;color:#e8f0f8}html[data-bs-theme=dark] :is(.form-control,.form-select)::placeholder{color:#8a9fb6}html[data-bs-theme=dark] :is(.form-control:disabled,.form-select:disabled){background-color:#202e3e;color:#bdcada}html[data-bs-theme=dark] .table{--bs-table-bg:#1a2635;--bs-table-color:#e5eef8;--bs-table-border-color:#334458;--bs-table-striped-bg:#223246;--bs-table-hover-bg:#263a4c;color:#e5eef8}html[data-bs-theme=dark] .table :is(th,td){background-color:var(--bs-table-bg);color:var(--bs-table-color);border-color:#334458}
html[data-bs-theme=dark] :is(.btn-light,.btn-outline-secondary){background:#28384b;color:#d9e8f7;border-color:#455970}html[data-bs-theme=dark] .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}html[data-bs-theme=dark] .dropdown-item{color:#dfeafa}html[data-bs-theme=dark] :is(.dropdown-item:hover,.sf-record-tabs button.active,.sf-view-switch button.active,.sf-menu-link.active,.sf-menu-link:hover){background:#174453!important;color:#8ce6f1!important}html[data-bs-theme=dark] :is(.sf-howto,.sf-next-step,.sf-ops-note,.sf-pj-import,.sf-pj-notes,.sf-pj-switch,.sf-field-note,.sf-field-option:hover,.sf-dash-hero,.sf-upload-zone,.sf-record-summary){background:#203747;color:#c7dfe8;border-color:#37586c}html[data-bs-theme=dark] :is(.sf-donut>div,.sf-donut-inner,.sf-plan-line,.sf-notification-item.unread){background:#1a2635;color:#e5eef8}html[data-bs-theme=dark] :is(.badge-soft,.sf-avatar,.sf-launch-icon){background:#183f4b;color:#63d6e8}html[data-bs-theme=dark] .sfintra-wordmark img{background:#f2f7fb;padding:4px;border-radius:9px}html[data-bs-theme=dark] .sf-account-btn{color:#e5eef8}html[data-bs-theme=dark] .sf-global-search input{color:#dfeafa}html[data-bs-theme=dark] .sf-global-search kbd{background:#26384b;color:#a8bdd1;border-color:#40546b}html[data-bs-theme=dark] .sf-auth-card{background:#1a2635;color:#e5eef8}html[data-bs-theme=dark] .sf-user-form-heading>i{background:#164553;color:#78dce9}html[data-bs-theme=dark] .sf-viz-svg text{fill:#aabbd0}
@media(max-width:900px){.sf-record-layout{grid-template-columns:185px minmax(0,1fr);gap:14px}.sf-record-tabs{padding:6px}.sf-record-tabs button{padding:11px 9px;font-size:12px}.sf-crm-stats{grid-template-columns:1fr 1fr}}@media(max-width:650px){.sf-record-layout{grid-template-columns:1fr}.sf-record-tabs{position:static;max-height:275px;overflow:auto}.sf-record-heading{flex-direction:column;gap:10px}.sf-record-heading .sf-ops-actions{width:100%}.sf-record-panel{padding:20px!important}.sf-user-modal .modal-body{padding:18px}.sf-header-actions{gap:4px!important}.sf-theme-menu .sf-icon-btn{width:34px}.sf-record-meta{font-size:10px}.sf-company-map{height:270px}}
@media print{.sf-record-tabs,.sf-record-heading .sf-ops-actions,.sf-crm-action-form,.sf-theme-menu{display:none!important}.sf-record-layout{display:block}.sf-record-panel[hidden]{display:block!important}.sf-record-panel{margin-bottom:18px;break-inside:avoid}html[data-bs-theme=dark] body,html[data-bs-theme=dark] .card,html[data-bs-theme=dark] .table td,html[data-bs-theme=dark] .table th{background:#fff!important;color:#15263b!important}html[data-bs-theme=dark]{--sf-text:#15263b;--sf-muted:#53657b;--sf-surface:#fff;--sf-surface-alt:#f2f5f7}}
html[data-bs-theme=dark] :is(.sf-icon-btn,.sf-account-btn,.sf-context-pill){background:#243447;border-color:#41556d;color:#dcebf8}html[data-bs-theme=dark] .sf-account-copy strong{color:#e9f1fb}html[data-bs-theme=dark] .sf-menu-link{color:#aebfd2}html[data-bs-theme=dark] .sf-global-search input{background:transparent}.sf-record-meta{font-size:11px}
@media(max-width:650px){.sf-header-actions>.sf-theme-menu{display:block!important}.sf-header-actions>.sf-quick-actions{display:none!important}.sf-header-main{gap:6px;padding:10px!important}.sfintra-wordmark img{width:100px!important;height:36px!important}.sf-brand-zone{gap:5px!important;min-width:0}.sf-header-actions .sf-icon-btn{width:31px!important;height:34px!important;padding:3px!important}.sf-account-btn{min-width:32px;padding:2px!important}.sf-record-tabs{max-height:290px;scrollbar-width:thin}.sf-record-tabs:after{content:'Desliza para ver todas las secciones';font-size:10px;color:var(--sf-muted);padding:7px 12px;position:sticky;bottom:0;background:var(--sf-surface)}.sf-record-meta{font-size:10px}}
.sf-user-modal .modal-content>form{display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 32px)}.sf-user-modal .modal-body{overflow-y:auto}.sf-user-modal .modal-header,.sf-user-modal .modal-footer{flex-shrink:0}
html[data-bs-theme=dark] :is(.sfintra-auth-shell,.sfintra-auth-form,.sfintra-auth-form-inner){background:#1a2635;color:#e5eef8}html[data-bs-theme=dark] .sfintra-auth-form h1{color:#e5eef8}html[data-bs-theme=dark] .sfintra-auth-form p{color:#a6b9cc}