/* Shared access-log workspace: light surfaces, compact rows and clear actions. */
#access-logs > h2 {display:none;}
#access-logs .access-log-tabs {display:flex;gap:0;border-bottom:1px solid #dfe1e6;margin:18px 0 16px;align-items:flex-end;}
#access-logs .access-log-tabs button {border:0;border-bottom:3px solid transparent;border-radius:0;margin:0;min-width:140px;min-height:44px;padding:12px 20px;background:white;color:#44546f;font-size:14px;font-weight:400;box-shadow:none;}
#access-logs .access-log-tabs button[aria-selected=true] {border-bottom-color:#0c66e4;color:#0c66e4;font-weight:600;}
#access-logs [role=tabpanel][hidden] {display:none!important;}
#access-history-pane {color:#172b4d;font-size:14px;}
#access-history-pane > p,#access-history-pane > a {color:#44546f;font-size:12px;line-height:1.5;}
#access-logs .access-log-filters {display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:12px 0;background:white;border:0;border-radius:0;margin:8px 0;}
#access-logs .access-log-filters label {display:flex;flex-direction:column;gap:4px;font-size:12px;color:#44546f;margin:0;padding:0;}
#access-logs .access-log-filters label:last-of-type {flex:1;min-width:180px;max-width:360px;}
#access-logs .access-log-filters input {height:40px;min-height:40px;max-width:100%;margin:0;padding:0 12px;border:1px solid #8590a2;border-radius:6px;background:white;color:#172b4d;font-size:14px;box-sizing:border-box;box-shadow:none;}
#access-history-pane button {box-sizing:border-box;min-height:32px;border:1px solid #dfe1e6;border-radius:6px;background:white;color:#172b4d;font-size:14px;font-weight:500;box-shadow:none;padding:6px 16px;}
#access-logs .access-log-filters button {height:40px;min-height:40px;margin:0;align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;}
#access-logs .access-log-filters button.primary {background:#0c66e4;color:white;border-color:#0c66e4;}
#access-history-pane button:not(:disabled):hover {background:#f1f2f4;}
#access-logs .access-log-filters button.primary:not(:disabled):hover {background:#0055cc;}
#access-history-pane button:disabled {background:#f1f2f4;color:#8590a2;opacity:1;}
#access-logs :is(button,input):focus-visible {outline:2px solid #0c66e4;outline-offset:2px;}
#access-history-pane .table-wrap {max-width:100%;max-height:60vh;overflow:auto;border:1px solid #dfe1e6;border-radius:8px;}
#access-history-pane table {width:100%;min-width:1250px;table-layout:auto;border-collapse:collapse;border:0!important;font-variant-numeric:tabular-nums;}
#access-history-pane table thead th {position:sticky!important;top:0!important;z-index:3;background:#f7f8f9!important;color:#44546f!important;border:0!important;border-bottom:1px solid #dfe1e6!important;height:40px;padding:0 16px!important;font-size:13px!important;font-weight:600!important;text-align:left!important;white-space:nowrap;}
#access-history-pane table tbody td {box-sizing:border-box;background:white!important;color:#172b4d!important;border:0!important;border-bottom:1px solid #dfe1e6!important;min-height:44px;padding:12px 16px!important;font-size:14px!important;line-height:1.4!important;text-align:left!important;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;}
#access-history-pane table tbody tr:hover td {background:#f7f8f9!important;}
#access-history-pane table thead th:first-child {left:0;z-index:4;}
#access-history-pane table tbody td:first-child:not([colspan]) {position:sticky;left:0;z-index:1;white-space:nowrap;font-weight:500;}
#access-history-pane table tbody td:nth-child(3),#access-history-pane table tbody td:nth-child(6),#access-history-pane table tbody td:last-child {white-space:nowrap;}
#access-history-pane .pagination {display:flex;gap:16px;align-items:center;justify-content:flex-end;padding:12px 8px;margin:0;background:white;font-size:12px;}
#access-diagnostic-pane .badge {display:inline-block;margin:4px 8px 4px 0;}
#access-diagnostic-pane table {table-layout:auto;}
#access-diagnostic-pane th:first-child {width:170px;}
@media(max-width:700px){#access-logs .access-log-filters{gap:8px;}#access-logs .access-log-filters label:last-of-type{max-width:none;}#access-logs .access-log-tabs button{min-width:0;flex:1;}}
#access-history-pane table tbody td:nth-child(2),#access-history-pane table tbody td:nth-child(4) {white-space:nowrap;}
#access-history-pane table th:nth-child(2) {min-width:130px;}
#access-history-pane table th:nth-child(4) {min-width:88px;}

@font-face {font-family:EverycallPretendard;src:url('fonts/PretendardVariable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap;}
#access-logs,#access-logs :is(button,input,select,textarea,table,th,td,h2,h3,h4,p,label,.badge) {font-family:EverycallPretendard,"Malgun Gothic",sans-serif;}
/* Diagnostic codes retain the intentionally monospaced font. */
#access-logs #device-diagnostic-dialog table td:last-child {font-family:Consolas,monospace;}