: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: 5px;background: #ff0000;width: 15px;height: 15px;display: inline-flex;justify-content: center;align-items: center;border-radius: 100%;font-size: 10px;} .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;right:24px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:8px;} .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);} .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;} .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;} .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, select, textarea{background:#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 */ #toastContainer{top:calc(12px + env(safe-area-inset-top,0px));left:12px;right:12px;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-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 .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-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 #rfCancelBtn{display:none !Important;} .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-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 #cfCancelBtn,.kv-form #stCancelBtn,.kv-form #wsCancelBtn{display:none !important;} .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 #cfCancelBtn{display:none !important;} .kv-form .kv-btn-danger{padding:0 13px;} .kv-form .kv-list-item{flex-direction:column;gap:6px;} }