.service-booking-list,.service-crm{--service-accent:#009fb4;--service-ink:#174b55;color:var(--service-ink)}
.service-booking-documents{display:flex;flex-wrap:wrap;gap:8px}.service-booking-document{display:inline-flex;align-items:center;border:1px solid #d4e7eb;border-radius:8px;background:#fff;color:#155460;padding:8px 11px;font-size:12px;font-weight:600;text-decoration:none}.service-booking-document:hover{color:#009fb4;border-color:#009fb4;background:#f1f9fa}.service-booking-document:focus-visible{outline:2px solid #009fb4;outline-offset:2px}.service-crm-actions a{flex:0 0 auto;text-decoration:none}
.service-booking-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.service-booking-tools input,.service-booking-tools select{border:1px solid #dce8ec;border-radius:10px;padding:11px 14px;background:#fff;color:inherit;font:inherit}.service-booking-tools input{flex:1;min-width:180px}.service-booking-tools span{font-size:13px;color:#738993}
.service-booking-cards{display:grid;gap:18px}.service-booking-card{border:1px solid #dce8ec;border-radius:16px;background:white;overflow:hidden;box-shadow:0 5px 20px #174b5505}.service-booking-card header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:linear-gradient(110deg,#eef8f9,#fff);border-bottom:1px solid #e8eff2}.service-booking-card h2{font-size:19px;margin:4px 0 0;font-weight:700}.service-booking-card small{font-size:12px;color:#69818c;overflow-wrap:anywhere}.service-booking-tags{display:flex;align-items:center;gap:8px}.service-test-tag,.service-status{display:inline-flex;white-space:nowrap;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:700}.service-test-tag{color:#596b87;background:#edf1f8}.service-status{text-transform:capitalize;background:#fff4e2;color:#9b6308}.service-status.confirmed{background:#e7f6ee;color:#23704e}.service-status.failed,.service-status.cancelled{background:#fff0ee;color:#a44032}
.service-booking-body{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px;padding:20px 22px}.service-booking-body h3{font-size:15px;line-height:1.5;margin:0 0 18px;font-weight:600}.service-booking-body dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}.service-booking-body dt{font-size:11px;color:#78909a;font-weight:500}.service-booking-body dd{font-size:13px;font-weight:600;margin:4px 0 0;overflow-wrap:anywhere}.service-booking-price{border-left:1px solid #e8eff2;padding-left:22px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px}.service-booking-price strong{font-size:25px}.service-booking-price button,.service-crm button{border:1px solid #d4e7eb;border-radius:8px;background:#f1f9fa;color:var(--service-accent);padding:9px 13px;font-weight:600;cursor:pointer}.service-booking-price button:disabled{opacity:.5;cursor:wait}.service-booking-feedback{font-size:13px;margin:0;padding:0 22px 14px;color:#965737}.service-booking-feedback:empty{padding:0}.service-booking-empty{padding:45px 20px;text-align:center;border:1px dashed #d9e7ec;border-radius:14px}.service-booking-empty h3{font-size:18px}.service-booking-empty p{color:#78909a;font-size:14px}
.service-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.service-crm{--service-accent:var(--tb-accent,#7c3aed);--service-ink:#1f2937;color:var(--service-ink);font-family:Arial,sans-serif;background:#fff;display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden}
.service-crm button,.service-crm input,.service-crm select{font-family:inherit;font-size:13px}.service-crm button{cursor:pointer}.service-crm button:disabled{opacity:.4;cursor:default}.service-crm :is(button,input,select,a):focus-visible{outline:2px solid var(--service-accent);outline-offset:2px}
.service-crm-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;flex:0 0 auto;min-height:58px;padding:10px 16px;border-bottom:1px solid #dfe7ef;background:#fff}
.service-crm-tools{display:flex;align-items:center;flex:1 1 600px;flex-wrap:wrap;gap:10px;min-width:0}.service-crm-search{display:flex;align-items:center;flex:1 1 280px;min-width:220px;height:34px;border:1px solid #cfd8e3;border-radius:18px;background:#fff;padding:0 13px;margin:0;color:#64748b}.service-crm-search input{width:100%;min-width:0;height:100%;border:0;border-radius:18px;background:transparent;color:#111827;padding:0 8px 0 0;font-size:13px}.service-crm-search:focus-within{border-color:var(--service-accent)}.service-crm-search input:focus-visible{outline:0}
.service-crm-filters{display:flex;align-items:center;gap:7px}.service-crm-filters button{height:30px;white-space:nowrap;border:1px solid #cfd8e3;border-radius:16px;background:#fff;color:#111827;padding:0 12px;font-weight:600}.service-crm-filters button.active{background:var(--service-accent);border-color:var(--service-accent);color:#fff}
.service-crm-tabs{display:flex;align-items:center;flex:0 0 auto;max-width:100%;min-height:34px;gap:2px;padding:2px;border:1px solid #cfd8e3;border-radius:18px;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.service-crm-tabs a{display:flex;align-items:center;gap:7px;height:28px;padding:0 13px;border-radius:15px;color:#111827;font-size:13px;font-weight:600;text-decoration:none}.service-crm-tabs a.active{background:var(--service-accent);color:#fff;box-shadow:0 2px 5px #7c3aed38}.service-crm-tabs a:not(.active):hover,.service-crm-filters button:not(.active):hover{background:#f4f0ff;color:var(--service-accent)}
.service-crm-results{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.service-crm-feedback{flex:0 0 auto;padding:9px 16px;font-size:12px;background:#f5f3ff;border-bottom:1px solid #e5e0f2;color:#56348a}.service-crm-feedback:empty{display:none}.service-crm-message{padding:24px;color:#64748b;font-size:14px}
.service-crm-table-wrap{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.service-crm-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1625px;font-size:12px;line-height:18px;color:#1f2937}.service-crm-table th,.service-crm-table td{text-align:left;border-right:1px solid #e5edf3;border-bottom:1px solid #e5edf3;padding:12px 10px;vertical-align:middle;overflow-wrap:anywhere}.service-crm-table thead th{position:sticky;top:0;z-index:3;height:40px;padding:10px;background:#f8fafc;font-weight:600;white-space:nowrap;border-bottom-color:#dce5ef}.service-crm-table tbody td{background:#fff}.service-crm-table tbody tr:nth-child(even) td{background:#f6f9fb}.service-crm-table tbody tr:hover td{background:#f1f6fa}.service-crm-table th:first-child,.service-crm-table td:first-child:not([colspan]){position:sticky;left:0;z-index:2;padding-left:14px;box-shadow:1px 0 0 #dfe7ef}.service-crm-table th:first-child{z-index:4}.service-crm-table th:nth-child(1){width:140px}.service-crm-table th:nth-child(2){width:160px}.service-crm-table th:nth-child(3){width:130px}.service-crm-table th:nth-child(4){width:230px}.service-crm-table th:nth-child(5),.service-crm-table th:nth-child(6){width:125px}.service-crm-table th:nth-child(7){width:90px}.service-crm-table th:nth-child(8){width:125px}.service-crm-table th:nth-child(9){width:115px}.service-crm-table th:nth-child(10){width:285px}.service-crm-table strong{font-weight:600}.service-crm-reference{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:13px;font-weight:700;color:#71829b;margin-bottom:2px}.service-crm-sub{display:block;font-size:11px;line-height:15px;color:#718096;margin-top:3px}.service-crm-channel{display:table;padding:1px 7px;margin-top:4px;border-radius:10px;font-size:9px;font-weight:700;line-height:16px;background:#edf1f6;color:#59697f}.service-crm-money{white-space:nowrap}.service-crm-test{display:block;font-size:9px;line-height:14px;font-weight:700;letter-spacing:.04em;color:#7b899e;margin:4px 0 0 8px}.service-crm .service-status{padding:2px 9px;line-height:18px;font-size:12px;font-weight:600}.service-crm .service-status.pending{background:#fff7ed;color:#c2410c}.service-crm .service-status.confirmed{background:var(--tb-accent-soft,#f1e8ff);color:var(--service-accent)}.service-crm .service-status.cancelled,.service-crm .service-status.failed{background:#fee2e2;color:#dc2626}
.service-crm-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.service-crm-actions button,.service-crm-actions a{height:28px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;border:1px solid #cfd8e3;border-radius:8px;background:#fff;color:#475569;font-size:11px;font-weight:600}.service-crm-actions .service-crm-refresh{width:28px;padding:0;font-size:19px}.service-crm-refresh i{display:none}.service-crm-actions button:hover,.service-crm-actions a:hover{border-color:var(--service-accent);background:#f5f1ff;color:var(--service-accent)}.service-crm-empty{height:160px;text-align:center!important;color:#64748b;font-size:14px}
.service-crm-footer{display:flex;justify-content:space-between;align-items:center;flex:0 0 auto;flex-wrap:wrap;gap:10px;min-height:44px;padding:8px 16px;border-top:1px solid #dfe7ef;background:#fff;font-size:12px}.service-crm-stats{display:flex;flex-wrap:wrap;gap:16px}.service-crm-stats>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.service-crm-stats b{font-weight:600}.service-crm-stats>span:not(:first-child):before{content:'';width:8px;height:8px;border-radius:50%;background:#f97316}.service-crm-stats>span.confirmed:before{background:var(--service-accent)}.service-crm-stats>span.cancelled:before,.service-crm-stats>span.failed:before{background:#ef4444}.service-crm-pages{display:flex;align-items:center;gap:10px}.service-crm-pages label{display:flex;align-items:center;gap:8px;margin:0;font-weight:400}.service-crm-pages select{height:28px;padding:0 8px;border:1px solid #cbd5e1;border-radius:15px;background:#fff}.service-crm-pages button{border:0;background:transparent;color:#64748b;font-size:22px;padding:0 4px;line-height:26px}.service-crm-pages>span{white-space:nowrap}
.service-crm-dialog{margin:auto;padding:0;border:1px solid #dfe7ef;border-radius:14px;width:min(620px,calc(100vw - 32px));max-height:85vh;overflow:auto;color:#1f2937;box-shadow:0 20px 70px #0f172a33}.service-crm-dialog::backdrop{background:#0f172a70}.service-crm-dialog header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;background:#fff;border-bottom:1px solid #e5edf3}.service-crm-dialog h2{font-size:19px;margin:0}.service-crm-dialog header button{padding:0;width:30px;height:30px;font-size:24px;color:#64748b;background:#f4f6f9;border:0}.service-crm-dialog dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:22px;margin:0}.service-crm-dialog dt{font-size:11px;color:#718096;margin-bottom:5px}.service-crm-dialog dd{font-size:13px;line-height:19px;margin:0;overflow-wrap:anywhere}
@media(max-width:767px){.service-crm-toolbar{padding:10px;gap:10px}.service-crm-tools{flex-basis:100%;gap:8px}.service-crm-search{flex-basis:100%;min-width:0}.service-crm-filters{max-width:100%;overflow:auto;padding:2px 0;gap:5px}.service-crm-filters button{padding:0 10px;font-size:12px}.service-crm-tabs{width:100%}.service-crm-tabs a{padding:0 11px;font-size:12px}.service-crm-footer{padding:8px 10px}.service-crm-stats{gap:8px 14px;font-size:11px}.service-crm-pages{font-size:11px}.service-crm-dialog dl{gap:16px;padding:18px}}
@media(max-width:700px){.service-booking-card header{align-items:flex-start;flex-direction:column;padding:16px}.service-booking-body{grid-template-columns:1fr;padding:16px}.service-booking-body dl{grid-template-columns:repeat(2,minmax(0,1fr))}.service-booking-price{border-left:0;border-top:1px solid #e8eff2;padding:16px 0 0;align-items:flex-start}}