.lesson-ticket{background:#fff;border:1px solid #dedede;border-radius:18px;grid-template-columns:minmax(0,1fr) 210px;display:grid;overflow:hidden}.lesson-ticket-main{min-width:0}.lesson-ticket-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.lesson-ticket-header>span:first-child{letter-spacing:.5px;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.lesson-ticket-header small{color:#777;letter-spacing:1px;font-size:9px}.lesson-ticket-status{white-space:nowrap;background:#f3f3f3;border-radius:6px;align-items:center;gap:4px;padding:4px 7px;font-size:11px;display:inline-flex}.lesson-ticket-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 24px;padding:20px;display:grid}.lesson-ticket-date{align-items:center;gap:12px;display:flex}.lesson-ticket-date-stamp{color:#fff;background:#191919;border-radius:9px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:60px;padding:8px 4px;display:flex}.lesson-ticket-date-stamp>span{opacity:.8;font-size:10px}.lesson-ticket-date-stamp>strong{font-size:28px;font-weight:500;line-height:1.2}.lesson-ticket-caption{color:#777;font-size:11px;display:block}.lesson-ticket-date h2{margin:2px 0;font-size:20px;font-weight:500;line-height:1.4}.lesson-ticket-date time{color:#666;font-size:12px}.lesson-ticket-time{font-variant-numeric:tabular-nums;letter-spacing:-.5px;white-space:nowrap;align-items:center;gap:10px;font-size:26px;font-weight:500;line-height:1.3;display:flex}.lesson-ticket-time-line{background:#aaa;flex-shrink:0;width:18px;height:1px}.lesson-ticket-zone{color:#777;align-items:center;gap:5px;margin-top:5px;font-size:10px;display:flex}.lesson-ticket-student{grid-column:1/-1;align-items:center;gap:8px;display:flex}.lesson-ticket-student svg{color:#777;flex-shrink:0}.lesson-ticket-student>div{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;display:flex}.lesson-ticket-student strong{overflow-wrap:anywhere;font-size:14px;font-weight:500}.lesson-ticket-deadlines{color:#777;border-top:1px solid #eee;flex-wrap:wrap;gap:6px 20px;margin:0 20px;padding:12px 0;font-size:11px;line-height:1.6;display:flex}.lesson-ticket-deadlines strong{color:#444;font-weight:400}.lesson-ticket-stub{background:#fafafa;border-left:2px dashed #ddd;flex-direction:column;justify-content:space-between;gap:16px;padding:20px;display:flex;position:relative}.lesson-ticket-stub:before,.lesson-ticket-stub:after{content:"";background:#f7f7f7;border:1px solid #dedede;border-radius:50%;width:18px;height:18px;position:absolute;left:-10px}.lesson-ticket-stub:before{top:-10px}.lesson-ticket-stub:after{bottom:-10px}.lesson-ticket-stub h3{margin:0 0 4px;font-size:14px;font-weight:500}.lesson-ticket-reference{color:#777;font-size:10px}.lesson-ticket-reference span{color:#555;letter-spacing:1px;font-variant-numeric:tabular-nums;margin-left:5px}.lesson-ticket-actions{gap:8px;display:grid}.lesson-ticket-actions .button{gap:6px;width:100%;min-height:44px;padding:9px 12px;font-size:13px}.lesson-ticket-actions p{color:#777;font-size:11px;line-height:1.6}.lesson-ticket-actions p a{text-underline-offset:3px;color:#333;align-items:center;min-height:32px;text-decoration:underline;display:inline-flex}@media (max-width:1000px){.lesson-ticket-body{grid-template-columns:1fr;gap:12px}.lesson-ticket-schedule{margin-left:72px}}@media (max-width:620px){.lesson-ticket{grid-template-columns:minmax(0,1fr)}.lesson-ticket-header{padding:12px 16px}.lesson-ticket-body{gap:12px;padding:16px}.lesson-ticket-schedule{margin-left:0}.lesson-ticket-time{font-size:25px}.lesson-ticket-deadlines{gap:4px 16px;margin:0 16px}.lesson-ticket-stub{border-top:2px dashed #ddd;border-left:0;gap:12px;padding:14px 16px}.lesson-ticket-stub>div:first-child{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;display:flex}.lesson-ticket-stub h3{margin:0}.lesson-ticket-stub:before{top:-10px;left:-10px}.lesson-ticket-stub:after{inset:-10px -10px auto auto}.lesson-ticket-actions{grid-template-columns:1fr 1fr}.lesson-ticket-actions p{grid-column:1/-1}}@media (max-width:380px){.lesson-ticket-header small{display:none}}