html[data-theme=sunlight],body.theme-sunlight{--navy:#fafaf7;--navy2:#fff;--navy3:#f3f1ea;--navy4:#e8e5da;--accent:#0b4f8a;--accent2:#083d6b;--danger:#b91c1c;--warning:#b45309;--success:#047857;--text:#1a1a1a;--text2:#3f3e3a;--text3:#5f5e5a;--border:#d0cfc8;--border2:#8a8980;--card:#fff;--card2:#f3f1ea}html[data-theme=sunlight] body,body.theme-sunlight{background:var(--navy);color:var(--text)}html[data-theme=sunlight] .ecc-sidebar,body.theme-sunlight .ecc-sidebar{background:var(--navy2);border-right:1px solid var(--border);box-shadow:1px 0 0 var(--border)}html[data-theme=sunlight] .topbar,body.theme-sunlight .topbar{background:var(--navy2);border-bottom:1px solid var(--border)}html[data-theme=sunlight] .brand,body.theme-sunlight .brand{border-bottom:1px solid var(--border)}html[data-theme=sunlight] .sidebar-bottom,body.theme-sunlight .sidebar-bottom{border-top:1px solid var(--border)}html[data-theme=sunlight] .nav-item:hover,body.theme-sunlight .nav-item:hover{background:var(--navy3);color:var(--text)}html[data-theme=sunlight] .nav-item.active,body.theme-sunlight .nav-item.active{background:var(--accent);color:#fff;border-color:var(--accent)}html[data-theme=sunlight] .nav-item.active .nav-icon,body.theme-sunlight .nav-item.active .nav-icon{color:#fff}html[data-theme=sunlight] .user-avatar,body.theme-sunlight .user-avatar{background:var(--accent);border-color:var(--accent2);color:#fff}html[data-theme=sunlight] .sync-online,body.theme-sunlight .sync-online{border:1px solid var(--success);color:#064e3b;background:#dcfce7}html[data-theme=sunlight] .sync-offline,body.theme-sunlight .sync-offline{border:1px solid var(--danger);color:#7f1d1d;background:#fee2e2}html[data-theme=sunlight] .sync-pending,body.theme-sunlight .sync-pending{border:1px solid var(--warning);color:#7c2d12;background:#ffedd5}html[data-theme=sunlight] .sync-count,body.theme-sunlight .sync-count{background:var(--warning);color:#fff}html[data-theme=sunlight] .offline-bar,body.theme-sunlight .offline-bar{border-bottom:1.5px solid var(--danger);color:#7f1d1d;background:#fee2e2}html[data-theme=sunlight] .btn,body.theme-sunlight .btn{background:var(--card);border:1px solid var(--border2);color:var(--text)}html[data-theme=sunlight] .btn:hover,body.theme-sunlight .btn:hover{background:var(--card2)}html[data-theme=sunlight] .btn-primary,body.theme-sunlight .btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}html[data-theme=sunlight] .btn-primary:hover,body.theme-sunlight .btn-primary:hover{background:var(--accent2)}html[data-theme=sunlight] .btn-danger,body.theme-sunlight .btn-danger{border-color:var(--danger);color:#7f1d1d;background:#fee2e2}html[data-theme=sunlight] .btn-warning,body.theme-sunlight .btn-warning{border-color:var(--warning);color:#7c2d12;background:#ffedd5}html[data-theme=sunlight] .card,body.theme-sunlight .card{background:var(--card);border:1px solid var(--border)}html[data-theme=sunlight] .card-header,body.theme-sunlight .card-header{border-bottom:1px solid var(--border)}html[data-theme=sunlight] .kpi-card,body.theme-sunlight .kpi-card{background:var(--card);border:1px solid var(--border)}html[data-theme=sunlight] .kpi-card:before,body.theme-sunlight .kpi-card:before{height:3px}html[data-theme=sunlight] .kpi-value,body.theme-sunlight .kpi-value{color:var(--text);font-weight:500}html[data-theme=sunlight] .kpi-card.red .kpi-value,body.theme-sunlight .kpi-card.red .kpi-value{color:var(--danger)}html[data-theme=sunlight] .kpi-card.green .kpi-value,body.theme-sunlight .kpi-card.green .kpi-value{color:var(--success)}html[data-theme=sunlight] .kpi-card.amber .kpi-value,body.theme-sunlight .kpi-card.amber .kpi-value{color:var(--warning)}html[data-theme=sunlight] .kpi-card.blue .kpi-value,body.theme-sunlight .kpi-card.blue .kpi-value{color:var(--accent)}html[data-theme=sunlight] .alert-danger,body.theme-sunlight .alert-danger{border:1.5px solid var(--danger);color:#7f1d1d;background:#fee2e2}html[data-theme=sunlight] .alert-warning,body.theme-sunlight .alert-warning{border:1.5px solid var(--warning);color:#7c2d12;background:#ffedd5}html[data-theme=sunlight] .alert-info,body.theme-sunlight .alert-info{border:1.5px solid var(--accent);color:var(--accent2);background:#e6eef7}html[data-theme=sunlight] .alert-success,body.theme-sunlight .alert-success{border:1.5px solid var(--success);color:#064e3b;background:#dcfce7}html[data-theme=sunlight] .pill-ok,html[data-theme=sunlight] .pill-closed,body.theme-sunlight .pill-ok,body.theme-sunlight .pill-closed{color:#064e3b;background:#dcfce7}html[data-theme=sunlight] .pill-warn,body.theme-sunlight .pill-warn{color:#7c2d12;background:#ffedd5}html[data-theme=sunlight] .pill-danger,html[data-theme=sunlight] .pill-suspended,body.theme-sunlight .pill-danger,body.theme-sunlight .pill-suspended{color:#7f1d1d;background:#fee2e2}html[data-theme=sunlight] .pill-open,body.theme-sunlight .pill-open{color:var(--accent2);background:#e6eef7}html[data-theme=sunlight] .gas-ok,body.theme-sunlight .gas-ok{color:#064e3b;border:1px solid var(--success);background:#dcfce7}html[data-theme=sunlight] .gas-warn,body.theme-sunlight .gas-warn{color:#7c2d12;border:1px solid var(--warning);background:#ffedd5}html[data-theme=sunlight] .gas-danger,body.theme-sunlight .gas-danger{color:#7f1d1d;border:1.5px solid var(--danger);background:#fee2e2;font-weight:700}html[data-theme=sunlight] .form-label,body.theme-sunlight .form-label{color:var(--text3);font-weight:600}html[data-theme=sunlight] .form-input,html[data-theme=sunlight] .form-select,html[data-theme=sunlight] .form-textarea,body.theme-sunlight .form-input,body.theme-sunlight .form-select,body.theme-sunlight .form-textarea{background:var(--card);border:1.5px solid var(--border2);color:var(--text);min-height:44px;font-size:16px}html[data-theme=sunlight] .form-input:focus,html[data-theme=sunlight] .form-select:focus,html[data-theme=sunlight] .form-textarea:focus,body.theme-sunlight .form-input:focus,body.theme-sunlight .form-select:focus,body.theme-sunlight .form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0b4f8a40}html[data-theme=sunlight] .form-select option,body.theme-sunlight .form-select option{background:var(--card);color:var(--text)}html[data-theme=sunlight] .form-section-title,body.theme-sunlight .form-section-title{color:var(--text3);border-bottom:1px solid var(--border)}html[data-theme=sunlight] .gas-input-card,body.theme-sunlight .gas-input-card{background:var(--card);border:1.5px solid var(--border)}html[data-theme=sunlight] .gas-input-name,body.theme-sunlight .gas-input-name{color:var(--text)}html[data-theme=sunlight] .gas-input-unit,body.theme-sunlight .gas-input-unit{color:var(--text3)}html[data-theme=sunlight] .gas-input-field,body.theme-sunlight .gas-input-field{border:1.5px solid var(--border2);color:var(--text);background:#fff;font-size:18px;font-weight:700}html[data-theme=sunlight] .gas-input-field:focus,body.theme-sunlight .gas-input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0b4f8a40}html[data-theme=sunlight] .gr-ok,body.theme-sunlight .gr-ok{color:#064e3b;font-weight:700}html[data-theme=sunlight] .gr-warn,body.theme-sunlight .gr-warn{color:#7c2d12;font-weight:700}html[data-theme=sunlight] .gr-danger,body.theme-sunlight .gr-danger{color:#7f1d1d;font-weight:700}html[data-theme=sunlight] .threshold-table th,body.theme-sunlight .threshold-table th{background:var(--card2);color:var(--text);font-weight:600}html[data-theme=sunlight] .threshold-table th,html[data-theme=sunlight] .threshold-table td,body.theme-sunlight .threshold-table th,body.theme-sunlight .threshold-table td{border-color:var(--border)}html[data-theme=sunlight] .th-ok,body.theme-sunlight .th-ok{color:#064e3b;font-weight:700}html[data-theme=sunlight] .th-warn,body.theme-sunlight .th-warn{color:#7c2d12;font-weight:700}html[data-theme=sunlight] .th-danger,body.theme-sunlight .th-danger{color:#7f1d1d;font-weight:700}html[data-theme=sunlight] .headcount-bar,body.theme-sunlight .headcount-bar{background:var(--card);border:1px solid var(--border)}html[data-theme=sunlight] .hc-value,body.theme-sunlight .hc-value{color:var(--text);font-weight:500}html[data-theme=sunlight] .hc-label,body.theme-sunlight .hc-label{color:var(--text3)}html[data-theme=sunlight] .hc-divider,body.theme-sunlight .hc-divider{background:var(--border)}html[data-theme=sunlight] .person-control-card,body.theme-sunlight .person-control-card{background:var(--card);border:1px solid var(--border)}html[data-theme=sunlight] .person-control-card.inside,body.theme-sunlight .person-control-card.inside{border-left:4px solid var(--success)}html[data-theme=sunlight] .person-control-card.outside,body.theme-sunlight .person-control-card.outside{border-left:4px solid var(--text3);opacity:1}html[data-theme=sunlight] .person-control-card.overtime,body.theme-sunlight .person-control-card.overtime{border-left:4px solid var(--warning);background:#fffbeb}html[data-theme=sunlight] .pc-av-inside,body.theme-sunlight .pc-av-inside{border-color:var(--success);color:#064e3b;background:#dcfce7}html[data-theme=sunlight] .pc-av-outside,body.theme-sunlight .pc-av-outside{background:var(--card2);border-color:var(--border2);color:var(--text3)}html[data-theme=sunlight] .pc-av-overtime,body.theme-sunlight .pc-av-overtime{border-color:var(--warning);color:#7c2d12;background:#ffedd5}html[data-theme=sunlight] .pc-person-name,body.theme-sunlight .pc-person-name{color:var(--text)}html[data-theme=sunlight] .pc-person-meta,body.theme-sunlight .pc-person-meta{color:var(--text3)}html[data-theme=sunlight] .pc-entry-time,body.theme-sunlight .pc-entry-time{color:#047857;font-weight:600}html[data-theme=sunlight] .pc-exit-time,body.theme-sunlight .pc-exit-time{color:var(--text3)}html[data-theme=sunlight] .pc-duration.overtime,body.theme-sunlight .pc-duration.overtime{color:#7c2d12}html[data-theme=sunlight] .btn-entrada,body.theme-sunlight .btn-entrada{background:var(--success);color:#fff;border:1.5px solid #065f46;min-height:44px;font-size:13px;font-weight:700}html[data-theme=sunlight] .btn-entrada:hover,body.theme-sunlight .btn-entrada:hover{background:#065f46}html[data-theme=sunlight] .btn-salida,body.theme-sunlight .btn-salida{background:var(--danger);color:#fff;border:1.5px solid #991b1b;min-height:44px;font-size:13px;font-weight:700}html[data-theme=sunlight] .btn-salida:hover,body.theme-sunlight .btn-salida:hover{background:#991b1b}html[data-theme=sunlight] .log-row,body.theme-sunlight .log-row{border-bottom:1px solid var(--border)}html[data-theme=sunlight] .log-type-entrada,body.theme-sunlight .log-type-entrada{color:#064e3b;background:#dcfce7;font-weight:700}html[data-theme=sunlight] .log-type-salida,body.theme-sunlight .log-type-salida{color:#7f1d1d;background:#fee2e2;font-weight:700}html[data-theme=sunlight] .log-time,body.theme-sunlight .log-time{color:var(--text);font-weight:500}html[data-theme=sunlight] .log-name,body.theme-sunlight .log-name{color:var(--text)}html[data-theme=sunlight] .log-rp,body.theme-sunlight .log-rp{color:var(--text3)}html[data-theme=sunlight] .log-pending,body.theme-sunlight .log-pending{color:#7c2d12;border:1px solid var(--warning);background:#ffedd5;font-weight:600}html[data-theme=sunlight] .modal-overlay,body.theme-sunlight .modal-overlay{background:#1a1a1a8c}html[data-theme=sunlight] .modal-box,body.theme-sunlight .modal-box{background:var(--card);border:1px solid var(--border);box-shadow:0 20px 40px #00000026}html[data-theme=sunlight] .modal-title,body.theme-sunlight .modal-title{color:var(--text)}html[data-theme=sunlight] .modal-sub,body.theme-sunlight .modal-sub{color:var(--text3)}html[data-theme=sunlight] .epi-check-row,body.theme-sunlight .epi-check-row{border-bottom:1px solid var(--border);min-height:44px;padding:10px 0}html[data-theme=sunlight] .epi-check-row input[type=checkbox],body.theme-sunlight .epi-check-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--success)}html[data-theme=sunlight] .med-tl-item,body.theme-sunlight .med-tl-item{border-bottom:1px solid var(--border)}html[data-theme=sunlight] .tl-time,body.theme-sunlight .tl-time{color:var(--text);font-weight:500}html[data-theme=sunlight] .tl-result,body.theme-sunlight .tl-result{color:var(--text)}html[data-theme=sunlight] .tl-who,body.theme-sunlight .tl-who,html[data-theme=sunlight] .tl-obs,body.theme-sunlight .tl-obs{color:var(--text3)}html[data-theme=sunlight] .data-table th,body.theme-sunlight .data-table th{background:var(--card2);color:var(--text);border-bottom:1.5px solid var(--border2);font-weight:600}html[data-theme=sunlight] .data-table td,body.theme-sunlight .data-table td{color:var(--text);border-bottom:1px solid var(--border)}html[data-theme=sunlight] .data-table tr:hover td,body.theme-sunlight .data-table tr:hover td{background:var(--card2)}html[data-theme=sunlight] .personal-table th,body.theme-sunlight .personal-table th{color:var(--text);border-bottom:1.5px solid var(--border2);font-weight:600}html[data-theme=sunlight] .personal-table td,body.theme-sunlight .personal-table td{color:var(--text);border-bottom:1px solid var(--border)}html[data-theme=sunlight] .sq-row,body.theme-sunlight .sq-row{border-bottom:1px solid var(--border)}html[data-theme=sunlight] .sq-pend,body.theme-sunlight .sq-pend{color:#7c2d12;border:1px solid var(--warning);background:#ffedd5}html[data-theme=sunlight] .sq-sync,body.theme-sunlight .sq-sync{color:#064e3b;border:1px solid var(--success);background:#dcfce7}html[data-theme=sunlight] .sq-error,body.theme-sunlight .sq-error{color:#7f1d1d;border:1px solid var(--danger);background:#fee2e2}html[data-theme=sunlight] .sq-text,body.theme-sunlight .sq-text{color:var(--text)}html[data-theme=sunlight] .sq-ts,body.theme-sunlight .sq-ts{color:var(--text3)}html[data-theme=sunlight] .permiso-card,body.theme-sunlight .permiso-card{background:var(--card);border:1px solid var(--border)}html[data-theme=sunlight] .permiso-card:hover,body.theme-sunlight .permiso-card:hover{border-color:var(--accent)}html[data-theme=sunlight] .permiso-card.p-danger,body.theme-sunlight .permiso-card.p-danger{border-color:var(--danger);border-left:4px solid var(--danger)}html[data-theme=sunlight] .permiso-card.p-warning,body.theme-sunlight .permiso-card.p-warning{border-color:var(--warning);border-left:4px solid var(--warning)}html[data-theme=sunlight] .pc-header,body.theme-sunlight .pc-header{border-bottom:1px solid var(--border)}html[data-theme=sunlight] .dot-ok,body.theme-sunlight .dot-ok{background:var(--success);box-shadow:0 0 0 3px #dcfce7}html[data-theme=sunlight] .dot-warn,body.theme-sunlight .dot-warn{background:var(--warning);box-shadow:0 0 0 3px #ffedd5}html[data-theme=sunlight] .dot-danger,body.theme-sunlight .dot-danger{background:var(--danger);box-shadow:0 0 0 3px #fee2e2}html[data-theme=sunlight] .pc-name,body.theme-sunlight .pc-name{color:var(--text)}html[data-theme=sunlight] .pc-buque,body.theme-sunlight .pc-buque{color:var(--text3)}html[data-theme=sunlight] .tipo-a,body.theme-sunlight .tipo-a{color:var(--accent2);border:1px solid var(--accent);background:#e6eef7}html[data-theme=sunlight] .tipo-b,body.theme-sunlight .tipo-b{color:#7c2d12;border:1px solid var(--warning);background:#ffedd5}html[data-theme=sunlight] .pc-section,body.theme-sunlight .pc-section{border-right:1px solid var(--border)}html[data-theme=sunlight] .pc-slabel,body.theme-sunlight .pc-slabel{color:var(--text3);font-weight:600}html[data-theme=sunlight] .pc-footer,body.theme-sunlight .pc-footer{background:var(--card2);border-top:1px solid var(--border)}html[data-theme=sunlight] .pf-time,body.theme-sunlight .pf-time{color:var(--text3)}html[data-theme=sunlight] .av,body.theme-sunlight .av{background:var(--accent);color:#fff;border-color:var(--card)}html[data-theme=sunlight] .av-more,body.theme-sunlight .av-more{background:var(--card2);color:var(--text)}html[data-theme=sunlight] .section-label,body.theme-sunlight .section-label{color:var(--text3);font-weight:600}html[data-theme=sunlight] ::-webkit-scrollbar-thumb{background:var(--border2)}body.theme-sunlight ::-webkit-scrollbar-thumb{background:var(--border2)}@media (width<=850px){html[data-theme=sunlight] body,body.theme-sunlight{-webkit-text-size-adjust:100%}html[data-theme=sunlight] .btn,body.theme-sunlight .btn{min-height:44px;font-size:14px}html[data-theme=sunlight] .btn-sm,body.theme-sunlight .btn-sm{min-height:36px;font-size:12px}html[data-theme=sunlight] .kpi-value,body.theme-sunlight .kpi-value,html[data-theme=sunlight] .hc-value,body.theme-sunlight .hc-value{font-weight:600}html[data-theme=sunlight] .topbar,body.theme-sunlight .topbar{padding-top:calc(10px + env(safe-area-inset-top))}html[data-theme=sunlight] .ecc-main,body.theme-sunlight .ecc-main{padding-bottom:env(safe-area-inset-bottom)}}@media (prefers-contrast:more){html[data-theme=sunlight],body.theme-sunlight{--border:#5f5e5a;--border2:#1a1a1a;--text2:#1a1a1a;--text3:#2c2c2a}}