/* Scoped storage-management presentation. Data and deletion workflows unchanged. */
#recording-storage .storage-upload-help{border:1px solid #dfe1e6;border-radius:8px;padding:14px 18px;margin:16px 0;background:#f7f8f9;font-size:14px;line-height:1.65}
#recording-storage .storage-upload-help summary{font-weight:600;cursor:pointer;color:#172b4d}
#recording-storage .storage-upload-help li{margin:8px 0}
#recording-storage .storage-summary button{align-self:flex-start;margin-top:6px}
#workspace #recording-storage{font-family:EverycallPretendard,"Malgun Gothic",sans-serif;color:#172b4d;}
#recording-storage :is(input,select,button,table){font-family:inherit;}
#workspace #recording-storage>h2{font-size:20px;margin:0 0 20px;font-weight:650;}
#workspace #recording-storage .storage-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:20px 0;background:#fff;border:1px solid #dfe1e6;border-radius:8px;}
#workspace #recording-storage .storage-summary>span{display:flex;flex-direction:column;gap:8px;padding:0 24px;border:0;border-radius:0;background:transparent;line-height:1.4;}
#workspace #recording-storage .storage-summary>span+span{border-left:1px solid #dfe1e6;}
#recording-storage .storage-summary small{font-size:13px;font-weight:500;color:#626f86;}
#recording-storage .storage-summary strong{font-size:28px;font-weight:650;letter-spacing:-.5px;color:#172b4d;font-variant-numeric:tabular-nums;}
#workspace #recording-storage>p{font-size:13px;color:#626f86;line-height:1.7;margin:12px 0 20px;}
#workspace #recording-storage .storage-filters{padding:16px;background:#f7f8f9;border:1px solid #dfe1e6;border-radius:8px;gap:12px;margin:16px 0;align-items:end;}
#recording-storage .storage-filters label{font-size:13px;font-weight:600;color:#44546f;}
#workspace #recording-storage .storage-filters :is(input,select,button){height:40px;min-height:40px;border-radius:6px;font-size:14px;padding:8px 12px;margin:0;}
#workspace #recording-storage .storage-filters :is(input,select){background:#fff;border:1px solid #8590a2;color:#172b4d;}
#workspace #recording-storage .storage-filters button[type=submit]{background:#0c66e4;border-color:#0c66e4;color:#fff;}
#workspace #recording-storage button{border-radius:6px;font-size:13px;min-height:36px;}
#workspace #recording-storage>.storage-actions{display:flex;gap:8px;justify-content:flex-end;margin:12px 0;}
#workspace #recording-storage>.storage-actions button:not(:disabled){color:#ae2e24;background:#fff;border:1px solid #e9b4ad;}
#workspace #recording-storage button:disabled{opacity:1;color:#8590a2;background:#f1f2f4;border-color:#dfe1e6;cursor:not-allowed;}
#workspace #recording-storage .storage-table-scroll{border:1px solid #dfe1e6;border-radius:8px;max-height:65vh;overflow:auto;}
#workspace #recording-storage table{width:100%;font-variant-numeric:tabular-nums;}
#workspace #recording-storage .storage-table-scroll thead th{position:sticky;top:0;background:#f7f8f9!important;color:#44546f!important;font-size:13px!important;font-weight:600!important;border:0!important;border-bottom:1px solid #dfe1e6!important;padding:12px!important;}
#workspace #recording-storage .storage-table-scroll tbody td{padding:12px!important;font-size:14px!important;color:#172b4d;border:0!important;border-bottom:1px solid #dfe1e6!important;background:#fff!important;line-height:1.5;}
#workspace #recording-storage .storage-table-scroll tbody tr:hover td{background:#f7f8f9!important;}
#workspace #recording-storage .storage-table-scroll tr>:nth-child(3){width:190px;white-space:nowrap;}
#workspace #recording-storage .storage-table-scroll tr>:nth-child(4){width:125px;text-align:right;white-space:nowrap;}
#workspace #recording-storage .storage-table-scroll tbody td:nth-child(5){font-size:12px!important;color:#626f86;overflow-wrap:anywhere;}
#recording-storage input[type=checkbox]{width:16px;height:16px;accent-color:#0c66e4;}
#recording-storage .pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;color:#44546f;font-size:14px;}
#recording-storage :is(input,select,button):focus-visible,.storage-delete-dialog :is(input,button):focus-visible{outline:2px solid #0c66e4;outline-offset:2px;}
#recording-storage [hidden]{display:none!important;}
.storage-delete-dialog{font-family:EverycallPretendard,"Malgun Gothic",sans-serif;width:min(560px,calc(100vw - 32px));box-sizing:border-box;max-height:88vh;overflow:auto;padding:28px;border:1px solid #dfe1e6;border-radius:12px;color:#172b4d;box-shadow:0 16px 48px #091e4233;}
.storage-delete-dialog::backdrop{background:#091e4277;}
.storage-delete-dialog h2{font-size:20px;margin:0 0 20px;}
.storage-delete-dialog p{font-size:14px;line-height:1.7;}
.storage-delete-dialog label{display:grid;gap:8px;font-size:14px;}
.storage-delete-dialog input{height:40px;box-sizing:border-box;border:1px solid #8590a2;border-radius:6px;padding:8px 12px;font:inherit;}
.storage-delete-dialog .storage-actions{justify-content:flex-end;}
.storage-delete-dialog button{min-height:40px;border-radius:6px;font:inherit;}
.storage-delete-dialog .danger{background:#c9372c;border-color:#c9372c;}
@media(max-width:760px){#workspace #recording-storage .storage-summary{grid-template-columns:1fr;}#workspace #recording-storage .storage-summary>span{padding:14px 16px;font-size:18px;}#recording-storage .storage-filters label{flex:1 1 150px;}}

@media(max-width:760px){#workspace #recording-storage .storage-summary{padding:0;}#workspace #recording-storage .storage-summary>span+span{border-left:0;border-top:1px solid #dfe1e6;}#recording-storage .storage-summary strong{font-size:24px;}}