/* Dibuat otomatis dari app.css — jangan diubah manual.
   495 aturan · 301 warna teks · 227 latar · 139 garis */
html[data-tema="gelap"] .top{background-color:rgba(255,255,255,.06)}
html[data-tema="gelap"] .client-logout{background-color:rgba(255,255,255,.07);border-color:#3a4356}
html[data-tema="gelap"] .client-logout-static{background-color:rgba(255,255,255,.07);border-color:#3a4356}
html[data-tema="gelap"] button{background-color:rgba(255,255,255,.06)}
html[data-tema="gelap"] button.secondary{color:#d5dce8;background-color:rgba(255,255,255,.07)}
html[data-tema="gelap"] button.danger{color:hsl(0 60% 75%);background-color:hsl(0 45% 16%)}
html[data-tema="gelap"] input,
html[data-tema="gelap"] select,
html[data-tema="gelap"] textarea{background-color:rgba(28,33,45,.82);border-color:hsl(216 14% 24%)}
html[data-tema="gelap"] aside{background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] aside button{color:#c3cbda}
html[data-tema="gelap"] aside button.active{color:#eef1f7;background-color:rgba(255,255,255,.07)}
html[data-tema="gelap"] aside #logout{color:#f79a9a}
html[data-tema="gelap"] .muted,
html[data-tema="gelap"] .subhead{color:#8b96ab}
html[data-tema="gelap"] .stat,
html[data-tema="gelap"] .panel{background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] .stat .label{color:#8b96ab}
html[data-tema="gelap"] .table th,
html[data-tema="gelap"] .table td{border-color:#262c3a}
html[data-tema="gelap"] .table th{color:#8b96ab;background-color:rgba(255,255,255,.05)}
html[data-tema="gelap"] .table tr:hover td{background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] .badge{background-color:rgba(255,255,255,.07)}
html[data-tema="gelap"] .badge.blue{color:#a9b6ff;background-color:rgba(91,110,245,.18)}
html[data-tema="gelap"] .badge.yellow{color:#f2c078;background-color:rgba(217,119,6,.2)}
html[data-tema="gelap"] .badge.green{color:#6ee7a5;background-color:rgba(34,197,94,.18)}
html[data-tema="gelap"] .badge.red{color:hsl(0 60% 75%);background-color:hsl(0 45% 16%)}
html[data-tema="gelap"] .badge.gray{color:#b0bacb;background-color:rgba(255,255,255,.07)}
html[data-tema="gelap"] .msg{color:#f79a9a;background-color:rgba(220,38,38,.16);border-color:hsl(7 35% 24%)}
html[data-tema="gelap"] .ok{color:hsl(155 70% 82%);background-color:rgba(34,197,94,.14);border-color:hsl(144 35% 24%)}
html[data-tema="gelap"] .modal .card{background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] .close{color:#b0bacb;background-color:rgba(255,255,255,.07)}
html[data-tema="gelap"] .formgrid label{color:#c3cbda}
html[data-tema="gelap"] .kpi-box{background-color:rgba(255,255,255,.04);border-color:#2a3140}
html[data-tema="gelap"] .kpi-box .klabel{color:#8b96ab}
html[data-tema="gelap"] .readonly{background-color:rgba(255,255,255,.04)}
html[data-tema="gelap"] .stage{background-color:rgba(255,255,255,.04);border-color:hsl(215 16% 24%)}
html[data-tema="gelap"] .lead-card{background-color:rgba(28,33,45,.82);border-color:hsl(215 16% 24%)}
html[data-tema="gelap"] .lead-need{color:#b0bacb}
html[data-tema="gelap"] .lead-meta span{color:#8b96ab}
html[data-tema="gelap"] .funnel-box{background-color:rgba(255,255,255,.04);border-color:#2a3140}
html[data-tema="gelap"] .login-error{color:#f79a9a}
html[data-tema="gelap"] .section-label{color:#8b96ab}
html[data-tema="gelap"] .client-project-cover{background-color:rgba(255,255,255,.06)}
html[data-tema="gelap"] .client-project-cover img{background-color:rgba(255,255,255,.06)}
html[data-tema="gelap"] .portal-main-photo{background-color:rgba(255,255,255,.06)}
html[data-tema="gelap"] .portal-main-photo img{background-color:rgba(255,255,255,.06)}
html[data-tema="gelap"] .latest-update-card{background-color:rgba(28,33,45,.82);border-color:#262c3a}
html[data-tema="gelap"] .latest-update-card .date{color:#7b8699}
html[data-tema="gelap"] .latest-update-progress{color:#8b96ab}
html[data-tema="gelap"] .owner-cover-preview{border-color:#262c3a}
html[data-tema="gelap"] .owner-cover-preview small{color:#7b8699}
html[data-tema="gelap"] .schedule-file-picker{background-color:rgba(255,255,255,.04);border-color:hsl(218 12% 24%)}
html[data-tema="gelap"] .schedule-selected.selected{color:#e3e8f1}
html[data-tema="gelap"] body.client-portal-view #content>.page-head .subhead{color:#8b96ab}
html[data-tema="gelap"] body.client-portal-view #content .client-project{background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] body.client-portal-view #content .client-project-head .client-project-cover{background-color:hsl(150 7% 16%)}
html[data-tema="gelap"] body.client-portal-view #content .client-project-head .muted{color:#8b96ab}
html[data-tema="gelap"] body.client-portal-view #content .client-progress-hero{background:linear-gradient(180deg,hsl(150 23% 15%),#1c212d);border-color:hsl(150 8% 24%)}
html[data-tema="gelap"] body.client-portal-view #content .progress-hero-label{color:#8b96ab}
html[data-tema="gelap"] body.client-portal-view #content .progress-hero-title{color:#c3cbda}
html[data-tema="gelap"] body.client-portal-view #content .progress-hero-number{color:#6ee7a5}
html[data-tema="gelap"] body.client-portal-view #content .progress-hero-bar{background-color:rgba(34,197,94,.1)}
html[data-tema="gelap"] body.client-portal-view #content .mini-stat{background-color:rgba(28,33,45,.82);border-color:#262c3a}
html[data-tema="gelap"] body.client-portal-view #content .mini-stat span{color:#7b8699}
html[data-tema="gelap"] body.client-portal-view #content .client-section-card{background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] body.client-portal-view #content .client-section-head p{color:#7b8699}
html[data-tema="gelap"] body.client-portal-view #content .work-stage{border-color:#262c3a}
html[data-tema="gelap"] body.client-portal-view #content .latest-update-card{background-color:hsl(140 17% 16%)}
html[data-tema="gelap"] body.client-portal-view #content .portal-main-photo{background-color:rgba(34,197,94,.1)}
html[data-tema="gelap"] body.client-portal-view #content .latest-update-card .date{color:#7b8699}
html[data-tema="gelap"] body.client-portal-view #content .latest-update-card p{color:#8b96ab}
html[data-tema="gelap"] body.client-portal-view #content .client-grid>.panel,
html[data-tema="gelap"] body.client-portal-view #content .client-schedule{border-color:#2a3140}
html[data-tema="gelap"] body.client-portal-view #content .client-portal-footer-note{color:#7b8699}
html[data-tema="gelap"] body.client-portal-view #content .client-alert{color:#f2c078;background-color:hsl(48 45% 16%);border-color:hsl(45 35% 24%)}
html[data-tema="gelap"] body.client-portal-view #content .client-project-head .client-project-cover{background-color:hsl(150 7% 16%)}
html[data-tema="gelap"] body.client-portal-view #content .client-project-head .client-project-cover img{background-color:hsl(150 7% 16%)}
html[data-tema="gelap"] body.client-portal-view #content .latest-update-card{background-color:hsl(140 17% 16%)}
html[data-tema="gelap"] body.client-portal-view #content .client-project-head .client-project-cover{background-color:rgba(255,255,255,.04)}
html[data-tema="gelap"] body.client-portal-view #content .client-project-head .client-project-cover img{background-color:rgba(255,255,255,.04)}
html[data-tema="gelap"] /* LBN V61 — polished Field Portal */ .field-portal-view{background-color:hsl(216 29% 16%)}
html[data-tema="gelap"] .field-portal-view .field-hero h1{color:#eef1f7}
html[data-tema="gelap"] .field-portal-view .field-hero p{color:#8b96ab}
html[data-tema="gelap"] .field-portal-view .field-status{color:#c3cbda;background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] .field-portal-view .field-project-card{background-color:rgba(28,33,45,.82);border-color:hsl(213 15% 24%)}
html[data-tema="gelap"] .field-portal-view .field-project-icon{color:#8f9dff;background-color:hsl(219 45% 16%)}
html[data-tema="gelap"] .field-portal-view .field-project-title h3{color:#eef1f7}
html[data-tema="gelap"] .field-portal-view .field-update-btn{border-color:hsl(210 15% 24%)}
html[data-tema="gelap"] .field-portal-view .field-progress-label{color:#8b96ab}
html[data-tema="gelap"] .field-portal-view .field-progress-value{color:#6ee7a5}
html[data-tema="gelap"] .field-portal-view .progress-track{background-color:hsl(206 18% 16%)}
html[data-tema="gelap"] .field-portal-view .field-progress-foot{color:#7b8699}
html[data-tema="gelap"] .field-portal-view .field-modal-card{background-color:rgba(28,33,45,.82);border-color:hsl(210 16% 24%)}
html[data-tema="gelap"] .field-portal-view .field-modal-head{border-color:#262c3a}
html[data-tema="gelap"] .field-portal-view .field-modal-head h3{color:#eef1f7}
html[data-tema="gelap"] .field-portal-view .field-close{color:#8b96ab;background-color:rgba(28,33,45,.82);border-color:#333b4d}
html[data-tema="gelap"] .field-portal-view .field-form-grid label{color:#b0bacb}
html[data-tema="gelap"] .field-portal-view .field-form-grid input,
html[data-tema="gelap"] .field-portal-view .field-form-grid select,
html[data-tema="gelap"] .field-portal-view .field-form-grid textarea{color:#eef1f7;background-color:rgba(28,33,45,.82);border-color:hsl(210 14% 24%)}
html[data-tema="gelap"] .field-portal-view .field-form-hint{color:#7b8699}
html[data-tema="gelap"] .field-portal-view .field-btn-secondary{color:#b0bacb;background-color:rgba(28,33,45,.82);border-color:hsl(210 14% 24%)}
html[data-tema="gelap"] .field-portal-view .field-photo-box{background-color:rgba(28,33,45,.82);border-color:hsl(213 16% 24%)}
html[data-tema="gelap"] .field-portal-view .field-current-progress{color:#6ee7a5;background-color:hsl(140 23% 16%);border-color:hsl(143 23% 24%)}
html[data-tema="gelap"] .dash-card{background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] .dash-panel{background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] .funnel-row{border-color:#2a3140}
html[data-tema="gelap"] .project-mini{border-color:#2a3140}
html[data-tema="gelap"] .pipeline-col{background:linear-gradient(180deg,hsl(210 28% 15%) 0%,hsl(216 23% 15%) 100%);border-color:#2a3140}
html[data-tema="gelap"] .pipeline-card{background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] .pipeline-col.closing-stage{background:linear-gradient(180deg,hsl(146 40% 15%) 0%,hsl(146 33% 15%) 100%);border-color:hsl(145 24% 24%)}
html[data-tema="gelap"] .pipeline-col.closing-stage .pipeline-head b,
html[data-tema="gelap"] .pipeline-col.closing-stage .pipeline-head .muted{color:#6ee7a5 !important}
html[data-tema="gelap"] .closed-lost-panel{background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] .closed-lost-stat span{color:#7b8699}
html[data-tema="gelap"] .closed-lost-stat strong{color:#c3cbda}
html[data-tema="gelap"] .lost-preview{background-color:rgba(255,255,255,.05);border-color:hsl(216 10% 24%)}
html[data-tema="gelap"] .lost-preview small{color:#7b8699}
html[data-tema="gelap"] .pipeline-col{background-color:rgba(255,255,255,.04);border-color:#2a3140}
html[data-tema="gelap"] .pipeline-card{background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] .danger{color:#f79a9a !important;background-color:hsl(0 45% 16%) !important;border-color:hsl(3 35% 24%) !important}
html[data-tema="gelap"] .client-project{background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] .client-progress-bar{background-color:rgba(255,255,255,.07)}
html[data-tema="gelap"] .client-meta{color:#8b96ab}
html[data-tema="gelap"] .client-meta b{color:#c3cbda}
html[data-tema="gelap"] .client-milestone{border-color:#262c3a}
html[data-tema="gelap"] .client-milestone small{color:#7b8699}
html[data-tema="gelap"] .client-alert{background-color:hsl(43 45% 16%);border-color:hsl(43 35% 24%)}
html[data-tema="gelap"] .client-update{border-color:#262c3a}
html[data-tema="gelap"] .client-update-date{color:#7b8699}
html[data-tema="gelap"] .client-update p{color:#8b96ab}
html[data-tema="gelap"] .client-update small{color:#8b96ab}
html[data-tema="gelap"] .project-stage-current{color:#eef1f7}
html[data-tema="gelap"] .project-stage-caption{color:#7b8699}
html[data-tema="gelap"] .admin-stage{background-color:rgba(255,255,255,.05);border-color:#2a3140}
html[data-tema="gelap"] .admin-stage.done{background-color:hsl(140 40% 16%);border-color:hsl(145 27% 24%)}
html[data-tema="gelap"] .admin-stage.active{background-color:hsl(144 38% 16%)}
html[data-tema="gelap"] .admin-stage .num{color:#8b96ab;background-color:hsl(218 13% 16%)}
html[data-tema="gelap"] .admin-stage .name{color:#c3cbda}
html[data-tema="gelap"] .admin-stage .note{color:#7b8699}
html[data-tema="gelap"] .admin-stage.active .note{color:#6ee7a5}
html[data-tema="gelap"] .detail-progress{background-color:rgba(255,255,255,.07)}
html[data-tema="gelap"] .milestone-row,
html[data-tema="gelap"] .update-row{border-color:#262c3a}
html[data-tema="gelap"] .milestone-row small,
html[data-tema="gelap"] .update-row small{color:#7b8699}
html[data-tema="gelap"] .update-row p{color:#8b96ab}
html[data-tema="gelap"] .icon-btn{background-color:rgba(28,33,45,.82);border-color:hsl(219 14% 24%)}
html[data-tema="gelap"] .back-link{color:#8b96ab}
html[data-tema="gelap"] .modal-card{background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] .schedule-icon{color:#f79a9a;background-color:hsl(0 45% 16%)}
html[data-tema="gelap"] .schedule-revision{color:#8b96ab}
html[data-tema="gelap"] .schedule-history{border-color:#262c3a}
html[data-tema="gelap"] .schedule-history-row{border-color:#262c3a}
html[data-tema="gelap"] .schedule-history-row small{color:#7b8699}
html[data-tema="gelap"] .schedule-empty{color:#7b8699}
html[data-tema="gelap"] .schedule-help{color:#7b8699}
html[data-tema="gelap"] .upload-status{color:#b0bacb;background-color:rgba(255,255,255,.06)}
html[data-tema="gelap"] .upload-success{color:hsl(155 70% 82%);background-color:rgba(34,197,94,.14)}
html[data-tema="gelap"] .schedule-help{color:#7b8699}
html[data-tema="gelap"] .pdf-viewer-card{background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] .pdf-viewer-head{border-color:#2a3140}
html[data-tema="gelap"] .pdf-viewer-frame{background-color:rgba(255,255,255,.06)}
html[data-tema="gelap"] .pdf-viewer-note{color:#7b8699;border-color:hsl(216 10% 24%)}
html[data-tema="gelap"] /* V19 clarity pass: softer surfaces + unmistakable closing state */ .hero-stat.closing-stat{background:linear-gradient(180deg,#1c212d 0%,hsl(135 40% 15%) 100%)}
html[data-tema="gelap"] .hero-stat.closing-stat strong{color:#6ee7a5}
html[data-tema="gelap"] .hero-stat.revenue-stat{background:linear-gradient(180deg,#1c212d 0%,hsl(146 40% 15%) 100%)}
html[data-tema="gelap"] .hero-stat.revenue-stat strong{color:#6ee7a5}
html[data-tema="gelap"] .closing-stage{background-color:hsl(147 40% 16%) !important;border-color:rgba(52,130,100,.5) !important}
html[data-tema="gelap"] .closing-stage .pipeline-head b{color:#6ee7a5}
html[data-tema="gelap"] .closing-card{background-color:rgba(22,48,38,.5) !important;border-color:rgba(52,130,100,.5) !important}
html[data-tema="gelap"] .closing-card .pc-name{color:#6ee7a5}
html[data-tema="gelap"] .closing-card .pc-value{color:#6ee7a5}
html[data-tema="gelap"] .badge.green{color:#6ee7a5 !important;background-color:rgba(34,197,94,.18) !important;border-color:hsl(141 35% 24%) !important}
html[data-tema="gelap"] .status-closing{color:#6ee7a5 !important;background-color:rgba(34,197,94,.18) !important}
html[data-tema="gelap"] .funnel-step:last-child .funnel-index{color:#6ee7a5;background-color:rgba(34,197,94,.18)}
html[data-tema="gelap"] .attention-item:hover{background-color:rgba(255,255,255,.05)}
html[data-tema="gelap"] .client-mode .page-head .subhead{color:#8b96ab}
html[data-tema="gelap"] .client-mode .client-project{background:linear-gradient(180deg,#1c212d 0%,hsl(180 14% 15%) 100%);border-color:#2a3140}
html[data-tema="gelap"] .client-mode .client-project-head{border-color:hsl(210 13% 24%)}
html[data-tema="gelap"] .client-mode .client-progress-row{background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] .client-mode .client-progress-row>div:first-child span{color:#b0bacb}
html[data-tema="gelap"] .client-mode .client-progress-bar{background-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] .client-mode .client-meta span{background-color:rgba(28,33,45,.82);border-color:hsl(207 13% 24%)}
html[data-tema="gelap"] .client-mode .schedule-latest{background-color:rgba(255,255,255,.04);border-color:#2a3140}
html[data-tema="gelap"] .client-mode .client-grid>.panel{background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] .client-mode .client-alert{background-color:hsl(40 45% 16%);border-color:hsl(44 35% 24%)}
html[data-tema="gelap"] .danger{color:#f79a9a !important}
html[data-tema="gelap"] aside{background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] aside .nav-label{color:#7b8699}
html[data-tema="gelap"] aside button{color:#b0bacb}
html[data-tema="gelap"] aside button.active{color:#eef1f7;background-color:hsl(216 15% 16%)}
html[data-tema="gelap"] aside button:hover{background-color:rgba(255,255,255,.04)}
html[data-tema="gelap"] .nav-icon{color:#8b96ab}
html[data-tema="gelap"] aside #logout{color:hsl(0 56% 76%)}
html[data-tema="gelap"] .eyebrow{color:#7b8699}
html[data-tema="gelap"] .dash-date{color:#7b8699;background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] .hero-stat,
html[data-tema="gelap"] .summary-card,
html[data-tema="gelap"] .premium-panel{background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] .hero-stat span{color:#8b96ab}
html[data-tema="gelap"] .hero-stat small{color:#7b8699}
html[data-tema="gelap"] .summary-head{color:#b0bacb}
html[data-tema="gelap"] .mini-label{color:#7b8699}
html[data-tema="gelap"] .summary-meta{color:#7b8699}
html[data-tema="gelap"] .summary-meta b{color:#c3cbda}
html[data-tema="gelap"] .inline-muted{color:#7b8699}
html[data-tema="gelap"] .soft-action,
html[data-tema="gelap"] .link-btn{color:#c3cbda;background-color:rgba(255,255,255,.05);border-color:#2a3140}
html[data-tema="gelap"] .link-btn{color:#c3cbda}
html[data-tema="gelap"] .funnel-step{border-color:hsl(210 9% 24%)}
html[data-tema="gelap"] .funnel-index{color:#7b8699}
html[data-tema="gelap"] .funnel-bar{background-color:hsl(210 16% 16%)}
html[data-tema="gelap"] .attention-item{border-color:hsl(210 9% 24%)}
html[data-tema="gelap"] .attention-item small{color:#7b8699}
html[data-tema="gelap"] .clean-table th{background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] .dashboard-footer-note{color:#7b8699}
html[data-tema="gelap"] .dashboard-footer-note b{color:#b0bacb}
html[data-tema="gelap"] .badge.green{color:#6ee7a5 !important;background-color:rgba(34,197,94,.18) !important}
html[data-tema="gelap"] .closing-stage{background-color:hsl(138 38% 16%) !important;border-color:rgba(52,130,100,.5) !important}
html[data-tema="gelap"] .closing-stage .pipeline-head b{color:#6ee7a5}
html[data-tema="gelap"] .closing-card{background-color:rgba(22,48,38,.5) !important;border-color:rgba(52,130,100,.5) !important}
html[data-tema="gelap"] .closing-card .pc-name{color:#6ee7a5}
html[data-tema="gelap"] .table th{background-color:rgba(255,255,255,.05)}
html[data-tema="gelap"] .pipeline-col{background-color:hsl(220 20% 16%);border-color:#2a3140}
html[data-tema="gelap"] .period-picker{background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] .period-picker span{color:#7b8699}
html[data-tema="gelap"] .period-picker select{background-color:rgba(255,255,255,.04)}
html[data-tema="gelap"] .period-caption{color:#8b96ab}
html[data-tema="gelap"] .period-caption b{color:#eef1f7}
html[data-tema="gelap"] .green-number,
html[data-tema="gelap"] .actual-closing-cell{color:#6ee7a5 !important}
html[data-tema="gelap"] .closing-text{color:#6ee7a5;background-color:rgba(34,197,94,.14)}
html[data-tema="gelap"] .selected-period td{background-color:hsl(146 45% 16%) !important}
html[data-tema="gelap"] .leads-filter-row select{background-color:rgba(255,255,255,.05);border-color:hsl(218 11% 24%)}
html[data-tema="gelap"] .lead-search{background-color:rgba(255,255,255,.05);border-color:hsl(218 11% 24%)}
html[data-tema="gelap"] .lead-search span{color:#7b8699}
html[data-tema="gelap"] .lead-count{color:#7b8699}
html[data-tema="gelap"] .source-badge{color:#b0bacb;background-color:rgba(255,255,255,.04);border-color:#2a3140}
html[data-tema="gelap"] .source-meta{color:#a9b6ff;background-color:hsl(219 45% 16%);border-color:hsl(222 35% 24%)}
html[data-tema="gelap"] .source-ig{color:#c4a9ff;background-color:hsl(263 45% 16%);border-color:hsl(260 35% 24%)}
html[data-tema="gelap"] .source-organic{color:#6ee7a5;background-color:rgba(34,197,94,.14);border-color:hsl(143 27% 24%)}
html[data-tema="gelap"] .source-referral{color:#f2c078;background-color:rgba(217,119,6,.14);border-color:hsl(46 35% 24%)}
html[data-tema="gelap"] .source-other{color:hsl(219 11% 71%);background-color:rgba(255,255,255,.05);border-color:hsl(220 8% 24%)}
html[data-tema="gelap"] .detail-btn{color:hsl(214 55% 82%) !important;background-color:hsl(212 45% 16%) !important;border-color:hsl(213 35% 24%) !important}
html[data-tema="gelap"] .detail-btn:hover{background-color:hsl(212 45% 16%) !important}
html[data-tema="gelap"] .detail-progress{background-color:rgba(255,255,255,.07)}
html[data-tema="gelap"] .milestone-row,
html[data-tema="gelap"] .update-row{border-color:#262c3a}
html[data-tema="gelap"] .milestone-row small,
html[data-tema="gelap"] .update-row small{color:#7b8699}
html[data-tema="gelap"] .update-row p{color:#8b96ab}
html[data-tema="gelap"] .icon-btn{background-color:rgba(28,33,45,.82);border-color:hsl(219 14% 24%)}
html[data-tema="gelap"] .back-link{color:#8b96ab}
html[data-tema="gelap"] .modal-card{background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] .pdf-viewer-card{background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] .pdf-viewer-head{border-color:#262c3a}
html[data-tema="gelap"] .pdf-viewer-frame{background-color:rgba(255,255,255,.04)}
html[data-tema="gelap"] .pdf-viewer-note{color:#8b96ab;border-color:#262c3a}
html[data-tema="gelap"] .client-progress-hero{background:linear-gradient(135deg,hsl(160 19% 15%) 0%,#1c212d 58%);border-color:#2a3140}
html[data-tema="gelap"] .progress-hero-label{color:#8b96ab}
html[data-tema="gelap"] .progress-hero-title{color:#eef1f7}
html[data-tema="gelap"] .progress-hero-number{color:#6ee7a5}
html[data-tema="gelap"] .progress-hero-bar{background-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] .progress-hero-meta .mini-stat{background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] .mini-stat span{color:#7b8699}
html[data-tema="gelap"] .mini-stat b{color:#c3cbda}
html[data-tema="gelap"] .client-section-card{background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] .client-section-head p{color:#7b8699}
html[data-tema="gelap"] .work-stage{border-color:#262c3a}
html[data-tema="gelap"] .stage-dot{background-color:hsl(217 12% 16%)}
html[data-tema="gelap"] .stage-name{color:#c3cbda}
html[data-tema="gelap"] .stage-note{color:#7b8699}
html[data-tema="gelap"] .stage-note.active{color:#6ee7a5}
html[data-tema="gelap"] .latest-update-card{background-color:rgba(255,255,255,.04);border-color:#2a3140}
html[data-tema="gelap"] .latest-update-card .date{color:#7b8699}
html[data-tema="gelap"] .latest-update-card h4{color:#eef1f7}
html[data-tema="gelap"] .latest-update-card p{color:#8b96ab}
html[data-tema="gelap"] .latest-update-progress{color:#8b96ab}
html[data-tema="gelap"] .client-portal-footer-note{color:#7b8699}
html[data-tema="gelap"] .work-stage-summary>div{background-color:rgba(255,255,255,.04);border-color:#2a3140}
html[data-tema="gelap"] .work-stage-summary span{color:#7b8699}
html[data-tema="gelap"] .work-stage-summary strong{color:#eef1f7}
html[data-tema="gelap"] .owner-stage-dot{background-color:hsl(217 12% 16%);border-color:#2a3140}
html[data-tema="gelap"] .owner-stage-line{background-color:hsl(220 10% 16%)}
html[data-tema="gelap"] .owner-work-stage.done .owner-stage-line{background-color:hsl(213 45% 16%)}
html[data-tema="gelap"] .owner-stage-title b{color:#c3cbda}
html[data-tema="gelap"] .owner-stage-body small{color:#7b8699}
html[data-tema="gelap"] .owner-work-stage.active .owner-stage-title b{color:#6ee7a5}
html[data-tema="gelap"] .dash-head .dash-date{color:#8b96ab;background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] .hero-stat{background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] .hero-stat span{color:#8b96ab}
html[data-tema="gelap"] .hero-stat strong{color:#eef1f7}
html[data-tema="gelap"] .hero-stat small{color:#7b8699}
html[data-tema="gelap"] .hero-stat.closing-stat strong,
html[data-tema="gelap"] .hero-stat.revenue-stat strong{color:#6ee7a5}
html[data-tema="gelap"] .summary-card{background-color:rgba(28,33,45,.82);border-color:#2a3140}
html[data-tema="gelap"] .summary-card:after{background-color:rgba(255,255,255,.06)}
html[data-tema="gelap"] .summary-card:nth-child(1):after{background-color:hsl(219 45% 16%)}
html[data-tema="gelap"] .summary-card:nth-child(2):after{background-color:hsl(150 38% 16%)}
html[data-tema="gelap"] .summary-card:nth-child(3):after{background-color:hsl(40 45% 16%)}
html[data-tema="gelap"] .summary-head{color:#b0bacb}
html[data-tema="gelap"] .mini-label{color:#7b8699}
html[data-tema="gelap"] .summary-card>strong{color:#eef1f7}
html[data-tema="gelap"] .summary-meta{color:#7b8699}
html[data-tema="gelap"] .summary-meta b{color:#c3cbda}
html[data-tema="gelap"] .summary-card .soft-action{color:#c3cbda;background-color:rgba(255,255,255,.04);border-color:#2a3140}
html[data-tema="gelap"] .inline-muted{color:#7b8699}
html[data-tema="gelap"] .premium-panel{border-color:#2a3140}
html[data-tema="gelap"] .section-top h3{color:#eef1f7}
html[data-tema="gelap"] .soft-action{color:#c3cbda;background-color:rgba(255,255,255,.04);border-color:#2a3140}
html[data-tema="gelap"] .funnel-index{color:#8b96ab;background-color:rgba(255,255,255,.06)}
html[data-tema="gelap"] .funnel-step:nth-child(1) .funnel-index{color:#a9b6ff;background-color:hsl(219 45% 16%)}
html[data-tema="gelap"] .funnel-step:nth-child(2) .funnel-index{color:#c4a9ff;background-color:hsl(259 45% 16%)}
html[data-tema="gelap"] .funnel-step:nth-child(3) .funnel-index{color:#f2c078;background-color:rgba(217,119,6,.14)}
html[data-tema="gelap"] .funnel-step:nth-child(4) .funnel-index{color:#6ee7a5;background-color:rgba(34,197,94,.14)}
html[data-tema="gelap"] .funnel-name{color:#c3cbda}
html[data-tema="gelap"] .funnel-bar{background-color:hsl(214 18% 16%)}
html[data-tema="gelap"] .funnel-step>b{color:#eef1f7}
html[data-tema="gelap"] .attention-item{border-color:#262c3a}
html[data-tema="gelap"] .attention-item b{color:#c3cbda}
html[data-tema="gelap"] .attention-item small{color:#7b8699}
html[data-tema="gelap"] .attention-item .link-btn{color:#b0bacb}
html[data-tema="gelap"] .health-donut:after{background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] .health-legend-row{color:#8b96ab}
html[data-tema="gelap"] .health-legend-row b{color:#c3cbda}
html[data-tema="gelap"] .health-note{color:#7b8699}
html[data-tema="gelap"] .clean-table th{background-color:rgba(255,255,255,.05)}
html[data-tema="gelap"] .clean-table tr:hover td{background-color:hsl(225 45% 16%)}
html[data-tema="gelap"] .dashboard-footer-note{color:#7b8699;background-color:rgba(255,255,255,.04);border-color:hsl(213 15% 24%)}
html[data-tema="gelap"] .dashboard-footer-note b{color:#b0bacb}
html[data-tema="gelap"] .kpi-toggle{color:#8b96ab;background-color:rgba(255,255,255,.04);border-color:#2a3140}
html[data-tema="gelap"] .weekly-chart-legend{color:#8b96ab}
html[data-tema="gelap"] .weekly-empty{color:#7b8699;background-color:rgba(255,255,255,.05);border-color:#2a3140}
html[data-tema="gelap"] .kpi-insight{border-color:#262c3a}
html[data-tema="gelap"] .kpi-insight b{color:#c3cbda}
html[data-tema="gelap"] .kpi-insight small{color:#7b8699}
html[data-tema="gelap"] .kpi-score{color:#6ee7a5;background-color:hsl(150 38% 16%)}
html[data-tema="gelap"] .sales-donut:after{background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] .sales-donut-center strong{color:#eef1f7}
html[data-tema="gelap"] .sales-donut-center span{color:#7b8699}
html[data-tema="gelap"] .funnel-legend-row{color:#8b96ab}
html[data-tema="gelap"] .funnel-legend-row b{color:#c3cbda}
html[data-tema="gelap"] .closing-rate{color:#7b8699;border-color:#262c3a}
html[data-tema="gelap"] .closing-rate b{color:#6ee7a5}
html[data-tema="gelap"] .health-mini-card{background-color:rgba(255,255,255,.05);border-color:#262c3a}
html[data-tema="gelap"] .health-mini-card span{color:#7b8699}
html[data-tema="gelap"] .health-mini-card b{color:#c3cbda}
html[data-tema="gelap"] .health-mini-card small{color:#7b8699}
html[data-tema="gelap"] .hero-leads .hero-icon{color:hsl(220 59% 57%);background-color:hsl(220 45% 16%)}
html[data-tema="gelap"] .hero-pipeline .hero-icon{color:hsl(257 54% 55%);background-color:hsl(257 45% 16%)}
html[data-tema="gelap"] .closing-stat .hero-icon{color:hsl(154 55% 75%);background-color:rgba(34,197,94,.14)}
html[data-tema="gelap"] .revenue-stat .hero-icon{background-color:rgba(217,119,6,.18)}
html[data-tema="gelap"] .cashflow-rate{color:#6ee7a5;background-color:hsl(150 38% 16%)}
html[data-tema="gelap"] .cashflow-summary>div{background-color:rgba(255,255,255,.05);border-color:#262c3a}
html[data-tema="gelap"] .cashflow-summary span{color:#7b8699}
html[data-tema="gelap"] .cashflow-summary b{color:#c3cbda}
html[data-tema="gelap"] .cashflow-project{border-color:#262c3a}
html[data-tema="gelap"] .cashflow-project-head b{color:#c3cbda}
html[data-tema="gelap"] .cashflow-project-head small{color:#7b8699}
html[data-tema="gelap"] .cashflow-project-head>strong{color:#c3cbda}
html[data-tema="gelap"] .cashflow-project-head>strong span{color:#7b8699}
html[data-tema="gelap"] .cashflow-bar{background-color:hsl(210 16% 16%)}
html[data-tema="gelap"] .cashflow-meta{color:#7b8699}
html[data-tema="gelap"] .cashflow-meta b{color:#8b96ab}
html[data-tema="gelap"] .project-health-row{border-color:#262c3a}
html[data-tema="gelap"] .project-health-head>b{color:#c3cbda}
html[data-tema="gelap"] .project-health-head .badge.green{color:#6ee7a5 !important;background-color:rgba(34,197,94,.14) !important}
html[data-tema="gelap"] .project-health-head .badge.amber{color:hsl(39 67% 76%) !important;background-color:rgba(217,119,6,.18) !important}
html[data-tema="gelap"] .project-health-head .badge.red{color:#f79a9a !important;background-color:hsl(0 45% 16%) !important}
html[data-tema="gelap"] .project-health-bars span{color:#7b8699}
html[data-tema="gelap"] .project-health-bars b{color:#8b96ab}
html[data-tema="gelap"] .health-track{background-color:hsl(210 16% 16%)}
html[data-tema="gelap"] /* ===== V62 — kelas pengganti inline style yang dulu ditulis di JavaScript ===== */ .schedule-file-input{background-color:rgba(255,255,255,.04)}
html[data-tema="gelap"] ` membuat email & password berjajar ke samping sehingga sempit. Sekarang ditumpuk ke bawah. */ body:has(#login:not([hidden])){background:radial-gradient(1100px 520px at 12% -10%, hsl(217 40% 15%) 0%, transparent 60%),
    radial-gradient(900px 500px at 105% 5%, hsl(144 17% 15%) 0%, transparent 55%),
    hsl(216 27% 15%)}
html[data-tema="gelap"] .login.panel{border-color:hsl(218 17% 24%)}
html[data-tema="gelap"] /* Lencana gembok di atas judul — penanda visual bahwa ini area terkunci. */ .login-badge{background-color:rgba(255,255,255,.06)}
html[data-tema="gelap"] .login.panel .subhead{color:#8b96ab}
html[data-tema="gelap"] .login-field > label{color:#b0bacb}
html[data-tema="gelap"] .login form input{border-color:#333b4d}
html[data-tema="gelap"] .login-toggle{color:#b0bacb;background-color:rgba(255,255,255,.06);border-color:#2a3140}
html[data-tema="gelap"] .login-toggle:hover{background-color:hsl(216 22% 16%)}
html[data-tema="gelap"] .login form button[type="submit"]{background-color:rgba(255,255,255,.06)}
html[data-tema="gelap"] .login-error:not(:empty){color:#f79a9a;background-color:rgba(220,38,38,.16);border-color:hsl(9 35% 24%)}
html[data-tema="gelap"] .login-error.is-pending:not(:empty){color:#b0bacb;background-color:hsl(216 25% 16%);border-color:#2a3140}
html[data-tema="gelap"] .login-help{color:#7b8699;border-color:hsl(214 16% 24%)}
html[data-tema="gelap"] aside button[data-page]:hover{background-color:rgba(255,255,255,.06)}
html[data-tema="gelap"] aside button[data-page].active{color:hsl(218 52% 79%);background-color:hsl(217 45% 16%)}
html[data-tema="gelap"] /* ------------------------------------------------------------ HEADER */ .top{border-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] /* Identitas pengguna jadi "chip" bulat. */ #userBox > div{border-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] .nav-label{color:#7b8699}
html[data-tema="gelap"] aside button[data-page],
html[data-tema="gelap"] aside button#logout{color:#b0bacb}
html[data-tema="gelap"] aside button[data-page]:hover,
html[data-tema="gelap"] aside button#logout:hover{background-color:hsl(220 25% 16%)}
html[data-tema="gelap"] /* Pil aktif dengan penanda di sisi kiri. */ aside button[data-page].active{color:#a9b6ff}
html[data-tema="gelap"] aside button#logout{color:hsl(5 41% 66%)}
html[data-tema="gelap"] aside button#logout:hover{background-color:hsl(5 45% 16%)}
html[data-tema="gelap"] /* Wadah ikon SVG. */ .nav-icon{color:#7b8699}
html[data-tema="gelap"] aside button:hover .nav-icon{color:hsl(219 11% 70%)}
html[data-tema="gelap"] .soft-action:hover,
html[data-tema="gelap"] .icon-btn:hover{background-color:rgba(255,255,255,.07);border-color:#333b4d}
html[data-tema="gelap"] /* -------------------------------------------------------- TABEL */ .clean-table th{color:#7b8699}
html[data-tema="gelap"] .clean-table tbody tr:hover td{background-color:rgba(122,140,255,.07)}
html[data-tema="gelap"] /* ------------------------------------------------------- FORMULIR */ input,
html[data-tema="gelap"] select,
html[data-tema="gelap"] textarea{border-color:hsl(216 17% 24%)}
html[data-tema="gelap"] /* ------------------------------------------------------ LATAR AURORA Gradasi lembut yang menjadi "isi" di balik kaca. Tanpa ini,
html[data-tema="gelap"] efek buram tidak terlihat karena tidak ada apa pun untuk diburamkan. */ body{color:#e3e8f1;background:radial-gradient(900px 620px at 8% -8%,  rgba(120, 140, 255, .30), transparent 60%),
    radial-gradient(820px 560px at 98% 2%,  rgba(110, 220, 200, .26), transparent 58%),
    radial-gradient(760px 620px at 52% 108%, rgba(196, 150, 255, .24), transparent 60%),
    linear-gradient(168deg, hsl(226 40% 15%) 0%, hsl(227 40% 15%) 45%, hsl(173 25% 15%) 100%)}
html[data-tema="gelap"] /* ------------------------------------------------------------ HEADER */ .top{border-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] .brand small{border-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] #userBox > div{border-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] aside button[data-page]:hover,
html[data-tema="gelap"] aside button#logout:hover{background-color:rgba(28,33,45,0.83)}
html[data-tema="gelap"] aside button[data-page].active{color:#a9b6ff}
html[data-tema="gelap"] /* Kolom pipeline jadi panel kaca bertingkat. */ .pipeline-col{background-color:rgba(28,33,45,0.53)}
html[data-tema="gelap"] .pipeline-card{background-color:rgba(28,33,45,0.90)}
html[data-tema="gelap"] .clean-table thead th{background-color:rgba(28,33,45,0.92)}
html[data-tema="gelap"] input,
html[data-tema="gelap"] select,
html[data-tema="gelap"] textarea{background-color:rgba(28,33,45,0.92)}
html[data-tema="gelap"] input:focus,
html[data-tema="gelap"] select:focus,
html[data-tema="gelap"] textarea:focus{background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] .soft-action,
html[data-tema="gelap"] .link-btn,
html[data-tema="gelap"] .icon-btn,
html[data-tema="gelap"] .kpi-toggle{background-color:rgba(28,33,45,0.76)}
html[data-tema="gelap"] .soft-action:hover,
html[data-tema="gelap"] .icon-btn:hover{background-color:rgba(28,33,45,0.92)}
html[data-tema="gelap"] /* --------------------------------------------------------- BADGE */ .badge{border-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] /* ----------------------------------------------------- HALAMAN LOGIN */ .login.panel{background-color:rgba(28,33,45,0.70);border-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] body:has(#login:not([hidden])){background:radial-gradient(760px 520px at 12% -6%,  rgba(120, 140, 255, .34), transparent 60%),
    radial-gradient(720px 500px at 100% 4%,  rgba(110, 220, 200, .3), transparent 58%),
    radial-gradient(680px 540px at 50% 106%, rgba(196, 150, 255, .28), transparent 60%),
    linear-gradient(168deg, hsl(227 40% 15%) 0%, hsl(228 40% 15%) 45%, hsl(174 27% 15%) 100%)}
html[data-tema="gelap"] .login form input{background-color:rgba(28,33,45,0.92)}
html[data-tema="gelap"] .login-toggle{background-color:rgba(28,33,45,0.88)}
html[data-tema="gelap"] .modal-card,
html[data-tema="gelap"] .field-modal-card{background-color:rgba(28,33,45,0.92);border-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] aside,
html[data-tema="gelap"] .panel,
html[data-tema="gelap"] .dash-card,
html[data-tema="gelap"] .premium-panel,
html[data-tema="gelap"] .summary-card,
html[data-tema="gelap"] .hero-stat,
html[data-tema="gelap"] .client-section-card,
html[data-tema="gelap"] .client-project,
html[data-tema="gelap"] .field-project-card,
html[data-tema="gelap"] .leads-filter-panel,
html[data-tema="gelap"] .leads-table-panel,
html[data-tema="gelap"] .pipeline-card,
html[data-tema="gelap"] .closed-lost-panel,
html[data-tema="gelap"] .modal-card,
html[data-tema="gelap"] .field-modal-card,
html[data-tema="gelap"] .login.panel{background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] .pipeline-col{background-color:hsl(220 38% 16%)}
html[data-tema="gelap"] .panel,
html[data-tema="gelap"] .dash-card,
html[data-tema="gelap"] .premium-panel,
html[data-tema="gelap"] .summary-card,
html[data-tema="gelap"] .hero-stat,
html[data-tema="gelap"] .client-project,
html[data-tema="gelap"] .field-project-card{background-color:rgba(28,33,45,0.92)}
html[data-tema="gelap"] .user-menu-trigger{border-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] .user-menu-trigger:hover{border-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] /* ------------------------------------------------------- dropdown */ .user-dropdown{background-color:rgba(28,33,45,0.92);border-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] .user-dropdown-head b{color:#e3e8f1}
html[data-tema="gelap"] .user-dropdown-item{color:#c3cbda}
html[data-tema="gelap"] .user-dropdown-item.danger{color:hsl(4 52% 66%)}
html[data-tema="gelap"] /* ------------------------------------------------- navigasi halaman */ .pager{background-color:rgba(28,33,45,0.70);border-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] .pager-info{color:hsl(220 12% 70%)}
html[data-tema="gelap"] .sk-panel{background-color:rgba(28,33,45,0.63);border-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] .fp-waktu.baru{color:#6ee7a5}
html[data-tema="gelap"] .fp-waktu.sedang{color:#f2c078}
html[data-tema="gelap"] .fp-waktu.lama{color:#f79a9a}
html[data-tema="gelap"] .fp-waktu.netral{color:#8b96ab}
html[data-tema="gelap"] .fp-alert{color:#f2c078}
html[data-tema="gelap"] /* ---------------------------------------------- pengatur progres */ .fp-prog{background-color:rgba(28,33,45,0.74);border-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] .fp-prog-label{color:#8b96ab}
html[data-tema="gelap"] .fp-prog-angka{color:#eef1f7}
html[data-tema="gelap"] .fp-prog-angka i{color:#7b8699}
html[data-tema="gelap"] .fp-slider::-webkit-slider-thumb{border-color:#2a3140}
html[data-tema="gelap"] .fp-slider::-moz-range-thumb{border-color:#2a3140}
html[data-tema="gelap"] .fp-dari{color:#7b8699}
html[data-tema="gelap"] .fp-delta.netral{color:#8b96ab}
html[data-tema="gelap"] .fp-delta.naik{color:#6ee7a5}
html[data-tema="gelap"] .fp-delta.turun{color:#f79a9a}
html[data-tema="gelap"] .fp-cepat button{color:#c3cbda;background-color:rgba(28,33,45,0.88)}
html[data-tema="gelap"] .fp-cepat button:hover{color:#a9b6ff;background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] .fp-cepat button[data-set]{color:#6ee7a5}
html[data-tema="gelap"] .fp-opsional{color:#7b8699}
html[data-tema="gelap"] .fp-foto-judul{color:#b0bacb}
html[data-tema="gelap"] .fp-drop-isi svg{color:#7b8699}
html[data-tema="gelap"] .fp-drop-teks b{color:#eef1f7}
html[data-tema="gelap"] .fp-drop-teks small{color:#7b8699}
html[data-tema="gelap"] .fp-foto-btn{color:#c3cbda;background-color:rgba(28,33,45,0.92)}
html[data-tema="gelap"] .fp-foto-btn:hover{color:#a9b6ff;background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] /* ------------------------------------------------ pratinjau foto */ .fp-pratinjau-judul{color:#6ee7a5}
html[data-tema="gelap"] .fp-thumb{background-color:rgba(255,255,255,.07)}
html[data-tema="gelap"] .foto-tutup{border-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] /* Keterangan ukuran di pratinjau foto */ .fp-pratinjau-judul span{color:#7b8699}
html[data-tema="gelap"] .u-ringkas-item{background-color:rgba(28,33,45,0.74);border-color:rgba(255,255,255,.08)}
html[data-tema="gelap"] .u-ringkas-item b{color:#eef1f7}
html[data-tema="gelap"] .u-ringkas-item span{color:#8b96ab}
html[data-tema="gelap"] .u-email{color:#7b8699}
html[data-tema="gelap"] .p-owner{color:hsl(263 59% 64%)}
html[data-tema="gelap"] .p-admin{color:hsl(244 46% 70%)}
html[data-tema="gelap"] .p-marketing{color:hsl(336 63% 75%)}
html[data-tema="gelap"] .p-sales{color:hsl(201 70% 77%)}
html[data-tema="gelap"] .p-field{color:#f2c078}
html[data-tema="gelap"] .p-client{color:#6ee7a5}
html[data-tema="gelap"] .u-status.hidup{color:#6ee7a5}
html[data-tema="gelap"] .u-status.mati{color:#f79a9a}
html[data-tema="gelap"] .u-login{color:#8b96ab}
html[data-tema="gelap"] .soft-action.danger{color:#f79a9a}
html[data-tema="gelap"] .u-catatan{color:#7b8699}
html[data-tema="gelap"] .u-form label{color:#b0bacb}
html[data-tema="gelap"] .u-form input:disabled{color:#7b8699}
html[data-tema="gelap"] .u-hint{color:#7b8699}
html[data-tema="gelap"] .u-aktif{color:#c3cbda}
html[data-tema="gelap"] .u-proyek-judul{color:#b0bacb}
html[data-tema="gelap"] .u-proyek-item{background-color:rgba(28,33,45,0.92)}
html[data-tema="gelap"] .u-proyek-item:hover{background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] .u-proyek-item b{color:#eef1f7}
html[data-tema="gelap"] .u-proyek-item small{color:#7b8699}
html[data-tema="gelap"] .u-proyek-item.terpakai small{color:#f2c078}
html[data-tema="gelap"] .stage-count{color:hsl(233 70% 53%)}
html[data-tema="gelap"] /* ------------------------------------------------- panel isi tahap */ .tahap-panel-judul{color:#eef1f7}
html[data-tema="gelap"] .tahap-panel-judul small{color:#7b8699}
html[data-tema="gelap"] .tahap-tanggal{color:#7b8699}
html[data-tema="gelap"] .tahap-persen{color:#6ee7a5}
html[data-tema="gelap"] .tahap-update h4{color:#eef1f7}
html[data-tema="gelap"] .tahap-update p{color:#b0bacb}
html[data-tema="gelap"] .tahap-foto img{background-color:rgba(255,255,255,.07)}
html[data-tema="gelap"] .tahap-tanpa-foto{color:#7b8699}
html[data-tema="gelap"] /* ===================================================================== KELOLA FOTO (portal lapangan) ===================================================================== */ .field-foto-btn2{color:#c3cbda;background-color:rgba(28,33,45,0.92)}
html[data-tema="gelap"] .field-foto-btn2:hover{color:#a9b6ff;background-color:rgba(28,33,45,.82)}
html[data-tema="gelap"] .fk-info{color:#8b96ab}
html[data-tema="gelap"] .fk-item{background-color:rgba(255,255,255,.07)}
html[data-tema="gelap"] .fk-item figcaption{color:#8b96ab;background-color:rgba(28,33,45,0.92)}
html[data-tema="gelap"] .fk-kosong{color:#7b8699}
html[data-tema="gelap"] /* ===================================================================== HEADER TERANG + FOOTER Menggantikan bilah gelap yang terasa tinggi dan kosong di tengah. ===================================================================== */ .top{background-color:rgba(28,33,45,0.92);border-color:hsl(218 20% 24%)}
html[data-tema="gelap"] .brand-teks b{color:#eef1f7}
html[data-tema="gelap"] .brand-teks small{color:#7b8699}
html[data-tema="gelap"] /* --------------------------------------- chip pengguna versi terang */ .top .user-menu-trigger{color:#eef1f7;background-color:rgba(28,33,45,.82);border-color:hsl(218 20% 24%)}
html[data-tema="gelap"] .top .user-menu-trigger:hover{background-color:hsl(216 34% 16%);border-color:#333b4d}
html[data-tema="gelap"] .top .user-menu-trigger .user-email{color:#eef1f7}
html[data-tema="gelap"] .top .user-menu-trigger .user-role{color:#7b8699}
html[data-tema="gelap"] .top .user-caret{color:#7b8699}
html[data-tema="gelap"] /* ------------------------------------------------------------ footer */ .site-foot{color:#7b8699;background-color:rgba(28,33,45,0.92);border-color:hsl(218 20% 24%)}
html[data-tema="gelap"] .foot-kiri{color:#8b96ab}