/* AUTO-GENERATED by tools/gen-theme.py — do not edit by hand. */
html[data-theme] body{background-color:var(--card2)}
html[data-theme] #solTableWrap{background-color:var(--card)}
html[data-theme] .dashboard-header{background-color:var(--card)}
html[data-theme] .dashboard-header .right .welcome p{color:var(--mu)}
html[data-theme] .dashboard-header .right .user-name p{color:var(--tx)}
html[data-theme] .dashboard-header .right .user-name span{color:var(--tx)}
html[data-theme] .dashboard-header .right .bottom{border:1px solid var(--line)}
html[data-theme] .dashboard-header .right .bottom-option{background-color:var(--card)}
html[data-theme] .dashboard-header .right .bottom-option.profil{border-bottom:0.5px solid var(--line)}
html[data-theme] .dashboard-header .right .bottom-option.profil p{color:var(--tx)}
html[data-theme] .dashboard-header .right .bottom-option.log-out span{color:var(--tx)}
html[data-theme] .dashboard-body .sidebar .sidebar-menu{background-color:var(--ac)}
html[data-theme] .sidebar-menu .side-item.active{background-color:var(--card)}
html[data-theme] .sidebar-menu .side-item.active svg path{stroke:var(--tx)}
html[data-theme] .sidebar-menu .side-item.active p{color:var(--tx)}
html[data-theme] .sidebar-menu .side-item:hover{background-color:var(--card)}
html[data-theme] .sidebar-menu .side-item:hover svg path{stroke:var(--tx)}
html[data-theme] .sidebar-menu .side-item:hover p{color:var(--tx)}
html[data-theme] .accordion-item-head.active{background-color:var(--card)}
html[data-theme] .accordion-item-head.active p{color:var(--tx)}
html[data-theme] .accordion-item-head:hover p{color:var(--tx)}
html[data-theme] .accordion-item-head.active svg path{stroke:var(--tx)}
html[data-theme] .accordion-item-head:hover svg path{stroke:var(--tx)}
html[data-theme] .accordion-item-head:hover{background-color:var(--card)}
html[data-theme] .accordion-item .submenu .submenu-item:hover{background-color:var(--card)}
html[data-theme] .accordion-item .submenu .submenu-item:hover p{color:var(--tx)}
html[data-theme] .accordion-item .submenu .submenu-item:hover svg path{stroke:var(--tx)}
html[data-theme] .sidebar-menu .log-out:hover{background-color:var(--card)}
html[data-theme] .sidebar-menu .log-out:hover p{color:var(--tx)}
html[data-theme] .sidebar-menu .log-out:hover svg path{stroke:var(--tx)}
html[data-theme] .sidebar .add-order p{color:var(--ac)}
html[data-theme] .form-container .tittle h1{color:var(--tx)}
html[data-theme] .form-container .tittle p{color:var(--mu)}
html[data-theme] .form-container .input-container .input-div input{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .form-container .input-container .input-div input::placeholder{color:var(--mu)}
html[data-theme] .form-options .forgot a{color:var(--ac)}
html[data-theme] .form-container .custom-checkbox{color:var(--mu)}
html[data-theme] .form-container .checkmark{border:1px solid var(--ac);background-color:var(--card)}
html[data-theme] .form-container .custom-checkbox:hover .checkmark{background-color:var(--card2)}
html[data-theme] .form-container button{background-color:var(--ac)}
html[data-theme] .right-content{background-color:var(--card)}
html[data-theme] .overview-container{background-color:var(--card)}
html[data-theme] .overview-box .more-info::after{background-color:var(--card)}
html[data-theme] .income-container .left .head h1{color:var(--tx)}
html[data-theme] .income-container .blue-circle-label p{color:var(--tx)}
html[data-theme] .income-container .year-selector span{color:var(--tx)}
html[data-theme] .income-container .income-image{border:12px solid var(--line)}
html[data-theme] .income-container .right .income-text span{color:var(--tx)}
html[data-theme] .Orderproses-container .status-text p{color:var(--tx)}
html[data-theme] .Orderproses-container .status-text span{color:var(--tx)}
html[data-theme] .status-item-container .status-item p{color:var(--tx)}
html[data-theme] .techicians .tittle h1{color:var(--tx)}
html[data-theme] .techicians .add-techinician-btn{background-color:var(--card)}
html[data-theme] .techicians .add-techinician-btn p{color:var(--ac)}
html[data-theme] .techicians .table-and-search{background-color:var(--card)}
html[data-theme] .techicians .table-and-search .search input{background-color:var(--card2);border:1px solid var(--line)}
html[data-theme] .techicians .table-and-search .search input::placeholder{color:var(--tx)}
html[data-theme] .techicians table th{background-color:var(--card2);color:var(--tx);border-top:1px solid var(--line)}
html[data-theme] .techicians table td{color:var(--tx);border-bottom:1px solid var(--line)}
html[data-theme] .techicians .no-photo P{color:var(--tx)}
html[data-theme] .techicians .action-div .view-and-delete{border:0.5px solid var(--line);background-color:var(--card)}
html[data-theme] .techicians .action-div .view-and-delete .icon-text.delete{border-top:1px solid var(--line)}
html[data-theme] .techicians .action-div .view-and-delete .icon-text p{color:var(--tx)}
html[data-theme] .add-technician .tittle h1{color:var(--tx)}
html[data-theme] .add-technician .form-section{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .add-technician .form-items-list .form-item label{color:var(--mu)}
html[data-theme] .add-technician .form-items-list .form-item input{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] select{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .add-technician .form-items-list .form-item.Notes textarea{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .upload-section .head label{color:var(--mu)}
html[data-theme] .add-technician .upload-section .bottom{border:1px dashed var(--line);background-color:var(--card)}
html[data-theme] .add-technician .upload-section .upload-box{background-color:var(--card)}
html[data-theme] .add-technician .upload-section .upload-box .upload-text p{color:var(--mu)}
html[data-theme] .add-technician .form-container .add-btn{background-color:var(--ac)}
html[data-theme] .brands .tittle h1{color:var(--tx)}
html[data-theme] .brands .add-brands-btn{background-color:var(--card)}
html[data-theme] .brands .add-brands-btn p{color:var(--ac)}
html[data-theme] .brands .table-and-search{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .brands .table-and-search .search input{background-color:var(--card2);border:1px solid var(--line)}
html[data-theme] .brands .table-and-search .search input::placeholder{color:var(--tx)}
html[data-theme] .brands .table-and-search .table-container table th{color:var(--tx);background-color:var(--card2);border-top:1px solid var(--line)}
html[data-theme] .brands .table-and-search .table-container table td{color:var(--tx);border-bottom:1px solid var(--line)}
html[data-theme] .brands-popup .brands-container{background-color:var(--card)}
html[data-theme] .brands-form .head{border-bottom:1px solid var(--line)}
html[data-theme] .brands-form .head p{color:var(--tx)}
html[data-theme] .brands-form .form-item label{color:var(--mu)}
html[data-theme] .brands-form .form-item input{border:1px solid var(--line);color:var(--tx)}
html[data-theme] .add-new-order .tittle h1{color:var(--tx)}
html[data-theme] .customer-info-section{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .customer-info-section .head p{color:var(--tx)}
html[data-theme] .customer-info-section .head{border-bottom:1px solid var(--line)}
html[data-theme] .customer-info-container .info-box input{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .customer-info-container .info-box label{color:var(--mu)}
html[data-theme] .order-info-section{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .order-info-section .head-info{border-bottom:1px solid var(--line)}
html[data-theme] .order-info-section .head-info p{color:var(--tx)}
html[data-theme] .order-info-container .info-box label{color:var(--mu)}
html[data-theme] .order-info-container .info-box input{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .problem label{color:var(--mu)}
html[data-theme] .problem textarea{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .order-info-section .add-btn{background-color:var(--ac)}
html[data-theme] .add-new-order .dropdown-selected{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .add-new-order .dropdown-selected p{color:var(--tx)}
html[data-theme] .add-new-order .dropdown-options{background-color:var(--card)}
html[data-theme] .add-new-order .dropdown-options .option{border-bottom:1px solid var(--line)}
html[data-theme] .add-new-order .dropdown-options .option p{color:var(--tx)}
html[data-theme] .order-details .tittle h1{color:var(--tx)}
html[data-theme] .order-details .tittle p{color:var(--mu)}
html[data-theme] .epxort-invoince .export-btn{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .epxort-invoince .export-btn span{color:var(--mu)}
html[data-theme] .info-section{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .info-section .info-tittle p{color:var(--tx)}
html[data-theme] .info-section .info-tittle{border-bottom:1px solid var(--line)}
html[data-theme] .info-section .info-container .info-box label{color:var(--mu)}
html[data-theme] .info-section .info-container .info-box input{background-color:var(--card);border:1px solid var(--line);color:var(--tx)}
html[data-theme] .Notes-Attachments{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .Notes-Attachments .tittle{border-bottom:1px solid var(--line)}
html[data-theme] .Notes-Attachments .tittle p{color:var(--tx)}
html[data-theme] .Notes-Attachments .note-box label{color:var(--mu)}
html[data-theme] .Notes-Attachments .note-box textarea{border:1px solid var(--line);color:var(--tx)}
html[data-theme] .order-details .dropdown-selected{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .order-details .dropdown-selected p{color:var(--tx)}
html[data-theme] .order-details .dropdown-options{background-color:var(--card)}
html[data-theme] .order-details .dropdown-options .option{border-bottom:1px solid var(--line)}
html[data-theme] .order-details .dropdown-options .option p{color:var(--tx)}
html[data-theme] .order-details .upload-section .bottom{border:1px dashed var(--line);background-color:var(--card)}
html[data-theme] .order-details .upload-section .upload-box{background-color:var(--card)}
html[data-theme] .order-details .upload-section .upload-box .upload-text p{color:var(--mu)}
html[data-theme] .order-report head h1{color:var(--tx)}
html[data-theme] .report-section{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .report-section .tittle p{color:var(--tx)}
html[data-theme] .report-section .tittle{border-bottom:1px solid var(--line)}
html[data-theme] .report-info-container .report-info label{color:var(--mu)}
html[data-theme] .report-info-container .report-info input{color:var(--tx);border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .receipts-section{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .payment-section{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .order-report .payment-section .tittle p{color:var(--tx)}
html[data-theme] .order-report .payment-section .tittle{border-bottom:1px solid var(--line)}
html[data-theme] .payments-information-container .payment-info label{color:var(--mu)}
html[data-theme] .payments-information-container .payment-info input{color:var(--tx);border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .status-section{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .status-section .tittle{border-bottom:1px solid var(--line)}
html[data-theme] .status-section .tittle p{color:var(--tx)}
html[data-theme] .status-section .paid input{color:var(--tx);border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .popup-payment .payment-container .payment-form{background-color:var(--card)}
html[data-theme] .popup-payment .payment-container .select-option{border-bottom:1px solid var(--line)}
html[data-theme] .payment-container .select-option p{color:var(--tx)}
html[data-theme] .payment-container .main-option .tittle p{color:var(--mu)}
html[data-theme] .pay-option-container .pay-option p{color:var(--tx)}
html[data-theme] .pay-option-container .pay-option span{color:var(--mu)}
html[data-theme] .pay-option-container .pay-option{border:1px solid var(--line)}
html[data-theme] .full-amount-deposit .deposit label{color:var(--tx)}
html[data-theme] .profile .form-container{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .dashboard-body .profile .profile-tittle h1{color:var(--tx)}
html[data-theme] .profile .form-container .form-item label{color:var(--mu)}
html[data-theme] .profile .form-container .form-item input{border:1px solid var(--line);color:var(--tx)}
html[data-theme] .profile .form-container .save-btn{background-color:var(--ac);color:var(--ac-tx)}
html[data-theme] .services .tittle h1{color:var(--tx)}
html[data-theme] .services .add-services-btn{background-color:var(--card)}
html[data-theme] .services .add-services-btn p{color:var(--ac)}
html[data-theme] .services .table-and-search{background-color:var(--card)}
html[data-theme] .services .table-and-search .search input{background-color:var(--card2);border:1px solid var(--line)}
html[data-theme] .services .table-and-search .search input::placeholder{color:var(--tx)}
html[data-theme] .services .table-and-search .table-container table th{color:var(--tx);background-color:var(--card2);border-top:1px solid var(--line)}
html[data-theme] .services .table-and-search .table-container table td{color:var(--tx);border-bottom:1px solid var(--line)}
html[data-theme] .service-popup .service-container{background-color:var(--card)}
html[data-theme] .service-form .head{border-bottom:1px solid var(--line)}
html[data-theme] .service-form .head p{color:var(--tx)}
html[data-theme] .service-form .form-item label{color:var(--mu)}
html[data-theme] .service-form .form-item input{border:1px solid var(--line);color:var(--tx)}
html[data-theme] .service-form .form-item.Description textarea{border:1px solid var(--line);color:var(--tx)}
html[data-theme] .spare-parts .tittle h1{color:var(--tx)}
html[data-theme] .spare-parts .total-container .total{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .spare-parts .total-container .total span{color:var(--mu)}
html[data-theme] .spare-parts .total-container .total p{color:var(--tx)}
html[data-theme] .spare-parts .table-and-search{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .spare-parts .details-info .info{border:1px solid var(--line)}
html[data-theme] .spare-parts .table-and-search .search input{background-color:var(--card2);border:1px solid var(--line)}
html[data-theme] .spare-parts .table-and-search .search input::placeholder{color:var(--tx)}
html[data-theme] .spare-parts .dropdown-selected{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .spare-parts .dropdown-selected p{color:var(--tx)}
html[data-theme] .spare-parts .dropdown-options .option{border-bottom:1px solid var(--line);background-color:var(--card)}
html[data-theme] .spare-parts .dropdown-options .option p{color:var(--tx)}
html[data-theme] .spare-parts .table-and-search .table-container table tr{border-bottom:1px solid var(--line)}
html[data-theme] .spare-parts .table-and-search .table-container table th{background-color:var(--card2);color:var(--tx)}
html[data-theme] .spare-parts .table-and-search .table-container table td{color:var(--tx)}
html[data-theme] .spare-parts .action-div .view-and-delete{border:0.5px solid var(--line);background-color:var(--card)}
html[data-theme] .spare-parts .action-div .view-and-delete .icon-text.delete{border-top:1px solid var(--line)}
html[data-theme] .spare-parts .action-div .view-and-delete .icon-text p{color:var(--tx)}
html[data-theme] .upload-section .bottom{border:1px dashed var(--line);background-color:var(--card)}
html[data-theme] .upload-section .upload-box{background-color:var(--card)}
html[data-theme] .upload-section .upload-box .upload-text p{color:var(--mu)}
html[data-theme] .Orders .tittle h1{color:var(--tx)}
html[data-theme] .Orders .total-container .total{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .Orders .total-container .total span{color:var(--mu)}
html[data-theme] .Orders .total-container .total p{color:var(--tx)}
html[data-theme] .Orders .table-and-search{background-color:var(--card)}
html[data-theme] .Orders .dropdown-selected{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .Orders .dropdown-selected p{color:var(--tx)}
html[data-theme] .Orders .dropdown-options{background-color:var(--card)}
html[data-theme] .Orders .dropdown-options .option{border-bottom:1px solid var(--line)}
html[data-theme] .Orders .dropdown-options .option p{color:var(--tx)}
html[data-theme] .Orders .table-and-search .search input{background-color:var(--card2);border:1px solid var(--line)}
html[data-theme] .Orders .table-and-search .search input::placeholder{color:var(--tx)}
html[data-theme] .table-and-search .table-container table th{background-color:var(--card2);color:var(--tx);border-top:1px solid var(--line)}
html[data-theme] .table-and-search .table-container table td{color:var(--tx);border-bottom:1px solid var(--line)}
html[data-theme] .Orders .action-div .view-and-delete{border:0.5px solid var(--line);background-color:var(--card)}
html[data-theme] .Orders .action-div .view-and-delete .icon-text.delete{border-top:1px solid var(--line)}
html[data-theme] .Orders .action-div .view-and-delete .icon-text p{color:var(--tx)}
html[data-theme] .invoince-content .tittle h1{color:var(--tx)}
html[data-theme] .invoince-content .service-box{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .invoince-content .service-box .head{border:1px solid var(--line)}
html[data-theme] .invoince-content .service-box .head p{color:var(--tx)}
html[data-theme] .invoince-content .custom-box .input-box label{color:var(--mu)}
html[data-theme] .invoince-content .custom-box .input-box input{border:1px solid var(--line);color:var(--tx)}
html[data-theme] .invoince-content .custom-btn{background-color:var(--ac)}
html[data-theme] .invoince-content .total-section{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .invoince-content .total-container .total-box label{color:var(--mu)}
html[data-theme] .invoince-content .total-container .total-box input{border:1px solid var(--line);color:var(--tx)}
html[data-theme] .invoince-content .dropdown-selected p{color:var(--tx)}
html[data-theme] .invoince-content .dropdown-list{border:1px solid var(--line)}
html[data-theme] .invoince-content .dropdown-list .list{background-color:var(--card)}
html[data-theme] .invoince-content .dropdown-list .list p{color:var(--tx)}
html[data-theme] .invoince-content .dropdown-list .list:hover{background-color:var(--card2)}
html[data-theme] .invoince-content .custom-checkbox{color:var(--mu)}
html[data-theme] .invoince-content .checkmark{background-color:var(--card)}
html[data-theme] .invoince-content .custom-checkbox:hover .checkmark{background-color:var(--card2)}
html[data-theme] .invoince-content .work-details label{color:var(--mu)}
html[data-theme] .invoince-content .work-details textarea{border:1px solid var(--line)}
html[data-theme] .invoince-content .payments-section{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .invoince-content .payments-section .head p{color:var(--tx)}
html[data-theme] .invoince-content .payments-section .head{border-bottom:1px solid var(--line)}
html[data-theme] .invoince-content .payments-section .no-payment{border:1px solid var(--line)}
html[data-theme] .invoince-content .payments-section .no-payment p{color:var(--tx)}
html[data-theme] .payment-total-container .total-box label{color:var(--mu)}
html[data-theme] .payment-total-container .total-box input{border:1px solid var(--line);color:var(--tx)}
html[data-theme] .invoince-content .Status-section{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .invoince-content .Status-section .head p{color:var(--tx)}
html[data-theme] .invoince-content .Status-section .head{border-bottom:1px solid var(--line)}
html[data-theme] .invoince-content .Status-section .draft{border:1px solid var(--line)}
html[data-theme] .invoince-content .payments-section .draft p{color:var(--tx)}
html[data-theme] .update-form{background-color:var(--card)}
html[data-theme] .update-form .info{border-bottom:1px solid var(--line)}
html[data-theme] .update-form .info p{color:var(--tx)}
html[data-theme] .update-form .text-div{border-bottom:1px solid var(--line)}
html[data-theme] .update-form .text-div textarea{border:1px solid var(--line);color:var(--tx)}
html[data-theme] .tittle-calendar h1{color:var(--tx)}
html[data-theme] .calendar-day-box .calendar-day{background-color:var(--card2)}
html[data-theme] .calendar-container .monthYear{color:var(--tx)}
html[data-theme] .calendar-section .today{background-color:var(--card2)}
html[data-theme] .calendar-section .today p{color:var(--tx)}
html[data-theme] .calendar-container .head{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .table-container{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .calendar-section table{background-color:var(--card2)}
html[data-theme] .calendar-section table th{color:var(--tx);background-color:var(--card)}
html[data-theme] .calendar-section table td{background-color:var(--card)}
html[data-theme] .calendar-section .day-number{color:var(--tx)}
html[data-theme] .mobile-calendar-container .monthYear{color:var(--tx)}
html[data-theme] .calendar-section .week p{color:var(--tx)}
html[data-theme] .calendar-body-mobile .current-month{color:var(--tx)}
html[data-theme] .myinfo-section .tittle-container .top{color:var(--tx)}
html[data-theme] .myinfo-section .tittle-container .bottom .left .name-and-id p{color:var(--tx)}
html[data-theme] .myinfo-section .tittle-container .bottom .left .name-and-id span{color:var(--tx)}
html[data-theme] .tittle-container .bottom .right{color:var(--tx)}
html[data-theme] .myinfo-section .personal-work-section{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .personal-work-container .personal-box .head h1{color:var(--tx)}
html[data-theme] .personal-work-container .personal-box .head .edit-btn{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .personal-work-container .personal-box .head .edit-btn span{color:var(--tx)}
html[data-theme] .about-info-personal{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .about-info-personal .input-div-container .input-box label{color:var(--mu)}
html[data-theme] .about-info-personal .input-div-container .input-box input{color:var(--tx);background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .personal-work-container .work-box .head h1{color:var(--tx)}
html[data-theme] .personal-work-container .work-box .head .edit-btn{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .personal-work-container .work-box .head .edit-btn span{color:var(--tx)}
html[data-theme] .about-info-work .input-box-container{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .about-info-work .input-box-container .input-box label{color:var(--mu)}
html[data-theme] .about-info-work .input-box-container .input-box input{border:1px solid var(--line);color:var(--tx)}
html[data-theme] .about-info-work .save-btn{background-color:var(--ac);color:var(--ac-tx)}
html[data-theme] .map-container .tittle h1{color:var(--tx)}
html[data-theme] .map-section .dropdown-selected{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .map-section .dropdown-selected p{color:var(--tx)}
html[data-theme] .map-section .dropdown-options{background-color:var(--card)}
html[data-theme] .map-section .dropdown-options .option{border-bottom:1px solid var(--line)}
html[data-theme] .map-section .dropdown-options .option p{color:var(--tx)}
html[data-theme] .map-container .location-div{background-color:var(--card)}
html[data-theme] .timeline-container .tittle h1{color:var(--tx)}
html[data-theme] .timeline-container .dropdown-selected{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .timeline-container .dropdown-selected p{color:var(--tx)}
html[data-theme] .timeline-container .dropdown-options{background-color:var(--card)}
html[data-theme] .timeline-container .dropdown-options .option{border-bottom:1px solid var(--line)}
html[data-theme] .timeline-container .dropdown-options .option p{color:var(--tx)}
html[data-theme] .timeline-container .table-div table th{background-color:var(--card2);color:var(--tx);border-top:1px solid var(--line)}
html[data-theme] .timeline-container .table-div table td{background-color:var(--card);color:var(--tx);border-bottom:1px solid var(--line)}
html[data-theme] .timeline-container .date-container{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .timeline-popup .timeline-succes{background-color:var(--card)}
html[data-theme] .timeline-popup .timeline-succes .text{border-bottom:1px solid var(--line)}
html[data-theme] .timeline-popup .timeline-succes .text p{color:var(--mu)}
html[data-theme] .timeline-popup .timeline-succes .text span{color:var(--mu)}
html[data-theme] .add-part .tittle h1{color:var(--tx)}
html[data-theme] .add-part .part-info-section{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .add-part .part-info-container .info-box input{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .add-part .part-info-container .info-box label{color:var(--mu)}
html[data-theme] .add-part .note label{color:var(--mu)}
html[data-theme] .add-part .note textarea{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .add-part .sabe-btn-box .save-btn{background-color:var(--ac);color:var(--ac-tx)}
html[data-theme] .add-part .dropdown-selected{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .add-part .dropdown-selected p{color:var(--tx)}
html[data-theme] .add-part .dropdown-options{background-color:var(--card)}
html[data-theme] .add-part .dropdown-options .option{border-bottom:1px solid var(--line)}
html[data-theme] .add-part .dropdown-options .option p{color:var(--tx)}
html[data-theme] .add-part .upload-section .head label{color:var(--mu)}
html[data-theme] .add-part .upload-section .bottom{border:1px dashed var(--line);background-color:var(--card)}
html[data-theme] .add-part .upload-section .upload-box{background-color:var(--card)}
html[data-theme] .add-part .upload-section .upload-box .upload-text p{color:var(--mu)}
html[data-theme] .parts .tittle h1{color:var(--tx)}
html[data-theme] .parts .table-and-search{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .parts .table-and-search .search input{background-color:var(--card2);border:1px solid var(--line)}
html[data-theme] .parts .table-and-search .search input::placeholder{color:var(--tx)}
html[data-theme] .parts .table-and-search .table-container table th{color:var(--tx);background-color:var(--card2);border-top:1px solid var(--line)}
html[data-theme] .parts .table-and-search .table-container table td{color:var(--tx);border-bottom:1px solid var(--line)}
html[data-theme] .invoices .tittle h1{color:var(--tx)}
html[data-theme] .invoices .table-and-search{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .invoices .details-info .info{border:1px solid var(--line)}
html[data-theme] .invoices .table-and-search .search input{background-color:var(--card2);border:1px solid var(--line)}
html[data-theme] .invoices .table-and-search .search input::placeholder{color:var(--tx)}
html[data-theme] .invoices .dropdown-selected{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .invoices .dropdown-selected p{color:var(--tx)}
html[data-theme] .invoices .dropdown-options .option{border-bottom:1px solid var(--line);background-color:var(--card)}
html[data-theme] .invoices .dropdown-options .option p{color:var(--tx)}
html[data-theme] .invoices .table-and-search .table-container table th{background-color:var(--card2);color:var(--tx);border-top:1px solid var(--line)}
html[data-theme] .invoices .table-and-search .table-container table td{color:var(--tx);border-bottom:1px solid var(--line)}
html[data-theme] .invoices .action-div .view-and-delete{border:0.5px solid var(--line);background-color:var(--card)}
html[data-theme] .invoices .action-div .view-and-delete .icon-text.delete{border-top:1px solid var(--line)}
html[data-theme] .invoices .action-div .view-and-delete .icon-text p{color:var(--tx)}
html[data-theme] .statements .tittle h1{color:var(--tx)}
html[data-theme] .statements .export-pdf button{background-color:var(--card);border:solid 1px var(--line)}
html[data-theme] .statements .export-pdf button p{color:var(--mu)}
html[data-theme] .statements .customer-info-section .customer-info-container .customer-info p{color:var(--mu)}
html[data-theme] .statements .customer-info-section .customer-info-container .customer-info span{color:var(--tx)}
html[data-theme] .statements .customer-info-section{background-color:var(--card);border:solid 1px var(--line)}
html[data-theme] .statements .customer-info-section .info-tittle h1{color:var(--tx)}
html[data-theme] .technician-reports .tittle h1{color:var(--tx)}
html[data-theme] .technician-reports .total-container .total-box{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .technician-reports .total-container .total-box .price p{color:var(--tx)}
html[data-theme] .technician-reports .total-container .total-box .price span{color:var(--mu)}
html[data-theme] .technician-reports .table-and-search{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .technician-reports .details-info .info{border:1px solid var(--line)}
html[data-theme] .technician-reports .table-and-search .search input{background-color:var(--card2);border:1px solid var(--line)}
html[data-theme] .table-and-search .search input::placeholder{color:var(--tx)}
html[data-theme] .technician-reports .dropdown .head{border:1px solid var(--line)}
html[data-theme] .technician-reports.dropdown-selected{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .technician-reports .dropdown-selected p{color:var(--tx)}
html[data-theme] .dropdown-options .option{border-bottom:1px solid var(--line);background-color:var(--card)}
html[data-theme] .dropdown-options .option p{color:var(--tx)}
html[data-theme] .pagination-page{color:var(--tx)}
html[data-theme] .footer-text{border-top:1px solid var(--line)}
html[data-theme] .footer-text p{color:var(--mu)}
html[data-theme] .Orderproses-container .right .order-date-div.mobile h1{color:var(--tx)}
html[data-theme] .Orders .table-container{border:1px solid var(--line)}
html[data-theme] .Estimate-content .tittle h1{color:var(--tx)}
html[data-theme] .custom-section{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .custom-container .custom-input input{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .status .head{border-bottom:1px solid var(--line)}
html[data-theme] .status .head p{color:var(--tx)}
html[data-theme] .status .pending{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .status .pending p{color:var(--tx)}
html[data-theme] .custom-btn{background-color:var(--ac)}
html[data-theme] .total-section{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .total-container .total-box label{color:var(--mu)}
html[data-theme] .total-container .total-box input{border:1px solid var(--line);color:var(--tx)}
html[data-theme] .dropdown-selected p{color:var(--tx)}
html[data-theme] .dropdown-list{border:1px solid var(--line)}
html[data-theme] .dropdown-list .list{background-color:var(--card)}
html[data-theme] .dropdown-list .list p{color:var(--tx)}
html[data-theme] .dropdown-list .list:hover{background-color:var(--card2)}
html[data-theme] .enable-deposit label{color:var(--mu)}
html[data-theme] .work-details-section{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .work-details label{color:var(--mu)}
html[data-theme] .work-details textarea{border:1px solid var(--line)}
html[data-theme] .payments-section{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .payments-section .head p{color:var(--tx)}
html[data-theme] .payments-section .head{border-bottom:1px solid var(--line)}
html[data-theme] .payments-section .no-payment{border:1px solid var(--line)}
html[data-theme] .payments-section .no-payment p{color:var(--tx)}
html[data-theme] .Status-section{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .Status-section .head p{color:var(--tx)}
html[data-theme] .Status-section .head{border-bottom:1px solid var(--line)}
html[data-theme] .Status-section .draft{border:1px solid var(--line)}
html[data-theme] .payments-section .draft p{color:var(--tx)}
html[data-theme] .order-details-head .left p{color:var(--tx)}
html[data-theme] .order-details-head .left span{color:var(--mu)}
html[data-theme] .order-details-head .button-container .button.yellow p{color:var(--tx)}
html[data-theme] .order-details-head .button-container .button.yellow span{color:var(--tx)}
html[data-theme] .info-container .info-box p{color:var(--tx)}
html[data-theme] .info-container .info-box{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .info-container .info-box.active p{color:var(--ac)}
html[data-theme] .order-details-bottom-left .status{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .order-details-bottom-left .status .status-left p{color:var(--tx)}
html[data-theme] .order-details-bottom-left .status .status-left span{color:var(--mu)}
html[data-theme] .order-information .information-tittle p{color:var(--tx)}
html[data-theme] .order-about-container .order-about span{color:var(--mu)}
html[data-theme] .order-about-container .order-about p{color:var(--tx)}
html[data-theme] .button-box .add-request-popup{background-color:var(--ac);color:var(--ac-tx)}
html[data-theme] .order-information{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .invoince-payment{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .invoince-payment .invoince-tittle p{color:var(--tx)}
html[data-theme] .invoince-payment .invoince-about span{color:var(--mu)}
html[data-theme] .invoince-payment .invoince-about p{color:var(--tx)}
html[data-theme] .invoince-payment .invoince-about .credit-card p{color:var(--tx)}
html[data-theme] .change-status{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .change-status span{color:var(--tx)}
html[data-theme] .request-popup .request-container{background-color:var(--card)}
html[data-theme] .request-container .head p{color:var(--tx)}
html[data-theme] .request-container .input-box-container .input-box input{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .request-container .input-box-container .input-box.tel label{color:var(--mu)}
html[data-theme] .order-details-head p{color:var(--tx)}
html[data-theme] .order-details-head span{color:var(--mu)}
html[data-theme] .solution-form .form-content{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .dropdown-selected{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .dropdown-options{background-color:var(--card)}
html[data-theme] .select-box label{color:var(--mu)}
html[data-theme] .selection-container .select-box.model input{background-color:var(--card);border:1px solid var(--line);color:var(--tx)}
html[data-theme] .solution-form .description label{color:var(--mu)}
html[data-theme] .solution-form .description textarea{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .language-container .language-box label{color:var(--tx)}
html[data-theme] .solution-form .generate{background-color:var(--ac);color:var(--ac-tx)}
html[data-theme] .upload-section .head{border-bottom:1px solid var(--line)}
html[data-theme] .attach-mini{border:2px dashed var(--line);background-color:var(--card)}
html[data-theme] .attach-mini::after{color:var(--mu)}
html[data-theme] .thumb img{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .thumb-actions a{border:1px solid var(--line);background-color:var(--card2);color:var(--tx)}
html[data-theme] .thumb-actions button{border:1px solid var(--line);background-color:var(--card2)}
html[data-theme] .payment-section .tittle p{color:var(--tx)}
html[data-theme] .payment-section .tittle{border-bottom:1px solid var(--line)}
html[data-theme] .footer-tex p{color:var(--mu)}
html[data-theme] .schedule-popup{background-color:var(--card)}
html[data-theme] .sched-header{border-bottom:1px solid var(--line)}
html[data-theme] .sched-nav .nav-btn{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .sched-tabs button{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .sched-tabs button.active{background-color:var(--ac);color:var(--ac-tx);border-color:var(--ac)}
html[data-theme] .sched-close{color:var(--mu)}
html[data-theme] .sched-grid th{border:1px solid var(--line)}
html[data-theme] .sched-grid td{border:1px solid var(--line)}
html[data-theme] .sched-grid thead th{background-color:var(--card2);color:var(--mu)}
html[data-theme] .sched-grid .tech-cell{background-color:var(--card);border-right:2px solid var(--line)}
html[data-theme] .sched-grid thead .tech-cell{background-color:var(--card2);color:var(--tx)}
html[data-theme] .tech-busy{color:var(--mu)}
html[data-theme] .sched-footer{border-top:1px solid var(--line)}
html[data-theme] .sched-footer .hint{color:var(--mu)}
html[data-theme] .sched-footer .hint svg{color:var(--ac)}
html[data-theme] .dropdown .dropdown-options{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .icon-btn{background-color:var(--card2);color:var(--mu)}
html[data-theme] .date-range-inline{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .date-range-inline .dr-label{color:var(--mu)}
html[data-theme] .date-range-inline .dr-input{border:1px solid var(--line)}
html[data-theme] .calendar-container th{color:var(--tx)}
html[data-theme] .calendar-body td{border:1px solid var(--line)}
html[data-theme] .cal-daynum{color:var(--mu)}
html[data-theme] .cal-outside{background-color:var(--card);color:var(--mu)}
html[data-theme] .cal-event{background-color:var(--card2)}
html[data-theme] .cal-more{color:var(--mu)}
html[data-theme] .st-new{background-color:var(--card2)}
html[data-theme] .calendar-body-mobile .mday{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .calendar-body-mobile .mhead{color:var(--tx)}
html[data-theme] .calendar-body-mobile .mevent{background-color:var(--card2)}
html[data-theme] .tabs .tab{background-color:var(--card);color:var(--tx)}
html[data-theme] .card{background-color:var(--card)}
html[data-theme] .kpi .label{color:var(--tx)}
html[data-theme] .date-strip .txt{color:var(--tx)}
html[data-theme] .toolbar select{background-color:var(--card)}
html[data-theme] .btn-sm{background-color:var(--card);color:var(--tx)}
html[data-theme] table{background-color:var(--card)}
html[data-theme] th{color:var(--tx)}
html[data-theme] td{color:var(--tx)}
html[data-theme] .search-input{background-color:var(--card);color:var(--mu)}
html[data-theme] .head-select{background-color:var(--card);color:var(--mu)}
html[data-theme] .pager-control{background-color:var(--card)}
html[data-theme] .pagebtn{background-color:var(--card)}
html[data-theme] .btn{color:var(--tx);background-color:var(--card);border:1px solid var(--line)}
html[data-theme] #tbl.resp tbody tr{background-color:var(--card)}
html[data-theme] #tbl.resp tbody tr td::before{color:var(--mu)}
html[data-theme] .topbar{background-color:var(--card)}
html[data-theme] .topbar .left-total{color:var(--tx)}
html[data-theme] .date-ctrl input[type="date"]{background-color:var(--card)}
html[data-theme] .table-and-search{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .table-and-search .search input{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .select-wrap .select{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .select-wrap .select:focus{border-color:var(--line)}
html[data-theme] .date-inline{color:var(--tx)}
html[data-theme] .date-inline input[type="date"]{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] #estimatesTable tr{border:1px solid var(--line)}
html[data-theme] .btn.ghost{background-color:var(--card)}
html[data-theme] .table th{border-bottom:1px solid var(--line);color:var(--mu)}
html[data-theme] .table td{border-bottom:1px solid var(--line)}
html[data-theme] .badge.rejected{background-color:var(--card2)}
html[data-theme] .badge.converted{background-color:var(--card2);color:var(--tx)}
html[data-theme] .action-cell a{background-color:var(--card2);color:var(--mu)}
html[data-theme] .usd-prefix{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .status-select{border:1px solid var(--line)}
html[data-theme] .priceinput{border:1px solid var(--line)}
html[data-theme] .discount-input{border:1px solid var(--line)}
html[data-theme] .percentInput{border:1px solid var(--line)}
html[data-theme] .select-input{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .head-row{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .head-row .head-box label{color:var(--tx)}
html[data-theme] .show-estimate-btn{border:1px solid var(--line);background-color:var(--card2)}
html[data-theme] #invTable tbody tr{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] #invTable tbody tr td::before{color:var(--mu)}
html[data-theme] label{color:var(--tx)}
html[data-theme] input{border:1px solid var(--line)}
html[data-theme] textarea{border:1px solid var(--line)}
html[data-theme] .gm-pop{color:var(--tx)}
html[data-theme] .addr-suggest{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .addr-suggest .item{border-bottom:1px solid var(--line)}
html[data-theme] .addr-suggest .item:hover{background-color:var(--card2)}
html[data-theme] .map{border:1px solid var(--line)}
html[data-theme] .appliance-row{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .appliance-row .ap-field input[type="text"]{border:1px solid var(--line)}
html[data-theme] .appliance-row .ap-field select{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .appliance-row .remove-appliance{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .select-box input{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .select-box select{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .quick-range select{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .date-range-inline input[type="date"]{background-color:var(--card);color:var(--tx);border:1px solid var(--line)}
html[data-theme] .date-range-inline input[type="date"]:hover{border-color:var(--line)}
html[data-theme] .date-range-inline .apply{background-color:var(--ac);color:var(--ac-tx)}
html[data-theme] .status--manager{background-color:var(--card2);color:var(--tx)}
html[data-theme] .order-card{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .order-card .oc-date{color:var(--tx)}
html[data-theme] .order-card .oc-label{color:var(--mu)}
html[data-theme] .order-card .oc-val{color:var(--tx)}
html[data-theme] .order-card a{color:var(--tx)}
html[data-theme] .phone-pill{border:1px solid var(--line);background-color:var(--card2);color:var(--tx)}
html[data-theme] .phone-menu{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .phone-menu-header{color:var(--mu);border-bottom:1px solid var(--line)}
html[data-theme] .phone-menu-item{color:var(--tx)}
html[data-theme] .order-card .btn.view{background-color:var(--card2)}
html[data-theme] .orders-cards .card-empty{color:var(--mu);border:1px dashed var(--line)}
html[data-theme] .form-container{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .form-item label{color:var(--mu)}
html[data-theme] .form-item input{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .form-item input[readonly]{background-color:var(--card2);color:var(--mu)}
html[data-theme] .note{color:var(--mu)}
html[data-theme] #receiptsGrid .thumb{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] #receiptsGrid .thumb-preview{background-color:var(--card)}
html[data-theme] #receiptsGrid .thumb-pdf{color:var(--tx)}
html[data-theme] #receiptsGrid .icon-btn{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] #receiptsGrid .icon-btn:hover{background-color:var(--card2);border-color:var(--line)}
html[data-theme] #receiptsGrid .icon-btn svg{stroke:var(--tx)}
html[data-theme] #receiptsGrid .icon-btn.danger{border-color:var(--line);background-color:var(--card2)}
html[data-theme] .locked-note{color:var(--mu)}
html[data-theme] .report-meta{color:var(--mu)}
html[data-theme] .page-title{color:var(--tx)}
html[data-theme] .filters select{background-color:var(--card)}
html[data-theme] .filters input[type="date"]{background-color:var(--card)}
html[data-theme] .kpi{color:var(--tx)}
html[data-theme] .toolbar .left label{color:var(--tx)}
html[data-theme] .toolbar .left span{color:var(--tx)}
html[data-theme] thead th{background-color:var(--card)}
html[data-theme] #data-table-section .entries-dropdown{background-color:var(--card)}
html[data-theme] #data-table-section .action-btn{background-color:var(--card)}
html[data-theme] #data-table-section .action-btn:hover{background-color:var(--card2)}
html[data-theme] #data-table-section .data-table{background-color:var(--card)}
html[data-theme] #data-table-section .data-table th{background-color:var(--card);color:var(--tx)}
html[data-theme] #data-table-section .data-table tbody tr:hover{background-color:var(--card2)}
html[data-theme] #data-table-section .view-btn{background-color:var(--card2);color:var(--mu)}
html[data-theme] #data-table-section .page-control{background-color:var(--card)}
html[data-theme] #data-table-section .page-number{background-color:var(--card)}
html[data-theme] .modal{background-color:var(--card)}
html[data-theme] .modal-title{color:var(--tx)}
html[data-theme] .close-x{background-color:var(--card)}
html[data-theme] .dl{border:1px solid var(--line);background-color:var(--card2)}
html[data-theme] .dl .k{color:var(--mu)}
html[data-theme] .dl .v{color:var(--tx)}
html[data-theme] .total-amount{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .controls-row{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .select{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] #tpTable tbody tr{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] #tpTable tbody tr td::before{color:var(--mu)}
html[data-theme] .pay-modal__dialog{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .pay-modal__header{border-bottom:1px solid var(--line)}
html[data-theme] .pay-modal__footer{border-top:1px solid var(--line)}
html[data-theme] .pay-modal__close{background-color:var(--card2)}
html[data-theme] .form-grid label{color:var(--tx)}
html[data-theme] .form-grid input[type="text"]{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .form-grid input[type="number"]{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .form-grid input[type="date"]{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .form-grid select{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .form-grid textarea{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .status--neutral{background-color:var(--card2);color:var(--tx)}
html[data-theme] #techTable .no-photo{background-color:var(--card2);color:var(--mu)}
html[data-theme] #techTable tbody tr{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] #techTable tbody td{border-bottom:1px dashed var(--line)}
html[data-theme] #techTable tbody td::before{color:var(--mu)}
html[data-theme] .action-inline .icon-text{background-color:var(--card2)}
html[data-theme] .technicians-section .form-item input[type="text"]{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .technicians-section .form-item input[type="email"]{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .technicians-section .form-item input[type="tel"]{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .technicians-section .form-item input[type="date"]{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .technicians-section .form-item select{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .technicians-section .form-item textarea{border:1px solid var(--line);background-color:var(--card);color:var(--tx)}
html[data-theme] .technicians-section .form-item input:focus{border-color:var(--ac)}
html[data-theme] .technicians-section .form-item select:focus{border-color:var(--ac)}
html[data-theme] .technicians-section .form-item textarea:focus{border-color:var(--ac)}
html[data-theme] #t_role{background-color:var(--card)}
html[data-theme] #t_role:disabled{background-color:var(--card2);color:var(--mu)}
html[data-theme] .tl-filters{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .tl-filters label{color:var(--mu)}
html[data-theme] .tl-filters input{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .tl-filters select{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .btn.gray{background-color:var(--card2);color:var(--tx)}
html[data-theme] .tl-slot-wrap{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .tl-slot-table thead tr{background-color:var(--card2)}
html[data-theme] .tl-slot-table th{color:var(--mu);border-bottom:1px solid var(--line)}
html[data-theme] .tl-slot-table td{border-bottom:1px solid var(--line)}
html[data-theme] .tl-slot-table .slot-label{color:var(--tx)}
html[data-theme] .slot-state.order{background-color:var(--card2);color:var(--tx)}
html[data-theme] .tl-create-form{background-color:var(--card);border:1px solid var(--line)}
html[data-theme] .tl-create-form label{color:var(--mu)}
html[data-theme] .tl-create-form input{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .tl-create-form select{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .tl-create-form textarea{border:1px solid var(--line);background-color:var(--card)}
html[data-theme] .muted{color:var(--mu)}