/* V4.18 – full monochrome third theme. Mirrors original dark layout; no extra UI complexity. */
html[data-theme="black"]{color-scheme:dark;--back:#0c0c0c;--ink:#f1f1f1;--muted:#cdcdcd;--line:#282828;--mint:#161616;--sky:#282828;--teal:#bdbdbd;--teal2:#c5c5c5;--red:#dcdcdc;--shadow:0 5px 22px rgba(0,0,0,.13)}
html[data-theme="black"] .app-shell{background:linear-gradient(to right,#0f0f0f 0 244px,var(--back) 244px 100%)}
html[data-theme="black"] .sidebar{background:#0f0f0f}
html[data-theme="black"] .topbar{background:#151515;color:#cccccc;border-color:#2b2b2b}
html[data-theme="black"] .top-avatar{background:#232323;color:#dedede}
html[data-theme="black"] .panel,html[data-theme="black"] .mini-stat,html[data-theme="black"] .stat-card,html[data-theme="black"] .settings-panel{background:#161616;border-color:#2f2f2f}
html[data-theme="black"] .page-header h1,html[data-theme="black"] .panel h2,html[data-theme="black"] .section-heading h2,html[data-theme="black"] .mini-stat strong,html[data-theme="black"] .stat-card strong,html[data-theme="black"] .stock-number,html[data-theme="black"] .stock-summary-extra b{color:#f4f4f4}
html[data-theme="black"] .page-header p,html[data-theme="black"] .panel p,html[data-theme="black"] .panel-note{color:#cecece}
html[data-theme="black"] .section-kicker,html[data-theme="black"] .dark-eye,html[data-theme="black"] .eyebrow{color:#c5c5c5}
html[data-theme="black"] .finance-row{border-color:#2d2d2d}
html[data-theme="black"] .finance-row span,html[data-theme="black"] .stock-small,html[data-theme="black"] .stock-labels,html[data-theme="black"] .stock-summary-extra,html[data-theme="black"] .muted{color:#d2d2d2}
html[data-theme="black"] .finance-row b,html[data-theme="black"] .money,html[data-theme="black"] .stock-labels b{color:#f2f2f2!important}
html[data-theme="black"] .finance-row.important{background:#161616}
html[data-theme="black"] .finance-row.important span,html[data-theme="black"] .finance-row.important b{color:#cccccc!important}
html[data-theme="black"] .table-scroll,html[data-theme="black"] .data-table{background:#161616}
html[data-theme="black"] .data-table th{background:#272727;color:#d2d2d2}
html[data-theme="black"] .data-table td{color:#e2e2e2;border-color:#303030}
html[data-theme="black"] .data-table tr:hover td{background:#262626}
html[data-theme="black"] .data-table .name-cell,html[data-theme="black"] .id-chip{color:#f6f6f6}
html[data-theme="black"] .id-chip{background:#2e2e2e}
html[data-theme="black"] .product-thumb{background:#2a2a2a;border-color:#3c3c3c}
html[data-theme="black"] .table-tools{border-color:#313131}
html[data-theme="black"] .form-grid label,html[data-theme="black"] .modal-form label,html[data-theme="black"] .photo-upload .field-label,html[data-theme="black"] .backup-upload .field-label{color:#e9e9e9}
html[data-theme="black"] .form-grid input,html[data-theme="black"] .form-grid select,html[data-theme="black"] .form-grid textarea,html[data-theme="black"] .modal-form input,html[data-theme="black"] .modal-form select,html[data-theme="black"] .modal-form textarea,html[data-theme="black"] .table-tools input,html[data-theme="black"] .table-tools select,html[data-theme="black"] .tax-controls select,html[data-theme="black"] .tax-year-label input{background:#111111;color:#f2f2f2;border-color:#393939}
html[data-theme="black"] input::placeholder,html[data-theme="black"] textarea::placeholder{color:#bababa}
html[data-theme="black"] .id-field,html[data-theme="black"] .estimate,html[data-theme="black"] .tip-box,html[data-theme="black"] .tax-preview{background:#151515;border-color:#343434;color:#e5e5e5}
html[data-theme="black"] .id-field label,html[data-theme="black"] .estimate strong,html[data-theme="black"] .tip-box b{color:#e0e0e0}
html[data-theme="black"] .photo-dropzone{background:#131313;border-color:#383838;color:#d6d6d6}
html[data-theme="black"] .photo-dropzone:hover{background:#252525}
html[data-theme="black"] .photo-dropzone.has-photo{background:#131313}
html[data-theme="black"] .photo-hint,html[data-theme="black"] .photo-filename{color:#d5d5d5}
html[data-theme="black"] .status.stock,html[data-theme="black"] .status.sold{background:#2d2d2d;color:#e4e4e4}
html[data-theme="black"] .age-chip{background:#252525;color:#e6e6e6}
html[data-theme="black"] .tag{background:#252525;color:#e2e2e2}
html[data-theme="black"] .quick-card{background:#181818;border-color:#2f2f2f}
html[data-theme="black"] .quick-card b,html[data-theme="black"] .quick-card .arr{color:#f3f3f3}
html[data-theme="black"] .quick-icon{background:#282828;color:#e2e2e2}
html[data-theme="black"] .btn.secondary,html[data-theme="black"] .icon-btn,html[data-theme="black"] .close-modal,html[data-theme="black"] .period-buttons{background:#2a2a2a;color:#f4f4f4;border-color:#3a3a3a}
html[data-theme="black"] .period-btn{color:#dddddd}
html[data-theme="black"] .period-btn.selected{background:#404040;color:#fafafa}
html[data-theme="black"] .stat-card.highlight{background:#191919;border-color:#404040}
html[data-theme="black"] .stat-card.highlight strong{color:#dcdcdc}
html[data-theme="black"] .stock-progress{background:#333333}
html[data-theme="black"] .tax-warning{background:#282828;color:#e2e2e2;border-color:#afafaf}
html[data-theme="black"] .tax-preview b,html[data-theme="black"] .tax-warning strong{color:#f4f4f4}
html[data-theme="black"] .modal-host{background:rgba(4,9,17,.78)}
html[data-theme="black"] .modal-dialog{background:#151515;color:#f2f2f2}
html[data-theme="black"] .modal-title{border-color:#333333}
html[data-theme="black"] .modal-title h2{color:#f2f2f2}
html[data-theme="black"] .theme-choice{background:#131313;border-color:#393939;color:#f2f2f2}
html[data-theme="black"] .theme-choice small{color:#d8d8d8}
html[data-theme="black"] .theme-choice.selected{background:#191919;border-color:#c4c4c4}
html[data-theme="black"] .theme-choice-icon{color:#d0d0d0}
html[data-theme="black"] .chart-legend,html[data-theme="black"] .stock-stat span{color:#dddddd}
html[data-theme="black"] .stock-stat b{color:#f6f6f6}
html[data-theme="black"] .chart-viewport svg{filter:brightness(1.3)}
@media(min-width:851px) and (max-width:1250px){html[data-theme="black"] .app-shell{background:linear-gradient(to right,#0f0f0f 0 205px,var(--back) 205px 100%)}}
@media(max-width:850px){html[data-theme="black"] .app-shell{background:var(--back)}}
html[data-theme="black"] #page-add .form-grid > .id-field input { border-color:#383838; }
html[data-theme="black"] #saleSelectedProductId{background:#191919;color:#e9e9e9;border-color:#393939}
html[data-theme="black"]{color-scheme:dark;--back:#080808;--ink:#f1f1f1;--muted:#a7a7a7;--line:#2f2f2f;--mint:#202020;--sky:#202020;--teal:#dfdfdf;--teal2:#fff;--red:#b8b8b8;--shadow:0 6px 24px rgba(0,0,0,.3)}
html[data-theme="black"] .sidebar{background:#030303!important}
html[data-theme="black"] .app-shell{background:#080808}
html[data-theme="black"] .hero{background:#080808!important}
html[data-theme="black"] .hero-card{background:#1e1e1e!important;border:1px solid #363636!important}
html[data-theme="black"] .hero-card .hero-value{color:#fafafa!important}
html[data-theme="black"] .brand-icon,html[data-theme="black"] .sidebar .brand-icon{background:#efefef!important;color:#000!important}
html[data-theme="black"] .brand-icon span{color:#000!important}
html[data-theme="black"] .teal-dot,html[data-theme="black"] .side-group-label,html[data-theme="black"] .section-kicker{color:#aaa!important}
html[data-theme="black"] .btn.primary,html[data-theme="black"] button.primary,html[data-theme="black"] .tax-buttons .btn.primary{background:#5d5d5d!important;color:#fff!important;border-color:#777!important}
html[data-theme="black"] .btn.primary:hover:not(:disabled){background:#777!important}
html[data-theme="black"] .period-btn.selected,html[data-theme="black"] .theme-choice.selected{background:#444!important;color:#fff!important;border-color:#999!important}
html[data-theme="black"] .finance-row.important{background:#202020!important}
html[data-theme="black"] .finance-row.important span,html[data-theme="black"] .finance-row.important b,html[data-theme="black"] .stat-card.highlight strong{color:#fff!important}
html[data-theme="black"] .quick-icon,html[data-theme="black"] .tag,html[data-theme="black"] .age-chip,html[data-theme="black"] .status.stock{background:#303030!important;color:#eee!important}
html[data-theme="black"] .stat-card.highlight{background:#272727!important;border-color:#666!important}
html[data-theme="black"] .chart-viewport svg{filter:grayscale(1) contrast(1.05)}
html[data-theme="black"] .topbar{background:#111!important;color:#eee!important;border-color:#333!important}
html[data-theme="black"] input:focus,html[data-theme="black"] select:focus,html[data-theme="black"] textarea:focus{outline-color:#aaa!important}
html[data-theme="black"] .panel,html[data-theme="black"] .stat-card,html[data-theme="black"] .mini-stat{background:#171717!important;border-color:#383838!important}
html[data-theme="black"] .modal-dialog{background:#171717!important;color:#f4f4f4!important}
html[data-theme="black"] .data-table th{background:#292929!important;color:#dedede!important}
html[data-theme="black"] .data-table td{background:#171717!important;color:#e7e7e7!important}
html[data-theme="black"] .data-table tr:hover td{background:#252525!important}
html[data-theme="black"] .photo-dropzone{background:#202020!important;border-color:#666!important;color:#eaeaea!important}
html[data-theme="black"] .photo-dropzone:hover{background:#303030!important}
html[data-theme="black"] .tax-warning,html[data-theme="black"] .tip-box,html[data-theme="black"] .mobile-data-warning,html[data-theme="black"] .mobile-settings-note{background:#242424!important;color:#d9d9d9!important;border-color:#505050!important}
html[data-theme="black"] .theme-choice{background:#202020!important;border-color:#4c4c4c!important;color:#f4f4f4!important}
html[data-theme="black"] .theme-choice small{color:#b0b0b0!important}
html[data-theme="black"] .mobile-bottom-nav{background:#090909!important;border-top:1px solid #333!important}
html[data-theme="black"] .mobile-tab{color:#bcbcbc!important}
html[data-theme="black"] .mobile-tab.current,html[data-theme="black"] .mobile-tab-add{color:#fff!important;background:#353535!important}
html[data-theme="black"] .mobile-more-content{background:#151515!important;color:#fff!important}
html[data-theme="black"] .mobile-connection{background:#303030!important;color:#ddd!important}
html[data-theme="black"] .cloud-account-panel{background:#181818!important}

/* Auth gate: no business data visible without an account session. */
body.cloud-locked .app-shell,body.cloud-locked .mobile-bottom-nav,body.cloud-locked .mobile-more-sheet,body.cloud-locked #modalHost{display:none!important}
body.cloud-unlocked #cloudAuth{display:none!important}
.cloud-auth{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:30px 16px;background:linear-gradient(135deg,#101827,#1b2839);font-family:inherit;color:#eaf1f7;box-sizing:border-box}
.cloud-auth-card{width:100%;max-width:430px;background:#182536;border:1px solid #354356;border-radius:20px;padding:32px 26px;box-shadow:0 22px 60px rgba(0,0,0,.25)}
.cloud-auth-brand{width:57px;height:57px;background:#e7f1f0;color:#111827;border-radius:17px;display:grid;place-items:center;font-size:35px;font-weight:900;margin-bottom:18px;letter-spacing:-3px}
.cloud-auth-brand span{color:#2f7469}
.cloud-auth h1{font-size:23px;color:#fff;letter-spacing:-.6px;margin:0 0 8px}
.cloud-auth p{color:#b9c8d6;font-size:13px;line-height:1.5;margin:0 0 22px}
.cloud-auth-tabs{display:flex;gap:8px;margin-bottom:20px}
.cloud-auth-tabs button{flex:1;background:#203044;border:1px solid #405167;border-radius:10px;color:#c7d3e0;padding:12px;cursor:pointer}
.cloud-auth-tabs button.selected{background:#2e716a;border-color:#5db9aa;color:#fff;font-weight:700}
.cloud-auth form{display:grid;gap:14px}
.cloud-auth form label{display:flex;flex-direction:column;gap:7px;color:#d9e2eb;font-size:12px;font-weight:650}
.cloud-auth input{width:100%;height:45px;background:#0e1928;border:1px solid #415267;color:#f4f7fb;border-radius:9px;padding:0 12px;box-sizing:border-box}
.cloud-auth input:focus{outline:2px solid #58a99e;outline-offset:1px}
.cloud-auth-submit{width:100%;min-height:46px;margin-top:6px}
.cloud-reset-link{background:none;border:none;color:#c7dbd8;cursor:pointer;margin:15px 0 0;padding:0;font-size:12px}
.cloud-auth .cloud-auth-message{margin:12px 0 0;font-size:12px;color:#bde5d9;min-height:16px;overflow-wrap:anywhere}
.cloud-auth .cloud-auth-message.error{color:#ffb8b8}
.cloud-auth .cloud-auth-note{margin:16px 0 0;color:#889fb1;font-size:11px}
.cloud-greeting{font-size:13px!important;font-weight:650;color:#c5ddd8!important;letter-spacing:.2px;margin:0 0 6px!important}
.cloud-account-panel{max-width:950px;margin-top:16px}
.cloud-account-content{padding:16px 24px 25px}
.cloud-account-content p{font-size:13px;color:var(--muted);margin:8px 0}
.cloud-account-content strong{color:var(--ink)}
.cloud-account-content #cloudAccountEmail{color:var(--muted);margin-left:10px;overflow-wrap:anywhere}
.cloud-account-row{display:flex;align-items:flex-end;gap:12px;margin-top:14px;max-width:650px}
.cloud-account-row label{flex:1;font-size:12px;font-weight:600;color:var(--ink)}
.cloud-account-row input{display:block;width:100%;height:44px;margin-top:7px;border-radius:9px;border:1px solid var(--line);padding:0 12px;background:var(--back);color:var(--ink)}
.cloud-account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:13px}
.cloud-sync-status{padding:10px 13px;border:1px solid var(--line);background:var(--mint);border-radius:9px;margin-top:19px!important}
.cloud-sync-status[data-state="conflict"],.cloud-sync-status[data-state="error"]{border-style:dashed}
.cloud-account-hint{font-size:12px!important;line-height:1.6!important;margin-top:12px!important}
@media(max-width:900px){.cloud-account-panel{margin:14px 15px!important}.cloud-account-row{flex-direction:column;align-items:stretch}.cloud-account-row>*{width:100%!important}.cloud-account-content{padding:14px 16px 22px}.cloud-auth-card{padding:28px 20px}.cloud-auth h1{font-size:21px}}

/* Final polish: keep the third mode strictly grayscale. */
.cloud-auth [hidden]{display:none!important}
.cloud-auth-brand{display:block!important;text-align:center;line-height:57px;white-space:nowrap}
html[data-theme="black"] .sidebar .nav-item.active{background:#252525!important;color:#fff!important}
html[data-theme="black"] .sidebar .nav-item.active .nav-icon{color:#fff!important}
html[data-theme="black"] .sidebar .brand-sub{color:#aaa!important}
html[data-theme="black"] .sidebar-bottom .dot,html[data-theme="black"] .local-status .dot{background:#bdbdbd!important;box-shadow:none!important}
html[data-theme="black"] .mobile-bottom-nav .mobile-tab-add,html[data-theme="black"] .mobile-tab-add span{background:#484848!important;color:#fff!important}
html[data-theme="black"] .hero .teal-dot{color:#aaa!important}
html[data-theme="black"] .top-avatar{background:#303030!important;color:#fff!important}
html[data-theme="black"] .chart-legend *,html[data-theme="black"] .chart-viewport svg{filter:grayscale(1)!important}

/* V4.19: compact fixed single-account login, no registration tabs. */
.cloud-password-wrap{position:relative;display:block;width:100%}
.cloud-password-wrap input{padding-right:88px}
.cloud-password-toggle{position:absolute;right:7px;top:5px;min-height:34px;padding:0 10px;border:1px solid #55677b;border-radius:7px;color:#e2e9f1;background:#29394d;cursor:pointer;font:inherit;font-size:11px}
.cloud-password-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}
html[data-theme="light"] .cloud-auth{background:#eef2f6;color:#142338}
html[data-theme="light"] .cloud-auth-card{background:#fff;border-color:#d7e0e9;box-shadow:0 15px 42px rgba(16,24,39,.09)}
html[data-theme="light"] .cloud-auth h1{color:#122235}
html[data-theme="light"] .cloud-auth p,html[data-theme="light"] .cloud-auth form label{color:#526477}
html[data-theme="light"] .cloud-auth input{background:#f7fafc;border-color:#c5d2dd;color:#132438}
html[data-theme="light"] .cloud-auth .cloud-auth-note{color:#6e7b89}
html[data-theme="light"] .cloud-password-toggle{background:#e6edf1;border-color:#c4d1dc;color:#223447}
html[data-theme="black"] .cloud-auth{background:#050505;color:#f0f0f0}
html[data-theme="black"] .cloud-auth-card{background:#141414;border-color:#393939;box-shadow:0 20px 50px rgba(0,0,0,.48)}
html[data-theme="black"] .cloud-auth h1{color:#fff}
html[data-theme="black"] .cloud-auth p,html[data-theme="black"] .cloud-auth form label{color:#c5c5c5}
html[data-theme="black"] .cloud-auth input{background:#080808;border-color:#5a5a5a;color:#fff}
html[data-theme="black"] .cloud-auth input:focus{outline-color:#e2e2e2}
html[data-theme="black"] .cloud-auth-brand{background:#fff;color:#000}
html[data-theme="black"] .cloud-auth-brand span{color:#000}
html[data-theme="black"] .cloud-auth-submit{background:#555!important;color:#fff!important;border-color:#777!important}
html[data-theme="black"] .cloud-reset-link{color:#d4d4d4}
html[data-theme="black"] .cloud-password-toggle{background:#333;border-color:#666;color:#fff}

.cloud-sync-actions{margin-top:12px;padding:12px;border:1px solid var(--border,#5f6b7a);border-radius:12px}.cloud-sync-actions[hidden]{display:none!important}.cloud-sync-actions p{margin:0 0 12px}.cloud-sync-actions button{margin:4px}.cloud-sync-status.error{color:#d88a8a}
