/* AD//WATCH responsive mobile improvements v0.6
   Presentation only. Data / audit schemas and inspection processes unchanged. */
.mobile-topbar{display:none}
@media(max-width:820px){
  html{scroll-padding-top:78px}
  body{font-size:14px;-webkit-text-size-adjust:100%}
  .mobile-topbar{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    background:#fff;padding:12px 13px;margin:0 0 16px;border:1px solid #e2e8f0;
    border-radius:12px;box-shadow:0 5px 18px rgba(20,40,69,.04);
    position:sticky;top:6px;z-index:12
  }
  .mobile-topbar .mobile-logo{
    font-size:13px;letter-spacing:-.35px;font-weight:850;white-space:nowrap;color:#193657;
  }
  .mobile-topbar .mobile-links{display:flex;gap:4px;min-width:0}
  .mobile-topbar .mobile-links a{
    display:inline-flex;align-items:center;justify-content:center;min-height:39px;
    padding:6px 9px;font-size:11px;font-weight:800;white-space:nowrap;
    border-radius:8px;text-decoration:none;color:#667990
  }
  .mobile-topbar .mobile-links a[aria-current="page"]{color:#245fc9;background:#eaf1ff}
  .dashboard-page .layout{display:block}
  .dashboard-page .main{padding:12px 14px 44px;min-width:0}
  .dashboard-page .crumb{display:none}
  .dashboard-page .top{gap:8px;margin-bottom:14px}
  .dashboard-page h1,.history-page h1,.daily-page h1{font-size:23px;line-height:1.24;letter-spacing:-.7px}
  .dashboard-page .top .muted{margin:5px 0 7px}
  .dashboard-page .status{max-width:100%;white-space:normal}
  .dashboard-page .notice{padding:12px;font-size:12px;margin-bottom:14px}
  .dashboard-page .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:13px}
  .dashboard-page .card{padding:15px;border-radius:12px;min-width:0}
  .dashboard-page .metriclabel{font-size:11px;line-height:1.4;min-height:30px;margin-bottom:4px}
  .dashboard-page .num{font-size:27px}
  .dashboard-page .grid{grid-template-columns:1fr;gap:12px;margin-bottom:12px}
  .dashboard-page .panel{padding:16px;min-width:0}
  .dashboard-page .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .dashboard-page .field{min-width:0}
  .dashboard-page .field label{font-size:12px}
  .dashboard-page .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .dashboard-page .actions button:first-child{grid-column:1/-1}
  .dashboard-page button,.daily-page button{min-height:44px}
  .dashboard-page select,.dashboard-page input,
  .daily-page select,.daily-page input,.history-page select{
    font-size:16px;min-height:45px;width:100%;min-width:0
  }
  .dashboard-page .tablehead{padding:16px;display:block}
  .dashboard-page .tablehead h2{margin-bottom:2px}
  .dashboard-page .toolbar{margin-top:10px}
  .dashboard-page .toolbar button{width:100%}
  .dashboard-page .wrap{overflow:visible}
  .dashboard-page .tablepanel{overflow:visible}
  .dashboard-page table{min-width:0;display:block}
  .dashboard-page table thead{display:none}
  .dashboard-page #tbody{display:grid;gap:10px;padding:0 12px 12px}
  .dashboard-page #tbody tr:not(:has(td[colspan])){
    display:grid;grid-template-columns:minmax(0,1fr) auto;grid-auto-rows:min-content;
    background:#fff;border:1px solid #dfe7ef;border-radius:12px;padding:12px;
    box-shadow:0 3px 14px rgba(20,40,64,.045);min-width:0;
  }
  .dashboard-page #tbody td:not([colspan]){
    display:block;min-width:0;border:0;padding:5px 2px;font-size:13px;line-height:1.55;
    overflow-wrap:anywhere;
  }
  .dashboard-page #tbody td:not([colspan])::before{
    display:block;font-size:10px;color:#8b9aab;letter-spacing:.1px;font-weight:750;margin-bottom:3px;
  }
  .dashboard-page #tbody td:nth-child(1){grid-column:1/-1;grid-row:1;padding-bottom:10px!important;margin-bottom:7px;border-bottom:1px solid #edf1f6!important}
  .dashboard-page #tbody td:nth-child(1) .name{font-size:14px;max-width:100%;line-height:1.55}
  .dashboard-page #tbody td:nth-child(1) .name a{word-break:break-word;text-decoration:none}
  .dashboard-page #tbody td:nth-child(1) .url{max-width:100%;font-size:11px}
  .dashboard-page #tbody td:nth-child(2){grid-column:1;grid-row:2}
  .dashboard-page #tbody td:nth-child(2)::before{content:"심의번호"}
  .dashboard-page #tbody td:nth-child(4){grid-column:2;grid-row:2;justify-self:end;text-align:right}
  .dashboard-page #tbody td:nth-child(4)::before{content:"유효기간 상태"}
  .dashboard-page #tbody td:nth-child(3){grid-column:1;grid-row:3}
  .dashboard-page #tbody td:nth-child(3)::before{content:"표시된 종료일"}
  .dashboard-page #tbody td:nth-child(5){grid-column:2;grid-row:3;text-align:right}
  .dashboard-page #tbody td:nth-child(5)::before{content:"다이렉트 관련성"}
  .dashboard-page #tbody td:nth-child(6){grid-column:1/-1;grid-row:4;border-top:1px solid #edf1f6!important;padding-top:10px!important;margin-top:4px}
  .dashboard-page #tbody td:nth-child(6)::before{content:"확인 근거"}
  .dashboard-page #tbody td:nth-child(6) .label{font-size:11px}
  .dashboard-page #tbody tr:has(td[colspan]){display:block;border:1px dashed #d8e2ee;padding:16px;border-radius:10px}
  .dashboard-page #tbody td[colspan]{display:block;text-align:center;border:0;padding:0;white-space:normal}
  .dashboard-page .foot{font-size:11px;padding:12px}
  .history-page .page,.daily-page .shell{padding:12px 14px 55px;min-width:0}
  .history-page header{margin-bottom:15px}
  .history-page header>.btn,.history-page header>div:last-child{display:none!important}
  .history-page .panel,.daily-page .panel{padding:16px;margin:12px 0;min-width:0}
  .history-page .warning,.daily-page .warning{padding:12px;font-size:12px}
  .history-page .stats,.daily-page .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .history-page .card,.daily-page .tile{padding:14px;min-width:0}
  .history-page .value,.daily-page .num{font-size:25px}
  .history-page .cols,.daily-page .criteria{grid-template-columns:1fr;gap:10px}
  .history-page .panel .caption,.daily-page .panel .small{overflow-wrap:anywhere}
  .history-page .scan{overflow-wrap:anywhere}
  .history-page .scan strong{font-size:12px}
  .history-page .empty,.daily-page .empty{padding:13px;overflow-wrap:anywhere}
  .daily-page nav:not(.mobile-topbar){display:none}
  .daily-page .inputs{gap:10px}
  .daily-page .field{min-width:0;flex:1 1 100%}
  .daily-page .inputs button{width:100%}
  .daily-page .legend{gap:5px}
  .daily-page .criterion{padding:12px}
  .daily-page .tablewrap,.history-page .tablewrap{overflow:visible}
  .daily-page table,.history-page #recordDetail table{width:100%;min-width:0;display:block}
  .daily-page table thead,.history-page #recordDetail table thead{display:none}
  .daily-page table tbody,.history-page #recordDetail table tbody{display:grid;gap:9px}
  .daily-page table tbody tr:not(:has(td[colspan])),
  .history-page #recordDetail table tbody tr:not(:has(td[colspan])){
    display:block;background:#fff;border:1px solid #e0e7f0;
    border-radius:11px;padding:11px 12px;min-width:0;
    box-shadow:0 3px 12px rgba(20,40,65,.035)
  }
  .daily-page table tbody td:not([colspan]),
  .history-page #recordDetail table tbody td:not([colspan]){
    border:0;display:flex;align-items:baseline;gap:9px;justify-content:space-between;
    padding:7px 0;font-size:13px;overflow-wrap:anywhere;word-break:break-word;
    min-width:0;line-height:1.6;
  }
  .daily-page table tbody td:not([colspan]):not(:last-child),
  .history-page #recordDetail table tbody td:not([colspan]):not(:last-child){border-bottom:1px solid #f1f4f8}
  .daily-page table tbody td:not([colspan])::before,
  .history-page #recordDetail table tbody td:not([colspan])::before{
    flex:0 0 90px;max-width:90px;font-size:10px;font-weight:750;color:#8293a7;line-height:1.5;
  }
  .daily-page table tbody td[colspan],.history-page #recordDetail td[colspan]{display:block;border:0;text-align:center;padding:13px}
  .daily-page table .url{max-width:min(100%,330px);white-space:normal;overflow-wrap:anywhere;font-size:11px}
  .daily-page #byDate td:nth-child(1)::before{content:"검사일"}
  .daily-page #byDate td:nth-child(2)::before{content:"재검사"}
  .daily-page #byDate td:nth-child(3)::before{content:"페이지 읽기"}
  .daily-page #byDate td:nth-child(4)::before{content:"번호·날짜 확인"}
  .daily-page #byDate td:nth-child(5)::before{content:"검색어"}
  .daily-page #byDate td:nth-child(6)::before{content:"신규 심의필"}
  .daily-page #urlTable td:nth-child(1)::before{content:"검사 URL"}
  .daily-page #urlTable td:nth-child(2)::before{content:"출처"}
  .daily-page #urlTable td:nth-child(3)::before{content:"심의필 수"}
  .daily-page #urlTable td:nth-child(4)::before{content:"접속 결과"}
  .daily-page #approvalTable td:nth-child(1)::before{content:"광고물·심의필"}
  .daily-page #approvalTable td:nth-child(2)::before{content:"종료일"}
  .daily-page #approvalTable td:nth-child(3)::before{content:"검사 시각"}
  .daily-page #approvalTable td:nth-child(4)::before{content:"검증 결과"}
  .daily-page #approvalTable td:nth-child(5)::before{content:"근거 발췌"}
  .daily-page #domains td:nth-child(1)::before{content:"도메인"}
  .daily-page #domains td:nth-child(2)::before{content:"URL 수"}
  .daily-page #domains td:nth-child(3)::before{content:"심의필 수"}
  .daily-page #domains td:nth-child(4)::before{content:"분류"}
  .history-page #recordDetail td:nth-child(1)::before{content:"검사 시각"}
  .history-page #recordDetail td:nth-child(2)::before{content:"상태"}
  .history-page #recordDetail td:nth-child(3)::before{content:"근거"}
  .daily-page #byDate td:first-child,
  .daily-page #urlTable td:first-child,
  .daily-page #approvalTable td:first-child,
  .daily-page #domains td:first-child,
  .history-page #recordDetail td:first-child{
    display:block;border-bottom:1px solid #e8edf3;padding-bottom:10px;margin-bottom:2px;
    font-weight:700
  }
  .daily-page #byDate td:first-child::before,
  .daily-page #urlTable td:first-child::before,
  .daily-page #approvalTable td:first-child::before,
  .daily-page #domains td:first-child::before,
  .history-page #recordDetail td:first-child::before{display:block;max-width:none;margin-bottom:3px}
  .daily-page #approvalTable td:nth-child(5),
  .history-page #recordDetail td:nth-child(3){display:block}
  .daily-page #approvalTable td:nth-child(5)::before,
  .history-page #recordDetail td:nth-child(3)::before{display:block;margin-bottom:6px}
  .daily-page .pill,.history-page .pill{white-space:normal;text-align:center}
}
@media(max-width:440px){
  .mobile-topbar{padding:10px 11px}
  .mobile-topbar .mobile-logo{font-size:12px}
  .mobile-topbar .mobile-links a{padding:6px 6px;font-size:10px}
  .dashboard-page .fields{grid-template-columns:1fr}
  .dashboard-page .main,.history-page .page,.daily-page .shell{padding-left:11px;padding-right:11px}
  .dashboard-page .metriclabel{font-size:10.5px}
  .dashboard-page .tablehead{padding:14px}
  .dashboard-page #tbody{padding:0 10px 10px}
  .daily-page table tbody td:not([colspan])::before{flex-basis:80px;max-width:80px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}