.workflow-counters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:24px 0}.workflow-counters a{background:#151515;border:1px solid #383838;border-radius:16px;padding:18px;text-decoration:none;min-width:0}.workflow-counters span{font-size:12px;color:#bbb;display:block;line-height:1.5}.workflow-counters strong{font-size:30px;display:block;margin-top:8px}.workflow-counters a:hover{border-color:#ccc}.workflow-filters{display:grid;grid-template-columns:minmax(180px,2fr) minmax(170px,1.5fr) repeat(2,minmax(125px,1fr)) auto;gap:12px;align-items:end;margin:24px 0}.workflow-filters .field{margin:0}.workflow-filters .text-button{grid-column:1/-1;justify-self:start}.workflow-queue{display:grid;gap:10px}.workflow-row{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(150px,auto) 155px 20px;gap:18px;align-items:center;background:#131313;border:1px solid #333;padding:14px 18px;border-radius:16px;text-decoration:none;min-width:0}.workflow-row:hover{background:#1b1b1b;border-color:#777}.workflow-cover{width:56px;height:56px;border-radius:10px;overflow:hidden;background:#252525;display:grid;place-items:center}.workflow-cover img{width:100%;height:100%;object-fit:cover}.workflow-title,.workflow-state,.workflow-date{min-width:0;display:flex;flex-direction:column;gap:5px}.workflow-title strong{overflow-wrap:anywhere;font-size:15px}.workflow-title span,.workflow-date span{font-size:12px;color:#bbb}.workflow-title small,.workflow-state small{color:#888;font-size:11px;overflow-wrap:anywhere}.workflow-date strong{font-size:13px}.workflow-alert{font-size:11px;color:#eee}.workflow-task{grid-column:2/5;font-size:12px;color:#ccc;margin:0}.workflow-arrow{grid-column:5;grid-row:1}.workflow-section{margin:32px 0}.workflow-section h2{font-size:20px}.workflow-calendar{margin-top:32px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-heading{font-size:12px;color:#aaa;padding:10px}.calendar-day{min-width:0;min-height:90px;border-radius:10px;border:1px solid #333;padding:10px;background:#161616}.calendar-day.today{border-color:#ddd}.calendar-day>strong{font-size:12px}.calendar-day a{font-size:11px;display:flex;gap:5px;text-decoration:none;overflow:hidden;margin-top:6px}.calendar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-feedback{padding:14px;border:1px solid #666;border-radius:12px;background:#202020;margin:12px 0;overflow-wrap:anywhere}.workflow-feedback small{display:block;color:#aaa;margin-top:12px}.workflow-feedback p{margin:5px 0;font-size:13px}.workflow-diff{padding:12px 0;border-bottom:1px solid #333;overflow-wrap:anywhere;font-size:13px}.workflow-diff strong{display:block;margin-bottom:6px}.workflow-diff del,.workflow-diff ins{display:block;white-space:pre-wrap;padding:6px 10px;background:#202020;margin:4px 0;text-decoration:none}.workflow-diff del:before{content:'Было: ';color:#999}.workflow-diff ins:before{content:'Стало: ';font-weight:700}.workflow-history{padding:16px 0;border-bottom:1px solid #333}.workflow-history p{font-size:13px}.workflow-checklist{border:1px solid #444;border-radius:12px;padding:14px;margin-bottom:18px;font-size:13px}.workflow-checklist p{margin:8px 0}.review-comment{min-width:0;border:1px solid #444;border-radius:12px;padding:12px;margin:16px 0}.review-comment legend{font-size:12px;color:#bbb;padding:0 5px}.review-corrections .btn{width:100%;margin-top:12px}.workflow-side hr{border:0;border-top:1px solid #444;margin:24px 0}.workflow-side summary{cursor:pointer;padding:14px 0}.workflow-side .field span{font-size:12px}.workflow-side .stack-form{gap:12px}.workflow-side .btn{white-space:normal}.status-changes_requested,.status-delivered{color:#eee;background:#282828;border:1px solid #777}.review-layout .detail-main{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.review-layout .detail-main>section,.review-layout .detail-main>.notice{grid-column:1;min-width:0;margin:0}.review-layout .detail-main>.workflow-side{grid-column:2;grid-row:1/span 8;position:sticky;top:24px;max-height:calc(100dvh - 48px);overflow-y:auto;scrollbar-width:thin}.review-layout.release-detail-layout{grid-template-columns:190px minmax(0,1fr);gap:24px}.review-layout .detail-main .track-line{flex-wrap:wrap}.review-layout .detail-main .track-line>div{min-width:0;flex:1 1 200px}.review-layout .detail-main audio{width:100%}
@media(min-width:1800px){.review-layout.release-detail-layout{grid-template-columns:240px minmax(0,1fr)}.review-layout .detail-main{grid-template-columns:minmax(0,1fr) 350px}}
@media(max-width:1200px){.review-layout .detail-main{display:flex;flex-direction:column}.review-layout .detail-main>.workflow-side{position:static;max-height:none;width:100%;order:-1}.review-layout .detail-main>section,.review-layout .detail-main>.notice{width:100%}.workflow-counters{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-row{grid-template-columns:48px minmax(0,1fr) 150px 130px 15px;gap:12px}.workflow-cover{width:48px;height:48px}}
@media(max-width:768px){.workflow-counters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.workflow-counters a{padding:14px}.workflow-counters strong{font-size:26px}.workflow-row{grid-template-columns:48px minmax(0,1fr) 20px;padding:14px;gap:10px}.workflow-title{grid-column:2}.workflow-arrow{grid-column:3}.workflow-state{grid-column:1/3;grid-row:2;align-items:flex-start}.workflow-date{grid-column:1/3;grid-row:3;flex-direction:row;flex-wrap:wrap;align-items:center}.workflow-task{grid-column:1/-1;grid-row:4}.calendar-title{display:none}.calendar-day{min-height:60px;padding:6px}.calendar-day a{display:inline-block;margin:2px;font-size:18px}.calendar-grid{gap:3px}.calendar-heading{padding:5px;font-size:11px}.workflow-calendar{padding:14px}.workflow-calendar .section-title{flex-wrap:wrap;gap:10px}.review-layout.release-detail-layout{grid-template-columns:minmax(0,1fr)}.review-layout>aside{max-width:400px;width:100%}.workflow-filters .field:first-of-type{grid-column:1/-1}.workflow-section h2{font-size:18px;line-height:1.5}}
.catalog-delete{flex-basis:100%;padding-top:10px;border-top:1px solid #333}.catalog-delete summary{cursor:pointer;font-size:12px;color:#aaa}.catalog-delete .field-help{max-width:450px}.filter-form select{min-width:160px}
@media(prefers-reduced-motion:reduce){.workflow-row{transition:none}}
.workflow-state .status,.release-card .status,.release-detail-layout>aside .status{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.6}.status-platform_review{color:#eee;background:#282828;border:1px solid #777}
