.scope-bar{display:flex;align-items:center;gap:14px;margin:23px 0 17px;flex-wrap:wrap}.scope-bar .segmented button{font-size:10px;padding:6px 12px}.scope-bar .period-select{height:32px}.scope-description{font-size:10px;color:#69758c}.scope-description .text-button{font-size:9px;margin-left:10px}.metrics-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#82708f;background:#f8f4fb;border:1px solid #e9dff0;border-radius:7px;padding:10px 13px;margin-bottom:18px;line-height:1.7}.metrics-note .icon{height:14px;width:14px;flex-shrink:0}.reel-import-modal{max-width:650px}.reel-link-row{display:flex;gap:8px;align-items:center}.reel-link-row input{min-width:0;flex:1}.reel-link-row .button{min-height:40px;font-size:10px;padding:9px 11px}.reel-import-info{font-size:10px;color:#738097;line-height:1.8;margin:0 0 15px}.reel-fields{border:0;padding:0;margin:20px 0 0;min-width:0}.reel-fields select{font-size:12px;color:#34415e;background:#fff;border:1px solid #d8dfec;border-radius:6px;min-height:40px;padding:9px 11px;width:100%}.reel-preview-success{font-size:10px;color:#28774f;line-height:1.8;margin:10px 0}.reel-form-preview{display:flex;gap:15px;align-items:center;padding:15px;background:#f8f9fc;border:1px solid #e3e7ef;border-radius:9px;margin-bottom:20px}.reel-cover-preview{height:110px;width:75px;flex-shrink:0;background:#edeaf8;border:1px solid #e3ddef;border-radius:6px;display:grid;place-items:center;overflow:hidden}.reel-cover-preview>img{width:100%;height:100%;object-fit:cover}.reel-cover-preview>.icon{width:27px;height:27px;color:#a18bbc}.reel-form-preview strong{font-size:12px;font-weight:500}.reel-form-preview p{font-size:9px;color:#7b8598;line-height:1.8;margin:6px 0 10px}.image-file-label{position:relative;overflow:hidden;min-height:30px;font-size:9px!important;padding:6px 9px}.image-file-label input{position:absolute;opacity:0;inset:0;cursor:pointer;width:100%;height:100%}.image-file-label:focus-within{outline:2px solid #7867c5;outline-offset:2px}.reel-metric-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px}.reel-metric-fields .field-label{font-size:10px}.reel-refresh-note{display:flex;gap:8px;align-items:center;border:1px solid #e5e0ef;background:#f8f5fc;color:#88759f;border-radius:6px;padding:11px 12px;font-size:9px;line-height:1.7}.reel-refresh-note .icon{width:14px;height:14px}.detail-source{padding:10px 12px;font-size:9px;line-height:1.8;background:#f8f5fc;border:1px solid #e7dfef;border-radius:7px;color:#847092;margin:12px 0}.detail-source strong{font-weight:500;color:#6b587b;display:block}.detail-source time{color:#75677e}.detail-admin-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.detail-admin-actions .button{font-size:9px;flex:1}.unknown-rate{color:#8a789b!important;background:#f4eff8!important}.reel-bars{padding:24px 23px 27px;display:grid;gap:19px}.reel-bar-row{text-align:left;display:block;padding:0;width:100%;color:#66748d}.reel-bar-label{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;margin-bottom:8px}.reel-bar-label strong{font-weight:500;color:#465370}.reel-bar-track{display:block;overflow:hidden;background:#f0f2fa;height:7px;border-radius:4px}.reel-bar-track i{display:block;height:100%;background:linear-gradient(90deg,#7180ed,#a293d8);border-radius:4px;min-width:2px}.reel-bars-empty{padding:55px 25px;text-align:center;color:#7f899b;font-size:11px;line-height:2}.reel-card-source{font-size:7px;color:#8e789d}.reel-card h2{margin-bottom:10px}.reel-thumbnail.thumbnail-error img{display:none}.reel-thumbnail.thumbnail-error{background:linear-gradient(135deg,#6e70ae,#343b72)}.reel-thumbnail.thumbnail-error:before{content:'Geen thumbnail';position:absolute;inset:0;display:grid;place-items:center;color:#dddaf0;font-size:9px}.data-source-title{font-size:11px;color:#685a7d}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.heading-actions .button{font-size:10px}.reel-import-modal .field-label{position:relative}
@media(max-width:1000px){.heading-actions{flex-direction:row;align-items:center;max-width:310px}.heading-actions .button{font-size:9px}.scope-bar{gap:10px}.reel-link-row .button{font-size:9px}}
@media(max-width:760px){.heading-actions{max-width:155px;flex-direction:column;align-items:stretch}.scope-bar{margin:19px 0 16px;gap:9px}.scope-description{font-size:9px}.metrics-note{font-size:9px;padding:9px 11px}.reel-link-row{flex-direction:column;align-items:stretch}.reel-link-row .button{min-height:35px}.reel-metric-fields{grid-template-columns:repeat(2,1fr);gap:0 10px}.reel-cover-preview{height:100px;width:70px}.reel-form-preview{padding:12px;gap:12px}.reel-bars{padding:22px 17px;gap:17px}.reel-bar-label{font-size:9px}.scope-bar .segmented button{font-size:9px;padding:5px 10px}.reel-refresh-note{font-size:8px}.detail-admin-actions .button{font-size:8px}.detail-source{font-size:8px}}
@media print{.scope-bar .segmented,.metrics-note,.detail-admin-actions{display:none!important}.scope-description{color:#555}.reel-bar-track{background:#eee}.reel-bar-track i{background:#7c79c4}.reel-bars{padding:17px}}