:root{--c4p-primary:#004882;--c4p-secondary:#0288D1;--c4p-primary-dark:#00365F;--c4p-bg:#F0F4F8;--c4p-on-primary:#ffffff;--c4p-header:#496287;--c4p-header-dark:#3A4F6C;--c4p-surface:#ffffff;--c4p-border:#DBE3EC;--c4p-row-alt:#F3F6FA;--c4p-text:#1f2b38;--c4p-text-muted:#6c7a89;--bs-primary:#004882;--bs-primary-rgb:0,72,130;--bs-link-color:#0288D1;--bs-link-hover-color:#00365F}
.btn-primary{color:#fff;background-color:var(--c4p-primary);border-color:var(--c4p-primary)}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:disabled,.btn-primary.disabled{color:#fff;background-color:var(--c4p-primary-dark);border-color:var(--c4p-primary-dark)}
/* Los outline de Bootstrap son transparentes y sobre el fondo de la pagina se leen
   como recuadros vacios en vez de botones. Se les pone la superficie blanca. */
.btn-outline-primary{color:var(--c4p-primary);background-color:var(--c4p-surface);border-color:var(--c4p-primary)}
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active{color:#fff;background-color:var(--c4p-primary);border-color:var(--c4p-primary)}
.btn-outline-primary:disabled,.btn-outline-primary.disabled{color:var(--c4p-text-muted);background-color:var(--c4p-surface);border-color:var(--c4p-border)}
/* Bootstrap traia su rojo #dc3545, que no combina con el rojo apagado de la marca. */
.btn-outline-danger{color:#9B2C2C;background-color:var(--c4p-surface);border-color:#D9A5A5}
.btn-outline-danger:hover,.btn-outline-danger:focus,.btn-outline-danger:active{color:#fff;background-color:#9B2C2C;border-color:#9B2C2C}
.btn-danger{color:#fff;background-color:#9B2C2C;border-color:#9B2C2C}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active{color:#fff;background-color:#7F2222;border-color:#7F2222}
.btn-secondary{color:#fff;background-color:var(--c4p-secondary);border-color:var(--c4p-secondary)}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active{color:#fff;background-color:var(--c4p-primary-dark);border-color:var(--c4p-primary-dark)}
.btn-outline-secondary{color:var(--c4p-header);background-color:var(--c4p-surface);border-color:var(--c4p-border)}
.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-secondary:active{color:#fff;background-color:var(--c4p-header);border-color:var(--c4p-header)}
.btn:focus,.btn:active:focus,.btn-link.nav-link:focus,.form-control:focus,.form-check-input:focus,.form-select:focus{box-shadow:0 0 0 .1rem #fff,0 0 0 .25rem var(--c4p-secondary);border-color:var(--c4p-secondary)}
html,body{margin:0;height:100%;font-family:"Roboto",Arial,Helvetica,sans-serif;font-size:16px}body{background:#f0eeee;color:#212529}button,input,select,textarea{font-family:inherit}h1,h2,h3{font-weight:500}a{color:#496287}.form-control,.form-check,.form-select{font-size:.95rem!important}.valid.modified:not([type=checkbox]){outline:1px solid #26b050}.invalid{outline:1px solid #e50000}.validation-message{color:#e50000}

.page-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.65rem;padding:.25rem .35rem}.page-heading h1{font-size:1.35rem;margin:0;color:#494a4b}.page-heading p{margin:0}.eyebrow{display:none}.content-card{background:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;padding:1rem;margin-top:10px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.section-title h2{margin:0;font-size:1.1rem;color:#494a4b}.metric-grid{display:flex;flex-wrap:wrap;gap:.5rem}.metric-grid.compact{display:flex}.metric-card{min-width:110px;background:#fff;border:1px solid #c7c7c7;border-radius:.25rem;padding:.55rem .75rem;color:#212529;text-decoration:none}.metric-card span{font-size:.8em}.metric-card strong{display:block;font-size:1.2em}.metric-card.metric-dark{background:#496287;color:#fff}.filter-grid{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.filter-grid>*{max-width:200px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid label{display:block;margin-bottom:.25rem}.form-grid .span-2{grid-column:1/-1}.action-row{display:flex;gap:.5rem;margin-top:1rem}.table thead th{position:sticky;top:0;z-index:2;background:#fff!important;text-align:center;white-space:nowrap}.table td{text-align:center;vertical-align:middle}.table-hover tbody tr{cursor:pointer}.status-pill{display:inline-block;padding:.35em .65em;border-radius:.25rem;font-size:.75em;font-weight:700}.status-green{background:#d5e3ef;color:#000}.status-amber{background:#6d9bc5;color:#fff}.status-red{background:#496287;color:#fff}.status-gray{background:#d5e3ef;color:#000}.note-cell{text-align:left!important}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.news-card{border:1px solid #c7c7c7;border-radius:.25rem;padding:.75rem}.news-card>div{display:flex;justify-content:space-between}.news-card h3{font-size:1rem;margin-top:.75rem}.date-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:.4rem;overflow-x:auto}.day-column{background:#fff;border:1px solid #c7c7c7;min-height:220px;padding:.5rem}.day-column>header{display:flex;justify-content:space-between;background:#d5e3ef;padding:.4rem}.event-card{display:flex;flex-direction:column;background:#e9eef4;border-left:3px solid #496287;padding:.45rem;margin-top:.4rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(80px,1fr));gap:.35rem}.calendar-day{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #c7c7c7;padding:.5rem}.calendar-day.vacation{background:#c6efce}.calendar-day.sick{background:#ffc7ce}.month-select{max-width:180px}.year-label{display:flex;align-items:center;padding:0 .75rem}
.projects-grid{min-width:1340px;table-layout:fixed}.projects-grid .project-wide-column{width:130px}.projects-grid th{white-space:normal}.projects-grid .grid-sort-button{white-space:normal}.projects-grid th,.projects-grid td{overflow-wrap:anywhere}.projects-grid .project-edit-column{width:42px}.projects-grid .project-team-column{width:160px}.projects-grid /* Comments and Next Steps are gone from the grid. They hold rendered HTML, and no
   width ever fit them: 22% each swallowed half the table, 15% plus a three-line
   clamp still forced min-width to 1790px, which put the whole grid behind a
   horizontal scrollbar. They now open in a dialog from a button in the last
   column, and the grid fits on screen at 1340px. */
.projects-grid .project-notes-button-column{width:80px;text-align:center}
.project-notes-button{white-space:nowrap;padding:.15rem .5rem;font-size:.75rem}
.project-notes-empty{color:var(--c4p-text-muted)}
.project-notes-modal-eyebrow{margin:0;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--c4p-text-muted)}
/* Mitad y mitad, con una linea entre las dos: son dos textos libres seguidos, y sin
   el separador se leen como uno corrido. */
.project-notes-split{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem}
.project-notes-split>section+section{border-left:1px solid var(--c4p-border);padding-left:1.75rem}
.project-notes-split h6{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c4p-primary);padding-bottom:.4rem;margin-bottom:.7rem;border-bottom:2px solid var(--c4p-border)}
.project-notes-full{font-size:.88rem;line-height:1.55;color:var(--c4p-text);overflow-wrap:anywhere}
.project-notes-full p:last-child{margin-bottom:0}
.project-notes-full table{max-width:100%}.grid-sort-button{border:0;background:transparent;color:inherit;font:inherit;font-weight:600;padding:0;white-space:nowrap}.grid-sort-button span{display:inline-block;width:1em;color:#6783ad;font-size:.8em}.projects-page{height:100%;min-height:0;display:flex;flex-direction:column}.projects-page>.page-heading{flex:0 0 auto}.projects-page>.content-card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.projects-page .filter-grid{flex:0 0 auto}.projects-page .table-responsive{flex:1 1 auto;min-height:0;overflow:auto}
.project-edit-page{min-height:100%;padding-bottom:1rem}.project-edit-heading{width:60%;margin:0 auto .75rem;display:flex;align-items:center;justify-content:space-between}.project-edit-heading h4{margin:0}.project-desktop-actions{display:flex;gap:.4rem}.project-edit-message{width:50%;margin:.5rem auto}.project-edit-shell{width:50%;margin:0 auto}.project-edit-card{height:calc(100vh - 155px);min-height:560px}.project-edit-card>.card-header{font-weight:500}.project-edit-body{overflow-y:auto;padding:1rem}.project-edit-card>.card-footer{min-height:32px}.project-team-label{display:flex;align-items:center;gap:4.5rem}.project-team-add{width:32px;height:32px;border:0;background:transparent;color:#212529;line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center}.project-team-add:hover{color:#6d9bc5}.project-team-add:focus-visible{outline:2px solid #6d9bc5;outline-offset:2px}.project-team-value{min-height:34px;padding:.4rem .65rem;background:#f7f7f7;border:1px solid #ddd;border-radius:.25rem}.project-mobile-actions{display:none}.project-team-list{height:250px;overflow:auto;display:flex;flex-direction:column;gap:.55rem}.html-editor{border:1px solid #ccc;background:#fff}.html-editor-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:5px;border-bottom:1px solid #ccc;background:#f5f5f5}.html-editor-toolbar button{min-width:30px;border:1px solid transparent;background:transparent;padding:.2rem .45rem}.html-editor-toolbar button:hover{border-color:#bbb;background:#fff}.html-editor-content{height:100px;overflow:auto;padding:.55rem;outline:0}.html-editor-content p:last-child{margin-bottom:0}
.notes-page{height:100%;overflow:auto;padding-left:20px}.notes-title{height:8%;min-height:52px;padding:10px 0;font-size:1.2em}.notes-card{height:90%;min-height:450px}.notes-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.notes-toolbar label{margin-bottom:.2rem}.notes-search{display:flex;gap:.4rem}.notes-grid-wrap{overflow:auto;padding-top:0}.notes-grid .notes-edit-column{width:42px}.notes-grid .notes-project-column{width:20%;text-align:left}.notes-grid .notes-comment-column{width:60%;text-align:left;white-space:normal}.notes-grid .notes-comment-column p:last-child{margin-bottom:0}.notes-grid .notes-date-column{width:20%;text-align:left;white-space:nowrap}.note-edit-card{height:auto;min-height:390px}.note-edit-date{padding:.45rem .65rem;background:#f7f7f7;border:1px solid #ddd;border-radius:.25rem}
.legacy-login-page{background:radial-gradient(circle at 20% 10%,#8999a8 0,transparent 35%),linear-gradient(135deg,#596979 0,#8b949c 48%,#596775 100%);min-height:100vh;position:relative;overflow:hidden}.legacy-login-page:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 40%),repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.025) 80px)}.login-background-mark{position:absolute;right:-25px;bottom:-120px;color:rgba(255,255,255,.045);font-size:380px;font-weight:700;line-height:1;letter-spacing:-35px;user-select:none}.legacy-login-panel{background:#002545;color:#fff;width:min(820px,calc(100% - 40px));min-height:430px;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);border-radius:22px;display:grid;grid-template-columns:42% 58%;overflow:hidden;box-shadow:0 28px 65px rgba(0,19,36,.38);border:1px solid rgba(255,255,255,.13)}.legacy-login-logo{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px;background:linear-gradient(145deg,#002545,#07385f);position:relative}.legacy-login-logo:after{content:"";position:absolute;right:0;top:12%;height:76%;width:1px;background:rgba(255,255,255,.15)}.legacy-login-logo img{width:100%;max-width:235px}.legacy-login-logo p{margin:28px 0 0;text-transform:uppercase;letter-spacing:2.5px;font-size:.7rem;color:#bfd0df}.legacy-login-form{padding:55px 62px;color:#fff;font-size:.84rem;display:flex;align-items:center}.legacy-login-native-form{width:100%}.login-kicker{display:block;color:#a9bed0;text-transform:uppercase;letter-spacing:1.8px;font-size:.66rem;font-weight:600;margin-bottom:4px}.login-title{display:block;font-size:1.75rem;font-weight:600;margin-bottom:25px}.legacy-login-native-form>label:not(.login-title){display:block;margin:0 0 6px;color:#d7e2eb;font-weight:500}.login-input-wrap{position:relative;margin-bottom:18px}.login-input-wrap>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:2;color:#6f8394}.login-control{width:100%;max-width:none;height:44px;margin:0;padding-left:41px;color:#172938!important;background:#f8fafc!important;border:1px solid transparent;border-radius:8px;font-size:.9rem!important}.login-control:focus{border-color:#8eacc3;box-shadow:0 0 0 3px rgba(142,172,195,.2)}.login-button{width:100%;height:44px;margin-top:5px;border:0!important;border-radius:8px;background:#6783ad!important;font-size:.87rem!important;font-weight:600;display:flex;align-items:center;justify-content:center;gap:9px}.login-button:hover{background:#7691b7!important}.legacy-login-footer{color:#eef4f8;text-align:center;font-size:.78rem;width:100%;position:absolute;bottom:38px;left:0}.legacy-login-footer span{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:20px;background:rgba(0,29,53,.2)}.login-layout{min-height:100vh}
#blazor-error-ui{background:lightyellow;bottom:0;box-shadow:0 -1px 2px rgba(0,0,0,.2);display:none;left:0;padding:.6rem 1.25rem .7rem;position:fixed;width:100%;z-index:1000}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:.75rem;top:.5rem}
@media(max-width:768px){.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.legacy-login-panel{height:70%;width:90%;padding-top:40px;top:10%;left:5%;margin:0;display:block}.legacy-login-logo{width:100%;height:20%;padding:0;justify-content:center}.legacy-login-logo img{height:70%;width:60%;object-fit:contain}.legacy-login-form{width:100%;height:auto;padding:10% 10px 0;align-items:stretch}.login-title{text-align:center}.login-control{width:95%;max-width:none;margin-left:10px}.login-button{margin-left:25%;width:50%;height:40px}.legacy-login-footer{height:10vh;width:60%;top:85%;left:20%;margin:0}.calendar-grid{grid-template-columns:repeat(3,1fr)}.tracker-topbar .tracker-toplinks{display:none}.project-edit-heading{width:100%;justify-content:center;text-align:center}.project-desktop-actions{display:none}.project-edit-message,.project-edit-shell{width:100%}.project-edit-card{height:auto;min-height:0}.project-edit-body{overflow:visible}.project-mobile-actions{display:flex;margin:10px 5%;gap:.4rem}.project-mobile-actions .btn-primary{width:80%}.project-mobile-actions .btn-danger{width:20%}.project-team-label{gap:2rem}.notes-page{padding-left:0}.notes-title{text-align:center}.notes-toolbar{align-items:stretch}.notes-search{display:block}.notes-search button,.notes-add-button{width:100%;margin-top:.4rem}}

/* Rooms: faithful weekly Web Forms schedule */
.rooms-page{height:100%;padding:0 10px;overflow:hidden;display:flex;flex-direction:column}.rooms-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin:.75rem 0;flex-shrink:0}.rooms-week{display:flex;align-items:center;gap:.5rem}.rooms-week-label{font-weight:600;color:#004882;min-width:19ch;text-align:center}.rooms-grid-wrap{overflow:auto;flex:1;min-height:0;border:1px solid #DBE3EC;border-radius:8px;background:#fff}.rooms-grid{border-collapse:separate;border-spacing:0;width:100%;font-size:.85rem;background:#fff;margin:0}.rooms-grid th{position:sticky;top:0;background:#496287;color:#fff;z-index:2;padding:.35rem .4rem;text-align:center;font-weight:500;min-width:68px}.rooms-grid th.today{background:#0288D1}.rooms-grid .dow{font-size:.72rem;opacity:.9}.rooms-grid .dom{font-weight:700;font-size:1rem}.rooms-grid td.hour-col,.rooms-grid th.hour-col{position:sticky;left:0;width:56px;min-width:56px;max-width:56px;background:#eef2f7;color:#6c7a89;text-align:right;padding:0 .4rem;white-space:nowrap;border-right:1px solid #DBE3EC;font-size:.75rem}.rooms-grid th.hour-col{z-index:3;background:#496287}.rooms-grid .slot{border-bottom:1px solid #DBE3EC;border-right:1px solid #DBE3EC;height:1.95rem;padding:2px 3px;vertical-align:top;overflow:hidden;cursor:pointer}.rooms-grid .slot.hourline{border-top:1px solid #d3dbe4}.rooms-grid .slot:hover{background:#F0F5FA}.bk-chip{display:inline-block;background:#6D9BC5;color:#fff;border-radius:4px;font-size:.72rem;line-height:1.4;padding:2px 6px;margin:0 2px 2px 0;white-space:nowrap;cursor:pointer}.bk-chip.mine{box-shadow:0 0 0 2px #0288D1}.bk-chip b{font-weight:700}.rooms-event-detail p:last-child{margin-bottom:0}

/* PTO: faithful twelve-month Web Forms calendar */
.pto-page{height:100%;overflow:auto;padding-bottom:1rem}.pto-header{padding:12px;background:#fff;border-radius:10px}.pto-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.75rem}.pto-year{display:flex;align-items:center;gap:.5rem}.pto-year-label{font-weight:600;font-size:1.1rem;color:#004882;min-width:4ch;text-align:center}.pto-types{display:flex;gap:.4rem}.pto-type{border:1px solid #DBE3EC;background:#fff;border-radius:6px;padding:.35rem .8rem;font-size:.85rem;font-weight:500;cursor:pointer;color:#1f2b38}.pto-type.v.active{background:#6D9BC5;color:#fff;border-color:#6D9BC5}.pto-type.s.active{background:#D9D9D9;color:#333;border-color:#c4c4c4}.pto-balance{display:flex;gap:1rem;font-size:.85rem;color:#6c7a89}.pto-summary{margin-bottom:1rem}.pto-summary-wrap{overflow:auto;max-height:150px;border:1px solid #DBE3EC;border-radius:6px}.pto-summary-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.78rem;background:#fff;margin:0}.pto-summary-table th,.pto-summary-table td{padding:.3rem .45rem;text-align:center;white-space:nowrap;border-bottom:1px solid #DBE3EC;min-width:85px}.pto-summary-table thead th{background:#eef2f7;color:#004882;font-weight:600;position:sticky;top:0;z-index:3}.pto-summary-table .type-col{position:sticky;left:0;background:#eef2f7;font-weight:700;color:#004882;text-align:left;min-width:56px;z-index:2}.pto-summary-table thead th.type-col{z-index:4}.pto-summary-table tbody tr:last-child td{border-bottom:0}.pto-summary-table .row-v td:not(.type-col){color:#0288D1;font-weight:600}.pto-summary-table .row-s td:not(.type-col){color:#6c7a89;font-weight:600}.pto-summary-table th.me,.pto-summary-table td.me{background:#E7EEF6}.pto-summary-total{text-align:center;font-size:.8rem;color:#6c7a89;margin:.4rem 0 0}.pto-calendar-panel{background:#fff;padding:12px;border-radius:10px;margin-top:12px}.pto-months{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.pto-month{background:#fff;border:1px solid #DBE3EC;border-radius:8px;overflow:hidden}.pto-month h4{margin:0;font-size:.95rem;color:#004882;text-align:center;background:#E7EEF6;padding:.45rem .5rem;border-bottom:1px solid #DBE3EC}.pto-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:.75rem}.pto-wd{background:#eef2f7;border-radius:3px;text-align:center;font-size:.7rem;color:#6c7a89;font-weight:500;padding:2px 0}.pd{display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-size:.78rem;border-radius:4px;color:#1f2b38;user-select:none}.pd.empty{visibility:hidden}.pd.clickable{cursor:pointer}.pd.clickable:hover{outline:1px solid #6D9BC5}.pd.off{background:#C7C7C7;color:#949494}.pd.past{color:#c2c2c2}.pd.v{background:#6D9BC5;color:#fff}.pd.s{background:#D9D9D9;color:#333}.pd.today{outline:2px solid #0288D1;font-weight:700}.pto-user-picker{max-width:420px;margin-bottom:12px}.pto-user-picker small{display:block;margin-top:.4rem}.pto-holiday-form{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:1rem}.pto-holiday-actions{display:flex;gap:.5rem}
@media(max-width:768px){.projects-page{height:auto;display:block}.projects-page>.content-card{display:block;overflow:visible}.projects-page .table-responsive{max-height:none}.rooms-page{overflow:auto}.rooms-grid-wrap{max-height:70vh}.rooms-week-label{font-size:.95rem;min-width:0}.pto-months{grid-template-columns:1fr}}

/* Legacy password update */
.legacy-password-page{position:relative;min-height:100%;background:#909090;padding-top:1px}.legacy-password-requirements{margin:0 11%;border-radius:0}.legacy-password-message{position:relative;z-index:2;max-width:700px;margin:.5rem auto}.legacy-password-card{position:absolute;top:50%;left:50%;width:500px;height:380px;margin-top:-190px;margin-left:-250px;border-radius:20px;background:#002545;color:#fff}.legacy-password-form{padding:30px 50px 20px 150px;font-size:.85rem}.legacy-password-form h4{text-align:center;margin:0 0 28px}.legacy-password-form label{display:block;font-weight:600;margin:0 0 5px}.legacy-password-input,.legacy-password-button{width:60%;font-size:.85rem!important}.legacy-password-input{color:#000!important;margin-bottom:16px}.legacy-password-button{height:40px;font-size:1.02rem!important}.legacy-password-state{margin-top:12px;font-size:10px;text-align:center;color:#d8e4ee}
.room-event-modal{background:#fff!important;border-radius:6px!important}.room-event-editor-page{height:99%;overflow-y:auto;padding:10px;overflow-x:hidden}.room-event-editor-card{width:800px;height:auto;margin-left:25%}.room-event-editor-form{display:grid;grid-template-columns:140px 1fr;gap:18px 12px;align-items:center}.room-event-date-row{display:grid;grid-template-columns:150px 100px 100px;gap:0}.room-event-small-select{width:100px}.room-event-room-select{width:220px}.room-event-readonly-note{grid-column:1/-1;font-size:.8rem;color:#664d03;background:#fff3cd;border:1px solid #ffecb5;padding:.5rem}.room-event-editor-actions{grid-column:1/-1;text-align:right}.room-event-editor-actions .btn{margin-left:.35rem}
@media(max-width:768px){.legacy-password-requirements{margin:0}.legacy-password-card{position:relative;top:auto;left:auto;width:90%;height:380px;margin:55px 5% 0}.legacy-password-form{padding:30px 25%}.legacy-password-input,.legacy-password-button{width:100%}.room-event-editor-card{width:90%;margin:0 5%}.room-event-editor-form{grid-template-columns:1fr}.room-event-date-row{grid-template-columns:minmax(130px,1fr) 80px 80px}.room-event-readonly-note,.room-event-editor-actions{grid-column:1}}

/* Properties: original Web Forms structure and independent editor */
.properties-page{height:100%;overflow:auto}.properties-title{height:8%;min-height:52px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.properties-title h3{margin:0}.properties-card{height:88%;min-height:420px;background:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;overflow:hidden}.properties-card .card-header{min-height:52px}.properties-header{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;justify-content:space-between}.properties-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:1 1 460px}.properties-filters .form-control{flex:1 1 190px;min-width:150px}.properties-filters .form-select{flex:0 1 165px;min-width:140px}.properties-header-actions{display:flex;align-items:center;gap:.7rem}.properties-count{font-size:.78rem;color:var(--c4p-text-muted);white-space:nowrap}@media(max-width:768px){.properties-filters{flex:1 1 100%}.properties-filters .form-control,.properties-filters .form-select{flex:1 1 100%}}.properties-card .card-body{height:calc(100% - 52px);overflow:auto}/* Los dos botones de crear, propiedad y proyecto, cuadrados y del mismo tamano.
   Van en gris a proposito: crear no es la accion principal de una pantalla que
   se usa sobre todo para consultar. */
.btn-create-icon{width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.property-yes{background:#c6efce!important;color:#000!important}.property-no{background:#ffc7ce!important;color:#000!important}.new-property-page{height:100%;overflow:auto;padding-left:20px}.new-property-card{min-height:98%;background:#fff}.new-property-card>.card-header{min-height:52px}.new-property-card>.card-body{overflow:visible}.property-input{height:42px;border-radius:10px}.property-editor{min-height:110px;resize:vertical}.property-multi{position:relative}.property-multi-button{width:100%;height:42px;border:1px solid #ced4da;border-radius:10px;background:#fff;padding:0 .75rem;display:flex;align-items:center;justify-content:space-between;text-align:left}.property-multi-menu{position:absolute;top:45px;left:0;right:0;z-index:25;background:#fff;border:1px solid #ced4da;border-radius:.25rem;box-shadow:0 3px 10px rgba(0,0,0,.18);padding:.6rem;display:flex;flex-direction:column;gap:.4rem}.property-team-selection{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.property-team-selection .form-label{margin:0}.property-team-button{width:32px;height:32px;border:0;background:transparent;color:#212529;padding:0;display:inline-flex;align-items:center;justify-content:center}.property-team-button:hover{color:#6d9bc5}.team-check-list{display:flex;flex-direction:column;gap:.5rem}.property-image-preview-card{overflow:hidden}.property-image-preview{height:130px;object-fit:cover}.property-preview-remove{z-index:2;min-width:30px}.property-map-search{display:block;margin-top:.5rem}.property-map-search>div{width:100%}.property-place-autocomplete{width:100%;background:#fff!important;color:#000!important;color-scheme:light!important;border-radius:6px}.property-place-autocomplete gmp-place-autocomplete{width:100%!important;background-color:#fff!important;color:#000!important;color-scheme:light!important;border-radius:6px!important}.property-map{width:100%;height:500px;border:1px solid #c7c7c7;border-radius:10px;margin-top:10px;z-index:1}.property-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:10px}.vacation-report-wrap{overflow:auto;max-height:calc(100vh - 230px)}.vacation-report-table{min-width:1050px}.vacation-report-table th,.vacation-report-table td{min-width:30px;padding:.35rem!important}.vacation-report-table th:first-child,.vacation-report-table td:first-child{position:sticky;left:0;z-index:3;background:#fff;min-width:150px;text-align:left}.vacation-mark-v{background:#6D9BC5!important;color:#fff!important}.vacation-mark-s{background:#D9D9D9!important;color:#333!important}
@media(max-width:768px){.new-property-page{padding-left:0}.property-map{height:360px}.property-map-search{display:block}.property-map-search button{margin-top:.5rem;width:100%}.property-coordinates{grid-template-columns:1fr}.properties-title{padding:8px 4px}}

@media(max-width:768px){.legacy-login-panel{width:calc(100% - 32px);height:auto;min-height:0;padding:0;top:50%;left:50%;margin:0;transform:translate(-50%,-53%);display:grid;grid-template-columns:1fr}.legacy-login-logo{width:100%;height:145px;padding:25px}.legacy-login-logo:after{display:none}.legacy-login-logo img{height:auto;width:180px}.legacy-login-logo p{margin-top:14px}.legacy-login-form{width:100%;height:auto;padding:30px 28px 34px;align-items:center}.legacy-login-native-form{width:100%}.login-title{text-align:left;font-size:1.45rem;margin-bottom:20px}.login-control{width:100%;max-width:none;margin:0}.login-button{width:100%;height:44px;margin:5px 0 0}.legacy-login-footer{width:100%;height:auto;top:auto;left:0;bottom:16px;margin:0}}

/* Account password update */
.password-page{position:relative;min-height:100%;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 85% 15%,#aab4bd 0,transparent 30%),linear-gradient(135deg,#657481,#939ba2);overflow:hidden}.password-background-mark{position:absolute;right:3%;bottom:-12%;font-size:300px;color:rgba(255,255,255,.05);transform:rotate(-8deg)}.password-shell{position:relative;z-index:1;width:min(900px,100%);min-height:510px;display:grid;grid-template-columns:42% 58%;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:#fff;box-shadow:0 28px 65px rgba(0,24,43,.3)}.password-intro{padding:55px 42px;background:linear-gradient(145deg,#002545,#07385f);color:#fff}.password-intro-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:28px;border-radius:14px;background:rgba(255,255,255,.12);font-size:1.35rem}.password-kicker{margin:0 0 5px;color:#a9bed0;text-transform:uppercase;letter-spacing:1.7px;font-size:.68rem;font-weight:600}.password-intro h1{margin:0 0 14px;font-size:1.75rem;line-height:1.2}.password-intro>p:not(.password-kicker){color:#cbd8e2;font-size:.82rem;line-height:1.65}.password-rules{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:12px;color:#9fb0be;font-size:.78rem}.password-rules li{display:flex;align-items:center;gap:9px}.password-rules i{width:19px;height:19px;display:grid;place-items:center;border:1px solid #6c8294;border-radius:50%;font-size:.55rem;color:transparent}.password-rules .password-rule-valid{color:#fff}.password-rules .password-rule-valid i{border-color:#79b593;background:#79b593;color:#fff}.password-form-panel{padding:42px 58px;color:#263746}.password-form-heading{display:flex;align-items:center;gap:.75rem;margin-bottom:25px;padding-bottom:18px;border-bottom:1px solid #e2e7eb}.password-user-badge{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#e9eff5;color:#496287}.password-form-heading div{display:flex;flex-direction:column}.password-form-heading span:not(.password-user-badge){color:#84909a;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.password-form-heading strong{font-size:.86rem}.password-message{margin:0 0 18px;padding:.65rem .8rem;font-size:.78rem}.password-form-panel label{display:block;margin:0 0 6px;color:#455965;font-size:.77rem;font-weight:600}.password-input-wrap{position:relative;margin-bottom:17px}.password-input-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:2;color:#81909c}.password-input-wrap input{height:43px;padding-left:41px;border-radius:8px;font-size:.86rem!important}.password-input-wrap input:focus{border-color:#8eacc3;box-shadow:0 0 0 3px rgba(103,131,173,.15)}.password-submit{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:8px;border-radius:8px;font-size:.84rem}.password-submit:disabled{opacity:.7}
@media(max-width:768px){.password-page{display:block;padding:1rem;overflow:auto}.password-shell{min-height:0;grid-template-columns:1fr}.password-intro{padding:30px 28px}.password-intro-icon{margin-bottom:18px}.password-intro h1{font-size:1.45rem}.password-rules{margin-top:20px;grid-template-columns:1fr 1fr;gap:8px}.password-form-panel{padding:30px 28px 35px}}

/* Project editor workspace */
.project-edit-page{min-height:100%;padding:0 .5rem 1.5rem}.project-edit-heading{width:min(1180px,100%);margin:0 auto 1rem;padding:.35rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.project-edit-title{display:flex;align-items:center;gap:.85rem;min-width:0}.project-edit-title-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:11px;background:#002545;color:#fff;box-shadow:0 5px 12px rgba(0,37,69,.2)}.project-edit-title>div{min-width:0}.project-edit-title span:not(.project-edit-title-icon){display:block;color:#798690;font-size:.67rem;text-transform:uppercase;letter-spacing:.12em}.project-edit-title h1{margin:2px 0 0;overflow:hidden;color:#263746;font-size:1.3rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.project-desktop-actions{display:flex;gap:.5rem}.project-desktop-actions .btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem}.project-edit-message{width:min(1180px,100%);margin:.5rem auto}.project-edit-shell{width:min(1180px,100%);margin:0 auto}.project-edit-card{height:auto;min-height:0;overflow:hidden;border:0;border-radius:14px;box-shadow:0 8px 25px rgba(30,48,62,.1)}.project-edit-card-header{min-height:70px;padding:1rem 1.35rem;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e6eaed}.project-edit-card-header>div{display:flex;flex-direction:column}.project-edit-card-header span{font-weight:600;color:#263746}.project-edit-card-header small{margin-top:3px;color:#83909a;font-size:.72rem}.project-edit-body{overflow:visible;padding:0;background:#f7f8f9}.project-form-section{padding:1.4rem 1.5rem;background:#fff;border-bottom:1px solid #e6eaed}.project-form-section:last-child{border-bottom:0}.project-form-section-heading{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:1.1rem}.project-form-section-heading>i{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:8px;background:#eaf0f6;color:#496287}.project-form-section-heading h2{margin:0;color:#2c3f4c;font-size:.92rem;font-weight:600}.project-form-section-heading p{margin:2px 0 0;color:#87939c;font-size:.7rem}.project-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem}.project-field-wide{grid-column:1/-1}.project-field .form-label{margin-bottom:.35rem;color:#53646f;font-size:.74rem;font-weight:600}.project-field .form-control,.project-field .form-select{height:42px;border-color:#d7dde2;border-radius:8px;background-color:#fbfcfd}.project-field .form-control:focus,.project-field .form-select:focus{border-color:#8ba7ba;box-shadow:0 0 0 3px rgba(103,131,173,.12);background:#fff}.project-field>small{display:block;margin-top:.3rem;color:#96a0a8;font-size:.65rem}.project-input-with-icon{position:relative}.project-input-with-icon>i{position:absolute;left:13px;top:50%;z-index:2;transform:translateY(-50%);color:#82929e}.project-input-with-icon .form-control{padding-left:38px}.project-activity-section .html-editor{overflow:hidden;border-color:#d7dde2;border-radius:8px}.project-activity-section .html-editor-content{height:135px}.project-team-label{display:flex;align-items:center;justify-content:space-between;gap:1rem}.project-team-label .project-form-section-heading{margin-bottom:.8rem}.project-team-add{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:8px;background:#eaf0f6;color:#496287}.project-team-add:hover{background:#dce7f1;color:#002545}.project-team-value{min-height:44px;padding:.7rem .85rem;background:#f7f9fa;border:1px solid #dce1e5;border-radius:8px;color:#4c5d68;font-size:.78rem}.project-mobile-actions{display:none}
@media(max-width:900px){.project-edit-heading{align-items:flex-start}.project-desktop-actions{flex-wrap:wrap;justify-content:flex-end}.project-form-grid{grid-template-columns:1fr}.project-field-wide{grid-column:auto}}
@media(max-width:768px){.project-edit-page{padding:0 0 1rem}.project-edit-heading{justify-content:flex-start}.project-edit-title{max-width:100%}.project-edit-title h1{font-size:1.1rem}.project-desktop-actions{display:none}.project-edit-shell,.project-edit-message{width:100%}.project-edit-card{border-radius:10px}.project-edit-card-header{padding:1rem}.project-edit-card-header small{display:none}.project-form-section{padding:1.15rem 1rem}.project-form-grid{grid-template-columns:1fr}.project-mobile-actions{display:flex;margin:10px 0;gap:.5rem}.project-mobile-actions .btn-primary{width:80%}.project-mobile-actions .btn-danger{width:20%}}

/* News & Insights legacy workflow */
.ql-container,.ql-snow,.ql-editor,.ql-snow .ql-picker{font-family:"Roboto",Arial,Helvetica,sans-serif}.news-page{height:100%;overflow:auto}.news-heading{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:5px 10px}.news-heading>div{display:flex;align-items:center;gap:.75rem}.news-heading h3{margin:0;font-size:1.15rem}.news-heading .badge{font-size:.68rem;font-weight:500}.news-list-card{height:calc(100% - 68px);min-height:430px}.news-toolbar{display:flex;align-items:end;gap:1rem}.news-toolbar label{margin-bottom:.25rem;font-size:.75rem}.news-toolbar .form-control,.news-toolbar .form-select{min-width:170px}.news-filter-button{height:38px}.news-add-button{width:38px;height:38px;margin-left:auto;border:0;background:transparent;color:#496287;display:grid;place-items:center}.news-add-button:hover{color:#6d9bc5}.news-table-wrap{padding-top:0;overflow:auto}.news-table{min-width:950px}.news-table th:nth-child(1),.news-table th:nth-child(2){width:9%}.news-table th:nth-child(5){width:10%}.news-table th:last-child{width:75px}.news-text-cell{text-align:left!important;white-space:normal}.news-text-cell p:last-child{margin-bottom:0}.news-actions-cell{width:75px;white-space:nowrap}.news-edit-button,.news-delete-button{border:0;background:transparent;color:#6d9bc5;padding:.25rem}.news-edit-button:hover,.news-delete-button:hover{color:#496287}.news-editor-grid .ql-toolbar{border-radius:6px 6px 0 0}.news-editor-grid .ql-container{border-radius:0 0 6px 6px;background:#fff;font-family:"Roboto",Arial,Helvetica,sans-serif}.news-editor-grid .ql-editor{font-size:.9rem}
@media(max-width:768px){.news-heading{align-items:flex-start;flex-direction:column;padding-bottom:10px}.news-heading>div{align-items:flex-start;flex-direction:column}.news-list-card{height:auto}.news-toolbar{align-items:stretch;flex-direction:column}.news-toolbar .form-control,.news-toolbar .form-select{width:100%;min-width:0}.news-add-button{margin:0 0 0 auto}.news-filter-button{width:100%}}

/* Campaigns: UI-only Microsoft Graph prototype */
.campaign-page{min-height:100%;padding:.4rem .6rem 1.5rem;color:#263746}.campaign-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 auto 1rem}.campaign-heading h1{margin:1px 0 4px;font-size:1.45rem;font-weight:600}.campaign-heading p{margin:0;color:#7d8a94;font-size:.78rem}.campaign-heading .btn{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}.campaign-heading-actions{display:flex;gap:.5rem}.campaign-kicker{color:#6783ad;font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.campaign-prototype-alert{display:flex;align-items:center;gap:.55rem;padding:.65rem .8rem;font-size:.75rem}.campaign-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.campaign-metric{min-height:105px;padding:.9rem 1rem;border:1px solid #e0e5e9;border-radius:11px;background:#fff;color:#263746;text-align:left;box-shadow:0 5px 15px rgba(36,54,67,.05)}button.campaign-metric{cursor:pointer}.campaign-metric span{display:block;color:#73818b;font-size:.69rem;font-weight:600;text-transform:uppercase}.campaign-metric strong{display:block;margin:.1rem 0;color:#002545;font-size:1.75rem}.campaign-metric small{color:#97a1a8;font-size:.63rem}.campaign-metric-muted{background:#f5f6f7}.campaign-metric-muted strong{color:#9ca5ab}.campaign-list-card,.campaign-editor-card,.campaign-preview-card{overflow:hidden;border:0;border-radius:12px;box-shadow:0 7px 22px rgba(35,52,65,.08)}.campaign-card-header,.campaign-editor-card>.card-header,.campaign-preview-card>.card-header{min-height:64px;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e6eaed}.campaign-card-header>div,.campaign-editor-card>.card-header,.campaign-preview-card>.card-header{gap:2px}.campaign-card-header>div,.campaign-editor-card>.card-header>div,.campaign-preview-card>.card-header>div{display:flex;flex-direction:column}.campaign-card-header small,.campaign-editor-card>.card-header small,.campaign-preview-card>.card-header small{display:block;color:#8a969f;font-size:.65rem;font-weight:400}.campaign-empty{padding:4rem 1rem;text-align:center}.campaign-empty>span{width:58px;height:58px;margin:0 auto 1rem;display:grid;place-items:center;border-radius:16px;background:#eaf0f6;color:#496287;font-size:1.4rem}.campaign-empty h2{font-size:1.05rem;font-weight:600}.campaign-empty p{max-width:520px;margin:.4rem auto 1.25rem;color:#7d8a94;font-size:.75rem}.campaign-table td:first-child strong,.campaign-table td:first-child small{display:block}.campaign-table td:first-child small{color:#929da5;font-size:.65rem}.campaign-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1rem}.campaign-template-card{overflow:hidden;border:1px solid #e1e5e8;border-radius:12px;background:#fff;box-shadow:0 7px 20px rgba(35,52,65,.07)}.campaign-template-preview{height:190px;overflow:hidden;padding:18px;pointer-events:none;background:#f4f5f6;transform-origin:top left;font-family:Arial,sans-serif;font-size:9px}.campaign-template-preview h2{font-size:15px}.campaign-template-preview h3{font-size:12px}.campaign-template-body{padding:1rem}.campaign-template-body>div:first-child{display:flex;align-items:center;justify-content:space-between}.campaign-template-state{padding:.25rem .45rem;border-radius:12px;background:#e7f1ea;color:#326443;font-size:.6rem;font-weight:600}.campaign-template-body small{color:#929da5;font-size:.65rem}.campaign-template-body h2{margin:.75rem 0 .25rem;font-size:1rem;font-weight:600}.campaign-template-body p{min-height:34px;margin:0 0 .65rem;color:#7a8790;font-size:.7rem}.campaign-template-body>strong{display:block;overflow:hidden;color:#4d5f6b;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.campaign-template-actions{display:flex;justify-content:flex-end;gap:.45rem;margin-top:1rem}.campaign-editor-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:1rem;align-items:start}.campaign-editor-card>.card-header,.campaign-preview-card>.card-header{flex-direction:column;align-items:flex-start}.campaign-editor-card>.card-body{padding:1.1rem}.campaign-variable-help{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;padding:.65rem;border-radius:7px;background:#f2f5f7;color:#657580;font-size:.68rem}.campaign-variable-help strong{margin-right:.25rem}.campaign-variable-help code{padding:.18rem .35rem;border-radius:4px;background:#fff;color:#496287}.campaign-preview-card{position:sticky;top:.5rem}.campaign-preview-recipient{display:grid;grid-template-columns:60px 1fr;gap:.35rem .6rem;padding:.8rem 1rem;border-bottom:1px solid #e6eaed;font-size:.7rem}.campaign-preview-recipient span{color:#89959d}.campaign-preview-card iframe{width:100%;height:560px;border:0;background:#fff}.campaign-compose-main{display:flex;flex-direction:column;gap:1rem}.campaign-preview-frame{width:100%;height:520px;border:0;border-top:1px solid #DBE3EC;background:#fff}.campaign-compose-main{display:grid;gap:1rem}.campaign-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem}.campaign-field-wide{grid-column:1/-1}.campaign-form-grid label{color:#586a76;font-size:.7rem;font-weight:600}.campaign-recipient-input{min-height:120px;resize:vertical}.campaign-recipient-summary{display:flex;justify-content:space-between;gap:1rem;margin-top:.5rem;color:#88949c;font-size:.65rem}.campaign-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.6rem .85rem;margin-bottom:.85rem;background:#fff;border:1px solid #DBE3EC;border-radius:8px}.campaign-bar-identity{display:flex;align-items:center;gap:.6rem;min-width:0;flex-wrap:wrap}.campaign-bar-identity h1{margin:0;font-size:1.05rem;font-weight:600;color:#004882;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:38ch}.campaign-bar-actions{display:flex;gap:.5rem;flex-wrap:wrap}.campaign-state-badge,.campaign-mode-badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.68rem;font-weight:600;white-space:nowrap}.campaign-state-badge.is-draft{background:#eef2f7;color:#496287}.campaign-state-badge.is-ready{background:#E7EEF6;color:#004882}.campaign-state-badge.is-sent{background:#0288D1;color:#fff}.campaign-mode-badge{cursor:help}.campaign-mode-badge.is-live{background:#D9EAD3;color:#2F5D2F}.campaign-mode-badge.is-test{background:#E7EEF6;color:#004882}.campaign-mode-badge.is-locked{background:#F2E3E3;color:#9B2C2C}

.campaign-step-number{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;margin-right:.4rem;border-radius:50%;background:#004882;color:#fff;font-size:.7rem;font-weight:700}
.campaign-status{margin-bottom:.85rem}.campaign-status-line{display:flex;align-items:flex-start;gap:.5rem;font-weight:500}
.contacts-pick{width:38px;text-align:center!important}.contacts-row-picked{background:#E7EEF6}/* El InputFile va dentro de una etiqueta que parece boton: el control nativo no
   se puede dar estilo, asi que se oculta y la etiqueta hace de disparador. */
.contacts-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.contacts-progress{padding:0 1rem 1rem}
.contacts-progress .progress{height:8px;border-radius:4px}
.contacts-progress .progress-bar{background:var(--c4p-primary)}
.contacts-progress small{display:block;margin-top:.5rem;font-size:.78rem;color:var(--c4p-text-muted)}
.contacts-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;text-align:center}
.contacts-plan>div{border:1px solid var(--c4p-border);border-radius:8px;padding:.9rem .5rem;background:var(--c4p-row-alt)}
.contacts-plan span{display:block;font-size:1.6rem;font-weight:700;color:var(--c4p-primary);line-height:1.1}
.contacts-plan small{color:var(--c4p-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}
.contacts-plan-bad span{color:#9B2C2C}
.contacts-plan-note{font-size:.82rem;color:var(--c4p-text-muted);line-height:1.5}
.contacts-picked{padding:.15rem .5rem;border-radius:999px;background:#E7EEF6;color:#004882}
.contacts-summary{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.82rem;color:#6c7a89}.contacts-pager{margin-left:auto;display:flex;gap:.4rem}.contacts-table-wrap{max-height:calc(100vh - 330px);overflow:auto}.contacts-grid{min-width:1100px}.contacts-grid th{white-space:nowrap}.contacts-grid td{text-align:left;overflow-wrap:anywhere}
.campaign-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.campaign-template-picker{max-width:260px}
.campaign-draft-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.campaign-compose-preview iframe{height:650px}
/* Campaign list rows: the name was rendered with the browser default bold size,
   which dominated the table. It is now the same scale as the rest of the row. */
.campaign-table td:first-child .campaign-row-name{display:block;color:#263746;font-size:.78rem;font-weight:600;line-height:1.3}
.campaign-table td:first-child small{display:block}
/* Progress lost its bar: the number already carries the information and the bar
   added a wide column for a value that is read, not compared. */
.campaign-row-progress{color:#5c6b76;font-size:.72rem;white-space:nowrap}
.campaign-row-progress small{color:#97a1a8;font-size:.65rem}
/* FocusOnNavigate moves focus to the page <h1> after every navigation so screen
   readers announce the new page. To do that it adds tabindex="-1", and the browser
   then paints its default focus ring, which reads as a stray black box.
   Only elements with tabindex="-1" are silenced: they cannot be reached with Tab,
   so no keyboard user loses a focus indicator. Real interactive controls keep
   theirs, and the announcement to assistive technology still happens. */
/* Top module menu links.
   These anchors are rendered by <NavLink>, a child component, so Blazor CSS
   isolation cannot reach them: TopModuleMenu.razor.css never applies to them and
   they must be styled from this global sheet. The button that opens a dropdown IS
   rendered by the component itself, so it is styled there; both rules are kept in
   step so a parent item and a plain item look identical.
   The child combinator is essential: without it these bar styles cascade into the
   dropdown panel and paint its links white on white. */
.tracker-topbar .tracker-toplinks>a{height:100%;display:flex;align-items:center;gap:.35rem;padding:0 1rem;border-bottom:3px solid transparent;background:transparent;color:rgba(255,255,255,.75);font-size:.67rem;font-weight:400;line-height:1;text-decoration:none;white-space:nowrap}
.tracker-topbar .tracker-toplinks>a:hover{background:transparent;color:#fff}
.tracker-topbar .tracker-toplinks>a.active{background:transparent;color:#fff;border-bottom-color:#fff}
/* The dropdown panel is white and floats over the page, so its links stay dark. */
.tracker-topbar .tracker-top-dropdown-menu a{display:block;padding:.58rem .68rem;border-radius:6px;color:#425661;font-size:.67rem;line-height:1.3;text-decoration:none;white-space:nowrap}
.tracker-topbar .tracker-top-dropdown-menu a:hover{background:#edf2f6;color:#002545}
.tracker-topbar .tracker-top-dropdown-menu a.active{background:#496287;color:#fff}
@media(max-width:1100px){.tracker-topbar .tracker-toplinks>a{padding:0 .6rem;font-size:.62rem}}

[tabindex="-1"]:focus,[tabindex="-1"]:focus-visible{outline:none;box-shadow:none}

/* Property files: thumbnails and download lists. */
.property-file-grid{display:flex;flex-wrap:wrap;gap:.5rem;padding:.35rem 0}
.property-file-thumb{width:104px;height:78px;object-fit:cover;border:1px solid #dfe5e9;border-radius:6px;background:#f2f5f7}
.property-file-thumb:hover{border-color:#6d9bc5}
/* Los documentos elegidos y todavia no subidos. Se distinguen de los que ya estan
   para que nadie cierre la pantalla creyendo que ya se guardaron. */
.property-file-pending{display:block;margin-top:.35rem;color:#2F5D2F;font-size:.72rem;line-height:1.3}
.property-file-pending i{margin-right:.3rem}
.property-file-list{margin:.25rem 0 0;padding-left:1.1rem;font-size:.85rem}
.property-file-list li{margin-bottom:.2rem}
.property-file-list a{color:#496287;text-decoration:none}
.property-file-list a:hover{text-decoration:underline}

/* Rich text editor over a contenteditable container, ported from Portal 414. */
.html-editor{overflow:hidden;border:1px solid #e0e5e9;border-radius:6px;background:#fff}
.html-editor-bar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:.35rem .4rem;background:#eef2f7;border-bottom:1px solid #e0e5e9}
.html-editor-bar button{min-width:30px;height:28px;padding:0 .45rem;border:1px solid transparent;border-radius:4px;background:transparent;color:#263746;font-size:.82rem;cursor:pointer}
.html-editor-bar button:hover{background:#fff;border-color:#e0e5e9}
.html-editor-bar button.on{background:#004882;color:#fff}
.html-editor-bar .sep{width:1px;height:18px;margin:0 .25rem;background:#e0e5e9}
.html-editor-area{padding:.75rem .9rem;outline:none;overflow-y:auto;font-size:.92rem;line-height:1.55}
.html-editor-area:focus{box-shadow:inset 0 0 0 2px #E7EEF6}
.html-editor-area img{max-width:100%;height:auto}
.html-editor-area a{color:#0288D1}
/* Email templates carry their own widths; keep them inside the editor viewport. */
.html-editor-area table{max-width:100%}
.html-editor-source{width:100%;padding:.75rem .9rem;border:0;outline:none;font-family:Consolas,"Cascadia Mono",monospace;font-size:.8rem;resize:vertical}
/* HTML source editor: monospace and tight line height so markup stays readable. */
.html-source-editor-area{font-family:Consolas,"Cascadia Mono","Courier New",monospace;font-size:.72rem;line-height:1.45;white-space:pre;overflow-wrap:normal;overflow-x:auto;tab-size:2}
.html-source-editor small{display:block;margin-top:.35rem;font-size:.65rem}
@media(max-width:1100px){.campaign-metrics{grid-template-columns:repeat(3,1fr)}.campaign-editor-layout,.contacts-pick{width:38px;text-align:center!important}.contacts-row-picked{background:#E7EEF6}.contacts-picked{padding:.15rem .5rem;border-radius:999px;background:#E7EEF6;color:#004882}
.contacts-summary{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.82rem;color:#6c7a89}.contacts-pager{margin-left:auto;display:flex;gap:.4rem}.contacts-table-wrap{max-height:calc(100vh - 330px);overflow:auto}.contacts-grid{min-width:1100px}.contacts-grid th{white-space:nowrap}.contacts-grid td{text-align:left;overflow-wrap:anywhere}
.campaign-two-column{grid-template-columns:1fr}.campaign-bar-identity h1{max-width:100%}.campaign-template-picker{max-width:100%}.campaign-preview-card{position:static}.campaign-preview-card iframe{height:480px}}
@media(max-width:768px){.campaign-page{padding:.2rem 0 1rem}.campaign-heading{align-items:flex-start;flex-direction:column}.campaign-heading-actions{width:100%}.campaign-heading-actions .btn{flex:1;justify-content:center}.campaign-metrics{grid-template-columns:repeat(2,1fr)}.campaign-metric{min-height:90px}.campaign-template-grid{grid-template-columns:1fr}.campaign-form-grid{grid-template-columns:1fr}.campaign-field-wide{grid-column:auto}.campaign-recipient-summary{flex-direction:column}.campaign-draft-actions .btn{flex:1}.campaign-preview-card iframe{height:420px}}

.campaign-template-preview{display:block;width:100%;padding:0;border:0;pointer-events:none;background:#f4f5f6}
.campaign-subject-variables{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;margin-top:.45rem;color:#87939c;font-size:.64rem}.campaign-subject-variables button{padding:.2rem .45rem;border:1px solid #d5dde3;border-radius:5px;background:#f7f9fa;color:#496287;font-size:.64rem}.campaign-subject-variables button:hover{border-color:#8ba7ba;background:#eaf0f6}.campaign-field-help{display:block;margin-top:.35rem;color:#8b969e;font-size:.62rem}.campaign-recipient-header{flex-direction:row!important;align-items:center!important}.campaign-recipient-header>div{display:flex;flex-direction:column}.campaign-recipient-header .btn{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.campaign-recipient-upload{padding:.85rem;border:1px dashed #b9c6cf;border-radius:9px;background:#f8fafb}.campaign-recipient-upload label{display:block;margin-bottom:.4rem;color:#526570;font-size:.7rem;font-weight:600}.campaign-recipient-upload small{display:block;margin-top:.35rem;color:#8b969e;font-size:.62rem}.campaign-import-message{margin:.75rem 0 0;padding:.65rem .8rem;font-size:.7rem}.campaign-import-message ul{margin:.35rem 0 0;padding-left:1.15rem}.campaign-import-summary{margin-top:.75rem;padding:.55rem .7rem;border-radius:7px;background:#eaf4ed;color:#376948;font-size:.7rem}.campaign-import-summary i{margin-right:.3rem}.campaign-import-preview{max-height:340px;overflow-y:auto;margin-top:.5rem;border:1px solid #e0e5e9;border-radius:7px}.campaign-import-preview th{background:#f0f3f5;color:#536570;font-size:.65rem}.campaign-import-preview td{font-size:.68rem;text-align:left}.campaign-import-preview th,.campaign-import-preview td{padding:.4rem .5rem!important}
@media(max-width:768px){.campaign-recipient-header{align-items:flex-start!important;flex-direction:column!important}.campaign-recipient-header .btn{width:100%;justify-content:center;margin-top:.5rem}}
.campaign-attachment-upload{padding:.85rem;border:1px dashed #b9c6cf;border-radius:9px;background:#f8fafb}.campaign-attachment-upload small{display:block;margin-top:.4rem;color:#7d8a94;font-size:.64rem}.campaign-attachment-empty{display:flex;align-items:center;gap:.55rem;padding:.85rem;border-radius:8px;background:#f0f4f8;color:#6c7a89;font-size:.72rem}.campaign-attachment-list{display:grid;gap:.45rem;margin-top:.75rem}.campaign-attachment-item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:.6rem;padding:.55rem .65rem;border:1px solid #dbe3ec;border-radius:8px;background:#fff}.campaign-attachment-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:#f0f4f8;color:#004882}.campaign-attachment-item strong,.campaign-attachment-item small{display:block}.campaign-attachment-item strong{overflow:hidden;color:#1f2b38;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.campaign-attachment-item small{color:#6c7a89;font-size:.62rem}

.microsoft-login-button{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:.75rem;border:1px solid #c9d3dc!important;border-radius:8px;background:#fff!important;color:#1f2e3a!important;font-size:.86rem!important;font-weight:600}.microsoft-login-button:hover{border-color:#89a0b2!important;background:#f6f9fb!important;color:#002545!important}.microsoft-login-mark{width:18px;height:18px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px}.microsoft-login-mark i:nth-child(1){background:#f35325}.microsoft-login-mark i:nth-child(2){background:#81bc06}.microsoft-login-mark i:nth-child(3){background:#05a6f0}.microsoft-login-mark i:nth-child(4){background:#ffba08}.microsoft-login-help{margin:.65rem 0 0;color:#aebfcd;font-size:.65rem;text-align:center;line-height:1.5}.login-auth-warning{padding:.65rem .75rem;font-size:.68rem}.login-method-divider{display:flex;align-items:center;gap:.75rem;margin:1.15rem 0 .8rem;color:#9eb1c0;font-size:.61rem;text-transform:uppercase;letter-spacing:.09em}.login-method-divider:before,.login-method-divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.16)}.legacy-login-fallback{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(0,18,34,.22)}.legacy-login-fallback summary{padding:.72rem .85rem;color:#d4e0e9;cursor:pointer;font-size:.7rem;list-style:none}.legacy-login-fallback summary::-webkit-details-marker{display:none}.legacy-login-fallback summary:after{content:"+";float:right;color:#9fb2c1;font-size:.9rem}.legacy-login-fallback[open] summary:after{content:"−"}.legacy-login-fallback form{padding:.4rem .85rem .85rem;border-top:1px solid rgba(255,255,255,.12)}.legacy-login-fallback form>label{display:block;margin:.65rem 0 .35rem;color:#d7e2eb;font-size:.7rem;font-weight:500}.legacy-login-fallback .login-input-wrap{margin-bottom:.7rem}.legacy-login-fallback .login-button{margin-top:.9rem}
.campaign-account-status{display:flex;align-items:flex-start;gap:.65rem}.campaign-account-status>i{margin-top:.15rem}.campaign-account-status span{line-height:1.5}
.campaign-preflight-result{display:grid;gap:.35rem}.campaign-preflight-result ul{margin:.35rem 0 0}.campaign-preflight-warnings{color:#66521c}

.contacts-edit-column{width:38px;text-align:center!important}

/* Marking a property file for removal. Nothing leaves its folder until the property
   is saved, so the state has to read as pending rather than done. */
.property-file-cell{position:relative;display:inline-block;line-height:0}
.property-file-remove{position:absolute;top:3px;right:3px;width:22px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:rgba(0,37,69,.78);color:#fff;font-size:.7rem;line-height:1;cursor:pointer}
.property-file-remove:hover{background:#002545}
.property-file-remove:focus-visible{outline:2px solid #6d9bc5;outline-offset:1px}
.property-file-retiring .property-file-thumb{opacity:.32;filter:grayscale(1)}
.property-file-retiring .property-file-remove{background:#a5342c}
.property-file-list li{display:flex;align-items:center;gap:.4rem}
.property-file-list li.property-file-retiring a{color:#a5342c;text-decoration:line-through}
.property-file-remove-inline{width:20px;height:20px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;background:transparent;color:#8a959d;font-size:.68rem;line-height:1;cursor:pointer}
.property-file-remove-inline:hover{border-color:#e0e5e9;background:#fff;color:#a5342c}
.property-file-note{display:block;margin-top:.2rem;color:#a5342c;font-size:.7rem}

/* Metrics: the technical figures are folded behind a switch so the default view
   answers "did this campaign work" and nothing else. */
.campaign-metrics-toolbar{display:flex;justify-content:flex-end;margin:.25rem 0 .5rem}
.campaign-metrics-toolbar .form-check-label{color:#87939c;font-size:.72rem}
.campaign-metric-review{border-color:#e6c9a8!important;background:#fdf8f1!important}
.campaign-metric-review span{color:#8a5a20!important}
.campaign-metric-review strong{color:#8a5a20!important}

/* Recipient timeline: what one person did with one message, oldest first. */
.campaign-metric-help{margin-left:.25rem;color:#a3b1bc;font-size:.62rem;cursor:help}
.campaign-recipient-row{cursor:pointer}
.campaign-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem}
.campaign-timeline-item{display:grid;grid-template-columns:34px 1fr;gap:.75rem;padding:.7rem 0;border-bottom:1px solid #eef2f5}
.campaign-timeline-item:last-child{border-bottom:0}
.campaign-timeline-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#eaf0f6;color:#496287;font-size:.72rem}
.campaign-timeline-automated .campaign-timeline-mark{background:#f2f4f6;color:#a3b1bc}
.campaign-timeline-automated .campaign-timeline-head strong{color:#8b969e;font-weight:500}
.campaign-timeline-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.campaign-timeline-head strong{color:#263746;font-size:.86rem}
.campaign-timeline-head span{color:#8b969e;font-size:.72rem;white-space:nowrap}
.campaign-timeline-url{display:block;margin-top:.2rem;color:#0288D1;font-size:.74rem;word-break:break-all}
.campaign-timeline-body small{display:block;margin-top:.2rem;color:#a3b1bc;font-size:.68rem}
.campaign-timeline-count{margin-left:.4rem;padding:.05rem .35rem;border-radius:9px;background:#eaf0f6;color:#496287;font-size:.68rem;font-weight:600}
.html-editor-upload{display:none}
.html-editor-upload-error{padding:.4rem .9rem;background:#fdf3f2;color:#a5342c;font-size:.72rem;border-bottom:1px solid #f0c4c0}
/* Brochure: the two ways in sit next to each other, so which one is active is
   visible instead of remembered. */
.campaign-brochure-modes{display:inline-flex;gap:2px;margin-bottom:.4rem;padding:2px;border-radius:7px;background:#eef2f5}
.campaign-brochure-modes button{padding:.22rem .6rem;border:0;border-radius:5px;background:transparent;color:#6b7c88;font-size:.68rem;font-weight:600;cursor:pointer}
.campaign-brochure-modes button.on{background:#fff;color:#00304F;box-shadow:0 1px 3px rgba(30,48,62,.14)}
.campaign-brochure-modes button:disabled{opacity:.45;cursor:not-allowed}
.campaign-brochure-uploaded{margin-top:.4rem;font-size:.68rem;word-break:break-all}
.campaign-brochure-uploaded a{color:#0288D1}
.html-editor-upload-url{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap;padding:.4rem .9rem;background:#f2f7f4;border-bottom:1px solid #d9e6de;font-size:.7rem}
.html-editor-upload-url span{color:#4a7059;font-weight:600}
.html-editor-upload-url a{color:#0288D1;word-break:break-all}

/* Printing the campaign metrics. Only the figures reach the page: the recipient list
   is thousands of rows and a printed record of who was mailed is a document nobody
   asked to create. The switches and buttons go too, since paper cannot use them. */
/* Interes por enlace. La direccion completa se muestra debajo del nombre en lugar
   de reemplazarlo: el nombre se lee de un vistazo y la direccion permite comprobar
   que es el enlace que se cree. */
.campaign-links-table th{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#2c3f4c;white-space:nowrap}
.campaign-links-table td{vertical-align:middle}
.campaign-link-name{font-weight:600;color:var(--c4p-text)}
.campaign-link-url{font-size:.72rem;color:var(--c4p-text-muted);word-break:break-all;text-decoration:none}
.campaign-link-url:hover{text-decoration:underline}
.campaign-link-cold td{color:var(--c4p-text-muted)}
.campaign-links-note{margin:0;padding:.7rem .9rem;border-top:1px solid var(--c4p-border);font-size:.75rem;color:var(--c4p-text-muted);background:var(--c4p-row-alt)}
/* El encabezado del informe y la tabla de enlaces existen solo en papel. La
   pantalla ya tenia su forma; esto es material del informe para el cliente. */
.print-report-header,.campaign-links-card,.print-report-legend{display:none}
.campaign-metrics-toolbar{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.campaign-help-toggle{border:0;background:transparent;padding:0;color:var(--c4p-primary);font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem}
.campaign-help-toggle:hover{text-decoration:underline}
.campaign-help{border:1px solid var(--c4p-border);border-left:3px solid var(--c4p-primary);border-radius:8px;background:var(--c4p-row-alt);padding:1rem 1.15rem;margin-bottom:1rem}
.campaign-help dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.85rem 1.6rem;margin:0}
.campaign-help dt{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--c4p-primary);margin-bottom:.15rem}
.campaign-help dd{margin:0;font-size:.82rem;line-height:1.5;color:var(--c4p-text)}
.campaign-help>p{margin:.9rem 0 0;padding-top:.7rem;border-top:1px solid var(--c4p-border);font-size:.78rem;color:var(--c4p-text-muted)}
@media print {
    .tracker-sidebar,
    .tracker-topbar,
    .campaign-heading .btn,
    .campaign-metrics-toolbar,
    .campaign-help,
    .campaign-list-card,
    .campaign-heading,
    .alert,
    .campaign-page > .card:not(.campaign-links-card),
    .modal,
    .modal-backdrop { display: none !important; }

    /* Sin margen de pagina a proposito. El navegador dibuja la direccion de la
       pagina, la fecha y el paginado DENTRO del margen; sin margen no tiene donde
       ponerlos y no los imprime. Es la unica forma de quitarlos desde el codigo:
       no existe un CSS que los apague.
       El margen se recupera como relleno del contenido, justo debajo. */
    @page { margin: 0; }
    .campaign-page { padding: 15mm 14mm !important; }

    .print-report-header { display: block !important; margin: 0 0 5mm; }

    .print-report-brand {
        display: flex; align-items: flex-end; justify-content: space-between; gap: 12mm;
    }
    .print-report-brand img { width: 42mm; height: auto; }
    .print-report-stamp { text-align: right; }
    .print-report-stamp span {
        display: block; font-size: 10pt; font-weight: 700; letter-spacing: .18em;
        text-transform: uppercase; color: #00304F;
    }
    .print-report-stamp small { font-size: 8pt; color: #53646f; }

    /* La linea azul. El borde se imprime siempre; un fondo de color no. */
    .print-report-rule {
        border-top: 2.5pt solid #00304F; margin: 3mm 0 4mm;
    }

    .print-report-title {
        font-size: 18pt; font-weight: 700; color: #00304F; margin: 0; line-height: 1.15;
    }
    .print-report-subject {
        font-size: 10.5pt; color: #53646f; margin: 1.5mm 0 0; font-style: italic;
    }

    .print-report-meta {
        display: flex; flex-wrap: wrap; gap: 2mm 8mm; margin: 4mm 0 0;
        padding-top: 3mm; border-top: .5pt solid #c3cdd6;
    }
    .print-report-meta div { margin: 0; }
    .print-report-meta dt {
        font-size: 7.5pt; font-weight: 600; letter-spacing: .09em; text-transform: uppercase;
        color: #6c7a89; margin: 0 0 .6mm;
    }
    .print-report-meta dd { font-size: 10pt; font-weight: 600; color: #1f2b38; margin: 0; }

    /* Las ayudas de los mosaicos son iconos que en papel no llevan a nada. */
    .campaign-metric-help { display: none !important; }

    .campaign-links-card {
        display: block !important; margin-top: 5mm !important;
        border: 0 !important; box-shadow: none !important; border-radius: 0 !important;
    }
    .campaign-links-card .card-header {
        background: none !important; border: 0 !important; padding: 0 0 2.5mm !important;
    }
    .campaign-links-card .card-header strong {
        font-size: 10.5pt; color: #00304F; letter-spacing: .1em; text-transform: uppercase;
    }
    .campaign-links-card .card-header small { font-size: 8.5pt; color: #53646f !important; }

    /* Los fondos se imprimen a proposito. Aun asi la banda es clara con texto navy,
       no navy con texto blanco: si un controlador descarta el color de fondo, el
       texto navy sigue leyendose sobre el papel. Al reves desapareceria. */
    /* Un PDF no se desplaza. Lo que sobresale de la hoja no queda tras una barra:
       se pierde. El contenedor deja de recortar, y la tabla reparte anchos fijos
       para que un nombre de enlace largo se parta en varias lineas en lugar de
       empujar las columnas fuera del papel. */
    .campaign-links-card .table-responsive { overflow: visible !important; }
    .campaign-links-table {
        font-size: 9pt !important; border-collapse: collapse !important; width: 100% !important;
        table-layout: fixed !important;
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
    }
    /* La primera columna ya no lleva una direccion, solo una etiqueta corta, asi que
       el ancho sobrante se reparte entre las cifras, que es donde se lee. */
    .campaign-links-table th:first-child,
    .campaign-links-table td:first-child { width: 28% !important; overflow-wrap: anywhere; }
    .campaign-links-table th:not(:first-child),
    .campaign-links-table td:not(:first-child) { width: 18% !important; }
    .campaign-links-table thead th {
        background: #E7EEF6 !important; color: #00304F !important;
        font-size: 7.5pt !important; font-weight: 700 !important;
        letter-spacing: .07em; text-transform: uppercase;
        padding: 2.2mm 2.5mm !important; vertical-align: bottom !important;
        border: 0 !important; border-bottom: 1.6pt solid #00304F !important;
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
    }
    .campaign-links-table tbody td {
        padding: 1.7mm 2.5mm !important; border: 0 !important;
        border-bottom: .4pt solid #DBE3EC !important; vertical-align: middle !important;
    }
    .campaign-links-table tbody tr:nth-child(even) td {
        background: #F3F6FA !important;
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
    }
    .campaign-links-table tbody tr { break-inside: avoid; }
    /* Una campana con muchos enlaces no cabe en una hoja, y forzarlo seria peor que
       dejarla correr. Lo que importa es que corra bien: el encabezado se repite en
       la hoja siguiente, ninguna fila se parte por la mitad, y la leyenda viaja
       entera en lugar de quedar cortada entre dos paginas. */
    .campaign-links-table thead { display: table-header-group; }
    .campaign-links-table tfoot { display: table-row-group; }
    .campaign-metrics { break-inside: avoid; }
    .print-report-header { break-inside: avoid; break-after: avoid; }
    .print-report-legend { break-inside: avoid; }
    .campaign-links-card .card-header { break-after: avoid; }
    /* La cifra que el cliente busca. */
    .campaign-links-table tbody td:nth-child(2) {
        color: #00304F !important; font-size: 11pt !important; font-weight: 700 !important;
    }
    .campaign-links-table tbody td:nth-child(n+2) { text-align: center !important; }
    .campaign-link-name { font-size: 9.5pt; color: #1f2b38 !important; }
    /* Un enlace que nadie abrio: se conserva, atenuado, porque el cero informa. */
    .campaign-link-cold td { color: #8b98a3 !important; }
    .campaign-link-cold td:nth-child(2) { color: #8b98a3 !important; font-weight: 600 !important; }
    /* La linea que concilia las dos cifras: 46 personas hicieron 60 visitas. */
    .campaign-links-total td {
        border: 0 !important; border-top: 1.2pt solid #00304F !important;
        padding: 2.4mm 2.5mm !important; font-weight: 700 !important; color: #00304F !important;
        text-align: center !important;
    }
    .campaign-links-total td:first-child {
        text-align: left !important; font-size: 7.5pt !important;
        letter-spacing: .07em; text-transform: uppercase;
    }
    .campaign-links-total td:nth-child(2) { font-size: 11pt !important; }

    .print-report-legend {
        display: block !important; margin-top: 4mm; padding-top: 2.5mm;
        border-top: 1.6pt solid #00304F;
    }
    .print-report-legend h2 {
        font-size: 9.5pt; font-weight: 700; color: #00304F;
        letter-spacing: .1em; text-transform: uppercase; margin: 0 0 2.5mm;
    }
    .print-report-legend dl {
        display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm 5mm; margin: 0;
    }
    .print-report-legend dt {
        font-size: 7.5pt; font-weight: 700; color: #00304F;
        letter-spacing: .06em; text-transform: uppercase; margin: 0 0 .5mm;
    }
    .print-report-legend dd {
        margin: 0; font-size: 8pt; line-height: 1.35; color: #1f2b38;
    }
    .print-report-legend > p {
        margin: 3mm 0 0; padding-top: 2mm; border-top: .4pt solid #DBE3EC;
        font-size: 7.5pt; color: #53646f; line-height: 1.45;
    }

    .campaign-links-note {
        background: none !important; border: 0 !important;
        border-top: .4pt solid #DBE3EC !important;
        padding: 1.6mm 0 0 !important; margin-top: .6mm !important;
        font-size: 7.5pt !important; color: #53646f !important; line-height: 1.45;
    }

    .tracker-shell,
    .tracker-main,
    .tracker-content { display: block !important; height: auto !important; overflow: visible !important; }



    /* Tiles are buttons on screen; on paper they are just figures, and they go in
       one row: two rows of three cost 120px of a page that has to hold the table
       and the legend as well. */
    .campaign-metric {
        border: 1px solid #cfd8de !important; break-inside: avoid;
        min-height: 0 !important; padding: 2.5mm 2.5mm !important; border-radius: 5px !important;
    }
    .campaign-metric span { font-size: 6.8pt !important; letter-spacing: .02em; }
    .campaign-metric strong { font-size: 15pt !important; margin: .3mm 0 !important; }
    .campaign-metric small { font-size: 6.2pt !important; line-height: 1.3; }
    .campaign-metrics {
        display: grid !important; grid-template-columns: repeat(5, 1fr) !important;
        gap: 2mm !important; margin-bottom: 0 !important;
    }

    /* La tarjeta de enlaces queda fuera: en el informe es una seccion del documento,
       no una tarjeta, y el recuadro solo agrega ruido. Tambien la deja partirse entre
       paginas, que es lo que debe hacer cuando la campana lleva muchos enlaces. */
    .card:not(.campaign-links-card) {
        border: 1px solid #cfd8de !important; box-shadow: none !important; break-inside: avoid;
    }

    body { background: #fff !important; }
}

/* Research: estudios de area. El mapa ocupa el alto util porque es donde se
   trabaja; las notas van debajo, no al lado, para que el editor tenga ancho. */
.research-page,.research-edit-page{height:100%;overflow:auto;padding-bottom:1rem}
.research-filters{display:flex;gap:.5rem;flex-wrap:wrap}
.research-filters .form-control{flex:1 1 260px;max-width:420px}
/* La alineacion se define por columna, no celda por celda: la regla global
   .table td centra las celdas pero no los encabezados, y marcarlas a mano dejaba
   cada titulo a la izquierda sobre contenido centrado. Asi los dos siempre
   coinciden, y agregar una columna no puede desalinearla. */
.research-table th,.research-table td{text-align:center;vertical-align:middle}
.research-table th:nth-child(1),.research-table td:nth-child(1),
.research-table th:nth-child(3),.research-table td:nth-child(3){text-align:left}
.research-table th{color:#2c3f4c;font-size:.72rem;font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;white-space:nowrap}
.research-table th:last-child,.research-table td:last-child{width:90px}
.research-name{font-weight:600;color:var(--c4p-text)}
.research-map-tools{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:.75rem}
.research-map-tools .form-control,.research-map-tools .form-select{flex:0 1 260px;max-width:300px}
.research-hint{font-size:.8rem;color:var(--c4p-text-muted)}
.research-radius{flex:0 0 165px!important;max-width:165px!important}
.research-search{margin-bottom:.6rem;max-width:520px}
.research-search gmp-place-autocomplete{width:100%!important;background-color:#fff!important;color:#000!important;color-scheme:light!important;border-radius:6px!important}
/* Mapa y lista lado a lado; en pantallas angostas la lista baja. */
.research-canvas{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:.75rem;align-items:start}
.research-map{width:100%;height:520px;border:1px solid var(--c4p-border);border-radius:10px}
.research-results{height:520px;overflow:auto;border:1px solid var(--c4p-border);border-radius:10px;background:var(--c4p-surface)}
.research-results:empty{display:none}
.research-result-list{list-style:none;counter-reset:lugar;margin:0;padding:0}
.research-result-list li{counter-increment:lugar;position:relative;padding:.6rem .8rem .6rem 2.3rem;border-bottom:1px solid var(--c4p-border);cursor:pointer;font-size:.82rem;line-height:1.4}
.research-result-list li:before{content:counter(lugar);position:absolute;left:.7rem;top:.62rem;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--c4p-primary);color:#fff;font-size:.66rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.research-result-list li:hover{background:var(--c4p-row-alt)}
.research-result-list li.on{background:#E7EEF6}
.research-result-list li:focus-visible{outline:2px solid var(--c4p-secondary);outline-offset:-2px}
.research-result-list strong{display:block;color:var(--c4p-text)}
.research-result-list span{color:var(--c4p-text-muted);font-size:.76rem}
.research-result-credit{margin:0;padding:.6rem .8rem;font-size:.72rem;color:var(--c4p-text-muted);border-top:1px solid var(--c4p-border);background:var(--c4p-row-alt)}

/* La nota explica por que no hay un boton para copiar de la lista al editor. Sin
   ella, la ausencia parece un descuido en lugar de una decision. */
.research-note{margin:.85rem 0 0;padding:.7rem .9rem;border-left:3px solid var(--c4p-secondary);
  background:var(--c4p-row-alt);border-radius:0 6px 6px 0;font-size:.82rem;line-height:1.5;
  color:var(--c4p-text-muted)}
@media(max-width:1200px){.research-canvas{grid-template-columns:1fr}.research-results{height:300px}}
@media(max-width:768px){.research-map{height:360px}}
.research-property-section{margin-top:1rem}
.research-property-section h2{font-size:1.1rem;color:#002B4A;margin-bottom:.9rem}
.research-property-fields,.research-property-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem}
.research-property-fields label,.research-property-filters label{display:block;font-size:.82rem;font-weight:600;color:#2c3f4c}
.research-property-fields .form-control,.research-property-fields .form-select,.research-property-filters .form-control,.research-property-filters .form-select{margin-top:.25rem}
.research-field-action{display:flex;align-items:end}
.research-property-map{height:480px;width:100%;border:0;border-radius:0 0 10px 10px}
/* El mapa general va mas alto que el de captura: ahi se compara el inventario
   completo contra el filtro, no se ajusta un solo inmueble. */
.research-overview-map{height:560px;width:100%;border:1px solid var(--c4p-border);border-radius:10px}
.research-rent-roll{max-width:100%;overflow-x:auto}
.research-rent-roll table{min-width:2250px}
.research-rent-roll th{background:#002B4A!important;color:#fff!important;white-space:normal;font-size:.75rem;text-align:center}
.research-rent-roll td{background:#fffef3;min-width:92px;text-align:center}
.research-rent-roll td:nth-child(1),.research-rent-roll td:nth-child(2){min-width:145px}
.research-rent-roll td .form-control{min-width:85px;font-size:.78rem;padding:.25rem}
/* Un campo con explicacion se senala: sin la linea punteada nadie descubre que
   hay un texto esperando bajo el cursor. Clear height, GLA, WALT, NOI y FMV son
   terminos del oficio, no palabras que se adivinen. */
.research-hint{border-bottom:1px dotted currentColor;cursor:help}
.research-rent-roll th .research-hint{border-bottom-color:rgba(255,255,255,.55)}
/* Las columnas calculadas se leen distinto de las que se capturan. */
.research-rent-roll td.research-derived{background:#f4f6f8;color:#4a5b68;font-variant-numeric:tabular-nums}
/* Un rent roll se lee por sus totales tanto como por sus renglones: el area
   arrendada y la renta anual son las cifras que se comparan entre propiedades. */
.research-rent-roll-total td{background:#eef3f7!important;font-weight:600;color:#002B4A;
  border-top:2px solid #002B4A}
.research-rent-roll-total td:first-child{text-align:right}
.research-currency{width:100px}
.research-owner-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}
.research-owner-row .form-control:first-child{max-width:340px}
.research-owner-row .form-control:nth-child(2){max-width:110px}
.research-property-dot{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;margin-right:.4rem}

/* Indicador de subida en campanas. Un archivo grande tarda y el campo
   deshabilitado no comunica nada por si solo. */
.campaign-upload-busy{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;
  font-size:.85rem;color:#2c3f4c}
.campaign-upload-busy .spinner-border{color:#0288D1}

/* Alta de un destinatario suelto y lista desplazable de la campana. */
.campaign-import-preview thead th{position:sticky;top:0;z-index:1}
.campaign-add-one{margin-top:.75rem;padding:.75rem;border:1px solid #e0e5e9;border-radius:9px;background:#fbfcfd}
.campaign-add-one label{display:block;margin-bottom:.4rem;color:#526570;font-size:.7rem;font-weight:600}
.campaign-add-one-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1.2fr) auto;gap:.5rem}
.campaign-add-one-fields .btn{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}
.campaign-add-one small{display:block;margin-top:.4rem;font-size:.66rem}
@media (max-width:900px){.campaign-add-one-fields{grid-template-columns:1fr}}

/* Contactos dados de baja. Se muestran, no se ocultan: esconderlos haria que el
   conteo del selector prometiera mas de lo que la campana va a entregar. */
.contacts-suppressed{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .4rem;
  border-radius:999px;background:#F2E3E3;color:#9B2C2C;font-size:.68rem;font-weight:600;white-space:nowrap}
.contacts-row-suppressed td,.contact-picker-row-suppressed td{opacity:.62}
.contact-picker-row-suppressed{background:#fbf7f7}

/* Barra de herramientas del mapa de propiedad.

   Regla de la barra: TODO lo que va en la fila mide lo mismo de alto y comparte el
   mismo centro vertical. No se deja al flex decidirlo elemento por elemento --asi
   fue como el interruptor quedo seis pixeles mas arriba que los botones-- sino que
   se fija una altura comun y cada control se centra dentro de ella.

   La barra y el mapa son una sola caja. A la izquierda lo que se hace, a la derecha
   como se ve, separados por una division explicita. */
.research-map-shell{overflow:hidden;border:1px solid var(--c4p-border);border-radius:10px;background:#fff}

.research-map-toolbar{--alto-control:30px;
  display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;
  padding:.5rem .65rem;background:#f7f9fa;border-bottom:1px solid var(--c4p-border)}

/* Los dos grupos y todo lo que contienen comparten la altura de control.
   El margin:0 no es decorativo: una regla general del modulo le ponia 12px de
   margen inferior al grupo izquierdo, y como align-items centra la caja CON su
   margen, ese grupo quedaba seis pixeles mas arriba que el derecho. */
.research-map-toolbar>*{margin:0;align-self:center}
.research-map-tools,.research-map-options{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;
  min-height:var(--alto-control)}
/* Si algo tiene que bajar de renglon, que sean los ajustes y no las herramientas:
   partir los botones de dibujo a media faena es lo que estorba. Las herramientas se
   quedan con el ancho que necesitan y los ajustes bajan enteros. */
.research-map-tools{flex:1 1 auto}
.research-map-options{flex:0 0 auto}
.research-map-tools>*,.research-map-options>*{height:var(--alto-control);
  display:inline-flex;align-items:center;margin:0}

.research-map-tools .btn{gap:.4rem;padding:0 .7rem;white-space:nowrap;line-height:1}
.research-map-tools .btn i{font-size:.8em}
.research-map-clear{color:#9B2C2C;border-color:#e2cfcf}
.research-map-clear:hover{background:#F2E3E3;border-color:#9B2C2C;color:#9B2C2C}

/* Las opciones se leen como ajustes, no como acciones: sin borde y mas discretas. */
.research-map-options{font-size:.78rem;color:#526570}
.research-map-color{gap:.4rem;cursor:pointer}
.research-map-color input[type=color]{width:30px;height:22px;padding:1px;border:1px solid var(--c4p-border);
  border-radius:5px;background:#fff;cursor:pointer}
.research-map-divider{width:1px;background:var(--c4p-border);align-self:center;height:18px!important}

/* El interruptor se arma aqui, no con el .form-check de Bootstrap: de ahi solo se
   toma la apariencia del control. Un intento anterior lo posiciono en absoluto para
   anular el margen negativo de Bootstrap, y sin ancestro posicionado el control se
   fue hasta el borde de la pagina. */
.research-map-switch{display:inline-flex;align-items:center;gap:.45rem;margin:0;cursor:pointer;
  white-space:nowrap}
.research-map-switch .form-check-input{flex:0 0 auto;margin:0;float:none;position:static;
  width:2rem;height:1rem;cursor:pointer}

/* El nombre del contorno en curso vive en la barra, junto a Finish. Encoge en vez
   de empujar: con ancho fijo, al entrar en modo contorno la barra se partia en dos
   renglones y los botones dejaban de compartir fila. */
.research-map-tools .research-map-name{flex:1 1 90px;min-width:80px;max-width:170px;
  min-height:var(--alto-control)}

/* El color de la forma en curso, dentro de la barra. Mismo tratamiento que el
   selector de la propiedad para que los dos se lean como lo que son. */
.research-map-tools .research-map-shape-color{flex:0 0 auto;width:30px;height:var(--alto-control);
  padding:1px;border:1px solid var(--c4p-border);border-radius:5px;background:#fff;cursor:pointer}

/* El buscador vive dentro de la caja, entre la barra y el mapa. */
.research-map-search{max-width:none;margin:0;padding:.5rem .65rem;border-bottom:1px solid var(--c4p-border)}
.research-map-search .form-control,.research-map-search gmp-place-autocomplete{height:34px}

/* En pantalla angosta la barra envuelve sola gracias a flex-wrap. No se toca
   align-items: ponerlo en stretch estiraba el grupo de opciones y rompia el
   centrado justo cuando habia menos espacio. */
@media (max-width:760px){
  .research-map-tools,.research-map-options{justify-content:flex-start}
}
}

/* Hora de una campana programada, bajo su estado. */
.campaign-scheduled-at{display:inline-flex;align-items:center;gap:.3rem;margin-top:.25rem;
  color:#496287;font-size:.66rem;font-weight:600;white-space:nowrap;cursor:help}

/* En la barra de la campana el mismo dato va en fila con las dos insignias, no
   debajo del estado como en la tabla. El margen superior tiene que irse: un flex
   centrado centra la caja CON su margen, asi que esos 4px lo dejarian mas abajo
   que todo lo demas de la fila. Se le da el alto y el relleno de las insignias
   para que los tres bultos midan igual. */
.campaign-bar-identity .campaign-scheduled-at{margin:0;padding:.2rem .55rem;
  border-radius:999px;background:#eef2f7;font-size:.68rem}

/* Encabezado del mapa del inventario: el conteo y el interruptor comparten fila y
   centro vertical, con el interruptor a la derecha. */
.research-map-heading{display:flex;align-items:center;gap:1rem;margin-left:auto}
.research-map-heading small{line-height:1}

/* Lista de formas de una propiedad.
   Misma regla que la barra del mapa: todo lo de un renglon comparte altura y centro
   vertical, asi que la altura se declara una vez y la heredan el icono, el campo y
   los dos botones. El nombre es el unico elemento elastico; el resto mide lo suyo. */
.research-shape-list{--alto-forma:30px;
  list-style:none;margin:.65rem 0 .35rem;padding:0;display:flex;flex-direction:column;gap:.35rem}
.research-shape{display:flex;align-items:center;gap:.5rem;margin:0;
  padding:.3rem .5rem;border:1px solid var(--c4p-border);border-radius:8px;background:#fff}
.research-shape.is-selected{border-color:var(--c4p-azul,#002B4A);background:#f3f7fa}
.research-shape>*{height:var(--alto-forma);min-height:var(--alto-forma);margin:0;
  display:inline-flex;align-items:center}
/* .form-control-sm trae su propio min-height, mas alto que el de la fila, y un
   min-height siempre gana sobre height: sin esto el campo quedaba casi tres
   pixeles mas alto que los botones de al lado. */
.research-shape input{flex:1 1 auto;min-width:0;min-height:var(--alto-forma)}
.research-shape>i{flex:0 0 1rem;justify-content:center;color:#526570;font-size:.85rem}
/* El color de cada forma. Mismo alto que el resto del renglon para no romper la
   fila; el navegador le pone su propio relleno al input de color, de ahi el 1px. */
.research-shape-color{flex:0 0 auto;width:30px;padding:1px;border:1px solid var(--c4p-border);
  border-radius:5px;background:#fff;cursor:pointer}
.research-shape .btn{flex:0 0 auto;padding:0 .55rem;justify-content:center;line-height:1}
.research-shape-detail{flex:0 0 auto;font-size:.75rem;color:#7a8b94;white-space:nowrap}