.ts-hours-page{padding:64px 20px 90px}.ts-hours-shell{max-width:1180px;margin:auto}.ts-hours-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:28px}.ts-hours-head h1{font-size:clamp(2rem,4vw,3.2rem);margin:.35rem 0}.ts-hours-head p{max-width:700px;color:#6b7280}.ts-hours-card{background:#fff;border:1px solid #ececf1;border-radius:24px;box-shadow:0 18px 55px rgba(17,24,39,.06);overflow:hidden}.ts-hours-toolbar{padding:26px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;gap:20px;align-items:center}.ts-hours-toolbar h2{margin:0}.ts-hours-toolbar p{margin:.3rem 0 0;color:#737782}.ts-hours-list{padding:0 22px}.ts-hours-row{display:grid;grid-template-columns:1.4fr .7fr 1fr 1fr 1fr 1.6fr;align-items:center;gap:14px;padding:17px 4px;border-bottom:1px solid #f0f0f3}.ts-hours-row:last-child{border-bottom:0}.ts-hours-header{font-size:.82rem;color:#7a7d86;background:#fafafa;margin:0 -22px;padding:12px 26px}.ts-hours-row input[type=time]{width:100%;min-height:44px;padding:8px 10px}.ts-hours-row label{display:flex;align-items:center;gap:7px;font-size:.9rem}.ts-hours-row input[type=checkbox]{accent-color:#7c3aed;width:18px;height:18px}.ts-break-times{display:flex;gap:8px}.ts-hours-row.is-disabled{opacity:.48}.ts-hours-footer{padding:22px 26px;background:#fafafa;border-top:1px solid #eee;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#777;font-size:.9rem}.ts-hours-notice{min-height:0;margin-bottom:14px}.ts-hours-notice.success,.ts-hours-notice.error{padding:12px 16px;border-radius:12px}.ts-hours-notice.success{background:#ecfdf5;color:#047857}.ts-hours-notice.error{background:#fef2f2;color:#b91c1c}.ts-hours-tip{margin-top:18px;background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.12);padding:17px 20px;border-radius:16px;color:#4b5563}.ts-hours-tip strong{color:#5b21b6}@media(max-width:900px){.ts-hours-row{grid-template-columns:1fr 1fr 1fr;gap:10px}.ts-hours-header{display:none}.ts-hours-row strong{grid-column:1/-1}.ts-hours-row .ts-break-times{grid-column:2/-1}.ts-hours-toolbar,.ts-hours-head,.ts-hours-footer{flex-direction:column;align-items:stretch}.ts-hours-footer .ts-btn{width:100%}}@media(max-width:560px){.ts-hours-page{padding:38px 14px 60px}.ts-hours-list{padding:0 14px}.ts-hours-row{grid-template-columns:1fr 1fr}.ts-hours-row .ts-break-times{grid-column:1/-1}.ts-hours-row label{font-size:.82rem}.ts-hours-toolbar{padding:20px}}
