/* 모바일 우선: 작은 화면에서 단일 열, 원문 표는 텍스트 간격과 가로 스크롤로 읽습니다. */
:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#182f29;background:#f5f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:880px;margin:auto;padding:26px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce2d9}.brand{color:#123d32;text-decoration:none;font-size:28px;font-weight:850;letter-spacing:-1px}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:4px}main{max-width:880px;margin:auto;padding:0 24px}button{background:#123d32;border:1px solid #123d32;color:white;border-radius:10px;padding:12px 17px;font:inherit;font-weight:650;cursor:pointer;white-space:nowrap}button:disabled{opacity:.5;cursor:wait}.outline{background:transparent;color:#123d32}input,select{font:inherit;min-width:0;padding:12px;border:1px solid #c7d3cb;border-radius:9px;background:white}input:focus,button:focus-visible,select:focus{outline:3px solid #b8d8ca;outline-offset:2px}.intro{padding:44px 0 30px}.eyebrow{color:#577467;font-size:13px;letter-spacing:2px}h1{font-size:clamp(34px,7vw,52px);line-height:1.2;letter-spacing:-2px;margin:14px 0}h2{font-size:20px;margin:0}.intro>p:last-child,.muted{color:#66776f;font-size:14px;line-height:1.6}.panel{padding:24px;background:white;border:1px solid #dfe5dc;border-radius:18px;margin-bottom:32px}form label{display:block;font-size:13px;margin:18px 0 8px}.row{display:flex;gap:10px;align-items:center}.row>input{flex:1;width:100%}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.chip{display:flex;align-items:center;background:#eef3ed;border-radius:9px;padding:6px 12px;font-size:13px;gap:10px}.chip button{border:0;background:transparent;color:#657a6e;padding:4px}.result{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #edf0e9}.filters{justify-content:space-between;margin:20px 0}.filters label{font-size:13px}.filters input{accent-color:#123d32}.filing{background:white;border:1px solid #dfe5dc;border-radius:14px;padding:20px;margin:12px 0;cursor:pointer}.filing:hover{border-color:#759c84}.filing .meta{display:flex;justify-content:space-between;font-size:12px;color:#65786d}.filing h3{font-size:17px;line-height:1.5;margin:12px 0}.badge{font-size:11px;color:#267449;background:#e5f2e7;padding:4px 8px;border-radius:6px}.error{color:#9e482d}.empty{padding:42px 18px;text-align:center;background:#ebeee6;border-radius:14px;color:#66796c}#message:not(:empty){padding:14px 18px;background:#e4eee2;border-radius:12px;font-size:14px}dialog{border:0;border-radius:18px;width:min(820px,96vw);max-height:90vh;padding:24px;color:#182f29}dialog::backdrop{background:#10281fc0}.reader-links{display:flex;gap:20px;margin:18px 0}.reader-links a{color:#245d42;font-size:14px}pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font:15px/1.9 system-ui;tab-size:4;background:#f8f9f4;padding:18px;border-radius:10px}details{margin-top:16px}summary{cursor:pointer;font-size:13px}footer{font-size:11px;color:#7c8981;padding:44px 0}body:has(dialog[open]){overflow:hidden}@media(max-width:480px){header{padding:20px}main{padding:0 18px}.panel{padding:18px}.intro{padding-top:32px}.filters{align-items:flex-start;flex-direction:column}dialog{padding:18px}.section-head h2{font-size:18px}.reader-links{flex-wrap:wrap}}

/* 상단 회사 등록과 리스트상자, 조회 후 본문을 한 화면에 표시합니다. */ .company-panel{margin-top:24px;margin-bottom:16px}.company-panel h1{font-size:22px;letter-spacing:-.6px;margin:0}.list-label{display:block;font-size:13px;margin:22px 0 8px}#companies{width:100%;padding:6px;height:164px}#companies option{padding:9px 12px;border-radius:6px}#companies option:checked{background:#e1eee2;color:#123d32}.company-actions{margin-top:14px}.company-actions #lookup{flex:1}#bodyPanel{margin-top:18px}#report{width:100%;margin:8px 0 18px}#readerTitle{font-size:20px;line-height:1.5}#bodyPanel pre{margin:16px 0;padding:16px;font-size:15px;line-height:1.85}#companyCount{font-size:13px;color:#65786d}[hidden]{display:none!important}
.notification-bar{padding:0 4px;margin:16px 0}.notification-bar .muted{margin:8px 0}.attachment-toolbar{display:flex;justify-content:flex-end;margin-top:20px}.attachment-toolbar + #bodyPanel{margin-top:10px}.attachment-link{display:block;padding:14px 12px;margin:10px 0;background:#edf3eb;border-radius:9px;color:#245d42;text-decoration:none}#attachmentSource{display:block;margin:20px 0;color:#245d42;font-size:14px}

/* 제목 바와 기본 공시 탭: 리스트상자는 두 탭에서 공유하여 선택을 유지합니다. */
header{max-width:none;background:#1558bc;color:#fff;padding-inline:max(24px,calc((100vw - 832px)/2));border-bottom:0}.brand{color:#fff}header .outline{color:#fff;border-color:#ffffff80}.tabs{display:flex;gap:8px;margin-top:20px}.tabs button{flex:1;background:#fff;color:#1558bc;border-color:#b8cff0;border-radius:10px}.tabs button[aria-selected="true"]{background:#1558bc;color:#fff;border-color:#1558bc}.company-panel{margin-top:16px}.list-label{margin-top:14px}#companies{vertical-align:top}.lookup-button{width:100%;background:#1558bc;border-color:#1558bc}#companiesPane .panel{margin-top:16px}header button:focus-visible{outline-color:#fff}@media(max-width:480px){header{padding:20px 18px}}

/* DUNG 앱의 둥근 상단 탭·선택 표식을 파란색으로 적용합니다. 제목 높이는 패딩에서 조절합니다. */
header{padding-top:14px;padding-bottom:14px}.brand{font-size:25px}.brand span{font-size:8px;margin-top:2px}.tabs{gap:5px;padding:10px 8px 0;margin-top:0;background:#edf1f7;align-items:flex-end}.tabs button{position:relative;min-width:0;min-height:46px;padding:12px 3px 10px;border:1px solid #b1c9e6;border-bottom:3px solid #b1c9e6;border-radius:18px 18px 4px 4px;background:#e4edf9;color:#1558bc;font-size:13px;white-space:nowrap;transition:background .15s,color .15s}.tabs button[aria-selected="true"]{background:#1558bc;color:white;border-color:#1558bc;padding-top:16px;box-shadow:0 3px 7px #153f7526}.tab-selected-mark{display:inline-block;width:1.2em;margin-right:.2em;visibility:hidden}.tabs button[aria-selected="true"] .tab-selected-mark{visibility:visible}#filingCompany{width:100%;margin-bottom:12px}.raised-blue{background:linear-gradient(#3d85e6,#1558bc);color:#fff;border:1px solid #104caa;border-bottom:4px solid #0c367b;box-shadow:0 4px 6px #1558bc30,inset 0 1px 0 #ffffff55;text-shadow:0 1px 1px #10418a}.raised-blue:hover{background:linear-gradient(#5195ee,#1c66d0)}.raised-blue:active:not(:disabled){transform:translateY(2px);border-bottom-width:2px;box-shadow:0 1px 3px #1558bc30}#companiesPane .company-panel{margin-top:20px;margin-bottom:0;padding:18px}#companiesPane .company-actions{margin-top:16px}@media(max-width:480px){header{padding-top:12px;padding-bottom:12px}.tabs{padding-inline:0}}

/* 고정 높이의 체크 목록은 첫 행부터 표시하고, 초과 행은 옆 버튼·스크롤로 조회합니다. */
.company-list-wrap{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px}#companies{display:block;width:100%;height:224px;overflow-y:auto;padding:0;border:1px solid #c7d3cb;border-radius:9px;background:white;scrollbar-gutter:stable}#companies>.muted{padding:8px 12px;margin:0}.company-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;margin:0;border-bottom:1px solid #edf1f7;font-size:14px;cursor:pointer}.company-row input{width:18px;height:18px;flex:none;padding:0;margin:0;accent-color:#1558bc}.company-row span{overflow-wrap:anywhere}.company-row:has(input:checked){background:#e4edf9}.company-scroll{display:flex;flex-direction:column;justify-content:space-between}.company-scroll button{padding:10px 0;color:#1558bc;border-color:#b1c9e6}.attachment-toolbar{justify-content:space-between;gap:10px}.attachment-toolbar button{padding-inline:12px;min-width:0;font-size:14px}

/* 선택한 서류철 탭과 정보 영역은 같은 연한 파란 배경으로 이어집니다. */
.tabs{background:transparent;padding:12px 0 0}.tabs button[aria-selected="true"]{background:#eaf3ff;color:#1558bc;border-bottom-color:#eaf3ff;box-shadow:none;transform:translateY(1px);z-index:1}#companiesTab[aria-selected="true"]{background:#eef4ff;border-bottom-color:#eef4ff}section[role="tabpanel"]{padding:18px;border:1px solid #b1c9e6;border-radius:0 0 16px 16px;margin-bottom:16px}#filingsPane{background:#eaf3ff}#companiesPane{background:#eef4ff}.query-actions>button{flex:1}.query-actions button[aria-pressed="true"]{outline:3px solid #8db7ef;outline-offset:2px}#refreshMode{margin:14px 0 4px}#collectionHours{font-size:12px;margin:0}.filing-list-panel{margin-top:12px;margin-bottom:16px}#reportList{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}#reportList li+li{margin-top:8px}.report-item{display:block;width:100%;text-align:left;white-space:normal;background:#f5f9ff;color:#183d71;border:1px solid #c5d9f3;padding:12px;font-weight:400}.report-item strong{display:block;font-size:14px;line-height:1.5}.report-meta{display:block;font-size:12px;line-height:1.5;color:#66778b;margin-top:6px}.report-item[aria-pressed="true"]{background:#dcecff;border-color:#1558bc}#bodyPanel{margin-bottom:0}#message:empty{display:none}@media(max-width:480px){section[role="tabpanel"]{padding:12px}.query-actions button{padding:12px}}

/* 모바일에서도 알림 끄기·본문 닫기·첨부서류 보기를 같은 줄에 배치합니다. */
@media(max-width:480px){.attachment-toolbar{gap:6px}.attachment-toolbar button{padding-inline:8px;font-size:13px;white-space:nowrap}}

/* 원문의 열·행 병합과 정렬을 유지하고 표 안에서만 좌우로 스크롤합니다. */
.disclosure-document{font-size:14px;line-height:1.65;min-width:0}.disclosure-document p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.disclosure-document h4{font-size:17px;margin:18px 0 10px}.disclosure-table-scroll{max-width:100%;overflow-x:auto;margin:12px 0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-radius:6px}.disclosure-table{border-collapse:collapse;table-layout:fixed;min-width:100%;font-size:13px;background:white}.disclosure-table td,.disclosure-table th{border:1px solid #8896a6;padding:7px 8px;vertical-align:middle;white-space:pre-wrap;overflow-wrap:anywhere}.disclosure-table th{background:#edf3fc}.disclosure-table.borderless td,.disclosure-table.borderless th{border:0;padding:4px 8px}.table-hint{font-size:12px;color:#66778b;margin:8px 0}

/* 계속조회/중단은 aria-pressed 상태에 따라 파란 선택 배경을 서로 이동합니다. */
.query-actions button[aria-pressed="false"]{background:#f4f8ff;color:#1558bc;border:1px solid #b1c9e6;box-shadow:none;text-shadow:none;outline:none}
.query-actions button[aria-pressed="true"]{background:linear-gradient(#3d85e6,#1558bc);color:#fff;border:1px solid #104caa;border-bottom:4px solid #0c367b;box-shadow:0 4px 6px #1558bc30,inset 0 1px 0 #ffffff55;text-shadow:0 1px 1px #10418a;outline:none}

/* 회사별 종가 추이: 모바일에서도 회사명과 가격, 그래프를 한 카드에 표시합니다. */
.stock-panel{margin-bottom:16px}.stock-card{padding:14px 0;border-bottom:1px solid #dfe5dc}.stock-card:last-child{border:0}.stock-card strong{display:block}.stock-card svg{display:block;width:100%;height:64px;margin:8px 0}.stock-card .muted{margin:4px 0;font-size:12px}

/* 각 공시 버튼 바로 아래 회사별 종가와 공시일 세로선을 표시합니다. */
.filing-sparkline{padding:4px 12px 10px;background:#f5f9ff;border-radius:0 0 10px 10px}.filing-sparkline svg{width:100%;height:64px;display:block}.filing-sparkline p{margin:4px 0;font-size:11px}

/* 스파크라인 하단: 시작일 가격은 왼쪽, 공시일 가격은 중앙에 표시합니다. */
.spark-price-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.spark-price-labels strong{font-size:12px;color:#183d71;overflow-wrap:anywhere;text-align:left}.spark-price-labels strong:nth-child(2){color:#bd5636;text-align:center}