/* Recording history presentation; playback and search behavior stay in existing scripts. */
#recordings{font-family:EverycallPretendard,"Malgun Gothic",sans-serif;color:#172b4d;}
#recordings :is(input,select,button,table){font-family:inherit;}
#workspace #recordings .recording-filters{display:block;padding:16px;background:#f7f8f9;border:1px solid #dfe1e6;border-radius:8px;margin:12px 0 20px;}
#workspace #recordings :is(.recording-filter-main,.recording-filter-secondary){display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#44546f;}
#workspace #recordings .recording-filter-secondary{margin-top:12px;padding-top:12px;border-top:1px solid #dfe1e6;}
#workspace #recordings .recording-filters :is(input,select){height:40px;min-height:40px;border:1px solid #8590a2;border-radius:6px;padding:8px 10px;background:white;font-size:14px;color:#172b4d;}
#workspace #recordings .recording-filters input[type=date]{width:150px;}
#workspace #recordings button{border-radius:6px;font-size:13px;}
#workspace #recordings .recording-filters button{height:40px;min-height:40px;padding:8px 12px;}
#workspace #recordings .recording-filter-main .quick-dates button{height:26px!important;min-height:26px!important;background:white;color:#44546f;border-color:#dfe1e6;}
#workspace #recordings .recording-filter-main>.primary{background:#0c66e4;border-color:#0c66e4;color:white;}
#workspace #recordings .recording-filter-main>.recording-zip{background:white;border-color:#8590a2;color:#172b4d;}
#recordings .recording-action-bar{display:flex;gap:12px;align-items:center;}
#recordings .recording-total{color:#44546f;font-size:14px;}
#workspace #recordings .table-wrap{overflow:auto;max-height:65vh;border:1px solid #dfe1e6;border-radius:8px;}
#workspace #recordings table{min-width:1550px;width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;}
#workspace #recordings table thead th{position:sticky!important;top:0!important;z-index:3;background:#f7f8f9!important;color:#44546f!important;font-weight:600!important;font-size:13px!important;border:0!important;border-bottom:1px solid #dfe1e6!important;padding:12px 8px!important;}
#workspace #recordings table tbody td{font-size:14px!important;padding:10px 8px!important;line-height:1.5;color:#172b4d;border:0!important;border-bottom:1px solid #dfe1e6!important;vertical-align:middle;}
#workspace #recordings table tr:hover td{background:#f7f8f9;}
#workspace #recordings .recording-download-cell button{height:34px;min-height:34px;font-size:13px!important;padding:6px 10px!important;}
#recordings :is(input,select,button,summary):focus-visible{outline:2px solid #0c66e4;outline-offset:2px;}
#recordings [hidden]{display:none!important;}