.mt-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.mt-topline p{margin:0}.mt-language{display:flex;align-items:center;gap:.5rem;font-size:.84rem}.mt-language select{max-width:13rem;padding:.4rem .55rem;border:1px solid var(--c-border);border-radius:8px;background:transparent;color:inherit}.mt-language option{color:initial}.mt-hero{display:grid;grid-template-columns:96px 1fr;gap:1.25rem;align-items:center;margin:1.5rem 0}.mt-hero img{width:96px;height:96px}.mt-msg{padding:.8rem 1rem;border:1px solid var(--c-border);border-radius:10px;margin:1rem 0}.mt-msg.ok{border-color:#31a783}.mt-msg.err{border-color:#d14f49}.mt-panel,.mt-item{border:1px solid var(--c-border);border-radius:14px;background:var(--c-surface,transparent);padding:1rem;margin:1rem 0}.mt-pair{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.mt-code{font-size:1.5rem;letter-spacing:.25em;width:9rem;text-align:center;padding:.6rem;border:1px solid var(--c-border);border-radius:9px;background:transparent;color:inherit}.mt-toolbar{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.mt-toolbar .spacer{flex:1}.mt-item__head{display:flex;gap:.6rem;align-items:center}.mt-item__head input[type=text]{flex:1;font-size:1.05rem;font-weight:650}.mt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.85rem}.mt-field{display:flex;flex-direction:column;gap:.3rem}.mt-field label,.mt-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.mt-field input,.mt-field select{width:100%;padding:.55rem;border:1px solid var(--c-border);border-radius:8px;background:transparent;color:inherit}.mt-field select option{color:initial}.mt-days{display:flex;gap:.35rem;flex-wrap:wrap}.mt-day{display:flex;align-items:center;gap:.2rem;border:1px solid var(--c-border);border-radius:999px;padding:.25rem .45rem;font-size:.8rem}.mt-hint{font-size:.84rem;opacity:.68}.mt-danger{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--c-border)}[hidden]{display:none!important}@media(max-width:680px){.mt-hero{grid-template-columns:70px 1fr}.mt-hero img{width:70px;height:70px}.mt-grid{grid-template-columns:1fr}.mt-item__head{align-items:stretch;flex-wrap:wrap}.mt-item__head input[type=text]{flex-basis:100%}}
.st-heading{display:flex;align-items:end;gap:1rem;justify-content:space-between}.st-heading h2{margin-bottom:.25rem}.st-heading input{width:min(100%,20rem)}
.st-custom{margin-top:1rem;padding:.85rem;border:1px solid var(--c-border);border-radius:.7rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.st-custom label{font-weight:650}.st-custom>div{display:flex;gap:.5rem;flex:1;justify-content:flex-end}.st-custom input{width:min(100%,20rem)}
.st-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.55rem;margin-top:1rem;max-height:25rem;overflow:auto;padding-right:.25rem}
.st-choice{appearance:none;border:1px solid var(--c-border);border-radius:.7rem;background:var(--c-surface,transparent);color:inherit;display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center;text-align:left;padding:.7rem;cursor:pointer}.st-choice:hover{border-color:#31dcb2}.st-choice:disabled{cursor:default;opacity:.62}.st-choice small{display:block;opacity:.68;margin-top:.15rem}.st-choice>span:last-child{color:#31dcb2;font-size:.85rem}
.st-dot{display:inline-block;width:.8rem;height:.8rem;border-radius:50%}.st-item-title{display:flex;align-items:center;gap:.55rem;margin-right:auto}.st-item-grid{grid-template-columns:minmax(7rem,.65fr) minmax(10rem,.8fr) minmax(16rem,2fr)}.st-times-field{grid-column:auto}.st-time-list{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.st-time{display:inline-flex;gap:.25rem}.st-time input{width:8rem}.st-time .btn{padding:.45rem .65rem}
@media(max-width:760px){.st-heading{align-items:stretch;flex-direction:column}.st-heading input{width:100%}.st-custom{align-items:stretch;flex-direction:column}.st-custom>div,.st-custom input{width:100%}.st-item-grid{grid-template-columns:1fr 1fr}.st-times-field{grid-column:1/-1}}@media(max-width:480px){.st-custom>div{flex-direction:column}.st-item-grid{grid-template-columns:1fr}.st-times-field{grid-column:auto}.st-catalog{grid-template-columns:1fr}}
