/* Complete screen palette. No layout, visibility, chart values or print rules. */
@media screen {
 :root{--central-paper:var(--crm-card);--ink:var(--crm-text);--muted:var(--crm-muted);--line:var(--crm-line-soft);--green:var(--crm-gold)}
 body{color-scheme:dark;color:var(--crm-text);background:var(--crm-bg)}
 body :is(dialog,#editor,#record,#importer,#targetPicker,#targetDialog,#clearExistingDialog,#clearPotentialDialog,#deleteDialog,#convertDialog,#settings,#syncDialog){background:var(--crm-bg);color:var(--crm-text);border-color:var(--crm-line-soft)}
 body :is(#editor,#record,#importer,#targetPicker,#targetDialog,#clearExistingDialog,#clearPotentialDialog,#deleteDialog,#convertDialog,#settings,#syncDialog) :is(h2,h3,h4,strong,b){color:var(--crm-gold)}
 body :is(#editor,#record,#importer,#targetPicker,#targetDialog,#clearExistingDialog,#clearPotentialDialog,#deleteDialog,#convertDialog,#settings,#syncDialog) :is(label,p,small,summary,.help){color:var(--crm-muted)}
 body :is(#editor,#record,#importer,#targetPicker,#targetDialog,#clearExistingDialog,#clearPotentialDialog,#deleteDialog,#convertDialog,#settings,#syncDialog,.workspace) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){background-color:var(--crm-bg);color:var(--crm-text);border-color:var(--crm-line-soft);color-scheme:dark;caret-color:var(--crm-gold)}
 body :is(input,textarea)::placeholder{color:var(--crm-muted);opacity:1}
 body :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--crm-gold)}
 body :is(#editor,#record,#importer,#targetPicker,#targetDialog,#clearExistingDialog,#clearPotentialDialog,#deleteDialog,#convertDialog,#settings,#syncDialog,.workspace,.nav-bottom) button{background-color:var(--crm-raised);border-color:var(--crm-line-soft);color:var(--crm-text)}
 body :is(#editor,#record,#importer,#targetPicker,#targetDialog,#clearExistingDialog,#clearPotentialDialog,#deleteDialog,#convertDialog,#settings,#syncDialog,.workspace) button:hover{border-color:var(--crm-gold)}
 body .actions button:not(.danger):not(.delete),body .nav-bottom button{background:var(--crm-card);border-color:var(--crm-line-soft);color:var(--crm-text);box-shadow:var(--crm-shadow)}
 body .nav-bottom .sync-open{background:var(--crm-card)!important;border-color:var(--crm-line-soft)!important;color:var(--crm-text)!important}
 body .nav-bottom .sync-open small{color:var(--crm-muted)}
 body .actions button.primary,body .actions #add{background:var(--crm-gold);border-color:var(--crm-gold);color:var(--crm-bg)}
 body .stats .stat{background:var(--crm-card);border-color:var(--crm-line-soft);color:var(--crm-muted);box-shadow:var(--crm-shadow)}
 body .stats .stat strong{color:var(--crm-gold)}body .stats .stat i{color:var(--crm-gold)}
 body .filterbar .search,body .filterbar select{background:var(--crm-card);border-color:var(--crm-line-soft);color:var(--crm-text)}
 body .filterbar .search input{background:transparent;color:var(--crm-text)}
 body .filterbar .search span{color:var(--crm-gold)}
 body .table-panel{background:var(--crm-bg);border-color:var(--crm-line-soft)}
 body .table-heading{background:var(--crm-card);border-color:var(--crm-line-soft)}
 body .table-heading b{color:var(--crm-gold)}body .table-heading span,body .table-heading .table-help{color:var(--crm-muted)}
 body .table-scroll{background:var(--crm-bg);scrollbar-color:var(--crm-gold) var(--crm-bg)}
 body #customerTable th{background:var(--crm-navy);color:var(--crm-beige);border-color:var(--crm-line-soft)}
 body #customerTable td,body #customerTable .name-cell{background:var(--crm-card);color:var(--crm-text);border-color:var(--crm-line-soft)}
 body #customerTable .name-link{background:transparent;color:var(--crm-gold)}
 body #customerTable tbody tr,body #customerTable tr:hover td,body #customerTable tr:hover .name-cell{background:var(--crm-navy);border-color:var(--crm-line-soft)}
 body #customerTable td.num,body #customerTable td:before{color:var(--crm-muted)}
 body #customerTable :is(.empty,.empty-row){background:var(--crm-card);color:var(--crm-muted)}
 body :is(.empty,.empty p){color:var(--crm-muted)}body .empty b{color:var(--crm-beige)}
 body .table-tools :is(#clearExisting,#clearPotential){background:var(--crm-danger-bg);color:var(--crm-danger-text);border-color:var(--crm-line-soft)}
 body #customerTable .row-delete,body :is(#editor,#record,#deleteDialog,#targetDialog,#clearExistingDialog,#clearPotentialDialog) :is(.danger,.delete){background:var(--crm-danger-bg);color:var(--crm-danger-text);border-color:var(--crm-line-soft)}
 body :is(#editor,#record,#importer,#targetPicker,#targetDialog,#settings) :is(fieldset,.filebox,.target-record-summary,.pick-customer,.record-summary,.contract-section,.help-box){background:var(--crm-raised);border-color:var(--crm-line-soft);color:var(--crm-beige)}
 body :is(#editor,#record,#importer,#settings) :is(th,td){background:var(--crm-card);border-color:var(--crm-line-soft);color:var(--crm-text)}
 body :is(#settings,#editor) a{color:var(--crm-gold)}
 body #importSummary,body #deleteCustomerName{color:var(--crm-gold)}
 body :is(#customerError:not([hidden]),#targetFormError){background:var(--crm-danger-bg);border-color:var(--crm-danger);color:var(--crm-danger-text)}
 body #toast{background:var(--crm-navy);color:var(--crm-text);border:1px solid var(--crm-line-soft)}
 /* Map data and geographic tiles keep their own meaning; its CRM panels use this palette. */
 body #mapView,body #mapView>aside{background:var(--crm-bg);border-color:var(--crm-line-soft)}
 body #mapView :is(.list-head,.storage){color:var(--crm-text);background:var(--crm-card);border-color:var(--crm-line-soft)}
 body #mapView .search{background:var(--crm-raised);border-color:var(--crm-line-soft)}
 body #mapView .search input{background:transparent;color:var(--crm-text)}
 body #mapView .customer{background:var(--crm-card);color:var(--crm-text);border-color:var(--crm-line-soft)}
 body #mapView .customer.active{background:var(--crm-navy)}
 body #mapView .customer .avatar{background:var(--crm-raised);color:var(--crm-gold)}
 body #mapView .customer p{color:var(--crm-muted)}
 body #mapView nav{border-color:var(--crm-line-soft)}
 body #mapView nav .selected{background:var(--crm-gold);color:var(--crm-bg)}
 body #mapView :is(.map-badge,.legend,.map-tools button,#detail,.kakao-popup){background:var(--crm-card);color:var(--crm-text);border-color:var(--crm-line-soft)}
 body #detail h2{color:var(--crm-gold)}body #detail p{color:var(--crm-muted)}
 body #detail .call{background:var(--crm-gold);color:var(--crm-bg)}
 body #detail .detail-meta{border-color:var(--crm-line-soft)}
 body #mapView :is(.storage button,.icon){color:var(--crm-gold)}
 body #maperror{background:var(--crm-gold-soft);color:var(--crm-gold)}
 body #syncDialog :is(.sync-summary,.sync-migrate,.sync-conflict,.sync-access-card,.sync-section,.sync-cloud-card,.sync-auth-panel,.sync-profile-card){background:var(--crm-card);border-color:var(--crm-line-soft);color:var(--crm-text)}
 body #syncDialog :is(.conflict-compare pre,#syncStatus){background:var(--crm-raised);color:var(--crm-beige);border-color:var(--crm-line-soft)}
 body #syncDialog :is(.sync-summary span,#syncAccount,.sync-mobile-guide a,.sync-mobile-guide summary){color:var(--crm-beige)}
 body #syncDialog .sync-error{background:var(--crm-danger-bg)!important;color:var(--crm-danger-text)!important}
 body #syncDialog :is(.sync-auth-actions button,.sync-mobile-guide button){background:var(--crm-raised);color:var(--crm-gold);border-color:var(--crm-line-soft)}
 body #syncDialog :is(.sync-mobile-guide,.sync-migrate){border-color:var(--crm-line-soft)}
 body #centralMobileMenu .cmm-item{background:var(--crm-card);color:var(--crm-text);border-color:var(--crm-line-soft)}
 body #centralMobileMenu .cmm-item[aria-current],body #centralMobileMenu .cmm-item.active{background:var(--crm-navy);color:var(--crm-gold);border-color:var(--crm-gold)}
 body :is(dialog,.workspace,.nav-bottom) :is(button:disabled,input:disabled,select:disabled){opacity:.5}
 body #tableView .table-foot{background:var(--crm-card);color:var(--crm-muted);border-color:var(--crm-line-soft)}
 body #editor .form-section{color:var(--crm-gold);border-color:var(--crm-line-soft)}
 body #editor #reviewHint{background:var(--crm-raised);color:var(--crm-gold);border-color:var(--crm-line-soft)}
}