:root{--sidebar:#312e66;--sidebar-accent:#5b5bd6;--canvas:#f5f7fb;--panel:#fff;--ink:#172033;--muted:#697386;--line:#e4e8f0;--blue:#3157d5;--blue-soft:#eef2ff;--green:#22a06b;--amber:#e58b25;--red:#d14343;--shadow:0 8px 30px rgba(28,39,66,.08)}
body{background:var(--canvas);color:var(--ink)}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:82px;background:linear-gradient(180deg,#332f68,#252450);color:#fff;display:flex;flex-direction:column;align-items:center;box-shadow:4px 0 18px rgba(20,20,55,.16)}
.side-brand{display:grid;place-items:center;width:44px;height:44px;margin:16px 0 22px;border-radius:13px;background:linear-gradient(135deg,#8b5cf6,#5b5bd6);color:#fff;font-size:22px;font-weight:900}.side-brand:hover{text-decoration:none}
.side-nav{display:grid;gap:9px;width:100%;padding:0 9px}.side-nav a{display:grid;place-items:center;gap:2px;padding:9px 4px;border-radius:12px;color:#d9d8f5}.side-nav a:hover{background:rgba(255,255,255,.11);text-decoration:none;color:#fff}.side-nav span{font-size:22px;line-height:1}.side-nav small{font-size:10px;font-weight:700}
.topbar{position:fixed;z-index:30;left:82px;right:0;top:0;min-height:66px;padding:0 24px;background:#fff;color:var(--ink);border-bottom:1px solid var(--line);box-shadow:none}.topbar-left,.top-actions,.user-menu button,.quick-create{display:flex;align-items:center}.topbar-left{gap:13px}.topbar-left strong{display:block;font-size:16px}.top-kicker{display:block;color:var(--muted);font-size:11px}.top-actions{gap:14px}.quick-create{padding:9px 13px;border-radius:9px;background:var(--blue);color:#fff;font-size:13px;font-weight:800}.quick-create:hover{color:#fff;text-decoration:none;filter:brightness(.95)}
.user-menu{position:relative}.user-menu>button{gap:9px;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.user-menu small{display:block;color:var(--muted);font-size:10px;text-transform:capitalize}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#202638;color:#fff;font-weight:850}.user-dropdown{display:none;position:absolute;right:0;top:45px;width:190px;padding:7px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow)}.user-dropdown.open{display:block}.user-dropdown a,.user-dropdown button{display:block;width:100%;padding:10px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.user-dropdown a:hover,.user-dropdown button:hover{background:var(--blue-soft);text-decoration:none}
.app-main{min-height:calc(100vh - 66px);margin:66px 0 0 82px;padding:26px}.footer{margin-left:82px;background:#fff;border-top:1px solid var(--line);font-size:12px}.menu-button{color:var(--ink)}
.page-head{align-items:center}.page-head h1{font-size:28px;letter-spacing:-.025em}.page-head p{font-size:14px}.card{border-color:var(--line);border-radius:13px;box-shadow:0 2px 10px rgba(28,39,66,.035)}.card-body{padding:20px}.kpi-grid{gap:14px}.kpi{position:relative;overflow:hidden;padding:20px;border-left:0}.kpi:after{content:"";position:absolute;right:-18px;bottom:-22px;width:82px;height:82px;border-radius:50%;background:var(--blue-soft)}.kpi-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:29px}.table th{background:#f7f8fb;color:#596174;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.045em}.table td{font-size:13px}.badge{font-size:10px;text-transform:uppercase;letter-spacing:.03em}.button{border-radius:8px;font-size:13px}.button-secondary{background:#f1f3f7;border:1px solid var(--line)}
.project-shell{margin:-26px;background:#fff;min-height:calc(100vh - 66px)}.project-header{padding:20px 24px 0;border-bottom:1px solid var(--line)}.project-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.project-title-row h1{margin:0 0 4px;font-size:23px}.project-title-row p{margin:0;color:var(--muted);font-size:13px}.project-tabs{display:flex;gap:6px;margin-top:18px;overflow-x:auto}.project-tabs a{padding:11px 13px;border-bottom:3px solid transparent;color:#50596c;font-size:13px;font-weight:700;white-space:nowrap}.project-tabs a.active{border-color:var(--blue);color:var(--blue);text-decoration:none}.project-toolbar{display:flex;align-items:center;gap:8px;padding:10px 18px;border-bottom:1px solid var(--line);background:#fff;overflow-x:auto}.tool-button,.tool-search{height:34px;border:1px solid var(--line);border-radius:8px;background:#f8f9fb;color:#30384a;font:inherit;font-size:12px}.tool-button{padding:0 11px;white-space:nowrap}.tool-search{width:210px;padding:0 11px}.tool-check{display:flex;align-items:center;gap:6px;padding:0 9px;font-size:12px;white-space:nowrap}.tool-check input{width:auto}
.gantt-workspace{display:grid;grid-template-columns:minmax(620px,52%) minmax(620px,48%);height:590px;overflow:auto;border-bottom:1px solid var(--line)}.task-grid{border-right:1px solid #aeb6c5;background:#fff;min-width:620px}.timeline-grid{position:relative;min-width:620px;background:#fff;overflow:hidden}.work-head{position:sticky;top:0;z-index:5;height:58px;background:#f8f9fb;border-bottom:1px solid var(--line)}.task-columns,.task-row{display:grid;grid-template-columns:44px minmax(260px,1fr) 145px 82px 92px;align-items:center}.task-columns{height:58px;color:#596174;font-size:11px;font-weight:800;text-transform:uppercase}.task-columns>*{padding:0 10px}.task-row{min-height:40px;border-bottom:1px solid #edf0f4;font-size:12px}.task-row>*{padding:7px 10px}.task-row:hover{background:#f8faff}.task-row.phase{background:#f1f3f6;font-weight:850}.task-row.is-hidden,.task-row.is-filtered,.timeline-row.is-hidden,.timeline-row.is-filtered{display:none}.phase-toggle{border:0;background:none;cursor:pointer;color:#6d7481}.phase-toggle.collapsed{transform:rotate(-90deg)}.task-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-name .indent{display:inline-block;width:18px}.task-progress{font-weight:800;text-align:right}.inline-status{padding:5px 6px;border:1px solid var(--line);border-radius:6px;font-size:11px}
.timeline-head{display:flex;height:58px;background:#f8f9fb;border-bottom:1px solid var(--line)}.timeline-day{flex:1;min-width:28px;border-right:1px solid var(--line);text-align:center;font-size:10px;color:#596174;padding-top:8px}.timeline-day strong{display:block;color:#293144;font-size:11px}.timeline-body{position:relative}.timeline-row{position:relative;height:40px;border-bottom:1px solid #edf0f4;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px);background-size:calc(100% / 28) 100%}.timeline-row.phase{background-color:#f1f3f6}.timeline-bar{position:absolute;top:9px;height:22px;min-width:9px;border-radius:5px;background:var(--blue);box-shadow:0 2px 5px rgba(49,87,213,.25);color:#fff;font-size:9px;line-height:22px;text-align:center;overflow:hidden}.timeline-bar.done{background:var(--green)}.timeline-bar.blocked{background:var(--red)}.timeline-bar.milestone{width:16px!important;height:16px;top:12px;border-radius:3px;background:var(--amber);transform:rotate(45deg)}.timeline-today{position:absolute;z-index:4;top:0;bottom:0;width:2px;background:#e64b4b;pointer-events:none}.timeline-today:before{content:"Hoy";position:absolute;top:2px;left:4px;color:#d33;font-size:9px;font-weight:800}
.timeline-bar.is-movable{overflow:visible;cursor:grab;touch-action:none}.gantt-resize-handle{position:absolute;z-index:3;top:-2px;width:11px;height:26px;border:2px solid #fff;border-radius:5px;background:#172033;box-shadow:0 1px 4px rgba(0,0,0,.3);cursor:ew-resize;touch-action:none;opacity:0;transition:.15s}.gantt-resize-start{left:-5px}.gantt-resize-end{right:-5px}.timeline-bar.is-movable:hover .gantt-resize-handle,.timeline-bar.is-dragging .gantt-resize-handle{opacity:1}.timeline-bar.is-dragging{z-index:6;cursor:grabbing;box-shadow:0 0 0 3px rgba(49,87,213,.2)}.timeline-bar[data-date-preview]:after{content:attr(data-date-preview);position:absolute;left:50%;top:-32px;transform:translateX(-50%);padding:5px 8px;border-radius:5px;background:#172033;color:#fff;font-size:10px;line-height:1;white-space:nowrap}.timeline-bar.milestone[data-date-preview]:after{transform:translateX(-50%) rotate(-45deg);transform-origin:center}.gantt-adjusting{user-select:none;cursor:grabbing}
.project-panels{padding:20px 24px;background:var(--canvas)}.automation-card{border:1px solid #dcdffd;background:linear-gradient(135deg,#fff,#f5f5ff)}.automation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.automation-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#ebe9ff;color:#5b4bca;font-size:22px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.template-option{position:relative}.template-option input{position:absolute;opacity:0}.template-option span{display:block;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:12px}.template-option input:checked+span{border-color:var(--blue);box-shadow:0 0 0 2px #dfe5ff}.modal-panel{margin-top:16px}
.record-editor{position:relative;display:inline-block;margin-right:5px}.record-editor>summary{list-style:none}.record-editor>summary::-webkit-details-marker{display:none}.editor-form{position:absolute;z-index:15;right:0;top:38px;width:320px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow);text-align:left}.inline-form{display:inline}.row-disabled{opacity:.58;background:#f7f8fa}.status-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%}.status-dot.active{background:var(--green)}.status-dot.inactive{background:#9aa1ad}.admin-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr)}
.admin-project-panel{border-bottom:1px solid var(--line);background:#f8f9fb}.admin-project-panel>summary{padding:10px 20px;color:var(--blue);font-size:12px;font-weight:800;cursor:pointer}.admin-project-content{padding:18px 24px;border-top:1px solid var(--line);background:#fff}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:15px;border:1px solid #fecaca;border-radius:10px;background:#fff7f7}.danger-zone p{margin:4px 0 0;color:#8f3d3d;font-size:12px}
.project-team-panel{border-bottom:1px solid var(--line);background:#f8f9fb;scroll-margin-top:76px}.project-team-panel>summary{display:flex;align-items:center;gap:8px;padding:11px 20px;color:var(--blue);font-size:12px;font-weight:800;cursor:pointer}.project-team-content{padding:18px 24px;border-top:1px solid var(--line);background:#fff}.team-role-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.team-add-card{padding:17px;border:1px solid var(--line);border-radius:11px;background:#f8f9fb}.team-add-card p{font-size:12px;line-height:1.5}.member-role-form{display:inline-flex;align-items:center;gap:6px;margin-right:5px}.member-role-form select{min-width:125px;padding:6px;font-size:12px}
.template-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.template-admin-card{scroll-margin-top:80px}.template-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.template-card-head h2{margin:9px 0 3px;font-size:19px}.template-card-head p{margin:0}.add-template-item{margin-top:14px}.add-template-item>summary{display:inline-flex;list-style:none}.add-template-item>summary::-webkit-details-marker{display:none}.add-template-item>form{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#f8f9fb}
.task-management{margin:20px 24px;padding:20px;border:1px solid var(--line);border-radius:13px;background:#f8f9fb;scroll-margin-top:80px}.task-management-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.task-management-head h2{margin:0 0 4px;font-size:19px}.task-management-head p{margin:0;color:var(--muted);font-size:13px}.task-detail-list{display:grid;gap:9px}.task-detail-card{border:1px solid var(--line);border-radius:10px;background:#fff;scroll-margin-top:80px}.task-detail-card summary{display:grid;grid-template-columns:34px minmax(220px,1fr) 110px 60px 24px;align-items:center;gap:9px;padding:13px 15px;cursor:pointer;list-style:none}.task-detail-card summary::-webkit-details-marker{display:none}.task-detail-card summary small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.task-symbol{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#dcfce7;color:var(--green);font-weight:900}.task-symbol.milestone{background:#fff0d8;color:var(--amber)}.comment-count{color:var(--muted);font-size:12px}.chevron{transition:.2s}.task-detail-card details[open] .chevron{transform:rotate(180deg)}.task-detail-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:20px;padding:18px;border-top:1px solid var(--line);background:#fcfcfd}.task-edit-form{align-content:start}.task-comments{padding-left:20px;border-left:1px solid var(--line)}.task-comments h3{margin:0 0 13px;font-size:15px}.task-comment{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.task-comment .avatar{width:30px;height:30px;font-size:12px}.task-comment time{display:block;color:var(--muted);font-size:10px}.task-comment p{margin:5px 0 0;font-size:13px;line-height:1.45}.comment-form{display:grid;gap:10px;margin-top:14px}.comment-form textarea{min-height:76px}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.topbar{left:0}.app-main{margin-left:0}.footer{margin-left:0}.gantt-workspace{grid-template-columns:620px 620px}.template-grid{grid-template-columns:1fr}.quick-create{display:none}.admin-layout,.template-admin-grid,.team-role-grid{grid-template-columns:1fr}.editor-form{position:fixed;inset:90px 16px auto;width:auto;max-height:75vh;overflow:auto}.danger-zone{align-items:flex-start;flex-direction:column}.task-detail-content{grid-template-columns:1fr}.task-comments{padding:15px 0 0;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:620px){.app-main{padding:16px}.project-shell{margin:-16px}.topbar{padding:0 12px}.topbar-left .top-kicker,.user-menu>button>span:nth-child(2){display:none}.project-title-row{flex-direction:column}.project-toolbar{padding:8px}.project-panels{padding:14px}.task-management{margin:14px;padding:12px}.task-detail-card summary{grid-template-columns:30px 1fr 24px}.task-detail-card summary .badge,.comment-count{display:none}}
@media(pointer:coarse){.gantt-resize-handle{opacity:.8;width:15px}.gantt-resize-start{left:-7px}.gantt-resize-end{right:-7px}}

/* Ventanas modales del proyecto */
.project-tabs a,.project-tabs button{padding:11px 13px;border:0;border-bottom:3px solid transparent;background:transparent;color:#50596c;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.project-tabs button:hover{color:var(--blue)}.tool-button{cursor:pointer}
.app-modal{width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);padding:0;border:0;border-radius:15px;background:#fff;box-shadow:0 24px 80px rgba(15,23,42,.3);overflow:hidden}.app-modal::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(2px)}.app-modal-shell{display:flex;max-height:calc(100vh - 32px);flex-direction:column}.app-modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;border-bottom:1px solid var(--line);background:#fff}.app-modal-header h2{margin:2px 0 0;font-size:21px}.modal-kicker{color:var(--blue);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.app-modal-body{padding:0;overflow:auto}.app-modal .task-management{margin:0;padding:20px;border:0;border-radius:0}.modal-close{display:grid;place-items:center;width:35px;height:35px;padding:0;border:1px solid var(--line);border-radius:9px;background:#f5f6f8;color:#344054;font-size:24px;line-height:1;cursor:pointer}.modal-close:hover{background:#e9ecf2}.modal-backdrop{display:none;position:fixed;z-index:90;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(2px)}.modal-backdrop.is-open{display:block}.modal-open{overflow:hidden}
.project-panels{height:0;padding:0!important;overflow:visible;background:transparent}.project-panels .automation-card,.project-panels #riesgos,.project-panels #lista{display:none}.project-panels .app-modal-card.is-modal-open{display:block;position:fixed;z-index:100;top:50%;left:50%;width:min(780px,calc(100vw - 32px));max-height:calc(100vh - 32px);margin:0;transform:translate(-50%,-50%);overflow:auto;box-shadow:0 24px 80px rgba(15,23,42,.3)}.project-panels .automation-card.is-modal-open{width:min(920px,calc(100vw - 32px))}.modal-card-close{position:sticky;z-index:3;top:12px;float:right;margin:12px 12px -47px 0}.app-modal-card .card-body{padding-top:24px}
@media(max-width:620px){.app-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.app-modal-shell{max-height:calc(100vh - 16px)}.app-modal-header{padding:14px 16px}.app-modal .task-management{padding:12px}.project-panels .app-modal-card.is-modal-open{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}}
.project-panels #lista.app-modal-card.is-modal-open{display:block}
.modal-form-body{padding:22px}.modal-form-body .form-grid{margin:0}

/* Alineación y edición directa del Gantt */
.gantt-workspace{grid-template-columns:minmax(760px,52%) minmax(0,48%)}.task-grid{min-width:760px}.task-columns,.task-row{grid-template-columns:44px minmax(270px,1fr) 145px 110px 185px}.work-head,.task-columns,.timeline-head{height:60px;box-sizing:border-box}.task-row,.timeline-row{height:42px;min-height:42px;box-sizing:border-box}.task-row>*{min-width:0;padding:5px 9px;box-sizing:border-box}.timeline-grid{width:calc(var(--gantt-days) * 28px);min-width:calc(var(--gantt-days) * 28px)}.timeline-day{flex:0 0 calc(100% / var(--gantt-days));min-width:0;box-sizing:border-box}.timeline-row{background-size:calc(100% / var(--gantt-days)) 100%}.timeline-bar{top:10px}.timeline-bar.milestone{top:13px}.progress-editor{display:flex;align-items:center;justify-content:flex-end;gap:4px}.inline-progress{width:62px;height:29px;padding:3px 5px;border:1px solid #cfd5df;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-weight:800;text-align:right}.inline-progress:focus{border-color:var(--blue);outline:2px solid rgba(49,87,213,.14)}.gantt-state-form{display:flex;align-items:center;gap:5px;width:100%}.gantt-state-form .inline-status{min-width:0;width:calc(100% - 35px);height:30px;padding:4px 6px;background:#fff;text-transform:none}.gantt-save-button{flex:0 0 30px;width:30px;height:30px;padding:0;border:1px solid #cad2e0;border-radius:7px;background:var(--blue);color:#fff;font-size:14px;font-weight:900;cursor:pointer}.gantt-save-button:hover{filter:brightness(.94)}.timeline-bar.is-saved{animation:gantt-saved .9s ease}@keyframes gantt-saved{0%,100%{box-shadow:0 2px 5px rgba(49,87,213,.25)}40%{box-shadow:0 0 0 4px rgba(34,160,107,.32)}}
@media(max-width:900px){.gantt-workspace{grid-template-columns:760px minmax(0,1fr)}}
.gantt-workspace{grid-template-columns:minmax(760px,52%) calc(var(--gantt-days) * 28px)}
@media(max-width:900px){.gantt-workspace{grid-template-columns:760px calc(var(--gantt-days) * 28px)}}

/* Panel fijo, divisor ajustable y encabezado mensual */
.gantt-workspace{position:relative;grid-template-columns:var(--task-pane-width) 8px calc(var(--gantt-days) * 28px);height:620px;overflow:auto;align-items:start;scrollbar-gutter:stable;background:#fff}.task-grid{position:sticky;z-index:12;left:0;width:var(--task-pane-width);min-width:var(--task-pane-width);background:#fff;box-shadow:5px 0 12px rgba(23,32,51,.08)}.task-columns,.task-row{grid-template-columns:40px minmax(190px,1fr) minmax(90px,125px) 90px 165px}.task-columns,.timeline-head{height:84px!important;min-height:84px}.task-grid .work-head{position:sticky;z-index:16;top:0;background:#f8f9fb}.gantt-pane-resizer{position:sticky;z-index:18;left:var(--task-pane-width);top:0;align-self:stretch;width:8px;min-height:100%;height:100%;border-left:1px solid #b8c0ce;border-right:1px solid #dce1e9;background:#eef1f5;cursor:col-resize;touch-action:none}.gantt-pane-resizer:after{content:"";position:absolute;top:50%;left:2px;width:2px;height:42px;transform:translateY(-50%);border-left:1px solid #778195;border-right:1px solid #778195}.gantt-pane-resizer:hover,.gantt-pane-resizer.is-resizing{background:#dbe4ff}.gantt-pane-adjusting{user-select:none;cursor:col-resize}.timeline-grid{grid-column:3;width:calc(var(--gantt-days) * 28px);min-width:calc(var(--gantt-days) * 28px);overflow:visible}.timeline-head{position:sticky;z-index:11;top:0;display:block;background:#f8f9fb}.timeline-months,.timeline-days{display:flex;width:100%}.timeline-months{height:28px;border-bottom:1px solid #cfd5df;background:#eef2f7}.timeline-month{display:grid;place-items:center;min-width:0;border-right:1px solid #b9c2d0;color:#253047;font-size:11px;font-weight:850}.timeline-days{height:56px}.timeline-days .timeline-day{height:56px;padding-top:6px}.timeline-day span{display:block;margin-top:3px;font-size:9px}.timeline-day.weekend{background:#f1f3f6}.timeline-body{width:100%}.task-row,.timeline-row{height:42px;min-height:42px}.timeline-today:before{top:4px}.gantt-workspace::-webkit-scrollbar{width:12px;height:12px}.gantt-workspace::-webkit-scrollbar-thumb{border:3px solid #f4f6f9;border-radius:999px;background:#9aa5b5}.gantt-workspace::-webkit-scrollbar-track{background:#f4f6f9}
@media(max-width:900px){.gantt-workspace{grid-template-columns:var(--task-pane-width) 8px calc(var(--gantt-days) * 28px)}}

/* Progreso como fuente de estado y columnas especiales */
.task-columns,.task-row{grid-template-columns:40px minmax(210px,1fr) minmax(100px,140px) 130px}.gantt-progress-form{display:flex;align-items:center;justify-content:flex-end;gap:5px;width:100%}.gantt-progress-form .progress-editor{flex:1;min-width:0}.gantt-progress-form .inline-progress{width:58px}.timeline-day.weekend{background:#d9dee6;color:#404a5b}.timeline-day.current-day{background:#c8d8ff;color:#173a8f;box-shadow:inset 0 -3px 0 var(--blue)}.timeline-column-shade{position:absolute;z-index:2;top:0;bottom:0;pointer-events:none}.timeline-column-shade.weekend{background:rgba(71,85,105,.14)}.timeline-column-shade.current-day{background:rgba(49,87,213,.16);box-shadow:inset 1px 0 rgba(49,87,213,.45),inset -1px 0 rgba(49,87,213,.45)}.timeline-bar{z-index:3}.timeline-bar:not(.milestone){background:#dce4f1;color:#172033;text-shadow:0 1px 0 rgba(255,255,255,.55)}.timeline-bar:not(.milestone):before{content:"";position:absolute;z-index:0;inset:0 auto 0 0;width:var(--task-progress,0%);border-radius:inherit;background:linear-gradient(90deg,#3157d5,#4f78e8);transition:width .25s ease}.timeline-bar.done:not(.milestone):before{background:linear-gradient(90deg,#16865a,#22a06b)}.bar-progress-label{position:relative;z-index:1;font-weight:850}.timeline-bar.done .bar-progress-label{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}

/* Guardado automático y orden manual del plan */
.progress-editor .inline-progress.is-saving{background:#fff8dc;border-color:#d9a928}.progress-editor .inline-progress.is-saved{background:#e8fff3;border-color:#22a06b}.sortable-row{position:relative}.phase-controls{display:flex;align-items:center;gap:4px}.sort-grip{display:inline-grid;place-items:center;width:22px;height:26px;border-radius:5px;color:#737d8e;font-style:normal;font-size:17px;cursor:grab;user-select:none}.sort-grip:hover{background:#e3e8f2;color:var(--blue)}.sort-grip:active{cursor:grabbing}.sortable-row.is-sorting{opacity:.42}.sortable-row.drag-over-before:before,.sortable-row.drag-over-after:after{content:"";position:absolute;z-index:25;right:4px;left:4px;height:3px;border-radius:4px;background:var(--blue);box-shadow:0 0 0 2px rgba(49,87,213,.14)}.sortable-row.drag-over-before:before{top:-2px}.sortable-row.drag-over-after:after{bottom:-2px}.gantt-workspace.is-order-saving:after{content:"Guardando orden…";position:sticky;z-index:40;top:92px;left:calc(var(--task-pane-width) + 20px);display:block;width:max-content;padding:7px 11px;border-radius:7px;background:#172033;color:#fff;font-size:11px;font-weight:800}.modal-help{margin:0 0 16px;padding:10px 12px;border-radius:8px;background:#eef2ff;color:#39466a;font-size:12px;line-height:1.45}
.auto-code-note{padding:10px 12px;border:1px dashed #b8c5e2;border-radius:8px;background:#f7f9ff;color:#4b5873;font-size:12px}
.sortable-row[data-task-id] .task-name{cursor:pointer}.sortable-row[data-task-id]:hover .task-name strong{color:var(--blue);text-decoration:underline;text-decoration-color:#b8c7f5;text-underline-offset:3px}.timeline-bar[data-task-id]{cursor:pointer}.timeline-bar[data-task-id].is-movable{cursor:grab}.timeline-bar[data-task-id].is-dragging{cursor:grabbing}

/* Tema oscuro industrial */
:root{color-scheme:dark;--sidebar:#050b14;--sidebar-accent:#0797c8;--canvas:#09111d;--panel:#101b2b;--ink:#e8eef7;--muted:#94a3b8;--line:#27364a;--blue:#0797c8;--blue-soft:#102b3b;--green:#62b447;--amber:#f2a93b;--red:#e45b5b;--shadow:0 16px 42px rgba(0,0,0,.34)}html,body{background:var(--canvas);color:var(--ink)}body{color-scheme:dark}.sidebar{background:linear-gradient(180deg,#071422 0%,#040912 100%);border-right:1px solid #1d2c3d;box-shadow:5px 0 24px rgba(0,0,0,.38)}.side-brand{background:linear-gradient(135deg,#0ba7da,#08769d);box-shadow:0 8px 24px rgba(7,151,200,.28)}.side-nav a{color:#93a8bc}.side-nav a:hover{background:rgba(7,151,200,.17);color:#eaf8ff}.topbar{background:#0d1725;color:var(--ink);border-color:var(--line);box-shadow:0 3px 18px rgba(0,0,0,.2)}.top-kicker,.user-menu small{color:var(--muted)}.quick-create,.button-primary,.gantt-save-button{background:linear-gradient(135deg,#0797c8,#087ba4);border-color:#0ba7da;color:#fff}.avatar{background:#173249;color:#dff6ff}.user-dropdown{border-color:var(--line);background:#111e2f}.user-dropdown a,.user-dropdown button{color:var(--ink)}.user-dropdown a:hover,.user-dropdown button:hover{background:#183047}.footer{background:#0d1725;color:var(--muted);border-color:var(--line)}
.project-shell,.project-header,.project-toolbar,.task-grid,.timeline-grid{background:#0d1725}.project-header,.project-toolbar{border-color:var(--line)}.project-title-row p,.project-tabs a,.project-tabs button{color:var(--muted)}.project-tabs a.active,.project-tabs button:hover{color:#35bce8}.project-tabs a.active{border-color:#0797c8}.tool-button,.tool-search,.inline-status{border-color:#304257;background:#142235;color:var(--ink)}.tool-button:hover{border-color:#0797c8;background:#173149}.tool-check{color:#bec9d7}.card{border-color:var(--line);background:var(--panel);box-shadow:0 8px 28px rgba(0,0,0,.18)}.card-body{background:transparent}.section-title,.page-head h1,.project-title-row h1{color:#f3f7fc}.page-head p,.muted{color:var(--muted)!important}.kpi{background:var(--panel)}.kpi:after{background:rgba(7,151,200,.09)}
.table th{background:#172537;color:#b8c6d7;border-color:#304156}.table td{border-color:#243348;color:#dce5f0}.table tbody tr:hover,.task-row:hover{background:#13263a}.row-disabled{background:#101927}.badge{background:#25364a;color:#cbd7e5}.badge-en_progreso{background:#12364a;color:#55c7ee}.badge-completado{background:#193a2c;color:#8bd872}.badge-bloqueado,.badge-critica,.badge-alta{background:#422329;color:#ff9292}.badge-no_iniciado{background:#253344;color:#b8c4d2}.badge-media{background:#44351c;color:#ffc766}.progress{background:#26374b}.progress>span{background:#0797c8}
input,select,textarea{border-color:#324359;background:#0d1827;color:#e7edf6}input::placeholder,textarea::placeholder{color:#6f8095}input:focus,select:focus,textarea:focus{outline-color:rgba(7,151,200,.27);border-color:#0797c8}.button-secondary{border-color:#34465b;background:#18273a;color:#dce7f3}.button-secondary:hover{background:#20344c}.button-danger{background:#a83d48;color:#fff}.alert-success{background:#163a2a;color:#9ce488}.alert-danger{background:#44242a;color:#ffaaaa}.alert-warning{background:#44351d;color:#ffd07a}.alert-info{background:#15364b;color:#8bdcff}.empty{color:#8292a7}
.admin-project-panel,.project-team-panel{background:#101b2b;border-color:var(--line)}.admin-project-content,.project-team-content{background:#0f1a29;border-color:var(--line)}.team-add-card,.add-template-item>form{border-color:var(--line);background:#142235}.danger-zone{border-color:#63343b;background:#2b171c}.danger-zone p{color:#f0a0a8}.record-editor .editor-form{border-color:var(--line);background:#111e2f}.automation-card{border-color:#234a5d;background:linear-gradient(135deg,#101b2b,#102736)}.automation-icon{background:#14384a;color:#55c9ee}.template-option span{border-color:var(--line);background:#111e2f}.template-option input:checked+span{border-color:#0797c8;box-shadow:0 0 0 2px rgba(7,151,200,.22)}
.gantt-workspace{background:#09121f;border-color:var(--line)}.task-grid{background:#0e1928;box-shadow:7px 0 18px rgba(0,0,0,.42)}.work-head,.task-grid .work-head,.timeline-head{background:#152235!important;border-color:#33445a}.task-columns{color:#aebccd}.task-row{border-color:#223147;color:#dbe5f0}.task-row.phase,.timeline-row.phase{background-color:#182638;color:#eaf1f8}.timeline-row{border-color:#223147;background-color:#0d1826;background-image:linear-gradient(to right,#26364a 1px,transparent 1px)}.timeline-months{border-color:#40526a;background:#192a3d}.timeline-month{border-color:#3c4f66;color:#dce7f2}.timeline-days{background:#142235}.timeline-day{border-color:#2e4056;color:#9dadc0}.timeline-day strong{color:#dce6f1}.timeline-day.weekend{background:#263548;color:#c1cbd7}.timeline-day.current-day{background:#12405a;color:#89dcf8;box-shadow:inset 0 -3px 0 #12a9db}.timeline-column-shade.weekend{background:rgba(105,122,143,.18)}.timeline-column-shade.current-day{background:rgba(7,151,200,.18);box-shadow:inset 1px 0 rgba(25,190,235,.55),inset -1px 0 rgba(25,190,235,.55)}.timeline-today{background:#20c4f4}.timeline-today:before{color:#9be8ff;background:#102434;padding:2px 4px;border-radius:4px}.timeline-bar:not(.milestone){background:#29394d;color:#e8eef6;text-shadow:0 1px 2px rgba(0,0,0,.6)}.timeline-bar:not(.milestone):before{background:linear-gradient(90deg,#087ba4,#12a9db)}.timeline-bar.done:not(.milestone):before{background:linear-gradient(90deg,#438f32,#62b447)}.timeline-bar.milestone{background:#f2a93b}.gantt-pane-resizer{border-color:#34475d;background:#1a2a3c}.gantt-pane-resizer:hover,.gantt-pane-resizer.is-resizing{background:#14506a}.sort-grip{color:#8191a5}.sort-grip:hover{background:#193149;color:#49c3ea}.inline-progress{border-color:#34475c;background:#0c1725;color:#edf3fa}.progress-editor .inline-progress.is-saving{background:#3b301b;border-color:#d9a928}.progress-editor .inline-progress.is-saved{background:#173528;border-color:#62b447}
.app-modal,.app-modal-header{background:#0f1b2b;color:var(--ink);border-color:var(--line)}.app-modal::backdrop,.modal-backdrop{background:rgba(1,5,10,.78)}.app-modal-body{background:#0b1522}.modal-close{border-color:#34465a;background:#19283a;color:#dce7f3}.modal-close:hover{background:#24384f}.task-management{border-color:var(--line);background:#0b1522}.task-detail-card{border-color:var(--line);background:#111e2f}.task-detail-card summary{color:#e5edf6}.task-detail-content{border-color:var(--line);background:#0d1826}.task-comments{border-color:var(--line)}.task-comment{border-color:var(--line)}.task-symbol{background:#193b2c;color:#88d66e}.task-symbol.milestone{background:#44351d;color:#ffc35b}.modal-help{background:#122c3d;color:#b8d5e2}.auto-code-note{border-color:#31576b;background:#102532;color:#aac8d5}.project-panels .app-modal-card.is-modal-open{background:#101b2b}.gantt-workspace::-webkit-scrollbar-thumb{border-color:#0d1725;background:#506279}.gantt-workspace::-webkit-scrollbar-track{background:#101b2b}
.auth-page{background:radial-gradient(circle at 12% 12%,#0b536f 0,transparent 34%),linear-gradient(135deg,#050b14,#0b1726 58%,#102d3d)}.auth-shell,.auth-card,.setup-card{background:#0f1b2b;color:var(--ink)}.auth-hero{background:linear-gradient(150deg,rgba(5,18,30,.98),rgba(7,121,161,.88))}.auth-hero p{color:#c4e9f5}.auth-logo{color:#eff9fc}

/* Editores de usuarios y clientes como modal */
.record-modal-open{overflow:hidden}.record-editor[open]{z-index:160}.record-editor[open]:before{content:"";position:fixed;z-index:158;inset:0;background:rgba(1,5,10,.78);backdrop-filter:blur(2px)}.record-editor[open] .editor-form{position:fixed;z-index:160;inset:auto;top:50%;left:50%;right:auto;width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 40px);margin:0;padding:54px 22px 22px;transform:translate(-50%,-50%);overflow:auto;border:1px solid #31445a;border-radius:15px;background:#101d2d;box-shadow:0 26px 90px rgba(0,0,0,.58)}.record-editor-close{position:absolute;z-index:2;top:14px;right:14px}.record-editor[open] .editor-form:before{content:attr(data-editor-title);position:absolute;top:19px;left:22px;color:#eef5fb;font-size:17px;font-weight:850}.record-editor[open]>summary{position:relative;z-index:159}.record-editor[open] .editor-form label{color:#cbd7e5}@media(max-width:620px){.record-editor[open] .editor-form{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:52px 16px 18px}}
.record-editor[open]>summary{z-index:auto}
.record-editor[open]:before{display:none}.record-editor-backdrop{display:none;position:fixed;z-index:158;inset:0;background:rgba(1,5,10,.78);backdrop-filter:blur(2px)}.record-editor-backdrop.is-open{display:block}

/* Acciones y posicionamiento de elementos en plantillas */
.template-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.template-card-actions .record-editor{margin:0}.position-help{padding:10px 12px;border:1px solid #2d4d61;border-radius:8px;background:#102735;color:#a9c5d3;font-size:12px}.add-template-item>form select{width:100%}@media(max-width:620px){.template-card-head{flex-direction:column}.template-card-actions{justify-content:flex-start;width:100%}}

/* Menciones, notificaciones y correo */
.notification-button{position:relative;display:grid;place-items:center;width:39px;height:39px;border:1px solid #304257;border-radius:10px;background:#142235;color:#dce7f3;font-size:17px}.notification-button:hover{border-color:#0797c8;background:#173149;text-decoration:none}.notification-button b{position:absolute;top:-6px;right:-7px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid #0d1725;border-radius:10px;background:#e45b5b;color:#fff;font-size:9px}.notification-button.has-unread{border-color:#0b8dbb;box-shadow:0 0 0 3px rgba(7,151,200,.11)}.comment-form label{position:relative}.mention-help{color:#8fa5b9;font-size:11px;line-height:1.45}.mention-menu{position:absolute;z-index:190;right:0;bottom:calc(100% - 1px);left:0;max-height:220px;padding:6px;border:1px solid #35506a;border-radius:10px;background:#0c1725;box-shadow:0 18px 45px rgba(0,0,0,.45);overflow:auto}.mention-menu[hidden]{display:none}.mention-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px;border:0;border-radius:7px;background:transparent;color:#dce6f1;text-align:left;cursor:pointer}.mention-menu button:hover,.mention-menu button.active{background:#15364b}.mention-menu button span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#17415a;color:#7bd7f3;font-size:11px;font-weight:900}.mention-menu button strong{font-size:12px}.notification-center{display:grid;grid-template-columns:110px minmax(0,1fr);gap:22px}.notification-summary{display:grid;align-content:start;justify-items:center;padding:20px;border:1px solid var(--line);border-radius:12px;background:#0c1725}.notification-summary strong{color:#55c9ee;font-size:34px}.notification-summary span{color:var(--muted);font-size:11px}.notification-list{display:grid;gap:8px}.notification-item{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;gap:11px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:11px;background:#0d1826;color:#dce6f1}.notification-item:hover{border-color:#315b72;background:#102437;text-decoration:none}.notification-item.unread{border-left:4px solid #0797c8;background:#102637}.notification-item-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#123d53;color:#71d3f1;font-weight:900}.notification-item-head{display:flex;justify-content:space-between;gap:15px}.notification-item-head time,.notification-item small{color:var(--muted);font-size:10px}.notification-item p{margin:5px 0;color:#b8c7d7;font-size:12px;line-height:1.45}.notification-arrow{color:#54c6eb;font-size:25px}.mail-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.mail-enable{display:flex!important;align-items:center;gap:11px;padding:13px;border:1px solid #2c5368;border-radius:10px;background:#102836}.mail-enable input{width:18px}.mail-enable span{display:grid;gap:3px}.mail-enable small{color:var(--muted)}.mail-test-recipient{margin:12px 0 16px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#0c1725;color:#62cef1}.mail-security-note{margin-top:22px;padding:13px;border-left:3px solid #f2a93b;border-radius:7px;background:#332a1b}.mail-security-note p{margin:6px 0 0;color:#d6bd8f;font-size:11px;line-height:1.5}.mail-security-note code{color:#ffd17d}@media(max-width:900px){.mail-settings-grid{grid-template-columns:1fr}}@media(max-width:620px){.notification-center{grid-template-columns:1fr}.notification-summary{display:flex;justify-content:flex-start;align-items:baseline;gap:7px}.notification-item-head{flex-direction:column;gap:3px}.quick-create{display:none}}

/* Ciclo de vida de cuentas */
.team-account-note{margin-bottom:18px}.account-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.account-actions .record-editor{margin:0}.table tr.row-disabled{opacity:1;background:#101927}.table tr.row-disabled>td:not(:last-child){opacity:.58}.row-disabled .account-actions .button-primary{filter:saturate(1.15)}

/* Centro de ayuda interactivo */
.guide-page{display:grid;gap:20px;max-width:1280px;margin:0 auto}.guide-hero{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:center;padding:34px;border:1px solid #25465a;border-radius:18px;background:radial-gradient(circle at 85% 20%,rgba(7,151,200,.18),transparent 38%),linear-gradient(135deg,#101d2d,#0c2533);box-shadow:var(--shadow)}.guide-eyebrow{color:#53c9ef;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.guide-hero h1{margin:7px 0 10px;font-size:34px;letter-spacing:-.03em}.guide-hero p{max-width:720px;margin:0;color:#abc0d1;line-height:1.6}.guide-user-card{display:grid;gap:4px;padding:18px;border:1px solid #2a5368;border-radius:13px;background:rgba(4,15,24,.45)}.guide-user-card span{color:#8ca5b8;font-size:11px;text-transform:uppercase}.guide-user-card strong{color:#62cef1;font-size:23px}.guide-user-card small{margin-top:5px;color:#9fb2c2;line-height:1.45}.guide-toolbar{position:sticky;z-index:10;top:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(13,23,37,.95);box-shadow:0 8px 25px rgba(0,0,0,.25);backdrop-filter:blur(8px)}.guide-search{display:flex;align-items:center;gap:8px;width:min(620px,100%)}.guide-search span{color:#53c9ef;font-size:20px}.guide-search input{height:40px}.guide-toolbar>[data-guide-results]{color:var(--muted);font-size:12px;white-space:nowrap}.guide-section{scroll-margin-top:145px}.guide-section.is-filtered{display:none}.guide-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.guide-heading>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:11px}.guide-heading h2{grid-column:2;margin:0;font-size:23px}.guide-heading p{grid-column:2;margin:5px 0 0;color:var(--muted)}.guide-number{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#12384a;color:#58c9ed;font-size:12px;font-weight:900}.guide-progress{width:145px;text-align:right}.guide-progress strong{display:block;margin-bottom:6px;color:#75d35a}.learning-checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.learning-checklist label{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#0c1725;cursor:pointer;font-size:12px}.learning-checklist input{position:absolute;width:1px;opacity:0}.learning-checklist label>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #3a5068;border-radius:6px;color:transparent}.learning-checklist input:checked+span{border-color:#62b447;background:#315f28;color:#fff}.role-levels{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;margin-bottom:18px}.role-levels article{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:11px;background:#0d1826}.role-levels article>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#12405a;color:#8bdcf6;font-weight:900}.role-levels p{margin:3px 0 0;color:var(--muted);font-size:12px}.role-levels>b{color:#4fc9ef;font-size:22px}.guide-role-tabs,.process-selector{display:flex;gap:7px;overflow-x:auto;padding-bottom:6px}.guide-role-tabs button,.process-selector button{padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:#142235;color:#b8c7d7;font:inherit;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}.guide-role-tabs button.active,.process-selector button.active{border-color:#0797c8;background:#0e516b;color:#fff}.role-guide-panels,.process-panels{margin-top:12px}.role-guide-panels>article,.process-panels>article{display:none;padding:19px;border:1px solid var(--line);border-radius:11px;background:#0c1725}.role-guide-panels>article.active,.process-panels>article.active{display:block}.role-guide-panels h3,.process-panels h3{margin:0 0 7px;font-size:19px}.role-guide-panels p{color:#aab9c9}.role-guide-panels ul{display:grid;gap:7px;padding-left:21px;color:#c9d5e2}.guide-example,.guide-tip,.guide-warning{margin-top:15px;padding:12px 14px;border-radius:9px;font-size:12px;line-height:1.5}.guide-example{border-left:3px solid #0797c8;background:#102a3a;color:#bdd9e5}.guide-tip{border-left:3px solid #62b447;background:#173326;color:#c8e8bd}.guide-warning{border-left:3px solid #f2a93b;background:#3b301d;color:#f4d49a}.guide-subtitle{margin:23px 0 10px}.permission-table td:not(:first-child),.permission-table th:not(:first-child){text-align:center}.permission-table td:not(:first-child){color:#73cf58;font-weight:900}.guide-steps{display:grid;gap:0;margin:15px 0 0;padding:0;list-style:none}.guide-steps li{display:grid;grid-template-columns:38px 1fr;gap:12px;min-height:72px}.guide-steps li>span{position:relative;z-index:1;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#0d516b;color:#fff;font-size:12px;font-weight:900}.guide-steps li:not(:last-child)>span:after{content:"";position:absolute;z-index:-1;top:31px;bottom:-41px;width:2px;background:#29465a}.guide-steps strong{color:#e8f0f8}.guide-steps p{margin:4px 0 14px;color:var(--muted);font-size:12px;line-height:1.5}.guide-example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-example-grid article{padding:16px;border:1px solid var(--line);border-radius:10px;background:#0c1725}.guide-example-grid strong{color:#56c8ed}.guide-example-grid p{margin:7px 0 0;color:#aab9c9;font-size:12px;line-height:1.55}.guide-faq{display:grid;gap:8px}.guide-faq details{border:1px solid var(--line);border-radius:9px;background:#0c1725}.guide-faq summary{padding:13px 15px;color:#dce6f1;font-weight:800;cursor:pointer}.guide-faq p{margin:0;padding:0 15px 15px;color:var(--muted);line-height:1.55}@media(max-width:900px){.guide-hero{grid-template-columns:1fr}.learning-checklist,.guide-example-grid{grid-template-columns:1fr 1fr}.guide-toolbar{top:70px}.role-levels{grid-template-columns:1fr}.role-levels>b{display:none}}@media(max-width:620px){.guide-hero{padding:22px}.guide-hero h1{font-size:27px}.guide-toolbar{align-items:stretch;flex-direction:column}.guide-toolbar>[data-guide-results]{padding-left:29px}.guide-heading{flex-direction:column}.guide-progress{width:100%}.learning-checklist,.guide-example-grid{grid-template-columns:1fr}.guide-page .card-body{padding:15px}}

/* Selector de apariencia compartido */
.user-dropdown .theme-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}.theme-choice-icon{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:var(--blue);color:#fff;font-size:14px;font-weight:900}
.user-dropdown form{margin:0}.user-dropdown .global-logout-button{margin-top:3px;color:#ffaaaa;font-weight:800}.user-dropdown .global-logout-button:hover{background:rgba(228,91,91,.16)}

/* Tema claro */
html[data-theme="light"]{color-scheme:light;--sidebar:#312e66;--sidebar-accent:#5b5bd6;--canvas:#f5f7fb;--panel:#fff;--ink:#172033;--muted:#697386;--line:#dfe4ec;--blue:#0797c8;--blue-soft:#e9f6fb;--green:#22a06b;--amber:#e58b25;--red:#d14343;--shadow:0 10px 32px rgba(28,39,66,.1)}html[data-theme="light"],html[data-theme="light"] body{background:var(--canvas);color:var(--ink)}html[data-theme="light"] body{color-scheme:light}
html[data-theme="light"] .sidebar{background:linear-gradient(180deg,#3d3a72,#2a2957);border-color:#d9dce5;box-shadow:4px 0 18px rgba(20,20,55,.14)}html[data-theme="light"] .side-brand{background:linear-gradient(135deg,#0ba7da,#08769d);box-shadow:0 8px 24px rgba(7,151,200,.2)}html[data-theme="light"] .side-nav a{color:#e1e2f7}html[data-theme="light"] .side-nav a:hover{background:rgba(255,255,255,.13);color:#fff}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.94);color:var(--ink);border-color:var(--line);box-shadow:0 3px 18px rgba(28,39,66,.07)}html[data-theme="light"] .top-kicker,html[data-theme="light"] .user-menu small{color:var(--muted)}html[data-theme="light"] .avatar{background:#202638;color:#fff}html[data-theme="light"] .user-dropdown{border-color:var(--line);background:#fff}html[data-theme="light"] .user-dropdown a,html[data-theme="light"] .user-dropdown button{color:var(--ink)}html[data-theme="light"] .user-dropdown a:hover,html[data-theme="light"] .user-dropdown button:hover{background:var(--blue-soft)}html[data-theme="light"] .footer{background:#fff;color:var(--muted);border-color:var(--line)}
html[data-theme="light"] .user-dropdown .global-logout-button{color:#a02f3a}html[data-theme="light"] .user-dropdown .global-logout-button:hover{background:#fee2e2}
html[data-theme="light"] .project-shell,html[data-theme="light"] .project-header,html[data-theme="light"] .project-toolbar,html[data-theme="light"] .task-grid,html[data-theme="light"] .timeline-grid{background:#fff}html[data-theme="light"] .project-header,html[data-theme="light"] .project-toolbar{border-color:var(--line)}html[data-theme="light"] .project-title-row p,html[data-theme="light"] .project-tabs a,html[data-theme="light"] .project-tabs button{color:var(--muted)}html[data-theme="light"] .project-tabs a.active,html[data-theme="light"] .project-tabs button:hover{color:var(--blue)}html[data-theme="light"] .project-tabs a.active{border-color:var(--blue)}html[data-theme="light"] .tool-button,html[data-theme="light"] .tool-search,html[data-theme="light"] .inline-status{border-color:var(--line);background:#f8f9fb;color:var(--ink)}html[data-theme="light"] .tool-button:hover{border-color:var(--blue);background:var(--blue-soft)}html[data-theme="light"] .tool-check{color:#4f596b}
html[data-theme="light"] .card{border-color:var(--line);background:var(--panel);box-shadow:0 4px 18px rgba(28,39,66,.055)}html[data-theme="light"] .section-title,html[data-theme="light"] .page-head h1,html[data-theme="light"] .project-title-row h1{color:var(--ink)}html[data-theme="light"] .page-head p,html[data-theme="light"] .muted{color:var(--muted)!important}html[data-theme="light"] .kpi{background:#fff}html[data-theme="light"] .kpi:after{background:var(--blue-soft)}
html[data-theme="light"] .table th{background:#f3f5f8;color:#596174;border-color:var(--line)}html[data-theme="light"] .table td{border-color:#e5e9ef;color:#283244}html[data-theme="light"] .table tbody tr:hover,html[data-theme="light"] .task-row:hover{background:#f5f9fc}html[data-theme="light"] .row-disabled,html[data-theme="light"] .table tr.row-disabled{background:#f3f5f8}html[data-theme="light"] .badge{background:#e4e8ee;color:#3d4757}html[data-theme="light"] .badge-en_progreso{background:#dff3fa;color:#086b8e}html[data-theme="light"] .badge-completado{background:#dcfce7;color:#166534}html[data-theme="light"] .badge-bloqueado,html[data-theme="light"] .badge-critica,html[data-theme="light"] .badge-alta{background:#fee2e2;color:#991b1b}html[data-theme="light"] .badge-no_iniciado{background:#edf0f4;color:#475569}html[data-theme="light"] .badge-media{background:#fef3c7;color:#92400e}html[data-theme="light"] .progress{background:#e2e8f0}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{border-color:#cbd5e1;background:#fff;color:var(--ink)}html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#8a94a3}html[data-theme="light"] input:focus,html[data-theme="light"] select:focus,html[data-theme="light"] textarea:focus{outline-color:rgba(7,151,200,.18);border-color:var(--blue)}html[data-theme="light"] .button-secondary{border-color:var(--line);background:#f1f3f7;color:var(--ink)}html[data-theme="light"] .button-secondary:hover{background:#e7ebf1}html[data-theme="light"] .button-danger{background:#c43e49;color:#fff}html[data-theme="light"] .alert-success{background:#dcfce7;color:#166534}html[data-theme="light"] .alert-danger{background:#fee2e2;color:#991b1b}html[data-theme="light"] .alert-warning{background:#fef3c7;color:#92400e}html[data-theme="light"] .alert-info{background:#dff3fa;color:#075f81}html[data-theme="light"] .empty{color:var(--muted)}
html[data-theme="light"] .admin-project-panel,html[data-theme="light"] .project-team-panel{background:#f8f9fb;border-color:var(--line)}html[data-theme="light"] .admin-project-content,html[data-theme="light"] .project-team-content{background:#fff;border-color:var(--line)}html[data-theme="light"] .team-add-card,html[data-theme="light"] .add-template-item>form{border-color:var(--line);background:#f8f9fb}html[data-theme="light"] .danger-zone{border-color:#fecaca;background:#fff7f7}html[data-theme="light"] .danger-zone p{color:#8f3d3d}html[data-theme="light"] .record-editor .editor-form{border-color:var(--line);background:#fff}html[data-theme="light"] .automation-card{border-color:#d5e7ef;background:linear-gradient(135deg,#fff,#f1f9fc)}html[data-theme="light"] .automation-icon{background:#e1f3fa;color:#08769d}html[data-theme="light"] .template-option span{border-color:var(--line);background:#fff}html[data-theme="light"] .template-option input:checked+span{border-color:var(--blue);box-shadow:0 0 0 2px rgba(7,151,200,.16)}
html[data-theme="light"] .gantt-workspace{background:#fff;border-color:var(--line)}html[data-theme="light"] .task-grid{background:#fff;box-shadow:7px 0 18px rgba(28,39,66,.12)}html[data-theme="light"] .work-head,html[data-theme="light"] .task-grid .work-head,html[data-theme="light"] .timeline-head{background:#f5f7fa!important;border-color:#d7dde7}html[data-theme="light"] .task-columns{color:#596174}html[data-theme="light"] .task-row{border-color:#e7ebf1;color:#283244}html[data-theme="light"] .task-row.phase,html[data-theme="light"] .timeline-row.phase{background-color:#eef1f5;color:#202a3a}html[data-theme="light"] .timeline-row{border-color:#e5e9ef;background-color:#fff;background-image:linear-gradient(to right,#e4e8ee 1px,transparent 1px)}html[data-theme="light"] .timeline-months{border-color:#d4dae4;background:#edf1f5}html[data-theme="light"] .timeline-month{border-color:#d1d8e2;color:#263244}html[data-theme="light"] .timeline-days{background:#f7f8fa}html[data-theme="light"] .timeline-day{border-color:#dce1e8;color:#687386}html[data-theme="light"] .timeline-day strong{color:#293144}html[data-theme="light"] .timeline-day.weekend{background:#e8ebef;color:#566171}html[data-theme="light"] .timeline-day.current-day{background:#dff3fa;color:#075f81;box-shadow:inset 0 -3px 0 var(--blue)}html[data-theme="light"] .timeline-column-shade.weekend{background:rgba(86,97,113,.09)}html[data-theme="light"] .timeline-column-shade.current-day{background:rgba(7,151,200,.11);box-shadow:inset 1px 0 rgba(7,151,200,.38),inset -1px 0 rgba(7,151,200,.38)}html[data-theme="light"] .timeline-today{background:#e64b4b}html[data-theme="light"] .timeline-today:before{color:#b4232e;background:#fff;padding:2px 4px;border-radius:4px}html[data-theme="light"] .timeline-bar:not(.milestone){background:#cbd3de;color:#243044;text-shadow:none}html[data-theme="light"] .timeline-bar:not(.milestone):before{background:linear-gradient(90deg,#087ba4,#12a9db)}html[data-theme="light"] .timeline-bar.done:not(.milestone):before{background:linear-gradient(90deg,#438f32,#62b447)}html[data-theme="light"] .gantt-pane-resizer{border-color:#c9d0db;background:#e7ebf0}html[data-theme="light"] .gantt-pane-resizer:hover,html[data-theme="light"] .gantt-pane-resizer.is-resizing{background:#bfe8f5}html[data-theme="light"] .sort-grip{color:#7b8796}html[data-theme="light"] .sort-grip:hover{background:#dff3fa;color:#08769d}html[data-theme="light"] .inline-progress{border-color:#cbd5e1;background:#fff;color:#243044}
html[data-theme="light"] .app-modal,html[data-theme="light"] .app-modal-header{background:#fff;color:var(--ink);border-color:var(--line)}html[data-theme="light"] .app-modal-body{background:#f8f9fb}html[data-theme="light"] .modal-close{border-color:var(--line);background:#eef1f5;color:#384354}html[data-theme="light"] .modal-close:hover{background:#e1e6ed}html[data-theme="light"] .task-management{border-color:var(--line);background:#f8f9fb}html[data-theme="light"] .task-detail-card{border-color:var(--line);background:#fff}html[data-theme="light"] .task-detail-card summary{color:#202a39}html[data-theme="light"] .task-detail-content{border-color:var(--line);background:#fcfcfd}html[data-theme="light"] .task-symbol{background:#dcfce7;color:#16834e}html[data-theme="light"] .task-symbol.milestone{background:#fff0d8;color:#a86110}html[data-theme="light"] .modal-help{background:#e8f5fa;color:#345c6b}html[data-theme="light"] .auto-code-note{border-color:#b7d8e5;background:#edf8fb;color:#476978}html[data-theme="light"] .project-panels .app-modal-card.is-modal-open{background:#fff}html[data-theme="light"] .gantt-workspace::-webkit-scrollbar-thumb{border-color:#f5f7fa;background:#a9b3c1}html[data-theme="light"] .gantt-workspace::-webkit-scrollbar-track{background:#edf0f4}
html[data-theme="light"] .auth-page{background:radial-gradient(circle at 12% 12%,#d7f1fa 0,transparent 34%),linear-gradient(135deg,#f4f6f9,#edf2f7 58%,#e7f5fa)}html[data-theme="light"] .auth-shell,html[data-theme="light"] .auth-card,html[data-theme="light"] .setup-card{background:#fff;color:var(--ink)}html[data-theme="light"] .auth-hero{background:linear-gradient(150deg,rgba(23,37,84,.97),rgba(7,151,200,.9))}html[data-theme="light"] .auth-hero p{color:#d9f2fa}html[data-theme="light"] .auth-logo{color:var(--ink)}
html[data-theme="light"] .record-editor[open] .editor-form{border-color:#cbd5e1;background:#fff;box-shadow:0 26px 90px rgba(28,39,66,.24)}html[data-theme="light"] .record-editor[open] .editor-form:before{color:var(--ink)}html[data-theme="light"] .record-editor[open] .editor-form label{color:#526071}html[data-theme="light"] .position-help{border-color:#b8dbe8;background:#eef8fb;color:#476978}
html[data-theme="light"] .notification-button{border-color:#cbd5e1;background:#fff;color:#354153}html[data-theme="light"] .notification-button:hover{border-color:var(--blue);background:var(--blue-soft)}html[data-theme="light"] .notification-button b{border-color:#fff}html[data-theme="light"] .mention-help{color:#677386}html[data-theme="light"] .mention-menu{border-color:#c8d3df;background:#fff;box-shadow:0 18px 45px rgba(28,39,66,.18)}html[data-theme="light"] .mention-menu button{color:#263244}html[data-theme="light"] .mention-menu button:hover,html[data-theme="light"] .mention-menu button.active{background:var(--blue-soft)}html[data-theme="light"] .mention-menu button span{background:#dff3fa;color:#08769d}html[data-theme="light"] .notification-summary{background:#fff}html[data-theme="light"] .notification-item{background:#fff;color:#263244}html[data-theme="light"] .notification-item:hover{border-color:#b5d7e4;background:#f1f9fc}html[data-theme="light"] .notification-item.unread{background:#edf8fb}html[data-theme="light"] .notification-item-icon{background:#dff3fa;color:#08769d}html[data-theme="light"] .notification-item p{color:#526071}html[data-theme="light"] .mail-enable{border-color:#b8dbe8;background:#eef8fb}html[data-theme="light"] .mail-test-recipient{background:#f8f9fb;color:#08769d}html[data-theme="light"] .mail-security-note{background:#fff7e8}html[data-theme="light"] .mail-security-note p{color:#805e24}html[data-theme="light"] .mail-security-note code{color:#8a5700}
html[data-theme="light"] .guide-hero{border-color:#c7e0ea;background:radial-gradient(circle at 85% 20%,rgba(7,151,200,.12),transparent 38%),linear-gradient(135deg,#fff,#edf8fb)}html[data-theme="light"] .guide-eyebrow,html[data-theme="light"] .guide-search span{color:#08769d}html[data-theme="light"] .guide-hero p,html[data-theme="light"] .guide-user-card small{color:#58687a}html[data-theme="light"] .guide-user-card{border-color:#c2dce6;background:rgba(255,255,255,.7)}html[data-theme="light"] .guide-user-card span{color:#69788a}html[data-theme="light"] .guide-user-card strong{color:#08769d}html[data-theme="light"] .guide-toolbar{background:rgba(255,255,255,.95);box-shadow:0 8px 25px rgba(28,39,66,.1)}html[data-theme="light"] .guide-number{background:#dff3fa;color:#08769d}html[data-theme="light"] .learning-checklist label,html[data-theme="light"] .role-levels article,html[data-theme="light"] .role-guide-panels>article,html[data-theme="light"] .process-panels>article,html[data-theme="light"] .guide-example-grid article,html[data-theme="light"] .guide-faq details{background:#fff}html[data-theme="light"] .role-levels article>span{background:#dff3fa;color:#08769d}html[data-theme="light"] .guide-role-tabs button,html[data-theme="light"] .process-selector button{background:#f1f3f7;color:#465264}html[data-theme="light"] .guide-role-tabs button.active,html[data-theme="light"] .process-selector button.active{border-color:var(--blue);background:var(--blue);color:#fff}html[data-theme="light"] .role-guide-panels p,html[data-theme="light"] .guide-example-grid p{color:#58687a}html[data-theme="light"] .role-guide-panels ul{color:#354153}html[data-theme="light"] .guide-example{background:#edf8fb;color:#416575}html[data-theme="light"] .guide-tip{background:#eaf8ef;color:#356346}html[data-theme="light"] .guide-warning{background:#fff5e3;color:#805e24}html[data-theme="light"] .guide-steps strong,html[data-theme="light"] .guide-faq summary{color:#263244}html[data-theme="light"] .guide-steps li:not(:last-child)>span:after{background:#c4d5df}html[data-theme="light"] .guide-faq p{color:#58687a}

/* Identidad visual Repinel */
:root{--repinel-orange:#ff4b0b;--repinel-orange-dark:#d83a00;--repinel-orange-light:#ff6b35;--repinel-orange-soft:rgba(255,75,11,.14);--repinel-graphite:#45464b;--repinel-charcoal:#171719;--repinel-white:#f7f7f5;--blue:var(--repinel-orange);--blue-soft:var(--repinel-orange-soft);--sidebar-accent:var(--repinel-orange)}
html[data-theme="dark"]{--canvas:#171719;--panel:#202124;--ink:#f7f7f5;--muted:#b8b9bd;--line:#3d3e43;--blue:#ff4b0b;--blue-soft:rgba(255,75,11,.14);--shadow:0 16px 42px rgba(0,0,0,.38)}
html[data-theme="light"]{--canvas:#f4f4f2;--panel:#fff;--ink:#202124;--muted:#66686d;--line:#d2d3d6;--blue:#ff4b0b;--blue-soft:rgba(255,75,11,.11);--shadow:0 10px 32px rgba(32,33,36,.12)}

.side-brand,.quick-create,.button-primary,.gantt-save-button{border-color:#ff6b35;background:linear-gradient(135deg,#ff6b35,#ff4b0b);color:#171719}.side-brand{box-shadow:0 8px 24px rgba(255,75,11,.25)}.theme-choice-icon{background:#ff4b0b;color:#171719}.side-nav a:hover{background:rgba(255,75,11,.17)}.project-tabs a.active,.project-tabs button:hover,.admin-project-panel>summary,.project-team-panel>summary{color:#ff6b35}.project-tabs a.active,.tool-button:hover,.notification-button:hover,.notification-button.has-unread{border-color:#ff4b0b}.tool-button:hover,.user-dropdown a:hover,.user-dropdown button:hover{background:rgba(255,75,11,.13)}input:focus,select:focus,textarea:focus{border-color:#ff4b0b;outline-color:rgba(255,75,11,.2)}.progress>span{background:#ff4b0b}.template-option input:checked+span{border-color:#ff4b0b;box-shadow:0 0 0 2px rgba(255,75,11,.2)}.timeline-bar:not(.milestone):before{background:linear-gradient(90deg,#d83a00,#ff6b35)}.timeline-day.current-day{box-shadow:inset 0 -3px 0 #ff4b0b}.timeline-column-shade.current-day{background:rgba(255,75,11,.14);box-shadow:inset 1px 0 rgba(255,107,53,.55),inset -1px 0 rgba(255,107,53,.55)}.gantt-pane-resizer:hover,.gantt-pane-resizer.is-resizing{background:#8f3216}.sort-grip:hover{background:rgba(255,75,11,.15);color:#ff8b5f}.guide-role-tabs button.active,.process-selector button.active{border-color:#ff4b0b;background:#d83a00}.guide-eyebrow,.guide-search span,.guide-user-card strong,.guide-example-grid strong,.notification-summary strong,.notification-arrow,.mail-test-recipient{color:#ff7f50}.guide-number,.role-levels article>span,.notification-item-icon,.mention-menu button span,.automation-icon{background:rgba(255,75,11,.17);color:#ff9b75}.guide-steps li>span{background:#c93800}.notification-item.unread{border-left-color:#ff4b0b}.notification-button.has-unread{box-shadow:0 0 0 3px rgba(255,75,11,.12)}.mention-menu button:hover,.mention-menu button.active{background:rgba(255,75,11,.14)}

html[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#292a2e,#171719);border-color:#38393e;box-shadow:5px 0 24px rgba(0,0,0,.42)}html[data-theme="dark"] .side-nav a{color:#b8b9bd}html[data-theme="dark"] .side-nav a:hover{color:#fff}html[data-theme="dark"] .topbar,html[data-theme="dark"] .footer{background:#1b1b1e;border-color:var(--line)}html[data-theme="dark"] .avatar{background:#34353a;color:#fff}html[data-theme="dark"] .user-dropdown{background:#242529;border-color:var(--line)}
html[data-theme="dark"] .project-shell,html[data-theme="dark"] .project-header,html[data-theme="dark"] .project-toolbar,html[data-theme="dark"] .task-grid,html[data-theme="dark"] .timeline-grid{background:#1c1c1f}html[data-theme="dark"] .tool-button,html[data-theme="dark"] .tool-search,html[data-theme="dark"] .inline-status,html[data-theme="dark"] .button-secondary{border-color:#45464b;background:#292a2e;color:#f1f1ef}html[data-theme="dark"] .card,html[data-theme="dark"] .kpi,html[data-theme="dark"] .admin-project-panel,html[data-theme="dark"] .project-team-panel{background:#202124;border-color:var(--line)}html[data-theme="dark"] .kpi:after{background:rgba(255,75,11,.09)}html[data-theme="dark"] .table th{background:#292a2e;color:#c5c6c9;border-color:#45464b}html[data-theme="dark"] .table td{border-color:#38393e;color:#ededeb}html[data-theme="dark"] .table tbody tr:hover,html[data-theme="dark"] .task-row:hover{background:#292a2e}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{border-color:#45464b;background:#18181b;color:#f3f3f1}html[data-theme="dark"] .badge-en_progreso{background:#3a241d;color:#ffb294}
html[data-theme="dark"] .admin-project-content,html[data-theme="dark"] .project-team-content,html[data-theme="dark"] .record-editor .editor-form,html[data-theme="dark"] .template-option span{background:#242529;border-color:var(--line)}html[data-theme="dark"] .team-add-card,html[data-theme="dark"] .add-template-item>form{background:#292a2e;border-color:var(--line)}html[data-theme="dark"] .automation-card{border-color:#5e3a2c;background:linear-gradient(135deg,#202124,#2b211e)}
html[data-theme="dark"] .gantt-workspace{background:#171719}html[data-theme="dark"] .task-grid{background:#1c1c1f;box-shadow:7px 0 18px rgba(0,0,0,.45)}html[data-theme="dark"] .work-head,html[data-theme="dark"] .task-grid .work-head,html[data-theme="dark"] .timeline-head{background:#292a2e!important;border-color:#45464b}html[data-theme="dark"] .task-row,html[data-theme="dark"] .timeline-row{border-color:#38393e;color:#ededeb}html[data-theme="dark"] .task-row.phase,html[data-theme="dark"] .timeline-row.phase{background:#292a2e;color:#f7f7f5}html[data-theme="dark"] .timeline-row{background-color:#1c1c1f;background-image:linear-gradient(to right,#38393e 1px,transparent 1px)}html[data-theme="dark"] .timeline-months{background:#292a2e;border-color:#4a4b50}html[data-theme="dark"] .timeline-month{border-color:#45464b;color:#ededeb}html[data-theme="dark"] .timeline-days{background:#242529}html[data-theme="dark"] .timeline-day{border-color:#3d3e43;color:#b8b9bd}html[data-theme="dark"] .timeline-day strong{color:#ededeb}html[data-theme="dark"] .timeline-day.weekend{background:#323338;color:#d1d2d4}html[data-theme="dark"] .timeline-day.current-day{background:#40261d;color:#ffb294}html[data-theme="dark"] .timeline-column-shade.current-day{background:rgba(255,75,11,.16)}html[data-theme="dark"] .timeline-today{background:#ff6b35}html[data-theme="dark"] .timeline-today:before{background:#2c211e;color:#ffc1a9}html[data-theme="dark"] .timeline-bar:not(.milestone){background:#3a3b40;color:#f7f7f5}html[data-theme="dark"] .gantt-pane-resizer{border-color:#45464b;background:#303136}html[data-theme="dark"] .inline-progress{border-color:#45464b;background:#18181b;color:#f7f7f5}
html[data-theme="dark"] .app-modal,html[data-theme="dark"] .app-modal-header,html[data-theme="dark"] .project-panels .app-modal-card.is-modal-open{background:#202124}html[data-theme="dark"] .app-modal-body,html[data-theme="dark"] .task-management{background:#1b1b1e}html[data-theme="dark"] .modal-close,html[data-theme="dark"] .task-detail-card{background:#292a2e;border-color:#45464b;color:#ededeb}html[data-theme="dark"] .task-detail-content{background:#202124}html[data-theme="dark"] .modal-help,html[data-theme="dark"] .auto-code-note{border-color:#5e3a2c;background:#30231e;color:#e0b4a3}
html[data-theme="dark"] .auth-page{background:radial-gradient(circle at 12% 12%,#5b210d 0,transparent 34%),linear-gradient(135deg,#171719,#202124 58%,#35231d)}html[data-theme="dark"] .auth-shell,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .setup-card{background:#202124}html[data-theme="dark"] .auth-hero{background:linear-gradient(150deg,rgba(32,33,36,.98),rgba(183,48,0,.9))}html[data-theme="dark"] .auth-hero p{color:#ffe5dc}
html[data-theme="dark"] .record-editor[open] .editor-form{background:#202124;border-color:#45464b}html[data-theme="dark"] .position-help,html[data-theme="dark"] .notification-summary,html[data-theme="dark"] .notification-item,html[data-theme="dark"] .mail-test-recipient,html[data-theme="dark"] .learning-checklist label,html[data-theme="dark"] .role-levels article,html[data-theme="dark"] .role-guide-panels>article,html[data-theme="dark"] .process-panels>article,html[data-theme="dark"] .guide-example-grid article,html[data-theme="dark"] .guide-faq details{background:#242529;border-color:var(--line)}html[data-theme="dark"] .notification-item:hover,html[data-theme="dark"] .notification-item.unread{background:#30231e}html[data-theme="dark"] .mention-menu{background:#202124;border-color:#45464b}html[data-theme="dark"] .mail-enable{background:#30231e;border-color:#5e3a2c}html[data-theme="dark"] .guide-hero{border-color:#5e3a2c;background:radial-gradient(circle at 85% 20%,rgba(255,75,11,.18),transparent 38%),linear-gradient(135deg,#202124,#30231e)}html[data-theme="dark"] .guide-toolbar{background:rgba(32,33,36,.95)}html[data-theme="dark"] .guide-role-tabs button,html[data-theme="dark"] .process-selector button{background:#292a2e;color:#d7d7d9}

html[data-theme="light"] .sidebar{background:linear-gradient(180deg,#55565c,#3f4045);border-color:#d2d3d6}html[data-theme="light"] .side-nav a{color:#f1f1ef}html[data-theme="light"] .side-nav a:hover{background:rgba(255,75,11,.2);color:#fff}html[data-theme="light"] .side-brand{background:linear-gradient(135deg,#ff6b35,#ff4b0b);color:#171719;box-shadow:0 8px 24px rgba(255,75,11,.25)}html[data-theme="light"] .topbar{background:rgba(255,255,255,.95)}html[data-theme="light"] .badge-en_progreso{background:#fff0ea;color:#a93005}html[data-theme="light"] .automation-card{border-color:#f1c8b8;background:linear-gradient(135deg,#fff,#fff4ef)}html[data-theme="light"] .automation-icon,html[data-theme="light"] .guide-number,html[data-theme="light"] .role-levels article>span,html[data-theme="light"] .notification-item-icon,html[data-theme="light"] .mention-menu button span{background:#fff0ea;color:#b83200}html[data-theme="light"] .timeline-day.current-day{background:#fff0ea;color:#a93005;box-shadow:inset 0 -3px 0 #ff4b0b}html[data-theme="light"] .timeline-column-shade.current-day{background:rgba(255,75,11,.1)}html[data-theme="light"] .timeline-bar:not(.milestone):before{background:linear-gradient(90deg,#d83a00,#ff6b35)}html[data-theme="light"] .sort-grip:hover{background:#fff0ea;color:#b83200}html[data-theme="light"] .modal-help,html[data-theme="light"] .auto-code-note,html[data-theme="light"] .position-help,html[data-theme="light"] .mail-enable{border-color:#f1c8b8;background:#fff4ef;color:#6e4b3e}html[data-theme="light"] .notification-button:hover,html[data-theme="light"] .mention-menu button:hover,html[data-theme="light"] .mention-menu button.active,html[data-theme="light"] .notification-item.unread{background:#fff0ea}html[data-theme="light"] .mail-test-recipient{color:#b83200}html[data-theme="light"] .auth-page{background:radial-gradient(circle at 12% 12%,#ffe1d5 0,transparent 34%),linear-gradient(135deg,#f7f7f5,#f0f0ef 58%,#fff0ea)}html[data-theme="light"] .auth-hero{background:linear-gradient(150deg,rgba(69,70,75,.98),rgba(216,58,0,.9))}html[data-theme="light"] .auth-hero p{color:#fff0ea}html[data-theme="light"] .guide-hero{border-color:#f1c8b8;background:radial-gradient(circle at 85% 20%,rgba(255,75,11,.12),transparent 38%),linear-gradient(135deg,#fff,#fff4ef)}html[data-theme="light"] .guide-eyebrow,html[data-theme="light"] .guide-search span,html[data-theme="light"] .guide-user-card strong,html[data-theme="light"] .guide-example-grid strong{color:#b83200}html[data-theme="light"] .guide-user-card{border-color:#efc7b8}html[data-theme="light"] .guide-example{border-left-color:#ff4b0b;background:#fff4ef;color:#6e4b3e}html[data-theme="light"] .guide-role-tabs button.active,html[data-theme="light"] .process-selector button.active{border-color:#ff4b0b;background:#d83a00;color:#fff}