:root{--tcb-primary: #2d7a4f;--tcb-primary-light: #e8f5ee;--tcb-primary-dark: #1e5435;--tcb-color-title: #111827;--tcb-color-desc: #6b7280;--tcb-neutral-50: #f8faf9;--tcb-neutral-100: #eef2f0;--tcb-neutral-200: #d4ddd8;--tcb-neutral-600: #5a6b62;--tcb-neutral-900: #1a211e;--tcb-red: #c0392b;--tcb-radius: 10px;--tcb-shadow: 0 2px 12px rgba(0, 0, 0, .07);--tcb-max-width: 720px}.tcb-app{font-family:system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.55;color:var(--tcb-neutral-900);max-width:var(--tcb-max-width);margin:0 auto;padding:24px 16px}.tcb-form-wrapper{background:#fff;border-radius:var(--tcb-radius);box-shadow:var(--tcb-shadow);overflow:hidden}.tcb-form-header{background:var(--tcb-primary);padding:28px 32px 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.tcb-form-header-content{flex:1}.tcb-form-title{color:var(--tcb-color-title);margin:0 0 6px;font-size:22px;font-weight:700}.tcb-form-subtitle{color:var(--tcb-color-desc);margin:0;opacity:.85;font-size:14px}.tcb-form{padding:24px 32px 32px;display:flex;flex-direction:column;gap:28px}.tcb-lang-switcher{display:flex;gap:4px;flex-shrink:0}.tcb-lang-btn{padding:6px 10px;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff1a;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.tcb-lang-btn:hover{background:#fff3;border-color:#ffffff80}.tcb-lang-btn--active{background:#fff;color:var(--tcb-primary);border-color:#fff}.tcb-section{display:flex;flex-direction:column;gap:12px}.tcb-section-label{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:600;color:var(--tcb-neutral-900)}.tcb-step{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--tcb-primary);color:#fff;font-size:13px;font-weight:700;flex-shrink:0}.tcb-multi-slot-hint{font-size:12px;font-weight:400;color:var(--tcb-neutral-600);margin-left:auto}.tcb-date-time-row{display:flex;flex-direction:column;gap:28px}@media(min-width:720px){.tcb-date-time-row{flex-direction:row;align-items:flex-start;gap:24px}.tcb-app{padding:0}.tcb-date-time-row>.tcb-section:first-child{flex-shrink:0}.tcb-date-time-row>.tcb-section:last-child{flex:1;min-width:0}}.tcb-court-grid{gap:20px;grid-template-columns:1fr 1fr;display:grid}.tcb-court-card{display:flex;flex-direction:column;align-items:center;padding:14px 18px;background:var(--tcb-neutral-50);border:2px solid var(--tcb-neutral-200);border-radius:var(--tcb-radius);cursor:pointer;transition:border-color .15s,background .15s,transform .1s;font-size:13px;font-weight:500;color:var(--tcb-neutral-600);max-height:100px;overflow:hidden}.tcb-court-card:hover{border-color:var(--tcb-primary);background:var(--tcb-primary-light)}.tcb-court-card--active{border-color:var(--tcb-primary);background:var(--tcb-primary-light);color:var(--tcb-primary-dark)}.tcb-court-icon{width:36px;height:36px;color:var(--tcb-primary)}.tcb-court-name{text-align:center}.tcb-calendar{background:var(--tcb-neutral-50);border:1px solid var(--tcb-neutral-200);border-radius:var(--tcb-radius);padding:16px;width:100%;max-width:320px}.tcb-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tcb-cal-month{font-weight:600;font-size:15px}.tcb-cal-nav{background:none;border:1px solid var(--tcb-neutral-200);border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--tcb-neutral-600);transition:background .1s}.tcb-cal-nav:hover{background:var(--tcb-neutral-100)}.tcb-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.tcb-cal-weekday{text-align:center;font-size:12px;font-weight:600;color:var(--tcb-neutral-600);padding:4px 0}.tcb-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.tcb-cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--tcb-neutral-900);transition:background .1s}.tcb-cal-day:hover:not(:disabled){background:var(--tcb-neutral-100)}.tcb-cal-day--today{font-weight:700;color:var(--tcb-primary)}.tcb-cal-day--past{color:var(--tcb-neutral-200);cursor:default}.tcb-cal-day--selected{background:var(--tcb-primary)!important;color:#fff!important;font-weight:700}.tcb-cal-selected-label{margin:10px 0 0;font-size:13px;color:var(--tcb-neutral-600)}.tcb-slots-grid{display:flex;flex-wrap:wrap;gap:8px}.tcb-slot{position:relative;padding:15px 0;border-radius:8px;border:1px solid var(--tcb-neutral-200);background:#fff;cursor:pointer;font-size:14px;font-weight:500;color:var(--tcb-neutral-900);transition:border-color .15s,background .15s;line-height:1;z-index:0;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;width:71px}.tcb-slot--partial:before,.tcb-slot--partial:after{z-index:-1}.tcb-slot>*{position:relative;z-index:2}.tcb-slot:hover:not(:disabled){border-color:var(--tcb-primary);background:var(--tcb-primary-light)}.tcb-slot--selected{background:var(--tcb-primary)!important;border-color:var(--tcb-primary)!important;color:#fff!important}.tcb-slot--selected .tcb-slot-badge{color:#ffffffe6!important}.tcb-slot--taken{background:var(--tcb-neutral-100);color:var(--tcb-neutral-200);cursor:not-allowed;border-color:var(--tcb-neutral-100)}.tcb-slot--past{background:var(--tcb-neutral-50);color:var(--tcb-neutral-200);border-color:var(--tcb-neutral-100);cursor:not-allowed;opacity:.6}.tcb-slot-badge{display:block;font-size:10px;font-weight:500;margin-top:3px;color:inherit;text-transform:uppercase}.tcb-slot-badge--free,.tcb-slot-badge--partial{color:var(--tcb-primary)}.tcb-slot-badge--taken,.tcb-slot-badge--past{color:var(--tcb-neutral-200)}.tcb-slot--partial{position:relative;overflow:hidden}.tcb-slot--partial:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,var(--tcb-neutral-100) 50%,transparent 50%)}.tcb-slot--partial:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,transparent 49%,var(--tcb-neutral-200) 50%,transparent 51%)}.tcb-customer-form{display:flex;flex-direction:column;gap:14px}.tcb-field-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.tcb-field{display:flex;flex-direction:column;gap:5px}.tcb-label{font-size:13px;font-weight:600;color:var(--tcb-neutral-600)}.tcb-required{color:var(--tcb-red)}.tcb-input{padding:10px 12px;border:1px solid var(--tcb-neutral-200);border-radius:8px;font-size:14px;font-family:inherit;color:var(--tcb-neutral-900);background:#fff;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}.tcb-input:focus{outline:none;border-color:var(--tcb-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--tcb-primary) 15%,transparent)}.tcb-input--error{border-color:var(--tcb-red)!important;box-shadow:0 0 0 3px #c0392b1a}.tcb-textarea{resize:vertical;min-height:80px}.tcb-field-error{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--tcb-red);margin-top:2px}.tcb-field-error:before{content:"";display:inline-block;width:14px;height:14px;background-color:var(--tcb-red);border-radius:50%;flex-shrink:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='none' stroke='currentColor' stroke-width='1.5'/%3E%3Cline x1='8' y1='5' x2='8' y2='8.5' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='11' r='.75'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='none' stroke='currentColor' stroke-width='1.5'/%3E%3Cline x1='8' y1='5' x2='8' y2='8.5' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='11' r='.75'/%3E%3C/svg%3E") center/contain no-repeat}.tcb-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;background:var(--tcb-primary);color:#fff;border:none;border-radius:var(--tcb-radius);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;width:100%}.tcb-submit-btn:hover:not(:disabled){background:var(--tcb-primary-dark)}.tcb-submit-btn:active:not(:disabled){transform:scale(.98)}.tcb-submit-btn:disabled{opacity:.65;cursor:not-allowed}.tcb-error{background:#fdf3f2;border:1px solid #f5c6c2;color:var(--tcb-red);padding:10px 14px;border-radius:8px;font-size:14px}.tcb-hint{font-size:13px;color:var(--tcb-neutral-600);margin:0}.tcb-info-message{background:#e3f2fd;border:1px solid #90caf9;color:#1565c0;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:12px}.tcb-cal-day--next-available{background:#e3f2fd;color:#1565c0;font-weight:600}.tcb-loading{display:flex;align-items:center;gap:10px;color:var(--tcb-neutral-600);font-size:14px}.tcb-spinner{width:24px;height:24px;animation:tcb-spin .75s linear infinite;flex-shrink:0}.tcb-spinner--small{width:16px;height:16px}@keyframes tcb-spin{to{transform:rotate(360deg)}}.tcb-success{text-align:center;padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.tcb-success-icon{width:64px;height:64px;color:var(--tcb-primary)}.tcb-success-title{margin:0;font-size:22px;font-weight:700}.tcb-success-subtitle{margin:0;color:var(--tcb-neutral-600);font-size:14px}.tcb-success-card{background:var(--tcb-neutral-50);border:1px solid var(--tcb-neutral-200);border-radius:var(--tcb-radius);padding:20px 24px;width:100%;max-width:360px;text-align:left}.tcb-success-details{margin:0;display:flex;flex-direction:column;gap:10px}.tcb-detail-row{display:flex;justify-content:space-between;gap:12px;font-size:14px}.tcb-detail-row dt{color:var(--tcb-neutral-600);flex-shrink:0}.tcb-detail-row dd{margin:0;font-weight:600;text-align:right}.tcb-success-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.tcb-success-badge--confirmed{background:var(--tcb-primary-light);color:var(--tcb-primary-dark)}.tcb-success-badge--pending{background:#fff8e1;color:#856404;border:1px solid #ffd966}@media(max-width:720px){.tcb-form{padding:20px 16px 24px}.tcb-form-header{padding:20px 16px;flex-direction:column;gap:12px}.tcb-lang-switcher{align-self:flex-end}.tcb-field-row{grid-template-columns:1fr}.tcb-court-card{min-width:unset;flex:1 0 calc(50% - 5px)}.tcb-calendar{max-width:100%}}