.mobile-view-toggle{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:800}
.mobile-view-toggle select{padding:8px}
.compact-alert{display:none;width:10px;height:10px;border-radius:50%;background:transparent}
.compact-alert.active{background:#d92d20;box-shadow:0 0 0 3px #ffe2df}
.position-control{align-items:center;gap:6px;color:#596872;font-size:11px;font-weight:800}
.position-control input{width:64px!important;padding:6px!important;font-size:14px!important}
.item-actions .danger,.note-actions .danger{border-color:#e6b5b1;color:#b42318;background:#fff5f4}
.note-actions{grid-column:1/-1;display:flex;gap:7px;margin-top:8px}
.note-actions button{border:1px solid #d4dce0;border-radius:7px;padding:6px 9px;background:#fff;color:#596872;font-size:11px;font-weight:800}
.detail-history{margin-top:22px}
.detail-history h2{font-size:16px}
#detailHistory{display:grid;border:1px solid var(--line);border-radius:10px;overflow:hidden}
#detailHistory>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-top:1px solid var(--line)}
#detailHistory>div:first-child{border-top:0}
#detailHistory span{display:grid}
#detailHistory small{margin-top:3px;color:var(--muted)}
#detailHistory>b{color:var(--teal);font-variant-numeric:tabular-nums}
body.compact-list .material-row:not(.compact-expanded){display:grid!important;grid-template-columns:minmax(0,1fr) auto 58px 86px!important;align-items:center!important;gap:8px 10px!important;min-height:54px;padding:8px 14px!important;cursor:pointer}
body.compact-list .material-row:not(.compact-expanded)>*{display:none!important}
body.compact-list .material-row:not(.compact-expanded) .article-title{display:block!important;grid-column:1;min-width:0}
body.compact-list .material-row:not(.compact-expanded) .article-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
body.compact-list .material-row:not(.compact-expanded) .article-title small{display:none!important}
body.compact-list .material-row:not(.compact-expanded) .progress{display:block!important;grid-column:2;font-size:16px;white-space:nowrap}
body.compact-list .material-row:not(.compact-expanded)>input{display:block!important;grid-column:3;width:58px;height:34px;padding:5px 4px;font-size:16px}
body.compact-list .material-row:not(.compact-expanded) .book-actions{display:flex!important;grid-column:4;width:86px;height:34px}
body.compact-list .material-row:not(.compact-expanded) .book-actions .subtract{display:none!important}
body.compact-list .material-row:not(.compact-expanded) .book-actions .book{display:block!important;width:100%;height:34px;padding:5px 8px;font-size:12px}
body.compact-list .material-row:not(.compact-expanded) .item-comment,body.compact-list .material-row:not(.compact-expanded) .item-note{display:block!important;grid-column:1/-1;margin:0;padding:7px 10px;font-size:12px;line-height:1.3}
body.compact-list .material-row:not(.compact-expanded) .compact-alert{display:none!important}
body.compact-list .material-row:not(.compact-expanded).complete{opacity:.72}
body.compact-list .material-row:not(.compact-expanded).overbooked{opacity:1}
body.compact-list .material-row.compact-expanded{outline:2px solid color-mix(in srgb,var(--teal) 30%,transparent);outline-offset:-1px}
@media(min-width:721px){.details-toggle{grid-column:auto}}
@media(max-width:720px){.mobile-view-toggle{grid-column:1/-1}body.compact-list .material-row:not(.compact-expanded){grid-template-columns:minmax(0,1fr) auto 52px 68px!important;gap:6px!important;min-height:46px;padding:6px 8px!important}body.compact-list .material-row:not(.compact-expanded) .article-title strong{font-size:13px}body.compact-list .material-row:not(.compact-expanded) .progress{font-size:12px}body.compact-list .material-row:not(.compact-expanded)>input{width:52px;height:32px;padding:4px 3px}body.compact-list .material-row:not(.compact-expanded) .book-actions{grid-column:4;width:68px;height:32px}body.compact-list .material-row:not(.compact-expanded) .book-actions .book{height:32px;padding:4px;font-size:11px}}