.material-order-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.material-order-toolbar .input-with-icon{flex:1;max-width:34rem}.material-order-toolbar input{width:100%}.material-order-layout{display:grid;grid-template-columns:minmax(14rem,22rem) minmax(0,1fr);gap:20px;align-items:start}.material-order-textbooks{display:grid;gap:8px;max-height:72vh;overflow:auto;padding-right:4px}.material-order-textbook{display:grid;gap:5px;width:100%;padding:14px;text-align:left;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);cursor:pointer}.material-order-textbook:hover,.material-order-textbook.active{border-color:var(--accent);background:var(--accent-soft)}.material-order-textbook span,.material-order-textbook small{color:var(--muted);font-size:12px}.material-order-detail{min-width:0}.material-order-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.material-order-detail-head h2{margin:4px 0;font-size:1.35rem}.material-order-detail-head p{margin:0}.material-order-help{margin-bottom:12px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:13px}.material-order-row{display:grid;grid-template-columns:24px 58px minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:11px 12px;margin-bottom:8px;border:1px solid var(--line);border-radius:7px;background:var(--panel);transition:border-color .15s,background .15s}.material-order-row:hover,.material-order-row.is-initial{border-color:var(--accent);background:var(--accent-soft)}.material-order-row[draggable=true]{cursor:grab}.material-order-handle{color:var(--muted);letter-spacing:-2px}.material-order-number{font-weight:700;color:var(--accent)}.material-order-main{min-width:0;display:grid;gap:3px}.material-order-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-order-links,.material-order-actions{display:flex;gap:5px;align-items:center}.material-order-initial{display:flex;gap:5px;align-items:center;white-space:nowrap;color:var(--muted);font-size:12px}.material-order-initial input{accent-color:var(--accent)}.material-order-page .feedback-note{margin-bottom:12px}.material-order-page .icon-button{min-width:32px;min-height:32px}.material-order-page .accent-button{white-space:nowrap}@media (max-width:900px){.material-order-layout{grid-template-columns:1fr}.material-order-textbooks{max-height:18rem}.material-order-detail-head{flex-direction:column}.material-order-row{grid-template-columns:20px 48px minmax(0,1fr) auto}.material-order-initial{grid-column:3}.material-order-actions{grid-column:4;grid-row:1 / span 2}.material-order-links{grid-column:3}.material-order-main strong{white-space:normal}}