.reels-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;margin-top:20px;min-width:0;max-width:100%}.workspace.reels-workspace-hidden{display:none}.reels-head,.reel-client-head,.reel-identity,.reel-progress,.reel-plan-row{display:flex;align-items:center}.reels-head{justify-content:space-between;gap:18px}.reels-head h2{margin:3px 0}.reels-head p{margin:0}.reels-month-nav{display:grid;grid-template-columns:48px minmax(180px,1fr) 48px;gap:8px;max-width:430px;margin:22px auto}.reels-month-nav button{min-height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:750}.reel-client-groups{display:grid;gap:18px}.reel-client-group{border:1px solid var(--line);border-radius:20px;padding:16px;min-width:0}.reel-client-head{gap:12px;margin-bottom:14px}.reel-client-head h3,.reel-client-head p{margin:0}.reel-client-head p{color:var(--muted);font-size:13px}.reel-client-logo{width:52px;height:52px;flex:0 0 52px;border:1px solid var(--line);border-radius:15px;display:grid;place-items:center;overflow:hidden;background:#fff;font-size:11px;font-weight:800}.reel-client-logo img{width:100%;height:100%;object-fit:contain}.monthly-reels-list{display:grid;gap:9px}.monthly-reel{display:grid;grid-template-columns:minmax(130px,.5fr) minmax(300px,1.7fr);gap:16px;align-items:center;padding:13px;border-radius:15px;background:#f8f7f4;min-width:0}.monthly-reel.resolved{background:#efede8;color:#71716a}.reel-identity{display:block}.reel-identity strong,.reel-identity span{display:block}.reel-identity span{font-size:12px;color:var(--muted);margin-top:3px;text-transform:capitalize}.reel-progress{display:grid;grid-template-columns:minmax(130px,.55fr) minmax(170px,1fr) auto;gap:9px;min-width:0}.reel-progress label{font-size:11px;min-width:0}.reel-progress select,.reel-progress textarea{display:block;width:100%;margin-top:4px}.reel-progress select,.reel-progress button{min-height:44px}.reel-progress textarea{resize:vertical}.reels-empty{padding:24px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted)}.reel-plans-dialog{width:min(760px,calc(100% - 24px))}.reel-plans-manager{min-width:0}.reel-plans-list{display:grid;gap:9px;max-height:58vh;overflow:auto}.reel-plan-row{display:grid;grid-template-columns:42px minmax(150px,1fr) auto 90px 90px;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;min-width:0}.reel-plan-row .reel-client-logo{width:40px;height:40px;flex-basis:40px;border-radius:11px}.reel-plan-row input[type=number]{min-height:44px}.reel-plan-active{display:flex;align-items:center;gap:5px}
@media(max-width:700px){.reels-panel{width:100%;padding:16px 12px;border-radius:18px}.reels-head{display:grid;grid-template-columns:1fr}.reels-head button{width:100%;min-height:44px}.reels-month-nav{grid-template-columns:44px minmax(0,1fr) 44px;width:100%;margin:18px 0}.reel-client-group{padding:13px}.reel-client-logo{width:46px;height:46px;flex-basis:46px}.monthly-reel{grid-template-columns:1fr;gap:12px}.reel-progress{grid-template-columns:1fr}.reel-progress button,.reel-progress select,.reel-progress textarea{width:100%}.reel-plans-dialog{width:calc(100% - 16px);max-width:100%;padding:16px 12px}.reel-plan-row{grid-template-columns:42px minmax(0,1fr);align-items:center}.reel-plan-row>span:not(.reel-plan-active),.reel-plan-row>input,.reel-plan-active{grid-column:1/-1}.reel-plan-row>input{width:100%}}