.recordings-head,.recording-filters,.recording-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:end}
.recordings-head{justify-content:space-between;align-items:center}.recordings-head h2{margin:0}
.recording-policy,.recording-item{background:#fff;border:1px solid #d5dce0;border-radius:16px;padding:16px;margin:14px 0;min-width:0}
.recording-policy summary{font-weight:700;cursor:pointer}.recording-policy p{max-width:70ch}
.recording-filters label{display:grid;gap:5px;flex:1 1 160px;min-width:0}.recording-filters input,.recording-filters select{width:100%;min-width:0;box-sizing:border-box;font:inherit;min-height:44px;padding:9px 11px;border:1px solid #c8d2d7;border-radius:10px;background:#fff;color:#172a33}
.recording-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,370px),1fr));gap:14px}
.recording-item{margin:0;overflow-wrap:anywhere}.recording-item h3{margin-top:0}.recording-item audio{width:100%;display:block;margin:12px 0}
.recording-item label{display:flex;align-items:center;gap:8px}.recording-item input[type=checkbox],.recording-policy input[type=checkbox]{width:20px;height:20px;flex:none}
.recording-item a{display:inline-block;margin:12px 0}.recording-message{min-height:1.5em}
#callRecorderStatus{max-width:780px;margin:8px auto 0;padding:0 14px;box-sizing:border-box}
.call-recorder-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;overflow-wrap:anywhere}
.rec-indicator{display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border:1px solid #a8cdb9;border-radius:20px;background:#eff9f3;color:#185a36;font-size:14px;line-height:1.4}
.rec-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:#268449}
.call-recorder-bar.is-paused .rec-indicator{border-color:#d5b37a;background:#fff7e8;color:#75500e}.call-recorder-bar.is-paused .rec-dot{background:#a97411}
.call-recorder-bar .rec-error{flex-basis:100%;margin:0;font-size:14px;line-height:1.4}.call-recorder-bar .btn{margin:0}
.rec-arrival-note{font-size:.94em;line-height:1.4;padding:10px;border-radius:10px;background:#edf5f7}
@media(max-width:540px){.recording-filters label{flex-basis:130px}.recording-filters .btn,.recording-actions .btn{flex:1 1 auto}.recording-item,.recording-policy{padding:12px}}
.recording-storage{background:#fff;border:1px solid #d5dce0;border-radius:16px;padding:16px;margin:14px 0;overflow-wrap:anywhere}
.recording-storage h3{margin:0 0 14px}.recording-storage p{margin:8px 0;font-size:14px}
.recording-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.recording-metrics>div{display:grid;gap:5px;align-content:start;min-width:0}
.recording-metrics span,.recording-metrics small{color:var(--muted,#667680)}.recording-metrics strong{font-size:24px;font-variant-numeric:tabular-nums}
.recording-storage progress{display:block;width:100%;height:16px;margin-top:16px;accent-color:#257d87}
.recording-management{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:14px 0 20px}
.recording-management .btn,.recording-actions .btn{min-height:44px}
.recording-retention{font-weight:600}.recording-pending{color:#805100}
@media(max-width:600px){.recording-metrics{grid-template-columns:1fr 1fr;gap:14px}.recording-metrics strong{font-size:21px}.recording-storage{padding:12px}.recording-management .btn{width:100%}}