:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#17314b;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:237px;height:100vh;background:#254a6c;color:#fff;padding:25px 14px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 31px}.brand img{width:47px;height:47px;object-fit:cover;border-radius:12px}.brand strong{display:block;letter-spacing:5px;font-family:Georgia,serif;font-size:20px;font-weight:400}.brand span{font-size:9px;letter-spacing:3px;color:#d5e3ef}.side-label{font-size:10px;letter-spacing:1.7px;color:#b6c9d9;padding:0 11px 12px}#nav{display:grid;gap:5px}#nav button{display:flex;gap:12px;align-items:center;color:#d7e5ef;border:0;background:transparent;text-align:left;padding:12px 13px;border-radius:11px;font-size:13px}#nav button span{font-size:21px;width:22px;text-align:center;line-height:1}#nav button:hover,#nav button.active{background:#466e90;color:white}.sidebar-bottom{margin-top:auto;padding:15px 9px 0;border-top:1px solid #60809a;font-size:12px;display:grid;gap:12px}.sidebar-bottom button{border:1px solid #9bb2c7;background:transparent;color:#fff;border-radius:8px;padding:8px}.main{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #dde5ec;padding:29px 36px 25px;display:flex;justify-content:space-between;align-items:end;gap:22px}.eyebrow{color:#577d9e;font-size:10px;font-weight:700;letter-spacing:2px}.topbar h1{margin:9px 0 0;font-size:27px;font-weight:650}.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.top-actions span{font-size:11px;color:#718598;padding-right:10px}.btn{padding:10px 16px;border-radius:9px;border:1px solid #c7d7e3;background:white;color:#254a6c;font-weight:600;white-space:nowrap;font-size:13px}.btn:hover{filter:brightness(.95)}.btn.primary{background:#28587c;border-color:#28587c;color:#fff}.btn.secondary{background:#eff5f9}.btn.small{padding:7px 11px}.content{padding:30px 36px 60px;max-width:1420px;margin:auto}.section-title{font-size:17px;margin:23px 0 14px}.muted{color:#708497}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat,.panel,.card{background:white;border:1px solid #e0e8ef;border-radius:13px;box-shadow:0 4px 24px #31537709}.stat{padding:22px}.stat span{font-size:12px;color:#657d90;display:block}.stat strong{font-size:32px;display:block;margin-top:10px}.stat small{color:#68829a}.grid-two{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.panel{padding:20px}.panel h3{margin:0 0 14px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:16px}.property-card{padding:0;overflow:hidden}.property-photo{height:155px;background:#e6edf3;display:flex;align-items:center;justify-content:center;color:#6585a0;font-size:43px}.property-photo img{width:100%;height:100%;object-fit:cover}.property-body{padding:17px}.property-body h3{margin:9px 0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-body .price{font-weight:700;color:#28587c;margin:12px 0}.property-body p{color:#6c8092;font-size:12px}.property-body .btn{width:100%}.pill{display:inline-block;background:#eaf2f7;color:#28587c;font-size:11px;font-weight:650;padding:5px 8px;border-radius:50px}.pill.warn{background:#fff1dd;color:#975e00}.pill.demo{background:#f4ebf8;color:#76528c}.filters{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:13px;align-items:end}.filters .wide-search{grid-column:span 2}.filters label,.form-grid label,.login-card label{display:grid;gap:7px;font-size:12px;font-weight:650;color:#57718b}input,select,textarea{width:100%;border:1px solid #cad9e3;background:#fbfdff;color:#1b3650;border-radius:8px;padding:10px;outline:none;min-height:40px}input:focus,select:focus,textarea:focus{border-color:#397daa;box-shadow:0 0 0 3px #397daa21}textarea{resize:vertical;min-height:80px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .full{grid-column:1/-1}.results{color:#71869a;font-size:12px;margin:17px 0}.row-table{width:100%;border-collapse:collapse}.row-table th{text-align:left;font-size:11px;color:#698197;font-weight:700;padding:12px;border-bottom:1px solid #e1e9ef}.row-table td{padding:12px;border-bottom:1px solid #edf1f5;font-size:13px;vertical-align:middle}.row-table tr:last-child td{border:0}.row-table tbody tr:hover{background:#f7fafd}.table-scroll{overflow-x:auto}.price{font-weight:700;color:#28587c}.detail-top{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:24px}.hero-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#e4ecf3}.detail-text h2{font-size:27px;margin:6px 0 13px}.detail-text .price{font-size:25px;margin:16px 0}.detail-text p{line-height:1.6}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:19px 0}.tabs{display:flex;gap:5px;border-bottom:1px solid #dce5ed;margin:17px 0;overflow-x:auto}.tabs button{border:0;background:transparent;padding:10px 14px;color:#607a91;white-space:nowrap}.tabs button.active{color:#28587c;border-bottom:3px solid #28587c;font-weight:700}.detail-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.detail-fields div{padding:13px;border-radius:9px;background:#f3f7fa}.detail-fields small{display:block;color:#678099}.detail-fields strong{display:block;margin-top:6px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.gallery img{width:100%;height:125px;object-fit:cover;border-radius:8px}.gallery figure{margin:0}.gallery figcaption{font-size:11px;word-break:break-word}.empty{padding:36px;background:#fff;border:1px dashed #b9ccda;border-radius:12px;text-align:center;color:#6e8499}.document{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #e9eff4}.document small{color:#7b8d9e}.upload{padding:15px;background:#eff5f9;border-radius:10px;display:flex;gap:11px;align-items:end;flex-wrap:wrap}.upload label{flex:1;min-width:170px;font-size:12px}.upload button{align-self:end}.history-line{border-bottom:1px solid #e9eef3;padding:12px 0}.history-line small{color:#617d94}.history-line p{margin:6px 0;word-break:break-word}dialog{border:0;border-radius:14px;padding:0;width:min(850px,95vw);max-height:92vh;box-shadow:0 25px 90px #102b4366;color:#17314b}dialog::backdrop{background:#11283baa}#editor-form,#contact-form{display:flex;flex-direction:column;max-height:92vh}.dialog-head{padding:20px 26px 10px;display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid #e3eaf0}.dialog-head h2{margin:5px 0 12px}.icon-btn{background:transparent;border:0;font-size:26px;color:#64819a}.dialog-body{overflow:auto;padding:12px 26px 20px;min-height:180px}.dialog-footer{border-top:1px solid #e4ebf1;padding:15px 25px;display:flex;align-items:center;gap:11px;justify-content:flex-end}.dialog-footer span{margin-right:auto;color:#758da0;font-size:11px}.toast{position:fixed;right:20px;bottom:20px;background:#193e5f;color:white;padding:14px 20px;border-radius:9px;box-shadow:0 9px 24px #18344f44;z-index:999}.toast.error{background:#9f363c}.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#244d70,#193b59);padding:20px}.login-card{max-width:450px;width:100%;background:white;border-radius:18px;padding:37px;box-shadow:0 20px 75px #12304d66}.login-logo{width:86px;height:86px;object-fit:cover;border-radius:16px;float:right}.login-card h1{font:normal 33px Georgia,serif;margin:12px 0 7px}.login-card p{color:#76899b;font-size:13px}.login-card form{display:grid;gap:17px;margin-top:29px}.wide{width:100%}.form-error{color:#b23e47!important;min-height:15px}.tiny{font-size:11px!important}.team-row{display:grid;grid-template-columns:1fr 1.4fr 1.4fr 1fr 1fr .8fr 24px;gap:5px;margin-bottom:9px;align-items:center}.team-row select,.team-row input{padding:7px;font-size:11px;min-width:0}.team-row button{border:0;background:#f6e7ea;color:#9b3343;border-radius:5px;height:28px}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.topbar{padding:25px;align-items:start;flex-wrap:wrap}.content{padding:25px}.filters{grid-template-columns:repeat(2,1fr)}.filters .wide-search{grid-column:auto}.grid-two{grid-template-columns:1fr}}@media(max-width:700px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:10px}.brand{padding:4px}.side-label,.sidebar-bottom{display:none}#nav{display:flex;overflow-x:auto}#nav button{white-space:nowrap;padding:9px}.content{padding:16px}.topbar{padding:16px}.top-actions span{display:none}.stats{grid-template-columns:repeat(2,1fr)}.detail-top,.form-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.team-row{display:flex;flex-wrap:wrap}.team-row select,.team-row input{width:45%;flex:auto}}

.dark{background:#142638;color:#e7eff6}.dark .topbar,.dark .panel,.dark .stat,.dark .card,.dark .login-card{background:#1d3549;color:#e7eff6;border-color:#355369}.dark input,.dark select,.dark textarea{background:#234056;color:#f0f5f8;border-color:#41617b}.dark .detail-fields div,.dark .upload{background:#254359}.dark .row-table th,.dark .muted{color:#b8cad8}.dark .row-table td,.dark .row-table th,.dark .document,.dark .history-line{border-color:#35536a}.dark .empty{background:#1d3549;color:#e5edf6}.dark .login-card p{color:#b8cad8}

/* Formularios adaptables: importes legibles y campos agrupados por participación. */
button:disabled{cursor:wait;opacity:.55}a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
#editor{width:min(1080px,96vw)}#editor-tabs{flex-wrap:wrap;overflow:visible;gap:3px;padding:10px 22px;margin:0;flex-shrink:0}#editor-tabs button{white-space:normal;padding:9px 12px;border-radius:7px;font-size:13px}#editor-tabs button.active{background:#eaf2f8;border-bottom-width:2px}#editor .dialog-head{flex-shrink:0}#editor .dialog-head h2{font-size:22px;overflow-wrap:anywhere}.dialog-body{overscroll-behavior:contain;padding-top:18px}.dialog-footer{flex-wrap:wrap;flex-shrink:0}.dialog-footer #editor-hint{flex:1 1 100%;font-size:12px;line-height:1.4;margin:0}.step-controls{display:flex;gap:8px;margin-right:auto}.step-controls button:disabled{cursor:default}.form-grid{gap:22px 24px;align-items:start}.form-grid label{min-width:0;font-size:13px;gap:8px}input,select,textarea{font-size:15px;min-width:0}textarea{resize:vertical;line-height:1.5}.form-grid input[type=number]{font-variant-numeric:tabular-nums;font-size:17px;min-height:46px}.field-help,.section-help{font-weight:400;font-size:12px;line-height:1.55;color:#617a91}.section-help{font-size:14px;margin:0 0 23px;padding:13px 16px;border-radius:9px;background:#f1f6fa}.amount-preview,.t-amount-preview{color:#28587c;font-size:14px;font-weight:700;min-height:18px;font-variant-numeric:tabular-nums}.map-tools{margin-top:24px;padding:20px;border:1px solid #cadae6;background:#f5f9fc;border-radius:12px}.map-tools h3{margin:0 0 8px}.map-tools p{font-size:13px;line-height:1.5}.coordinate-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.coordinate-grid label{display:grid;gap:8px;font-size:12px;color:#57718b}.map-tools .actions{margin-bottom:10px}
.team-row{display:block;min-width:0;margin:0 0 22px;padding:19px;border:1px solid #cbdce8;border-radius:12px;background:#f8fbfd}.team-row legend{font-size:14px;font-weight:700;padding:0 8px;color:#28587c}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 20px;align-items:start}.team-grid label{display:grid;gap:8px;font-size:12px;font-weight:650;color:#57718b;min-width:0}.team-row select,.team-row input{width:100%;font-size:15px;min-height:46px;padding:10px}.team-row .t-value{font-size:18px;font-weight:600}.team-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:14px}.team-footer p{max-width:650px;margin:0}.team-row button.t-remove{padding:9px 13px;height:auto;font-size:12px;flex-shrink:0}.team-row .team-amount{min-width:0}.document-info{min-width:0;overflow-wrap:anywhere}.document-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.document{align-items:start}#document-preview{width:min(1200px,96vw);height:92vh;max-height:92vh}#document-preview .dialog-head h2{font-size:18px;overflow-wrap:anywhere}.preview-layout{height:100%;display:flex;flex-direction:column}.preview-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 24px}.preview-actions p{margin:0}#preview-body{flex:1;min-height:0;background:#e7edf3}#preview-body iframe{width:100%;height:100%;border:0;display:block}
.dark dialog{background:#1d3549;color:#edf4fa}.dark .dialog-head,.dark .dialog-footer,.dark #editor-tabs{border-color:#38576d}.dark .section-help,.dark .team-row,.dark .map-tools{background:#254359;color:#d8e6f1;border-color:#41617b}.dark .field-help,.dark .form-grid label,.dark .team-grid label,.dark .coordinate-grid label,.dark .dialog-footer #editor-hint{color:#bed1e0}.dark .amount-preview,.dark .t-amount-preview,.dark .team-row legend{color:#ddeaf5}.dark #editor-tabs button.active{background:#355a76;color:white}.dark .row-table tbody tr:hover{background:#254359}
@media(max-width:900px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coordinate-grid{grid-template-columns:1fr 1fr}.coordinate-grid button{grid-column:1/-1}.document{flex-direction:column}.document-actions{width:100%}#editor-tabs{padding:8px 14px}.dialog-body{padding:16px 19px}.dialog-head{padding:16px 19px 10px}.dialog-footer{padding:12px 19px}}
@media(max-width:580px){.team-grid,.coordinate-grid{grid-template-columns:1fr}.team-row{padding:14px}.team-row select,.team-row input{width:100%}.team-footer{align-items:start;flex-direction:column}.step-controls{width:100%;margin:0}.step-controls .btn{flex:1}.form-grid{grid-template-columns:1fr;gap:19px}#editor-tabs button{font-size:12px;padding:8px}.dialog-head h2{font-size:19px!important}.dialog-footer .btn{white-space:normal}.dialog-footer #editor-submit{flex:1}.preview-actions{padding:10px 16px}.preview-actions p{width:100%}.document-actions .btn{flex:1}.actions .btn{white-space:normal}}
#user-name{font-size:15px;line-height:1.25;overflow-wrap:anywhere}.user-card{display:flex;align-items:center;gap:11px;padding:8px 2px 5px}.user-identity{display:grid;gap:3px;min-width:0}.user-identity small{color:#bed3e4;font-size:11px}.user-avatar{width:44px;height:44px;min-width:44px;display:grid;place-items:center;border-radius:50%;background:#e3edf7;color:#254a6c;font-size:16px;font-weight:750;letter-spacing:.5px;border:2px solid #a6bfd1}.review-explanation{background:#eaf3fa;color:#254a6c;border:1px solid #c8ddeb;border-radius:12px;padding:14px 18px;margin-bottom:18px}.review-explanation p{margin:7px 0 0;font-size:13px;line-height:1.5}.review-reason{background:#fff3df;color:#795018!important;padding:9px;border-radius:8px;line-height:1.4}.history-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}.history-diff>div{background:#f2f6fa;border:1px solid #e1eaf2;border-radius:9px;padding:11px;overflow-wrap:anywhere;font-size:13px}.history-diff>div>span{display:block;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:700;color:#658096;margin-bottom:7px}.audit-participant{border-bottom:1px solid #dae5ed;padding:7px 0}.audit-participant:last-child{border-bottom:0}.audit-participant strong,.audit-participant small{display:block;line-height:1.5}.dark .review-explanation{background:#183650;color:#ecf4f9;border-color:#3e6079}.dark .review-reason{background:#48361d;color:#f8d397!important}.dark .history-diff>div{background:#18314a;border-color:#35536b;color:#e6edf4}@media(max-width:700px){.sidebar-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:8px;padding:6px;border-top:1px solid #60809a}.user-card{margin-right:auto}.sidebar-bottom button{font-size:11px}.history-diff{grid-template-columns:1fr}}
#extra-dialog{width:min(930px,95vw);max-height:95vh;background:#0b1b2c;color:white;overflow:hidden}#extra-dialog::backdrop{background:#061324d9}.extra-stage{position:relative;display:grid;place-items:center;min-height:min(440px,75vh);padding:28px}.extra-stage img,.extra-stage video{display:block;max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px}.extra-close{position:absolute;z-index:2;top:10px;right:12px;width:35px;height:35px;border:0;border-radius:50%;background:#f8fbff;color:#254a6c;font-size:25px;line-height:1;cursor:pointer}@media(max-width:700px){.extra-stage{min-height:230px;padding:22px}}
.account-create{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.account-create label{flex:1;min-width:230px;display:grid;gap:7px;font-size:13px;color:#55718a}.account-list{margin-top:17px}.account-buttons{display:flex;gap:8px;flex-wrap:wrap}.account-dialog-body{display:flex;flex-direction:column;max-height:90vh}.account-dialog-body .dialog-body{display:grid;gap:12px}.credential-label,.password-form label{display:grid;gap:7px;font-size:13px;color:#55718a}.password-form{display:grid;gap:15px}.password-form button{justify-self:start}.dark .account-create label,.dark .credential-label,.dark .password-form label{color:#bbd1e2}
.history-summary{margin:10px 0;padding:11px 14px;border-radius:9px;background:#edf5fb;border-left:3px solid #5884a7;font-size:13px;line-height:1.5}.history-summary p{margin:4px 0;word-break:normal}.dark .history-summary{background:#18314a;color:#e6edf4}
.permission-list{flex:1 0 100%;border:1px solid #d8e5ee;border-radius:10px;padding:10px 14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}.permission-list legend{font-weight:650;font-size:13px;color:#496b87;padding:0 5px}.permission-list label{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.4;min-width:0}.permission-list input{width:16px;height:16px;min-height:16px;flex:none;accent-color:#28587c}.dark .permission-list{border-color:#496b87}.dark .permission-list legend{color:#bdd3e3}
.sidebar{height:100dvh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#7393ad transparent}.sidebar-bottom{flex-shrink:0}.main{min-width:0}@media(max-height:820px) and (min-width:701px){.sidebar{padding-top:12px;padding-bottom:12px}.brand{padding-bottom:12px}#nav{gap:2px}#nav button{padding:7px 11px}.sidebar-bottom{gap:6px;padding-top:9px}.sidebar-bottom button{padding:6px 8px}}@media(max-width:700px){.sidebar{height:auto;max-height:none;overflow:visible}.sidebar-bottom{margin-top:9px}}
#photo-preview{width:min(960px,96vw)}.photo-preview-frame{display:grid;place-items:center;padding:12px 20px 24px;min-height:220px}.photo-preview-frame img{display:block;max-width:100%;max-height:72vh;object-fit:contain}.gallery figure{min-width:0}.gallery figure>button:not(.image-zoom){margin:4px 4px 0 0}.gallery .image-zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;text-align:left}.gallery .image-zoom img{display:block}.gallery figcaption{margin-top:5px;min-height:2.8em}.gallery-actions{display:flex;flex-wrap:wrap;gap:5px}.gallery-actions button{white-space:normal}.files-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.file-editor-fields{display:grid;gap:14px}.file-editor-fields label,.upload label{display:grid;gap:7px}.photo-label-select{min-width:180px}.upload .photo-label-select{flex:0 1 240px}.upload input[type=file]{min-width:230px}.file-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.image-tag{display:inline-block;padding:2px 7px;border-radius:50px;background:#e9f1f8;color:#28587c;font-size:11px}@media(max-width:1000px){.document{align-items:flex-start;flex-direction:column}.file-actions{width:100%}}@media(max-width:700px){.files-toolbar{align-items:flex-start}.upload{display:grid}.upload>*{width:100%}.gallery{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}}
/* Si agrego otro reporte, mantengo su explicación legible también en modo oscuro. */
.report-description{margin:18px 0;padding:15px 18px;border-radius:10px;background:#eaf3fa;color:#234a69;line-height:1.55;max-width:850px}.dark .report-description{background:#1b3a55;color:#eff5fa}.permission-list{border:1px solid #d8e5ed;border-radius:9px;padding:12px 15px;display:grid;gap:9px}.permission-list legend{font-size:13px;color:#52708a;font-weight:700}.permission-list label{font-size:13px;display:flex;gap:9px;align-items:flex-start}.permission-list input{margin-top:3px}.dark .permission-list{border-color:#45667d}.dark .permission-list legend{color:#a8c5d8}
/* Mantener a la vista las acciones peligrosas y la vista previa de una foto nueva. */
.btn.danger{background:#a34449;color:#fff;border-color:#a34449}.btn.danger:hover{background:#883439}.category-list{max-height:230px;overflow:auto;margin:10px 0 19px}.category-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #dce6ed;padding:7px}.category-row span{overflow-wrap:anywhere}.draft-photo{display:grid;gap:14px;padding:15px;border-radius:12px;background:#eef5fa}.draft-photo label{display:grid;gap:7px}.draft-photo-preview{width:min(100%,400px);max-height:250px;object-fit:contain;border-radius:8px;background:white}.dark .draft-photo{background:#183650}@media(max-width:900px){#editor .dialog-footer{flex-wrap:wrap}#editor-hint{width:100%}}
/* Las fotos seleccionadas permanecen en memoria hasta guardar la ficha. */
.selected-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px}.selected-photos figure{margin:0;min-width:0}.selected-photos img{width:100%;height:115px;object-fit:cover;border-radius:9px}.selected-photos figcaption{font-size:12px;overflow-wrap:anywhere;margin:5px 0}.selected-photos button{width:100%;white-space:normal}

.dialog-notice{padding:12px 26px;background:#e8f4ec;color:#205334;flex-shrink:0;white-space:pre-wrap;overflow-wrap:anywhere}.dialog-notice.error{background:#fce9ec;color:#912a35;font-weight:600}.files-toolbar{flex-wrap:wrap}.files-toolbar h3{margin-right:auto}

/* La jornada queda junto al usuario y también visible en pantallas pequeñas. */
#nav .nav-count{margin-left:auto;background:#496e8a;color:white;border-radius:20px;padding:2px 7px;font-size:11px;min-width:25px;text-align:center}#nav button{display:flex;align-items:center;gap:7px}.clock-card{width:100%;padding:12px;border:1px solid #68859c;border-radius:12px;background:#1d3d58}.clock-heading{display:flex;justify-content:space-between;gap:5px;font-size:12px}.clock-heading span{font-size:10px;color:#c8dfef}.clock-timer{font-size:27px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1px;margin:9px 0 3px}.clock-card small{display:block;font-size:10px;color:#c2d8e9}.clock-buttons{display:grid;gap:5px;margin-top:9px}.clock-buttons button{border:1px solid #7396af!important;border-radius:7px;background:#345f7f!important;color:white!important;text-align:center!important;font-size:11px!important;white-space:normal}.clock-buttons button:disabled{cursor:default;opacity:.45}#clock-error:empty{display:none}#clock-error{font-size:11px;color:#ffd4cf;margin-bottom:0}.hours-value{font-variant-numeric:tabular-nums;white-space:nowrap}.hours-filter{display:grid;gap:8px;max-width:350px;margin-bottom:20px}.stat .hours-total{font-size:clamp(18px,2vw,28px);font-variant-numeric:tabular-nums}@media(max-width:700px){.clock-card{display:grid;grid-template-columns:1fr 1.5fr;gap:3px 12px}.clock-heading,.clock-timer,.clock-card small{grid-column:1}.clock-buttons{grid-column:2;grid-row:1/4;margin:0}.clock-timer{margin:0}#clock-error{grid-column:1/-1}.sidebar-bottom .clock-card button{padding:8px}.sidebar-bottom{align-items:start}}

/* El menú puede desplazarse; el reloj y Cerrar sesión permanecen accesibles. */
@media(min-width:701px){.sidebar{overflow:hidden;padding-top:16px;padding-bottom:16px}.brand{flex-shrink:0;padding-bottom:18px}.side-label{flex-shrink:0;padding-bottom:9px}#nav{flex:1;min-height:35px;display:flex;flex-direction:column;overflow-y:auto;gap:3px;scrollbar-width:thin;scrollbar-color:#7393ad transparent;padding-right:2px}#nav button{flex-shrink:0;padding:9px 11px}.sidebar-bottom{margin-top:12px;padding-top:10px;gap:7px}.sidebar-bottom>button{padding:6px}.clock-card{padding:10px}.clock-timer{margin:6px 0 3px}.clock-buttons{margin-top:7px}}@media(min-width:701px) and (max-height:520px){.sidebar{overflow-y:auto}#nav{flex:none;overflow:visible}.sidebar-bottom{margin-top:10px}}

@media(min-width:701px) and (max-height:850px){.brand{padding-bottom:10px}#nav button{padding:5px 10px;font-size:12px}#nav button span{font-size:18px}}

/* Mi jornada muestra el reloj únicamente dentro de su ventana. */
.sidebar-bottom .journey-entry{display:flex;align-items:center;justify-content:flex-start;gap:9px;text-align:left;padding:10px 12px;border-color:#7997ae;background:#ffffff06}.journey-entry span:last-child{margin-left:auto;color:#bfd4e4}.journey-entry span:first-child{font-size:18px}.sidebar-bottom .journey-entry:hover{background:#ffffff12}#journey-dialog{width:min(690px,94vw);padding:0;border:1px solid #d4e1ea;border-radius:18px;max-height:90dvh;overflow:auto;box-shadow:0 25px 80px #102b4140}#journey-dialog[open]{animation:journey-enter .23s ease-out}#journey-dialog::backdrop{background:#10263c80;backdrop-filter:blur(3px)}.journey-window{background:#f6f9fc}.journey-window .dialog-head{background:#fff;padding:25px 28px 20px}.journey-window h2{margin-top:8px}.journey-body{padding:22px 28px 28px}.journey-intro{margin:0 0 21px;color:#617b91;font-size:14px;line-height:1.5}.journey-time-card{border:1px solid #d4e3ee;background:linear-gradient(145deg,#e8f1f8,#f9fcfe);border-radius:15px;text-align:center;padding:28px 18px;color:#254a6c}.journey-timer{font-size:clamp(38px,8vw,57px);font-weight:650;letter-spacing:2px;font-variant-numeric:tabular-nums;margin:16px 0 10px}.journey-time-card small,.journey-time-card p{color:#678398;font-size:12px}.journey-time-card p{margin:10px 0 0}.journey-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0 16px}.journey-actions button{padding:14px;white-space:normal}.dark .journey-window{background:#193246}.dark .journey-window .dialog-head{background:#1d3549}.dark .journey-time-card{background:linear-gradient(145deg,#244760,#1d3549);border-color:#476880;color:#eff7fc}.dark .journey-time-card small,.dark .journey-time-card p,.dark .journey-intro{color:#c0d6e6}@keyframes journey-enter{from{opacity:0;transform:translateY(-14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:520px){.journey-body{padding:20px}.journey-window .dialog-head{padding:20px}.journey-actions{grid-template-columns:1fr}.journey-entry{width:100%}}@media(prefers-reduced-motion:reduce){#journey-dialog[open]{animation:none}}

.journey-body #clock-error{color:#9b3743;padding:0}.dark .journey-body #clock-error{color:#ffc4cb}

/* Mi jornada mantiene el mismo redondeado que los accesos del menú. */
.sidebar-bottom .journey-entry{border-radius:11px}

/* Menú legible sin comprimir las letras en pantallas bajas. */
.sidebar{width:272px}.brand{gap:13px;padding-left:9px;padding-right:9px}.brand img{width:58px;height:58px;border-radius:13px}.brand strong{font-size:26px;letter-spacing:3.5px}.brand span{font-size:12px;letter-spacing:3px}.side-label{font-size:11px;letter-spacing:1.3px}#nav button{font-size:16px;padding:12px 13px;min-height:47px;line-height:1.35;gap:10px}#nav button span{font-size:23px;flex-shrink:0}#nav .nav-count{font-size:12px;padding:3px 8px}.sidebar-bottom>button,.sidebar-bottom .journey-entry{font-size:14px;min-height:40px;padding:9px 10px}.user-identity small{font-size:12px}#user-name{font-size:17px}.user-avatar{width:47px;height:47px;min-width:47px;font-size:18px}@media(min-width:701px) and (max-height:850px){#nav button{font-size:16px;padding:11px 12px;min-height:46px}#nav button span{font-size:23px}.brand{padding-bottom:13px}}@media(max-width:700px){.sidebar{width:100%}.brand img{width:52px;height:52px}.brand strong{font-size:25px}.brand span{font-size:11px}#nav button{font-size:15px;padding:10px 12px;min-height:44px}.sidebar-bottom>button,.sidebar-bottom .journey-entry{font-size:14px;min-height:40px}.user-card{margin-right:auto}.sidebar-bottom{gap:8px}}

/* Equilibrio de marca, menú y contadores: conservar espacio a cada lado. */
.sidebar{width:264px}.brand img{width:54px;height:54px}.brand strong{font-size:24px;letter-spacing:3px}.brand span{font-size:11px;letter-spacing:2.6px}#nav button{font-size:15.5px;min-height:44px;padding:10px 11px;gap:8px}#nav button span{font-size:21px;width:22px}#nav .nav-count{flex:0 0 auto;min-width:28px;margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums}.sidebar-bottom #clock-toggle,.sidebar-bottom #clock-toggle:hover,.sidebar-bottom #clock-toggle:focus-visible{border-radius:11px;overflow:hidden}.sidebar-bottom #clock-toggle{border:1px solid #7997ae;padding:10px 12px;background:#ffffff06}.sidebar-bottom #clock-toggle:hover{background:#ffffff12}.sidebar-bottom #clock-toggle:focus-visible{outline:2px solid #d8e9f5;outline-offset:2px}@media(min-width:701px) and (max-height:850px){#nav button{font-size:15.5px;min-height:44px;padding:10px 11px}#nav button span{font-size:21px}}@media(max-width:700px){.sidebar{width:100%}.brand img{width:50px;height:50px}#nav button{font-size:15px;flex-shrink:0}.sidebar-bottom #clock-toggle{width:100%}}