:root { --brand-gradient: linear-gradient(135deg, #8A7CFF, #6D5DF6); --brand-color-1: #8A7CFF; --brand-color-2: #6D5DF6; } /* Prevent overscroll */ html.ios-standalone, body.ios-standalone {overscroll-behavior-y: none;height: 100%;} /* Pull To Refresh */ #pull-to-refresh { position: fixed; top: 0; left: 0; right: 0; height: 0; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: transparent; transition: height 0.2s ease-out; z-index: 9999; } #pull-to-refresh .icon { background: #fff; padding: 8px; border-radius: 100%; } #pull-to-refresh .icon i { font-size: 20px; transition: transform 0.2s ease-out; color: #027BFF; } #pull-to-refresh.active { height: 80px; } .rotate-continuous { animation: rotate 1s linear infinite; } @keyframes rotate {from { transform: rotate(100deg); }to { transform: rotate(460deg); } } .switch { position: relative; display: inline-block; width: 40px; height: 20px; margin-right: 10px !important;min-width:40px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 20px; } .slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 3px; bottom: 3px; background-color: white; transition: .4s; border-radius: 50%; } input:checked + .slider { background:var(--brand-gradient) !important; } input:checked + .slider:before { transform: translateX(20px); } body > .select2-container {width: auto !important;} .position-relative{position:relative;} .position-relative input{padding-right:35px;} .position-relative .copy-btn {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);padding: 0;border: none;background: transparent;color: #25b525;transition:.3s;font-size: 18px;cursor: pointer;} .position-relative .copy-btn:hover {color: #1a811a;} #cookie-consent.show{display:flex !important;justify-content:center;align-items:center;min-height:30vh;} #cookie-consent {line-height:normal;box-shadow:0px 0px 32px rgb(0 0 0 / 0.8);color:#000;width: 100%;position: fixed;left: 0px;z-index: 99999;background: #fff;border-bottom: 1px solid rgba(195, 195, 195, 0.73);display: none;padding: 5px 0px;bottom: 0px;} #cookie-consent #accept {float: right;margin-top: 1px;margin-left: 10px;border:1px solid #1863dc;padding: 20px 41px;background:#1863dc;color: #fff;cursor: pointer;font-size:20px;transition:.3s;} #cookie-consent #accept:hover{background:#fff;color:#000 !important;} #cookie-inner {display: block;max-width: 90%;margin-left: auto;margin-right: auto;padding: 0px 0px;min-width: 200px;padding:40px 0;} #cookie-inner .cookie-title{font-size: 20px;margin-bottom: 20px;} #cookie-inner #cookie-text{display:flex;justify-content:space-between;align-items:center;} #cookie-inner #cookie-text span{font-weight:300;text-align:justify;font-size:17px;flex:1;} #cookie-consent .close_consent{cursor:pointer;position: absolute;right: 10px;top: 10px;font-family: Arial;font-weight: 500;border: 1px solid #919191;border-radius: 100%;width: 20px;height: 20px;font-size: 11px;color: #919191;display: flex;justify-content: center;align-items: center;} @media (max-width:991px) { #cookie-inner #cookie-text{flex-wrap:wrap;} #cookie-inner #cookie-text span{flex-basis:100%;} #cookie-consent #accept{margin:15px 0 0 0;flex-basis:100%;} } @media (max-width:991px) and (orientation:landscape){ #cookie-inner{padding:15px 0;} #cookie-inner #cookie-text span{font-size:14px;} #cookie-consent #accept{padding:10px 0;} } #column-left .bulina_column_left{margin-left:3px;color:#fff;position:absolute;top:4px;background:#ff0000;min-width:16px;height:16px;padding:0 3px;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;border-radius:8px;font-family:'Inter',sans-serif;font-size:10px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;} .hamburger { display: inline-block; position: relative; width: 30px; height: 20px; margin-bottom: -4px; } .hamburger span { display: block; position: absolute; height: 1px; background-color: #333; border-radius: 2px; transition: 0.3s ease; } .hamburger span:nth-child(1) { width: 30px; top: 0; } .hamburger span:nth-child(2) { width: 20px; top: 8px; } .hamburger span:nth-child(3) { width: 25px; top: 16px; } i{font-weight:300 !important;} i.fa-plus, i.fa-rotate{font-weight:900 !important;} i.fa-trash-o:before{content:"\f1f8";} i.fa-x, i.fa-check{font-weight:700 !Important;} /* Stilizare column-left */ @media (min-width:993px){ #column-left {top: 0 !important;padding-top: 0 !important;margin-top: 0 !important;border-top-right-radius: 15px;} } #column-left::-webkit-scrollbar{background-color:#f8f9fa;} #column-left::-webkit-scrollbar-thumb{background-color:#d1d1d1;} #column-left li{list-style:none !important;margin:0 !important;padding:0 !important;} #column-left li a{color:#fff !important;font-weight:500 !important;text-decoration:none !important;display:block !important;padding:10px 0px 10px 15px !important;border-radius:0 !important;transition:0.1s ease !important;} #column-left li ul{padding-left:15px !important;margin-top:5px !important;} #column-left li ul li{margin-bottom:5px !important;} #column-left li ul li a{padding-left:25px !important;font-size:14px !important;font-weight:500 !important;} #column-left li.li_children_1 a{color:#fff;} #column-left li a i{margin-right:10px !important;font-size:16px !important;} #column-left #menu .li_children_1:before{color:#6c757d;} #column-left li ul li.li_children_1.children_parent:hover{background:unset !important;} /* Final stilizare column left */ #reservationModal .float_and_width_form_group_first{margin-right:2% !important;width:48% !important;float:left !Important;} #reservationModal .float_and_width_form_group_second{width:50% !important;float:left !Important;} .widthmax{width:100% !Important;} #loading-bar { position: fixed; top: 0; left: 0; height: 2px; background: #007aff; width: 0%; z-index: 9999; transition: width 0.4s ease-out; opacity: 1; } .fade-out-loading-bar { opacity: 0; transition: opacity 0.3s ease; } .fieldset_captcha{justify-content:center;} fieldset{width:100%;display:flex;flex-wrap:wrap;border:0;margin:10px 2px;padding:0.35em 1.3em 0.75em;} fieldset:nth-child(1){margin:0 2px 0 2px !important;} fieldset:not(:first-child){margin:0 2px 0 2px !important;} fieldset legend{width:100% !important;border-bottom:1px solid #d8d8d8 !important;padding:0 5px !important;margin:0 !important;} fieldset input{max-width:300px !important;} button{outline:none !important;} form.form_cu_fieldset .table-responsive{background:#fff;width:100%;} form.form_cu_fieldset input{max-width:100% !important;min-width:140px;} form.form_cu_fieldset .div_secund_form_fieldset{display:flex;flex-wrap:wrap;} form.form_cu_fieldset .div_secund_form_fieldset .form-group{margin-right:1%;flex-basis:19%;} .form-group{position:relative;} .data_document .input-group-btn{position:absolute;top:0;right:0;} .data_document{position:relative;} .nume_societate_gestiune{font-weight:bold;} #menu .li_children_1{position:relative;} #menu .li_children_1 .children_1_link_adauga{transition:.3s;position:absolute;padding:10px !important;right:7px !important;background:transparent;} #menu .li_children_1:hover a.children_1_link_main{color:#fff;} #menu .li_children_1 .children_1_link_adauga:hover{color:#dadaec;} #menu li li a.children_1_link_adauga:before{content:"";margin:0 !important;} .formular_de_adaugare{margin-top:30px;} .formular_de_adaugare .panel-heading{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;} .formular_de_adaugare .anunt{padding:15px 15px 0;} .buton_x{width:20px;height:20px;padding:0;font-size:13px;} .tabel_lista_produse{padding:0 1.3em;} .last-table{margin:10px 0;} .last-table .view-row-td{width:50% !Important;} .last-table .view-row-td:nth-child(1){padding:2px 2px 2px 20px !important;} .view-row > .view-row-td:nth-child(1){width:3%;text-align:center;} .view-row > .view-row-td:nth-child(2){width:39%;} .view-row > .view-row-td:nth-child(3){width:18%;} .view-row > .view-row-td:nth-child(4){width:20%;} .view-row > .view-row-td:nth-child(5){width:20%;text-align:center;} .main-table{background:#071421;} .second-table .view-row-td{border:1px solid #e6e6e6;} .main-table .view-row-td{border: 1px solid #0c1f31;color:#fff;} .scrollable-table{background:#fff;height:200px;overflow:auto;position:relative;} .main-for-all-table{min-width:350px;width:100%;border:1px solid #c8c8c8;background:#efefef;} .scrollable-table::-webkit-scrollbar { position: absolute; width: 8px; margin-right: 1em; } .scrollable-table::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; } .scrollable-table::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 0; border-radius: 10px; } .view-table { display: table; width: 100%; } .view-row { display: table-row; } .view-row > div { display: table-cell; } .view-table .view-row .view-row-td { padding: 2px; } #pachet-cont, #pachet-cont-confirm{padding:0.35em 1.3em 0.75em;} #pachet-cont .nume-pachet{font-size:2rem;display:block;margin-bottom:10px;} #pachet-cont .nume-pachet > span{background:#071421;padding:0 5px;color:#fff;border-radius:5px;} #pachet-cont .expira-pachet > span{text-decoration:underline;} #pachet-cont .lista-pachete{font-size:1.4rem;margin-top:20px;display:flex;gap:20px;} #pachet-cont .lista-pachete .pachet{text-align:center;width:48%;max-width:350px;;background:#35a5e5;color:#fff;border-radius:20px;padding:14px;} #pachet-cont .lista-pachete .pachet .alege-nume-pachet span {font-size: 1.3rem;font-weight: bold;display: block;} #pachet-cont .lista-pachete .pachet .alege-nume-pachet{font-size:2rem;margin-bottom:5px;} #pachet-cont .lista-pachete .pachet .descriere-pachet i{color:#00ff00;} #pachet-cont .lista-pachete .pachet .pret-pachet{font-size:1.5rem;display: block;background: #286a8f;width: fit-content;margin: 15px auto 0px;padding: 12px 29px;border-radius: 6px;} #pachet-cont .lista-pachete .pachet .link-alege-pachet{margin-top:15px;font-size:1.6rem;} #pachet-cont .lista-pachete .pachet .link-alege-pachet > span.pachet-activ i{color:#00ff00;} #pachet-cont .lista-pachete .pachet .link-alege-pachet a{color:#fff;transition:.3s;} #pachet-cont-confirm .text-pachet-confirm{font-size:1.4rem;} #pachet-cont-confirm .butoane-pachet-confirm{display:block;margin-top:25px;} #pachet-cont-confirm .butoane-pachet-confirm .buton-inapoi{background:#f2f2f2;margin-right:30px;} #pachet-cont .lista-pachete .pachet .descriere-pachet{text-align:left;} .displayflex{display:flex;align-items:center;} .displayflex > label{margin:0;} .form-group .form-check{margin-left:6px;} .zile_ramase_header{border: none !important;margin-right: 5px;} .zile_ramase_header a{padding:0 !important;} .zile_ramase_header a span{padding: 6px;border-radius: 4px;} .reservation_page .pull-right > *{margin-right:5px;} .reservation_page .pull-right .buton_filtru{color: #333;background: #e7e7e7;border-color: #7f7f7f;} .images_be_conf_unit{display:flex;flex-wrap:wrap;} .images_be_conf_unit > .form-group{flex-basis:33.33%;padding:10px;} .shop_settings #logo-container img, .shop_settings #banner-container img{max-width:100px;} .images_be_conf_unit > .form-group .image-preview img{width:100px;max-width:100%;} footer{margin-bottom:25px;min-height:25px;} .contract-extra-options{width:100%;border:1px solid #ddd;padding:10px;border-radius:6px;margin-top:10px;background:#f9f9f9;display:block;} .contract-options-inline{display:flex;gap:10px;align-items:center;} .contract-options-inline label{margin:0;font-weight:normal;white-space:nowrap;} .contracte_lista tbody tr td[onclick*="openReservation"]{cursor: pointer;color: #28507b;font-weight: bold;} .mr-wrap{position:relative;}.mr-wrap .mr-timeline-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;}.mr-wrap .mr-timeline-wrap::-webkit-scrollbar{height:6px;}.mr-wrap .mr-timeline-wrap::-webkit-scrollbar-track{background:transparent;}.mr-wrap .mr-timeline-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px;}.mr-wrap .mr-timeline{display:grid;grid-template-columns:repeat(24,1fr);gap:6px;}@media(max-width:992px){.mr-wrap .mr-timeline{display:flex;gap:6px;min-width:720px;}}.mr-wrap .mr-hourbox{display:flex;width:100%;height:47px;position:relative;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:box-shadow .15s,transform .15s;}.mr-wrap .mr-hourbox:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);}.mr-wrap .mr-hourbox.mr-cur{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.15);}@media(max-width:992px){.mr-wrap .mr-hourbox{height:47px;}.mr-wrap .mr-timeline{padding:3px 0 6px 0;}}.mr-wrap .mr-hlabel{font-size:12px;font-weight:700;opacity:.85;}.mr-wrap .mr-num{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;border-radius:9999px;font-size:8px;font-weight:700;border:1px solid #e5e7eb;background:#fff;position:absolute;bottom:6px;}.mr-wrap .mr-num.ci{left:6px;background:#ecfdf5;border-color:#047857;color:#065f46;}.mr-wrap .mr-num.co{right:6px;background:#fef2f2;border-color:#991b1b;color:#7f1d1d;}.mr-wrap .mr-tip{position:fixed;z-index:9999;display:none;pointer-events:auto;background:#111;color:#fff;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.35;max-width:380px;box-shadow:0 12px 28px rgba(0,0,0,.32);}.mr-wrap .mr-tip-head{font-weight:700;margin-bottom:8px;}.mr-wrap .mr-ev{display:flex;gap:6px;align-items:center;width:100%;text-align:left;margin:5px 0;padding:6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.05);color:#fff;cursor:pointer;}.mr-wrap .mr-ev:hover{background:rgba(255,255,255,.1);}.mr-wrap .mr-ev-type{display:inline-block;min-width:26px;text-align:center;font-weight:700;border-radius:999px;padding:2px 6px;}.mr-wrap .mr-ev-type.ci{background:#059669;}.mr-wrap .mr-ev-type.co{background:#b91c1c;}.mr-wrap .mr-ev-time{font-weight:700;opacity:.95;}.mr-wrap .mr-ev-name{opacity:.92;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.mr-wrap .mr-noev{opacity:.75;}.mr-wrap .mr-hourbox.mr-past{background:#f9fafb;color:#9ca3af;}.mr-wrap .mr-hourbox.mr-past .mr-hlabel{opacity:.6;}.mr-wrap .mr-hourbox.mr-past .mr-num{opacity:.6;} #column-left .user-profile { display: flex; align-items: center; padding: 15px; background: #fff; border-bottom: 1px solid #eee; margin-bottom: 10px; } #column-left .user-profile .avatar { width: 45px; height: 45px; background: linear-gradient(135deg, #8A7CFF, #6D5DF6) !important; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 18px; margin-right: 12px; flex-shrink: 0; } #column-left .user-profile .avatar-img { width: 45px; height: 45px; border-radius: 50%; margin-right: 12px; object-fit: cover; flex-shrink: 0; } #column-left .user-profile .user-info { display: flex; flex-direction: column; overflow: hidden; } #column-left .user-profile .name { color: #333; font-weight: bold; font-size: 14px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #column-left .user-profile .label {color: #888;font-size: 12px;margin-top: 2px;text-align: left;padding: 5px 0 0 0;font-weight: 500;} #column-left ul#menu{padding:0 10px !important;} .ws-limit-panel{margin-bottom:20px;}.ws-limit-title{margin:0 0 12px 0;font-size:15px;font-weight:600;}.ws-limit-title .fa{color:#f0ad4e;margin-right:6px;}.ws-limit-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}.ws-limit-label{font-weight:500;}.ws-limit-value{font-weight:700;}.ws-limit-value small{font-size:11px;color:#5cb85c;font-weight:600;margin-left:4px;}.ws-limit-progress{margin-bottom:4px;height:10px;border-radius:6px;}.ws-limit-sub{color:#888;} .ws-cards-grid{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;}.ws-card{background:#fff;border:1px solid #ddd;border-radius:6px;width:calc(33.333% - 14px);box-shadow:0 1px 4px rgba(0,0,0,.06);transition:box-shadow .2s;}.ws-card:hover{box-shadow:0 3px 12px rgba(0,0,0,.12);}.ws-card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 10px 14px;border-bottom:1px solid #f0f0f0;}.ws-card-title{font-size:15px;font-weight:600;}.btn-ws-menu{background:none;border:none;cursor:pointer;padding:2px 8px;font-size:16px;color:#888;border-radius:4px;}.btn-ws-menu:hover{background:#f5f5f5;color:#333;}.ws-card-body{padding:12px 14px 14px 14px;}.ws-card-desc{color:#666;font-size:13px;margin:0 0 12px 0;min-height:18px;}.ws-card-meta{display:flex;justify-content:space-between;align-items:center;}.ws-meta-item{font-size:12px;color:#888;} @media(max-width:991px){.ws-card{width:calc(50% - 10px);}} @media(max-width:600px){.ws-card{width:100%;}} .ws-limit-bar{display:flex;justify-content:space-between;align-items:center;background:#eef2fa;border-radius:6px;padding:10px 16px;margin-bottom:18px;font-size:13px;} .ws-limit-bar-left{color:#5a7abf;font-weight:500;} .ws-limit-bar-left .fa{margin-right:6px;color:#f0ad4e;} .ws-limit-bar-right{color:#555;font-weight:600;} .session-type-form-wrap{padding:4px 2px;}.session-type-form-wrap .form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;} .st-location-btns{display:flex;gap:8px;flex-wrap:wrap;} .st-loc-btn{flex:1;min-width:100px;padding:10px 8px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:#555;transition:all .15s;} .st-loc-btn:hover{border-color:#337ab7;color:#337ab7;} .st-loc-btn.active{background:var(--brand-gradient) !important;;border-color:var(--brand-color-1);color:#fff;} .st-workstations-list{display:flex;flex-wrap:wrap;gap:8px;} .st-ws-checkbox{display:flex;align-items:center;gap:6px;background:#f7f7f7;border:1px solid #ddd;border-radius:4px;padding:6px 12px;cursor:pointer;font-weight:normal;margin:0;} .st-ws-checkbox input{margin:0;} .st-ws-checkbox:hover{background:#eef2fa;border-color:#b0bfdf;} .st-ws-checkbox input:checked + span{font-weight:600;color:#337ab7;} .st-schedule-header{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 14px;background:#f7f7f7;border:1px solid #e0e0e0;border-radius:6px;} #st_schedule_wrap .st-day-row{border-bottom:1px solid #f0f0f0;padding:8px 0;} #st_schedule_wrap .st-day-row:last-child{border-bottom:none;} #st_schedule_wrap .st-day-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;} #st_schedule_wrap .st-day-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;margin:0;min-width:95px;flex-shrink:0;} #st_schedule_wrap .st-day-toggle input[type=checkbox]{width:14px;height:14px;margin:0;cursor:pointer;} #st_schedule_wrap .st-day-label{font-size:13px;font-weight:600;color:#333;} #st_schedule_wrap .st-day-slots{display:flex;flex-direction:column;gap:6px;flex:1;} #st_schedule_wrap .st-slot-row{display:flex;align-items:center;gap:6px;} #st_schedule_wrap .st-slot-row .form-control{width:105px;height:32px;padding:4px 8px;font-size:13px;} #st_schedule_wrap .st-slot-sep{color:#aaa;font-size:14px;flex-shrink:0;} #st_schedule_wrap .st-slot-row .btn{min-height:32px;min-width:32px;height:32px;width:32px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;} #st_schedule_wrap .st-add-slot-btn{min-height:32px;min-width:32px;height:32px;width:32px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#555;border-color:#ccc;} @media(max-width:600px){#st_schedule_wrap .st-day-toggle{min-width:80px;}#st_schedule_wrap .st-slot-row .form-control{width:88px;font-size:12px;}} .cl-stats-grid{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap;} .cl-stat-card{flex:1;min-width:0;background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:16px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 4px rgba(0,0,0,.04);} .cl-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;} .cl-icon-blue{background:#e8f0fe;color:#3b6fd4;} .cl-icon-green{background:#e6f9f0;color:#2ea868;} .cl-icon-purple{background:#f3eefe;color:#7c4dff;} .cl-icon-orange{background:#fff4e5;color:#e67e00;} .cl-stat-value{font-size:20px;font-weight:700;line-height:1.2;} .cl-stat-label{font-size:12px;color:#888;margin-top:2px;} .cl-filter-bar{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:12px 16px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.04);} .cl-filter-search{flex:1;display:flex;align-items:center;gap:10px;} .cl-search-icon{color:#aaa;font-size:14px;} .cl-search-input{border:none;outline:none;width:100%;font-size:14px;background:transparent;color:#333;} .cl-search-input::placeholder{color:#aaa;} .cl-filter-select{flex-shrink:0;} .cl-select{border:1px solid #e0e0e0;border-radius:6px;padding:6px 12px;font-size:13px;color:#333;background:#fff;outline:none;cursor:pointer;} .cl-table-panel{background:#fff;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.04);} .cl-table-header{padding:16px 20px;border-bottom:1px solid #f0f0f0;} .cl-table-title{margin:0;font-size:15px;font-weight:600;color:#333;} .cl-table-title .fa{margin-right:8px;color:#888;} .cl-table-wrap{overflow-x:auto;} .cl-table{width:100%;border-collapse:collapse;} .cl-table thead th{padding:10px 16px;font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #f0f0f0;white-space:nowrap;background:#fafafa;} .cl-table tbody tr.cl-row{cursor:pointer;transition:background .15s;} .cl-table tbody tr.cl-row:hover{background:#f7f9ff;} .cl-table tbody td{padding:14px 16px;border-bottom:1px solid #f5f5f5;font-size:13px;vertical-align:middle;} .cl-table tbody tr:last-child td{border-bottom:none;} .cl-empty-row{text-align:center;padding:40px 20px !important;color:#888;font-size:14px;} .cl-empty-row .fa{margin-right:6px;color:#bbb;} .cl-client-cell{display:flex;align-items:center;gap:10px;} .cl-avatar{width:36px;height:36px;border-radius:50%;background:var(--brand-gradient, linear-gradient(135deg,#8A7CFF,#6D5DF6));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;} .cl-client-name{font-weight:600;color:#333;} .cl-client-sub{font-size:11px;color:#aaa;margin-top:1px;} .cl-contact-icon{color:#aaa;margin-right:6px;font-size:15px;} .cl-contact-icon:hover{color:#337ab7;} .cl-sessions-val{font-weight:600;color:#333;} .cl-revenue-val{font-weight:600;color:#2ea868;} .cl-muted{color:#aaa;} .cl-status-cell{display:flex;align-items:center;gap:8px;} .cl-status-label{font-size:12px;color:#666;} .cl-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #f0f0f0;} .cl-pagination-info{font-size:12px;color:#888;} #toastContainer{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;} #toastContainer .toast-msg{pointer-events:auto;text-align:left;} .toast-msg{background:#333;color:#fff;padding:12px 20px;border-radius:8px;font-size:13px;box-shadow:0 4px 12px rgba(0,0,0,.2);opacity:0;transform:translateY(10px);transition:all .25s;min-width:220px;max-width:420px;} .toast-msg.show{opacity:1;transform:translateY(0);} #toastContainer .toast-msg.show{display:flex !important;align-items:center;gap:10px;} .toast-msg .toast-txt{flex:1;min-width:0;} .toast-msg .toast-x{flex:none;width:26px;height:26px;margin:-4px -8px -4px 0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:18px;line-height:24px;text-align:center;cursor:pointer;} .toast-msg .toast-x:hover{background:rgba(255,255,255,.3);} .toast-msg.toast-success{background:#4caf50;} .toast-msg.toast-error{background:#e53935;} .cl-search-clear{color:#aaa;cursor:pointer;font-size:13px;padding:0 4px;}.cl-search-clear:hover{color:#e53935;} .cl-search-btn{border:none;background:#337ab7;color:#fff;border-radius:6px;padding:5px 14px;font-size:13px;cursor:pointer;white-space:nowrap;}.cl-search-btn:hover{background:#2a6099;} @media(max-width:991px){ .cl-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);}.cl-hide-mobile{display:none !important;} } @media(max-width:480px){.cl-filter-bar{flex-direction:column;align-items:stretch;}.cl-select{width:100%;}} .cf-wrap{padding:4px 2px;} .cf-client-header{display:flex;align-items:center;gap:12px;margin-bottom:30px;} .cf-avatar-lg{width:48px;height:48px;border-radius:50%;background:var(--brand-gradient,linear-gradient(135deg,#8A7CFF,#6D5DF6));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;flex-shrink:0;} .cf-client-header-name{font-size:17px;font-weight:700;color:#222;} .cf-client-header-sub{font-size:12px;color:#aaa;margin-top:2px;} .cf-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:35px;} .cf-stat-card{border:1px solid #eee;border-radius:8px;padding:12px;text-align:center;} .cf-stat-icon{font-size:18px;margin-bottom:4px;} .cf-stat-value{font-size:15px;font-weight:700;color:#222;} .cf-stat-label{font-size:11px;color:#aaa;margin-top:2px;} .cf-section{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:16px;margin-bottom:14px;} .cf-section.main{border:none;padding:0;} .cf-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;} .cf-section-title{margin:0;font-size:14px;font-weight:600;color:#333;} .cf-section-actions{display:flex;gap:8px;margin-top:15px;justify-content:flex-end;} .cf-field{margin-bottom:14px;} .cf-label{font-size:13px;font-weight:500;color:#555;margin-bottom:6px;display:block;} .cf-optional{font-size:12px;color:#aaa;font-weight:400;} .cf-input-wrap{position:relative;} .cf-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#aaa;font-size:14px;} .cf-input{width:100%;border:1px solid #e0e0e0;border-radius:8px;padding:10px 12px 10px 36px;} .cf-input:focus{border-color:#337ab7;} .cf-textarea{padding:10px 12px;min-height:80px;resize:vertical;} .cf-status-row{display:flex;gap:8px;margin-top:8px;margin-bottom:28px;margin-top:-10px;} .cf-status-btn{border:1px solid #ddd;background:#fff;border-radius:20px;padding:5px 16px;font-size:13px;cursor:pointer;transition:all .15s;} .cf-status-btn-active{background:#e6f9f0;border-color:#2ea868;color:#2ea868;font-weight:600;} .cf-status-btn-block{color:#e53935;} .cf-status-btn-blocked{background:#fdecea;border-color:#e53935;color:#e53935;font-weight:600;} .cf-empty-text{color:#aaa;font-size:13px;margin:0;} .cf-session-types-list{display:flex;flex-direction:column;gap:8px;} .cf-session-type-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9f9f9;border-radius:6px;font-size:13px;} .cf-session-type-name{font-weight:500;color:#333;} .cf-session-type-count{color:#888;font-size:12px;} .cf-reservations-list{display:flex;flex-direction:column;gap:0;} .cf-reservation-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0;} .cf-reservation-item:last-child{border-bottom:none;} .cf-reservation-left{display:flex;align-items:center;gap:10px;} .cf-reservation-icon{width:32px;height:32px;background:#f0f4ff;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#337ab7;font-size:14px;} .cf-reservation-name{font-size:13px;font-weight:600;color:#333;} .cf-reservation-meta{font-size:11px;color:#aaa;margin-top:2px;} .cf-reservation-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;} .cf-res-status{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600;} .cf-res-confirmed{background:#e0f0ff;color:#337ab7;} .cf-res-completed{background:#e6f9f0;color:#2ea868;} .cf-res-no_show{background:#fff4e5;color:#e67e00;} .cf-res-cancelled{background:#f5f5f5;color:#999;} .cf-res-price{font-size:12px;color:#888;} .cf-delete-wrap{text-align:left;margin-top:4px;} @media(max-width:600px){.cf-stats-grid{grid-template-columns:repeat(2,1fr);}.cf-section-header{flex-direction:column;align-items:flex-start;gap:10px;}.cf-section-actions{width:100%;justify-content:flex-end;}} .st-section{background:#fff;border:1px solid #e8e8e8;border-radius:10px;margin-bottom:20px;box-shadow:0 1px 4px rgba(0,0,0,.04);} .st-section-title{padding:16px 20px;font-size:15px;font-weight:600;color:#333;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:8px;} .st-section-title .fa{color:#888;} .st-section-body{padding:20px;} .st-day-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #f5f5f5;transition:opacity .2s;} .st-day-row:last-of-type{border-bottom:none;} .st-day-inactive{opacity:.45;} .st-day-name{width:90px;font-size:13px;font-weight:500;color:#333;flex-shrink:0;} .st-day-times{display:flex;align-items:center;gap:8px;} .st-time-input{height:38px;border:1px solid #e0e0e0;border-radius:6px;padding:6px 10px;font-size:13px;color:#333;outline:none;width:105px;transition:border .15s;} .st-time-input:focus{border-color:#337ab7;} .st-time-input:disabled{background:#f5f5f5;color:#bbb;} .st-time-sep{color:#aaa;flex-shrink:0;} .st-lunch-row{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0 8px 0;border-top:1px solid #f0f0f0;margin-top:8px;} .st-lunch-row .st-lunch-left{flex:1;} .st-lunch-title{font-size:13px;font-weight:600;color:#333;} .st-lunch-sub{font-size:12px;color:#aaa;margin-top:2px;max-width:420px;} .st-lunch-interval{display:flex;align-items:center;gap:8px;padding:8px 0 0 0;} .st-lunch-interval-label{font-size:13px;color:#555;width:60px;} .st-field{margin-bottom:20px;} .st-field:last-child{margin-bottom:0;} .st-label{font-size:13px;font-weight:600;color:#333;display:block;margin-bottom:8px;} .st-sub{font-size:12px;color:#aaa;display:block;} .ds-int-prices{align-items:flex-start;gap:12px;} .ds-int-prices .ds-int-text b{display:block;font-size:13px;font-weight:600;color:#111827;} .ds-int-prices .ds-int-text .st-sub{margin-top:3px;line-height:1.4;color:#6b7280;} .st-booking-mode-btns{display:flex;flex-direction:column;gap:8px;} .st-mode-btn{text-align:left;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;font-size:13px;color:#555;transition:all .15s;display:flex;align-items:center;gap:8px;} .st-mode-btn.active{background:#222;border-color:#222;color:#fff;font-weight:600;} .st-mode-btn:disabled{opacity:.5;cursor:not-allowed;} .st-badge-soon{background:#f0f0f0;color:#888;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500;} .st-mode-btn.active .st-badge-soon{background:rgba(255,255,255,.2);color:#fff;} .st-range-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;} .st-range-val{font-size:13px;font-weight:700;color:#337ab7;} .st-range{width:100%;accent-color:#337ab7;cursor:pointer;} .st-range-limits{display:flex;justify-content:space-between;font-size:11px;color:#aaa;margin-top:4px;} .st-notify-btns{display:flex;gap:0;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-top:8px;margin-bottom:6px;} .st-notify-btn{flex:1;padding:10px;border:none;background:#fff;cursor:pointer;font-size:13px;color:#555;transition:all .15s;border-right:1px solid #e0e0e0;} .st-notify-btn:last-child{border-right:none;} .st-notify-btn.active{background:#337ab7;color:#fff;font-weight:600;} .st-divider{border:none;border-top:1px solid #f0f0f0;margin:16px 0;} .st-toggle-row{display:flex;justify-content:space-between;align-items:center;} .st-toggle-row .st-toggle-info{flex:1;} .st-toggle-title{font-size:13px;font-weight:500;color:#333;} .st-toggle-sub{font-size:12px;color:#aaa;margin-top:2px;} .st-sms-vars{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;margin-top:4px;} .st-sms-var{background:#e8f0fe;color:#337ab7;border-radius:4px;padding:4px 10px;font-size:12px;cursor:pointer;font-weight:500;transition:all .15s;} .st-sms-var:hover{background:#337ab7;color:#fff;} .st-sms-textarea{margin-top:4px;font-size:13px;} .settings-page .st-msgs-fs{display:block;width:100%;margin:0;padding:0;border:0;min-width:0;} .settings-page .st-msgs.is-off .st-msgs-fs{opacity:.5;pointer-events:none;} .settings-page .st-msgs-off{display:flex;align-items:flex-start;gap:12px;margin:0 0 16px 0;padding:14px 16px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb;color:#92400e;} .settings-page .st-msgs-off > i{margin-top:2px;font-size:16px;} .settings-page .st-msgs-off > div{flex:1;min-width:0;} .settings-page .st-msgs-off b{display:block;font-size:14px;color:#78350f;} .settings-page .st-msgs-off p{margin:3px 0 0 0;font-size:13px;line-height:1.45;} .settings-page .st-msgs-off .btn{flex:0 0 auto;align-self:center;} .settings-page .st-msg-card{display:block;width:100%;box-sizing:border-box;margin:0 0 14px 0;padding:16px 18px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafb;} .settings-page .st-msg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 12px 0;} .settings-page .st-msg-info{flex:1;min-width:0;} .settings-page .st-msg-title{display:block;font-size:14px;font-weight:700;color:#111827;line-height:1.35;} .settings-page .st-msg-sub{display:block;margin-top:3px;font-size:12.5px;color:#6b7280;line-height:1.45;} .settings-page .st-msg-card .st-sms-vars{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px 0;} .settings-page .st-msg-card .st-sms-textarea{display:block;width:100%;margin:0;background:#fff;} .settings-page .st-msg-card .st-msg-select{display:block;width:100%;margin:0 0 12px 0;} .settings-page .st-sms-n{display:block;margin-top:6px;font-size:12px;color:#6b7280;text-align:right;} .settings-page .st-sms-n.is-long{color:#b45309;font-weight:600;} .settings-page .st-itp-days{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px 0;font-size:13px;color:#374151;} .settings-page .st-itp-days select.form-control{width:auto;min-width:70px;margin:0;} .settings-page .st-sms-warn{display:flex;width:100%;box-sizing:border-box;align-items:flex-start;gap:8px;margin-top:4px;padding:10px 14px;border-radius:10px;background:#fffbeb;color:#b45309;font-size:12.5px;line-height:1.45;} .settings-page .st-msgs .st-msg-card:last-of-type{margin-bottom:14px;} .st-export-row{display:flex;gap:12px;} @media(max-width:992px){.st-day-row{flex-wrap:wrap;gap:10px;justify-content:space-between;}.st-day-times{justify-content:space-between;margin-left:0;width:100%;}.st-export-row{flex-direction:column;}.st-notify-btns{flex-direction:column;}.st-notify-btn{border-right:none;border-bottom:1px solid #e0e0e0;}.st-notify-btn:last-child{border-bottom:none;}} input, textarea{background:#fff !important;max-width:100%;} select{background-color:#fff !important;max-width:100%;} .ac-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99999;align-items:center;justify-content:center;} .ac-overlay .ac-box{background:#fff;border-radius:12px;padding:24px;margin:20px;max-width:320px;width:100%;box-shadow:0 8px 32px rgba(0,0,0,.2);} .ac-overlay .ac-box .ac-message{font-size:15px;color:#333;margin-bottom:20px;line-height:1.5;text-align:center;} .ac-overlay .ac-box .ac-actions{display:flex;gap:10px;justify-content:center;} .ac-overlay .ac-box .ac-actions .ac-btn{flex:1;padding:10px 0;font-size:14px;} /* Blocked Days Calendar */ #bd_outer {display:flex;flex-direction:column;padding-bottom:0;} #bd_outer #bd_calendar_scroll {overflow-y:auto;} #bd_outer #bd_footer {flex-shrink:0;background:#fff;border-top:1px solid #e0e0e0;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;z-index:999;box-shadow:0 -2px 8px rgba(0,0,0,0.08);} #bd_outer #bd_count_label {font-size:14px;color:#555;font-weight:500;} #bd_outer #bd_calendar {padding-bottom:16px;} #bd_outer .bd-month {margin-bottom:32px;} #bd_outer .bd-month-title {font-size:16px;font-weight:700;color:#222;margin-bottom:12px;text-transform:capitalize;} #bd_outer .bd-grid {display:grid;grid-template-columns:repeat(7,1fr);gap:4px;} #bd_outer .bd-day-name {text-align:center;font-size:11px;font-weight:600;color:#999;padding:4px 0;} #bd_outer .bd-day {text-align:center;padding:10px 4px;border-radius:8px;font-size:14px;cursor:pointer;user-select:none;transition:background .15s,color .15s;} #bd_outer .bd-day.past {color:#ccc;cursor:default;} #bd_outer .bd-day.today {font-weight:700;color:#3498db;} #bd_outer .bd-day.selected {background:#222 !important;color:#fff !important;border-radius:8px;} #bd_outer .bd-day.selected.today {background:#222;color:#fff;} #bd_outer .bd-day:not(.past):not(.empty):hover {background:#f0f0f0;} #bd_outer .bd-day.selected:hover {background:#333;} .billing-page .bl-header {display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0f0f0;padding:15px;margin-bottom:16px;} .billing-page .bl-header .cl-table-title {margin:0 0 2px;} .billing-page .bl-subtitle {margin:0;color:#888;font-size:13px;} .billing-page .bl-filters {display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin-bottom:20px;padding:0 12px;} .billing-page .bl-filters .form-group {margin:0;flex:1;min-width:140px;} .billing-page .bl-filter-btn {height:40px;padding:0 20px;align-self:flex-end;} .billing-page .bl-filters input.form-control{height:40px !important;} .billing-page .cl-hide-desktop {display:none;} @media (max-width:767px) {.billing-page .cl-hide-mobile {display:none;} .billing-page .cl-hide-desktop {display:block;}} *{touch-action:manipulation;outline:none !important;} .form-group.fl{padding:0 !important;position:relative;margin-bottom:40px;} .form-group.fl .form-control{height:56px !important;padding:14px 12px !important;font-size:14px !important;} .form-group.fl textarea.form-control{height:unset !important;} .form-group.fl textarea.form-control{height:auto;padding-top:22px;} .form-group.fl label{position:absolute !important;left:12px !important;top:50% !important;transform:translateY(-50%);font-size:14px !important;color:#6c757d!important ;font-weight:500;background:#fff !important;padding:0 6px !important;pointer-events:none !important;transition:all .2s ease !important;z-index:2 !important;border-radius:4px !important;margin:0 !important;} .form-group.fl input:not(:focus)::placeholder{color:transparent;} .form-group.fl label.active{top:0 !important;font-size:14px !important;transform:translate(10px, -50%) !important;} .form-group.fl textarea ~ label{top:0 !important;transform:translate(10px, -50%) !important;} .form-group.fl input:focus + label{color:#007aff !important;} .row .col-xs-6:first-child{padding-right:4px !important;} .row .col-xs-6:not(:first-child){padding-left:4px !important;} input[type="time"],input[type="date"]{-webkit-appearance:none;appearance:none;width:100% !important;min-width:0 !important;text-align:center;display:flex;align-items:center;} .cf-tabs {border-bottom: 1px solid #d5d5d5;display: flex;margin-bottom: 16px;gap: 10px;} .cf-tab {background:#f5f7fb;flex: 1;border: none;padding: 10px 20px;font-size: 14px;color: #666;cursor: pointer;font-weight: 500;border: 1px solid #d5d5d5;border-bottom: 0;border-top-left-radius: 10px;border-top-right-radius: 10px;} .cf-tab.active {color:#337ab7;border-color:#337ab7;background:#fff;} .cf-tab-content {display:none;} .cf-tab-content.active {display:block;} .reservation_form{position:relative;} .reservation_form .rf-client-wrap{display:flex;gap:8px;align-items:flex-start;} .reservation_form .rf-client-input{position:relative;flex:1;} .reservation_form .rf-client-btn{height:56px;width:56px;padding:0;flex-shrink:0;background:#fff !important;color:#555 !important;border:1px solid #d1d1d1 !important;font-size:22px;font-weight:300 !important;} .reservation_form .rf-client-btn i{font-weight:300 !important;} .reservation_form .rf-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:0 0 8px 8px;z-index:999;max-height:200px;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.1);} .reservation_form .rf-suggestion-item{padding:10px 14px;cursor:pointer;font-size:13px;border-bottom:1px solid #f5f5f5;display:flex;flex-direction:column;} .reservation_form .rf-suggestion-item:last-child{border-bottom:none;} .reservation_form .rf-suggestion-item:hover{background:#f5f8ff;} .reservation_form .rf-suggestion-name{font-weight:600;color:#333;} .reservation_form .rf-suggestion-sub{font-size:11px;color:#aaa;margin-top:1px;} .reservation_form .rf-clear-client{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#aaa;cursor:pointer;font-size:13px;} .reservation_form .rf-clear-client:hover{color:#e53935;} .reservation_form .rf-search-loading{position:absolute;right:14px;top:19px;color:#696969;font-size:20px;} .reservation_form .rf-status-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;} .reservation_form .rf-status-btn{flex:1 !important;border-radius:12px;padding:0;cursor:pointer;font-size:13px;transition:all .15s;border:none;outline:none;height:33px;} .reservation_form .rf-type-tabs {display:flex;gap:8px;margin-bottom:38px;} .reservation_form .rf-type-tab {flex:1;padding:12px;border:2px solid #eee;border-radius:10px;background:#fff;font-size:14px;font-weight:600;color:#888;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px;} .reservation_form .rf-type-tab.active {border-color:#6D5DF6;color:#6D5DF6;background:#f5f3ff;} .reservation_form .rf-type-tab:hover:not(.active) {border-color:#ddd;background:#fafafa;} .reservation_form .rf-suggestion-blocked{display:inline-block;margin-left:7px;padding:1px 7px;border-radius:10px;font-size:10px;font-weight:700;background:#f8d7da;color:#c0392b;vertical-align:middle;} .reservation_form .rf-suggestion-note{display:block;font-size:11px;color:#e67e22;margin-top:2px;font-style:italic;} .rf-panel-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:99998;} .rf-panel{position:absolute;top:0;right:0;width:100%;height:100%;background:#fff;z-index:99999;display:flex;flex-direction:column;overflow:hidden;} .rf-panel-header{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;} .rf-panel-title{font-size:15px;font-weight:600;color:#333;} .rf-panel-close{background:none;border:none;font-size:22px;cursor:pointer;color:#888;line-height:1;padding:0;} .rf-panel-close:hover{color:#333;} .rf-panel-body{flex:1;overflow-y:auto;padding:20px;} .kalevo-select-wrap{width:100%;position:relative;display:flex;align-items:center;gap:8px;border:1px solid #e8e8e8;border-radius:8px;padding:0 10px;height:40px;background:#fff;flex:1;cursor:pointer;} .kalevo-select-wrap .kalevo-select-icon{color:#888;font-size:13px;flex-shrink:0;} .kalevo-select-wrap select{flex:1;border:none;outline:none;font-size:13px;font-weight:500;color:#333;background:transparent;height:100%;cursor:pointer;} .kalevo-select-wrap .kalevo-select-custom{display:none;flex:1;} .kalevo-select-wrap .kalevo-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;height:40px;font-size:13px;font-weight:500;color:#333;user-select:none;} .kalevo-select-wrap .kalevo-select-value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .kalevo-select-wrap .kalevo-select-arrow{font-size:11px;color:#999;transition:transform .2s;flex-shrink:0;} .kalevo-select-wrap.open .kalevo-select-arrow{transform:rotate(180deg);} .kalevo-select-wrap .kalevo-select-dropdown{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:100%;background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:9999;overflow:hidden;} .kalevo-select-wrap.open .kalevo-select-dropdown{display:block;} .kalevo-select-wrap .kalevo-select-item{padding:10px 14px;font-size:13px;color:#333;cursor:pointer;transition:background .1s;} .kalevo-select-wrap .kalevo-select-item:hover{background:#f5f8ff;} .kalevo-select-wrap .kalevo-select-item.selected{color:#337ab7;font-weight:600;background:#f0f6ff;} .kalevo-select-wrap select {min-width: 0;width: 100% !important;border: none !important;height: unset !important;} h1 i{padding-right:6px !important;} .cf-client-header .cf-client-header-name{display:flex;align-items:center;gap:8px;} .cf-client-header .rf-client-actions{display:flex;gap:9px;} .cf-client-header .rf-client-action-btn{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;font-size:13px;text-decoration:none;transition:opacity .2s;flex-shrink:0;} .cf-client-header .rf-client-action-btn:hover{opacity:.8;text-decoration:none;} .cf-client-header .rf-btn-call{background:#e8f4fd;color:#2196f3;} .cf-client-header .rf-btn-whatsapp{background:#e8f8ef;color:#25d366;} .cf-client-header .rf-client-actions .fa-phone{font-size:13px;} .cf-client-header .rf-client-actions .fa-whatsapp{font-size:16px;} .rf-view-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f0edff,#e8e3ff);border:1px solid #d4ccff;border-radius:10px;padding:10px 16px;margin-bottom:25px;} .rf-view-bar-left{display:flex;align-items:center;gap:8px;color:#6c5ce7;font-weight:600;font-size:13px;} .rf-view-bar-left i{font-size:15px;} .rf-view-edit-btn{background:#6c5ce7;color:#fff;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s;} .rf-view-edit-btn:hover{background:#5a4bd1;} .rf-view-mode .rf-type-tabs,.rf-view-mode #rfAddClientBtn,.rf-view-mode #rfClearClient{display:none;} .rf-view-details{margin-bottom:16px;} .rf-detail-row{display:flex;gap:12px;margin-bottom:12px;} .rf-detail-item{flex:1;background:#f8f7ff;border-radius:10px;padding:10px 14px;border:1px solid #ede9ff;} .rf-detail-label{font-size:11px;color:#9b8ec4;font-weight:600;text-transform:uppercase;margin-bottom:4px;} .rf-detail-value{font-size:14px;color:#2d2d2d;font-weight:500;} .rf-view-mode .form-group,.rf-view-mode .row{display:none;} .rf-view-mode .rf-reservation-only{margin:25px 0;} .rf-view-bar .rf-view-duplicate-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #d1d5db;background:#f9fafb;color:#6b7280;border-radius:8px;font-size:13px;cursor:pointer;} .rf-view-bar .rf-view-duplicate-btn:hover{background:#f3f4f6;color:#374151;} .cf-section-actions .btn{min-width:unset !Important;min-height:unset !Important;} .margin_bottom_twenty{margin-bottom:20px;} .dashboard-page .db-bottom-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;} .dashboard-page .db-plan-row {display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5;} .dashboard-page .db-plan-label {font-size:13px;color:#888;} .dashboard-page .db-plan-badge {background:#f0f0f0;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600;color:#333;} .dashboard-page .db-plan-value {font-size:13px;font-weight:600;color:#333;} @media(max-width:768px){.dashboard-page .db-bottom-grid{grid-template-columns:1fr;}} .dashboard-page .db-stats {margin-bottom:20px;} .dashboard-page .db-stats .cl-stat-value small {font-size:13px;font-weight:400;} .dashboard-page .db-panel-header {display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #f0f0f0;margin-bottom:0;gap:12px;} .dashboard-page .db-panel-title {font-size:15px;font-weight:700;color:#222;margin:0 0 2px;} .dashboard-page .db-panel-sub {font-size:12px;color:#888;} .dashboard-page .db-today-panel {margin-bottom:20px;} .dashboard-page .db-ws-label {font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;padding:12px 20px 6px 0;} .dashboard-page .db-res-row {cursor:pointer;} .dashboard-page .db-end-time {color:#aaa;font-size:12px;} .dashboard-page .db-chart-panel {margin-bottom:20px;padding-bottom:16px;} .dashboard-page .db-chart-controls {display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .dashboard-page .db-period-btns {display:flex;background:#f5f5f5;border-radius:8px;padding:3px;gap:2px;} .dashboard-page .db-period-btn {background:transparent;border:none;border-radius:6px;padding:4px 12px;cursor:pointer;font-size:12px;font-weight:500;color:#666;transition:all .15s;} .dashboard-page .db-period-btn.active {background:#fff;color:#222;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1);} .dashboard-page .rp-chart-bars--stretch {min-width:100%;} .dashboard-page .rp-chart-bars--stretch .rp-bar-wrap {flex:1;} .dashboard-page .rp-chart-bars--stretch .rp-bar {width:100%;max-width:48px;} .dashboard-page .rp-chart-bars--stretch .rp-bar-empty {width:100%;max-width:48px;} .dashboard-page .cl-hide-desktop {display:none;} .dashboard-page .cl-table tbody td{padding:14px 6px 14px 6px !important;} .dashboard-page .cl-table thead th{padding:14px 6px 14px 6px !important;} @media(max-width:992px) { .dashboard-page .db-bottom-grid .cl-table-panel{margin-bottom:0 !important;} .dashboard-page .cl-hide-mobile {display:none;} .dashboard-page .cl-hide-desktop {display:block;} .dashboard-page .db-panel-header {flex-wrap:wrap;} .dashboard-page .cl-table-panel{padding:20px 14px !important;} } .booking-page-admin .cl-status-badge {padding: 4px 11px;font-size: 11px;border-radius: 8px;} .booking-page-admin .bp-logo-upload-wrap {display:flex;flex-direction:column;gap:10px;} .booking-page-admin .bp-logo-dropzone {border:2px dashed #d1d5db;border-radius:10px;padding:24px;text-align:center;cursor:pointer;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:6px;} .booking-page-admin .bp-logo-dropzone i {font-size:28px;color:#9ca3af;} .booking-page-admin .bp-logo-dropzone small {font-size:11px;color:#9ca3af;} .booking-page-admin .bp-logo-browse {color:#6366f1;cursor:pointer;text-decoration:underline;} .booking-page-admin .bp-logo-preview {width:fit-content;position:relative;display:inline-block;max-width:200px;} .booking-page-admin .bp-logo-preview img {max-width:200px;max-height:100px;border-radius:8px;border:1px solid #e5e7eb;object-fit:contain;} .booking-page-admin .bp-logo-remove {position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:22px;height:22px;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;} .booking-page-admin .form-group.upload_logo label {color: #6c757d !important;font-size: 14px;font-weight: 500;} .booking-page-admin .form-group.upload_logo{margin-bottom:20px;} .booking-workstation-page .bw-color-wrap {display:flex;align-items:center;gap:10px;} .booking-workstation-page .bw-color-wrap input[type="color"] {width:44px;height:44px;border:none;border-radius:8px;cursor:pointer;padding:2px;} .booking-workstation-page .bw-color-wrap .form-control {flex:1;} .booking-workstation-page .cl-table-panel:not(:last-child){margin-bottom:30px;} .booking-workstation-page .bw-photo-upload-wrap {display:flex;flex-direction:column;gap:10px;} .booking-workstation-page .bw-photo-dropzone {border:2px dashed #d1d5db;border-radius:10px;padding:24px;text-align:center;cursor:pointer;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:6px;} .booking-workstation-page .bw-photo-dropzone i {font-size:28px;color:#9ca3af;} .booking-workstation-page .bw-photo-dropzone small {font-size:11px;color:#9ca3af;} .booking-workstation-page .bp-logo-browse {color:#6366f1;cursor:pointer;text-decoration:underline;} .booking-workstation-page .bw-photo-preview {width:fit-content;position:relative;display:inline-block;} .booking-workstation-page .bw-photo-preview img {width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb;} .booking-workstation-page .bp-logo-remove {position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:22px;height:22px;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;} .booking-workstation-page .form-group.upload_photo label {color:#6c757d !important;font-size:14px;font-weight:500;} .booking-workstation-page .form-group.upload_photo {margin-bottom:20px;margin-top:-25px;} /* Subscription */ .subscription-page .sub-terms-row{padding:0 20px;margin:15px 0 0 0;} .subscription-page .sub-terms-label{font-size:12px;color:#555;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:400;} .subscription-page .sub-terms-label a{color:#8b5cf6;} .subscription-page .sub-terms-error{display:block;font-size:11px;color:#e53935;margin-top:4px;} .subscription-page .sub-renewal-row{display:flex;align-items:center;gap:8px;margin-top:10px;} .subscription-page .sub-renewal-label{font-size:12px;color:#888;} .subscription-page .sub-renewal-btn{font-size:11px;} .subscription-page .sub-proration-box{background:#f8f6ff;border:1px solid #e8e0ff;border-radius:8px;padding:12px 16px;margin:12px 0 0 0;} .subscription-page .sub-proration-title{font-size:11px;font-weight:700;color:#8b5cf6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;} .subscription-page .sub-proration-amount{font-size:22px;font-weight:700;color:#222;} .subscription-page .sub-proration-hint{font-size:11px;color:#aaa;margin-top:3px;} .subscription-page .sub-slider-current-info{flex-basis:100%;font-size:12px;color:#888;border-radius:6px;padding-bottom:8px;margin-bottom:10px;line-height:1.5;} .subscription-page .sub-slider-current-info .fa{color:#8b5cf6;margin-right:5px;} .subscription-page .sub-status-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:20px;margin-bottom:20px;} .subscription-page .sub-status-left{display:flex;align-items:center;gap:14px;} .subscription-page .sub-status-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;} .subscription-page .sub-badge-success .sub-status-icon,.subscription-page .sub-status-icon{background:#f3eefe;color:#8b5cf6;} .subscription-page .sub-status-title{font-size:16px;font-weight:700;color:#222;} .subscription-page .sub-status-meta{margin-top:4px;} .subscription-page .sub-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:10px;} .subscription-page .sub-badge-success{background:#e6f9f0;color:#16a34a;} .subscription-page .sub-badge-warning{background:#fff8e1;color:#f59e0b;} .subscription-page .sub-badge-danger{background:#fdecea;color:#e53935;} .subscription-page .sub-card-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;background:#f8f8f8;border-radius:8px;padding:8px 14px;} .subscription-page .sub-card-brand{font-weight:600;text-transform:capitalize;} .subscription-page .sub-card-change{margin-left:8px;color:#8b5cf6;font-size:12px;text-decoration:underline;} .subscription-page .sub-main-grid{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start;} .subscription-page .sub-config-panel{padding:0 24px 24px 24px;} .subscription-page .sub-section-title{font-size:13px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;} .subscription-page .sub-plan-row{display:flex;justify-content:space-between;align-items:center;background:#f8f6ff;border:1px solid #e8e0ff;border-radius:10px;padding:14px 16px;} .subscription-page .sub-plan-name{font-size:15px;font-weight:700;color:#222;} .subscription-page .sub-plan-name .fa{color:#8b5cf6;margin-right:6px;} .subscription-page .sub-plan-desc{font-size:12px;color:#888;margin-top:3px;} .subscription-page .sub-plan-price{font-size:22px;font-weight:700;color:#8b5cf6;} .subscription-page .sub-plan-price span{font-size:12px;font-weight:400;color:#888;} .subscription-page .sub-slider-row{background:#fafafa;border:1px solid #f0f0f0;border-radius:10px;padding:14px 16px;} .subscription-page .sub-slider-labels{display:flex;justify-content:space-between;font-size:12px;color:#888;margin-bottom:8px;} .subscription-page .sub-slider{width:100%;accent-color:#8b5cf6;height:6px;} .subscription-page .sub-slider-info{font-size:13px;color:#555;margin-top:10px;display:flex;justify-content:space-between;align-items:center;} .subscription-page .sub-slider-price{font-size:12px;color:#8b5cf6;font-weight:600;} .subscription-page .sub-toggle-row{flex-wrap:wrap;display:flex;align-items:center;gap:12px;background:#fafafa;border:1px solid #f0f0f0;border-radius:10px;padding:14px 16px;} .subscription-page .sub-toggle-info{flex:1;} .subscription-page .sub-toggle-name{font-size:14px;font-weight:600;color:#222;} .subscription-page .sub-toggle-name .fa{color:#8b5cf6;margin-right:6px;} .subscription-page .sub-toggle-desc{font-size:12px;color:#888;margin-top:2px;} .subscription-page .sub-toggle-price{font-size:13px;color:#8b5cf6;font-weight:600;min-width:70px;text-align:right;} .subscription-page .sub-toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;} .subscription-page .sub-toggle-switch input{opacity:0;width:0;height:0;} .subscription-page .sub-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ddd;border-radius:24px;transition:.3s;} .subscription-page .sub-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;} .subscription-page .sub-toggle-switch input:checked + .sub-toggle-slider{background:#8b5cf6;} .subscription-page .sub-toggle-switch input:checked + .sub-toggle-slider:before{transform:translateX(20px);} .subscription-page .sub-summary-panel{} .subscription-page .sub-summary-title{font-size:15px;font-weight:700;color:#222;margin-bottom:16px;padding:20px 20px 0;} .subscription-page .sub-summary-lines{padding:0 20px;} .subscription-page .sub-summary-line{display:flex;justify-content:space-between;font-size:13px;color:#555;padding:6px 0;} .subscription-page .sub-summary-divider{border-top:1px solid #f0f0f0;margin:8px 0;} .subscription-page .sub-summary-total{font-size:15px;font-weight:700;color:#222;} .subscription-page .sub-summary-interval{font-size:11px;color:#aaa;text-align:right;margin-top:4px;} .subscription-page .sub-save-card-row{padding:14px 20px;border-top:1px solid #f0f0f0;margin-top:8px;} .subscription-page .sub-save-card-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;cursor:pointer;font-weight:400;} .subscription-page .sub-save-card-hint{font-size:11px;color:#aaa;margin-top:4px;margin-left:22px;} .subscription-page .sub-btn-activate{margin:16px 20px;width:calc(100% - 40px);padding:12px;font-size:14px;font-weight:600;} .subscription-page .sub-cancel-wrap{text-align:center;padding:0 20px 16px;} .subscription-page .sub-cancel-link{font-size:12px;color:#aaa;text-decoration:none;} .subscription-page .sub-cancel-link:hover{color:#e53935;} .subscription-page .sub-delete-card-option{margin-top:12px;font-size:13px;} .subscription-page .sub-proration-box{position:relative;} .subscription-page .sub-proration-loading::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.7);border-radius:8px;display:flex;align-items:center;justify-content:center;} .subscription-page .sub-proration-loading::before{content:'\f110';font-family:FontAwesome;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:#8b5cf6;z-index:1;animation:fa-spin 1s infinite linear;} .subscription-page .sub-summary-panel > .cf-section{padding:0 5px 10px 5px;} .subscription-page .sub-disclaimer{font-size:11px;color:#aaa;text-align:center;padding:12px 20px;line-height:1.6;} .subscription-page .sub-disclaimer .fa{color:#8b5cf6;margin-right:4px;} @media(max-width:992px){ .subscription-page .sub-main-grid{grid-template-columns:1fr;} .subscription-page .sub-status-bar{flex-direction:column;align-items:flex-start;} .subscription-page .sub-status-icon{display:none;} .subscription-page .sub-renewal-row{margin:21px 0 6px 0;} } /* End subscription */ .reservation_form .rf-history-wrap{margin:20px 0;} .reservation_form .rf-history-item{display:flex;gap:12px;border:1px solid #eee;border-radius:10px;padding:12px;margin-bottom:8px;} .reservation_form .rf-history-dot{width:10px;height:10px;border-radius:50%;background:#27ae60;margin-top:4px;flex-shrink:0;} .reservation_form .rf-history-action{font-weight:600;font-size:13px;margin-bottom:2px;} .reservation_form .rf-history-who{font-size:13px;color:#444;margin-bottom:2px;} .reservation_form .rf-history-date{font-size:12px;color:#999;} .reservation_form .rf-history-change{font-size:12px;color:#666;margin-top:4px;} .reservation_form .rf-dot-sms-sent{background:#2980b9;} .reservation_form .rf-dot-sms-failed{background:#e74c3c;} .reservation_form .rf-history-change > span {padding: 3px 5px;border-radius: 5px;} .rf-images-wrap{margin-bottom:24px;} .rf-images-wrap .image-title {font-size: 13px;letter-spacing: 0.5px;color: #6c757d;display: block;margin-bottom: 12px;margin-top: 25px;font-weight: 500;} .rf-images-wrap .rf-all-images{display:flex;gap:12px;} .rf-images-wrap .rf-image-slot{width:32%;padding:12px;border:1.5px dashed #e0e0e0;border-radius:10px;background:#fafafa;} .rf-images-wrap .rf-slot-label{font-size:11px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:0.4px;display:block;margin-bottom:8px;} .rf-images-wrap .rf-img-thumb {width: 100%;border-radius: 6px;display: block;cursor: pointer;margin-bottom: 8px;} .rf-images-wrap .rf-file-wrap{margin-top:4px;} .rf-images-wrap .rf-file-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0f0f0;border-radius:6px;cursor:pointer;font-size:12px;color:#666;margin:0;transition:background 0.2s;} .rf-images-wrap .rf-file-label:hover{background:#e8e8e8;} .rf-images-wrap .rf-file-label i{font-size:14px;color:#888;} .rf-images-wrap .rf-file-label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;} .rf-images-wrap .rf-delete-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#d9534f;cursor:pointer;margin-bottom:6px;} .rf-images-wrap #rfImageError{margin-top:8px;} .rf-images-wrap .rf-delete-img-btn{display:flex;align-items:center;gap:6px;font-size:12px;color:#d9534f;background:none;border:none;padding:4px 0;cursor:pointer;margin-top:6px;} .settings-page .st-colors-grid{display:flex;flex-wrap:wrap;gap:12px;} .settings-page .st-color-card{display:flex;flex-direction:column;align-items:center;gap:8px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:16px 20px;min-width:120px;} .settings-page .st-color-swatch{width:48px;height:48px;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,0.15);cursor:pointer;transition:transform .2s;} .settings-page .st-color-swatch:hover{transform:scale(1.1);} .settings-page .st-color-card-label{font-size:13px;font-weight:600;color:#374151;} .settings-page .st-color-hidden{position:absolute;opacity:0;pointer-events:none;width:0;height:0;} .settings-page .st-color-btn{background:none;border:1px solid #d1d5db;border-radius:6px;padding:4px 10px;font-size:12px;color:#6b7280;cursor:pointer;} .settings-page .st-color-btn:hover{background:#f3f4f6;color:#374151;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background:var(--brand-gradient, linear-gradient(135deg,#8A7CFF,#6D5DF6)) !important;border-color:#6D5DF6 !important;} .pagination > li > a, .pagination > li > span{color:#6D5DF6;} @media (max-width:992px){ /* Mobile */ .qf .rf2-footer .rf2-footer-row button.rf2-btn,.qf .rf2-footer .qf-print button.qf-print-btn,.kv-more button.kv-more-btn,.if-form .kv-footer button.kv-btn{height:38px;padding:0 10px;gap:5px;font-size:13px;} .qf .rf2-footer .qf-print button.qf-print-btn span{font-size:13px;} div.qt-cards{gap:8px;} .qt-cards a.qt-card{height:auto;min-height:44px;padding:6px 10px;flex-wrap:wrap;gap:0 8px;} .qt-cards .qt-card span.qt-card-label{flex:1 1 100%;font-size:12px;} .quotes-page .qt-st span.qt-chip{height:auto;min-height:24px;padding:4px 6px;white-space:normal;line-height:1.2;} .qt-cards .qt-card .qt-card-n{font-size:15px;} .insp .insp-media div.insp-photos{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;} #toastContainer{top:calc(12px + env(safe-area-inset-top,0px));left:12px;right:12px;transform:none;align-items:center;pointer-events:none;} #toastContainer .toast-msg{width:auto;max-width:100%;box-sizing:border-box;pointer-events:auto;} #reservationModal #rfClientPanel{width:90%;margin:0 auto;top:30px;left:5%;right:5%;bottom:auto;border-radius:20px;height:auto;max-height:calc(100dvh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch;display:block} #reservationModal #rfClientPanel #rfClientPanelBody .cf-wrap{margin-bottom:0 !important;} #reservationModal #rfClientPanel #rfClientPanelBody .cf-section.main{margin-bottom:0 !important;} #reservationModal #rfClientPanel .cf-section .form-group.fl:nth-last-child(2){margin-bottom:10px} #reservationModal .modal-body{position:initial!important} .cl-pagination{flex-wrap:wrap;gap:10px;} .cl-pagination-info{flex-basis:100%;} .dashboard-page .cl-stat-card{flex-direction:column;justify-content:center;} .dashboard-page .cl-stat-card .cl-stat-right{display: flex;flex-direction: column;align-items: center;} .dashboard-page .cl-stat-card .cl-stat-right .cl-stat-value{font-size:18px;} .settings-page .st-color-card{min-width:calc(50% - 6px);flex:0 0 calc(50% - 6px);} .booking-page-admin .public_link .st-section-body > .input-group{display:flex;flex-wrap:wrap;} .booking-page-admin .public_link .st-section-body > .input-group .input-group-btn{display: flex;justify-content: flex-start;width: 100%;margin-top: 14px;gap: 15px;} .booking-page-admin .public_link .st-section-body > .input-group .input-group-btn #bpCopyUrl{margin:0 !important;} .sms_log .cl-stats-grid{grid-template-columns:auto !important;} .reservation_form .rf-status-btn{font-size:11px;} .reservation_form .rf-status-btns{padding:10px 5px;gap:3px;} #reservationModal .modal-body{padding:10px;} #content{padding-bottom:20px !important;} .billing-page .bl-filters{flex-wrap:nowrap !important;gap:6px !important;} .billing-page .bl-filters .form-group{flex:1 !important;min-width:0 !important;margin-bottom:0 !important;} .billing-page .bl-filters .form-group .form-control{font-size:12px !important;padding:4px 6px !important;height:36px !important;} .billing-page .bl-filters .form-group label{font-size:11px !important;} .billing-page .bl-filters .bl-filter-btn{flex-shrink:0 !important;width:auto !important;height:36px !important;padding:0 10px !important;font-size:12px !important;} .cf-wrap{margin-bottom:20px;} #content.dashboard-page {margin-top: 25px;} .page-header h1{font-size:25px !important;} #column-left {position: fixed !important;width: 350px !important;max-width: 70vw !important;transform: translateX(-105%);transition: .2s !important;left:0 !important;top:0 !important;padding-bottom:30px;} #column-left.active{transform:translateX(0);} #column-left.active + #content, #column-left.active + #content + #footer{left:unset !important;} header{background:#fff;border-bottom:1px solid #dfdfdf !important;} .myrentals-info-alert{flex-wrap:wrap;} .myrentals-info-alert .info-content{flex-basis:100%;} .myrentals-info-alert .info-icon{display:none !important;} .myrentals-info-alert .info-title:before {content: "\f05a";font-family: "Font Awesome 6 Pro";background: #2f80ed;color: #fff;font-weight: 300;padding: 9px;border-radius: 100%;margin-right: 8px;} #column-left{border-right: none !important;} #filtru-contracte, #filtru-program{padding:0 !important;} .padding_mobile_zero_left_right{padding-left:0 !important;padding-right:0 !important;} .zile_ramase_header{position:absolute !important;right:47px !important;} .unit-configure .price-item.flex-justify-space-between > .form-group{border:none;} .width_max_mobile{width:100% !important;} .locatii_preluare_predare .col-md-5, .echipamente_optionale .row > div {margin-bottom: 15px;} .locatii_preluare_predare .button_new_location button, .echipamente_optionale button#add-equipment{width:100%;margin-top:10px;} .price-item.flex-justify-space-between {display: flex;flex-wrap: wrap;justify-content:space-between;} .price-item.flex-justify-space-between > .form-group{width:48%;} .price-item.flex-justify-space-between hr{width:100%;} .price-item.flex-justify-space-between button.remove-price{margin:0 0 0 auto;} .images_be_conf_unit{gap:10px;} .images_be_conf_unit > .form-group{margin-bottom:30px;flex-basis:calc(50% - 10px) !important;text-align:center;border:none;} .images_be_conf_unit > .form-group .image-preview {display: flex;flex-direction: column;align-items: center;justify-content: space-between;height: 100%;} #header > .container-fluid{display:flex;align-items:center;} #header > .container-fluid > #header-logo{order: 2;flex: 1;display: flex;justify-content: center;position: absolute;width: 100%;margin: 0 !important;} #header > .container-fluid > #header-logo a{display:flex;justify-content:center;align-items:center;} #header > .container-fluid > #header-logo a img{max-height:85%;} #header > .container-fluid > #button-menu{order: 1;} #header > .container-fluid > .navbar-nav{order:3;} #header > .container-fluid > .navbar-nav li a{font-size:0;display:flex;} #header > .container-fluid > .navbar-nav li a:after{content:"\f007";font-family:'Font Awesome 6 Pro';font-size:20px;} #header .navbar-right > li, header #button-menu, #header .navbar-header{border:none;} .page-header h1{font-size:28px;} body.column_left_active #content:after {content: '';background: rgba(0, 0, 0, 0.7);width: 100vw;position: fixed;height: 100%;z-index: 98;top: 0;left: 0;} #column-left li a{transition:none !important;} form#reservationForm .modal-footer, #unitModal .modal-footer{margin-bottom:30px;} .panel_body_filtru_rezervari > .col-md-4{width:100%;padding:15px 0;} #filtru-rezervari{display:none;padding:0 !important;} #filtru-rezervari.afisare_pe_mobil{display:block;} .max-width{width:100% !important;} #filtru-rezervari .form-group, #filtru-rezervari .form-group #button-filter{width:100% !important;} #filtru-rezervari .afiseaza_toate_masinile_filtru label{width:100%;text-align:center;} .panel_body_filtru_rezervari{flex-direction:column;} a.btn.btn-primary.reload_button {background:#1874a5 !important;height: 30px;width: 30px;display: flex;justify-content: center;align-items: center;padding: 0 !important;margin-right: 8px;color: #fff !important;font-size: 11px;} #filtru-facturi{padding:0 !important;} .formular_de_adaugare .panel-heading{display:flex;flex-wrap:wrap;justify-content:space-around;} .formular_de_adaugare .panel-heading .pull-right{margin:10px 0;} .nomobile{display: none !Important;} #pachet-cont .lista-pachete{flex-wrap:wrap;} #pachet-cont .lista-pachete .pachet{flex-basis:100%;margin-bottom:20px;} .table-responsive.new_version > table{border:none !important;overflow:visible !important;} .table-responsive.new_version thead{display:none;} .table-responsive.new_version tbody tr{display:block;border:1px solid #e9ecef;border-radius:10px;padding:10px;background:#fff;} .table-responsive.new_version tbody tr:not(:last-child){margin-bottom:25px;} .table-responsive.new_version tbody td{white-space:normal !important;display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;padding:6px 0;font-size:13px;border-right:none !important;} .table-responsive.new_version tbody td:not([data-label]){display:none;} .table-responsive.new_version tbody td:before{content:attr(data-label);white-space:nowrap;} .table-responsive.new_version tbody td.before-grey:before{color:grey;} .table-responsive.new_version tbody td.text-center{text-align:left;} .table-responsive.new_version tbody td .btn{flex:1;} .table-responsive.new_version tbody td[data-label]:last-of-type{border-bottom:none !important;} } @media (max-width:992px) and (orientation:portrait){ .nume_societate_gestiune{font-size:2.5vw;} form.form_cu_fieldset fieldset{justify-content:center;} .pull-right .btn{font-size:3vw !important;} form.form_cu_fieldset .div_secund_form_fieldset .form-group{flex-basis:100% !important;margin-right:0;} } @media (max-width:992px) and (orientation:landscape){ form.form_cu_fieldset fieldset{justify-content:space-between;} form.form_cu_fieldset .div_secund_form_fieldset .form-group{flex-basis:49% !important;margin-right:0;} } /* Table border radius */ .table-responsive{border:none !important;} .table-responsive table {border-radius:12px!important; border:1px solid #ddd!important; border-collapse:separate!important; overflow:hidden!important;} .table-responsive td,.table-responsive th {border:none!important; border-bottom:1px solid #eee!important; border-right:1px solid #eee!important; background:#fff!important;} .table-responsive tr td:last-child,.table-responsive tr th:last-child {border-right:none!important;} .table-responsive::-webkit-scrollbar {display: none; } @media (min-width:993px){ /* Desktop */ #reservationModal #rfClientPanel{width: 90%;margin: 0px auto;inset: 10%;max-height: 80%;border-radius: 20px;height: fit-content;display: flex;left: 5%;right: 5%;top: 65px;} #reservationModal .modal-body{position:initial !important;} .cal-toolbar{gap:22px;} .cal-toolbar > *{position:relative;} .cal-toolbar > *:not(:last-child)::after{content:'';position:absolute;width:1px;height:30px;background:#d5d5d5;top:5px;right:-12px;} .cal-card .cal-card-toolbar .kalevo-select-wrap{min-width:135px;} .cal-card-toolbar .cal-today-btn{min-width:135px;} body{padding-top:25px;} header{display:none !important;} #pachet-cont .facturare-text {order:2;flex:1;} .images_be_conf_unit > .form-group .image-preview button.remove-image{margin-left:5px;} #price-container .price-item button.btn-sm.remove-price{align-self:center;} .locatii_preluare_predare .location-item > .row, .echipamente_optionale .location-item > .row{display:flex;align-items:center;} .flex-justify-space-between{display:flex;justify-content:space-between;align-items:flex-start;} #pachet-cont .lista-pachete .pachet{display:flex;flex-direction:column;} #pachet-cont .lista-pachete .pachet .descriere-pachet{flex:1;} header #header-logo > a{display:flex;justify-content:center;align-items:center;width:100%;margin:0 !important;padding:4px !important;} header #header-logo > a img{max-width:100%;max-height:100%;} .fc-toolbar.fc-header-toolbar{display:flex;align-items:center;} #filtru-rezervari .form-group #button-filter{width:100% !important;} #filtru-rezervari{display:block !important;} .panel_body_filtru_rezervari{flex-direction:column;} .panel_body_filtru_rezervari > .col-md-4{width:100%;padding:15px 0;} .nodesktop{display:none !important;} form#form_adauga_nir label{font-size:0.9em !important;} .form-group-adauga-nir{flex-basis:14.5% !important;} .form-group-adauga-nir:last-child{flex-basis:1% !important;} .form-group + .form-group{border:0;} form#form_adauga_produs.form_cu_fieldset .div_secund_form_fieldset fieldset > .form-group{flex-basis:49% !important;} .table-responsive table{border-radius:4px !important;border:none !important;} .table-responsive table thead tr{background:#f8f9fa !important;color:#666 !important;} .table-responsive table thead tr th{font-weight:600 !important;} .table-responsive table thead tr th, .table-responsive table tbody tr td{background:unset !important;padding:13px 5px !important;border-right:0 !important;} .table-responsive table tbody tr{background:#fff !important;transition:box-shadow .2s ease,transform .2s ease,background .2s ease;} .table-responsive table tbody tr:hover{transform: translateY(-2px);box-shadow: 0 8px 24px rgba(0, 0, 0, .08);background:#fff !Important;} } @media (min-width:993px) and (max-width:1399px) { .lista_domenii_ag #filtru-facturi, .lista_facturi_fiscale_ag #filtru-facturi{left:0 !important;padding:0 !important;width:100% !important;} .lista_domenii_ag #filtru-facturi form .panel-body{display:flex;align-items:flex-end;} .lista_domenii_ag #filtru-facturi form .form-group{width:32% !important;float:left;} .lista_domenii_ag #filtru-facturi form .form-group:not(:first-child){margin-left:2%;} .lista_facturi_fiscale_ag #filtru-facturi form .panel-body{display:flex;align-items:flex-end;flex-wrap:wrap;} .lista_facturi_fiscale_ag #filtru-facturi form .form-group{width:32% !important;float:left;} .lista_facturi_fiscale_ag #filtru-facturi form .form-group:not(:first-child){margin-left:2%;} .lista_facturi_fiscale_ag #filtru-facturi form .form-group:nth-child(4n){margin-left:0;} .lista_domenii_ag .container-fluid > .zero_padding, .lista_facturi_fiscale_ag .container-fluid > .zero_padding{width:100% !important;right:0 !important;} } @media (orientation:portrait) and (max-width:550px) and (min-width:400px) { .fc-basic-view .fc-body .fc-row{padding-bottom:2px;height:54px;} .fc-row .fc-content-skeleton tbody td:not(.fc-event-container){padding:4px;} } @media (orientation:portrait) and (max-width:399px){ .fc-basic-view .fc-body .fc-row{padding-bottom:2px;height:52px;} .fc-row .fc-content-skeleton tbody td:not(.fc-event-container){padding:3px;} } body{font-family: 'Montserrat', sans-serif !important;} .page-header h1{font-family: 'Montserrat', sans-serif !important;font-weight:400 !important;} #column-left li a{font-family: 'Montserrat', sans-serif !important;} .erori_formular, .erori_adaugare_produs{position:absolute;bottom:-2px;font-weight:bold;color:red;} .list_pagination, .list_results{padding:0 !important;} .zero_padding{padding:0 !important;} .domeniu_din_lista_fact_agn{display:flex;align-items:center;} .domeniu_din_lista_fact_agn .proforma_icon{height:11px;position:relative;margin-left:10px;background: #f5a623;color: #fff;font-size: 8px;padding: 0 5px 0 0;} .domeniu_din_lista_fact_agn .proforma_icon:before{border-right:8px solid #f5a623;content: '';display: inline-block;position: absolute;top: 0;left: -8px;width: 0px;height: 0;border-top: 5px solid transparent;border-bottom: 6px solid transparent;} .domeniu_din_lista_fact_agn .fiscala_icon{height:11px;position:relative;margin-left:10px;background: #3eb63e;color: #fff;font-size: 8px;padding: 0 5px 0 0;} .domeniu_din_lista_fact_agn .fiscala_icon:before{border-right:8px solid #3eb63e;content: '';display: inline-block;position: absolute;top: 0;left: -8px;width: 0px;height: 0;border-top: 5px solid transparent;border-bottom: 6px solid transparent;} .reservation_page .modal-header, #unitModal .modal-header{display:flex;} .reservation_page .modal-header .modal-title, #unitModal .modal-header .modal-title{flex:1;font-size:20px;} .reservation_page .modal-header .close, #unitModal .modal-header .close{font-size:35px;} .page-header{border:none;} .deleteReservationBtn.delete_on_modal, .deleteUnitBtn.delete_on_modal{float:left;} .raport_itp_rca_roviniete td{width:50%;} input[type="date"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; display: flex; align-items: center; } input::-webkit-date-and-time-value { text-align: left; } .select2-container { width: 100% !important; } .select2-container .select2-selection--single { height: 36px !important; display: flex !important; align-items: center !important; border: 1px solid #e3e3e3 !important; border-radius: 10px !important; background-color: white !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 12px !important; color: #495057 !important; line-height: normal !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100% !important; right: 10px !important; top: 0 !important; display: flex !important; align-items: center !important; } .panel_body_filtru_rezervari{display:flex;align-items:center;} .panel_body_filtru_rezervari .afiseaza_toate_masinile_filtru{flex:1;} .capitalize{text-transform:capitalize !important;} .text_align_justify{text-align:justify !important;} .sterge_buletin{color:red;cursor:pointer;} #previewBuletin{margin-left:10px;max-width: 50px; cursor: pointer; border: 1px solid #ddd;} .flex_align_center{display:flex;align-items:center;} .zile_ramase_header > a{font-size:13px !important;line-height:normal !important;padding: 6px !important;cursor: default;border-radius: 5px;} .zile_ramase_header > a:after{display:none !important;} .form-group input[type="radio"] {display: none;} .form-group input[type="radio"] + label {display: inline-flex;align-items: center;justify-content: center;min-width: 50px;margin: 5px;border: 2px solid #ebebeb;border-radius: 5px;text-align: center;font-size: 12px;cursor: pointer;transition: border-color 0.1s ease;user-select: none;padding:2px 12px;} .form-group input[type="radio"]:checked + label{border-color: #000;} .form-group input[type="radio"] + label:hover {border-color: #000;} .min_width_60{min-width:70px;} .height-width-fit-content{height:fit-content !important;} .form_group_signature_pad { width: 100%; } .form_group_signature_pad canvas { border: 2px dashed #007BFF; border-radius: 5px; box-shadow: 0 4px 8px rgba(0,0,0,.1); margin-bottom: 20px; width: 100%; max-width: 500px; height: auto; display: block; } @media (max-width: 768px) { .form_group_signature_pad canvas { max-width: 100%; } } .form_group_signature_pad label { display: block; } .form_group_signature_pad button#clear-signature { border-radius: 8px; background-color: #dc3545 !important; border: none; box-shadow: 0 4px 6px rgba(0,0,0,.1); padding: 10px 13px; font-weight: bold; font-size: 15px; transition: .3s; } .form_group_signature_pad button#clear-signature:hover { background-color: #a71d2a !important; } form#reservationForm,form#unitForm{display:flex;flex-wrap:wrap;align-content:flex-start;} form#reservationForm .alert,form#unitForm .alert{flex-basis:100%;flex-shrink:0;} form#reservationForm .form-group,form#unitForm .form-group{flex-basis:100%!important;float:unset!important;width:unset!important;flex-shrink:0;} form#reservationForm .form-group.float_and_width_form_group_first,form#unitForm .form-group.float_and_width_form_group_first{flex-basis:48%!important;flex-shrink:0;} form#reservationForm .form-group.float_and_width_form_group_second,form#unitForm .form-group.float_and_width_form_group_second{flex-basis:50%!important;flex-shrink:0;} form#reservationForm .modal-footer,form#unitForm .modal-footer{flex-basis:100%;flex-shrink:0;} form#unitForm{align-items:flex-start;align-content:flex-start;height:fit-content;} #reservationModal button.close{font-size:26px;font-weight:bold;} #pachet-cont .facturare-info-box {border-radius:12px;margin-bottom:20px;} #pachet-cont .facturare-titlu {margin-bottom:10px;font-size:18px;} #pachet-cont .facturare-content {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;} #pachet-cont .facturare-text {margin:0;font-size:15px;} #pachet-cont .facturare-buton {background-color:#28a745;color:#fff !important;padding:8px 16px;border-radius:20px;text-decoration:none;font-weight:500;transition:background-color 0.2s;} #pachet-cont .facturare-buton:hover {background-color:#218838;} /* Varianta noua */ .free-day { background: linear-gradient(135deg, #5cb85c 0%, #489848 100%) !important; color: #fff !important; } .past-occupied-day { background: linear-gradient(135deg, #f0ad4e 0%, #e19734 100%) !important; color: #fff !important; } .occupied-day { background: linear-gradient(135deg, #d9534f 0%, #c14440 100%) !important; color: #fff !important; } * { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; background: #f8f9fa !important; color: #1d1d1f !important; font-weight: 400 !important; line-height: 1.6 !important; } .page-header h1 { font-family: 'SF Pro Display', 'Inter', sans-serif !important; font-size: 30px; font-weight: 700 !important; color: #1d1d1f !important; margin-bottom: 8px !important; letter-spacing: -0.02em !important; } .btn { border-radius: 12px !important; border: none !important; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; letter-spacing: -0.01em !important; } .cf-wrap .btn{min-height:45px;min-width:45px;} .page-header .btn:not(.btn-sm) { padding: 10px 20px !important; font-weight: 500 !important; font-size: 15px !important; } .btn-sm { padding: 4px 13px !important; } .btn-primary{background:#000 !important;} .pull-right .btn-primary { background: linear-gradient(135deg, #8A7CFF, #6D5DF6) !important; color: #ffffff !important; box-shadow: 0 4px 20px rgba(0, 122, 255, 0.3) !important; } .btn-default{border:1px solid #dddddd !important;} .btn:hover { transform: translateY(-2px) !important; } .addReservationBtn { background: linear-gradient(135deg, #34c759, #2db653) !important; border: none !important; border-radius: 12px !important; padding: 12px 20px !important; color: #ffffff !important; font-weight: 500 !important; box-shadow: 0 4px 20px rgba(52, 199, 89, 0.3) !important; transition: all 0.2s ease !important; } .addReservationBtn:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 30px rgba(52, 199, 89, 0.4) !important; } .form-control { border: 1px solid rgba(0, 0, 0, 0.1) !important; border-radius: 12px !important; font-size: 15px !important; font-weight: 400 !important; transition: all 0.2s ease !important; background: #ffffff !important; } .form-control:focus { border-color: #007aff !important;outline: none !important; } select.form-control { appearance: none !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e") !important; background-position: right 12px center !important; background-repeat: no-repeat !important; background-size: 16px !important; padding: 0 10px !important; } .panel{background:#ffffff!important;border:none!important;border-radius:20px!important;box-shadow:0 4px 40px rgba(0,0,0,0.08)!important;margin-bottom:24px!important;overflow:hidden!important;} .panel-heading{background:#f8f9fa!important;border-bottom:1px solid rgba(0,0,0,0.06)!important;padding:20px 24px!important;} .panel-title{font-size:16px!important;font-weight:600!important;color:#1d1d1f!important;margin:0!important;} ::-webkit-scrollbar{width:8px!important;} ::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:4px!important;} ::-webkit-scrollbar-thumb{background:#d1d1d6!important;border-radius:4px!important;} ::-webkit-scrollbar-thumb:hover{background:#a1a1a6!important;} #column-left{background:#fff!important;border:1px solid #e9ecef;overflow-y:auto!important;} #navigation{display:none!important} #menu{list-style:none!important;padding:0!important;margin:0!important;background:transparent!important} #menu li{border:none!important;margin:0!important;background:transparent!important} #menu li a{border-radius:8px !important;color:#495057!important;text-decoration:none!important;font-size:14px!important;font-weight:500!important;border:none!important;background:transparent!important;transition:all 0.2s ease!important} #menu li > a:hover{background:#e9ecef!important;transform:none!important} #menu li ul li.active > a{color:#fff!important;} #menu li a i{font-size:16px!important;margin-right:12px!important;width:20px!important;text-align:center!important;} #menu .collapse, #menu > li > ul{padding-left:0!important;background:transparent!important;border:none!important} #menu li ul li a{padding-left:52px!important;font-size:13px!important;color:#6c757d!important} #column-left #menu .li_children_1.active:before{color:#fff !important;} #column-left li.active>a{background:linear-gradient(135deg, #8A7CFF, #6D5DF6) !important;color:#ffffff !important;} #column-left li:hover > a{background-color:#f7f7f7 !important;} #column-left li.active:hover > a{background:linear-gradient(135deg, #8A7CFF, #6D5DF6) !important;color:#ffffff !important;} #menu li ul li:before{padding:10px 0 0 22px !important;} #stats{display:none!important} #column-left .apple_google{display: flex;gap: 10px;margin: 20px 8px 0 8px;} #column-left .apple_google span img{width:100%;} .alert-info {border-radius: 12px;background: linear-gradient(45deg, #d9edf7 0%, #e8f4fa 50%, #d9edf7 100%);} .alert{border-radius:12px;} #reservationForm .summary-header .label-success {padding: 8px 7px;border-radius: 12px;} #menu li li:hover:before{margin-right:10px !important;} .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: #eee !important;opacity: 1;cursor: not-allowed;} select[name="status"] option[value="solicitata"],.solicitata{color:#f57c00;font-weight:600;} select[name="status"] option[value="confirmata"],.confirmata{color:#2e7d32;font-weight:600;} select[name="status"] option[value="predata"],.predata{color:#6a1b9a;font-weight:600;} select[name="status"] option[value="preluata"],.preluata{color:#02bd7a;font-weight:600;} select[name="status"] option[value="finalizata"],.finalizata{color:#2f80ed;font-weight:600;} select[name="status"] option[value="anulata"],.anulata{color:#d32f2f;font-weight:600;} #reservationForm .form-group{position:relative!important;margin-top:14px;} #reservationForm .form-group input{padding:14px 12px!important;height:56px;} #reservationForm .form-group select{height:56px!important;} #reservationForm .form-group:not(:has(input[type="file"])):not(:has(select)):not(:has(textarea)):not(:has(.form-check)):not(.upload_buletin) label{border-radius:6px;position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;font-size:14px;color:#6c757d!important;background:#fff!important;padding:0 6px!important;pointer-events:none!important;transition:all .2s ease!important;z-index:2!important;} #reservationForm .form-group:not(:has(input[type="file"])):not(:has(select)):not(:has(textarea)):not(:has(.form-check)):not(.upload_buletin) label.active{top:16px!important;left:18px!important;font-size:12px!important;color:#6c757d!important;} #reservationForm .form-group:not(:has(input[type="file"])):not(:has(select)):not(:has(textarea)):not(:has(.form-check)):not(.upload_buletin):focus-within label.active{color:#1e88e5!important;} #reservationForm .form-group:has(select) label{position:absolute!important;left:18px!important;top:16px!important;transform:translateY(-50%)!important;font-size:12px;color:#6c757d!important;background:#fff!important;padding:0 6px!important;pointer-events:none!important;transition:all .2s ease!important;z-index:2!important;} #reservationForm .form-group:has(select):focus-within label.active{color:#1e88e5!important;} #reservationForm .form-group:has(textarea) label{position:absolute!important;left:18px!important;top:16px!important;transform:translateY(-50%)!important;font-size:12px;color:#6c757d!important;background:#fff!important;padding:0 6px!important;pointer-events:none!important;transition:all .2s ease!important;z-index:2!important;} #reservationForm .form-group:has(textarea):focus-within label.active{color:#1e88e5!important;} #reservationForm .form-group input:focus,#reservationForm .form-group select:focus{border-color:#1e88e5!important;box-shadow:none!important;} div#modal-agree {padding: 0 !important;} #reservationForm .summary-header{margin-bottom:16px;} @media (min-width:993px){ .modal-dialog{width:1200px;margin:30px auto;max-width:70vw;} } @media (max-width:992px){ #reservationForm .form-group label{ font-size:12px!important; } } #reservationForm input,#reservationForm select,#reservationForm textarea{box-shadow:0 1px 2px rgba(0,0,0,.03),0 4px 12px rgba(13,110,253,.04)!important;} #reservationForm .reservation-tabs{border-bottom:1px solid #ededed;width:100%;display:flex;gap:10px;margin-bottom:16px;} #reservationForm .reservation-tabs .tab-item{justify-content:center;display:flex;align-items:center;flex:1;padding:10px 16px;background:#f5f7fb;border:1px solid rgba(0,0,0,.08);border-radius:8px 8px 0 0;font-weight:600;cursor:pointer;user-select:none;border-bottom-width:0;} #reservationForm .reservation-tabs .tab-item.active{background:#fff;color:#1e88e5;border-color:#1e88e5;border-bottom-color:#fff;} #reservationForm .tab-pane{display:none;} #reservationForm .tab-pane.active{width:100%;display:block;} #reservationForm #tab-general.tab-pane.active{display:flex!important;flex-wrap:wrap;} #reservationForm .form-check-label{padding:6px 14px!important;border:1px solid rgba(0,0,0,.15)!important;border-radius:20px!important;font-weight:600!important;cursor:pointer!important;user-select:none!important;color:#555!important;transition:.15s!important;} #reservationForm .form-check-input:checked + .form-check-label,#reservationForm .form-group input[type="radio"]:checked + label{background:#1e88e5!important;color:#fff!important;border-color:#1e88e5!important;} #reservationForm .form-check-label:hover{border-color:#1e88e5!important;} .documents-section{display:flex;flex-direction:column;gap:16px;} .documents-section .documents-title, .documents-title, .history-title{font-weight:700;font-size:15px;margin-bottom:4px;} .documents-section .document-card{display:flex;justify-content:space-between;align-items:flex-start;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:14px;} .documents-section .document-info{max-width:65%;} .documents-section .document-name{font-weight:600;} .documents-section .document-desc{font-size:12px;color:#777;margin-top:2px;} .documents-section .document-status{margin-top:6px;font-size:12px;font-weight:600;} .documents-section .document-status.success{color:#2e7d32;} .documents-section .document-status.muted{color:#999;} .documents-section .document-actions{display:flex;align-items:center;gap:12px;} .documents-section .doc-link{font-weight:600;color:#1e88e5;text-decoration:none;} .documents-section .document-card.disabled{opacity:.6;background:#fafafa;} .documents-section .document-card.disabled .document-actions{font-size:12px;color:#777;} #tab-general .documents-title{margin-bottom:-3px !important;} .document-actions .form-check{margin:0;} .document-actions .form-check-input{display:none;} .history-section{display:flex;flex-direction:column;gap:16px;} .history-section .history-card{border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:16px;} .history-section .history-item{display:flex;gap:14px;position:relative;} .history-section .history-item:not(:last-child){margin-bottom:18px;} .history-section .history-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;} .history-section .history-dot.created{background:#2e7d32;} .history-section .history-dot.updated{background:#1e88e5;} .history-section .history-content{flex:1;} .history-section .history-label{font-weight:600;font-size:13px;} .history-section .history-text{font-size:13px;color:#555;margin-top:2px;} .history-section .history-date{font-size:12px;color:#999;margin-top:4px;} .history-section .btn-duplicate-reservation{width:fit-content;outline:none !important;display:inline-flex;align-items:center;gap:8px;font-weight:600;} .history-section .btn-duplicate-reservation i{font-size:14px;} .history-section .history-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px;} .history-dot.status-solicitata{background:#f57c00;} .history-dot.status-confirmata{background:#2e7d32;} .history-dot.status-predata{background:#6a1b9a;} .history-dot.status-preluata{background:#02bd7a;} .history-dot.status-finalizata{background:#2f80ed;} .history-dot.status-anulata{background:#d32f2f;} .history-dot.created{background:#6c757d;} .upload_buletin{border:1px solid rgba(0, 0, 0, 0.1) !important;border-radius:10px;} .upload_buletin label{font-weight:600;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;} .upload_buletin .sterge_buletin{font-size:12px;font-weight:600;color:#d32f2f;cursor:pointer;} .upload_buletin .upload-disabled{font-size:12px;color:#999;margin-left:6px;} .upload_buletin .form-control-file{width:100%;padding:14px;border:1px dashed rgba(0,0,0,.2);border-radius:10px;background:#fafbff;font-weight:500;cursor:pointer;} .upload_buletin .form-control-file:hover{border-color:#1e88e5;background:#f4f7ff;} .upload_buletin .form-control-file::-webkit-file-upload-button{background:linear-gradient(135deg,#007aff,#0051d5);box-shadow:0 4px 20px rgba(0,122,255,.3);color:#fff;border:none;border-radius:6px;padding:8px 14px;font-weight:600;margin-right:12px;cursor:pointer;} .upload_buletin .form-control-file::file-selector-button{background:linear-gradient(135deg,#007aff,#0051d5);box-shadow:0 4px 20px rgba(0,122,255,.3);color:#fff;border:none;border-radius:6px;padding:8px 14px;font-weight:600;margin-right:12px;cursor:pointer;} .upload_buletin #previewBuletin{width:200px;display:block;margin-top:10px;max-width:80%;max-height:180px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid rgba(0,0,0,.08);padding:6px;} .form-group + .form-group{border:none !important;} .contract-extra-options{margin-bottom:10px;} .contract-extra-options {width: 100%;margin-top: 10px;margin-bottom: 20px !important;padding: 0 !important;background: #fff !important;border: none !important;} .contract-options-inline{display:flex;align-items:center;gap:14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;} .contract-options-inline label{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;font-weight:500;cursor:pointer;white-space:nowrap;} .contract-options-inline input[type="checkbox"]{appearance:none;width:18px;height:18px;border-radius:6px;border:1.5px solid #cbd5e1;background:#fff;cursor:pointer;position:relative;} .contract-options-inline input[type="checkbox"]:checked{background:#2563eb;border-color:#2563eb;} .contract-options-inline input[type="checkbox"]:checked:after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);font-size:12px;color:#fff;font-weight:700;} .contract-options-inline select{height:38px;border-radius:10px;border:1px solid #cbd5e1;padding:0 12px;font-size:14px;font-weight:500;background:#fff;} .contract-options-inline select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.15);} .mr-table .mr-pay-icon{font-size:16px;} .mr-table .mr-pay-icon.ok{color:#2e7d32;} .mr-table .mr-pay-icon.partial{color:#f57c00;} .mr-table .mr-pay-icon.no{color:#d32f2f;} .mr-table{width:100%;background:#fff;border-radius:8px;overflow:hidden;} .mr-table .mr-head{display:flex;background:#f8f9fa;padding:12px 0;font-weight:600;font-size:13px;color:#666;border-bottom:1px solid #e9ecef;} .mr-table .mr-row{display:flex;padding:16px 0;border-bottom:1px solid #e9ecef;cursor:pointer;transition:background 0.2s;} .mr-table .mr-row:last-child{border-bottom:none;} .mr-table .mr-col.mr-col-perioada{flex:1.5;} .mr-table .mr-col.mr-col-plata{flex:0.6;} .mr-table .mr-col{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 8px;min-width:0;} .mr-table .mr-col-id{flex:0 0 120px;} .mr-table .mr-col-actions{flex:0 0 100px;align-items:flex-end;flex-shrink:0;} .mr-table .mr-title{font-size:14px;font-weight:500;color:#212529;margin-bottom:4px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;} .mr-table .mr-sub{font-size:13px;} .mr-table .mr-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap;} .mr-table .mr-badge-primary{background:#e3f2fd;color:#1976d2;width:fit-content;} .mr-table .mr-badge-primary.mr-badge-booking-engine{background:#e8f5e9;color:#2e7d32;width:fit-content;} .mr-table .flexwrap-nowrap{flex-wrap:nowrap;} .mr-table .mr-icon{width:35px;height:auto;object-fit:contain;flex-shrink:0;} .mr-table .mr-time{font-size:12px;color:#6c757d;font-weight:400;white-space:nowrap;} .mr-table .mr-arrow{display:inline-block;margin:0 4px;color:#6c757d;flex-shrink:0;} .mr-table .btn-sm{padding:8px 16px !important;font-size:14px !important;border-radius:6px !important;background:#fff !important;border:1px solid rgba(30,136,229,0.5) !important;color:#1E88E5 !important;font-weight:500 !important;transition:all 0.2s !important;display:inline-flex !important;align-items:center !important;gap:6px !important;box-shadow:none !important;justify-content:center !important;} .mr-table .btn-sm:hover{background:#f8f9fa !important;border-color:#1976d2 !important;} .mr-table .btn-sm::before{content:"≡" !important;font-size:16px !important;} @media (min-width:993px){ .mr-table .mr-pay-icon{margin-left:8px;} .mr-table .mr-row{transition:box-shadow .2s ease,transform .2s ease,background .2s ease;} .mr-table .mr-row:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08);} .mr-table .btn-sm{display:none !important;} .mr-table .mr-col.mr-col-actions{display:none !important;} } @media (max-width:992px){ .mr-table .mr-col.mr-main-col{border-bottom:1px solid #e9ecef;} .mr-table .mr-row{border:0 !important;} .mr-table .mr-head{display:none;} .mr-table .mr-row{flex-direction:column;padding:0;gap:12px;} .mr-table > .mr-row{border: 1px solid #e9ecef !important;padding: 10px !important;border-radius: 10px !important;margin-bottom: 10px !important;} .mr-table>.mr-row:not(:last-child){margin-bottom: 30px !important;} .mr-table .mr-col{padding:0;flex:1 1 auto;} .mr-table .mr-col-id{flex:1 1 auto;flex-direction:row;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #e9ecef;} .mr-table .mr-col-id .mr-title{margin:0;} .mr-table .mr-col-actions{flex:1 1 auto;align-items:stretch;margin-top:8px;} .mr-table .mr-col-actions .btn{width:100%;} .mr-table .mr-title{font-size:14px;} .mr-table .mr-sub{font-size:13px;margin-top:2px;} .mr-table .mr-title.nodesktop.displayflex { align-items: self-start;justify-content: space-between;} .new_one.lista_rezervari_myrentals #filtru-rezervari{display:none !important;} .new_one.lista_rezervari_myrentals #filtru-rezervari.active{display:block !important;} .mr-table .mr-col.mr-col-id.mr-col-id-rentacar{order:1;} .mr-table .mr-col.mr-col-customer-name{order:3;flex-direction:row !important;justify-content:space-between;} .mr-table .mr-col.mr-col-unit{order:2;} .mr-table .mr-col.mr-col-perioada{order:4;} .mr-table .mr-col.mr-col-plata{order:5;} .mr-table .mr-col.mr-col-actions{order:6;} } @media (max-width:1399px) and (min-width:993px) { .new_one.lista_rezervari_myrentals .btn-filter{display:inline-block !important;} .new_one.lista_rezervari_myrentals #filtru-rezervari{display:none !important;width: 100%;left: 0 !important;padding: 0 !important;} .new_one.lista_rezervari_myrentals #filtru-rezervari.active{display:block !important;} .new_one.lista_rezervari_myrentals .container-fluid > .col-md-9{left:0 !important;width:100% !important;} } .daily_schedule .page-header h1{display:flex;gap:10px;align-items:center;flex-wrap:wrap;} .daily_schedule .page-header h1 .current_day{display:flex;align-items:center;} .daily_schedule .page-header h1 .current_day span {background: #fff;font-size: 14px;padding: 9px 11px;border-radius: 13px;} .daily_schedule .mr-table .mr-pay-icon.no, .daily_schedule .mr-table .mr-pay-icon.ok{width:fit-content;} .daily_schedule #filtru-rezervari{width: 100% !important;left: 0 !important;padding: 0 !important;display:none !important;} .daily_schedule #filtru-rezervari.active{display:block !important;} @media(max-width:992px){ .daily_schedule .page-header h1 .current_day{flex-basis:100%;} .daily_schedule .ds-filterbar{flex-direction:column;align-items:stretch;}.daily_schedule .ds-btn{justify-content:center;} .daily_schedule .mr-col.mr-col-id.mr-col-id-rentacar{display:block !important;} } @media (min-width:993px) { .daily_schedule .mr-col.mr-col-id.mr-col-id-rentacar{flex:0 0 80px;} } .reports-page .rp-filters-panel {padding:16px 20px;margin-bottom:20px;overflow:visible !important;} .reports-page .rp-filters-row {display:flex;align-items:center;gap:12px;flex-wrap:wrap;} .reports-page .rp-period-btns {display:flex;gap:6px;flex-wrap:wrap;} .reports-page .rp-period-btn {padding:7px 14px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:13px;cursor:pointer;transition:all .15s;} .reports-page .rp-period-btn.active {background:#222;color:#fff;border-color:#222;} .reports-page .rp-period-btn:hover:not(.active) {background:#f5f5f5;} .reports-page .rp-ws-select {min-width:200px;} .reports-page .rp-ws-select .form-control {height:36px;border-radius:20px;font-size:13px;} .reports-page .rp-kpi-grid {display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;} .reports-page .rp-kpi-card {background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 4px rgba(0,0,0,0.06);flex:1 1 calc(25% - 16px);min-width:0;} .reports-page .rp-kpi-icon {width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;} .reports-page .rp-icon-blue {background:#e8f4fd;color:#3498db;} .reports-page .rp-icon-green {background:#e8f8f0;color:#2ecc71;} .reports-page .rp-icon-red {background:#fdf0f0;color:#e74c3c;} .reports-page .rp-icon-purple {background:#f5f0fb;color:#9b59b6;} .reports-page .rp-icon-orange {background:#fef5e7;color:#f39c12;} .reports-page .rp-icon-teal {background:#e8f8f5;color:#1abc9c;} .reports-page .rp-icon-indigo {background:#eef0fb;color:#5c6bc0;} .reports-page .rp-icon-pink {background:#fdf0f5;color:#e91e8c;} .reports-page .rp-kpi-right {min-width:0;overflow:hidden;} .reports-page .rp-kpi-value {font-size:18px;font-weight:700;color:#222;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .reports-page .rp-kpi-label {font-size:11px;color:#888;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .reports-page .rp-chart-panel {padding:20px !important;margin-bottom:20px;} .reports-page .rp-chart-header {display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;} .reports-page .rp-section-title {font-size:15px;font-weight:700;color:#222;margin:0 0 16px;} .reports-page .rp-chart-header .rp-section-title {margin:0;} .reports-page .rp-chart-toggle {display:flex;gap:4px;} .reports-page .rp-toggle-btn {padding:6px 14px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:13px;cursor:pointer;transition:all .15s;} .reports-page .rp-toggle-btn.active {background:#222;color:#fff;border-color:#222;} .reports-page .rp-insights-panel {padding:20px;margin-bottom:20px;} .reports-page .rp-insights-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:16px;} .reports-page .rp-insight-item {display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f9f9f9;border-radius:10px;} .reports-page .rp-insight-icon {font-size:22px;flex-shrink:0;margin-top:2px;} .reports-page .rp-insight-label {font-size:12px;color:#888;margin-bottom:4px;} .reports-page .rp-insight-value {font-size:14px;font-weight:600;color:#222;} .reports-page .cl-table-panel {margin-bottom:20px;padding:20px !important;} @media (max-width:1100px) {.reports-page .rp-kpi-card {flex:1 1 calc(50% - 16px);}} @media (max-width:767px) {.reports-page .rp-kpi-card {flex:1 1 calc(50% - 8px);padding:12px;gap:8px;} .reports-page .rp-kpi-icon {width:32px;height:32px;font-size:14px;} .reports-page .rp-kpi-value {font-size:15px;} .reports-page .rp-kpi-label {font-size:10px;} .reports-page .rp-insights-grid {grid-template-columns:1fr;} .reports-page .rp-filters-row {flex-direction:column;align-items:flex-start;} .reports-page .rp-ws-select {width:100%;}} .reports-page .rp-chart-scroll {overflow-x:auto;-webkit-overflow-scrolling:touch;} .reports-page .rp-chart-bars {display:flex;align-items:flex-end;gap:8px;min-width:max-content;padding:0 4px 0 4px;min-height:160px;} .reports-page .rp-bar-wrap {display:flex;flex-direction:column;align-items:center;min-width:64px;} .reports-page .rp-bar {width:44px;border-radius:8px 8px 0 0;background:linear-gradient(135deg,#8A7CFF,#6D5DF6) !important;transition:height .3s ease;cursor:default;position:relative;} .reports-page .rp-bar:hover {background:linear-gradient(135deg,#7A6CEF,#5D4DE6) !important;} .reports-page .rp-bar-value {font-size:11px;font-weight:700;color:#222;white-space:nowrap;} .reports-page .rp-bar-label {font-size:11px;color:#888;white-space:nowrap;padding-top:10px;} .reports-page .rp-bar-empty {width:44px;height:4px;border-radius:4px;background:#eee;} .reports-page .kalevo-select-wrap select{height:35px !important;} .my-users-page .ws-card .label {padding: 5px !important;} .my-users-form-page #full-access-row { align-items: flex-start; } .my-users-form-page #full-access-row .full-access-text { display: flex; flex-direction: column; } .my-users-form-page #full-access-row .full-access-text small { display: block; margin-top: 3px; line-height: 1.4; } .my-users-form-page .ws-divider { margin: 18px 0; } .my-users-form-page .ws-manual-title { font-weight: 600; margin-bottom: 12px; } .my-users-form-page #workstations-container.is-locked { opacity: 0.5; pointer-events: none; } /* my_users_form: tip cont (Receptie / Mecanic) – mutat din twig */ .my-users-form-page .mu-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} .my-users-form-page .mu-type{margin:0;cursor:pointer;font-weight:400;} .my-users-form-page .mu-type input{position:absolute;opacity:0;pointer-events:none;} .my-users-form-page .mu-type-box{display:flex;flex-direction:column;gap:4px;height:100%;padding:14px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;transition:border-color .15s,background .15s;} .my-users-form-page .mu-type-box i{font-size:20px;color:#9ca3af;margin-bottom:4px;} .my-users-form-page .mu-type-box b{font-size:14px;color:#111827;} .my-users-form-page .mu-type-box small{font-size:12px;color:#6b7280;line-height:1.4;} .my-users-form-page .mu-type input:checked + .mu-type-box{border-color:#6c63ff;background:#f5f4ff;} .my-users-form-page .mu-type input:checked + .mu-type-box i{color:#6c63ff;} .my-users-form-page .mu-mech-ws{display:none;margin:16px 0 0 0;} .my-users-form-page.is-mechanic .mu-mech-ws{display:block;} .my-users-form-page.is-mechanic #mu-reception{display:none;} @media (max-width:480px){ .my-users-form-page .mu-types{grid-template-columns:1fr;} } .my-users-page .usr-section { margin-top: 14px; } .my-users-page .usr-section-label { display: block; font-size: 10.5px; font-weight: 600; letter-spacing: .6px; text-transform: uppercase; color: #b0b7c3; margin-bottom: 7px; } .my-users-page .usr-chips { display: flex; flex-wrap: wrap; gap: 6px; } .my-users-page .usr-chip { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 500; line-height: 1; padding: 6px 10px; border-radius: 7px; background: #eef2ff; color: #4338ca; border: 1px solid #dde3ff; } .my-users-page .usr-chip i { font-size: 11px; opacity: .8; } .my-users-page .usr-chip.is-off { background: #fafbfc; color: #c4cad3; border-color: #eef0f3; } .my-users-page .usr-chip.is-ws { background: #f0fdf4; color: #15803d; border-color: #d5f2e0; } .my-users-page .usr-chip.is-all { background: #fff7ed; color: #c2410c; border-color: #fde3cd; } .my-users-page .usr-chip.is-empty { background: #fef2f2; color: #b91c1c; border-color: #fbdcdc; } /* CALENDAR */ /* ============================ LAYOUT PRINCIPAL ============================ */ #content.calendar-page{height:calc(100vh - 25px);padding-bottom:10px;display:flex;flex-direction:column;overflow:hidden;} .calendar-page .cal-container{display:flex;flex-direction:column;height:100%;padding:0 20px 20px 20px;gap:0;} /* ============================ TOOLBAR SUS ============================ */ .calendar-page .cal-toolbar{display:flex;align-items:center;padding:14px 0;gap:8px;flex-shrink:0;} .calendar-page .cal-tb-new{order:0;} .calendar-page .cal-tb-workstation{order:3;} .calendar-page .cal-tb-cancelled{order:2;} .calendar-page .cal-tb-block{order:1;} .calendar-page .cal-btn{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:6px 14px;cursor:pointer;font-size:13px;color:#333;font-weight:500;height:40px;display:flex;align-items:center;gap:6px;white-space:nowrap;justify-content:center;} .calendar-page .cal-btn:hover{background:#f5f5f5;} .calendar-page .cal-btn-faded{opacity:0.6;} .calendar-page .kalevo-select-wrap{position:relative;display:flex;align-items:center;border:1px solid #e8e8e8;border-radius:8px;background:#fff;height:40px;} .calendar-page .kalevo-select-icon{position:absolute;left:10px;color:#888;font-size:13px;pointer-events:none;} .calendar-page .cal-ws-select{border:none;background:transparent;height:100%;padding:0 10px 0 17px;font-size:13px;font-weight:500;color:#333;outline:none;cursor:pointer;width:100%;} /* ============================ CARD ============================ */ .calendar-page .cal-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.04);} /* ============================ TOOLBAR IN CARD ============================ */ .calendar-page .cal-card-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #e2e8f0;gap:6px;flex-shrink:0;} .calendar-page .cal-ctb-left{display:flex;align-items:center;gap:8px;} .calendar-page .cal-ctb-center{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;} .calendar-page .cal-ctb-right{display:flex;align-items:center;gap:8px;justify-content:flex-end;} .calendar-page .cal-nav-btn{background:none;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;} .calendar-page .cal-nav-btn i{font-size:20px;font-weight:300;} .calendar-page .cal-nav-btn:hover{background:#f5f5f5;} .calendar-page .cal-title{font-size:15px;font-weight:600;color:#222;min-width:160px;text-align:center;} /* ============================ BODY CALENDAR ============================ */ .calendar-page .cal-body{flex:1;min-height:0;overflow:hidden;position:relative;} /* ============================ GRID VIEW (zi/3zile/saptamana/workstations) ============================ */ .calendar-page .cal-grid-view{display:flex;flex-direction:column;height:100%;} /* Celule header zi */ .calendar-page .cal-hd-cell{flex:1;min-width:var(--col-min-width,80px);text-align:center;padding:8px 4px;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;cursor:pointer;} .calendar-page .cal-hd-cell:last-child{border-right:none;} .calendar-page .cal-hd-name{font-size:11px;text-transform:uppercase;color:#555;font-weight:500;letter-spacing:.4px;} .calendar-page .cal-hd-num{font-size:15px;font-weight:600;color:#333;line-height:1.3;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;} .calendar-page .cal-hd-today .cal-hd-num{background:linear-gradient(135deg,#8A7CFF,#6D5DF6);color:#fff;} /* Ore fixe stanga */ .calendar-page .cal-time-cell{height:60px;display:flex;align-items:flex-start;justify-content:flex-end;padding-right:8px;box-sizing:border-box;border-bottom:1px solid #f0f0f0;} .calendar-page .cal-time-label{font-size:11px;color:#555;font-weight:500;display:block;} /* Coloane evenimente */ .calendar-page .cal-col{flex-shrink:0;position:relative;border-right:1px solid #e2e8f0;min-height:1440px;} .calendar-page .cal-col:last-child{border-right:none;} .calendar-page .cal-event{position:absolute;left:2px;right:2px;top:1px;border-radius:6px;padding:3px 6px;cursor:pointer;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.15);z-index:2;box-sizing:border-box;} /* Sloturi 30 min */ .calendar-page .cal-slot{height:30px;border-bottom:1px solid #f0f0f0;box-sizing:border-box;position:relative;cursor:pointer;} .calendar-page .cal-slot:nth-child(even){border-bottom-color:#e2e8f0;} .calendar-page .cal-slot:hover{background:rgba(138,124,255,0.07);} .calendar-page .cal-slot-hover{background:rgba(138,124,255,0.12) !important;border:1px dashed rgba(138,124,255,0.4);} /* Linie "acum" */ .calendar-page .cal-col .cal-now-line{position:absolute;left:0;right:0;height:2px;background:#8A7CFF;z-index:5;pointer-events:none;} .calendar-page .cal-grid-cols > .cal-now-line{position:absolute;left:0;right:0;height:2px;background:#8A7CFF;z-index:5;pointer-events:none;} /* Evenimente */ .calendar-page .cal-event{position:absolute;left:2px;right:2px;border-radius:6px;padding:3px 6px;cursor:pointer;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.15);z-index:2;box-sizing:border-box;} .calendar-page .cal-event-time{font-size:11px;color:rgba(255,255,255,.85);font-weight:400;} .calendar-page .cal-event-title{font-size:12px;color:#fff;line-height:1.3;} .calendar-page .cal-event-client{font-size:13px;font-weight:bold;color:rgba(255,255,255,.85);} .calendar-page .cal-event:hover{filter:brightness(0.93);} /* ============================ VIEW LUNA ============================ */ .calendar-page .cal-month-view{display:flex;flex-direction:column;height:100%;} .calendar-page .cal-month-header{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #e2e8f0;flex-shrink:0;} .calendar-page .cal-month-hd-cell{text-align:center;padding:8px 0;font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.4px;} .calendar-page .cal-month-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;overflow-y:auto;} .calendar-page .cal-month-day{border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:4px 6px;cursor:pointer;min-height:80px;position:relative;} .calendar-page .cal-month-day:hover{background:#fafafa;} .calendar-page .cal-month-day-num{font-size:13px;font-weight:600;color:#333;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;} .calendar-page .cal-month-day-today .cal-month-day-num{background:linear-gradient(135deg,#8A7CFF,#6D5DF6);color:#fff;} .calendar-page .cal-month-day-other .cal-month-day-num{color:#ccc;} .calendar-page .cal-month-day-count{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;color:#337ab7;background:#e8f0fe;border-radius:10px;padding:1px 7px;} /* ============================ VIEW AN ============================ */ .calendar-page .cal-year-view{height:100%;overflow-y:auto;} .calendar-page .cal-year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px;} .calendar-page .cal-year-month{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:14px;cursor:pointer;transition:border .15s;} .calendar-page .cal-year-month:hover{border-color:#337ab7;} .calendar-page .cal-year-month-name{font-size:13px;font-weight:600;color:#333;margin-bottom:8px;} .calendar-page .cal-year-month-count{font-size:12px;color:#337ab7;font-weight:600;} .calendar-page .cal-year-month-count.empty{color:#bbb;font-weight:400;} /* ============================ BLOCKED DAYS ============================ */ .calendar-page .cal-col-blocked{background:repeating-linear-gradient(45deg,#e3eef9,#e3eef9 4px,#f0f6fc 4px,#f0f6fc 12px);} .calendar-page .cal-grid-header-wrap{z-index:11;} /* ============================ RESPONSIVE ============================ */ @media(max-width:992px){ .calendar-page .cal-ctb-center{gap:0;} .calendar-page .cal-ctb-center.allws-center{position:absolute;left:50%;transform:translateX(-50%);} #content.calendar-page{height:calc(100vh - 50px);padding-bottom:40px !important;} .calendar-page .cal-container{padding:0 10px 10px 10px;} .calendar-page .cal-toolbar{gap:6px;} .calendar-page .cal-tb-workstation{order:3;flex:1;} .calendar-page .cal-tb-new{order:0;} .calendar-page .cal-tb-cancelled{order:2;} .calendar-page .cal-tb-block{order:1;} .calendar-page .cal-nomobile{display:none;} .calendar-page .cal-title{min-width:unset;font-size:12px;white-space:nowrap;} .calendar-page .cal-year-grid{grid-template-columns:repeat(2,1fr);} .calendar-page .cal-hd-cell{min-width:50px;} .calendar-page .cal-col{min-width:50px;} .calendar-page .cal-slot:hover{background:none;} .calendar-page .cal-hd-name{max-width:100%;overflow:hidden;} .calendar-page .cal-hd-cell{justify-content:center;} } @media (min-width:992px) { .calendar-page .cal-ctb-left{min-width:120px;} .calendar-page .cal-ctb-right{min-width:120px;} .calendar-page .cal-tb-workstation{min-width:150px;} .calendar-page .cal-slot:hover .cal-slot-tip{display:block;} .calendar-page .cal-container{position:relative;} .calendar-page .cal-toolbar{position:absolute;top:0;left:20px;height:68px;margin:0;padding:0 0 0 16px;z-index:21;background:transparent;} .calendar-page .cal-card-toolbar{justify-content:flex-end;min-height:65px;} .calendar-page .cal-card{margin-top:0;} .calendar-page .cal-card-toolbar .cal-ctb-left{order:1;min-width:unset;} .calendar-page .cal-card-toolbar .cal-ctb-center{position: absolute;left: 50%;transform: translateX(-50%);} .calendar-page .cal-card-toolbar .cal-ctb-right{order:2;} .calendar-page .cal-toolbar > *:not(:last-child)::after{display:none !important;} } .calendar-page .kalevo-select-wrap .kalevo-select-value{margin-left:16px;} .calendar-page .cal-slot{position:relative;} .calendar-page .cal-slot-tip {display: none;position: absolute;top: 50%;left: 50%;font-size: 10px;font-weight: 600;color: #555;pointer-events: none;z-index: 3;transform: translate(-50%, -50%);} .calendar-page .cal-slot-tip{display:none;position:absolute;top:50%;left:50%;font-size:10px;font-weight:600;color:#555;pointer-events:none;z-index:3;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;} .calendar-page .cal-grid-scroll{overscroll-behavior:none;} .calendar-page .cal-grid-view{height:100%;overflow:hidden;} .calendar-page .cal-grid-scroll{height:100%;overflow:auto;} .calendar-page .cal-grid-inner{display:flex;flex-direction:column;min-width:fit-content;} .calendar-page .cal-grid-header-wrap{display:flex;position:sticky;top:0;background:#fff;border-bottom:1px solid #e2e8f0;} .calendar-page .cal-grid-corner{width:52px;min-width:52px;flex-shrink:0;border-right:1px solid #e2e8f0;background:#fff;position:sticky;left:0;z-index:22;} .calendar-page .cal-grid-header{display:flex;flex:1;background:#fff;} .calendar-page .cal-grid-body{display:flex;} .calendar-page .cal-grid-times{width:52px;min-width:52px;flex-shrink:0;position:sticky;left:0;z-index:10;background:#fff;border-right:1px solid #e2e8f0;} .calendar-page .cal-grid-cols{flex:1;position:relative;display:flex;min-height:1440px;} .calendar-page .cal-hd-today .cal-hd-name {font-weight:700; color:#4a90e2;} .calendar-page .cal-container{position:relative;} .calendar-page #calGridCols{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;} .calendar-page .cal-event.cal-event-draggable{touch-action:none;-webkit-tap-highlight-color:transparent;transform-origin:50% 60px;} .calendar-page .cal-event.kv-drag-pulse{animation:kvHintPulse 1.6s ease-in-out infinite;} @keyframes kvHintPulse{0%,100%{box-shadow:0 0 0 0 rgba(108,92,231,.55);}50%{box-shadow:0 0 0 6px rgba(108,92,231,0);}} .calendar-page .cal-event.cal-event-pressing{z-index:50;animation:kvPress .25s cubic-bezier(.25,.1,.25,1) forwards;} .calendar-page .cal-event.cal-event-dragging{opacity:.35;} .calendar-page .cal-event.cal-event-ghost{z-index:50;pointer-events:none;opacity:.85;box-shadow:0 8px 20px rgba(17,24,39,.22);outline:2px solid #6C5CE7;transform:scale(1.02);transition:none !important;} .calendar-page .cal-event.cal-event-ghost-bad{outline-color:#e74c3c;} .calendar-page .cal-event.cal-event-saving{opacity:.6;} .calendar-page .cal-event.cal-event-lift{animation:kvLift .4s ease-out forwards;} @keyframes kvPress{0%{transform:scale(1);box-shadow:0 1px 3px rgba(0,0,0,.15);}100%{transform:scale(.975);box-shadow:0 1px 2px rgba(0,0,0,.1);}} @keyframes kvLift{0%{transform:scale(.975);filter:brightness(1);box-shadow:0 0 0 0 rgba(108,92,231,.6),0 2px 6px rgba(17,24,39,.12);}35%{transform:scale(1.06);filter:brightness(1.1);box-shadow:0 0 0 8px rgba(108,92,231,.3),0 12px 28px rgba(17,24,39,.3);}100%{transform:scale(1.02);filter:brightness(1);box-shadow:0 0 0 14px rgba(108,92,231,0),0 8px 20px rgba(17,24,39,.22);}} body.cal-is-dragging,body.cal-is-dragging *{cursor:grabbing !important;} .calendar-page .cal-col.cal-col-drop{background:rgba(108,92,231,.06);} body:has(.calendar-page) .kv-drag-hint{position:fixed;top:0;left:0;z-index:1030;width:264px;max-width:calc(100vw - 16px);padding:16px;background:#fff;border:1px solid rgba(108,92,231,.18);border-radius:14px;box-shadow:0 12px 32px rgba(17,24,39,.14),0 2px 6px rgba(17,24,39,.06);box-sizing:border-box;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease,visibility .25s;} body:has(.calendar-page) .kv-drag-hint.is-above{transform:translateY(-6px);} body:has(.calendar-page) .kv-safe-probe{position:fixed;top:0;left:0;width:0;height:0;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);} body:has(.calendar-page) .kv-drag-hint.is-visible{opacity:1;visibility:visible;transform:translateY(0);} body:has(.calendar-page) .kv-drag-hint .kv-dh-arrow{position:absolute;top:-7px;width:12px;height:12px;margin-left:-6px;background:#fff;border-left:1px solid rgba(108,92,231,.18);border-top:1px solid rgba(108,92,231,.18);transform:rotate(45deg);} body:has(.calendar-page) .kv-drag-hint.is-above .kv-dh-arrow{top:auto;bottom:-7px;border-left:0;border-top:0;border-right:1px solid rgba(108,92,231,.18);border-bottom:1px solid rgba(108,92,231,.18);} body:has(.calendar-page) .kv-drag-hint .kv-dh-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;} body:has(.calendar-page) .kv-drag-hint .kv-dh-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:linear-gradient(135deg,#8b7cf6,#6C5CE7);color:#fff;font-size:13px;} body:has(.calendar-page) .kv-drag-hint .kv-dh-title{font-size:14px;font-weight:600;line-height:1.3;color:#111827;} body:has(.calendar-page) .kv-drag-hint .kv-dh-desc{margin-bottom:14px;font-size:13px;line-height:1.45;color:#6b7280;} body:has(.calendar-page) .kv-drag-hint .kv-dh-btn{width:100%;height:36px;border:0;border-radius:10px;background:#6C5CE7;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;} body:has(.calendar-page) .kv-drag-hint .kv-dh-btn:hover{background:#5a4bd6;} .calendar-page .cal-empty-hint{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:98;padding:0 16px;box-sizing:border-box;} .calendar-page .cal-empty-hint-box{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.12);padding:20px 24px;max-width:320px;text-align:center;display:flex;flex-direction:column;gap:6px;box-sizing:border-box;} .calendar-page .cal-empty-hint-box i{font-size:26px;color:#6C5CE7;margin-bottom:4px;} .calendar-page .cal-empty-hint-box strong{font-size:15px;color:#111827;} .calendar-page .cal-empty-hint-box span{font-size:13px;color:#6b7280;line-height:1.45;} .calendar-page .cal-pulse{animation:calPulse 1.6s ease-in-out infinite;} @keyframes calPulse{0%,100%{box-shadow:0 0 0 0 rgba(108,92,231,.55);}50%{box-shadow:0 0 0 10px rgba(108,92,231,0);}} .calendar-page #calGridScroll{touch-action:none;} .calendar-page .cal-slot.cal-slot-clickable{cursor:pointer;} .calendar-page .cal-slot-tip .cal-slot-tip-icon{margin-left:5px;} .calendar-page .cal-event-client{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .calendar-page .cal-slot-tip{z-index:1;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .calendar-page.view-allws .cal-title-clickable{cursor:pointer;text-underline-offset:4px;text-decoration:underline dotted;} .calendar-page.view-allws .cal-title-clickable:hover{opacity:.75;} body:has(.calendar-page) footer{display:none !important;} body:has(.calendar-page) .tooltip{z-index:99 !important;} @media (max-width:992px){ .calendar-page .cal-empty-hint{align-items:flex-end;padding:0 12px calc(70px + env(safe-area-inset-bottom, 0px));} body:has(.calendar-page){position:fixed;width:100%;overscroll-behavior:none;} .calendar-page{overflow:hidden;} .calendar-page .cal-slot-tip{display:none;} .calendar-page .cal-slot-tip.visible{display:block;} body:has(.calendar-page) .tooltip{display:none !important;} } /* END CALENDAR */ .container-payment-link{display:block;margin-top:4px;} .container-payment-link .payment-link-wrap{display:inline-flex;align-items:center;gap:6px;} .container-payment-link .payment-link-input{font-size:11px;border:1px solid #d1d5db;border-radius:6px;padding:3px 7px;width:200px;color:#374151;} .container-payment-link .payment-link-copy{margin-left:4px;background:#635bff;color:#fff;border:none;border-radius:6px;padding:3px 10px;font-size:11px;cursor:pointer;} .container-payment-link .payment-link-share{background:#10b981;color:#fff;border:none;border-radius:6px;padding:3px 10px;font-size:11px;cursor:pointer;} .container-payment-link .payment-link-generate{background:#635bff;color:#fff;border:none;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;cursor:pointer;letter-spacing:.3px;} @media (max-width:992px) { .container-payment-link .payment-link-input{flex:1;width:unset;} .container-payment-link button{white-space:nowrap;} } #langSwitcher{position:relative;margin:8px 12px 5px;} #langSwitcher .lang-current{width:100%;background:#f5f5f7;border:1px solid #e0e0e0;border-radius:8px;padding:7px 10px;color:#333 !important;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background 0.2s;outline:none;box-shadow:none;} #langSwitcher .lang-current:hover{background:#ebebeb;} #langSwitcher .lang-flag{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0;} #langSwitcher .lang-current span{flex:1;text-align:left;font-weight:500;color:#333 !important;} #langSwitcher .lang-arrow{font-size:10px;color:#888 !important;transition:transform 0.2s;} #langSwitcher .lang-arrow.open{transform:rotate(180deg);} #langSwitcher .lang-dropdown{display:none;position:absolute;bottom:calc(100% + 5px);left:0;right:0;background:#fff;border:1px solid #e5e5e5;border-radius:10px;overflow:hidden;list-style:none;margin:0;padding:4px 0;z-index:999;box-shadow:0 4px 16px rgba(0,0,0,0.1);} #langSwitcher .lang-dropdown.open{display:block;} #langSwitcher .lang-option{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#333 !important;font-size:13px;text-decoration:none !important;transition:background 0.15s;} #langSwitcher .lang-option:hover{background:#f5f5f7;} #langSwitcher .lang-option.lang-active{font-weight:600;} #langSwitcher .lang-option span{flex:1;color:#333 !important;} #langSwitcher .lang-check{font-size:11px;color:#007aff !important;margin-left:auto;} @media (max-width:435px) { .calendar-page .cal-btn i.fa-calendar{display:none !important;} .calendar-page .cal-card-toolbar{padding:10px 7px;} .calendar-page .cal-btn#calToday{padding:6px 10px;} } .subscription-page .unl-plan{border:1px solid #e5e2ec;border-radius:10px;overflow:hidden;background:#fff} .subscription-page .unl-plan-head{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f7f5ff;border-bottom:1px solid #ebe7fa;padding:18px 22px} .subscription-page .unl-plan-name{font-size:16px;font-weight:700;color:#16161d;margin:0 0 4px} .subscription-page .unl-plan-name i{color:#6d5df6;margin-right:6px} .subscription-page .unl-plan-tagline{font-size:13px;line-height:1.5;color:#6f6c78} .subscription-page .unl-plan-price{flex:none;font-size:26px;font-weight:700;letter-spacing:-.03em;color:#6d5df6;white-space:nowrap} .subscription-page .unl-plan-price span{font-size:13px;font-weight:500;color:#9a97a3;margin-left:2px} .subscription-page .unl-plan-limits{padding:20px 22px 18px} .subscription-page .unl-plan-limits-title{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#9a97a3;margin:0 0 14px} .subscription-page .unl-plan-limits-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:11px 24px} .subscription-page .unl-plan-limits-list li{position:relative;font-size:14px;font-weight:500;line-height:1.45;color:#2c2a35;padding:0 0 0 24px} .subscription-page .unl-plan-limits-list li:before{content:'∞';position:absolute;left:0;top:-2px;font-size:15px;font-weight:700;color:#6d5df6} .subscription-page .unl-plan-note{display:flex;align-items:flex-start;gap:8px;border-top:1px solid #f0eef5;background:#fbfafc;padding:14px 22px;font-size:13px;line-height:1.55;color:#78757f} .subscription-page .unl-plan-note i{flex:none;color:#9a97a3;margin-top:2px} @media(max-width:992px){.subscription-page .unl-plan-head{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 16px}.subscription-page .unl-plan-price{font-size:24px}.subscription-page .unl-plan-limits{padding:18px 16px 16px}.subscription-page .unl-plan-limits-list{grid-template-columns:1fr;gap:10px}.subscription-page .unl-plan-note{padding:13px 16px}} .ws-card .ws-card-menu.dropdown{position:static} .ws-card .btn-ws-menu{display:none!important} .ws-card .ws-card-menu .dropdown-menu{display:flex!important;position:static!important;float:none!important;width:auto;min-width:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;opacity:1!important;visibility:visible!important;transform:none!important;gap:4px} .ws-card .ws-card-menu .dropdown-menu li{list-style:none} .ws-card .ws-card-menu .dropdown-menu li a{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:12.5px;font-weight:600;line-height:1.2;color:#78757f;background:#f4f3f7;border-radius:6px;text-decoration:none;transition:background .15s,color .15s} .ws-card .ws-card-menu .dropdown-menu li a:hover{background:#ebe8f5;color:#6d5df6;text-decoration:none} .ws-card .ws-card-menu .dropdown-menu li a.text-danger{color:#78757f!important} .ws-card .ws-card-menu .dropdown-menu li a.text-danger:hover{background:#fdeeee;color:#e74c3c!important} .ws-card .ws-card-menu .dropdown-menu li a i{font-size:11.5px;opacity:.75} @media(max-width:992px){.ws-card .ws-card-menu .dropdown-menu li a{padding:6px 9px;font-size:12px}} .qs-link-box {background:#f0fdf4;border:1.5px dashed #86efac;border-radius:12px;padding:18px 16px;margin:0 0 12px;} .qs-link-label {font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#15803d;margin-bottom:8px;} .qs-link-value {font-size:14.5px;font-weight:600;color:#166534;word-break:break-all;line-height:1.4;margin-bottom:12px;} .qs-link-copy {display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid #86efac;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;color:#15803d;cursor:pointer;transition:background .15s;} .qs-link-copy:hover {background:#dcfce7;} .qs-link-hint {font-size:12.5px;line-height:1.55;color:#888;margin:0 0 20px;} .qs-done-actions {display:flex;flex-direction:column;gap:10px;} .qs-done-actions .qs-btn {width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 20px;} .qs-btn-ghost {background:#fff !important;color:#16a34a !important;border:1.5px solid #d1fae5 !important;} .qs-btn-ghost:hover {background:#f0fdf4 !important;} .cal-toolbar .cal-tb-new #calNewBtn{background:linear-gradient(135deg, #8A7CFF, #6D5DF6) !important;border-color:#6c63ff !important;color:#fff !important;transition:transform .12s ease,box-shadow .15s ease,background .15s ease !important;} .cal-toolbar .cal-tb-new #calNewBtn:hover{box-shadow:0 4px 12px rgba(108,99,255,.35) !important;transform:translateY(-1px);} .cal-toolbar .cal-tb-new #calNewBtn:active{transform:scale(.96);box-shadow:none !important;} /* New Reservation form */ .rf2{color:#1f2937;font-size:14px;} .rf2 *{box-sizing:border-box;} .rf2 .rf2-client-new .rf2-hint b{color:#111827;font-weight:700;} .rf2 .rf2-head{display:flex;align-items:center;gap:12px;margin:0 0 14px 0;} .rf2 .rf2-avatar{width:44px;height:44px;border-radius:12px;background:#6c63ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;} .rf2 .rf2-avatar.is-break{background:#f59e0b;} .rf2 .rf2-head-info{flex:1;min-width:0;} .rf2 .rf2-head-name{font-size:16px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .rf2 .rf2-head-sub{font-size:12px;color:#6b7280;margin-top:2px;} .rf2 .rf2-head-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px;} .rf2 .rf2-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;} .rf2 .rf2-badge-online{background:#eef2ff;color:#4f46e5;} .rf2 .rf2-badge-paid{background:#635bff;color:#fff;} .rf2 .rf2-head-actions{display:flex;gap:8px;} .rf2 .rf2-icon-btn{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eef2ff;color:#4f46e5;font-size:16px;text-decoration:none;} .rf2 .rf2-icon-wa{background:#dcfce7;color:#16a34a;} .rf2 .rf2-pay{margin:0 0 14px 0;} .rf2 .rf2-pay-wrap{display:inline-flex;gap:6px;max-width:100%;} .rf2 .rf2-pay-input{width:200px;min-width:0;height:32px;border:1px solid #e5e7eb;border-radius:8px;padding:0 10px;font-size:11px;color:#9ca3af;background:#f9fafb;text-overflow:ellipsis;} .rf2 .rf2-pay-btn{height:32px;border:none;border-radius:8px;padding:0 12px;font-size:12px;font-weight:600;background:#635bff;color:#fff;cursor:pointer;white-space:nowrap;} .rf2 .rf2-pay-generate{height:32px;border:1px solid #c7d2fe;border-radius:8px;padding:0 12px;font-size:12px;font-weight:600;background:#f5f4ff;color:#635bff;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;} .rf2 .rf2-pay-generate:hover{background:#635bff;color:#fff;border-color:#635bff;} .rf2 .rf2-viewbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px 0;} .rf2 .rf2-viewbar-label{font-size:12px;color:#9ca3af;display:flex;align-items:center;gap:6px;} .rf2 .rf2-viewbar-btns{display:flex;gap:6px;} .rf2 .rf2-btn-ghost{height:34px;padding:0 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;} .rf2 .rf2-btn-ghost-primary{border-color:#6c63ff;color:#6c63ff;} .rf2.cf-wrap{margin-bottom:0 !important;} .rf2 .rf2-view{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 0 14px 0;} .rf2 .rf2-vcard{background:#f7f8fa;border-radius:10px;padding:8px 12px;min-width:0;} .rf2 .rf2-vfull{grid-column:1 / -1;} .rf2 .rf2-vlabel{display:block;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#9ca3af;margin-bottom:2px;} .rf2 .rf2-vvalue{display:block;font-size:14px;font-weight:600;color:#111827;line-height:1.35;word-break:break-word;} .rf2 .rf2-vnote{font-weight:500;white-space:pre-line;} .rf2 .rf2-info{background:#eef2ff;color:#4338ca;border-radius:10px;padding:10px 12px;font-size:13px;margin:0 0 14px 0;} .rf2 .rf2-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:13px;margin:0 0 14px 0;} .rf2 .rf2-tabs{display:flex;background:#f1f3f7;border-radius:10px;padding:4px;gap:4px;margin:0 0 16px 0;} .rf2 .rf2-tab{flex:1;height:36px;border:none;border-radius:8px;background:transparent;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s;} .rf2 .rf2-tab.active{background:#fff;color:#111827;box-shadow:0 1px 3px rgba(0,0,0,.08);} .rf2 .rf2-field{margin:0 0 14px 0;position:relative;} .rf2 .rf2-field > label{display:block;font-size:12px;font-weight:600;color:#4b5563;margin:0 0 6px 2px;} .rf2 .rf2-field > label b{color:#ef4444;font-weight:600;} .rf2 .rf2-input{width:100%;height:42px;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px;font-size:14px;color:#111827;background:#fff;outline:none;box-shadow:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none;} .rf2 .rf2-input:focus{border-color:#6c63ff;box-shadow:0 0 0 3px rgba(108,99,255,.12);} .rf2 .rf2-input::placeholder{color:#9ca3af;} .rf2 .rf2-textarea{height:auto;min-height:64px;padding:10px 12px;resize:vertical;line-height:1.4;} .rf2 .rf2-select-wrap{position:relative;} .rf2 select.rf2-input{padding-right:34px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%239ca3af' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:11px 8px;cursor:pointer;} .rf2 .rf2-select-wrap select.rf2-input{background-image:none;} .rf2 select.rf2-input:disabled{cursor:default;background-color:#f9fafb;color:#6b7280;opacity:1;} .rf2 .rf2-select-wrap select{padding-right:34px;} .rf2 .rf2-select-wrap > i{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:11px;color:#9ca3af;pointer-events:none;} .rf2 .rf2-grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;} .rf2 .rf2-grid2.rf2-single{grid-template-columns:1fr;} .rf2 .rf2-client-wrap{position:relative;} .rf2 .rf2-client-wrap .rf2-input{padding-right:40px;} .rf2 .rf2-client-spin{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px;} .rf2 .rf2-client-clear{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f1f3f7;font-size:11px;color:#6b7280;cursor:pointer;} .rf2 .rf2-suggest{position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.1);z-index:50;max-height:240px;overflow-y:auto;} .rf2 .rf2-suggest-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;gap:2px;} .rf2 .rf2-suggest-item:last-child{border-bottom:none;} .rf2 .rf2-suggest-item:hover{background:#f8f9ff;} .rf2 .rf2-suggest-name{font-size:14px;font-weight:600;color:#111827;display:flex;align-items:center;gap:6px;} .rf2 .rf2-suggest-sub{font-size:12px;color:#6b7280;} .rf2 .rf2-suggest-note{font-size:12px;color:#9ca3af;font-style:italic;} .rf2 .rf2-suggest-blocked{font-size:10px;background:#fee2e2;color:#b91c1c;padding:1px 6px;border-radius:10px;font-weight:600;} .rf2 .rf2-suggest-add .rf2-suggest-name{color:#6c63ff;font-size:13px;} .rf2 .rf2-client-selected{display:flex;align-items:center;gap:6px;font-size:12px;color:#16a34a;margin:6px 2px 0 2px;} .rf2 .rf2-client-selected span{color:#6b7280;} .rf2 .rf2-client-new{margin-top:10px;padding:12px;border:1px dashed #c7d2fe;border-radius:10px;background:#fafaff;} .rf2 .rf2-client-new .rf2-grid2{gap:8px;} .rf2 .rf2-client-new .rf2-new-name{margin-bottom:8px;} .rf2 .rf2-client-new .rf2-client-again{margin-top:10px;} .rf2 .rf2-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;margin-top:8px;line-height:1.35;} .rf2 .rf2-dd{position:relative;} .rf2 .rf2-dd-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer;} .rf2 .rf2-dd-btn span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9ca3af;} .rf2 .rf2-dd-btn span.has-value{color:#111827;} .rf2 .rf2-dd-btn > i{font-size:11px;color:#9ca3af;} .rf2 .rf2-dd-list{position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.1);z-index:60;overflow:hidden;} .rf2 .rf2-dd-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #f3f4f6;color:#9ca3af;} .rf2 .rf2-dd-search input{flex:1;border:none;outline:none;font-size:14px;height:28px;background:transparent;box-shadow:none;} .rf2 .rf2-dd-items{max-height:220px;overflow-y:auto;} .rf2 .rf2-dd-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;cursor:pointer;border-bottom:1px solid #f3f4f6;font-size:14px;} .rf2 .rf2-dd-item:hover,.rf2 .rf2-dd-item.selected{background:#f8f9ff;} .rf2 .rf2-dd-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .rf2 .rf2-dd-item small{font-size:12px;color:#6b7280;white-space:nowrap;} .rf2 .rf2-dd-custom{justify-content:flex-start;gap:8px;color:#6c63ff;font-weight:600;font-size:13px;border-top:1px solid #e5e7eb;border-bottom:none;background:#fafaff;} .rf2 .rf2-dd-empty{padding:12px;font-size:13px;color:#9ca3af;text-align:center;} .rf2 .rf2-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 16px 0;} .rf2 .rf2-chip{height:28px;padding:0 12px;border-radius:20px;border:1px solid #e5e7eb;background:#fff;color:#4b5563;font-size:12px;font-weight:600;cursor:pointer;} .rf2 .rf2-chip.active{background:#6c63ff;border-color:#6c63ff;color:#fff;} .rf2 .rf2-chips-unit{font-size:12px;color:#9ca3af;margin-left:2px;} .rf2 .rf2-dur-wrap{position:relative;} .rf2 .rf2-dur-wrap .rf2-input{padding-right:110px;} .rf2 .rf2-unit{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:flex;background:#f1f3f7;border-radius:7px;padding:2px;gap:2px;} .rf2 .rf2-unit-btn{height:28px;padding:0 10px;border:none;border-radius:6px;background:transparent;color:#6b7280;font-size:12px;font-weight:600;cursor:pointer;} .rf2 .rf2-unit-btn.active{background:#fff;color:#111827;box-shadow:0 1px 2px rgba(0,0,0,.08);} .rf2 .rf2-chips-min,.rf2 .rf2-chips-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px;} .rf2 .rf2-live{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;background:#f0f7ff;border:1px solid #c8e0f7;border-radius:10px;padding:8px 12px;font-size:13px;color:#1a5fa8;font-weight:500;margin:0 0 16px 0;} .rf2 .rf2-live-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;color:#fff;} .rf2 .rf2-live-warn{background:#f59e0b;} .rf2 .rf2-live-danger{background:#e53e3e;} .rf2 .rf2-live-main{display:flex;align-items:flex-start;gap:7px;text-align:left;} .rf2 .rf2-live-main i{margin-top:2px;flex-shrink:0;} .rf2 .rf2-status{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 16px 0;} .rf2 .rf2-status-btn{position:relative;overflow:hidden;height:42px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s;} .rf2 .rf2-status-btn[data-value="scheduled"]{--st:var(--status-scheduled);} .rf2 .rf2-status-btn[data-value="confirmed"]{--st:var(--status-confirmed);} .rf2 .rf2-status-btn[data-value="ready"]{--st:var(--status-ready);} .rf2 .rf2-status-btn[data-value="cancelled"]{--st:var(--status-cancelled);} .rf2 .rf2-status-btn.active{border-color:var(--st);color:var(--st);} .rf2 .rf2-status-btn.active::before{content:'';position:absolute;inset:0;background:var(--st);opacity:.1;pointer-events:none;} .rf2 .rf2-status-btn:hover{border-color:var(--st);color:var(--st);} .rf2 .rf2-status-btn:hover::before{content:'';position:absolute;inset:0;background:var(--st);opacity:.05;pointer-events:none;} .rf2 div#rfStatusWrap {margin-bottom: 30px;} .rf-view-mode div#rfStatusWrap{margin-bottom:5px;} .rf2 .rf2-link-btn{background:none;border:none;color:#6c63ff;font-size:13px;font-weight:600;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:6px;} .rf2 .rf2-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;} .rf2 .rf2-slot{position:relative;height:110px;} .rf2 .rf2-thumb{width:100%;height:100%;object-fit:cover;border:1px solid #dfe3ea;background:#f9fafb;padding:3px;border-radius:10px;display:block;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.06);} .rf2 .rf2-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;border:2px dashed #e5e7eb;border-radius:10px;background:#fafbfc;cursor:pointer;color:#9ca3af;font-size:12px;font-weight:500;margin:0;} .rf2 .rf2-upload i{font-size:18px;} .rf2 .rf2-upload:hover{border-color:#6c63ff;color:#6c63ff;} .rf2 .rf2-del{position:absolute;top:6px;right:6px;width:26px;height:26px;background:#dc3545;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;box-shadow:0 1px 4px rgba(0,0,0,.3);z-index:2;} .rf2 .rf2-history{margin:0 0 28px 0;border:1px solid #edf0f5;border-radius:12px;overflow:hidden;} .rf2 .rf2-history-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:13px;font-weight:600;color:#374151;cursor:pointer;background:#fafbfc;} .rf2 .rf2-history-head > i{font-size:11px;color:#9ca3af;} .rf2 .rf2-history-body{padding:12px 14px 4px 14px;} .rf2 .rf2-h-item{position:relative;padding:0 0 14px 18px;border-left:2px solid #e5e7eb;margin-left:5px;} .rf2 .rf2-h-item:last-child{padding-bottom:8px;} .rf2 .rf2-h-dot{position:absolute;left:-7px;top:3px;width:12px;height:12px;border-radius:50%;background:#6c63ff;border:2px solid #fff;} .rf2 .rf2-h-dot.sms-ok{background:#16a34a;} .rf2 .rf2-h-dot.sms-fail{background:#dc2626;} .rf2 .rf2-h-action{font-size:13px;font-weight:600;color:#111827;} .rf2 .rf2-h-meta{font-size:11px;color:#9ca3af;margin-top:1px;} .rf2 .rf2-h-change{font-size:12px;color:#4b5563;margin-top:4px;display:flex;align-items:center;gap:4px;flex-wrap:wrap;} .rf2 .rf2-h-change s{color:#9ca3af;} .rf2 .rf2-h-link{color:#635bff;font-weight:600;text-decoration:none;} .rf2 .rf2-st{position:relative;overflow:hidden;display:inline-block;vertical-align:middle;padding:1px 7px;border-radius:10px;font-size:11px;font-weight:600;line-height:1.5;color:var(--st);} .rf2 .rf2-st::before{content:'';position:absolute;inset:0;background:var(--st);opacity:.12;} .rf2 .rf2-st-scheduled{--st:var(--status-scheduled);} .rf2 .rf2-st-confirmed{--st:var(--status-confirmed);} .rf2 .rf2-st-ready{--st:var(--status-ready);} .rf2 .rf2-st-cancelled{--st:var(--status-cancelled);} .rf2 .rf2-st-blocked{--st:var(--status-blocked);} .rf2 .rf2-footer{background:#fff;border-top:1px solid #edf0f5;} .rf2 .rf2-footer-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;} .rf2 .rf2-footer-right{display:flex;gap:8px;} .rf2 .rf2-btn{height:40px;padding:0 16px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;} .rf2 .rf2-btn-primary{background:#6c63ff;color:#fff;} .rf2 .rf2-btn-primary:disabled{opacity:.6;cursor:default;} .rf2 .rf2-btn-danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca;} .rf2 .rf2-btn.rf2-btn-ghost{background:#fff;color:#374151;border-color:#e5e7eb;height:40px;font-size:14px;} .rf2 .rf2-btn,.rf2 .rf2-btn-ghost,.rf2 .rf2-chip,.rf2 .rf2-status-btn,.rf2 .rf2-tab,.rf2 .rf2-icon-btn,.rf2 .rf2-pay-btn,.rf2 .rf2-pay-generate{transition:transform .12s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease;} .rf2 .rf2-btn:active,.rf2 .rf2-btn-ghost:active,.rf2 .rf2-chip:active,.rf2 .rf2-status-btn:active,.rf2 .rf2-tab:active,.rf2 .rf2-icon-btn:active,.rf2 .rf2-pay-btn:active,.rf2 .rf2-pay-generate:active{transform:scale(.96);} .rf2 .rf2-btn-primary:hover{background:#5b52f0;box-shadow:0 4px 12px rgba(108,99,255,.35);transform:translateY(-1px);} .rf2 .rf2-btn-primary:active{transform:scale(.96);box-shadow:none;} .rf2 .rf2-btn-danger:hover{background:#fee2e2;} .rf2 .rf2-btn.rf2-btn-ghost:hover,.rf2 .rf2-btn-ghost:hover{background:#f9fafb;border-color:#d1d5db;} .rf2 .rf2-chip:hover{border-color:#6c63ff;} .rf2 .rf2-icon-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.08);} .rf2 .rf2-progress{height:6px;background:#e9ecef;border-radius:6px;overflow:hidden;margin:8px 0 0 0;} .rf2 .rf2-progress > div{height:100%;background:#22c55e;width:0;transition:width .2s;} .rf2 .rf-unsaved-dot{display:inline-block;width:8px;height:8px;background:#ffc107;border-radius:50%;margin-left:4px;animation:rf-pulse 1.2s infinite;} @keyframes rf-pulse{0%,100%{opacity:1;}50%{opacity:.3;}} .rf2 #rfImagesWrap #rfImagesToggle{margin-bottom:23px;} .rf2 #rfImagesWrap #rfImagesBody{margin-bottom:25px;} .rf2.rf-view-mode .rf2-images{margin:0 0 16px 0;} .rf2.rf-view-mode .rf2-images-grid{grid-template-columns:repeat(3,1fr);gap:10px;} .rf2.rf-view-mode .rf2-slot{height:100px;} .rf2.rf-view-mode .rf2-slot.is-empty{display:none;} .rf2.rf-view-mode .rf2-images .rf2-hint{display:none;} .rf2.rf-view-mode .rf2-images .rf2-hint{display:none;} .rf2 .rf2-images #rfImagesBody > label{display:block;margin:0 0 6px 0;} .rf2 .rf2-images #rfImagesBody > label{display:block;font-size:12px;font-weight:600;color:#4b5563;margin:0 0 6px 2px;} @media (max-width:992px){ .rf2.rf-view-mode .rf2-slot{height:88px;} .rf2 .rf2-images-grid{gap:8px;} .rf2 .rf2-live{justify-content:flex-start;} .rf2 .rf2-grid2.rf2-stack{grid-template-columns:1fr;} .rf2 .rf2-status{grid-template-columns:1fr 1fr;} .rf2 .rf2-btn-danger{padding:0 13px;} .rf2 .rf2-dur-wrap .rf2-input{padding-right:84px;} .rf2 .rf2-unit-btn{height:26px;padding:0 7px;font-size:11px;} .rf2 .rf2-unit{right:4px;} .rf2 .rf2-live{margin:25px 0 22px 0;padding:7px 10px;font-size:12px;gap:6px;} .rf2 .rf2-live-badge{font-size:10px;padding:2px 7px;} .rf2 .rf2-status{gap:6px;margin:0 0 18px 0;} .rf2 .rf2-status-btn{height:42px;font-size:12px;} .rf2 .rf2-pay-wrap{display:flex;width:100%;} .rf2 .rf2-pay-input{flex:1;width:auto;min-width:0;} } /* New form design ( workstation, client, service ) */ .kv-form{color:#1f2937;font-size:14px;background:#fff;} .kv-form *{box-sizing:border-box;} .kv-form .kv-form-head{display:flex;align-items:center;gap:12px;margin:0 0 14px 0;} .kv-form .kv-avatar{width:44px;height:44px;border-radius:12px;background:#6c63ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;} .kv-form .kv-form-head-info{flex:1;min-width:0;} .kv-form .kv-form-head-name{font-size:16px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .kv-form .kv-form-head-sub{font-size:12px;color:#6b7280;margin-top:2px;} .kv-form .kv-head-actions{display:flex;gap:8px;} .kv-form .kv-quote-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border:0;border-radius:10px;background:#6c63ff;color:#fff;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;} .kv-form .kv-quote-btn:hover{background:#5a52e0;} .kv-form .kv-icon-btn{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eef2ff;color:#4f46e5;font-size:16px;text-decoration:none;transition:transform .12s ease,box-shadow .15s ease;} .kv-form .kv-icon-wa{background:#dcfce7;color:#16a34a;} .kv-form .kv-icon-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.08);} .kv-form .kv-tabs{display:flex;background:#f1f3f7;border-radius:10px;padding:4px;gap:4px;margin:0 0 16px 0;} .kv-form .kv-tab{flex:1;height:36px;border:none;border-radius:8px;background:transparent;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s;} .kv-form .kv-tab.active{background:#fff;color:#111827;box-shadow:0 1px 3px rgba(0,0,0,.08);} .kv-form .kv-tab-content{display:none;} .kv-form .kv-tab-content.active{display:block;} .kv-form .kv-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:13px;margin:0 0 14px 0;} .kv-form .kv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 18px 0;} .kv-form .kv-stat{border:1px solid #edf0f5;border-radius:10px;padding:10px;text-align:center;background:#fafbfc;} .kv-form .kv-stat-value{font-size:15px;font-weight:700;color:#111827;line-height:1.2;} .kv-form .kv-stat-label{font-size:11px;color:#6b7280;margin-top:3px;} .kv-form .kv-field{margin:0 0 14px 0;position:relative;} .kv-form .kv-label{display:block;font-size:12px;font-weight:600;color:#4b5563;margin:0 0 6px 2px;} .kv-form .kv-label b{color:#ef4444;font-weight:600;} .kv-form .kv-input{width:100%;min-width:0;height:42px;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px;font-size:14px;color:#111827;background:#fff;outline:none;box-shadow:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none;} .kv-form .kv-input:focus{border-color:#6c63ff;box-shadow:0 0 0 3px rgba(108,99,255,.12);} .kv-form .kv-input::placeholder{color:#9ca3af;} .kv-form .kv-textarea{height:auto;min-height:64px;padding:10px 12px;resize:vertical;line-height:1.4;} .kv-form .kv-grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;} .kv-form .kv-segment{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px 0;} .kv-form .kv-segment-btn{position:relative;overflow:hidden;height:42px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .12s ease,border-color .15s ease,color .15s ease;} .kv-form .kv-segment-ok{--sg:#22c55e;} .kv-form .kv-segment-danger{--sg:#ef4444;} .kv-form .kv-segment-btn.active{border-color:var(--sg);color:var(--sg);} .kv-form .kv-segment-btn.active::before{content:'';position:absolute;inset:0;background:var(--sg);opacity:.1;pointer-events:none;} .kv-form .kv-segment-btn:hover{border-color:var(--sg);color:var(--sg);} .kv-form .kv-segment-btn:active{transform:scale(.96);} .kv-form .kv-section-title{font-size:13px;font-weight:700;color:#374151;margin:0 0 10px 2px;} .kv-form .kv-empty{font-size:13px;color:#9ca3af;padding:14px;text-align:center;border:1px dashed #e5e7eb;border-radius:10px;margin:0 0 18px 0;} .kv-form .kv-list{border:1px solid #edf0f5;border-radius:12px;overflow:hidden;margin:0 0 18px 0;} .kv-form .kv-list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #f1f3f7;} .kv-form .kv-list-item:last-child{border-bottom:none;} .kv-form .kv-list-main{flex:1;min-width:0;} .kv-form .kv-list-name{font-size:14px;font-weight:600;color:#111827;} .kv-form .kv-list-meta{font-size:12px;color:#6b7280;margin-top:2px;} .kv-form .kv-list-link{font-size:12px;color:#6c63ff;text-decoration:none;font-weight:600;display:inline-block;margin-top:4px;} .kv-form .kv-badge{position:relative;overflow:hidden;flex-shrink:0;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600;line-height:1.6;color:var(--st,#6b7280);} .kv-form .kv-badge::before{content:'';position:absolute;inset:0;background:var(--st,#9ca3af);opacity:.12;} .kv-form .kv-badge.status-scheduled{--st:var(--status-scheduled);background:none;} .kv-form .kv-badge.status-confirmed{--st:var(--status-confirmed);background:none;} .kv-form .kv-badge.status-ready{--st:var(--status-ready);background:none;} .kv-form .kv-badge.status-completed{--st:var(--status-completed);background:none;} .kv-form .kv-badge.status-cancelled{--st:var(--status-cancelled);background:none;} .kv-form .kv-badge.status-blocked{--st:var(--status-blocked);background:none;} .kv-form .kv-footer{background:#fff;border-top:1px solid #edf0f5;} .kv-form .kv-footer-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;} .kv-form .kv-footer-right{display:flex;gap:8px;} .kv-form .kv-btn{height:40px;padding:0 16px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:transform .12s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease;} .kv-form .kv-btn:active{transform:scale(.96);} .kv-form .kv-btn-primary{background:#6c63ff;color:#fff;} .kv-form .kv-btn-primary:hover{background:#5b52f0;box-shadow:0 4px 12px rgba(108,99,255,.35);transform:translateY(-1px);} .kv-form .kv-btn-primary:disabled{opacity:.6;cursor:default;} .kv-form .kv-btn-ghost{background:#fff;color:#374151;border-color:#e5e7eb;} .kv-form .kv-btn-ghost:hover{background:#f9fafb;border-color:#d1d5db;} .kv-form .kv-btn-danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca;} .kv-form .kv-btn-danger:hover{background:#fee2e2;} .kv-form .kv-unsaved-dot{display:inline-block;width:8px;height:8px;background:#ffc107;border-radius:50%;margin-left:4px;animation:kv-pulse 1.2s infinite;} @keyframes kv-pulse{0%,100%{opacity:1;}50%{opacity:.3;}} .kv-form .kv-limit-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f8f9fb;border:1px solid #edf0f5;border-radius:10px;padding:9px 12px;font-size:12px;color:#6b7280;margin:0 0 16px 0;} .kv-form .kv-limit-bar strong{font-size:13px;color:#111827;font-weight:700;} .kv-form .kv-choice{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;} .kv-form .kv-choice-btn{position:relative;overflow:hidden;height:42px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .12s ease,border-color .15s ease,color .15s ease,background .15s ease;} .kv-form .kv-choice-btn:hover{border-color:#6c63ff;color:#6c63ff;} .kv-form .kv-choice-btn:active{transform:scale(.96);} .kv-form .kv-choice-btn.active{border-color:#6c63ff;color:#6c63ff;background:#f5f4ff;} .kv-form .kv-help{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#6b7280;margin:0 0 8px 2px;line-height:1.35;} .kv-form .kv-chips-select{display:flex;flex-wrap:wrap;gap:6px;} .kv-form .kv-chip-select{height:32px;padding:0 14px;border-radius:20px;border:1px solid #e5e7eb;background:#fff;color:#4b5563;font-size:13px;font-weight:600;cursor:pointer;transition:transform .12s ease,border-color .15s ease,color .15s ease,background .15s ease;} .kv-form .kv-chip-select:hover{border-color:#6c63ff;color:#6c63ff;} .kv-form .kv-chip-select:active{transform:scale(.96);} .kv-form .kv-chip-select.active{background:#6c63ff;border-color:#6c63ff;color:#fff;} .kv-form .kv-chip-all{border-style:dashed;} .kv-form .kv-switch-row{display:flex;align-items:center;gap:10px;margin:0 0 16px 0;} .kv-form .kv-switch-label{font-size:13px;font-weight:600;color:#4b5563;} @media (max-width:992px){ .kv-form .kv-choice{grid-template-columns:1fr 1fr;} .kv-form .kv-stats{grid-template-columns:1fr 1fr;} .kv-form .kv-grid2{grid-template-columns:1fr;} .kv-form .kv-btn-danger{padding:0 13px;} .kv-form .kv-list-item{flex-direction:column;gap:6px;} } /* ###################################################################### MODULUL SERVICE - stiluri mutate din template-uri (15.10.2026) Fiecare sectiune e prefixata cu clasa paginii; .is-app = body in aplicatia iOS/Android ###################################################################### */ /* ====================================================================== Dashboard service (mutat din dashboard_service.twig) ====================================================================== */ #content.dashboard-page.dsv{padding-top:0;margin-top:0;} .dsv .dsv-trial{display:flex;align-items:center;gap:8px;margin:0 0 14px 0;padding:10px 14px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb;color:#92400e;font-size:13px;font-weight:600;text-decoration:none;} .dsv .dsv-trial .fa-chevron-right{margin-left:auto;font-size:11px;} .dsv .dsv-day{display:flex;align-items:center;gap:8px;margin:0 0 10px 0;font-size:17px;font-weight:800;color:#111827;} .dsv .dsv-day i{color:#6c63ff;font-size:15px;} .dsv .dsv-top{display:flex;align-items:stretch;gap:12px;margin:0 0 18px 0;} .dsv .dsv-stat{flex:1;display:flex;flex-direction:column;gap:2px;padding:16px 18px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;} .dsv .dsv-stat-n{font-size:34px;font-weight:800;line-height:1;color:#111827;} .dsv .dsv-stat-l{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#6b7280;} .dsv .dsv-stat.is-live .dsv-stat-n{color:#6c63ff;} .dsv .dsv-live{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7;} .dsv .dsv-add{flex:none;display:inline-flex;align-items:center;gap:8px;padding:0 20px;border:0;border-radius:14px;background:#6c63ff;color:#fff;font-size:14px;font-weight:700;cursor:pointer;} .dsv .dsv-add:hover{background:#5a52e8;} .dsv .dsv-sec{margin:0 0 20px 0;} .dsv .dsv-sec-head{display:flex;align-items:center;gap:8px;margin:0 0 10px 2px;font-size:14px;font-weight:800;color:#111827;} .dsv .dsv-sec-head i{color:#6c63ff;} .dsv .dsv-sec-head small{margin-left:4px;font-size:12px;font-weight:600;color:#9ca3af;} .dsv .dsv-ok{padding:14px 16px;border:1px dashed #d1fae5;border-radius:12px;background:#f0fdf4;color:#166534;font-size:13px;font-weight:600;} .dsv .dsv-ok.is-muted{border-color:#e5e7eb;background:#fff;color:#6b7280;} .dsv .dsv-todo{border:1px solid #e5e7eb;border-radius:14px;background:#fff;overflow:hidden;} .dsv .dsv-todo-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;border:0;border-top:1px solid #f1f2f4;background:#fff;color:#111827;text-align:left;text-decoration:none;cursor:pointer;} .dsv .dsv-todo > .dsv-todo-row:first-child{border-top:0;} .dsv .dsv-todo-row:hover{background:#fafaff;text-decoration:none;color:#111827;} .dsv .dsv-todo-ic{width:32px;height:32px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#fef3c7;color:#b45309;font-size:14px;} .dsv .dsv-todo-l{flex:1;min-width:0;font-size:14px;font-weight:600;} .dsv .dsv-todo-n{min-width:28px;height:26px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:#fee2e2;color:#b91c1c;font-size:13px;font-weight:800;} .dsv .dsv-todo-go{color:#9ca3af;font-size:12px;transition:transform .15s;} .dsv #dsvItpToggle.is-open .dsv-todo-go{transform:rotate(180deg);} .dsv .dsv-itp{border-top:1px solid #f1f2f4;background:#fafafa;padding:4px 16px 8px 60px;} .dsv .dsv-itp-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid #eef0f3;font-size:13px;} .dsv .dsv-itp-row:first-child{border-top:0;} .dsv .dsv-itp-car{flex:1.3;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#374151;} .dsv .dsv-itp-car b{color:#111827;} .dsv .dsv-itp-client{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6b7280;} .dsv .dsv-itp-date{flex:none;font-weight:700;color:#92400e;white-space:nowrap;} .dsv .dsv-itp-date.is-exp{color:#b91c1c;} .dsv .dsv-itp-tel{flex:none;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#eef0ff;color:#6c63ff;} .dsv .dsv-ws{margin:0 0 12px 0;} .dsv .dsv-ws-name{margin:0 0 6px 2px;font-size:12.5px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;} .dsv .dsv-ws-name span{margin-left:4px;color:#9ca3af;} .dsv .dsv-list{border:1px solid #e5e7eb;border-radius:14px;background:#fff;overflow:hidden;} .dsv .dsv-res{display:flex;align-items:center;gap:14px;padding:12px 16px;border-top:1px solid #f1f2f4;color:#374151;text-decoration:none;} .dsv .dsv-res:first-child{border-top:0;} .dsv .dsv-res:hover{background:#fafaff;text-decoration:none;color:#111827;} .dsv .dsv-res.is-now{background:#f5f4ff;box-shadow:inset 3px 0 0 #6c63ff;} .dsv .dsv-res.is-past .dsv-res-t,.dsv .dsv-res.is-past .dsv-res-car{color:#9ca3af;} .dsv .dsv-res-t{flex:none;width:104px;font-size:13px;font-weight:700;color:#111827;white-space:nowrap;} .dsv .dsv-res-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;} .dsv .dsv-res-car{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .dsv .dsv-res-car b{color:#111827;letter-spacing:.3px;} .dsv .dsv-res-sub{font-size:12.5px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .dsv .dsv-res-q{flex:none;} .dsv .dsv-chip{display:inline-block;padding:4px 8px;border-radius:6px;font-size:11.5px;font-weight:700;white-space:nowrap;} .dsv .dsv-chip.is-pending{background:#fef3c7;color:#92400e;} .dsv .dsv-chip.is-accepted{background:#dbeafe;color:#1e40af;} .dsv .dsv-chip.is-invoiced{background:#dcfce7;color:#166534;} .dsv .dsv-chip.is-rejected{background:#fee2e2;color:#b91c1c;} .dsv .dsv-chip.is-none{background:#f3f4f6;color:#9ca3af;} .dsv .dsv-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));} .dsv .dsv-stat-l i{font-size:12px;color:#9ca3af;} .dsv .dsv-stat.is-work.is-on .dsv-stat-n{color:#d97706;} .dsv .dsv-stat.is-ready.is-on .dsv-stat-n{color:#16a34a;} .dsv .dsv-stat.is-delivered.is-on .dsv-stat-n{color:#2563eb;} .dsv .dsv-stat.is-work .dsv-live{background:#f59e0b;box-shadow:0 0 0 4px #fef3c7;} .dsv .dsv-res.is-now{background:#fffbeb;box-shadow:inset 3px 0 0 #f59e0b;} .dsv .dsv-res.is-free{color:#9ca3af;font-size:13px;} .dsv .dsv-chip{display:inline-flex;align-items:center;gap:6px;} .dsv .dsv-chip .dsv-live{width:7px;height:7px;box-shadow:none;background:#f59e0b;} .dsv .dsv-chip.is-w-none{background:#f3f4f6;color:#6b7280;} .dsv .dsv-chip.is-w-progress{background:#fef3c7;color:#92400e;} .dsv .dsv-chip.is-w-done{background:#dcfce7;color:#166534;} .dsv .dsv-chip.is-w-delivered{background:#dbeafe;color:#1e40af;} @media (max-width:767px){ .dsv .dsv-top{grid-template-columns:1fr 1fr;} } .dsv .dsv-month{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px;padding:14px 18px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;} .dsv .dsv-month span{display:flex;flex-direction:column;} .dsv .dsv-month small{font-size:12px;color:#6b7280;font-weight:600;} .dsv .dsv-month b{font-size:17px;color:#111827;} .dsv .dsv-month-go{margin-left:auto;font-size:13px;font-weight:700;color:#6c63ff;text-decoration:none;} /* dashboard service: programarile de azi pe posturi (receptia, doar de afisat) */ .dsv .dsv-wsl{border:1px solid #e5e7eb;border-radius:14px;background:#fff;overflow:hidden;} .dsv .dsv-wsl-row{display:flex;align-items:center;gap:16px;padding:13px 16px;border-top:1px solid #f1f2f4;color:#374151;} .dsv .dsv-wsl > .dsv-wsl-row:first-child{border-top:0;} .dsv .dsv-wsl-row.is-now{box-shadow:inset 3px 0 0 #6c63ff;} .dsv .dsv-wsl-name{flex:1;min-width:0;font-size:14px;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .dsv .dsv-wsl-n{flex:none;font-size:13px;color:#6b7280;white-space:nowrap;} .dsv .dsv-wsl-n b{font-size:15px;color:#111827;} .dsv .dsv-wsl-range{flex:none;width:118px;font-size:13px;font-weight:600;color:#374151;white-space:nowrap;} .dsv .dsv-wsl-range i{margin-right:4px;color:#9ca3af;} .dsv .dsv-wsl-free{flex:none;padding:3px 9px;border-radius:6px;background:#f0fdf4;color:#166534;font-size:12px;font-weight:700;} .dsv .dsv-wsl-row.is-free .dsv-wsl-name{color:#6b7280;font-weight:600;} @media (max-width:767px){ .dsv .dsv-top{flex-wrap:wrap;gap:10px;} .dsv .dsv-stat{flex:1 1 40%;padding:14px;} .dsv .dsv-stat-n{font-size:28px;} .dsv .dsv-add{flex:1 1 100%;height:48px;justify-content:center;} .dsv .dsv-res{flex-wrap:wrap;gap:4px 12px;padding:12px 14px;} .dsv .dsv-res-t{width:auto;} .dsv .dsv-res-main{flex-basis:100%;order:3;} .dsv .dsv-res-q{margin-left:auto;} .dsv .dsv-itp{padding:4px 14px 8px 14px;} .dsv .dsv-itp-row{flex-wrap:wrap;gap:2px 10px;} .dsv .dsv-itp-car{flex-basis:100%;} .dsv .dsv-month-go{margin-left:0;flex-basis:100%;} .dsv .dsv-wsl-row{gap:10px;padding:12px 14px;} .dsv .dsv-wsl-n,.dsv .dsv-wsl-range{font-size:12.5px;} .dsv .dsv-wsl-range{width:auto;} .dsv .dsv-wsl-range i{display:none;} } /* ====================================================================== Rapoarte service (mutat din reports_service.twig) ====================================================================== */ .rsv .rsv-money{display:flex;align-items:stretch;gap:10px;margin:0 0 16px 0;} .rsv .rsv-m{flex:1;display:flex;flex-direction:column;gap:3px;padding:16px 18px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;} .rsv .rsv-m small{font-size:12.5px;font-weight:600;color:#6b7280;} .rsv .rsv-m b{font-size:24px;font-weight:800;color:#111827;line-height:1.15;} .rsv .rsv-m span{font-size:12px;color:#9ca3af;} .rsv .rsv-m.is-total{border-color:#c7c3ff;background:#f5f4ff;} .rsv .rsv-m.is-total b{color:#4f46e5;} .rsv .rsv-plus{display:flex;align-items:center;font-size:20px;font-weight:700;color:#d1d5db;} .rsv .rsv-legend{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap;font-size:12px;color:#6b7280;} .rsv .rsv-legend span{display:inline-block;width:10px;height:10px;border-radius:3px;margin-left:6px;} .rsv .rsv-legend .is-inv,.rsv .rp-bar .is-inv{background:#6c63ff;} .rsv .rsv-legend .is-noq,.rsv .rp-bar .is-noq{background:#c7c3ff;} .session-types-page .st-list{background:#fff;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden;margin-bottom:20px;} .session-types-page .st-row{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid #f1f2f4;} .session-types-page .st-row:last-child{border-bottom:0;} .session-types-page .st-row.is-off .st-row-main,.session-types-page .st-row.is-off .st-row-meta span:not(.st-row-off){opacity:.55;} .session-types-page .st-row-main{flex:1;min-width:0;} .session-types-page .st-row-name{font-size:14px;font-weight:600;color:#111827;} .session-types-page .st-row-desc{margin-top:2px;font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .session-types-page .st-row-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:#4b5563;white-space:nowrap;} .session-types-page .st-row-price{min-width:90px;font-weight:600;color:#111827;text-align:right;} .session-types-page .st-row-off{padding:3px 8px;border-radius:6px;background:#fee2e2;font-size:11px;font-weight:600;color:#b91c1c;} .session-types-page .st-row-actions{display:flex;gap:6px;} .session-types-page .st-row-actions button{padding:6px 10px;border:0;border-radius:8px;background:#f3f4f6;font-size:12px;font-weight:600;color:#4b5563;white-space:nowrap;} .session-types-page .st-row-actions button:hover{background:#e5e7eb;} .kv-form .st-more-btn{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;padding:0;border:0;background:none;font-size:13px;font-weight:600;color:#6c63ff;} .kv-form #stWsChips{margin-top:10px;} @media (max-width:600px){.session-types-page .st-row{flex-wrap:wrap;gap:8px 12px;}.session-types-page .st-row-main{flex:1 1 100%;}.session-types-page .st-row-meta{flex:1;}.session-types-page .st-row-price{min-width:0;}.session-types-page .st-row-actions span{display:none;}} .booking-page-admin .st-section-body .st-day-name{width:150px;} .booking-page-admin .st-day-row .form-control{flex:1;min-width:0;margin:0;} .booking-page-admin .bp-row-top{align-items:flex-start;} .booking-page-admin .bp-row-top .st-day-name{padding-top:4px;} .booking-page-admin .bp-row-fill{flex:1;min-width:0;} .booking-page-admin .bp-color{display:flex;align-items:center;gap:10px;} .booking-page-admin .bp-color input[type="color"]{flex:none;width:38px;height:38px;padding:0;border:1px solid #e5e7eb;border-radius:10px;background:none;overflow:hidden;cursor:pointer;} .booking-page-admin .bp-color input[type="color"]::-webkit-color-swatch-wrapper{padding:0;} .booking-page-admin .bp-color input[type="color"]::-webkit-color-swatch{border:0;} .booking-page-admin .bp-color input[type="color"]::-moz-color-swatch{border:0;} .booking-page-admin .bp-color .form-control{flex:none;width:120px;text-transform:uppercase;} .booking-page-admin .st-sub{margin:6px 0 6px;} .booking-page-admin .bp-toggles{margin-top:16px;padding-top:16px;border-top:1px solid #f5f5f5;} .booking-page-admin .bp-toggles .st-toggle-row{margin-bottom:16px;} .booking-page-admin .bp-toggles textarea.form-control{height:auto;resize:vertical;line-height:1.5;} @media(max-width:600px){.booking-page-admin .st-section-body .st-day-name{width:100%;}.booking-page-admin .st-day-row{gap:6px;}.booking-page-admin .st-day-row .form-control{flex:1 1 100%;}.booking-page-admin .bp-color .form-control{flex:none;}} .rf2 .rf2-svc-price{margin-top:6px;font-size:12px;font-weight:600;color:#6b7280;} .rsv .rp-chart-bars{width:100%;box-sizing:border-box;} .rsv .rp-bar-wrap{flex:1;} .rsv .rp-bar,.rsv .rp-bar-empty{width:100%;max-width:72px;} .rsv .rp-bar{display:flex;flex-direction:column-reverse;overflow:hidden;background:transparent !important;} .rsv .rp-bar i{display:block;width:100%;} .rsv .rsv-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;} .rsv .rsv-grid > .cl-table-panel{margin-bottom:16px;} .rsv .rsv-kv{display:grid;grid-template-columns:1fr 1fr;gap:8px;} .rsv .rsv-kv > div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid #f1f2f4;border-radius:10px;background:#fafafa;} .rsv .rsv-kv span{font-size:12px;color:#6b7280;} .rsv .rsv-kv b{font-size:16px;color:#111827;} .rsv .rsv-kv b small{font-size:12px;color:#6b7280;font-weight:600;} .rsv .rsv-kv b.is-good{color:#16a34a;} .rsv .rsv-kv b.is-bad{color:#dc2626;} .rsv .rsv-sub{margin-top:16px;} .rsv .rsv-note{margin:4px 0 20px 2px;font-size:12px;color:#9ca3af;} @media (max-width:991px){.rsv .rsv-grid{grid-template-columns:1fr;gap:0;}} @media (max-width:767px){ .rsv .rsv-money{flex-direction:column;gap:8px;} .rsv .rsv-plus{display:none;} .rsv .rsv-m b{font-size:21px;} } /* ====================================================================== Lista Programari (mutat din reservations.twig) ====================================================================== */ .res-q{display:inline-block;padding:3px 8px;border-radius:6px;font-size:11.5px;font-weight:700;white-space:nowrap;} .res-q.is-pending{background:#fef3c7;color:#92400e;} .res-q.is-accepted{background:#dbeafe;color:#1e40af;} .res-q.is-invoiced{background:#dcfce7;color:#166534;} .res-q.is-rejected{background:#fee2e2;color:#b91c1c;} .res-q.is-none{background:#f3f4f6;color:#9ca3af;} .res-page-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;} .res-ws-switcher select{min-width:180px;font-weight:600;} /* telefon: lista Programari ca carduri, fara scroll orizontal */ @media (max-width:767px){ #reservationsTable thead{display:none;} #reservationsTable,#reservationsTable tbody{display:block;width:100%;} #reservationsTable tbody tr.res-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;row-gap:8px;padding:12px 14px;border-bottom:1px solid #f1f2f4;} #reservationsTable tbody tr.res-row:last-child{border-bottom:0;} #reservationsTable tbody tr.res-row td{display:block;padding:0 !important;border:0 !important;min-width:0;} #reservationsTable tbody tr.res-row td.cl-hide-mobile{display:none !important;} #reservationsTable td.res-c-client{grid-column:1;grid-row:1;} #reservationsTable td.res-c-status{grid-column:2;grid-row:1;justify-self:end;align-self:start;} #reservationsTable td.res-c-datetime{grid-column:1;grid-row:2;display:flex !important;align-items:baseline;gap:6px;white-space:nowrap;font-size:13px;} #reservationsTable td.res-c-datetime .cl-muted{font-size:12px !important;} #reservationsTable td.res-c-quote{grid-column:2;grid-row:2;justify-self:end;max-width:100%;} #reservationsTable td.res-c-quote .res-q{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;} #reservationsTable .cl-client-info{min-width:0;} #reservationsTable .cl-client-name,#reservationsTable .cl-client-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #reservationsTable tbody tr:not(.res-row) td{display:block;} } /* ====================================================================== Formular programare (reservation_form) (mutat din reservation_form.twig) ====================================================================== */ /* doar in app */ body.is-app:has(#rf2) #loading-bar{display:none !important;} /* doar in app */ body.is-app #rf2.cf-wrap.reservation_form{padding-bottom:calc(60px + env(safe-area-inset-bottom)) !important;} body.is-app .rf2:where(:not(.qf)) .rf2-footer{position:fixed;bottom:0;left:0;right:0;padding:0 15px env(safe-area-inset-bottom) 15px;z-index:10;} /* doar pe desktop (modal) */ .modal-body:has(#rf2){padding:15px 15px 0 15px !important;} body:not(.is-app) .cf-wrap.reservation_form::-webkit-scrollbar{display:none;} body:not(.is-app) .rf2:where(:not(.qf)) .rf2-footer{position:sticky;bottom:0;left:0;right:0;margin:6px -15px 0 -15px;padding:0 15px;z-index:10;} .rf2:where(:not(.qf)).rf-view-mode .rf2-view{margin:0 !important;gap:10px !important;padding-bottom:24px !important;} .rf2:where(:not(.qf)).rf-view-mode .rf2-vcard{padding:11px 13px !important;} .rf2:where(:not(.qf)).rf-view-mode .rf2-status{margin:0 !important;padding-bottom:24px !important;} .rf2:where(:not(.qf)).rf-view-mode .rf2-viewbar{margin:0 0 16px 0 !important;} .rf2:where(:not(.qf)) .rf2-bulk-links{margin:-4px 0 14px 0;} .rf2:where(:not(.qf)) #rfBulkCal{display:none !important;} .rf2:where(:not(.qf)) .rf2-link-btn.rf2-link-muted{color:#6b7280;} .rf2:where(:not(.qf)) .rf2-bulk-cal .flatpickr-calendar{width:100% !important;max-width:100%;box-shadow:none !important;border:1px solid #e5e7eb;border-radius:12px;padding:6px 4px;} .rf2:where(:not(.qf)) .rf2-bulk-cal .flatpickr-rContainer,.rf2:where(:not(.qf)) .rf2-bulk-cal .flatpickr-days,.rf2:where(:not(.qf)) .rf2-bulk-cal .dayContainer{width:100% !important;min-width:100% !important;max-width:100% !important;} .rf2:where(:not(.qf)) .rf2-bulk-cal .flatpickr-day{max-width:none;flex-basis:14.2857%;height:40px;line-height:40px;border-radius:10px;} .rf2:where(:not(.qf)) .rf2-bulk-cal .flatpickr-day.selected,.rf2:where(:not(.qf)) .rf2-bulk-cal .flatpickr-day.selected:hover{background:#6c63ff;border-color:#6c63ff;color:#fff;} .rf2:where(:not(.qf)) .rf2-bulk-cal .flatpickr-day.today{border-color:#c7d2fe;} .rf2:where(:not(.qf)) .rf2-bulk-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 2px 6px 2px;font-size:12px;color:#6b7280;} .rf2:where(:not(.qf)) .rf2-bulk-meta b{color:#111827;} .rf2:where(:not(.qf)) .rf2-bulk-days{display:flex;flex-wrap:wrap;gap:6px;} .rf2:where(:not(.qf)) .rf2-bulk-day{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 6px 0 10px;border-radius:20px;background:#f5f4ff;border:1px solid #c7d2fe;color:#4338ca;font-size:12px;font-weight:600;cursor:pointer;} .rf2:where(:not(.qf)) .rf2-bulk-day i{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e0e7ff;font-size:9px;} .rf2:where(:not(.qf)) .rf2-bulk-ws-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px 2px;} .rf2:where(:not(.qf)) .rf2-bulk-ws-head label{margin:0;font-size:12px;font-weight:600;color:#4b5563;} .rf2:where(:not(.qf)) .rf2-bulk-ws-head label b{color:#ef4444;font-weight:600;} .rf2:where(:not(.qf)) .rf2-bulk-ws-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;} .rf2:where(:not(.qf)) .rf2-bulk-ws{display:flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:8px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s;} .rf2:where(:not(.qf)) .rf2-bulk-ws input[type="checkbox"]{-webkit-appearance:none;appearance:none;position:relative;width:18px;height:18px;margin:0;flex-shrink:0;border:1.5px solid #d1d5db;border-radius:5px;background:#fff;cursor:pointer;transition:background .15s,border-color .15s;} .rf2:where(:not(.qf)) .rf2-bulk-ws input[type="checkbox"]:checked{background:#6c63ff !important;border-color:#6c63ff !important;} .rf2:where(:not(.qf)) .rf2-bulk-ws input[type="checkbox"]:checked::after{content:'' !important;display:block !important;position:absolute !important;top:45% !important;left:50% !important;width:5px !important;height:9px !important;border:solid #fff;border-width:0 2px 2px 0;background:none !important;transform:translate(-50%,-50%) rotate(45deg) !important;} .rf2:where(:not(.qf)) .rf2-bulk-ws:has(input:checked){border-color:#6c63ff;background:#f5f4ff;} .rf2:where(:not(.qf)) .rf2-bulk-ws-name{flex:1;min-width:0;font-size:13px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .rf2:where(:not(.qf)) .rf2-bulk-ws-free{font-size:11px;font-weight:600;color:#16a34a;white-space:nowrap;} .rf2:where(:not(.qf)) .rf2-bulk-ws-busy{font-size:11px;font-weight:600;color:#b91c1c;white-space:nowrap;} .rf2:where(:not(.qf)) .rf2-bulk-ws.is-busy{background:#fafafa;cursor:not-allowed;opacity:.7;} .rf2:where(:not(.qf)) .rf2-bulk-ws.is-busy input{cursor:not-allowed;} .rf2:where(:not(.qf)) .rf2-bulk-empty{grid-column:1 / -1;padding:14px;border:1px dashed #e5e7eb;border-radius:10px;font-size:13px;color:#9ca3af;text-align:center;} @media (max-width:992px){.rf2:where(:not(.qf)) .rf2-bulk-ws-list{grid-template-columns:1fr;}} .rf2:where(:not(.qf)) .rf2-veh-chips{display:flex;flex-wrap:wrap;gap:6px;} .rf2:where(:not(.qf)) .rf2-veh-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;color:#374151;cursor:pointer;transition:border-color .15s,background .15s;} .rf2:where(:not(.qf)) .rf2-veh-chip:hover{border-color:#c7d2fe;background:#fafaff;} .rf2:where(:not(.qf)) .rf2-veh-chip.active{border-color:#6c63ff;background:#f5f4ff;color:#111827;font-weight:600;} .rf2:where(:not(.qf)) .rf2-veh-chip .fa-car{color:#6c63ff;} .rf2:where(:not(.qf)) .rf2-veh-chip-new{border-style:dashed;color:#6c63ff;} .rf2:where(:not(.qf)) .rf2-veh-edit{margin-left:2px;padding:4px;color:#6b7280;cursor:pointer;} .rf2:where(:not(.qf)) .rf2-veh-edit:hover{color:#6c63ff;} .rf2:where(:not(.qf)) .rf2-veh-new{margin-top:10px;padding:12px;border:1px dashed #c7d2fe;border-radius:10px;background:#fafaff;} .rf2:where(:not(.qf)) .rf2-veh-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;} .rf2:where(:not(.qf)) .rf2-veh-km-toggle{margin-top:12px;} .rf2:where(:not(.qf)) .rf2-veh-extra-toggle{margin-top:10px;} .rf2:where(:not(.qf)) .rf2-veh-extra{display:grid;gap:8px;margin-top:10px;} .rf2-veh-new .rf2-veh-vin{display:block;width:100%;margin-top:8px;} .rf2:where(:not(.qf)) .rf2-veh-km{margin-top:12px;} .rf2 .rf2-work-km{margin:10px 0;} .rf2 .rf2-work-km label{display:block;margin:0 0 6px 2px;font-size:12px;font-weight:600;color:#4b5563;} .rf2 .rf2-work-km label b{color:#ef4444;} .rf2 .rf2-work-btn.is-off{opacity:.55;} .mv .mv-work-km{padding:0 0 10px;} .mv .mv-work-km label{display:block;margin:0 0 6px 2px;font-size:12px;font-weight:600;color:#4b5563;} .mv .mv-work-km label b{color:#ef4444;} .mv .mv-work-btn.is-off{opacity:.55;} .rf2:where(:not(.qf)) .rf2-veh-km label{display:block;font-size:12px;font-weight:600;color:#4b5563;margin:0 0 6px 2px;} .rf2:where(:not(.qf)) .rf2-suggest-cars{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px;} .rf2:where(:not(.qf)) .rf2-suggest-car{display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:1;color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:4px 7px;} .rf2:where(:not(.qf)) .rf2-suggest-car:hover{background:#eef0ff;border-color:#c7c3ff;} .rf2:where(:not(.qf)) .rf2-suggest-car i{color:#6c63ff;font-size:10px;} .rf2:where(:not(.qf)) .rf2-suggest-car-more{font-size:11px;color:#6b7280;padding:4px 2px;} .rf2:where(:not(.qf)) .rf2-veh-detected{display:flex;align-items:center;gap:6px;font-size:12px;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:8px 10px;margin-bottom:8px;line-height:1.35;} .rf2:where(:not(.qf)) .rf2-veh-detected b{color:#111827;} .rf2:where(:not(.qf)) .rf2-suggest-group{padding:6px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#9ca3af;background:#fafafa;border-bottom:1px solid #f3f4f6;} @media (max-width:992px){.rf2:where(:not(.qf)) .rf2-veh-grid{grid-template-columns:1fr;}} .rf2:where(:not(.qf)) .rf2-group{margin:0 0 16px 0;} .rf2:where(:not(.qf)) .rf2-group-title{display:flex;align-items:center;gap:6px;margin:0 0 8px 2px;font-size:12px;font-weight:700;color:#4b5563;} .rf2:where(:not(.qf)) .rf2-group-title i{color:#6c63ff;} .rf2:where(:not(.qf)) .rf2-group-list{display:flex;flex-direction:column;gap:6px;margin:0 0 10px 0;} .rf2:where(:not(.qf)) .rf2-group-day{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#111827;text-decoration:none;transition:border-color .15s,background .15s;} .rf2:where(:not(.qf)) .rf2-group-day:hover{border-color:#c7d2fe;background:#fafaff;text-decoration:none;color:#111827;} .rf2:where(:not(.qf)) .rf2-group-day.current{border-color:#6c63ff;background:#f5f4ff;cursor:default;} .rf2:where(:not(.qf)) .rf2-group-idx{min-width:34px;padding:2px 6px;border-radius:6px;background:#eef0ff;color:#4338ca;font-size:11px;font-weight:700;text-align:center;} .rf2:where(:not(.qf)) .rf2-group-date{flex:1;min-width:0;font-size:13px;font-weight:600;} .rf2:where(:not(.qf)) .rf2-group-time{font-size:12px;color:#6b7280;white-space:nowrap;} .rf2:where(:not(.qf)) .rf2-group-add{margin-top:10px;padding:12px;border:1px dashed #c7d2fe;border-radius:10px;background:#fafaff;} .rf2:where(:not(.qf)) .rf2-group-add-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:8px;} .rf2:where(:not(.qf)) .rf2-group-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:10px;} .rf2:where(:not(.qf)) .rf2-group-error{margin-top:8px;font-size:12px;color:#ef4444;} .rf2:where(:not(.qf)) .rf2-qlink{margin:0 0 16px 0;} .rf2:where(:not(.qf)) .rf2-qlink-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;} .rf2:where(:not(.qf)) .rf2-qlink-doc,.rf2:where(:not(.qf)) .rf2-qlink-pick{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#111827;text-decoration:none;font-size:13px;} .rf2:where(:not(.qf)) .rf2-qlink-doc:hover,.rf2:where(:not(.qf)) .rf2-qlink-pick:hover{border-color:#c7d2fe;background:#fafaff;text-decoration:none;color:#111827;} .rf2:where(:not(.qf)) .rf2-qlink-doc i{margin-left:auto;color:#9ca3af;font-size:11px;} .rf2:where(:not(.qf)) .rf2-qlink-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border-radius:5px;padding:3px 6px;line-height:1;background:#eef0ff;color:#6c63ff;} .rf2:where(:not(.qf)) .rf2-qlink-type.is-quote{background:#fff4e5;color:#c26a00;} .rf2:where(:not(.qf)) .rf2-qlink-total{color:#374151;} .rf2:where(:not(.qf)) .rf2-qlink-booked{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;background:#eef0ff;color:#5b5bd6;font-size:11.5px;font-weight:600;white-space:nowrap;} .rf2:where(:not(.qf)) .rf2-qlink-date{margin-left:auto;font-size:12px;color:#9ca3af;} .rf2:where(:not(.qf)) .rf2-qlink-actions{display:flex;flex-wrap:wrap;gap:8px;} .rf2:where(:not(.qf)) .rf2-qlink-list{display:flex;flex-direction:column;gap:6px;margin-top:8px;} .rf2:where(:not(.qf)) .rf2-qlink-empty{font-size:13px;color:#9ca3af;padding:4px 2px;} .rf2:where(:not(.qf)) .rf2-qlink-pending{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:7px 10px;} .rf2:where(:not(.qf)) .rf2-qlink-new{margin:14px 0 14px 0;padding-top:12px;border-top:1px solid #f3f4f6;} .rf2:where(:not(.qf)) .rf2-doctabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 0 14px 0;padding:4px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;} .rf2:where(:not(.qf)) .rf2-doctab{display:flex;align-items:center;justify-content:center;gap:7px;height:38px;border:0;border-radius:9px;background:none;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;} .rf2:where(:not(.qf)) .rf2-doctab.active{background:#fff;color:#111827;box-shadow:0 1px 3px rgba(17,24,39,.08);} .rf2:where(:not(.qf)) .rf2-doctab.active i{color:#6c63ff;} .rf2:where(:not(.qf)) .rf2-doctab-cnt{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#eef0ff;color:#6c63ff;font-size:11px;} .rf2:where(:not(.qf)):not(.rf-docs-on) #rfDocsPane{display:none;} .rf2:where(:not(.qf)).rf-docs-on > :not(.rf2-head):not(#rfDocTabs):not(#rfDocsPane):not(.rf2-footer):not(style):not(script){display:none !important;} .rf2:where(:not(.qf)).rf-docs-on #rfDocsPane .rf2-qlink:last-child{margin-bottom:6px;} .rf2:where(:not(.qf)) .rf2-insp-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#111827;text-decoration:none;font-size:13px;} .rf2:where(:not(.qf)) .rf2-insp-row:hover,.rf2:where(:not(.qf)) .rf2-insp-row:focus{border-color:#c7d2fe;background:#fafaff;text-decoration:none;color:#111827;} .rf2:where(:not(.qf)) .rf2-insp-row > i.fa-chevron-right{color:#9ca3af;font-size:11px;} .rf2:where(:not(.qf)) .rf2-insp-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;} .rf2:where(:not(.qf)) .rf2-insp-ph{font-weight:400;color:#6b7280;} .rf2:where(:not(.qf)) .rf2-insp-last{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .rf2:where(:not(.qf)) .rf2-insp-none{color:#9ca3af;} .rf2:where(:not(.qf)) .rf2-insp-add{font-size:12px;font-weight:600;color:#6c63ff;white-space:nowrap;} .rf2:where(:not(.qf)) .rf2-insp-chip{font-size:11px;font-weight:700;border-radius:6px;padding:4px 8px;line-height:1;white-space:nowrap;} .rf2:where(:not(.qf)) .rf2-insp-chip.is-new{background:#fee2e2;color:#b91c1c;} .rf2:where(:not(.qf)) .rf2-insp-chip.is-taken{background:#fef3c7;color:#92400e;} .rf2:where(:not(.qf)) .rf2-qtotal{display:flex;align-items:center;gap:8px;color:#111827;text-decoration:none;cursor:pointer;background:#f5f4ff;border-color:#e0defd;} .rf2:where(:not(.qf)) .rf2-qtotal:hover{text-decoration:none;color:#111827;border-color:#c7c3ff;} .rf2:where(:not(.qf)) .rf2-qtotal span{font-size:12px;font-weight:700;color:#6c63ff;} .rf2:where(:not(.qf)) .rf2-qtotal i{margin-left:auto;color:#9ca3af;font-size:11px;} .rf2:where(:not(.qf)) .rf2-itp{display:flex;align-items:center;gap:10px;margin:0;font-weight:normal;} .rf2:where(:not(.qf)) .rf2-itp span{flex:none;font-size:13px;font-weight:600;color:#6b7280;white-space:nowrap;} .rf2:where(:not(.qf)) .rf2-itp span i{color:#6c63ff;margin-right:4px;} .rf2:where(:not(.qf)) .rf2-itp input{flex:1;min-width:0;} .rf2:where(:not(.qf)) .rf2-insp-chip.is-closed,.rf2:where(:not(.qf)) .rf2-insp-chip.is-done{background:#dcfce7;color:#166534;} .rf2:where(:not(.qf)) .rf2-hist-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:600;color:#6c63ff;text-decoration:none;} .rf2:where(:not(.qf)) .rf2-hist-link:hover{text-decoration:underline;color:#4f46e5;} .rf2:where(:not(.qf)) .rf2-hist-link-view{display:inline-flex;margin-top:4px;} .rf2-hist-ov{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(17,24,39,.5);} .rf2-hist-box{width:100%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;background:#f9fafb;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.25);overflow:hidden;} .rf2-hist-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:#fff;border-bottom:1px solid #eef0f4;font-size:15px;} .rf2-hist-close{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#374151;cursor:pointer;} .rf2-hist-body{padding:12px;overflow:auto;-webkit-overflow-scrolling:touch;} .rf2-hist-loading{padding:30px;text-align:center;color:#9ca3af;} .rf2-hist-note{margin-top:8px;font-size:12px;color:#6b7280;text-align:center;} @media (max-width:600px){.rf2-hist-ov{padding:0;align-items:flex-end;}.rf2-hist-box{max-width:none;border-radius:16px 16px 0 0;max-height:88vh;padding-bottom:env(safe-area-inset-bottom);}} .rf2:where(:not(.qf)) .rf2-ready-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;border:1px solid #bbf7d0;border-radius:12px;background:#f0fdf4;color:#15803d;font-size:14px;font-weight:700;cursor:pointer;} .rf2:where(:not(.qf)) .rf2-ready-btn:hover{background:#dcfce7;} .rf2:where(:not(.qf)) .rf2-ready-btn:disabled{opacity:.6;cursor:default;} .rf2:where(:not(.qf)) .rf2-ready-sent{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #bbf7d0;border-radius:12px;background:#f0fdf4;color:#166534;font-size:13px;font-weight:600;} .rf2:where(:not(.qf)) .rf2-ready-skip{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;font-weight:600;color:#6b7280;text-decoration:underline;text-underline-offset:2px;} .rf2:where(:not(.qf)) .rf2-ready-skip:hover{color:#374151;} .rf2:where(:not(.qf)) .rf2-works{display:flex;flex-direction:column;gap:8px;} .rf2:where(:not(.qf)) .rf2-works-toggle{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;} .rf2:where(:not(.qf)) .rf2-works-chev{font-size:11px;transition:transform .15s;} .rf2:where(:not(.qf)) .rf2-works-toggle.is-open .rf2-works-chev{transform:rotate(180deg);} .rf2:where(:not(.qf)) .rf2-works-list{padding:6px 14px;border:1px solid #eceef3;border-radius:12px;background:#fff;} .rf2:where(:not(.qf)) .rf2-works-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f3f4f6;} .rf2:where(:not(.qf)) .rf2-works-item:last-child{border-bottom:0;} .rf2:where(:not(.qf)) .rf2-works-tag{width:26px;min-width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;} .rf2:where(:not(.qf)) .rf2-works-item[data-type="part"] .rf2-works-tag{background:#fff4e5;color:#c26a00;} .rf2:where(:not(.qf)) .rf2-works-item[data-type="labor"] .rf2-works-tag{background:#eef0ff;color:#6c63ff;} .rf2:where(:not(.qf)) .rf2-works-name{flex:1;min-width:0;font-size:13.5px;font-weight:600;color:#111827;} .rf2:where(:not(.qf)) .rf2-works-qty{flex:0 0 auto;font-size:12.5px;color:#6b7280;white-space:nowrap;} .rf2:where(:not(.qf)) .rf2-sibs{display:flex;flex-direction:column;gap:6px;} .rf2:where(:not(.qf)) .rf2-sib{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;border:1px solid #fde68a;border-radius:10px;background:#fffbeb;color:#92400e;font-size:12.5px;font-weight:600;line-height:1.4;} .rf2:where(:not(.qf)) .rf2-sib > i{margin-top:2px;} .rf2:where(:not(.qf)) .rf2-sib.is-sent{border-color:#bbf7d0;background:#f0fdf4;color:#166534;} .ac-overlay.rf2-gc .ac-box{max-width:340px;} .ac-overlay.rf2-gc .ac-box .ac-actions{flex-direction:column;} .ac-overlay.rf2-gc .ac-box .ac-actions .ac-btn{flex:none;width:100%;} @media (max-width:992px){.rf2:where(:not(.qf)) .rf2-group-add-grid{grid-template-columns:1fr 1fr;} .rf2:where(:not(.qf)) .rf2-group-add-grid input[type="date"]{grid-column:1 / -1;}} .rf2:where(:not(.qf)) .rf2-multi-toggle{margin:2px 0 16px 0;} .rf2:where(:not(.qf)) .rf2-multi{margin:0 0 16px 0;padding:14px;border:1px dashed #c7d2fe;border-radius:12px;background:#fafaff;} .rf2:where(:not(.qf)) .rf2-multi-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px 0;} .rf2:where(:not(.qf)) .rf2-multi-title{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#111827;} .rf2:where(:not(.qf)) .rf2-multi-title i{color:#6c63ff;} .rf2:where(:not(.qf)) .rf2-multi-quick{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 12px 0;} .rf2:where(:not(.qf)) .rf2-multi-quick-label{font-size:12px;color:#6b7280;margin-right:2px;} .rf2:where(:not(.qf)) .rf2-multi .rf2-field{margin-bottom:12px;} .rf2:where(:not(.qf)) .rf2-multi-list{display:flex;flex-direction:column;gap:6px;} .rf2:where(:not(.qf)) .rf2-multi-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 12px 120px 56px 28px;align-items:center;gap:8px;padding:8px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;} .rf2:where(:not(.qf)) .rf2-multi-date-wrap{min-width:0;} .rf2:where(:not(.qf)) .rf2-multi-date{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-size:13px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;} .rf2:where(:not(.qf)) .rf2-multi-date i{font-size:11px;color:#9ca3af;} .rf2:where(:not(.qf)) .rf2-multi-date:hover i{color:#6c63ff;} .rf2:where(:not(.qf)) .rf2-multi-row .rf2-multi-date-input{max-width:170px;} .rf2:where(:not(.qf)) .rf2-multi-row .rf2-input{width:100%;min-width:0;height:36px;padding:0 8px;} .rf2:where(:not(.qf)) .rf2-multi-sep{color:#9ca3af;text-align:center;} .rf2:where(:not(.qf)) .rf2-multi-dur{text-align:right;font-size:12px;color:#6b7280;white-space:nowrap;} .rf2:where(:not(.qf)) .rf2-multi-del{width:28px;height:28px;border:none;background:none;color:#9ca3af;border-radius:6px;cursor:pointer;} .rf2:where(:not(.qf)) .rf2-multi-del:hover{background:#fef2f2;color:#ef4444;} .rf2:where(:not(.qf)) .rf2-multi-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;} .rf2:where(:not(.qf)) .rf2-multi-total{font-size:12px;font-weight:600;color:#4338ca;} .rf2:where(:not(.qf)) .rf2-multi-empty{padding:10px;font-size:13px;color:#9ca3af;text-align:center;} .rf2:where(:not(.qf)).rf2-multi-on #rfDurGrid{grid-template-columns:1fr;} .rf2:where(:not(.qf)) .rf2-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 14px 2px 14px;margin:0 0 14px 0;} .rf2:where(:not(.qf)) .rf2-card-title{display:flex;align-items:center;gap:7px;margin:0 0 12px 0;padding:0 0 10px 0;border-bottom:1px solid #f3f4f6;font-size:13px;font-weight:700;color:#111827;} .rf2:where(:not(.qf)) .rf2-card-title i{color:#6c63ff;} .rf2:where(:not(.qf)):not(.rf-view-mode) .rf2-card #rfImagesWrap #rfImagesToggle,.rf2:where(:not(.qf)):not(.rf-view-mode) .rf2-card #rfImagesWrap #rfImagesBody{margin-bottom:14px;} .rf2:where(:not(.qf)).pause .rf2-card-t-res,.rf2:where(:not(.qf)):not(.pause) .rf2-card-t-pause{display:none;} .rf2:where(:not(.qf)).rf-view-mode .rf2-card{background:none;border:0;border-radius:0;padding:0;margin:0;} .rf2:where(:not(.qf)).rf-view-mode .rf2-card-title{display:none;} @media (max-width:992px){.rf2:where(:not(.qf)) .rf2-card{padding:12px 12px 0 12px;border-radius:12px;}} .rf2:where(:not(.qf)).rf2-multi-on #rfDurGrid > .rf2-field:first-child,.rf2:where(:not(.qf)).rf2-multi-on #rfDurChips,.rf2:where(:not(.qf)).rf2-multi-on #rfLiveInterval{display:none !important;} @media (max-width:992px){.rf2:where(:not(.qf)) .rf2-multi-row{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 48px 28px;} .rf2:where(:not(.qf)) .rf2-multi-date-wrap{grid-column:1 / -1;}} /* ====================================================================== Istoric vehicul (comun) (mutat din history_style.twig) ====================================================================== */ .hs-list{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:14px;background:#fff;overflow:hidden;} .hs-list:empty{display:none;} .hs-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #f1f2f4;color:#111827;text-decoration:none;} .hs-row:last-child{border-bottom:0;} .hs-row.is-link{cursor:pointer;} .hs-row.is-link:hover,.hs-row.is-link:focus{background:#fafaff;text-decoration:none;color:#111827;} .hs-ico{width:34px;min-width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eef0ff;color:#6c63ff;font-size:14px;} .hs-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;} .hs-top{display:flex;align-items:baseline;gap:8px;min-width:0;} .hs-title{font-size:14px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .hs-date{flex:none;font-size:12px;color:#6b7280;white-space:nowrap;} .hs-sub{font-size:12px;color:#4b5563;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .hs-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px;} .hs-total{font-size:14px;font-weight:700;color:#111827;white-space:nowrap;} .hs-tag-ok{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border-radius:5px;padding:3px 6px;line-height:1;background:#dcfce7;color:#15803d;} .hs-chev{color:#c4c7cf;font-size:12px;} .hs-empty{padding:14px;border:1px dashed #e5e7eb;border-radius:14px;font-size:13px;color:#9ca3af;text-align:center;} .hs-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:44px;margin-top:10px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;font-size:13px;font-weight:600;color:#6c63ff;cursor:pointer;} .hs-more:hover{background:#fafaff;} .hs-more:disabled{opacity:.6;cursor:default;} /* ====================================================================== Devize / Facturi (mutat din quotes.twig) ====================================================================== */ /* ===== devize | facturi ===== */ :is(.quotes-page,.insp-page) .qt-filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;} :is(.quotes-page,.insp-page) .qt-filter-bar .cl-filter-search{flex:1 1 320px;} :is(.quotes-page,.insp-page) .qt-period{display:flex;align-items:center;gap:8px;} :is(.quotes-page,.insp-page) .qt-period label{display:flex;align-items:center;gap:6px;margin:0;font-size:12.5px;font-weight:600;color:#6b7280;white-space:nowrap;} :is(.quotes-page,.insp-page) .qt-period input[type=text]{width:130px;} :is(.quotes-page,.insp-page) .qt-period input{height:42px;padding:0 10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;color:#111827;} :is(.quotes-page,.insp-page) .qt-period-clear{width:38px;height:38px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#6b7280;cursor:pointer;} .quotes-page .qt-inv-sum{margin-left:auto;font-size:13px;color:#6b7280;} .quotes-page .qt-inv-sum b{color:#111827;} .quotes-page .qt-inv-pdf{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;} @media (max-width:767px){ :is(.quotes-page,.insp-page) .qt-filter-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px;} :is(.quotes-page,.insp-page) .qt-filter-bar .cl-filter-search{flex:0 0 auto;width:100%;} :is(.quotes-page,.insp-page) .qt-period{width:100%;} :is(.quotes-page,.insp-page) .qt-period label{flex:1;min-width:0;flex-direction:column;align-items:stretch;gap:4px;white-space:nowrap;} :is(.quotes-page,.insp-page) .qt-period input{width:100%;min-width:0;height:40px;box-sizing:border-box;} :is(.quotes-page,.insp-page) .qt-period-clear{align-self:flex-end;flex:none;} .insp-page .qt-period{flex-wrap:wrap;} .insp-page .qt-period label{flex:1 1 calc(50% - 4px);} .insp-page .qt-period .ins-ws-sel{flex:1 1 calc(100% - 46px);min-width:0;max-width:none;height:40px;} } /* ===== filtre ===== */ .quotes-page .qt-top{display:flex;align-items:center;gap:12px;margin:0 0 16px 0;} .quotes-page .qt-seg{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;min-width:0;overflow-x:auto;scrollbar-width:none;} .quotes-page .qt-seg::-webkit-scrollbar{display:none;} .quotes-page .qt-seg-btn{flex:none;height:34px;border:0;background:none;border-radius:9px;padding:0 12px;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;white-space:nowrap;} .quotes-page .qt-extra{display:inline-flex;align-items:center;gap:8px;margin:-6px 0 14px 0;padding:6px 6px 6px 12px;border:1px solid #c7c3ff;border-radius:10px;background:#f5f4ff;color:#4f46e5;font-size:13px;font-weight:700;} .quotes-page .qt-extra span{padding:1px 7px;border-radius:10px;background:#fff;font-size:11.5px;color:#4f46e5;} .quotes-page .qt-extra-clear{width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:#6c63ff;cursor:pointer;} .quotes-page .qt-extra-clear:hover{background:#e9e7ff;} .quotes-page .qt-seg-btn:hover{color:#111827;} .quotes-page .qt-seg-btn span{display:inline-block;min-width:20px;margin-left:4px;padding:1px 6px;border-radius:10px;background:#f3f4f6;font-size:11px;color:#6b7280;} .quotes-page .qt-seg-btn.active{background:#6c63ff;color:#fff;} .quotes-page .qt-seg-btn.active span{background:rgba(255,255,255,.25);color:#fff;} /* filtrele: un singur buton-meniu peste tot (desktop + telefon), nu bara lunga de taburi */ .quotes-page .qt-seg,.quotes-page .qt-extra{display:none !important;} .quotes-page .qt-fmenu{display:block;position:relative;flex:0 1 320px;min-width:0;} .quotes-page .qt-fbtn{display:flex;align-items:center;gap:8px;width:100%;height:100%;min-height:46px;padding:0 14px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;font-size:14px;color:#111827;cursor:pointer;text-align:left;} .quotes-page .qt-fbtn > .fa-filter{color:#6c63ff;font-size:13px;} .quotes-page .qt-fbtn b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .quotes-page .qt-fbtn-n{padding:1px 7px;border-radius:10px;background:#eef0ff;color:#6c63ff;font-size:12px;font-weight:700;} .quotes-page .qt-fbtn-chev{margin-left:auto;color:#9ca3af;font-size:12px;transition:transform .15s;} .quotes-page .qt-fmenu.open .qt-fbtn-chev{transform:rotate(180deg);} .quotes-page .qt-fmenu-list{display:none;position:absolute;z-index:30;left:0;top:calc(100% + 6px);width:min(300px,calc(100vw - 32px));padding:6px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(17,24,39,.14);} .quotes-page .qt-fmenu.open .qt-fmenu-list{display:block;} .quotes-page .qt-fmenu-item{display:flex;align-items:center;gap:10px;padding:12px 12px;border-radius:10px;font-size:14px;font-weight:600;color:#374151;text-decoration:none;} .quotes-page .qt-fmenu-item:hover,.quotes-page .qt-fmenu-item:focus{background:#f5f4ff;color:#111827;text-decoration:none;} .quotes-page .qt-fmenu-item.active{color:#6c63ff;background:#f5f4ff;} .quotes-page .qt-fmenu-n{margin-left:auto;padding:1px 7px;border-radius:10px;background:#f3f4f6;font-size:12px;color:#6b7280;} .quotes-page .qt-fmenu-item .fa-check{color:#6c63ff;font-size:12px;width:12px;} .quotes-page .qt-fmenu-item:not(.active)::after{content:'';width:12px;} .quotes-page .qt-month{flex:none;display:flex;align-items:center;gap:10px;margin-left:auto;padding:6px 14px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;} .quotes-page .qt-month-icon{width:32px;height:32px;border-radius:8px;background:#ecfdf5;color:#059669;display:flex;align-items:center;justify-content:center;font-size:14px;} .quotes-page .qt-month-label{font-size:12px;color:#6b7280;white-space:nowrap;} .quotes-page .qt-month-short{display:none;} .quotes-page .qt-month-value{font-size:16px;font-weight:700;color:#111827;white-space:nowrap;} /* ===== tabel ===== */ .quotes-page .qt-table td{vertical-align:middle;} .quotes-page .qt-nr{font-size:14px;font-weight:700;color:#111827;white-space:nowrap;} .quotes-page .qt-date-m{display:none;} .quotes-page .qt-client{font-size:13px;font-weight:600;color:#111827;} .quotes-page .qt-veh{margin-top:3px;font-size:12px;color:#6b7280;white-space:nowrap;} .quotes-page .qt-veh i{color:#a5a0ff;font-size:11px;margin-right:2px;} .quotes-page .qt-veh b{color:#374151;font-weight:700;} .quotes-page .qt-part-hit{display:inline-flex;align-items:center;gap:5px;max-width:100%;margin-top:4px;padding:2px 8px;border-radius:6px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .quotes-page .qt-part-hit i{font-size:10px;color:#6366f1;} .quotes-page .qt-c-total{font-size:14px;font-weight:700;color:#111827;white-space:nowrap;} .quotes-page .qt-c-date{font-size:13px;color:#6b7280;white-space:nowrap;} .quotes-page .qt-c-open{width:1%;text-align:right;white-space:nowrap;} .quotes-page .qt-inv-ref{display:block;margin-top:3px;font-size:11.5px;font-weight:600;color:#b91c1c;} .quotes-page .qt-inv-acts{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;} .quotes-page .qt-inv-act:hover{color:#dc2626;border-color:#fecaca;} .quotes-page .qt-inv-row.is-storno-doc .qt-c-total{color:#dc2626;} .quotes-page .qt-row.is-rejected .qt-c-total{color:#9ca3af;text-decoration:line-through;} .quotes-page .qt-st{display:grid;grid-template-columns:108px 136px 104px;gap:6px;} .quotes-page .qt-st.is-offers{grid-template-columns:116px 150px;} .quotes-page .qt-st.is-quotes{grid-template-columns:190px 170px;} .quotes-page .qt-st .qt-chip{justify-content:flex-start;min-width:0;overflow:hidden;} .quotes-page .qt-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:7px;font-size:11.5px;font-weight:700;white-space:nowrap;line-height:1;border:1px solid transparent;} .quotes-page .qt-chip i{font-size:10.5px;flex:none;} .quotes-page .qt-chip.is-green{background:#dcfce7;color:#15803d;} .quotes-page .qt-chip.is-red{background:#fee2e2;color:#b91c1c;} .quotes-page .qt-chip.is-violet{background:#eef0ff;color:#5b54e8;} .quotes-page .qt-chip.is-off{background:#fff;border-color:#e5e7eb;color:#9ca3af;font-weight:600;} .quotes-page .qt-link{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:9px;background:#fff;color:#9ca3af;flex-shrink:0;cursor:pointer;padding:0;} .quotes-page .qt-link:hover{background:#f5f4ff;border-color:#c7c3ff;color:#6c63ff;} .quotes-page .qt-link.is-viewed{color:#16a34a;border-color:#bbf7d0;background:#f0fdf4;} /* ===== ciorne ===== */ .quotes-page .qt-drafts{margin:0 0 16px 0;padding:14px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb;} .quotes-page .qt-drafts-title{display:flex;align-items:center;gap:7px;margin:0 0 10px 2px;font-size:13px;font-weight:700;color:#92400e;} .quotes-page .qt-drafts-list{display:flex;flex-direction:column;gap:8px;} .quotes-page .qt-draft{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #fef3c7;border-radius:10px;background:#fff;} .quotes-page .qt-draft-main{flex:1;min-width:0;} .quotes-page .qt-draft-name{font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .quotes-page .qt-draft-doc{font-size:11px;font-weight:700;color:#c26a00;background:#fff4e5;border-radius:5px;padding:2px 6px;margin-left:4px;} .quotes-page .qt-draft-sub{font-size:12px;color:#6b7280;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .quotes-page .qt-draft-sub i{color:#6c63ff;font-size:11px;} .quotes-page .qt-draft-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;} .quotes-page .qt-draft-del{width:34px;height:30px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#9ca3af;cursor:pointer;padding:0;} .quotes-page .qt-draft-del:hover{color:#ef4444;border-color:#fecaca;background:#fef2f2;} /* ===== filtre ca meniu (tableta + telefon) ===== */ @media (max-width:1100px){ .quotes-page .qt-top{gap:8px;align-items:stretch;} .quotes-page .qt-seg{display:none;} .quotes-page .qt-extra{display:none;} .quotes-page .qt-fmenu{display:block;flex:1 1 100%;} .quotes-page .rr-top .qt-fmenu{flex:1 1 auto;} .quotes-page .qt-month{margin-left:0;flex:none;padding:6px 12px;gap:8px;} .quotes-page .qt-month-icon{display:none;} .quotes-page .qt-month{flex-direction:column;align-items:flex-end;justify-content:center;gap:1px;} .quotes-page .qt-month-long{display:none;} .quotes-page .qt-month-short{display:inline;font-size:11px;} .quotes-page .qt-month-value{font-size:14px;} } /* ===== tableta ===== */ @media (max-width:1200px){ .quotes-page .qt-c-date,.quotes-page .qt-table th:nth-child(5){display:none;} .quotes-page .qt-date-m{display:block;margin-top:3px;font-size:12px;color:#9ca3af;font-weight:500;} } /* ===== telefon: filtru-meniu + carduri ===== */ @media (max-width:767px){ .quotes-page .qt-draft{flex-wrap:wrap;} .quotes-page .qt-draft-actions{width:100%;justify-content:flex-end;} .quotes-page .qt-table thead{display:none;} .quotes-page .qt-table,.quotes-page .qt-table tbody{display:block;} .quotes-page .qt-table tbody tr.qt-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"doc total" "client open" "st st";column-gap:10px;row-gap:8px;padding:14px 14px;border-bottom:1px solid #f1f2f4;} .quotes-page .qt-table tbody tr.qt-row:last-child{border-bottom:0;} .quotes-page .qt-table tbody tr.qt-row td{display:block;padding:0 !important;border:0 !important;} .quotes-page .qt-c-doc{grid-area:doc;display:flex !important;align-items:baseline;gap:8px;min-width:0;} .quotes-page .qt-date-m{display:inline;margin:0;} .quotes-page .qt-c-total{grid-area:total;text-align:right;font-size:15px;} .quotes-page .qt-c-client{grid-area:client;display:flex !important;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;} .quotes-page .qt-client{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .quotes-page .qt-veh{margin:0;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;} .quotes-page .qt-c-status{grid-area:st;align-self:center;min-width:0;} .quotes-page .qt-c-open{grid-area:open;align-self:center;justify-self:end;width:auto;} .quotes-page .qt-c-date{display:none !important;} .quotes-page .qt-link{width:36px;height:36px;border-radius:10px;font-size:15px;} .quotes-page .qt-st{grid-template-columns:1fr 1.2fr 1fr;gap:5px;} .quotes-page .qt-st.is-offers,.quotes-page .qt-st.is-quotes{grid-template-columns:1fr 1fr;} .quotes-page .qt-chip{height:24px;padding:0 6px;gap:4px;font-size:11px;} } /* ====================================================================== Formular deviz (quote_form) (mutat din quote_form.twig) ====================================================================== */ /* doar in app */ body.is-app:has(#qf) #loading-bar{display:none !important;} /* doar in app */ body.is-app #qf.cf-wrap.reservation_form{padding-bottom:calc(100px + env(safe-area-inset-bottom)) !important;} body.is-app .qf .rf2-footer{position:fixed;bottom:0;left:0;right:0;padding:0 15px env(safe-area-inset-bottom) 15px;z-index:10;} /* doar pe desktop (modal) */ .modal-body:has(#qf){padding:15px 15px 0 15px !important;} body:not(.is-app) .cf-wrap.reservation_form::-webkit-scrollbar{display:none;} body:not(.is-app) .qf .rf2-footer{position:sticky;bottom:0;left:0;right:0;margin:24px -15px 0 -15px;padding:0 15px;z-index:10;} .qf .rf2-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 14px 2px 14px;margin:0 0 14px 0;} .qf .rf2-card-title{display:flex;align-items:center;gap:7px;margin:0 0 12px 0;padding:0 0 10px 0;border-bottom:1px solid #f3f4f6;font-size:13px;font-weight:700;color:#111827;} .qf .rf2-card-title i{color:#6c63ff;} .qf .rf2-veh-chips{display:flex;flex-wrap:wrap;gap:6px;} .qf .rf2-veh-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;color:#374151;cursor:pointer;transition:border-color .15s,background .15s;} .qf .rf2-veh-chip:hover{border-color:#c7d2fe;background:#fafaff;} .qf .rf2-veh-chip.active{border-color:#6c63ff;background:#f5f4ff;color:#111827;font-weight:600;} .qf .rf2-veh-chip .fa-car{color:#6c63ff;} .qf .rf2-veh-chip-new{border-style:dashed;color:#6c63ff;} .qf .rf2-veh-edit{margin-left:2px;padding:4px;color:#6b7280;cursor:pointer;} .qf .rf2-veh-edit:hover{color:#6c63ff;} .qf .rf2-veh-new{margin-top:10px;padding:12px;border:1px dashed #c7d2fe;border-radius:10px;background:#fafaff;} .qf .rf2-veh-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;} .qf .rf2-veh-extra-toggle{margin-top:10px;} .qf .rf2-veh-extra{display:grid;gap:8px;margin-top:10px;} .qf .rf2-veh-km-toggle{margin-top:12px;} .qf .rf2-veh-km{margin-top:12px;} .qf .rf2-veh-km label{display:block;font-size:12px;font-weight:600;color:#4b5563;margin:0 0 6px 2px;} .qf .rf2-suggest-cars{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px;} .qf .rf2-suggest-car{display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:1;color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:4px 7px;} .qf .rf2-suggest-car:hover{background:#eef0ff;border-color:#c7c3ff;} .qf .rf2-suggest-car i{color:#6c63ff;font-size:10px;} .qf .rf2-suggest-car-more{font-size:11px;color:#6b7280;padding:4px 2px;} .qf .rf2-veh-detected{display:flex;align-items:center;gap:6px;font-size:12px;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:8px 10px;margin-bottom:8px;line-height:1.35;} .qf .rf2-veh-detected b{color:#111827;} .qf .rf2-suggest-group{padding:6px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#9ca3af;background:#fafafa;border-bottom:1px solid #f3f4f6;} .qf .qf-step{padding:0;overflow:visible;} .qf .qf-step-head{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;user-select:none;} .qf .qf-step-num{width:28px;height:28px;min-width:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#6b7280;font-size:13px;} .qf .qf-step-num i{display:none;} .qf .qf-step.is-open .qf-step-num{background:#6c63ff;color:#fff;} .qf .qf-step.is-done .qf-step-num{background:#dcfce7;color:#16a34a;} .qf .qf-step.is-done .qf-step-num b{display:none;} .qf .qf-step.is-done .qf-step-num i{display:inline;} .qf .qf-step-titles{flex:1;min-width:0;} .qf .qf-step-title{font-size:14px;font-weight:700;color:#111827;} .qf .qf-step-sum{font-size:12px;color:#6b7280;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .qf .qf-step.is-open .qf-step-sum,.qf .qf-step:not(.is-done) .qf-step-sum{display:none;} .qf .qf-step-edit{color:#9ca3af;font-size:13px;display:none;} .qf .qf-step.is-done:not(.is-open) .qf-step-edit{display:inline;} .qf .qf-step.is-open .qf-step-head{border-bottom:1px solid #f3f4f6;} .qf .qf-step-body{display:none;padding:14px 14px 2px 14px;} .qf .qf-step.is-open .qf-step-body{display:block;} .qf .qf-step:not(.is-open):not(.is-done) .qf-step-title{color:#9ca3af;} .qf .qf-step-error{margin:0 0 12px 0;padding:9px 12px;border-radius:10px;background:#fef2f2;color:#b91c1c;font-size:13px;} .qf .qf-works-tools{display:flex;justify-content:flex-end;margin:-4px 0 6px 0;} .qf .qf-review{display:grid;gap:6px;margin:0 0 14px 0;padding:12px 14px;border-radius:10px;background:#f9fafb;border:1px solid #f0f1f3;font-size:13px;color:#374151;} .qf .qf-review-row{display:flex;gap:10px;} .qf .qf-review-row span{min-width:90px;color:#6b7280;} .qf .qf-review-row b{font-weight:600;color:#111827;} .qf .qf-review-total b{color:#6c63ff;font-size:15px;} .qf .qf-link-info{margin:0 0 12px 0;} .qf .qf-mech-note label i{color:#c26a00;} .qf .qf-mech-note .rf2-textarea{background:#fffbf5;border-color:#fde3c0;} .qf .qf-mech-hint{display:flex;align-items:center;gap:6px;margin:6px 0 0 2px;font-size:11px;color:#9ca3af;} .qf .qf-flow{display:flex;align-items:center;gap:6px;margin:0 0 14px 0;padding:10px 12px;border:1px solid #eef0f4;border-radius:12px;background:#fafafb;} .qf .qf-flow-step{display:flex;align-items:center;gap:6px;flex:none;} .qf .qf-flow-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:#e5e7eb;color:#6b7280;} .qf .qf-flow-label{font-size:12px;font-weight:600;color:#9ca3af;white-space:nowrap;} .qf .qf-flow-step.is-done .qf-flow-dot{background:#16a34a;color:#fff;} .qf .qf-flow-step.is-done .qf-flow-label{color:#166534;} .qf .qf-flow-step.is-current .qf-flow-dot{background:#6c63ff;color:#fff;} .qf .qf-flow-step.is-current .qf-flow-label{color:#111827;} .qf .qf-flow-step.is-rejected .qf-flow-dot{background:#dc2626;color:#fff;} .qf .qf-flow-step.is-rejected .qf-flow-label{color:#b91c1c;} .qf .qf-flow-line{flex:1;min-width:8px;height:2px;border-radius:2px;background:#e5e7eb;} .qf.qf-locked .qf-step-edit,.qf.qf-locked #qfSaveBtn,.qf.qf-locked #qfDeleteBtn,.qf.qf-locked #qfNextBtn,.qf.qf-locked #qfBackBtn{display:none !important;} .qf.qf-locked .qf-step-body{pointer-events:none;} .qf .qf-locked-info{margin:0 0 14px 0;} /* carduri de jos (Pagina clientului, Acceptare, Factura, Programari): aceleasi distante */ .qf .rf2-card.qf-card{padding:14px;} .qf .rf2-card.qf-card > :last-child{margin-bottom:0;} .qf .qf-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;} .qf .qf-card-title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:#111827;} .qf .qf-card-title i{color:#6c63ff;} .qf .qf-card-hint{margin-top:6px;font-size:13px;color:#6b7280;line-height:1.45;} .qf .qf-acc-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;border-radius:6px;padding:4px 8px;line-height:1;background:#fef3c7;color:#92400e;} .qf .qf-acc-reason{margin-top:8px;padding:8px 12px;border-radius:10px;background:#fef2f2;font-size:13px;color:#7f1d1d;} .qf .qf-acc-line.is-busy{opacity:.6;pointer-events:none;} .qf .qf-share-row .qf-share-btn{padding:0 6px;white-space:nowrap;overflow:hidden;height:40px;font-size:13px;} .qf .qf-share-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px;} .qf .qf-share-links .rf2-link-btn{font-size:12px;} .qf .qf-card.qf-flash{animation:qfFlash 1.6s ease-out 1;} @keyframes qfFlash{0%{box-shadow:0 0 0 0 rgba(108,99,255,.55);border-color:#6c63ff;}70%{box-shadow:0 0 0 8px rgba(108,99,255,0);border-color:#6c63ff;}100%{box-shadow:0 0 0 0 rgba(108,99,255,0);}} .qf .qf-inv-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px 0;} .qf .qf-inv-title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:#111827;} .qf .qf-inv-title i{color:#6c63ff;} .qf .qf-inv-chip{font-size:11px;font-weight:700;border-radius:6px;padding:4px 8px;line-height:1;} .qf .qf-inv-chip.is-paid{background:#dcfce7;color:#166534;} .qf .qf-inv-chip.is-unpaid{background:#fef3c7;color:#92400e;} .qf .qf-inv-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#111827;text-decoration:none;} .qf .qf-inv-row:hover{border-color:#c7d2fe;background:#fafaff;text-decoration:none;color:#111827;} .qf .qf-inv-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;} .qf .qf-inv-main b{font-size:14px;} .qf .qf-inv-main small{font-size:12px;color:#6b7280;} .qf .qf-inv-total{font-size:14px;font-weight:700;white-space:nowrap;} .qf .qf-inv-row > i{color:#9ca3af;font-size:12px;} .qf .qf-inv-cancel{margin-top:8px;} .qf .qf-inv-acts{display:flex;flex-wrap:wrap;gap:16px;} .qf .qf-inv-empty{font-size:13px;color:#6b7280;margin:0 0 10px 0;} .qf .qf-inv-empty:last-child{margin-bottom:0;} .qf .qf-inv-last{display:flex;align-items:flex-start;gap:6px;margin:0 0 10px 0;padding:8px 10px;border-radius:10px;background:#f3f4f6;font-size:12px;color:#4b5563;} .qf .qf-inv-last a{color:#6c63ff;font-weight:600;} .qf .qf-inv-issue,.qf .qf-inv-setup{display:inline-flex;align-items:center;gap:6px;text-decoration:none;} .qf .qf-inv-issue[disabled]{opacity:.5;cursor:not-allowed;} .qf .qf-noinv-btn{display:flex;align-items:center;gap:5px;width:max-content;margin:10px 0 0 0;font-size:12px;} .qf .qf-inv-empty + .qf-noinv-btn{margin:6px 0 0 0;} .quotes-page .qt-chip.is-noinv{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280;font-weight:600;} .res-q.is-noinv{background:#f3f4f6;color:#6b7280;} .qf .qf-inv-addr{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;margin-top:8px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;font-size:12px;color:#4b5563;} .qf .qf-inv-addr .fa-triangle-exclamation{color:#d97706;} .qf .qf-inv-addr .rf2-link-btn{font-size:12px;} .qf .qf-inv-panel{margin-top:4px;padding:12px;border:1px solid #e0e7ff;border-radius:12px;background:#fafaff;} .qf .qf-inv-panel-title{margin:0 0 10px 0;font-size:13px;font-weight:700;color:#111827;} .qf .qf-inv-lbl{display:block;margin:10px 0 6px 0;font-size:12px;font-weight:700;color:#4b5563;} .qf .qf-inv-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;} .qf .qf-inv-seg.is-two{grid-template-columns:repeat(2,minmax(0,1fr));} .qf .qf-inv-seg-btn{min-height:34px;padding:2px 4px;line-height:1.15;border:0;border-radius:8px;background:none;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;} .qf .qf-inv-seg-btn.active{background:#6c63ff;color:#fff;} .qf .qf-inv-seg-btn:disabled{opacity:.45;cursor:not-allowed;} .qf .qf-inv-hint{margin-top:5px;font-size:12px;color:#6b7280;} .qf .qf-inv-check{display:flex;align-items:center;gap:8px;margin:12px 0 0 0;font-size:13px;font-weight:400;color:#111827;cursor:pointer;} .qf .qf-inv-check.is-disabled{color:#9ca3af;cursor:default;} .qf .qf-inv-err{margin-top:10px;padding:8px 10px;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:12px;font-weight:600;} .qf .qf-inv-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;} .qf .qf-inv.is-busy{opacity:.6;pointer-events:none;} @media (max-width:600px){ .qf .qf-flow{padding:8px 10px;gap:4px;} .qf .qf-flow-label{font-size:11px;} .qf .qf-flow-step:not(.is-current):not(.is-rejected) .qf-flow-label{display:none;} } .qf .qf-share-row{display:flex;gap:8px;margin-top:12px;} .qf .qf-share-row .qf-share-btn{flex:1;min-width:0;} .qf .qf-share.is-accepted .qf-acc-chip{background:#dcfce7;color:#166534;} .qf .qf-share.is-rejected .qf-acc-chip{background:#fee2e2;color:#b91c1c;} .qf .qf-acc-line{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;margin-top:10px;padding-top:10px;border-top:1px solid #f3f4f6;font-size:13px;color:#4b5563;} .qf .qf-acc-line .rf2-link-btn{font-size:13px;} .qf .qf-acc-line .qf-acc-ok{color:#16a34a;} .qf .qf-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;font-weight:600;color:#374151;cursor:pointer;} .qf .qf-share-btn:hover{border-color:#c7d2fe;background:#fafaff;} .qf .qf-share-btn.is-wa i{color:#25d366;} .qf .qf-bookings-head{display:flex;align-items:center;justify-content:space-between;gap:8px;} .qf .qf-bookings-title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:#111827;} .qf .qf-bookings-title i{color:#6c63ff;} .qf .qf-bookings-empty{margin-top:8px;font-size:13px;color:#9ca3af;} .qf .qf-bookings-list{display:flex;flex-direction:column;gap:6px;margin-top:10px;} .qf .qf-booking{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#111827;text-decoration:none;font-size:13px;} .qf .qf-booking:hover{border-color:#c7d2fe;background:#fafaff;text-decoration:none;color:#111827;} .qf .qf-booking-date{font-weight:700;} .qf .qf-booking-time{color:#374151;} .qf .qf-booking-ws{flex:1;min-width:0;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .qf .qf-booking i{color:#9ca3af;font-size:11px;} .qf .qf-booking.is-cancelled{opacity:.6;} .qf .qf-booking-pv{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#166534;background:#dcfce7;border-radius:6px;padding:3px 6px;line-height:1;} .qf .qf-booking-pv i{color:#166534;font-size:10px;} .qf .rf2-footer-row > div:first-child{display:flex;gap:8px;} .qf .qf-badge-rejected{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#b91c1c;background:#fee2e2;border-radius:6px;padding:3px 7px;} :is(.qf, .rf2-billwrap) .qf-bill{margin-top:10px;} :is(.qf, .rf2-billwrap) .qf-bill-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa;font-size:13px;color:#374151;} :is(.qf, .rf2-billwrap) .qf-bill-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border-radius:5px;padding:3px 6px;line-height:1;background:#eef0ff;color:#6c63ff;} :is(.qf, .rf2-billwrap) .qf-bill-type.is-pj{background:#fff4e5;color:#c26a00;} :is(.qf, .rf2-billwrap) .qf-bill-text{flex:0 1 auto;min-width:0;} :is(.qf, .rf2-billwrap) .qf-bill-text.is-empty{color:#9ca3af;} :is(.qf, .rf2-billwrap) .qf-bill-edit-btn{margin-left:2px;} :is(.qf, .rf2-billwrap) .qf-bill-edit{display:grid;gap:8px;margin-top:8px;padding:12px;border:1px dashed #c7d2fe;border-radius:10px;background:#fafaff;} :is(.qf, .rf2-billwrap) .qf-bill-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;} :is(.qf, .rf2-billwrap) .qf-bt-btn{height:38px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;} :is(.qf, .rf2-billwrap) .qf-bt-btn.active{border-color:#6c63ff;background:#f5f4ff;color:#6c63ff;} .qf #qfBillPj{display:grid;gap:8px;} :is(.qf, .rf2-billwrap) .qf-cui-row{display:flex;gap:8px;} :is(.qf, .rf2-billwrap) .qf-cui-row .rf2-input{flex:1;min-width:0;} :is(.qf, .rf2-billwrap) .qf-anaf-btn{white-space:nowrap;flex-shrink:0;} :is(.qf, .rf2-billwrap) .qf-anaf-msg{font-size:12px;margin:-2px 0 0 2px;} :is(.qf, .rf2-billwrap) .qf-anaf-msg.is-ok{color:#16a34a;} :is(.qf, .rf2-billwrap) .qf-anaf-msg.is-err{color:#ef4444;} .qf .qf-disc-toggle{margin-left:auto;font-size:12px;} .qf .qf-disc-all{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px 0;padding:10px 12px;border:1px dashed #c7d2fe;border-radius:10px;background:#fafaff;font-size:13px;color:#374151;} .qf .qf-disc-all .rf2-input{width:80px;height:36px;} .qf .qf-disc-all .rf2-btn{height:36px;} .qf .qf-sec{margin:0 0 14px 0;} .qf .qf-sec-title{display:flex;align-items:center;gap:6px;margin:0 0 8px 2px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#6b7280;} .qf .qf-sec-title i{color:#6c63ff;} .qf .qf-it-head,.qf .qf-it{display:grid;grid-template-columns:minmax(0,1fr) 70px 80px 100px 90px 100px 32px;gap:6px;align-items:start;} .qf.qf-disc-on .qf-it-head,.qf.qf-disc-on .qf-it{grid-template-columns:minmax(0,1fr) 70px 80px 100px 90px 64px 100px 32px;} .qf .qf-lab-wrap{position:relative;} .qf .qf-it-ld{position:absolute;top:-7px;right:8px;z-index:1;padding:0 4px;border-radius:6px;background:#eef0ff;color:#6c63ff;font-size:10px;font-weight:700;line-height:14px;} .qf .qf-it-ld:empty{display:none;} .qf .qf-disc-scope{display:inline-flex;padding:2px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;} .qf .qf-disc-scope button{height:30px;padding:0 10px;border:0;border-radius:7px;background:none;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;} .qf .qf-disc-scope button.active{background:#6c63ff;color:#fff;} .qf .qf-disc-col{display:none;} .qf.qf-disc-on .qf-disc-col{display:block;} .qf .qf-it-head{padding:0 2px 6px 2px;font-size:11px;font-weight:600;color:#9ca3af;} .qf .qf-it-head .qf-h-total{text-align:right;} .qf .qf-it-head:has(+ .qf-it-list:empty){display:none;} .qf .qf-it-list{display:flex;flex-direction:column;gap:8px;margin:0 0 8px 0;} .qf .qf-it{position:relative;} .qf .qf-it .rf2-input{height:40px;padding:0 10px;font-size:13px;} .qf .qf-u-wrap{position:relative;} .qf .qf-u-wrap::after{content:"";position:absolute;top:50%;right:12px;width:7px;height:7px;margin-top:-5px;border-right:1.5px solid #6b7280;border-bottom:1.5px solid #6b7280;transform:rotate(45deg);pointer-events:none;} .qf .qf-it select.qf-it-u{-webkit-appearance:none !important;appearance:none !important;padding-right:28px !important;} .qf .qf-u-wrap select.qf-it-u{background-image:none;} .qf .qf-it-name{position:relative;display:flex;align-items:center;gap:6px;min-width:0;} .qf .qf-it-name .qf-it-n{flex:1;min-width:0;} .qf .qf-it-tag{width:28px;min-width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;} .qf .qf-it[data-type="part"] .qf-it-tag{background:#fff4e5;color:#c26a00;} .qf .qf-it[data-type="labor"] .qf-it-tag{background:#eef0ff;color:#6c63ff;} .qf .qf-it[data-type="discount"] .qf-it-tag{background:#ecfdf5;color:#059669;} .qf .qf-it[data-type="discount"] .qf-it-q{background:#f3f4f6 !important;color:#6b7280;cursor:default;} .qf .qf-it[data-type="discount"] .qf-it-total{color:#16a34a;} .qf .qf-add-row{display:flex;gap:8px;flex-wrap:wrap;margin:0;} .qf .qf-add-row .qf-add{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border:1px dashed #d1d5db;border-radius:10px;background:#fff;font-size:13px;font-weight:600;cursor:pointer;} .qf .qf-add-row .qf-add-part{color:#c26a00;border-color:#fcd9a8;} .qf .qf-add-row .qf-add-part:hover{background:#fff8ee;} .qf .qf-add-row .qf-add-labor{color:#6c63ff;border-color:#c7c3ff;} .qf .qf-add-row .qf-add-labor:hover{background:#f5f4ff;} .qf .qf-add-row .qf-add-disc{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border:1px dashed #a7f3d0;border-radius:10px;background:#fff;color:#059669;font-size:13px;font-weight:600;cursor:pointer;} .qf .qf-add-row .qf-add-disc:hover{background:#ecfdf5;} .qf .qf-add-row{position:relative;} .qf .qf-disc-wrap{display:inline-flex;} .qf .qf-disc-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:300px;max-width:100%;padding:6px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(17,24,39,.14);} .qf .qf-disc-opt{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px;border:0;border-radius:8px;background:none;text-align:left;cursor:pointer;} .qf .qf-disc-opt:hover{background:#f3f4f6;} .qf .qf-disc-opt>i{width:28px;min-width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;background:#ecfdf5;color:#059669;} .qf .qf-disc-opt b{display:block;font-size:13px;font-weight:700;color:#111827;} .qf .qf-disc-opt small{display:block;margin-top:2px;font-size:12px;line-height:1.35;color:#6b7280;} .qf .qf-it-lbl{display:none;} .qf .qf-it-total{height:40px;display:flex;align-items:center;justify-content:flex-end;font-size:13px;font-weight:700;color:#111827;white-space:nowrap;} .qf .qf-it-del{width:32px;height:40px;border:0;background:none;color:#9ca3af;cursor:pointer;border-radius:8px;padding:0;} .qf .qf-it-del:hover{color:#ef4444;background:#fef2f2;} .qf .qf-ac{position:absolute;top:calc(100% + 4px);left:34px;right:0;z-index:30;max-height:280px;overflow-y:auto;padding:4px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px rgba(17,24,39,.12);} .qf .qf-ac-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:8px;font-size:13px;color:#111827;cursor:pointer;} .qf .qf-ac-item:hover,.qf .qf-ac-item.active{background:#f5f4ff;} .qf .qf-ac-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .qf .qf-ac-price{flex:none;font-size:12px;font-weight:600;color:#6b7280;white-space:nowrap;} .qf .qf-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:4px 0 14px 0;padding:14px;border-radius:10px;background:#f9fafb;border:1px solid #f0f1f3;} .qf .qf-tot{flex:0 1 320px;margin:0;padding:0;} .qf .qf-tot-row{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:13px;color:#4b5563;} .qf .qf-tot-row b{color:#111827;font-weight:600;white-space:nowrap;} .qf .qf-tot-disc b{color:#16a34a;} .qf .qf-tot-sub{font-size:12px;color:#6b7280;} .qf .qf-tot-final{margin-top:6px;padding-top:8px;border-top:1px solid #e5e7eb;font-size:15px;font-weight:700;color:#111827;} .qf .qf-tot-final b{font-size:17px;font-weight:800;color:#6c63ff;} .qf .qf-tot-hint{margin-top:4px;font-size:11px;color:#9ca3af;text-align:right;} .qf .qf-vat-chk{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:8px 0 0 0;font-size:12px;font-weight:600;color:#4b5563;cursor:pointer;user-select:none;} .qf .qf-vat-chk input{margin:0;accent-color:#6c63ff;cursor:pointer;} .qf .rf2-head{position:relative;} .qf .qf-print{position:relative;margin-left:auto;align-self:center;} .qf .qf-print-btn{height:40px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:16px;cursor:pointer;} .qf .qf-print-btn span{font-size:13px;font-weight:700;letter-spacing:.3px;} .qf .qf-print-btn:hover,.qf .qf-print.is-open .qf-print-btn{border-color:#c7c3ff;color:#6c63ff;background:#f7f6ff;} .qf .qf-print-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;z-index:60;width:280px;padding:6px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 32px rgba(17,24,39,.14);} .qf .qf-print.is-open .qf-print-menu{display:block;} .qf .qf-print-title{display:none;} .qf .qf-print-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:9px;color:#111827;text-decoration:none;} .qf .qf-print-item:hover{background:#f5f6f8;text-decoration:none;color:#111827;} .qf .qf-print-item>i{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#eef0ff;color:#6c63ff;font-size:15px;} .qf .qf-print-item.is-internal>i{background:#fef3c7;color:#b45309;} .qf .qf-print-item span{display:flex;flex-direction:column;min-width:0;line-height:1.3;} .qf .qf-print-item b{font-size:14px;font-weight:700;} .qf .qf-print-item small{font-size:12px;color:#6b7280;} .qf .qf-print-backdrop{display:none;} .qf .qf-it-extra{position:relative;grid-column:1 / -1;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-left:34px;margin-top:-2px;} .qf .qf-it-extra .qf-ac{top:36px;} .qf .qf-it-extra .qf-it-oem,.qf .qf-it-extra .qf-it-am{width:170px;height:32px;padding:0 9px;font-size:12px;} .qf .qf-it-est-wrap{display:inline-flex;align-items:center;gap:4px;margin-left:4px;} .qf .qf-it-list>.qf-it{padding-bottom:8px;border-bottom:1px solid #f1f2f5;} .qf .qf-it-list>.qf-it:last-child{border-bottom:0;} .qf .qf-ac-codes{font-size:11px;font-weight:500;color:#9ca3af;margin-left:4px;} .qf .qf-it-est{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;} .qf .qf-it-est input{margin:0;width:15px;height:15px;accent-color:#b45309;cursor:pointer;} .qf .qf-it-est input:checked+span{color:#b45309;} .qf .qf-it-est-tip{border:0;background:none;padding:0 2px;color:#9ca3af;font-size:13px;line-height:1;cursor:pointer;} .qf .qf-it-est-pop{flex-basis:100%;font-size:11.5px;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:6px 9px;} @media (max-width:992px){ .qf .qf-print.qf-sheet .qf-print-menu{position:fixed;top:auto;left:0;right:0;bottom:0;width:auto;padding:10px 12px calc(14px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;border:0;box-shadow:0 -10px 30px rgba(17,24,39,.18);z-index:1061;} .qf .qf-print.qf-sheet .qf-print-title{display:block;padding:6px 10px 10px;font-size:15px;font-weight:700;color:#111827;} .qf .qf-print.qf-sheet .qf-print-item{padding:12px 10px;} .qf .qf-print.qf-sheet.is-open .qf-print-backdrop{display:block;position:fixed;inset:0;z-index:1060;background:rgba(17,24,39,.35);} .qf .qf-it-list{gap:12px;} .qf .qf-it-list>.qf-it,.qf .qf-it-list>.qf-it:last-child{padding:10px;border:1px solid #e5e7eb;border-left-width:4px;} .qf .qf-it-list>.qf-it[data-type="part"]{border-left-color:#f5a524;} .qf .qf-it-list>.qf-it[data-type="labor"]{border-left-color:#6c63ff;} .qf .qf-it-list>.qf-it[data-type="discount"]{border-left-color:#16a34a;} .qf .qf-it>*{order:2;} .qf .qf-it>.qf-it-name{order:0;} .qf .qf-it>.qf-it-extra{order:1;} .qf .qf-it>.qf-it-total{order:3;} .qf .qf-it-extra{padding-left:0;margin-top:0;} .qf .qf-it-extra .qf-ac{left:0;} .qf .qf-it-extra .qf-it-oem,.qf .qf-it-extra .qf-it-am{flex:1 1 calc(50% - 3px);width:auto;min-width:0;} .qf .qf-it-est-wrap{margin-left:0;} .qf .rf2-card{padding:12px 12px 0 12px;border-radius:12px;} .qf .qf-step{padding:0;} .qf .qf-step-head{padding:12px;} .qf .qf-step-body{padding:12px 12px 0 12px;} .qf .qf-hide-sm{display:none;} .qf .rf2-veh-grid{grid-template-columns:1fr;} .qf .qf-it-head{display:none !important;} .qf .qf-it,.qf.qf-disc-on .qf-it{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;} .qf .qf-it-name{grid-column:1 / -1;padding-right:34px;} .qf .qf-it-name .qf-it-ld{right:42px;} .qf .qf-it>.qf-lab-none,.qf .qf-it>.qf-um-none{display:none;} .qf .qf-disc-scope{flex:1 1 100%;} .qf .qf-disc-scope button{flex:1;} .qf .qf-it-lbl{display:block;font-size:11px;font-weight:600;color:#9ca3af;margin:0 0 3px 2px;} .qf .qf-it-total{grid-column:1 / -1;height:auto;justify-content:space-between;padding-top:6px;border-top:1px dashed #e5e7eb;} .qf .qf-it-total::before{content:attr(data-label);font-size:12px;font-weight:600;color:#6b7280;} .qf .qf-it-del{position:absolute;top:10px;right:6px;} .qf .qf-add-row .qf-add, .qf .qf-add-row .qf-add-disc{flex:1;justify-content:center;height:44px;} .qf .qf-disc-wrap{flex:1;display:flex;} .qf .rf2-card.qf-card{padding:12px;} .qf .qf-share-btn{height:44px;} .qf .qf-foot{flex-direction:column;align-items:stretch;gap:14px;padding:12px;} .qf .qf-tot{flex:none;padding-top:12px;border-top:1px solid #e5e7eb;} } .qf .qf-insp{margin:0 0 12px 0;border:1px solid #e0defd;border-radius:14px;background:#fafaff;overflow:hidden;} .qf .qf-insp-bar{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;background:transparent;text-align:left;cursor:pointer;color:#111827;} .qf .qf-insp-ico{flex:none;width:34px;height:34px;border-radius:10px;background:#eef0ff;color:#6c63ff;display:flex;align-items:center;justify-content:center;font-size:14px;} .qf .qf-insp-head{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;} .qf .qf-insp-t{font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .qf .qf-insp-n{font-size:12.5px;font-weight:600;color:#6b7280;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .qf .qf-insp-n:empty{display:none;} .qf .qf-insp-chev{color:#9ca3af;transition:transform .15s;} .qf .qf-insp.is-open .qf-insp-chev{transform:rotate(180deg);} .qf .qf-insp-body{padding:0 14px 12px 14px;} .qf .qf-insp-photos{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:0 0 10px 0;} .qf .qf-insp-img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px;cursor:zoom-in;background:#eee;} .qf .qf-insp-vid{position:relative;display:block;width:100%;aspect-ratio:1/1;border-radius:9px;overflow:hidden;background:#111827;cursor:pointer;} .qf .qf-insp-vid video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;} .qf .qf-insp-vid i{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:rgba(17,24,39,.65);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;padding-left:2px;} .qf .qf-insp-item{padding:9px 11px;margin:0 0 6px 0;border:1px solid #eceef3;border-radius:10px;background:#fff;} .qf .qf-insp-text{font-size:13.5px;color:#111827;line-height:1.45;} .qf .qf-insp-meta{margin-top:3px;font-size:11.5px;color:#9ca3af;} .qf.qf-insp-first .qf-step,.qf.qf-insp-first .rf2-footer > .rf2-footer-row:not(.qf-gate-row){display:none !important;} .qf:not(.qf-insp-first) .qf-gate-row{display:none !important;} #qfInspOverlay{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:16px;} #qfInspOverlay img{max-width:100%;max-height:100%;border-radius:8px;} @media (max-width:600px){.qf .qf-insp-photos{grid-template-columns:repeat(3,1fr);}} /* ====================================================================== Constatari (mutat din inspections.twig) ====================================================================== */ .insp-page .ins-new{margin:0 0 26px 0;} .insp-page .ins-new-head,.insp-page .ins-group-head{display:flex;align-items:center;gap:9px;margin:0 0 10px 2px;font-size:14px;font-weight:700;color:#111827;} .insp-page .ins-dot{width:9px;height:9px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 4px #fee2e2;margin:0 3px 0 2px;} .insp-page .ins-dot.is-off{background:#d1d5db;box-shadow:0 0 0 4px #f3f4f6;} .insp-page .ins-head-n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:#f3f4f6;color:#6b7280;font-size:12px;font-weight:700;} .insp-page .ins-new .ins-head-n{background:#fee2e2;color:#b91c1c;} .insp-page .ins-list{display:flex;flex-direction:column;gap:8px;} .insp-page .ins-card{position:relative;display:flex;align-items:center;gap:16px;padding:14px 16px 14px 13px;border:1px solid #e5e7eb;border-left:4px solid #ef4444;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s;} .insp-page .ins-card:hover{border-color:#c7c3ff;border-left-color:#ef4444;box-shadow:0 2px 10px rgba(108,99,255,.08);} .insp-page .ins-when{flex:none;width:110px;} .insp-page .ins-when b{display:block;font-size:14px;font-weight:700;color:#111827;white-space:nowrap;} .insp-page .ins-when small{display:block;margin-top:2px;font-size:12px;font-weight:700;color:#9ca3af;white-space:nowrap;} .insp-page .ins-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;} .insp-page .ins-ws-pill{align-self:flex-start;max-width:100%;margin-bottom:3px;padding:2px 10px;border-radius:14px;background:#f5f4ff;color:#3f3a9e;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .insp-page .ins-car{font-size:14px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .insp-page .ins-car b{color:#111827;letter-spacing:.3px;} .insp-page .ins-sub{font-size:12.5px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .insp-page .ins-last{margin-top:2px;font-size:13px;color:#374151;font-style:italic;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .insp-page .ins-counts{margin-top:2px;font-size:12px;font-weight:600;color:#374151;} .insp-page .ins-sent{font-weight:500;color:#9ca3af;} .insp-page .ins-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:10px;} .insp-page .ins-cta{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:10px;background:#6c63ff;color:#fff;font-size:13px;font-weight:700;white-space:nowrap;} .insp-page .ins-card:hover .ins-cta{background:#5a52e8;} .insp-page .ins-acts{display:flex;align-items:center;gap:6px;} .insp-page .ins-bk,.insp-page .ins-noq,.insp-page .ins-del{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 10px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;color:#374151;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer;} .insp-page .ins-bk i{color:#6c63ff;} .insp-page .ins-bk:hover,.insp-page .ins-noq:hover{border-color:#c7c3ff;background:#f5f4ff;color:#111827;} .insp-page .ins-del{color:#b91c1c;} .insp-page .ins-del:hover{border-color:#fecaca;background:#fef2f2;} .insp-page .ins-group{margin:0 0 20px 0;} .insp-page .ins-rows{border:1px solid #e5e7eb;border-radius:14px;background:#fff;overflow:hidden;} .insp-page .ins-row{display:grid;grid-template-columns:80px 90px minmax(0,1.4fr) minmax(0,1fr) minmax(0,.9fr) 140px;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid #f1f2f4;color:#374151;font-size:13px;text-decoration:none;} .insp-page .ins-row:first-child{border-top:0;} .insp-page .ins-row:hover{background:#fafaff;text-decoration:none;color:#111827;} .insp-page .ins-row > span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .insp-page .ins-row-n{font-weight:800;color:#111827;} .insp-page .ins-row-date,.insp-page .ins-row-by{color:#6b7280;} .insp-page .ins-row-car b{color:#111827;letter-spacing:.3px;} .insp-page .ins-row-q{text-align:right;} .insp-page .ins-tabs{margin-bottom:16px;} .insp-page .ins-ws-sel{height:42px;padding:0 30px 0 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;color:#111827;max-width:200px;} .insp-page .ins-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 2px 0 2px;} .insp-page .ins-pager .pagination{margin:0;} .insp-page .ins-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;border-radius:6px;padding:4px 8px;line-height:1;white-space:nowrap;} .insp-page .ins-chip.is-quote{background:#eef0ff;color:#4338ca;} .insp-page .ins-chip.is-noq{background:#f3f4f6;color:#6b7280;} .insp-page .ins-pages{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 0 0;} .insp-page .ins-pg{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#6c63ff;text-decoration:none;} .insp-page .ins-pg:hover{background:#f5f4ff;text-decoration:none;} .insp-page .ins-pg-info{font-size:13px;font-weight:700;color:#374151;} .insp-page .ins-empty{padding:18px;border:1px dashed #e5e7eb;border-radius:12px;background:#fff;text-align:center;font-size:13px;color:#6b7280;} /* 28.10.2026: In asteptare (masini anuntate, inainte de constatare) */ .insp-page .ins-dot.is-wait{background:#f59e0b;box-shadow:0 0 0 4px #fef3c7;} .insp-page .ins-dot.is-wait.is-off{background:#d1d5db;box-shadow:0 0 0 4px #f3f4f6;} .insp-page .ins-drafts .ins-head-n{background:#fef3c7;color:#b45309;} .insp-page .ins-card.is-draft,.insp-page .ins-card.is-draft:hover{border-left-color:#f59e0b;} .insp-page .ins-card.is-draft .ins-when small{color:#b45309;} .insp-page .ins-draft-del{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 10px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;color:#b91c1c;font-size:12.5px;cursor:pointer;} .insp-page .ins-draft-del:hover{border-color:#fecaca;background:#fef2f2;} .insp-page .page-header .container-fluid{display:flex;align-items:center;gap:14px;flex-wrap:wrap;} :is(.insp-page,.quotes-page) .ins-how-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#6c63ff;text-decoration:none;} :is(.insp-page,.quotes-page) .ins-how-link:hover{color:#4f46e5;text-decoration:none;} :is(.insp-page,.quotes-page) .ins-how{margin:0 0 22px 0;padding:18px 20px;border:1px solid #e0defd;border-radius:16px;background:#fafaff;} :is(.insp-page,.quotes-page) .ins-how-title{display:flex;align-items:center;gap:8px;margin:0 0 14px 0;font-size:15px;font-weight:800;color:#111827;} :is(.insp-page,.quotes-page) .ins-how-title i{color:#6c63ff;} :is(.insp-page,.quotes-page) .ins-how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;} :is(.insp-page,.quotes-page) .ins-how-step{display:flex;gap:12px;padding:14px;border:1px solid #eceef3;border-radius:12px;background:#fff;} :is(.insp-page,.quotes-page) .ins-how-n{flex:none;width:28px;height:28px;border-radius:50%;background:#6c63ff;color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;} :is(.insp-page,.quotes-page) .ins-how-step b{display:block;font-size:13.5px;color:#111827;line-height:1.35;} :is(.insp-page,.quotes-page) .ins-how-step p{margin:4px 0 0;font-size:12.5px;line-height:1.5;color:#6b7280;} :is(.insp-page,.quotes-page) .ins-how-ok{display:inline-flex;align-items:center;gap:7px;height:40px;margin-top:14px;padding:0 16px;border:1.5px solid #6c63ff;border-radius:10px;background:#fff;color:#6c63ff;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s;} :is(.insp-page,.quotes-page) .ins-how-ok:hover{background:#f5f4ff;} .quotes-page .qt-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;} .quotes-page .qt-head h1{margin-left:0;padding-left:0;} .quotes-page .qt-how .ins-how-steps.is-4{grid-template-columns:repeat(4,1fr);} .quotes-page .qt-how .qt-how-foot{margin:12px 0 0 0;font-size:12.5px;color:#6b7280;} .quotes-page .qt-noinv{display:flex;align-items:center;gap:14px;margin:0 0 16px 0;padding:16px 18px;border:1px solid #e0defd;border-radius:14px;background:#fafaff;} .quotes-page .qt-noinv-ico{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#eef0ff;color:#6c63ff;display:flex;align-items:center;justify-content:center;font-size:18px;} .quotes-page .qt-noinv-txt{flex:1;min-width:0;} .quotes-page .qt-noinv-txt b{display:block;font-size:14px;color:#111827;} .quotes-page .qt-noinv-txt p{margin:3px 0 0 0;font-size:13px;color:#6b7280;line-height:1.45;} .quotes-page .qt-noinv-btn{flex:0 0 auto;border-radius:10px;} @media (max-width:991px){:is(.insp-page,.quotes-page) .ins-how-steps{grid-template-columns:1fr;gap:8px;} :is(.insp-page,.quotes-page) .ins-how{padding:16px 14px;} :is(.insp-page,.quotes-page) .ins-how-ok{width:100%;justify-content:center;height:44px;} .quotes-page .qt-how .ins-how-steps.is-4{grid-template-columns:1fr;} .quotes-page .qt-noinv{flex-wrap:wrap;} .quotes-page .qt-noinv-btn{width:100%;}} /* ===== telefon ===== */ @media (max-width:767px){ .insp-page .ins-card{flex-direction:column;align-items:stretch;gap:6px;padding:14px 14px 14px 12px;} .insp-page .ins-when{width:auto;display:flex;align-items:baseline;gap:8px;} .insp-page .ins-when small{margin:0;} .insp-page .ins-side{margin-top:4px;padding-top:8px;border-top:1px solid #f1f2f4;align-items:flex-end;} .insp-page .ins-acts{justify-content:flex-end;} .insp-page .ins-row{grid-template-columns:auto 1fr auto;grid-template-areas:"n date q" "car car car" "client client by";gap:4px 10px;} .insp-page .ins-row-n{grid-area:n;} .insp-page .ins-row-date{grid-area:date;} .insp-page .ins-row-q{grid-area:q;} .insp-page .ins-row-car{grid-area:car;font-size:14px;} .insp-page .ins-row-client{grid-area:client;color:#6b7280;} .insp-page .ins-row-by{grid-area:by;text-align:right;} } /* ====================================================================== Formular constatare (mutat din inspection_form.twig) ====================================================================== */ /* doar in app */ body.is-app:has(#ifForm) #loading-bar{display:none !important;} /* doar in app */ body.is-app #ifForm.if-form{min-height:100vh;padding:15px 15px calc(70px + env(safe-area-inset-bottom)) 15px;} body.is-app .if-form .kv-footer{position:fixed;bottom:0;left:0;right:0;padding:0 15px env(safe-area-inset-bottom) 15px;z-index:10;} /* doar pe desktop (modal) */ .modal-body:has(#ifForm){padding:15px 15px 0 15px !important;} body:not(.is-app) .if-form .kv-footer{position:sticky;bottom:0;left:0;right:0;margin:6px -15px 0 -15px;padding:0 15px;z-index:10;} .if-form{font-size:14px;color:#111827;} .if-form .if-head{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px 0;} .if-form .if-avatar{width:44px;min-width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eef0ff;color:#6c63ff;font-size:18px;} .if-form .if-head-info{flex:1;min-width:0;} .if-form .if-head-name{font-size:18px;font-weight:800;line-height:1.2;color:#111827;letter-spacing:.3px;} .if-form .if-head-car{margin-top:2px;font-size:14px;font-weight:600;color:#374151;} .if-form .if-head-sub{margin-top:3px;font-size:13px;color:#6b7280;} .if-form .if-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;} .if-form .if-badges:empty{display:none;} .if-form .if-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#4338ca;background:#eef0ff;border-radius:6px;padding:4px 8px;} .if-form .if-badge.is-muted{color:#374151;background:#f3f4f6;font-weight:600;} .if-form .if-badge.is-cancelled{color:#b91c1c;background:#fee2e2;} .if-form .if-client{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px 0;padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;} .if-form .if-client > i{color:#6c63ff;} .if-form .if-client-name{flex:1;min-width:0;font-size:14px;font-weight:700;color:#111827;} .if-form .if-client-phone{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#6c63ff;text-decoration:none;} .if-form .kv-footer .kv-btn{white-space:nowrap;} .if-form .kv-footer-left{display:flex;align-items:center;gap:6px;} @media (max-width:600px){.if-form .if-hide-sm{display:none;}} .if-form .kv-footer-row{flex-wrap:nowrap;align-items:center;gap:8px;} .if-form .kv-footer-right{display:flex;align-items:center;gap:8px;margin-left:auto;} .if-form .if-foot-quote{display:flex;align-items:center;gap:8px;margin-left:auto;} .if-form .if-foot-quote + .kv-footer-right{margin-left:0;} @media (max-width:600px){.if-form .kv-footer-row:has(.if-foot-quote){flex-wrap:wrap;} .if-form .if-foot-quote{order:-1;flex:1 1 100%;margin-left:0;} .if-form .if-foot-quote .kv-btn{flex:1;justify-content:center;min-width:0;} .if-form .if-foot-quote + .kv-footer-right{margin-left:auto;} body.is-app #ifForm.if-form:has(.if-foot-quote){padding-bottom:calc(122px + env(safe-area-inset-bottom));}} .if-form .if-del{width:42px;padding:0;justify-content:center;} .if-form .if-del{color:#b91c1c;} .if-form .if-badge.is-todo{color:#b91c1c;background:#fee2e2;} .if-form .if-badge.is-done{color:#166534;background:#dcfce7;} @media (max-width:480px){.if-form .if-hide-xs{display:none;}} /* ====================================================================== Bloc constatari (mecanic / receptie) (mutat din inspection_block.twig) ====================================================================== */ .insp{position:relative;margin:0 0 12px 0;padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;} .insp.is-busy{opacity:.6;pointer-events:none;} .insp .insp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px 0;padding:0 0 10px 0;border-bottom:1px solid #f3f4f6;} .insp .insp-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#111827;} .insp .insp-title i{color:#6c63ff;} .insp .insp-chip{font-size:11px;font-weight:700;border-radius:6px;padding:4px 8px;line-height:1;} .insp .insp-chip.is-new{background:#fee2e2;color:#b91c1c;} .insp .insp-chip.is-taken{background:#fef3c7;color:#92400e;} .insp .insp-chip.is-closed,.insp .insp-chip.is-done{background:#dcfce7;color:#166534;} .insp .insp-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 0 12px 0;padding:4px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;} .insp .insp-seg-btn{height:34px;border:0;border-radius:8px;background:none;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;} .insp .insp-seg-btn.active.is-new{background:#ef4444;color:#fff;} .insp .insp-seg-btn.active.is-taken{background:#f59e0b;color:#fff;} .insp .insp-seg-btn.active.is-closed{background:#16a34a;color:#fff;} .insp .insp-photos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 12px 0;} .insp .insp-ph{position:relative;height:110px;border-radius:10px;overflow:hidden;background:#f3f4f6;} .insp .insp-ph img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer;} .insp .insp-ph.is-new{box-shadow:inset 0 0 0 2px #a5a0ff;} .insp .insp-ph-del{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(17,24,39,.7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;} .insp .insp-ph-add{display:flex;align-items:center;justify-content:center;height:110px;border:1px dashed #c7c3ff;border-radius:10px;background:#fafaff;color:#a5a0ff;font-size:16px;cursor:pointer;} .insp .insp-ph-add.is-first{color:#6c63ff;} .insp .insp-ph-add{flex-direction:column;gap:4px;} .insp .insp-ph-add small{font-size:11px;font-weight:700;color:#6c63ff;} .insp .insp-ph video{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer;background:#111827;} .insp .insp-ph-play{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:rgba(17,24,39,.65);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;padding-left:2px;cursor:pointer;} .insp .insp-hint{margin:-6px 0 12px 2px;font-size:12px;color:#9ca3af;} .insp .insp-chk{margin:0 0 12px 0;border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden;} .insp .insp-chk-bar{display:flex;align-items:center;gap:8px;width:100%;padding:11px 13px;border:0;background:#fafafa;font-size:13px;font-weight:700;color:#111827;text-align:left;cursor:pointer;} .insp .insp-chk-bar > .fa-list-check{color:#6c63ff;} .insp .insp-chk-sum{margin-left:auto;font-size:12px;font-weight:600;color:#6b7280;white-space:nowrap;} .insp .insp-chk-sum .is-bad{color:#b91c1c;} .insp .insp-chk-chev{font-size:11px;color:#9ca3af;transition:transform .15s;} .insp .insp-chk.is-open .insp-chk-chev{transform:rotate(180deg);} .insp .insp-chk-body{padding:4px 13px 10px 13px;border-top:1px solid #f1f2f4;} .insp .insp-chk-hint{margin:8px 0 8px 0;font-size:12px;color:#9ca3af;} .insp .insp-chk-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 0;border-top:1px solid #e5e7eb;} .insp .insp-chk-list > .insp-chk-row:first-child{border-top:0;} .insp .insp-chk-nr{flex:none;width:20px;font-size:12px;color:#9ca3af;} .insp .insp-chk-l{flex:1;min-width:140px;font-size:13px;font-weight:600;color:#111827;} .insp .insp-chk-row.is-problem .insp-chk-l{color:#b91c1c;} .insp .insp-chk-seg{flex:none;display:inline-flex;border:1px solid #e5e7eb;border-radius:9px;overflow:hidden;} .insp .insp-chk-btn{height:30px;padding:0 11px;border:0;border-left:1px solid #e5e7eb;background:#fff;font-size:12px;font-weight:700;color:#6b7280;cursor:pointer;} .insp .insp-chk-btn:first-child{border-left:0;} .insp .insp-chk-btn:disabled{cursor:default;} .insp .insp-chk-btn.is-ok.active{background:#dcfce7;color:#166534;} .insp .insp-chk-btn.is-problem.active{background:#fee2e2;color:#b91c1c;} @media (max-width:480px){ .insp .insp-chk-row{gap:10px 8px;} .insp .insp-chk-nr{width:16px;} .insp .insp-chk-l{flex:1 1 0;min-width:110px;} .insp .insp-chk-btn{height:32px;padding:0 7px;font-size:11px;} } .insp .insp-chk-btn.is-na.active{background:#f3f4f6;color:#374151;} .insp .insp-chk-notes{flex:1 1 100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-left:30px;} .insp .insp-chk-nrow{display:flex;align-items:flex-start;gap:6px;width:100%;} .insp .insp-chk-ngrow{flex:1;min-width:0;display:grid;} .insp .insp-chk-ngrow::after{content:attr(data-v) ' ';grid-area:1/1;visibility:hidden;min-width:0;padding:7px 10px;border:1px solid transparent;font-size:13px;line-height:18px;white-space:pre-wrap;overflow-wrap:anywhere;} .insp .insp-chk-note{grid-area:1/1;display:block;width:100%;min-width:0;min-height:34px;height:100%;margin:0;padding:7px 10px;border:1px solid #e5e7eb;border-radius:9px;font-size:13px;line-height:18px;overflow:hidden;overflow-wrap:anywhere;resize:none;} .insp .insp-chk-ndel{flex:none;width:30px;height:34px;border:0;border-radius:8px;background:none;color:#9ca3af;cursor:pointer;} .insp .insp-chk-ndel:hover{color:#ef4444;background:#fef2f2;} .insp .insp-chk-nadd{border:0;background:none;padding:0 2px;font-size:12px;font-weight:600;color:#6c63ff;cursor:pointer;} @media (max-width:339px){.insp .insp-chk-l{flex-basis:calc(100% - 30px);}.insp .insp-chk-seg{margin-left:30px;}} .insp .insp-ph-exp{position:absolute;left:4px;bottom:4px;padding:2px 6px;border-radius:6px;background:rgba(17,24,39,.7);color:#fff;font-size:10px;font-weight:600;line-height:1.3;pointer-events:none;} .insp .insp-list{display:flex;flex-direction:column;} .insp .insp-item{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid #f3f4f6;} .insp .insp-item:first-child{padding-top:0;} .insp .insp-nr{flex:none;min-width:20px;font-size:13px;font-weight:700;color:#6c63ff;line-height:1.45;} .insp .insp-it-main{flex:1;min-width:0;} .insp .insp-it-text{font-size:14px;line-height:1.45;color:#111827;overflow-wrap:anywhere;} .insp .insp-it-meta{margin-top:2px;font-size:11px;color:#9ca3af;} .insp .insp-it-meta.is-new{color:#6c63ff;font-weight:600;} .insp .insp-it-del{width:30px;min-width:30px;height:30px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#9ca3af;cursor:pointer;padding:0;} .insp .insp-it-del:hover{color:#ef4444;border-color:#fecaca;background:#fef2f2;} .insp .insp-add{margin:10px 0 0 0;} .insp .insp-list:empty + .insp-add{margin-top:0;} .insp .insp-text{display:block;width:100%;min-height:60px;padding:9px 11px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;line-height:1.4;color:#111827;background:#fff;resize:vertical;box-sizing:border-box;} .insp .insp-text:focus{outline:0;border-color:#a5a0ff;box-shadow:0 0 0 3px rgba(108,99,255,.12);} .insp .insp-more{display:inline-flex;align-items:center;gap:6px;margin:8px 0 0 0;padding:6px 2px;border:0;background:none;color:#6c63ff;font-size:13px;font-weight:600;cursor:pointer;} .insp .insp-more:disabled{color:#c4c1f5;cursor:default;} .insp .insp-tabs{margin:0 0 12px 0;} .insp .insp-chk.is-flat{padding:2px 13px 8px 13px;} .insp .insp-other-lbl{display:block;margin:2px 0 6px 2px;font-size:13px;font-weight:700;color:#111827;} .insp .insp-other{display:block;width:100%;min-height:60px;padding:9px 11px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;line-height:1.4;color:#111827;background:#fff;resize:vertical;box-sizing:border-box;} .insp .insp-other:focus{outline:0;border-color:#a5a0ff;box-shadow:0 0 0 3px rgba(108,99,255,.12);} .insp .insp-other:disabled{background:#fafafa;color:#374151;} .insp .insp-err{margin-top:10px;padding:8px 10px;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:12px;font-weight:600;} #inspImgOverlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.92);} #inspImgOverlay .insp-ov-in{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;align-items:center;justify-content:center;padding:60px 10px calc(20px + env(safe-area-inset-bottom)) 10px;box-sizing:border-box;} #inspImgOverlay img{display:block;max-width:100%;max-height:100%;height:auto;border-radius:8px;} #inspImgOverlay .insp-ov-close{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.9);color:#111827;display:flex;align-items:center;justify-content:center;font-size:18px;z-index:2;} @media (max-width:520px){ .insp .insp-photos{grid-template-columns:repeat(3,minmax(0,1fr));} .insp .insp-ph,.insp .insp-ph-add{height:auto;aspect-ratio:1/1;} } @media (max-width:992px){ .insp{padding:12px;border-radius:12px;} .insp .insp-more{padding:10px 2px;} } /* ====================================================================== Proces-verbal (mutat din handover_form.twig) ====================================================================== */ /* doar in app */ body.is-app:has(#hfForm) #loading-bar{display:none !important;} .hf-form .hf-pad-clear:disabled{opacity:.45;cursor:default;} /* doar in app */ body.is-app #hfForm.hf-form{min-height:100vh;padding:15px 15px calc(70px + env(safe-area-inset-bottom)) 15px;} body.is-app .hf-form .kv-footer{position:fixed;bottom:0;left:0;right:0;padding:0 15px env(safe-area-inset-bottom) 15px;z-index:10;} /* doar pe desktop (modal) */ .modal-body:has(#hfForm){padding:15px 15px 0 15px !important;} body:not(.is-app) .hf-form .kv-footer{position:sticky;bottom:0;left:0;right:0;margin:6px -15px 0 -15px;padding:0 15px;z-index:10;} .hf-form{font-size:14px;color:#111827;} .hf-form .hf-head{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px 0;} .hf-form .hf-avatar{width:44px;min-width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eef0ff;color:#6c63ff;font-size:18px;} .hf-form .hf-head-info{flex:1;min-width:0;} .hf-form .hf-head-name{font-size:18px;font-weight:800;line-height:1.2;letter-spacing:.3px;} .hf-form .hf-head-car{margin-top:2px;font-size:14px;font-weight:600;color:#374151;} .hf-form .hf-head-sub{margin-top:3px;font-size:13px;color:#6b7280;} .hf-form .hf-client{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px 0;padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;} .hf-form .hf-client > i{color:#6c63ff;} .hf-form .hf-client-name{flex:1;min-width:0;font-size:14px;font-weight:700;} .hf-form .hf-client-phone{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#6c63ff;text-decoration:none;} .hf-form .hf-err{margin:0 0 12px 0;padding:9px 12px;border-radius:10px;background:#fef2f2;color:#b91c1c;font-size:13px;font-weight:600;} .hf-form .hf-card{margin:0 0 12px 0;padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;} .hf-form .hf-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px 0;padding:0 0 10px 0;border-bottom:1px solid #f3f4f6;} .hf-form .hf-card-title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;} .hf-form .hf-card-title i{color:#6c63ff;} .hf-form .hf-chip{font-size:11px;font-weight:700;border-radius:6px;padding:4px 8px;line-height:1;background:#f3f4f6;color:#6b7280;} .hf-form .hf-chip.is-ok{background:#dcfce7;color:#166534;} .hf-form .hf-grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px;} .hf-form .hf-fields.is-locked{pointer-events:none;opacity:.75;} .hf-form .hf-fields.is-locked .hf-ph-add,.hf-form .hf-fields.is-locked .hf-ph-del{display:none;} .hf-form .hf-fuel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;} .hf-form .hf-fuel-btn{height:34px;border:0;border-radius:8px;background:none;font-size:12px;font-weight:700;color:#6b7280;cursor:pointer;padding:0;} .hf-form .hf-fuel-btn.active{background:#6c63ff;color:#fff;} .hf-form .hf-photos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:-4px 0 12px 0;} .hf-form .hf-ph{position:relative;height:96px;border-radius:10px;overflow:hidden;background:#f3f4f6;} .hf-form .hf-ph img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer;} .hf-form .hf-ph.is-new{box-shadow:inset 0 0 0 2px #a5a0ff;} .hf-form .hf-ph-del{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(17,24,39,.7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;} .hf-form .hf-ph-add{display:flex;align-items:center;justify-content:center;height:96px;border:1px dashed #c7c3ff;border-radius:10px;background:#fafaff;color:#a5a0ff;font-size:16px;cursor:pointer;} .hf-form .hf-ph-add.is-first{color:#6c63ff;} .hf-form .hf-sign{margin-top:4px;padding-top:12px;border-top:1px dashed #e5e7eb;} .hf-form .hf-sign-label{margin:0 0 6px 2px;font-size:12px;font-weight:700;color:#4b5563;} .hf-form .hf-sign-box{display:flex;align-items:center;justify-content:center;height:110px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa;overflow:hidden;} .hf-form .hf-sign-box img{max-width:90%;max-height:96px;object-fit:contain;} .hf-form .hf-sign-box.is-empty span{font-size:13px;color:#9ca3af;} .hf-form .hf-sign-when{margin-top:6px;font-size:12px;color:#166534;font-weight:600;} .hf-form .hf-sign-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;} .hf-form .hf-out-open{width:100%;justify-content:center;} .hf-form .kv-footer .kv-btn{white-space:nowrap;} .hf-form .hf-footer-left{display:flex;gap:8px;} #hfImgOverlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.92);} #hfImgOverlay .hf-ov-in{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:60px 10px calc(20px + env(safe-area-inset-bottom)) 10px;box-sizing:border-box;} #hfImgOverlay img{display:block;max-width:100%;max-height:100%;border-radius:8px;} #hfImgOverlay .hf-ov-close{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.9);color:#111827;display:flex;align-items:center;justify-content:center;font-size:18px;} @media (max-width:600px){ .hf-form .hf-grid2{grid-template-columns:1fr;} .hf-form .hf-photos{grid-template-columns:repeat(3,minmax(0,1fr));} .hf-form .hf-ph,.hf-form .hf-ph-add{height:auto;aspect-ratio:1/1;} .hf-form .hf-hide-sm{display:none;} .hf-form .hf-card{padding:12px;border-radius:12px;} } /* ====================================================================== Istoric vehicul (mutat din vehicle_history.twig) ====================================================================== */ /* doar in app */ body.is-app:has(#vhForm) #loading-bar{display:none !important;} /* doar in app */ body.is-app #vhForm.vh-form{min-height:100vh;padding:15px 15px calc(70px + env(safe-area-inset-bottom)) 15px;} body.is-app .vh-form .kv-footer{position:fixed;bottom:0;left:0;right:0;padding:0 15px env(safe-area-inset-bottom) 15px;z-index:10;} /* doar pe desktop (modal) */ .modal-body:has(#vhForm){padding:15px 15px 0 15px !important;} body:not(.is-app) .vh-form .kv-footer{position:sticky;bottom:0;left:0;right:0;margin:14px -15px 0 -15px;padding:0 15px;z-index:10;} .vh-form{font-size:14px;color:#111827;} .vh-form .vh-head{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px 0;} .vh-form .vh-avatar{width:44px;min-width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eef0ff;color:#6c63ff;font-size:18px;} .vh-form .vh-head-info{flex:1;min-width:0;} .vh-form .vh-head-name{font-size:18px;font-weight:800;line-height:1.2;letter-spacing:.3px;} .vh-form .vh-head-car{margin-top:2px;font-size:14px;font-weight:600;color:#374151;} .vh-form .vh-head-sub{margin-top:4px;font-size:13px;color:#6b7280;} .vh-form .vh-head-sub i{color:#9ca3af;font-size:11px;} .vh-form .vh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px 0;} .vh-form .vh-cell{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border-radius:12px;background:#f9fafb;border:1px solid #f0f1f3;min-width:0;} .vh-form .vh-cell span{font-size:11px;font-weight:600;color:#9ca3af;} .vh-form .vh-cell b{font-size:14px;font-weight:700;overflow-wrap:anywhere;} .vh-form .vh-cell small{font-size:11px;color:#6b7280;} .vh-form .vh-cell-wide{grid-column:1 / -1;} .vh-form .vh-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.5px;} .vh-form .vh-itp.is-soon{background:#fffbeb;border-color:#fde68a;} .vh-form .vh-itp.is-soon b{color:#92400e;} .vh-form .vh-itp.is-expired{background:#fef2f2;border-color:#fecaca;} .vh-form .vh-itp.is-expired b,.vh-form .vh-itp.is-expired small{color:#b91c1c;} .vh-form .vh-sec{display:flex;align-items:center;gap:6px;margin:0 0 8px 2px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#6b7280;} .vh-form .vh-sec span{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#eef0ff;color:#6c63ff;font-size:11px;} /* ====================================================================== Setari documente (mutat din document_settings.twig) ====================================================================== */ .ds-page .ds-intro{display:flex;align-items:flex-start;gap:8px;margin:0 0 16px 0;padding:12px 14px;border:1px solid #e0e7ff;border-radius:12px;background:#f5f4ff;font-size:13px;color:#4338ca;line-height:1.45;} .ds-page .ds-intro i{margin-top:2px;} .ds-page .st-help{color:#3b82f6;cursor:pointer;margin-left:4px;} .ds-page .ds-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;} .ds-page .ds-box{padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;} .ds-page .ds-box.is-busy{opacity:.6;pointer-events:none;} .ds-page .ds-box-title{margin:0 0 8px 0;font-size:13px;font-weight:700;color:#111827;} .ds-page .ds-preview{display:flex;align-items:center;justify-content:center;height:130px;border:1px dashed #d1d5db;border-radius:10px;background:#fafafa;overflow:hidden;} .ds-page .ds-preview img{max-width:90%;max-height:110px;object-fit:contain;} .ds-page .ds-preview.is-empty span{font-size:13px;color:#9ca3af;} .ds-page .ds-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;} .ds-page .ds-actions .btn-link{color:#dc2626;} .ds-page .ds-pad{height:150px;} @media (max-width:768px){.ds-page .ds-grid{grid-template-columns:1fr;}} /* ====================================================================== Configurare rapida (mutat din quick_setup.twig) ====================================================================== */ /* doar pe pagina de configurare rapida (altfel ascundea antetul cu meniul pe toate paginile, pe telefon) */ .quick-setup,.quick-setup *,.quick-setup *::before,.quick-setup *::after{box-sizing:border-box;} body:has(.quick-setup) header{display:none !important;} .quick-setup{min-height:100vh;background:#f5f6fa;display:flex;flex-direction:column;align-items:center;padding:36px 16px 80px;} .qs-header{text-align:center;margin-bottom:26px;} .qs-logo{height:38px;margin-bottom:12px;} .qs-header h2{font-size:22px;font-weight:800;color:#111827;margin:0 0 6px;} .qs-header p{color:#6b7280;font-size:14px;margin:0;} .qs-steps{display:flex;align-items:center;width:100%;max-width:520px;margin-bottom:22px;} .qs-step{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#9ca3af;} .qs-step em{font-style:normal;} .qs-step span{width:30px;height:30px;border-radius:50%;border:2px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;} .qs-step span i{display:none;font-size:12px;} .qs-step.active{color:#111827;} .qs-step.active span{border-color:#6c63ff;color:#6c63ff;box-shadow:0 0 0 4px #ecebff;} .qs-step.done{color:#6c63ff;} .qs-step.done span{background:#6c63ff;border-color:#6c63ff;color:#fff;} .qs-step.done span b{display:none;} .qs-step.done span i{display:block;} .qs-step-line{flex:1;height:2px;background:#e5e7eb;margin:0 10px;min-width:12px;border-radius:2px;} .qs-card{background:#fff;border:1px solid #eceef3;border-radius:18px;padding:28px;width:100%;max-width:520px;box-shadow:0 6px 24px rgba(17,24,39,.06);} .qs-card-icon{width:46px;height:46px;border-radius:14px;background:#eef0ff;color:#6c63ff;display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:14px;} .qs-card h3{font-size:19px;font-weight:800;color:#111827;margin:0 0 6px;} .qs-sub{color:#6b7280;font-size:13.5px;line-height:1.5;margin:0 0 20px;} .qs-field{margin-bottom:16px;} .qs-label{display:block;font-size:13px;font-weight:700;color:#374151;margin-bottom:6px;} .qs-label small{font-weight:500;color:#9ca3af;font-size:12px;} .qs-input{width:100%;height:48px;padding:0 14px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:15px;color:#111827;outline:none;background:#fafafa;transition:border-color .15s,background .15s;} .qs-input:focus{border-color:#6c63ff;background:#fff;box-shadow:0 0 0 3px #ecebff;} .qs-hint{margin-top:6px;font-size:12px;color:#9ca3af;} .qs-error{color:#dc2626;font-size:13px;min-height:18px;margin:2px 0 4px;} .qs-btn{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:8px;background:#6c63ff;color:#fff !important;border:0;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none !important;transition:background .15s;} .qs-btn:hover{background:#5a52e8;} .qs-btn:disabled{opacity:.6;cursor:default;} .qs-add{display:inline-flex;align-items:center;gap:7px;height:40px;margin:2px 0 8px;padding:0 4px;border:0;background:none;color:#6c63ff;font-size:14px;font-weight:700;cursor:pointer;} .qs-add:hover{color:#4f46e5;} /* posturi */ .qs-ws-list{display:flex;flex-direction:column;gap:8px;margin-bottom:6px;} .qs-ws-row{display:flex;align-items:center;gap:8px;} .qs-ws-num{flex:none;width:30px;height:30px;border-radius:9px;background:#f3f4f6;color:#6b7280;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;} .qs-ws-del{flex:none;width:40px;height:48px;border:0;border-radius:10px;background:none;color:#c4c7cf;font-size:16px;cursor:pointer;} .qs-ws-del:hover{color:#ef4444;background:#fef2f2;} .qs-ws-list .qs-ws-row:only-child .qs-ws-del{visibility:hidden;} /* servicii */ .qs-svc-list{display:flex;flex-direction:column;border:1px solid #eceef3;border-radius:14px;overflow:hidden;margin-bottom:6px;} .qs-svc{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 12px;border-bottom:1px solid #f1f2f4;background:#fff;transition:background .15s;} .qs-svc:last-child{border-bottom:0;} .qs-svc.is-on{background:#fafaff;} .qs-svc-check{flex:1;min-width:0;display:flex;align-items:center;gap:11px;margin:0;min-height:44px;cursor:pointer;font-weight:600;} .qs-svc-check input[type=checkbox]{position:absolute;opacity:0;pointer-events:none;} .qs-box{flex:none;width:22px;height:22px;border:2px solid #d1d5db;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;transition:all .15s;} .qs-box i{opacity:0;} .qs-svc.is-on .qs-box{background:#6c63ff;border-color:#6c63ff;} .qs-svc.is-on .qs-box i{opacity:1;} .qs-svc-name{font-size:14.5px;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .qs-svc.is-on .qs-svc-name{color:#111827;} .qs-svc.is-custom .qs-svc-check{flex:none;} .qs-svc-custom{flex:1;min-width:0;height:38px;padding:0 10px;border:1.5px solid #e5e7eb;border-radius:9px;font-size:14px;font-weight:600;color:#111827;outline:none;} .qs-svc-custom:focus{border-color:#6c63ff;} .qs-svc-inputs{flex:none;display:flex;gap:6px;} .qs-svc:not(.is-on) .qs-svc-inputs{opacity:.4;} .qs-mini{position:relative;} .qs-mini input{width:84px;height:38px;padding:0 34px 0 10px;border:1.5px solid #e5e7eb;border-radius:9px;font-size:14px;color:#111827;outline:none;background:#fff;-moz-appearance:textfield;} .qs-mini input::-webkit-outer-spin-button,.qs-mini input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;} .qs-mini input:focus{border-color:#6c63ff;} .qs-mini span{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:12px;color:#9ca3af;pointer-events:none;} .qs-note{display:flex;align-items:flex-start;gap:10px;margin:4px 0 6px;padding:12px 14px;border-radius:12px;background:#f5f4ff;color:#4338ca;font-size:13px;line-height:1.5;} .qs-note i{flex:none;margin-top:3px;font-size:12px;color:#6c63ff;} .quick-setup .qs-skip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-8px -8px 18px;padding:10px 10px 10px 14px;border-radius:12px;background:#f5f4ff;font-size:12.5px;line-height:1.45;color:#4338ca;} .quick-setup .qs-skip i{margin-right:4px;color:#6c63ff;} .quick-setup .qs-skip-btn{flex:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1.5px solid #dcd9ff;border-radius:9px;background:#fff;color:#4f46e5;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;} .quick-setup .qs-skip-btn i{margin:0;font-size:11px;color:inherit;} .quick-setup .qs-skip-btn:hover{background:#eef0ff;} .quick-setup .qs-skip-btn:disabled{opacity:.6;cursor:default;} .quick-setup .qs-cui-row{display:flex;gap:8px;} .quick-setup .qs-cui-row .qs-input{flex:1;min-width:0;} .quick-setup .qs-anaf-btn{flex:none;display:inline-flex;align-items:center;gap:7px;height:48px;padding:0 14px;border:1.5px solid #e5e7eb;border-radius:12px;background:#fff;color:#374151;font-size:14px;font-weight:600;cursor:pointer;} .quick-setup .qs-anaf-btn:hover{border-color:#6c63ff;color:#6c63ff;} .quick-setup .qs-anaf-btn:disabled{opacity:.6;cursor:default;} .quick-setup .qs-anaf-btn .qs-anaf-short{display:none;} .quick-setup .qs-anaf-msg{margin-top:6px;font-size:12px;min-height:0;} .quick-setup .qs-anaf-msg.is-ok{color:#16a34a;} .quick-setup .qs-anaf-msg.is-err{color:#ef4444;} .quick-setup .qs-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;} .quick-setup .qs-input::placeholder{color:#c9ccd3;font-weight:400;} .quick-setup .qs-sign-prev{height:150px;border:1px solid #eceef3;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;} .quick-setup .qs-sign-prev img{max-width:90%;max-height:120px;} .quick-setup .qs-sign-actions{display:flex;gap:16px;margin-top:8px;min-height:18px;} .quick-setup .qs-link-btn{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:#6c63ff;font-size:13px;font-weight:600;cursor:pointer;} .quick-setup .qs-link-btn.is-del{color:#ef4444;} .quick-setup .qs-link-btn:disabled{opacity:.4;cursor:default;} .quick-setup .qs-sep{margin:6px 0 14px;padding-top:16px;border-top:1px solid #f1f2f4;font-size:13px;font-weight:800;color:#111827;} /* gata */ .qs-done{text-align:center;} .qs-done-icon{width:64px;height:64px;margin:4px auto 16px;border-radius:50%;background:#6c63ff;color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px #ecebff;} .qs-done-actions{display:flex;flex-direction:column;gap:10px;} .qs-btn-ghost{background:#fff !important;color:#4f46e5 !important;border:1.5px solid #e0defd !important;} .qs-btn-ghost:hover{background:#f5f4ff !important;} .qs-btn small{font-weight:500;color:#9ca3af;font-size:12.5px;} @media (max-width:560px){ .quick-setup{padding:24px 12px 60px;} .qs-card{padding:22px 16px;border-radius:16px;} .qs-step em{display:none;} .qs-step.active em{display:inline;} .qs-svc{flex-wrap:wrap;gap:4px 10px;padding:8px 10px;} .qs-svc-check{flex:1 1 100%;min-height:40px;} .qs-svc.is-custom .qs-svc-check{flex:none;} .qs-svc.is-custom .qs-svc-custom{flex:1 1 calc(100% - 40px);} .qs-svc-inputs{flex:1 1 100%;padding-left:33px;} .qs-mini{flex:1;} .qs-mini input{width:100%;} .quick-setup .qs-row2{grid-template-columns:1fr;gap:0;} .quick-setup .qs-anaf-btn{padding:0 12px;gap:6px;} .quick-setup .qs-anaf-btn .qs-anaf-full{display:none;} .quick-setup .qs-anaf-btn .qs-anaf-short{display:inline;} .quick-setup .qs-skip{flex-direction:column;align-items:flex-start;margin:-4px -4px 16px;} } /* ============================ SERVICE 15.10.2026 (partea 3) ============================ */ /* Calendar: ✓ masina gata (mecanic) + SMS trimis, inaintea numelui */ .calendar-page .cal-rdy{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-right:3px;border-radius:50%;background:#16a34a;color:#fff;font-size:8px;vertical-align:1px;line-height:1;} .calendar-page .cal-rdy.is-progress{background:#f59e0b;} .calendar-page .cal-rdy.is-delivered{background:#2563eb;} .calendar-page .cal-event .cal-ev-band{display:flex;align-items:center;gap:4px;margin:-3px -6px 3px -6px;padding:2px 6px;font-size:10px;font-weight:800;letter-spacing:.06em;line-height:14px;white-space:nowrap;} .calendar-page .cal-event .cal-ev-band.is-ready{background:#16a34a;color:#fff;} .calendar-page .cal-event .cal-ev-band.is-pale{background:rgba(255,255,255,.88);color:#15803d;} .calendar-page .cal-event.cal-ev-ready{box-shadow:inset 0 0 0 3px #16a34a,0 0 0 2px rgba(22,163,74,.35),0 1px 3px rgba(0,0,0,.15);} .calendar-page .cal-event .cal-rdy-short{display:none;} .calendar-page .cal-event.cal-ev-short .cal-ev-band{display:none;} .calendar-page .cal-event.cal-ev-short .cal-rdy-short{display:inline-flex;} /* Fisa mecanicului: clientul (nume + telefon) */ .mv .mv-client{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;} .mv .mv-client-name{font-size:15px;font-weight:700;color:#111827;min-width:0;overflow-wrap:anywhere;} .mv .mv-client-tel{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;background:#eef0ff;color:#4338ca;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;} .mv .mv-client-tel:hover{background:#e0e3ff;color:#4338ca;text-decoration:none;} /* Programare (receptie): starea „masina e gata” de la mecanic, deasupra SMS-ului */ .rf2:where(:not(.qf)) .rf2-ready{display:flex;flex-direction:column;gap:8px;} .rf2:where(:not(.qf)) .rf2-ready-mark{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;color:#6b7280;font-size:13px;font-weight:600;} .rf2:where(:not(.qf)) .rf2-ready-mark.is-done{border-color:#bbf7d0;background:#f0fdf4;color:#166534;} .rf2:where(:not(.qf)) #rfReady:empty{display:none;} /* Stergere programare cu deviz: nota „devizul e facturat” */ .ac-overlay.rf2-gc .rf2-gc-note{margin:-4px 0 12px 0;padding:8px 10px;border-radius:10px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:12px;font-weight:600;line-height:1.4;text-align:left;} /* Setari documente: garantia de pe deviz */ .ds-page .ds-warranty{margin-top:14px;padding-top:14px;border-top:1px solid #f0f1f3;} .ds-page .ds-warranty .st-day-name{margin-bottom:6px;} .ds-page .ds-warranty textarea{resize:vertical;min-height:72px;} /* Setari documente: taburi + Factura */ .ds-page .ds-tabs{margin-bottom:16px;} .ds-page .ds-inv-intro{display:block;margin-bottom:12px;} .ds-page .ds-inv-lbl{margin-bottom:8px;} .ds-page .ds-inv-radios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;} .ds-page .ds-inv-radio{position:relative;display:flex;align-items:flex-start;gap:8px;margin:0;padding:11px 34px 11px 12px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;font-weight:400;cursor:pointer;transition:border-color .15s,background .15s;} .ds-page .ds-inv-radio:hover{border-color:#c7c3ff;} .ds-page .ds-inv-radio.is-active{border-color:#6c63ff;background:#f5f4ff;} .ds-page .ds-inv-radio input{position:absolute;opacity:0;pointer-events:none;} .ds-page .ds-inv-radio span{display:flex;flex-direction:column;gap:2px;} .ds-page .ds-inv-radio b{font-size:13px;color:#111827;} .ds-page .ds-inv-radio small{font-size:12px;color:#6b7280;line-height:1.35;} .ds-page .ds-inv-radio-ok{position:absolute;top:10px;right:10px;font-size:16px;color:#d1d5db;} .ds-page .ds-inv-radio.is-active .ds-inv-radio-ok{color:#6c63ff;} .ds-page .ds-inv-checks{display:flex;flex-direction:column;gap:6px;} .ds-page .ds-inv-checks label{display:flex;align-items:center;gap:8px;margin:0;font-weight:400;cursor:pointer;} .ds-page .ds-inv-checks input{margin:0;} @media (max-width:768px){.ds-page .ds-inv-radios{grid-template-columns:1fr;}} /* Programare: telefonul clientului sub nume (in locul textului 'Vizualizeaza si editeaza programarea') */ .rf2 .rf2-head-phone{display:inline-flex;align-items:center;gap:6px;margin-top:3px;font-size:14px;font-weight:600;color:#4338ca;text-decoration:none;letter-spacing:.2px;} .rf2 .rf2-head-phone i{font-size:12px;color:#6c63ff;} .rf2 .rf2-head-phone:hover{color:#312e81;text-decoration:none;} /* Programare: starea 'masina e gata' - randuri mici, fara chenar (iconita ca in calendar) */ .rf2:where(:not(.qf)) .rf2-ready{gap:6px;padding:2px 2px 0 2px;} .rf2:where(:not(.qf)) .rf2-ready .rf2-ready-mark,.rf2:where(:not(.qf)) .rf2-ready .rf2-ready-sent{display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;font-size:12.5px;font-weight:500;color:#4b5563;line-height:1.4;} .rf2:where(:not(.qf)) .rf2-ready .rf2-ready-mark:not(.is-done){color:#9ca3af;} .rf2:where(:not(.qf)) .rf2-rdy-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#16a34a;color:#fff;font-size:9px;} .rf2:where(:not(.qf)) .rf2-ready-mark:not(.is-done) .rf2-rdy-ico{background:#fff;color:#d1d5db;border:1px dashed #d1d5db;} .rf2:where(:not(.qf)) .rf2-ready .rf2-ready-btn{height:38px;margin-top:4px;font-size:13px;} .rf2:where(:not(.qf)) .rf2-ready .rf2-ready-btn:disabled{border-color:#e5e7eb;background:#f9fafb;color:#9ca3af;opacity:1;} .rf2:where(:not(.qf)) .rf2-ready .rf2-ready-off{margin-top:4px;font-size:12px;color:#9ca3af;text-align:center;} /* Programare (receptie): lucrul in atelier - starea + Incepe / Incheie */ .rf2:where(:not(.qf)) .rf2-work{display:flex;flex-direction:column;gap:6px;} .rf2:where(:not(.qf)) .rf2-work:empty{display:none;} .rf2:where(:not(.qf)) .rf2-ready .rf2-ready-mark.is-progress .rf2-rdy-ico{background:#f59e0b;} .rf2:where(:not(.qf)) .rf2-ready .rf2-ready-mark.is-delivered .rf2-rdy-ico{background:#2563eb;} .rf2:where(:not(.qf)) .rf2-work-btns{display:flex;gap:8px;} .rf2:where(:not(.qf)) .rf2-work-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;height:38px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;} .rf2:where(:not(.qf)) .rf2-work-btn.is-start{border:1px solid #c7d2fe;background:#eef0ff;color:#4338ca;} .rf2:where(:not(.qf)) .rf2-work-btn.is-end{border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d;} .rf2:where(:not(.qf)) .rf2-work-btn:disabled{opacity:.6;cursor:default;} /* ====================================================================== Modal: efect la deschidere / schimbarea documentului (web, nu app) – vezi common.js kvModalAnimate ====================================================================== */ @keyframes kvMOpen {from{opacity:0;transform:translateY(8px) scale(.97);}to{opacity:1;transform:none;}} @keyframes kvFadeIn {from{opacity:0;}} @keyframes kvMFromR {from{opacity:0;transform:translateX(40px);}to{opacity:1;transform:none;}} @keyframes kvMFromL {from{opacity:0;transform:translateX(-40px);}to{opacity:1;transform:none;}} #modal-agree .modal-dialog.kv-m-open{animation:kvMOpen .2s ease-out;} .modal-backdrop.kv-bd-open{animation:kvFadeIn .2s ease-out;} #modal-agree .modal-content.kv-m-sliding{overflow:hidden;} #modal-agree .kv-m-from-right{animation:kvMFromR .2s ease-out;} #modal-agree .kv-m-from-left{animation:kvMFromL .2s ease-out;} #kvModalBridge .kv-mb-shell{position:fixed;z-index:1050;overflow:hidden;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.5);} #kvModalBridge .kv-mb-shell > .modal-content{position:absolute;left:0;right:0;margin:0;border:0;box-shadow:none;opacity:.5;pointer-events:none;} @keyframes kvMbSpinIn {to{opacity:1;}} #kvModalBridge .kv-mb-spin{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;color:#6c63ff;opacity:0;animation:kvMbSpinIn .2s ease-out .25s forwards;} @media (prefers-reduced-motion:reduce){ #modal-agree .modal-dialog.kv-m-open,.modal-backdrop.kv-bd-open,#modal-agree .kv-m-from-right,#modal-agree .kv-m-from-left{animation:none;} } /* ===== Login - verificare 2FA (common/login_verify) ===== */ .login-page .tfa-code{letter-spacing:4px;font-size:20px !important;font-weight:700;text-align:left;} .login-page .tfa-resend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:16px 0 0;font-size:13.5px;color:#6b7280;} .login-page .tfa-resend button{border:0;background:none;padding:0;color:#6c63ff;font-weight:700;cursor:pointer;} .login-page .tfa-resend button:disabled{color:#9ca3af;cursor:default;} .login-page .tfa-remember{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:400;color:#374151;cursor:pointer;user-select:none;} .login-page .tfa-remember input{margin:0;flex-shrink:0;accent-color:#6c63ff;cursor:pointer;} /* ===== ADMIN user/user – lista conturi Kalevo (desktop tabel, telefon carduri) ===== */ .au-page .au-filters {display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap;} .au-page .au-muted {display:block;color:#888;} .au-page .au-bt {display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;line-height:16px;white-space:nowrap;} .au-page .au-bt-service {background:#e0f2fe;color:#0369a1;} .au-page .au-bt-normal {background:#f1f1f1;color:#666;} .au-page .au-cards {display:none;} .au-page .au-act-cell {font-size:12px;white-space:nowrap;} .au-page .au-act-cell .au-act {display:block;line-height:18px;} .au-page .au-act b {color:#111;} .au-page .au-int-cell {max-width:200px;} .au-page .au-int {display:inline-block;padding:2px 8px;margin:2px;border-radius:10px;font-size:11px;font-weight:600;line-height:16px;white-space:nowrap;background:#f1f5f9;color:#475569;} .au-page .au-int-smso {background:#ecfdf5;color:#047857;} .au-page .au-int-stripe {background:#eef2ff;color:#4f46e5;} .au-page .au-int-oblio, .au-page .au-int-smartbill {background:#fff7ed;color:#c2410c;} .au-page .au-int-rar {background:#fef2f2;color:#b91c1c;} .au-page .au-int-gcal {background:#e0f2fe;color:#0369a1;} .au-page .au-int-none {color:#aaa;font-size:12px;} @media (max-width:767px) { .au-page .au-desktop, .au-page .au-desktop-btn {display:none !important;} .au-page .cl-filter-bar {flex-direction:column;align-items:stretch;gap:10px;} .au-page .au-filters a {flex:1 1 auto;text-align:center;} .au-page .au-cards {display:flex;flex-direction:column;gap:10px;padding:10px;} .au-page .au-card {background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px;min-width:0;} .au-page .au-card.is-expired {border-left:4px solid #f59e0b;} .au-page .au-card.is-delete {border-left:4px solid #ef4444;background:#fff5f5;} .au-page .au-card-empty {text-align:center;color:#888;padding:24px 12px;} .au-page .au-card-top {display:flex;gap:10px;align-items:flex-start;} .au-page .au-card-main {flex:1;min-width:0;} .au-page .au-card-email {font-weight:600;overflow-wrap:anywhere;} .au-page .au-card-chk {flex:none;width:20px;height:20px;margin:0;} .au-page .au-cards-del {display:none;position:fixed;left:12px;bottom:16px;z-index:1000;height:44px;padding:0 18px;border-radius:10px;font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.2);} .au-page .au-cards-del.is-on {display:block;} .au-page .au-card-plan {display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:8px 0 6px 0;font-size:13px;color:#666;} .au-page .au-card-plan .au-muted {display:inline;font-size:11px;} .au-page .au-card-plan .au-plan-exp b {font-weight:600;color:#333;} .au-page .au-card-plan .au-plan-exp b.text-danger {color:#a94442;} .au-page .au-card-plan .au-plan-days {font-size:11px;color:#888;} .au-page .au-card-plan .au-plan-days.text-danger {color:#a94442;} .au-page .au-card-sub {font-size:12px;color:#888;margin-top:2px;overflow-wrap:anywhere;} .au-page .au-card-actions {display:flex;gap:6px;flex-shrink:0;} .au-page .au-card-tags {display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px;} .au-page .au-card-tags .au-muted {display:inline;font-size:11px;} .au-page .au-card-meta {display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:10px;font-size:12px;color:#666;} .au-page .au-card-meta .au-meta-right {text-align:right;} .au-page .au-card-meta .au-meta-full {grid-column:1 / -1;} .au-page .au-card-act {display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0;font-size:12px;color:#666;} .au-page .au-card-int {display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;} .au-page .au-card-int .au-int {margin:0;} .au-page .au-card-subs-btn {margin-top:10px;border:0;background:#f3f4f6;border-radius:8px;padding:6px 10px;font-size:12px;width:100%;text-align:left;} .au-page .au-card-subs-btn .fa-chevron-down {float:right;margin-top:3px;transition:transform .2s;} .au-page .au-card-subs-btn.open .fa-chevron-down {transform:rotate(180deg);} .au-page .au-card-subs {display:none;margin-top:6px;} .au-page .au-card-subrow {display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 4px;border-top:1px solid #f0f0f0;color:inherit;text-decoration:none;} .au-page .au-card-subname {min-width:0;overflow-wrap:anywhere;font-size:13px;} .au-page .au-card-subname small {display:block;color:#888;} } /* ===== Setari documente: datele service-ului (19.10.2026) ===== */ .ds-page .ds-company-hint {display:block;margin-bottom:10px;} .ds-page .ds-cui-row {display:flex;gap:8px;flex:1;min-width:0;} .ds-page .ds-cui-row .form-control {flex:1;min-width:0;} .ds-page .ds-cui-row .btn {white-space:nowrap;flex-shrink:0;} .ds-page .ds-cui-row .ds-anaf-short{display:none;} @media (max-width:768px){.ds-page .ds-cui-row{flex:1 1 100%;}.ds-page .ds-cui-row .ds-anaf-long{display:none;}.ds-page .ds-cui-row .ds-anaf-short{display:inline;}} .ds-page .ds-anaf-msg {font-size:12px;margin:-4px 0 8px 2px;} .ds-page .ds-anaf-msg.is-ok {color:#16a34a;} .ds-page .ds-anaf-msg.is-err {color:#ef4444;} /* Contul meu: nota despre facturarea abonamentului */ .acc-billing-hint {display:block;margin:-6px 0 14px;} /* Programare: date facturare client (bucata comuna cu devizul) */ .rf2-billwrap #rfBillPj {display:grid;gap:8px;} /* Dashboard „De rezolvat”: alegerea randurilor (19.10.2026) */ .dsv .dsv-todo-head {position:relative;} .dsv .dsv-todo-edit {margin-left:2px;border:0;background:transparent;color:#9ca3af;font-size:13px;padding:2px 6px;border-radius:6px;cursor:pointer;} .dsv .dsv-todo-edit:hover {background:#f3f4f6;color:#6c63ff;} .dsv .dsv-todo-edit i {color:inherit;} .dsv .dsv-todo-pop {position:absolute;top:28px;left:0;z-index:30;width:min(340px, calc(100vw - 40px));padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(17,24,39,.12);font-weight:400;} .dsv .dsv-todo-pop-title {font-size:12px;font-weight:700;color:#6b7280;margin-bottom:6px;} .dsv .dsv-todo-opt {display:flex;align-items:flex-start;gap:8px;padding:7px 0;margin:0;font-size:13px;font-weight:500;color:#111827;cursor:pointer;} .dsv .dsv-todo-opt input {margin:2px 0 0;} .dsv .dsv-todo > .dsv-todo-row.is-first {border-top:0;} /* Constatari (19.10.2026): constatare noua, solicitari client, pagina mecanicului */ .if-form .if-newc {margin:0 0 6px;} .if-form .if-req {margin:0 0 12px;} .if-form .if-req-label {display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#374151;margin:0 0 6px;} .if-form .if-req-label i {color:#6c63ff;} .if-form .if-req-text {width:100%;min-height:98px;border:1px solid #e5e7eb;border-radius:10px;padding:9px 12px;font-size:14px;line-height:1.4;resize:vertical;outline:none;background:#fff;} .if-form .if-req-text:focus {border-color:#c7d2fe;} .if-form .if-req-text[readonly] {background:#f9fafb;} .insp-page .page-header .container-fluid {display:block;} .insp-page .ins-head {display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;} .insp-page .ins-head h1 {order:1;margin-left:0;padding-left:0;} :is(.insp-page,.quotes-page) .ins-how-link {order:2;} @media (max-width:767px) { /* telefon: titlul stanga, butonul dreapta (mai mic), „Cum functioneaza” sub ele */ .insp-page .ins-head {gap:6px 10px;} .insp-page .ins-how-link {order:3;flex-basis:100%;} } .insp-page .ins-mech-new {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;margin:0 0 16px;border:0;border-radius:14px;background:#6c63ff;color:#fff;font-size:16px;font-weight:700;cursor:pointer;} .insp-page .ins-mech-new:active {opacity:.9;} .insp-page .ins-req {font-size:12px;color:#6b7280;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .insp-page .ins-req i {color:#9ca3af;margin-right:3px;} .insp-page .ins-chip.is-add {background:#eef0ff;color:#6c63ff;} .qf .qf-insp-req {font-size:13px;color:#374151;padding:8px 10px;margin:0 0 8px;border-radius:8px;background:#f5f4ff;} /* Deviz: link spre comanda de reparatie (19.10.2026) */ .qf .qf-order-link {display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;color:#4b5563;font-size:13px;text-decoration:none;} .qf .qf-order-link:hover {background:#f3f4f6;text-decoration:none;color:#4b5563;} .qf .qf-order-link b {color:#111827;} .qf .qf-order-link .fa {color:#9ca3af;} .qf .qf-order-link .fa-chevron-right {margin-left:auto;font-size:11px;} /* Date facturare (19.10.2026): fara date -> doar „+ Adauga date facturare” in stanga; cu date -> rezumat + „Modifica” */ .kv-billblock .bb-l-add {display:none;} .kv-billblock .bb-l-close {display:none;} .kv-billblock.is-empty .bb-l-add {display:inline;} .kv-billblock.is-empty .bb-l-edit {display:none;} .kv-billblock.is-empty .qf-bill-type, .kv-billblock.is-empty .qf-bill-text {display:none;} .kv-billblock.is-empty .qf-bill-summary {background:transparent;border-style:dashed;} .kv-billblock.is-empty .qf-bill-edit-btn {margin-left:0;font-weight:600;} .kv-billblock.is-open .bb-l-add, .kv-billblock.is-open .bb-l-edit {display:none;} .kv-billblock.is-open .bb-l-close {display:inline;} .rf2-billwrap [id$="BillPj"] {display:grid;gap:8px;} /* Constatare noua: postul afisat si cand e unul singur */ .if-form .if-newc select[disabled] {background:#f9fafb;color:#374151;opacity:1;} /* Poze cu zoom (window.kvImgView din common.js) */ .kv-iv {position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.92);} .kv-iv-bar {position:absolute;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2;} .kv-iv-btn {width:48px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.92);color:#111827;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;} .kv-iv-sc {width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding-top:calc(64px + env(safe-area-inset-top));box-sizing:border-box;} .kv-iv-in {display:inline-flex;align-items:center;justify-content:center;min-width:100%;min-height:100%;padding:10px;box-sizing:border-box;} .kv-iv-in img {display:block;max-width:100%;max-height:100%;height:auto;border-radius:8px;} .kv-iv-vid .kv-iv-in video {display:block;max-width:100%;max-height:calc(100vh - 100px);border-radius:8px;background:#000;} /* Client nou: mai multe masini */ .kv-form .cf-nv {border:1px solid #eef0f3;border-radius:12px;padding:10px 12px;margin:0 0 10px;background:#fcfcfd;} .kv-form .cf-nv-head {display:flex;align-items:center;justify-content:space-between;margin:0 0 6px;} .kv-form .cf-nv-title {font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;} .kv-form .cf-nv-title i {color:#6c63ff;margin-right:3px;} .kv-form .cf-nv-del {border:0;background:transparent;color:#9ca3af;width:30px;height:30px;border-radius:8px;cursor:pointer;} .kv-form .cf-nv-del:hover {background:#fee2e2;color:#dc2626;} .kv-form .cf-nv-more {border:0;background:transparent;color:#6c63ff;font-size:13px;font-weight:600;padding:2px 0;cursor:pointer;} .kv-form .cf-nv-extra {margin-top:8px;} .kv-form .cf-nv-add {margin-top:2px;} /* Constatare noua: date optionale masina */ .if-form .if-veh-extra {display:grid;gap:8px;margin-top:8px;} /* ====================================================================== Taburi universale (Devize, Setari, Constatari) ====================================================================== */ .kv-tabs{display:inline-flex;gap:4px;max-width:100%;margin:0 0 14px 0;padding:4px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;} .kv-tabs .kv-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:0;border-radius:9px;background:transparent;font-size:14px;font-weight:700;line-height:1.25;color:#6b7280;text-decoration:none;white-space:nowrap;cursor:pointer;} .kv-tabs .kv-tab:hover{color:#111827;text-decoration:none;} .kv-tabs .kv-tab:focus{outline:none;} .kv-tabs .kv-tab span{padding:1px 7px;border-radius:10px;background:#f3f4f6;font-size:11.5px;color:#6b7280;} .kv-tabs .kv-tab.active{background:#6c63ff;color:#fff;} .kv-tabs .kv-tab.active span{background:rgba(255,255,255,.25);color:#fff;} .kv-tabs .kv-tab .qt-tab-dot{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;margin-left:-4px;padding:0 4px;border-radius:8px;background:#ef4444;color:#fff;font-size:10px;font-style:normal;font-weight:700;} .qt-nb-hint{display:flex;align-items:center;gap:8px;margin:0 0 14px 0;padding:9px 14px;border:1px solid #fde68a;border-radius:10px;background:#fffbeb;color:#92400e;font-size:13px;text-decoration:none;} .qt-nb-hint:hover,.qt-nb-hint:focus{background:#fef3c7;color:#92400e;text-decoration:none;} .qt-nb-hint>i{color:#d97706;} .qt-nb-hint b{margin-left:auto;font-weight:700;white-space:nowrap;} .kv-tabs.kv-tabs-full{display:flex;} .kv-tabs.kv-tabs-full .kv-tab{flex:1;justify-content:center;} .kv-tab-pane{display:none;} .kv-tab-pane.active{display:block;} @media (max-width:767px){ .kv-tabs{display:flex;} .kv-tabs .kv-tab{flex:1;justify-content:center;gap:6px;padding:10px 6px;font-size:13px;white-space:normal;text-align:center;} .kv-tabs.qt-tabs4{flex-wrap:wrap;} .kv-tabs.qt-tabs4 .kv-tab{flex:1 1 calc(50% - 4px);} .quotes-page .rr-sync{width:46px;padding:0;} .quotes-page .rr-sync span{display:none;} } .rf2 .rf2-avatar.is-internal{background:var(--status-internal,#475569);} .rf2:not(.internal) .rf2-card-t-int,.rf2.internal .rf2-card-t-pause{display:none;} .rf2 .rf2-qlink-pick .rf2-qlink-assoc{height:32px;padding:0 12px;font-size:13px;margin-right:4px;flex-shrink:0;} .rf2 .rf2-vsub{display:block;margin-top:3px;font-size:12px;color:#6b7280;} .rf2 .rf2-vsub b{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:600;color:#374151;letter-spacing:.3px;} /* ===== Asistent AI (28.10.2026) ===== */ .kv-help{--kv-help-off:0px;} .kv-help .kv-help-fab{position:fixed;right:20px;bottom:calc(20px + var(--kv-help-off) + env(safe-area-inset-bottom));z-index:1035;width:52px;height:52px;border:0;border-radius:50%;background:#2563eb;color:#fff;font-size:22px;box-shadow:0 6px 18px rgba(37,99,235,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .15s ease;} .kv-help .kv-help-fab:hover{background:#1d4ed8;transform:translateY(-1px);} .kv-help.is-open .kv-help-fab{background:#1e40af;} .kv-help .kv-help-panel{position:fixed;right:20px;bottom:calc(84px + var(--kv-help-off) + env(safe-area-inset-bottom));z-index:1036;width:380px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100vh - 120px - var(--kv-help-off));background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 18px 50px rgba(15,23,42,.22);flex-direction:column;overflow:hidden;} .kv-help.is-open .kv-help-panel{display:flex !important;} .kv-help .kv-help-head{display:flex;align-items:center;gap:6px;padding:12px 12px 12px 16px;border-bottom:1px solid #eef0f4;background:#f8fafc;} .kv-help .kv-help-title{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;} .kv-help .kv-help-tname{font-size:15px;font-weight:700;color:#111827;display:flex;align-items:center;gap:8px;} .kv-help .kv-help-title .fa{color:#2563eb;} .kv-help .kv-help-count{font-size:11px;font-weight:500;color:#9ca3af;line-height:1.3;} .kv-help .kv-help-count.is-max{color:#dc2626;font-weight:600;} .kv-help .kv-help-form textarea:disabled{background:#f9fafb;cursor:not-allowed;} .kv-help .kv-help-hbtn{border:0;background:transparent;color:#6b7280;font-size:12px;font-weight:600;padding:6px 8px;border-radius:8px;cursor:pointer;white-space:nowrap;} .kv-help .kv-help-hbtn:hover{background:#eef2ff;color:#2563eb;} .kv-help .kv-help-x{font-size:16px;} .kv-help .kv-help-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px;display:flex;flex-direction:column;gap:10px;background:#fff;-webkit-overflow-scrolling:touch;} .kv-help .kv-help-msg{max-width:88%;padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.45;word-wrap:break-word;overflow-wrap:anywhere;} .kv-help .kv-help-msg.is-user{align-self:flex-end;background:#2563eb;color:#fff;border-bottom-right-radius:4px;white-space:normal;} .kv-help .kv-help-msg.is-bot{align-self:flex-start;background:#f1f5f9;color:#1f2937;border-bottom-left-radius:4px;} .kv-help .kv-help-msg.is-err{background:#fef2f2;color:#b91c1c;} .kv-help .kv-help-msg p{margin:0 0 6px 0;} .kv-help .kv-help-msg p:last-child{margin-bottom:0;} .kv-help .kv-help-msg ul,.kv-help .kv-help-msg ol{margin:2px 0 6px 0;padding-left:20px;} .kv-help .kv-help-msg li{margin:2px 0;} .kv-help .kv-help-msg code{background:#e2e8f0;padding:1px 4px;border-radius:4px;font-size:12px;} .kv-help .kv-help-msg .kv-help-link{color:#2563eb;font-weight:600;text-decoration:underline;} .kv-help .kv-help-dots{display:inline-flex;gap:4px;padding:4px 0;} .kv-help .kv-help-dots i{width:6px;height:6px;border-radius:50%;background:#94a3b8;animation:kvHelpDot 1.2s infinite ease-in-out;} .kv-help .kv-help-dots i:nth-child(2){animation-delay:.15s;} .kv-help .kv-help-dots i:nth-child(3){animation-delay:.3s;} @keyframes kvHelpDot{0%,80%,100%{opacity:.3;transform:translateY(0);}40%{opacity:1;transform:translateY(-3px);}} .kv-help .kv-help-unknown{align-self:flex-start;max-width:88%;padding:10px 12px;border:1px solid #fde68a;border-radius:14px;background:#fffbeb;color:#92400e;font-size:13px;line-height:1.45;} .kv-help .kv-help-contact{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;border-radius:8px;background:#2563eb;color:#fff;font-weight:600;text-decoration:none;} .kv-help .kv-help-contact:hover,.kv-help .kv-help-contact:focus{background:#1d4ed8;color:#fff;text-decoration:none;} .kv-help .kv-help-form{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid #eef0f4;background:#fff;} .kv-help .kv-help-form textarea{flex:1;min-height:40px;max-height:120px;padding:9px 12px;border:1px solid #d1d5db;border-radius:12px;font-size:14px;line-height:1.4;resize:none;outline:none;} .kv-help .kv-help-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12);} .kv-help .kv-help-send{width:40px;height:40px;flex-shrink:0;border:0;border-radius:50%;background:#2563eb;color:#fff;font-size:15px;cursor:pointer;} .kv-help .kv-help-send:disabled{opacity:.5;cursor:default;} .kv-help .kv-help-note{padding:0 12px 8px 12px;font-size:11px;color:#9ca3af;text-align:center;background:#fff;} .kv-help .kv-help-hide{display:inline-block;margin-top:3px;color:#6b7280;text-decoration:underline;} .kv-help .kv-help-hide:hover,.kv-help .kv-help-hide:focus{color:#2563eb;} .kv-help .kv-help-chips{display:flex;flex-direction:column;align-items:flex-start;gap:8px;} .kv-help .kv-help-chip{max-width:100%;padding:8px 14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;color:#111827;font-size:14px;font-weight:600;line-height:1.35;text-align:left;cursor:pointer;} .kv-help .kv-help-chip:hover,.kv-help .kv-help-chip:focus{border-color:#2563eb;color:#2563eb;background:#eff6ff;outline:none;} .kv-help .kv-help-hint{position:fixed;right:20px;bottom:calc(84px + var(--kv-help-off) + env(safe-area-inset-bottom));z-index:1035;max-width:240px;padding:10px 14px;border-radius:14px 14px 4px 14px;background:#111827;color:#fff;font-size:14px;font-weight:600;line-height:1.35;box-shadow:0 10px 30px rgba(15,23,42,.25);cursor:pointer;opacity:0;transform:translateY(10px) scale(.96);transform-origin:bottom right;transition:opacity .35s ease,transform .35s cubic-bezier(.2,.9,.3,1.3);pointer-events:none;} .kv-help .kv-help-hint::after{content:'';position:absolute;right:20px;bottom:-6px;width:12px;height:12px;background:#111827;transform:rotate(45deg);border-radius:2px;} .kv-help .kv-help-hint.is-on{opacity:1;transform:none;pointer-events:auto;} .kv-help .kv-help-fab.is-pulse{animation:kvHelpPulse 1.2s ease-out 2;} @keyframes kvHelpPulse{0%{box-shadow:0 6px 18px rgba(37,99,235,.35),0 0 0 0 rgba(37,99,235,.5);}100%{box-shadow:0 6px 18px rgba(37,99,235,.35),0 0 0 14px rgba(37,99,235,0);}} body:has(.kv-help-hint.is-on) .kv-rs{opacity:0;} /* ===== Stiva „Mașină gata” (30.10.2026) ===== */ .kv-rs{position:fixed;right:20px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:1034;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none;} body:has(.kv-help.is-open) .kv-rs{display:none;} .kv-rs .kv-rs-card{pointer-events:auto;display:flex;align-items:center;gap:10px;width:290px;max-width:calc(100vw - 28px);padding:10px 12px;border:2px solid #16a34a;border-radius:14px;background:#fff;color:#111827;text-decoration:none;box-shadow:0 8px 24px rgba(15,23,42,.18);animation:kvRsIn .3s ease-out,kvRsPulse 2s ease-in-out .3s infinite;} .kv-rs .kv-rs-card:hover,.kv-rs .kv-rs-card:focus{background:#f0fdf4;color:#111827;text-decoration:none;} .kv-rs .kv-rs-ico{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#16a34a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;} .kv-rs .kv-rs-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25;} .kv-rs .kv-rs-txt b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .kv-rs .kv-rs-txt b em{font-style:normal;color:#15803d;letter-spacing:.04em;} .kv-rs .kv-rs-txt small{margin-top:2px;font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .kv-rs .kv-rs-time{flex:0 0 auto;font-size:11px;color:#9ca3af;font-variant-numeric:tabular-nums;} .kv-rs .kv-rs-x{flex:0 0 26px;width:26px;height:26px;margin-right:-4px;border-radius:50%;background:#f3f4f6;color:#6b7280;font-size:18px;line-height:25px;text-align:center;cursor:pointer;} .kv-rs .kv-rs-x:hover{background:#e5e7eb;color:#111827;} .kv-rs .kv-rs-more{pointer-events:auto;padding:5px 12px;border-radius:999px;background:#16a34a;color:#fff;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 4px 12px rgba(22,163,74,.3);} .kv-rs .kv-rs-more:hover,.kv-rs .kv-rs-more:focus{color:#fff;text-decoration:none;background:#15803d;} @keyframes kvRsIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}} @keyframes kvRsPulse{0%,100%{box-shadow:0 8px 24px rgba(15,23,42,.18),0 0 0 0 rgba(22,163,74,.45);}50%{box-shadow:0 8px 24px rgba(15,23,42,.18),0 0 0 7px rgba(22,163,74,0);}} .kv-help.is-page .kv-help-panel{position:fixed;top:0;left:0;right:0;bottom:0;width:auto;max-width:none;height:auto;max-height:none;border:0;border-radius:0;box-shadow:none;padding-bottom:env(safe-area-inset-bottom);z-index:1000;} .kv-help.is-page .kv-help-head{padding-top:calc(12px + env(safe-area-inset-top));} body.is-app .kv-help.is-page .kv-help-head{padding-top:10px;padding-bottom:10px;} body.is-app .kv-help.is-page .kv-help-panel{padding-bottom:0;} body.is-app .kv-help.is-page .kv-help-note{padding-bottom:calc(8px + env(safe-area-inset-bottom));} @media (max-width:767px){ .kv-help .kv-help-hint{right:14px;bottom:calc(72px + var(--kv-help-off) + env(safe-area-inset-bottom));} .kv-rs{right:14px;bottom:calc(72px + env(safe-area-inset-bottom));} .kv-rs .kv-rs-card{width:260px;} .kv-help .kv-help-fab{right:14px;bottom:calc(14px + var(--kv-help-off) + env(safe-area-inset-bottom));width:48px;height:48px;font-size:20px;} .kv-help .kv-help-panel{left:8px;right:8px;width:auto;max-width:none;bottom:calc(72px + var(--kv-help-off) + env(safe-area-inset-bottom));height:auto;top:calc(12px + env(safe-area-inset-top));max-height:none;} .kv-form .kv-quote-btn{padding:0 11px;} .kv-form .kv-quote-btn span{display:none;} .kv-help .kv-help-form textarea{font-size:16px;} } /* ===== ISTORIC DOCUMENT (oferta / deviz, constatare) – taburi + timeline ===== */ .kv-doctabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 0 14px 0;padding:4px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;} .kv-doctabs .kv-doctab{display:flex;align-items:center;justify-content:center;gap:7px;height:38px;border:0;border-radius:9px;background:none;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .kv-doctabs .kv-doctab.active{background:#fff;color:#111827;box-shadow:0 1px 3px rgba(17,24,39,.08);} .kv-doctabs .kv-doctab.active i{color:#6c63ff;} .qf:not(.kv-hist-on) > .kv-hist-pane,.if-form:not(.kv-hist-on) > .kv-hist-pane{display:none;} .qf.kv-hist-on > :not(.rf2-head):not(.kv-doctabs):not(.kv-hist-pane):not(style):not(script){display:none !important;} .if-form.kv-hist-on > :not(.if-head):not(.kv-doctabs):not(.kv-hist-pane):not(style):not(script){display:none !important;} .kv-tl{padding:2px 2px 20px 2px;} .kv-tl .kv-tl-empty{padding:28px 10px;text-align:center;font-size:13px;color:#9ca3af;} .kv-tl .kv-tl-empty i{display:block;margin-bottom:8px;font-size:22px;} .kv-tl .kv-tl-day{margin:16px 0 8px 0;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#9ca3af;} .kv-tl .kv-tl-day:first-child{margin-top:4px;} .kv-tl .kv-tl-list{position:relative;padding-left:2px;} .kv-tl .kv-tl-item{position:relative;display:flex;gap:12px;padding:0 0 14px 0;} .kv-tl .kv-tl-item:not(:last-child)::before{content:'';position:absolute;left:13px;top:30px;bottom:2px;width:1px;background:#e5e7eb;} .kv-tl .kv-tl-dot{flex:0 0 28px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f3f4f6;color:#6b7280;font-size:12px;} .kv-tl .kv-tl-item.is-ok .kv-tl-dot{background:#ecfdf5;color:#047857;} .kv-tl .kv-tl-item.is-bad .kv-tl-dot{background:#fef2f2;color:#b91c1c;} .kv-tl .kv-tl-item.is-send .kv-tl-dot{background:#eef0ff;color:#5b5bd6;} .kv-tl .kv-tl-item.is-money .kv-tl-dot{background:#fff7ed;color:#c2410c;} .kv-tl .kv-tl-body{flex:1;min-width:0;padding-top:4px;} .kv-tl .kv-tl-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;} .kv-tl .kv-tl-title{font-size:14px;font-weight:600;color:#111827;line-height:1.35;} .kv-tl .kv-tl-time{flex:0 0 auto;font-size:12px;color:#9ca3af;font-variant-numeric:tabular-nums;} .kv-tl .kv-tl-who{margin-top:2px;font-size:12px;color:#6b7280;} .kv-tl .kv-tl-old{padding:1px 6px;border-radius:6px;background:#f3f4f6;font-size:11px;color:#6b7280;} .kv-tl .kv-tl-line{margin-top:3px;font-size:13px;color:#374151;line-height:1.4;word-break:break-word;white-space:pre-line;} .kv-tl{padding:6px 16px 4px 16px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;} .kv-tl .kv-tl-list{padding-bottom:2px;} /* ===== OFERTA / DEVIZ – formular aerisit (28.10.2026) ===== */ .qf.qf-saved .rf2-avatar{display:none;} .qf .qf-h-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .qf .qf-h-num{font-size:14px;font-weight:700;color:#374151;} .qf .qf-h-chip{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:#f3f4f6;color:#4b5563;font-size:12px;font-weight:600;} .qf .qf-h-chip.is-sent{background:#eef0ff;color:#4f46e5;} .qf .qf-h-chip.is-ok{background:#ecfdf5;color:#047857;} .qf .qf-h-chip.is-bad{background:#fef2f2;color:#b91c1c;} .qf .qf-h-chip.is-paid{background:#fff7ed;color:#c2410c;} .qf .qf-head-total{margin-top:6px;font-size:28px;font-weight:700;letter-spacing:-.5px;line-height:1.1;color:#111827;} .qf.qf-saved .rf2-head{align-items:flex-start;margin-bottom:18px;} .qf.qf-saved .rf2-head .rf2-head-sub{margin-top:5px;font-size:13px;} .qf.qf-saved .qf-print{align-self:flex-start;} .qf.qf-saved .qf-flow{display:none;} .qf.qf-saved .qf-steps{margin:0 0 14px 0;border:1px solid #e5e7eb;border-radius:14px;background:#fff;overflow:hidden;} .qf.qf-saved .qf-steps .qf-step{margin:0;border:0;border-radius:0;} .qf.qf-saved .qf-steps .qf-step + .qf-step{border-top:1px solid #f1f2f4;} .qf.qf-saved .qf-step-num{display:none;} .qf.qf-saved .qf-step-head{padding:13px 16px;} .qf.qf-saved .qf-step-title{font-size:12px;font-weight:500;color:#6b7280;} .qf.qf-saved .qf-step-sum{margin-top:3px;font-size:14px;font-weight:600;color:#111827;white-space:normal;} .qf.qf-saved .qf-step-sum:empty{display:none;} /* facturare partiala (29.10.2026) */ .qf .qf-it.qf-it-inv,.qf .qf-it.qf-it-linv{background:#fafbfc;} .qf .qf-it .qf-it-invtag{grid-column:1/-1;flex-basis:100%;order:-1;display:inline-flex;align-items:center;gap:6px;margin:0 0 6px 0;font-size:11.5px;font-weight:600;color:#047857;} .qf .qf-it.qf-it-inv .qf-it-del,.qf .qf-it.qf-it-linv .qf-it-del{visibility:hidden;pointer-events:none;} .qf .qf-it.qf-it-inv input[readonly],.qf .qf-it.qf-it-inv select:disabled,.qf .qf-it.qf-it-linv .qf-it-l[readonly]{background:#f3f4f6;color:#6b7280;} .qf .qf-inv-left{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:10px 12px;border:1px solid #fed7aa;border-radius:10px;background:#fffaf4;font-size:13px;color:#9a3412;} .qf .qf-inv-left b{font-size:15px;color:#c2410c;} .qf .qf-inv .qf-inv-seg[data-name="scope"]{grid-template-columns:repeat(2,minmax(0,1fr));} .qf .qf-inv-pick{margin:8px 0 4px 0;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;} .qf .qf-inv-pick .qf-inv-hint{padding:8px 12px 0 12px;} .qf .qf-inv-pick-row{display:flex;align-items:center;gap:10px;margin:0;padding:11px 12px;border-top:1px solid #f1f2f4;font-size:13px;font-weight:500;color:#111827;cursor:pointer;} .qf .qf-inv-pick-row:first-of-type{border-top:0;} .qf .qf-inv-pick-row.is-child{padding-left:34px;color:#4b5563;} .qf .qf-inv-pick-name{flex:1;min-width:0;} .qf .qf-inv-pick-row.is-done{opacity:.5;cursor:not-allowed;background:#fafafb;} .qf .qf-inv-pick-row .qf-inv-pick-done{display:block;margin-top:2px;font-size:11.5px;font-style:normal;font-weight:600;color:#047857;} .qf .qf-inv-pick-name .fa{width:16px;color:#9ca3af;} .qf .qf-inv-pick-name small{color:#9ca3af;} .qf .qf-inv-pick-total{flex:none;font-weight:600;white-space:nowrap;} .qf .qf-inv-pick-sum{display:flex;justify-content:space-between;padding:10px 12px;border-top:1px solid #e5e7eb;background:#f9fafb;font-size:13px;} .qf .qf-insp .qf-insp-car{display:block;margin-top:3px;font-size:12px;font-weight:500;color:#6b7280;line-height:1.35;} .qf .qf-step-sum .qf-sum-vin{display:block;margin-top:2px;font-size:12px;font-weight:500;color:#6b7280;letter-spacing:.2px;} .qf .qf-step-edit{transition:transform .15s;} .qf.qf-saved .qf-step.is-open .qf-step-edit{display:inline;transform:rotate(90deg);} .qf.qf-saved .qf-step.is-open .qf-step-head{background:#fafafb;} .qf .qf-share{margin:0 0 14px 0;} .qf .qf-share .qf-send-open{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #6c63ff;border-radius:12px;background:#fff;color:#5b54e8;font-size:15px;font-weight:600;cursor:pointer;} .qf .qf-share .qf-send-open:hover{background:#f7f6ff;} .qf .qf-share .qf-send-last{margin-top:7px;text-align:center;font-size:12px;color:#6b7280;} .qf .qf-share .qf-send{position:relative;} .qf .qf-share .qf-send-panel{display:none;margin-top:10px;padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(17,24,39,.08);} .qf .qf-share .qf-send.is-open .qf-send-panel{display:block;} .qf .qf-share .qf-send-title{margin:0 0 12px 0;font-size:15px;font-weight:700;color:#111827;} .qf .qf-share .qf-send-title small{display:block;margin-top:2px;font-size:12px;font-weight:400;color:#6b7280;} .qf .qf-share .qf-share-row{margin-top:0;} .qf .qf-share .qf-share-btn{flex-direction:column;height:68px;gap:5px;border:0;border-radius:12px;background:#f6f7f9;font-size:12px;} .qf .qf-share .qf-share-btn i{font-size:20px;color:#374151;} .qf .qf-share .qf-share-btn.is-wa i{color:#16a34a;} .qf .qf-share .qf-share-btn:hover{background:#eef0f4;} .qf .qf-share .qf-share-links{flex-direction:column;gap:0;margin-top:10px;border-top:1px solid #f1f2f4;} .qf .qf-share .qf-share-links .rf2-link-btn{display:flex;align-items:center;gap:12px;height:46px;width:100%;padding:0 2px;border-bottom:1px solid #f1f2f4;border-radius:0;font-size:14px;font-weight:500;color:#111827;text-align:left;} .qf .qf-share .qf-share-links .rf2-link-btn i{width:18px;color:#6b7280;} .qf .qf-share .qf-sends{margin-top:12px;border:0;border-radius:10px;} .qf .qf-share .qf-sends-title .fa{color:#6b7280;} .qf .qf-share .qf-send-close{display:none;width:100%;height:46px;margin-top:12px;border:0;border-radius:12px;background:#f3f4f6;font-size:15px;font-weight:600;color:#374151;} .qf .qf-share .qf-send-backdrop{display:none;} .qf .qf-share .qf-send.qf-sheet .qf-send-panel{position:fixed;top:auto;left:0;right:0;bottom:0;margin:0;max-height:85vh;overflow:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border:0;border-radius:18px 18px 0 0;box-shadow:0 -10px 30px rgba(17,24,39,.18);z-index:1061;} .qf .qf-share .qf-send.qf-sheet .qf-send-close{display:block;} .qf .qf-share .qf-send.qf-sheet.is-open .qf-send-backdrop{display:block;position:fixed;inset:0;z-index:1060;background:rgba(17,24,39,.35);} .qf .qf-share .qf-acc-line{margin-top:12px;padding:12px 14px;border:1px solid #e5e7eb;border-top:1px solid #e5e7eb;border-radius:12px;background:#fff;} .qf .qf-share .qf-acc-line .qf-acc-ok{color:#5b54e8;} .qf .qf-share .qf-offer-note .fa{color:#9ca3af;} .qf .qf-share .qf-acc-reason{background:#fff;border:1px solid #fde2e2;} .qf.qf-saved .rf2-head{margin-bottom:24px;} .qf.qf-saved .kv-doctabs{margin-bottom:22px;} .qf.qf-saved .qf-steps{margin-bottom:24px;} .qf.qf-saved .qf-share{margin-bottom:24px;} .qf.qf-saved .qf-share .qf-send-last{margin-top:10px;} .qf.qf-saved .qf-share .qf-acc-line{margin-top:20px;} .qf.qf-saved .qf-share .qf-acc-reason{margin-top:12px;} .qf.qf-saved .qf-share .qf-offer-note{margin-top:16px;padding:12px 14px;border-radius:12px;line-height:1.45;} .qf.qf-saved .rf2-card{margin-bottom:24px;} .qf .qf-card-title i,.qf .qf-inv-title i,.qf .qf-bookings-title i{color:#9ca3af;} .qf .qf-inv-title,.qf .qf-bookings-title{font-size:13px;} .qf .qf-noinv-btn{display:none !important;} .qf.qf-saved .rf2-footer-row > .qf-foot-left > #qfDeleteBtn,.qf.qf-saved .rf2-footer-row > .qf-foot-left > #qfOpenPageBtn{display:none !important;} .kv-more{position:relative;} .kv-more .kv-more-btn{display:inline-flex;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:600;} .kv-more .kv-more-menu{display:none;position:absolute;left:0;bottom:calc(100% + 6px);z-index:60;width:270px;padding:6px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 32px rgba(17,24,39,.14);} .kv-more.is-open .kv-more-menu{display:block;} .kv-more .kv-more-item{display:flex;align-items:center;gap:12px;width:100%;height:44px;padding:0 10px;border:0;border-radius:9px;background:none;font-size:14px;color:#111827;text-align:left;cursor:pointer;} .kv-more .kv-more-item:hover{background:#f5f6f8;} .kv-more .kv-more-item i{width:18px;color:#6b7280;} .kv-more .kv-more-item.is-danger,.kv-more .kv-more-item.is-danger i{color:#b91c1c;} .kv-more .kv-more-backdrop{display:none;} .kv-more.kv-sheet .kv-more-menu{position:fixed;top:auto;left:0;right:0;bottom:0;width:auto;padding:10px 12px calc(14px + env(safe-area-inset-bottom));border:0;border-radius:18px 18px 0 0;box-shadow:0 -10px 30px rgba(17,24,39,.18);z-index:1061;} .kv-more.kv-sheet .kv-more-item{height:50px;} .kv-more.kv-sheet.is-open .kv-more-backdrop{display:block;position:fixed;inset:0;z-index:1060;background:rgba(17,24,39,.35);} /* ===== CONSTATARE – antet clar (29.10.2026) ===== */ .if-form .if-head2{margin-bottom:14px;} .if-form .if-head2 .if-h-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px;} .if-form .if-head2 .if-h-num{font-size:14px;font-weight:700;color:#374151;} .if-form .if-head2 .if-h-chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600;background:#f3f4f6;color:#4b5563;} .if-form .if-head2 .if-h-chip.is-todo{background:#fef2f2;color:#b91c1c;} .if-form .if-head2 .if-h-chip.is-done{background:#ecfdf5;color:#047857;} .if-form .if-head2 .if-h-chip.is-cancelled{background:#f3f4f6;color:#6b7280;} .if-form .if-head2 .if-head-name{font-size:22px;font-weight:700;letter-spacing:.3px;line-height:1.15;color:#111827;} .if-form .if-head2 .if-head-car{margin-top:2px;font-size:14px;font-weight:600;color:#374151;} .if-form .if-head2 .if-h-vin{margin-top:3px;font-size:12px;color:#6b7280;letter-spacing:.2px;} .if-form .if-head2 .if-head-sub{margin-top:6px;font-size:12px;color:#6b7280;} .if-form .if-links{display:flex;flex-direction:column;margin:0 0 18px 0;border:1px solid #e5e7eb;border-radius:14px;background:#fff;overflow:hidden;} .if-form .if-links .if-link{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#111827;text-decoration:none;} .if-form .if-links .if-link + .if-link{border-top:1px solid #f1f2f4;} .if-form .if-links .if-link > .fa:first-child{width:18px;text-align:center;font-size:15px;color:#6c63ff;} .if-form .if-links .if-link.is-off > .fa:first-child{color:#9ca3af;} .if-form .if-links .if-link span{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;} .if-form .if-links .if-link small{font-size:12px;font-weight:500;color:#6b7280;} .if-form .if-links .if-link b{font-size:14px;font-weight:600;color:#111827;} .if-form .if-links .if-link.is-off b{font-weight:500;color:#6b7280;} .if-form .if-links a.if-link:hover{background:#fafafb;text-decoration:none;} .if-form .if-links .if-link-chev{font-size:12px;color:#9ca3af;} .if-form .if-links:empty{display:none;} .if-form .insp-head .insp-chip{display:none;} /* ===== CONSTATARE – formular aerisit (28.10.2026) ===== */ .if-form .if-avatar{display:none;} .if-form .if-head{margin-bottom:16px;} .if-form .if-badge{color:#4b5563;background:#f3f4f6;font-weight:600;} .if-form .if-client{background:#fff;} .if-form .if-client > i{color:#9ca3af;} .if-form .if-req{padding:12px 14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;} .if-form .if-req-label i{color:#9ca3af;} .if-form .if-req-text{border-color:#eef0f3;background:#fafafb;} .if-form .kv-footer-left > #ifPdfBtn span{font-size:13px;font-weight:700;letter-spacing:.3px;} .insp .insp-head .insp-title i{color:#9ca3af;} .insp .insp-tabs{padding:3px;border-radius:10px;background:#f3f4f6;} .insp .insp-tabs .kv-tab{height:34px;border-radius:8px;background:none;color:#6b7280;font-weight:600;box-shadow:none;} .insp .insp-tabs .kv-tab.active{background:#fff;color:#111827;box-shadow:0 1px 3px rgba(17,24,39,.08);} .insp .insp-media{margin:14px 0 0 0;padding:12px 0 0 0;border-top:1px solid #f3f4f6;} .insp .insp-media-title{display:flex;align-items:center;gap:7px;margin:0 0 10px 0;font-size:13px;font-weight:700;color:#111827;} .insp .insp-media-title i{color:#9ca3af;} .insp .insp-media .insp-photos{grid-template-columns:repeat(6,minmax(0,1fr));margin:0 0 8px 0;} .qf .qf-share .qf-acc-line.is-hidden{display:none;} .qf .qf-print .qf-print-item.is-order>i{background:#ecfdf5;color:#047857;} .kv-more .kv-more-btn{height:40px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;} .kv-more button.kv-more-btn:hover,.kv-more.is-open button.kv-more-btn{background:#f9fafb;border-color:#d1d5db;color:#374151;} .kv-more button.kv-more-btn{transition:transform .12s ease,background .15s ease,border-color .15s ease;} .kv-more button.kv-more-btn:active{transform:scale(.97);} /* ===== OFERTE SI DEVIZE – carduri „de rezolvat” (28.10.2026), un singur rand ===== */ .qt-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px 0;} .qt-cards .qt-card{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#111827;text-decoration:none;} .qt-cards .qt-card:hover,.qt-cards .qt-card:focus{border-color:#c7d2fe;background:#fafaff;color:#111827;text-decoration:none;} .qt-cards .qt-card-label{flex:1;min-width:0;font-size:13px;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .qt-cards .qt-card-n{font-size:17px;font-weight:700;color:#9ca3af;} .qt-cards .qt-card-sub{font-size:12px;color:#6b7280;white-space:nowrap;} .qt-cards .qt-card.has-items .qt-card-n{color:#c2410c;} .qt-cards .qt-card.has-items{border-color:#fed7aa;} .qt-cards .qt-card .qt-card-x{color:#6c63ff;font-size:12px;} .qt-cards .qt-card.active{border-color:#6c63ff;box-shadow:0 0 0 1px #6c63ff inset;background:#f7f6ff;} .quotes-page .qt-chip.is-todo{background:#fff7ed;border-color:#fed7aa;color:#c2410c;} .quotes-page .qt-chip.is-na{background:#f3f4f6;border-color:#f3f4f6;color:#6b7280;font-weight:600;} .qf .qf-share .qf-send-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;} .qf .qf-share .qf-send-view{font-size:13px;font-weight:600;color:#5b54e8;text-decoration:none;white-space:nowrap;} .qf .qf-share .qf-send-view:hover{color:#4338ca;text-decoration:none;} .qf .qf-share .qf-send-view i{font-size:11px;} .quotes-page .qt-st .qt-chip{font-weight:600;} .quotes-page .qt-st .qt-chip.is-violet{background:#f6f6ff;border-color:#ececfd;color:#6366f1;} .quotes-page .qt-st .qt-chip.is-green{background:#f3fcf6;border-color:#dcf5e5;color:#16a34a;} .quotes-page .qt-st .qt-chip.is-todo{background:#fffaf4;border-color:#fdebd6;color:#c2690c;} .quotes-page .qt-st .qt-chip.is-na{background:#fafafa;border-color:#f0f0f2;color:#9ca3af;} .quotes-page .qt-st .qt-chip.is-red{background:#fef6f6;border-color:#fde4e4;color:#dc2626;} .quotes-page .qt-st .qt-chip.is-off{background:#fff;border-color:#eef0f3;color:#9ca3af;} .quotes-page .qt-st.is-quotes .qt-chip{overflow:visible;} .qf .qf-inv .qf-inv-panel{border-color:#e5e7eb;background:#fff;} .qf .qf-inv .qf-inv-seg{border-color:#eef0f3;background:#f3f4f6;} .qf .qf-inv .qf-inv-seg-btn{color:#6b7280;} .qf .qf-inv .qf-inv-seg-btn.active{background:#fff;color:#111827;box-shadow:0 1px 3px rgba(17,24,39,.1);} .qf .rf2-footer .qf-print{margin-left:0;align-self:center;} .qf .rf2-footer .qf-print-btn{height:40px;font-size:15px;} .qf .rf2-footer .qf-print:not(.qf-sheet) .qf-print-menu{top:auto;bottom:calc(100% + 6px);left:0;right:auto;} .if-form .if-head-booking{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;padding:5px 10px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;color:#4b5563;text-decoration:none;} .if-form .if-head-booking:hover,.if-form .if-head-booking:focus{border-color:#d1d5db;background:#f9fafb;color:#111827;text-decoration:none;} .if-form .if-head-booking > i{color:#6b7280;font-size:12px;} .if-form .if-head-booking b{font-weight:600;color:#111827;} .if-form .if-head-booking .if-head-booking-chev{font-size:10px;color:#9ca3af;} .qf .rf2-footer .qf-print-btn span{font-size:14px;font-weight:600;letter-spacing:0;} /* ===== BIFE (checkbox) – aceeasi marime si centrate pe verticala peste tot (29.10.2026) ===== */ /* inlocuieste bifa veche din utils.css (checkmark.png pozitionat la -6px / -5px, iesea din casuta) */ input[type="checkbox"]{-webkit-appearance:none;appearance:none;position:relative;display:inline-block;width:18px;height:18px;margin:0;padding:0;flex:none;vertical-align:middle;border:1.5px solid #cbd5e1;border-radius:5px;background:#fff;box-shadow:none;cursor:pointer;transition:background .15s,border-color .15s;} input[type="checkbox"]:hover{border-color:#a5b4fc;box-shadow:none;} input[type="checkbox"]:focus{outline:0;border-color:#6c63ff;box-shadow:0 0 0 3px rgba(108,99,255,.15);} input[type="checkbox"]:checked{background:#6c63ff !important;border-color:#6c63ff !important;} input[type="checkbox"]:checked::after{content:'' !important;position:absolute !important;top:45% !important;left:50% !important;display:block !important;width:5px !important;height:9px !important;border:solid #fff !important;border-width:0 2px 2px 0 !important;background:none !important;transform:translate(-50%,-50%) rotate(45deg) !important;} input[type="checkbox"]:disabled{opacity:.5;cursor:not-allowed;} label:has(> input[type="checkbox"]){align-items:center;} /* ====================================================================== RAR Auto-Pass (29.10.2026): tab in Oferte si devize + rar_form ====================================================================== */ .quotes-page .rr-top{flex-wrap:nowrap;} .quotes-page .rr-sync{height:46px;padding:0 16px;margin-left:auto;flex-shrink:0;border:1px solid #e8e8e8;border-radius:12px;background:#fff;color:#374151;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;} .quotes-page .rr-sync:hover{border-color:#c7d2fe;color:#6c63ff;} .quotes-page .rr-sync:disabled{opacity:.6;cursor:default;} .quotes-page .rr-vin{display:block;margin-top:2px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;color:#6b7280;letter-spacing:.3px;} .quotes-page .qt-chip.is-test{background:#fff7ed;border-color:#fed7aa;color:#c2410c;} .quotes-page .rr-block{margin:0 0 16px 0;} .quotes-page .rr-block .cl-table-header{display:flex;align-items:center;justify-content:space-between;gap:10px;} .quotes-page .rr-doc-sub{display:block;margin-top:2px;font-size:12px;font-weight:600;color:#6b7280;} .quotes-page .rr-more{font-size:13px;font-weight:600;color:#6c63ff;text-decoration:none;white-space:nowrap;} @media (min-width:768px){ .quotes-page .rr-block .qt-table{table-layout:fixed;width:100%;} .quotes-page .rr-block .qt-table th:nth-child(1){width:16%;} .quotes-page .rr-block .qt-table th:nth-child(2){width:32%;} .quotes-page .rr-block .qt-table th:nth-child(3){width:14%;} .quotes-page .rr-block .qt-table th:nth-child(4){width:22%;} .quotes-page .rr-block .qt-table th:nth-child(5){width:12%;} .quotes-page .rr-block .qt-table th:nth-child(6){width:4%;} .quotes-page .rr-block .qt-c-client{overflow:hidden;text-overflow:ellipsis;} } body.is-app:has(#rrForm) #loading-bar{display:none !important;} body.is-app #rrForm.rr-form{min-height:100vh;padding:15px 15px calc(70px + env(safe-area-inset-bottom)) 15px;} body.is-app .rr-form .kv-footer{position:fixed;bottom:0;left:0;right:0;padding:0 15px env(safe-area-inset-bottom) 15px;z-index:10;} .modal-body:has(#rrForm){padding:15px 15px 0 15px !important;} body:not(.is-app) .rr-form .kv-footer{position:sticky;bottom:0;left:0;right:0;margin:6px -15px 0 -15px;padding:0 15px;z-index:10;} .rr-form{font-size:14px;color:#111827;} .rr-form .rr-head{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px 0;} .rr-form .rr-avatar{width:44px;min-width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eef0ff;color:#6c63ff;font-size:18px;} .rr-form .rr-head-info{flex:1;min-width:0;} .rr-form .rr-head-name{font-size:18px;font-weight:800;line-height:1.2;letter-spacing:.3px;} .rr-form .rr-head-car{margin-top:2px;font-size:14px;font-weight:600;color:#374151;} .rr-form .rr-head-sub{margin-top:3px;font-size:13px;color:#6b7280;} .rr-form .rr-chip{font-size:11px;font-weight:700;border-radius:6px;padding:4px 8px;line-height:1;background:#f3f4f6;color:#6b7280;} .rr-form .rr-chip.is-test{background:#fff7ed;color:#c2410c;} .rr-form .rr-links{display:grid;gap:8px;margin:0 0 12px 0;} .rr-form .rr-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;color:#111827;font-size:13px;text-decoration:none;} .rr-form .rr-link:hover{border-color:#c7d2fe;background:#fafaff;color:#111827;text-decoration:none;} .rr-form .rr-link > i:first-child{color:#6c63ff;} .rr-form .rr-link span{flex:1;min-width:0;} .rr-form .rr-link-arrow{color:#9ca3af;font-size:12px;} .rr-form .rr-note{display:flex;align-items:center;gap:8px;margin:0 0 12px 0;padding:9px 12px;border-radius:10px;background:#f3f4f6;color:#4b5563;font-size:13px;} .rr-form .rr-note.is-warn{background:#fffbeb;color:#92400e;} .rr-form .rr-err{margin:0 0 12px 0;padding:9px 12px;border-radius:10px;background:#fef2f2;color:#b91c1c;font-size:13px;font-weight:600;} .rr-form .rr-ok{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:0 0 12px 0;padding:10px 12px;border-radius:12px;background:#ecfdf5;color:#047857;font-size:14px;font-weight:600;} .rr-form .rr-ok em{flex:1 1 100%;font-style:normal;font-size:12px;font-weight:500;color:#059669;} .rr-form .rr-card{margin:0 0 12px 0;padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;} .rr-form .rr-card-title{display:flex;align-items:center;gap:7px;margin:0 0 10px 0;font-size:14px;font-weight:700;} .rr-form .rr-card-title i{color:#6c63ff;} .rr-form .rr-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} .rr-form .rr-req{color:#dc2626;} .rr-form .rr-upper{text-transform:uppercase;} .rr-form .rr-mono{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.5px;} .rr-form .rr-count{float:right;font-style:normal;font-weight:500;color:#9ca3af;} .rr-form .rr-count.is-ok{color:#16a34a;} .rr-form .rr-hint{margin-top:4px;font-size:12px;color:#6b7280;} .rr-form .rr-sv-list{display:grid;gap:6px;} .rr-form .rr-sv{display:flex;align-items:center;gap:10px;margin:0;padding:9px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-weight:500;cursor:pointer;} .rr-form .rr-sv input{margin:0;width:18px;height:18px;flex-shrink:0;accent-color:#6c63ff;} .rr-form .rr-sv.active{border-color:#a5a0ff;background:#f6f6ff;} .rr-form .rr-sv-code{min-width:46px;font-size:12px;font-weight:700;color:#6c63ff;} .rr-form .rr-sv-name{flex:1;min-width:0;font-size:13px;color:#111827;} .rr-form .rr-sv-ro{padding:8px 10px;border-radius:8px;background:#f9fafb;font-size:13px;} .rr-form .rr-sv-ro b{display:inline-block;min-width:46px;color:#6c63ff;font-size:12px;} .rr-form .rr-kmstart{margin-top:12px;} .rr-form .rr-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px 0;} .rr-form .rr-dl span{display:block;font-size:12px;color:#6b7280;} .rr-form .rr-dl b{font-size:14px;word-break:break-all;} .rr-form .rr-ro-notes{margin-top:12px;padding:10px 12px;border-radius:10px;background:#f9fafb;font-size:13px;} .rr-form .rr-ro-notes span{display:block;margin:0 0 4px 0;font-size:12px;font-weight:600;color:#6b7280;} .rr-form .rr-photo-ro{margin-top:12px;} .rr-form .rr-photo-ro img{max-width:180px;max-height:140px;border-radius:10px;cursor:pointer;object-fit:cover;} .rr-form .rr-photo{max-width:220px;} .rr-form .rr-ph{position:relative;height:120px;border-radius:10px;overflow:hidden;background:#f3f4f6;} .rr-form .rr-ph img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer;} .rr-form .rr-ph-del{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(17,24,39,.7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;} .rr-form .rr-ph-add{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border:1px dashed #c7c3ff;border-radius:10px;background:#fafaff;color:#6c63ff;font-size:13px;font-weight:600;cursor:pointer;} .rr-form .kv-footer .kv-btn{white-space:nowrap;} .rr-form .rr-footer-left{display:flex;gap:8px;} @media (max-width:600px){ .rr-form .rr-grid2,.rr-form .rr-dl{grid-template-columns:1fr;} .rr-form .rr-hide-sm{display:none;} .rr-form .rr-card{padding:12px;border-radius:12px;} .rr-form .rr-photo{max-width:none;} } .if-form .if-ws{margin:0 0 12px 0;padding:12px 14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;} .if-form .if-ws-label{display:flex;align-items:center;gap:8px;margin:0 0 8px 0;font-size:13px;font-weight:700;color:#374151;} .if-form .if-ws-label i{color:#9ca3af;} .if-form .if-ws select{width:100%;cursor:pointer;} .if-form .if-ws select:focus{border-color:#6c63ff;box-shadow:0 0 0 3px rgba(108,99,255,.12);} .kv-wi-list .kv-wi-chk{flex:none;width:28px;height:28px;padding:0;border:2px solid #d1d5db;border-radius:50%;background:#fff;color:transparent;display:inline-flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;} .kv-wi-list .kv-wi-chk:hover{border-color:#22c55e;color:#bbf7d0;} .kv-wi-list .kv-wi-chk.is-ro{cursor:default;} .kv-wi-list .kv-wi.is-done .kv-wi-chk{background:#22c55e;border-color:#22c55e;color:#fff;} .kv-wi-list .kv-wi{transition:opacity .15s;} .kv-wi-list .kv-wi.is-done{opacity:.55;} .kv-wi-list .kv-wi.is-done .kv-wi-t{text-decoration:line-through;text-decoration-color:#9ca3af;} .kv-wi-list .kv-wi-info{display:block;font-size:11.5px;font-weight:500;color:#16a34a;text-decoration:none;} .kv-wi-list .kv-wi-info:empty{display:none;} .kv-wi-prog{font-size:12px;font-weight:700;color:#16a34a;white-space:nowrap;} .rf2 .rf2-works-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;} .rf2:where(:not(.qf)) .rf2-works{margin:0 0 6px 0;} .rf2:where(:not(.qf)) .rf2-works-note{display:flex;align-items:flex-start;gap:7px;padding:8px 0 10px 0;border-bottom:1px solid #f3f4f6;font-size:12px;line-height:1.45;color:#6b7280;} .rf2:where(:not(.qf)) .rf2-works-note i{margin-top:2px;color:#9ca3af;} .rf2:where(:not(.qf)) .rf2-ready{gap:10px;margin:6px 0 4px 0;padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;} .rf2:where(:not(.qf)) .rf2-ready-title{display:flex;align-items:center;gap:7px;margin:0 0 2px 0;padding:0 0 10px 0;border-bottom:1px solid #f3f4f6;font-size:13px;font-weight:700;color:#111827;} .rf2:where(:not(.qf)) .rf2-ready-title i{color:#9ca3af;font-size:12px;} .rf2:where(:not(.qf)) .rf2-ready .rf2-ready-btn{margin-top:2px;} .rf2:where(:not(.qf)) .rf2-ready #rfReady{display:flex;flex-direction:column;align-items:stretch;} .rf2:where(:not(.qf)) .rf2-ready .rf2-ready-skip{align-self:center;margin-top:10px;} .rf2:where(:not(.qf)) .rf2-group{margin:4px 0 20px 0;padding:14px 0 0 0;border-top:1px solid #eef0f3;} .rf2:where(:not(.qf)) #rfStatusWrap{margin-top:6px;} .rf2:where(:not(.qf)) .rf2-ready-hint{display:flex;align-items:flex-start;gap:7px;margin-top:2px;font-size:12px;line-height:1.45;color:#6b7280;} .rf2:where(:not(.qf)) .rf2-ready-hint i{margin-top:2px;color:#9ca3af;} .rf2:where(:not(.qf)) #rfReadyAfter{display:flex;flex-direction:column;} .res-c-status .res-w{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-size:11.5px;font-weight:700;white-space:nowrap;vertical-align:middle;} .res-c-status .res-w.is-none{background:#f3f4f6;color:#6b7280;} .res-c-status .res-w.is-progress{background:#fef3c7;color:#92400e;} .res-c-status .res-w.is-done{background:#dcfce7;color:#166534;} .res-c-status .res-w.is-delivered{background:#dbeafe;color:#1e40af;} .res-c-status .res-w-dot{width:7px;height:7px;border-radius:50%;background:#f59e0b;} .res-c-status .res-w-ic{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:4px;border-radius:6px;font-size:11px;vertical-align:middle;} .res-c-status .res-w-ic.is-ok{background:#f0fdf4;color:#16a34a;} .res-c-status .res-w-ic.is-warn{background:#fff7ed;color:#ea580c;} .res-c-status .res-w-items{display:inline-flex;align-items:center;gap:4px;margin-left:6px;font-size:11.5px;font-weight:700;color:#6b7280;white-space:nowrap;vertical-align:middle;} .kv-vin{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;} .kv-vin .kv-vin-v{user-select:all;-webkit-user-select:all;font-variant-numeric:tabular-nums;letter-spacing:.2px;} .kv-copy{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:2px;padding:0;border:1px solid #e5e7eb;border-radius:7px;background:#fff;color:#6b7280;font-size:12px;cursor:pointer;vertical-align:middle;transition:background .15s,color .15s,border-color .15s;} .kv-copy:hover{border-color:#c7d2fe;color:#6c63ff;background:#f5f5ff;} .kv-copy.is-done{border-color:#bbf7d0;color:#16a34a;background:#f0fdf4;} .qf .rf2-head-info .kv-vin{margin-top:4px;font-size:12.5px;color:#4b5563;} .rf2 .rf2-veh-vinrow{margin:8px 0 0 2px;font-size:12.5px;color:#4b5563;} .rf2 .rf2-veh-vinrow .kv-vin.is-missing{color:#9ca3af;} /* ===== 02.11.2026 ===== */ .ds-page .st-section-body>.ds-warranty:first-child{margin-top:0;padding-top:0;border-top:0;} .au-page .au-bt-type{background:#f3f4f6;color:#374151;} .au-page .au-qs-done{background:#dcfce7;color:#15803d;} .au-page .au-qs-step{background:#fef3c7;color:#b45309;} .au-page .au-svc-name{font-size:13px;font-weight:600;color:#4f46e5;margin-top:2px;} .au-page .au-qs-row{margin-top:4px;display:flex;gap:4px;flex-wrap:wrap;} .rr-form .rr-ph-del{z-index:2;border:0;padding:0;width:32px;height:32px;top:6px;right:6px;font-size:13px;-webkit-tap-highlight-color:transparent;} .dsv .dsv-ob{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;margin-bottom:18px;} .dsv .dsv-ob-head{display:flex;align-items:center;justify-content:space-between;gap:10px;} .dsv .dsv-ob-title{font-size:17px;font-weight:700;color:#111827;} .dsv .dsv-ob-title i{color:#6c63ff;margin-right:6px;} .dsv .dsv-ob-hide{flex-shrink:0;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:13px;font-weight:600;padding:6px 12px;cursor:pointer;} .dsv .dsv-ob-hide:hover{background:#f3f4f6;color:#111827;} .dsv .dsv-ob-left{margin-top:6px;font-size:14px;color:#4b5563;font-weight:600;} .dsv .dsv-ob-bar{height:6px;border-radius:6px;background:#eef0f4;margin:8px 0 10px;overflow:hidden;} .dsv .dsv-ob-bar span{display:block;height:100%;background:#6c63ff;border-radius:6px;} .dsv .dsv-ob-list{display:flex;flex-direction:column;} .dsv .dsv-ob-step{display:flex;align-items:center;gap:12px;padding:10px 2px;border-top:1px solid #f3f4f6;color:#111827;text-decoration:none;} .dsv .dsv-ob-step:first-child{border-top:0;} .dsv .dsv-ob-ic{flex:0 0 24px;width:24px;height:24px;border-radius:50%;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;} .dsv .dsv-ob-txt{flex:1;display:flex;flex-direction:column;min-width:0;} .dsv .dsv-ob-txt b{font-weight:600;font-size:14px;} .dsv .dsv-ob-txt small{color:#6b7280;font-size:12px;margin-top:2px;} .dsv .dsv-ob-go{color:#9ca3af;font-size:12px;} .dsv .dsv-ob-step.is-done .dsv-ob-ic{background:#22c55e;border-color:#22c55e;} .dsv .dsv-ob-step.is-done .dsv-ob-txt b{text-decoration:line-through;color:#9ca3af;font-weight:500;} .kv-jr-tabs{display:flex;gap:6px;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:6px;margin-bottom:16px;} .kv-jr-tabs .kv-jr-tab{flex:1 1 auto;text-align:center;padding:9px 14px;border-radius:10px;color:#4b5563;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;} .kv-jr-tabs .kv-jr-tab:hover{background:#f5f5ff;color:#4f46e5;} .kv-jr-tabs .kv-jr-tab.active{background:#6c63ff;color:#fff;} .kv-cron .kvc-hb{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;border-radius:12px;padding:10px 14px;margin-bottom:14px;font-size:14px;} .kv-cron .kvc-hb.is-old{background:#fef2f2;color:#991b1b;border-color:#fecaca;} .kv-cron .kvc-list{display:flex;flex-direction:column;gap:10px;} .kv-cron .kvc-job{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;} .kv-cron .kvc-job.is-off{opacity:.6;} .kv-cron .kvc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;} .kv-cron .kvc-name{font-weight:700;font-size:15px;color:#111827;} .kv-cron .kvc-name code{font-size:11px;background:#f3f4f6;color:#6b7280;padding:1px 6px;border-radius:6px;margin-left:4px;} .kv-cron .kvc-sched{font-size:12px;color:#6b7280;margin-top:2px;} .kv-cron .kvc-acts{display:flex;align-items:center;gap:10px;} .kv-cron .kvc-sw{position:relative;width:40px;height:22px;margin:0;cursor:pointer;} .kv-cron .kvc-sw input{opacity:0;width:0;height:0;position:absolute;} .kv-cron .kvc-sw span{position:absolute;inset:0;background:#d1d5db;border-radius:22px;transition:.15s;} .kv-cron .kvc-sw span:before{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.15s;} .kv-cron .kvc-sw input:checked+span{background:#6c63ff;} .kv-cron .kvc-sw input:checked+span:before{transform:translateX(18px);} .kv-cron .kvc-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#4b5563;margin-top:8px;} .kv-cron .kvc-st{padding:1px 8px;border-radius:10px;font-weight:600;font-size:12px;} .kv-cron .kvc-st.is-ok{background:#dcfce7;color:#15803d;} .kv-cron .kvc-st.is-error{background:#fee2e2;color:#b91c1c;} .kv-cron .kvc-st.is-running{background:#e0e7ff;color:#4338ca;} .kv-cron .kvc-msg{font-size:13px;color:#374151;margin-top:6px;word-break:break-word;} .kv-cron .kvc-det,.kv-cron .kvc-run-row details{margin-top:6px;font-size:13px;} .kv-cron .kvc-det pre,.kv-cron .kvc-run-row pre{white-space:pre-wrap;font-size:12px;background:#f9fafb;border:1px solid #f0f1f3;border-radius:8px;padding:8px;margin:6px 0 0;max-height:320px;overflow:auto;} .kv-cron .kvc-hist-btn{border:0;background:none;color:#6c63ff;font-size:13px;font-weight:600;padding:6px 0 0;} .kv-cron .kvc-hist{margin-top:6px;border-top:1px solid #f0f1f3;padding-top:6px;} .kv-cron .kvc-run-row{font-size:12px;color:#374151;padding:6px 0;border-bottom:1px solid #f6f7f9;} .kv-cron .kvc-run-row.is-error{color:#b91c1c;} .kv-cron .kvc-empty{font-size:13px;color:#9ca3af;} .rr-setup{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;margin-top:6px;} .rr-setup .rr-setup-ic{width:48px;height:48px;border-radius:14px;background:#eef0ff;color:#6c63ff;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:10px;} .rr-setup h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#111827;} .rr-setup p{color:#4b5563;font-size:14px;line-height:1.55;} .rr-setup .rr-setup-steps{padding-left:20px;margin:12px 0 16px;color:#374151;font-size:14px;line-height:1.6;} .rr-setup .rr-setup-steps li{margin-bottom:4px;} .rr-setup .rr-setup-btn{border-radius:10px;font-weight:600;} .rr-setup .rr-setup-note{color:#6b7280;} .qs-card .qs-hours-sub{margin-top:-4px;} .qs-card .qs-hours{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;} .qs-card .qs-day{display:flex;align-items:center;gap:10px;min-height:44px;} .qs-card .qs-day-on{flex:0 0 130px;display:flex;align-items:center;gap:8px;margin:0;font-weight:600;font-size:14px;cursor:pointer;} .qs-card .qs-day-on input{width:18px;height:18px;accent-color:#6c63ff;margin:0;} .qs-card .qs-day-times{display:flex;align-items:center;gap:6px;flex:1;} .qs-card .qs-day-times .qs-input{flex:1;min-width:0;height:40px;padding:6px 8px;} .qs-card .qs-day-closed{display:none;color:#9ca3af;font-size:14px;flex:1;} .qs-card .qs-day.is-off .qs-day-times{display:none;} .qs-card .qs-day.is-off .qs-day-closed{display:block;} .qs-card .qs-lunch{border-top:1px dashed #e5e7eb;padding-top:8px;margin-top:4px;} @media (max-width:480px){.qs-card .qs-day-on{flex-basis:108px;font-size:13px;}} .qf-it .qf-it-cs{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;white-space:nowrap;} .qf-it .qf-it-cs input{width:16px;height:16px;margin:0;accent-color:#6c63ff;} .qf-it.qf-it-cs-on .qf-it-cs{color:#6c63ff;} .qf-it.qf-it-cs-on .qf-it-p{background:#f5f5ff;} .au-page .au-qs-none{background:#f3f4f6;color:#6b7280;} .insp-page .ins-grp{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #ef4444;border-radius:14px;padding:12px 14px;margin-bottom:10px;} .insp-page .ins-grp-head{margin-bottom:8px;} .insp-page .ins-grp-item{display:block;border:1px solid #f0f1f3;border-radius:10px;padding:10px 12px;margin-top:8px;cursor:pointer;background:#fafbfc;box-shadow:none;} .insp-page .ins-grp-item:hover{border-color:#c7c3ff;background:#f7f7ff;} .insp-page .ins-grp-item-head{font-size:13px;color:#111827;display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px;} .insp-page .ins-grp-item-head .ins-chip{margin-left:auto;} .insp-page .ins-grp-line{font-size:13px;color:#374151;padding:3px 0;border-top:1px dashed #eef0f3;} .insp-page .ins-grp-line:first-of-type{border-top:0;} .insp-page .ins-grp-line small{display:block;font-size:11px;color:#9ca3af;} .insp-page .ins-grp-line.is-empty{color:#9ca3af;} .insp-page .ins-grp-open{margin-top:8px;font-size:13px;color:#4338ca;background:#eef2ff;border-radius:8px;padding:7px 10px;} .insp-page .ins-grp-link{border:0;background:none;color:#4f46e5;font-weight:700;text-decoration:underline;padding:0 0 0 4px;} .insp-page .ins-grp-acts{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:10px;} .insp-page .ins-grp-hint{margin-top:8px;font-size:12px;color:#6b7280;} .if-sib{margin:12px 0;display:flex;flex-direction:column;gap:8px;} .if-sib .if-sib-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:10px;padding:9px 12px;font-size:13px;} .if-sib .if-sib-row.is-quote{background:#eef2ff;color:#3730a3;border-color:#c7d2fe;} .if-sib .if-sib-row .kv-btn{margin-left:auto;} .qf-insp .qf-insp-sub{font-size:12px;font-weight:700;color:#4f46e5;margin:10px 0 2px;padding-top:8px;border-top:1px solid #eef0f3;} .qf-insp .qf-insp-sub:first-child{border-top:0;padding-top:0;margin-top:0;} #qf .qf-insp-pend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff7ed;color:#9a3412;border-color:#fed7aa;} #qf .qf-insp-pend .kv-btn{margin-left:auto;} .insp-page .ins-grp-qbtn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:10px;border:1px solid #6c63ff;background:#6c63ff;color:#fff;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;} .insp-page .ins-grp-qbtn:hover{background:#5b52f0;border-color:#5b52f0;} .insp-page .ins-grp-qbtn.is-ghost{background:#fff;color:#4f46e5;border-color:#c7c3ff;} .insp-page .ins-grp-qbtn.is-ghost:hover{background:#f5f5ff;} .insp-page .ins-grp-qhint{text-align:right;font-size:12px;color:#6b7280;margin-top:6px;} @media (max-width:600px){.insp-page .ins-grp-acts{flex-direction:column;}.insp-page .ins-grp-qbtn{justify-content:center;width:100%;}.insp-page .ins-grp-qhint{text-align:center;}} .insp-page .ins-row.ins-today{grid-template-columns:120px minmax(0,1.4fr) minmax(0,1fr) auto;} @media (min-width:768px){.insp-page .ins-mech .ins-row,.insp-page .ins-mech .ins-row.ins-today{grid-template-columns:80px 110px minmax(0,1.4fr) minmax(0,1fr) 130px;}.insp-page .ins-mech .ins-row.ins-today .ins-row-date{grid-column:1 / 3;}} @media (max-width:767px){.insp-page .ins-row.ins-today{grid-template-columns:1fr auto;grid-template-areas:"date q" "car car" "client client";}.insp-page .ins-row.ins-today .ins-row-car{white-space:normal;}} /* Setari calendar: previzualizare */ .settings-page .st-cal-name{width:130px;} .settings-page .st-cal-prev-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin:14px 0 4px;padding-top:14px;border-top:1px solid #f5f5f5;font-size:13px;color:#333;} .settings-page .st-cal-devices{display:inline-flex;gap:4px;padding:3px;border-radius:10px;background:#f1f2f6;} .settings-page .st-cal-devices button{padding:5px 12px;border:0;border-radius:8px;background:none;font-size:12.5px;font-weight:600;color:#6b7280;cursor:pointer;} .settings-page .st-cal-devices button.active{background:#fff;color:#111827;box-shadow:0 1px 3px rgba(0,0,0,.12);} .settings-page .st-cal-prev{max-height:340px;margin-top:10px;overflow:auto;border:1px solid #e5e7eb;border-radius:10px;background:#fff;} .settings-page .st-cal-grid{display:inline-block;min-width:100%;vertical-align:top;} .settings-page .st-cal-row{display:flex;min-width:100%;} .settings-page .st-cal-corner,.settings-page .st-cal-hours{flex:0 0 52px;width:52px;} .settings-page .st-cal-corner,.settings-page .st-cal-col-head{height:30px;border-bottom:1px solid #e5e7eb;background:#f9fafb;} .settings-page .st-cal-col-head{border-left:1px solid #e5e7eb;font-size:12px;font-weight:600;line-height:30px;text-align:center;color:#374151;} .settings-page .st-cal-time{box-sizing:border-box;padding:2px 6px 0 0;border-bottom:1px solid #f1f2f4;font-size:10.5px;line-height:1.2;text-align:right;color:#6b7280;overflow:hidden;} .settings-page .st-cal-col{position:relative;border-left:1px solid #e5e7eb;} .settings-page .st-cal-cell{box-sizing:border-box;border-bottom:1px solid #f1f2f4;} .settings-page .st-cal-event{position:absolute;left:3px;right:3px;box-sizing:border-box;padding:3px 6px;border-radius:6px;background:var(--status-scheduled,#3b82f6);font-size:11px;line-height:1.25;color:#fff;overflow:hidden;} .settings-page .st-cal-event b,.settings-page .st-cal-event span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .settings-page .st-cal-ghost{position:absolute;left:3px;right:3px;box-sizing:border-box;border:1.5px dashed #9ca3af;border-radius:6px;} .settings-page .st-cal-notes{margin:10px 0 0;padding:0 0 0 18px;font-size:12.5px;line-height:1.5;color:#6b7280;} /* RAR Auto-Pass: subtaburi (04.11.2026) */ .quotes-page .rr-top{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;margin:0 0 16px 0;border-bottom:1px solid #e5e7eb;} .quotes-page .rr-tabs{display:flex;gap:4px;flex:1 1 auto;min-width:0;align-self:flex-end;} .quotes-page .rr-tab{display:inline-flex;align-items:center;min-height:44px;margin-bottom:-1px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:none;font-size:14px;font-weight:600;color:#6b7280;white-space:nowrap;cursor:pointer;} .quotes-page .rr-tab:hover{color:#111827;} .quotes-page .rr-tab:focus{outline:none;} .quotes-page .rr-tab.active{border-bottom-color:#6c63ff;color:#6c63ff;} .quotes-page .rr-top .rr-sync{height:38px;margin-bottom:6px;} @media (max-width:767px){ .quotes-page .rr-top{flex-wrap:wrap;gap:0;border-bottom:0;} .quotes-page .rr-tabs{flex:1 1 100%;gap:0;border-bottom:1px solid #e5e7eb;} .quotes-page .rr-tab{flex:1 1 0;justify-content:center;min-width:0;padding:6px 4px;font-size:13px;line-height:1.25;white-space:normal;text-align:center;} .quotes-page .rr-top .rr-sync{width:100%;height:42px;margin:10px 0 0 0;padding:0 16px;} .quotes-page .rr-top .rr-sync span{display:inline;} } select:not([multiple]):not([size]):not(.select2-hidden-accessible):not(:disabled):not(.kalevo-select-wrap select):not(.rf2-select-wrap select):not(.qf-u-wrap select){-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%239ca3af' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:11px 8px;padding-right:32px;cursor:pointer;} .rf2 select.rf2-input:disabled{background-image:none;} .rf2:where(:not(.qf)) #rfReady:empty{display:none;} .rf2:where(:not(.qf)) #rfReady .rf2-ready-btn + .rf2-ready-btn{margin-top:8px;} .quotes-page .qt-dv-top{margin-bottom:12px;} .quotes-page .qt-dv-n{display:inline-block;min-width:20px;margin-left:6px;padding:1px 6px;border-radius:10px;background:#f3f4f6;color:#6b7280;font-size:11px;font-style:normal;font-weight:600;line-height:1.4;text-align:center;} @media (max-width:767px){.quotes-page .qt-dv-top .rr-tabs{overflow-x:auto;scrollbar-width:none;} .quotes-page .qt-dv-top .rr-tabs::-webkit-scrollbar{display:none;} .quotes-page .qt-dv-top .rr-tab{flex:1 0 auto;padding:6px 5px;font-size:13px;white-space:nowrap;} .quotes-page .qt-dv-n{margin-left:3px;min-width:18px;padding:1px 5px;} } .rf2:where(:not(.qf)) .rf2-ready-title .rf2-work-reopen{margin-left:8px;display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;font-size:13px;font-weight:600;color:#6c63ff;white-space:nowrap;cursor:pointer;} .rf2:where(:not(.qf)) .rf2-ready-title .rf2-work-reopen:hover{color:#5a52e0;text-decoration:underline;} .rf2:where(:not(.qf)) .rf2-ready-title .rf2-work-reopen i{color:inherit;font-size:12px;} .ac-overlay .ac-box .ac-title{margin-bottom:8px;font-size:16px;font-weight:700;color:#111827;line-height:1.35;text-align:center;} .ac-overlay .ac-box .ac-actions .ac-btn-purple{background:#6c63ff;border-color:#6c63ff;color:#fff;} .ac-overlay .ac-box .ac-actions .ac-btn-purple:hover,.ac-overlay .ac-box .ac-actions .ac-btn-purple:focus{background:#5a52e0;border-color:#5a52e0;color:#fff;} .qf .qf-inv .qf-inv-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px 0;} .qf .qf-inv .qf-inv-panel-head .qf-inv-panel-title{margin:0;} .qf .qf-inv .qf-inv-panel-total{font-size:12px;color:#6b7280;white-space:nowrap;} .qf .qf-inv .qf-inv-panel-total b{margin-left:2px;font-size:15px;font-weight:700;color:#111827;} .qf .qf-inv .qf-inv-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;} .qf .qf-inv .qf-inv-opts .qf-inv-lbl{margin-top:0;} .qf .qf-inv .qf-inv-sel{height:40px;} .qf .qf-inv .qf-inv-partial-hint{margin-top:0;align-self:center;} .qf .qf-inv .qf-inv-pays{display:flex;flex-wrap:wrap;gap:8px;} .qf .qf-inv .qf-inv-pay{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;} .qf .qf-inv .qf-inv-pay .fa{display:none;font-size:11px;} .qf .qf-inv .qf-inv-pay.active{border-color:#6c63ff;background:#f1f0ff;color:#4338ca;} .qf .qf-inv .qf-inv-pay.active .fa{display:inline-block;} .qf .qf-inv .qf-inv-split{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:8px;padding:10px 12px;border-radius:10px;background:#f9fafb;font-size:13px;color:#374151;} .qf .qf-inv .qf-inv-split-f{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:500;color:#374151;} .qf .qf-inv .qf-inv-amt{width:96px;height:38px;text-align:right;} .qf .qf-inv .qf-inv-split-rest b{font-weight:700;color:#111827;} .qf .qf-inv .qf-inv-amt.is-bad{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.12);} @media (max-width:480px){.qf .qf-inv .qf-inv-pays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));} .qf .qf-inv .qf-inv-pay{min-width:0;padding:4px;line-height:1.15;} .qf .qf-inv .qf-inv-split{flex-direction:column;align-items:stretch;} .qf .qf-inv .qf-inv-split-f{justify-content:space-between;} .qf .qf-inv .qf-inv-amt{flex:0 0 120px;width:120px;} }