/* «Создать макет» on the order's «Макет» tab: package, teachers row, general shoots, what is missing, the build screen. */
.ls-teacher-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px 14px 8px 8px;border:0;border-radius:11px;background:#f4f5f6;font:inherit;color:#242522;text-align:left;text-decoration:none;cursor:pointer}
.ls-teacher-row:hover{background:#eeefef}.ls-teacher-row .package-text{flex:1;min-width:0;display:grid;gap:2px}.ls-teacher-row strong{font-size:var(--fs-base);font-weight:600}.ls-teacher-row small{font-size:var(--fs-small);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-teacher-row>.ico{flex:none;color:#9a9b95;transform:rotate(-90deg)}
.ls-faces{display:flex;flex:none;padding-left:8px}.ls-faces i{display:grid;place-items:center;width:38px;height:38px;margin-left:-8px;border:2px solid #f4f5f6;border-radius:50%;overflow:hidden;background:#e4e5e1;font-style:normal;font-size:var(--fs-caption);font-weight:600;color:#6c6f64}.ls-faces img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
#layout-teachers-dialog [data-ls-search]{margin:18px 0 12px}#layout-teachers-dialog .teacher-groups{grid-template-columns:repeat(3,minmax(0,1fr))}#layout-teachers-dialog .teacher-section-head:first-child{margin-top:0}
.ls-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}

.ls-shoot-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.ls-shoot{position:relative;display:flex;flex-direction:column;gap:2px;margin:0;padding:0 0 8px;border:1px solid var(--line,#e6e6e8);border-radius:12px;background:#fff;overflow:hidden;cursor:pointer;text-align:left;color:inherit;font:inherit}
.ls-shoot>input{position:absolute;z-index:1;top:6px;left:6px;width:18px;height:18px;margin:0;accent-color:#242522}
.ls-shoot-cover{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:4/3;margin-bottom:6px;overflow:hidden;background:#f0f0f2;color:#a3a49e}
.ls-shoot-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.ls-shoot strong{padding:0 8px;font-size:var(--fs-small);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls-shoot small{padding:0 8px;font-size:var(--fs-caption);color:var(--muted)}
.ls-shoot.off .ls-shoot-cover,.ls-shoot.off strong{opacity:.45}
.ls-shoot-new{align-items:center;justify-content:center;gap:6px;padding:8px;border-style:dashed;background:transparent;color:var(--muted)}
.ls-shoot-new strong{padding:0;white-space:normal;text-align:center}
.ls-shoot-new:hover{background:#fff;color:#242522}

@media (max-width:560px){
  #layout-teachers-dialog .teacher-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.ls-fit{margin:8px 0 0;font-size:var(--fs-small)}

.v2 #layout-teachers-dialog{padding:0;overflow:hidden;max-height:90dvh}#layout-teachers-dialog>.dialog-heading{padding:22px 24px 12px}#layout-teachers-dialog .ls-picker-body{padding:0 24px;max-height:calc(90dvh - 150px);overflow:auto}#layout-teachers-dialog .ls-picker-footer{margin:0;padding:14px 24px;border-top:1px solid var(--line)}
@media(max-width:700px){#layout-teachers-dialog .teacher-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}

.lr-section .ls-fit{margin:8px 0 0}.lr-section .warn.small{margin:8px 0 0;color:#8a6a00;font-size:var(--fs-small)}
.lr-side .ls-rebuild{margin:0}.lr-side #ls-wait:empty{display:none}.lr-side #ls-wait{font-size:var(--fs-small)}.lr-cancel{justify-self:center;padding:0;font-size:var(--fs-body);color:var(--muted)}
/* the build: the cat looking through photos, a spinner, what is happening */
.ls-building{display:grid;justify-items:center;gap:10px;padding:48px 24px 56px;background:#fff;border:1px solid #e4e5de;border-radius:15px;text-align:center}
.ls-building picture,.ls-building img{width:220px;max-width:60vw;height:auto}
.ls-building h2{margin:6px 0 0;font-size:var(--fs-title)}.ls-building p{margin:0;font-size:var(--fs-body)}
.ls-spinner{width:26px;height:26px;border:2.5px solid #e6e7e1;border-top-color:#242522;border-radius:50%;animation:ls-spin .8s linear infinite}
@keyframes ls-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ls-spinner{animation-duration:2.4s}}