/* 폰(700px 이하) 첫 화면 — 사용자 시안 2026-11-03. PC 화면은 그대로 두고 여기 규칙은 폰에서만 쓴다.
   순서: 맨 위 업체·부가세·기간 → 신규 발주 카드 → 업체 요약·발주 카드 → 건수·수량·구매액 → 작년·증감 → 신규승인 살생물제품 → 조회 칸·나머지 */
.m-only{display:none}

@media(max-width:700px){
  .m-only{display:revert}
  .m-hide{display:none}
  .m-only[hidden],.mHome [hidden]{display:none!important}

  /* 맨 위 제목줄 */
  .workspace header{position:relative;padding:16px 64px 10px 66px;background:linear-gradient(180deg,#e4f1f6 0%,rgba(228,241,246,0) 100%)}
  .workspace header .breadcrumb{display:none}
  .workspace header h1{font-size:21px;margin:2px 0 0;letter-spacing:-.5px}
  .m-brand{display:inline-flex!important;align-items:center;gap:8px;color:#12303c}
  .m-logo{display:inline-flex;align-items:flex-end;gap:3px;height:22px}
  .m-logo b{display:block;width:5px;border-radius:2px;background:#1b6f88}
  .m-logo b:nth-child(1){height:9px;opacity:.6}.m-logo b:nth-child(2){height:15px;opacity:.8}.m-logo b:nth-child(3){height:22px}
  .m-tagline{margin:2px 0 0 35px;font-size:12.5px;color:#61727a}
  .m-bell{position:absolute;right:14px;top:16px;width:42px;height:42px;border-radius:12px;border:1px solid #d6e3e8;background:#fff;font-size:19px;line-height:1;cursor:pointer}
  .m-dot{position:absolute;top:7px;right:8px;width:9px;height:9px;border-radius:50%;background:#e5484d;border:2px solid #fff}

  /* 화면 순서 바꾸기 (HTML 순서는 PC 그대로) */
  .workspace main{display:flex;flex-direction:column}
  .workspace main>*{order:20}
  #mHome{order:1}#dlvNew{order:2}#highlightSection{order:3}#summary{order:4}#yoy{order:5}#biocide{order:6}
  .workspace main>.controls{order:7}#dlvPanel{order:8}#corpGroupPanel{order:9}#attrFilter{order:10}#itemRowBox{order:11}#newBanner{order:12}

  /* 업체 고르기 · 부가세 · 기간 */
  .mHome{display:flex!important;flex-direction:column;gap:10px;margin-bottom:14px}
  .m-corp-sel{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d6e3e8;border-radius:12px;padding:4px 12px;box-shadow:0 1px 3px rgba(16,40,50,.06);font-size:16px;min-height:44px}
  .m-corp-sel select{flex:1;border:0;background:transparent;font:inherit;font-weight:700;color:#12303c;padding:8px 0;min-width:0}
  .m-corp-sel b{color:#12303c}
  .m-opts{display:flex;gap:8px;align-items:stretch}
  .m-vat{display:flex;border:1px solid #c9dbe2;border-radius:10px;overflow:hidden;background:#fff;flex:none}
  .m-vat button{border:0;background:transparent;padding:9px 11px;font:inherit;font-size:13px;color:#4b5f68;cursor:pointer}
  .m-vat button.on{background:#1b6f88;color:#fff;font-weight:700}
  .m-period{flex:1;border:1px solid #c9dbe2;border-radius:10px;background:#fff;font:inherit;font-size:13px;color:#33474f;cursor:pointer;text-align:left;padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .m-period u{color:#1b6f88;font-weight:700;text-decoration:none;margin-left:2px}

  /* 업체 요약 카드 (청록) + 발주 카드 */
  .highlightSection{margin-bottom:14px}
  #highlightCards{display:flex;flex-direction:column;gap:10px}
  .m-sum{position:relative;border-radius:16px;padding:18px 18px 16px;color:#fff;background:linear-gradient(135deg,#165a70 0%,#1f7f97 60%,#2a93a8 100%);box-shadow:0 6px 16px rgba(22,90,112,.25);display:flex;flex-direction:column;gap:6px;overflow:hidden}
  .m-sum-label{font-size:14px;opacity:.95}.m-sum-label small{opacity:.8;margin-left:4px;font-size:12px}
  .m-sum strong{font-size:25px;letter-spacing:-.5px;color:#fff;padding-right:64px}
  .m-sum-sub{font-size:14px;opacity:.9}
  .m-sum-box{position:absolute;right:14px;bottom:12px;font-size:50px;opacity:.9;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}
  .m-order{background:#fff;border:1px solid #d6e3e8;border-radius:14px;padding:12px 14px;box-shadow:0 1px 3px rgba(16,40,50,.06)}
  .m-order-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#61727a}
  .m-new{background:#fff1dc;color:#d26b00;font-weight:800;font-size:11.5px;padding:2px 8px;border-radius:6px}
  .m-order-name{font-size:19px;font-weight:800;color:#12303c;margin:4px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .m-order-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;color:#46595f;margin-top:2px}
  .m-order-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .m-order-row b{font-size:18px;color:#12303c;white-space:nowrap}
  .m-empty{margin:0;padding:12px;font-size:13px;color:#61727a;background:#fff;border-radius:12px;border:1px dashed #d6e3e8}
  .m-more{border:1px solid #c9dbe2;background:#fff;border-radius:10px;padding:10px;font:inherit;font-size:14px;color:#1b6f88;font-weight:700;cursor:pointer}

  /* 건수·수량·구매액 / 작년·증감 타일 */
  .summary{grid-template-columns:1fr 1fr!important;gap:10px;margin-bottom:10px}
  .summary .card:nth-child(3){grid-column:1/-1}
  .summary .card,.yoy-cards .card{border-radius:14px;padding:13px 14px;gap:4px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px}
  .summary .card strong,.yoy-cards .card strong{grid-column:1/-1;font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .summary .card:nth-child(3) strong{font-size:25px}
  .summary .card .label,.yoy-cards .card .label{font-size:13.5px;color:#3e535b}
  .m-ic{display:inline-block!important;font-size:18px;line-height:1}
  .yoy{margin-bottom:14px}
  .yoy>h2{display:none}
  .yoy-cards{grid-template-columns:1fr 1fr!important;gap:10px;margin-bottom:10px}
  .yoy-cards .card:nth-child(1){display:none}
  .yoy-cards .card:nth-child(2){background:#f1f0fa;border-color:#dcd6ee}
  .yoy-cards .card:nth-child(2) strong{font-size:18px}
  .yoy-cards .card strong small.yoy-amt{display:block;font-size:12px;font-weight:500;opacity:.85;margin-top:2px}
  .yoy-cards .card strong small.yoy-amt{white-space:nowrap}

  /* 신규승인 살생물제품: 작은 타일 4개 한 줄 */
  .biocide-cards{grid-template-columns:repeat(4,1fr)!important;gap:6px}
  .biocide-cards .card{padding:10px 4px;align-items:center;text-align:center;gap:4px;border-radius:12px}
  .biocide-cards .card .ic{position:static;width:30px;height:30px;font-size:16px;order:-1}
  .biocide-cards .card .label{font-size:11.5px;line-height:1.25;word-break:keep-all}
  .biocide-cards .card strong{font-size:15px;overflow-wrap:anywhere;white-space:normal}
}
@media print{.m-only,.mHome{display:none!important}}
@media(max-width:700px){
  /* 작년·증감 타일은 바깥 흰 상자 없이, 그래프만 흰 상자에 */
  .yoy{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
  #yoyChart{background:#fff;border:1px solid #d6e3e8;border-radius:14px;padding:8px;box-sizing:border-box}
}

/* 폰: 업체별 조회 결과 전체 화면 */
.m-page{position:fixed;inset:0;z-index:60;background:#f2f6f8;overflow-y:auto;-webkit-overflow-scrolling:touch}
.m-page[hidden]{display:none!important}
body.m-page-open{overflow:hidden}
.m-page-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:6px;padding:12px 10px;background:linear-gradient(180deg,#e4f1f6,#eef5f8);border-bottom:1px solid #d6e3e8}
.m-back,.m-share{flex:none;width:42px;height:42px;border:0;background:transparent;font-size:30px;line-height:1;color:#12303c;cursor:pointer}
.m-share{font-size:22px;color:#1b6f88}
.m-page-title{flex:1;min-width:0;display:flex;flex-direction:column}
.m-page-title b{font-size:19px;color:#12303c}
.m-page-title small{font-size:13px;color:#61727a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-page-body{padding:12px 12px 40px;display:flex;flex-direction:column;gap:12px}
.m-panel{background:#fff;border:1px solid #d6e3e8;border-radius:14px;padding:14px;box-shadow:0 1px 3px rgba(16,40,50,.06)}
.m-panel[hidden]{display:none}
.m-panel h3{margin:0 0 10px;font-size:16px;color:#12303c}.m-panel h3 small{font-size:12px;color:#61727a;font-weight:400}
.m-cp-sum{display:flex;flex-direction:column;gap:6px}
.m-cp-sum span{font-size:15px;color:#33474f}
.m-cp-sum strong{font-size:25px;color:#12303c;letter-spacing:-.5px}
.m-cp-table{padding:0;overflow-x:auto}
.m-cp-table table{width:100%;border-collapse:collapse;font-size:14px}
.m-cp-table th{background:#f1f6f8;color:#46595f;font-weight:600;text-align:left;padding:10px 8px;white-space:nowrap;border-bottom:1px solid #d6e3e8}
.m-cp-table td{padding:11px 8px;border-bottom:1px solid #edf2f4;vertical-align:top;color:#1c2e35}
.m-cp-table td:nth-child(2),.m-cp-table td:nth-child(3){white-space:nowrap}
.m-cp-table tr:last-child td{border-bottom:0}
.m-empty-td{color:#61727a;text-align:center}
.m-slot canvas{max-width:100%}
.m-slot #yoyChart{border:0!important;padding:0!important}
@media(min-width:701px){.m-page{display:none!important}}
@media print{.m-page{display:none!important}}
@media(max-width:700px){.m-sum,.m-order{cursor:pointer}.m-sum::after{content:'자세히 ›';position:absolute;right:16px;top:16px;font-size:12.5px;opacity:.85}}
.m-slot{position:relative;width:100%}

/* 폰: 업체 분석 / 비교 (시안 ③) */
@media(max-width:700px){
  #mAnalysisHead{order:13}#breakdown{order:14}#corpCompare{order:15}
  .m-sec-head{margin:10px 0 10px}
  .m-sec-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:20px;color:#12303c;letter-spacing:-.5px}
  .m-sec-head p{margin:2px 0 0 35px;font-size:12.5px;color:#61727a}

  /* 탭: 3개 + 4개 두 줄 */
  .breakdown-tabs{display:grid!important;grid-template-columns:repeat(12,1fr);gap:0;background:#fff;border:1px solid #d6e3e8;border-radius:14px;overflow:hidden;padding:0;margin-bottom:12px}
  .breakdown-tabs .seg-btn{grid-column:span 3;border:0!important;border-radius:0!important;border-right:1px solid #e3ecef!important;border-bottom:1px solid #e3ecef!important;padding:12px 2px!important;font-size:13.5px;background:#fff;color:#33474f;white-space:nowrap;margin:0!important}
  .breakdown-tabs .seg-btn:nth-child(-n+3){grid-column:span 4}
  .breakdown-tabs .seg-btn:nth-child(n+4){border-bottom:0!important}
  .breakdown-tabs .seg-btn.on{background:#165a70!important;color:#fff!important;font-weight:700}
  .breakdown>.panel{border-radius:14px;border-color:#d6e3e8;box-shadow:0 1px 3px rgba(16,40,50,.06)}
  .breakdown>.panel>h2{font-size:17px}
  [data-tab-panel="corp"]>h2::before{content:'🏆 '}

  /* TOP 10 순위 */
  #corpTable{font-size:14px}
  #corpTable th{background:#f1f6f8}
  #corpTable td{padding:9px 6px;border-bottom:1px solid #edf2f4}
  #corpTable .corp-link{text-decoration:none;color:#12303c;font-weight:600;text-align:left}
  #corpTable .hide-corp-btn,#corpTable .ungroup-btn{transform:scale(.8);opacity:.55}
  .rank-no{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-weight:800;font-size:13px;color:#33474f}
  #corpTable tbody tr:nth-child(1) .rank-no{background:linear-gradient(135deg,#ffd75e,#f0b323);color:#6b4a00}
  #corpTable tbody tr:nth-child(2) .rank-no{background:linear-gradient(135deg,#e6ebef,#b9c4cc);color:#3a4750}
  #corpTable tbody tr:nth-child(3) .rank-no{background:linear-gradient(135deg,#f3c29a,#d48a52);color:#5a2d08}
  #corpTable tr.selected-row td{background:#dff1f5}
  #corpTable tr.selected-row .rank-no{background:#165a70;color:#fff}
  #corpTable tr.selected-row td:first-child{border-radius:10px 0 0 10px}
  #corpTable tr.selected-row td:last-child{border-radius:0 10px 10px 0}

  /* 업체 비교 (연도별) */
  .corpCompare{border-radius:14px;border-color:#d6e3e8;box-shadow:0 1px 3px rgba(16,40,50,.06)}
  .corpCompare .detail-head{flex-direction:column;align-items:flex-start;gap:4px}
  .corpCompare h2{font-size:17px}
  .corpCompare .cc-controls{display:flex;flex-wrap:wrap;gap:8px}
  #ccSearch{order:-1;flex:1 1 100%;box-sizing:border-box;padding:11px 12px 11px 36px;border:1px solid #c9dbe2;border-radius:12px;font-size:15px;background:#f7fafb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2361727a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 11px center}
  #ccAllBtn,#ccClearBtn{border-radius:10px;padding:8px 14px}
  #ccPeriod{flex:1;min-width:0;border:1px solid #c9dbe2;border-radius:10px;padding:8px;font-size:14px;background:#fff}
  .cc-cats{flex-basis:100%}
  .cc-range{display:grid!important;grid-template-columns:1fr;gap:10px;flex-basis:100%;margin-top:4px}
  .cc-range>span{display:grid;grid-template-columns:48px 1fr auto 1fr;align-items:center;gap:6px;font-size:18px;font-weight:600;color:#12303c}
  .cc-range input[type=date]{min-width:0;width:100%;box-sizing:border-box;border:1px solid #c9dbe2;border-radius:10px;padding:9px 6px;font-size:13.5px;background:#fff}
  #ccGoBtn{width:100%;padding:14px;border-radius:12px;font-size:17px;font-weight:700;background:#165a70;color:#fff;border:0;margin-top:4px}
  #ccGoBtn::before{content:'🔍 '}
  #ccSameBtn{justify-self:center;border-radius:10px;font-size:13px}
}
@media(max-width:700px){
  /* 폰 TOP10: 업체명이 한 줄로 보이게 작은 ✕·⊖ 버튼은 PC에서만 */
  #corpTable .hide-corp-btn,#corpTable .ungroup-btn{display:none}
  #corpTable .corp-link{white-space:nowrap}
  #corpTable th:first-child,#corpTable td:first-child{width:34px;padding-left:4px;padding-right:0}
  #corpTable td:first-child .rank-badge{display:none}
  #corpTable th:nth-child(2),#corpTable td:nth-child(2){width:34px;padding:9px 2px;text-align:center}
  #corpTable td:nth-child(4),#corpTable td:nth-child(5){white-space:nowrap;text-align:right}
  #ccAllBtn,#ccClearBtn,#ccSameBtn{background:#fff;border:1px solid #c9dbe2;color:#33474f;box-shadow:none}
}
@media(max-width:700px){
  #corpTable{font-size:13.5px;table-layout:auto;width:100%}
  #corpTable td,#corpTable th{padding-left:3px;padding-right:3px}
  [data-tab-panel="corp"]{padding-left:10px;padding-right:10px}
}
@media(max-width:700px){
  .m-install{border:1px dashed #1b6f88;background:#f1f9fb;color:#165a70;border-radius:10px;padding:10px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
  .m-install[hidden]{display:none}
}