*{box-sizing:border-box;margin:0;padding:0}
:root{
  --biz-heading:#061b31;
  --biz-text:#0f172a;
  --biz-body:#64748d;
  --biz-border:rgba(15,23,42,0.06);
  --biz-border-strong:rgba(15,23,42,0.09);
  --biz-shadow-1:rgba(50,50,93,0.06) 0 2px 5px -1px,rgba(0,0,0,0.03) 0 1px 3px -1px;
  --biz-shadow-2:rgba(50,50,93,0.09) 0 6px 14px -4px,rgba(0,0,0,0.04) 0 2px 6px -2px;
  --biz-shadow-3:rgba(50,50,93,0.14) 0 14px 30px -8px,rgba(0,0,0,0.06) 0 4px 10px -3px
}
body{font-family:'Pretendard','Apple SD Gothic Neo',sans-serif;background:#fafaf8;color:var(--biz-text);font-feature-settings:"ss01","tnum";-webkit-font-smoothing:antialiased}
.shell{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden}
.sidebar{background:#0a1628;color:#e2e8f0;display:flex;flex-direction:column;height:100vh;overflow-y:auto}
#biz-shell{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden}
#biz-shell .sidebar{background:#0a1628;color:#e2e8f0;display:flex;flex-direction:column;height:100vh;overflow-y:auto}
#biz-shell .main{display:flex;flex-direction:column;height:100vh;overflow-y:auto}
#biz-shell .topbar{background:#fff;border-bottom:1px solid var(--biz-border);padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:56px;position:sticky;top:0;z-index:100;flex-shrink:0}
#biz-shell .content{padding:24px 28px;flex:1}
.sb-brand{padding:22px 20px 18px;border-bottom:1px solid rgba(255,255,255,.05)}
.sb-brand-logo{display:flex;align-items:center;gap:9px;text-decoration:none;margin-bottom:10px}
.sb-brand-box{width:28px;height:28px;background:#03C75A;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sb-brand-text{font-size:14px;font-weight:700;color:#fff;letter-spacing:-0.02em}
.sb-brand-badge{font-size:10px;font-weight:700;color:#03C75A;background:rgba(3,199,90,.15);padding:2px 7px;border-radius:4px;border:1px solid rgba(3,199,90,.3)}
.sb-user{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.05)}
.sb-user-name{font-size:13px;font-weight:700;color:#fff;margin-bottom:2px}
.sb-user-email{font-size:11px;color:#64748b}
.sb-user-badge{display:inline-block;font-size:10px;font-weight:700;color:#03C75A;background:rgba(3,199,90,.12);padding:2px 8px;border-radius:4px;margin-top:5px}
.sb-nav{flex:1;padding:14px 10px;display:flex;flex-direction:column;gap:1px;overflow-y:visible}
.sb-nav a{position:relative;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:7px;font-size:13px;font-weight:500;color:#94a3b8;text-decoration:none;letter-spacing:-0.01em;transition:color .12s ease,background .12s ease}
.sb-nav a:hover{background:rgba(255,255,255,.04);color:#e2e8f0}
.sb-nav a.active{background:rgba(255,255,255,.06);color:#fff;font-weight:600}
.sb-nav a.active::before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:2px;height:16px;background:#03C75A;border-radius:0 2px 2px 0}
.sb-nav a svg{opacity:.55;flex-shrink:0;transition:opacity .12s ease}
.sb-nav a:hover svg{opacity:.85}
.sb-nav a.active svg{opacity:1;color:#03C75A}
.sb-divider{height:1px;background:rgba(255,255,255,.05);margin:10px 2px}
.sb-section{display:flex;flex-direction:column;gap:1px}
/* 정렬 모드 토글 + 초기화 */
.sb-sort-toolbar{display:flex;align-items:center;gap:6px;padding:0 4px 8px;margin-bottom:4px}
.sb-sort-toggle{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#94a3b8;font-size:11.5px;font-weight:600;cursor:pointer;letter-spacing:-.01em;transition:all .12s}
.sb-sort-toggle:hover{background:rgba(255,255,255,.08);color:#e2e8f0;border-color:rgba(255,255,255,.12)}
.sb-sort-toggle.is-on{background:rgba(13,148,136,.2);border-color:rgba(13,148,136,.45);color:#5eead4}
.sb-sort-toggle.is-on .sb-sort-toggle-label::after{content:" 완료"}
.sb-sort-reset{padding:6px 10px;background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#94a3b8;font-size:11px;font-weight:600;cursor:pointer;transition:all .12s}
.sb-sort-reset:hover{background:rgba(255,255,255,.06);color:#fbbf24}
/* 정렬 모드 진입 시 시각 피드백 */
.sb-nav.is-sorting .sb-section a{cursor:grab;border:1px dashed rgba(255,255,255,.15);background:rgba(255,255,255,.02)}
.sb-nav.is-sorting .sb-section a:hover{background:rgba(255,255,255,.06);border-color:rgba(13,148,136,.4)}
.sb-nav.is-sorting .sb-section a:active{cursor:grabbing}
.sb-nav.is-sorting .sb-section a.sortable-chosen{opacity:.7}
.sb-nav.is-sorting .sb-section a.sortable-ghost{opacity:.3;background:rgba(13,148,136,.15)}
/* 정렬 모드 시 클릭 차단 (드래그만 가능) */
.sb-nav.is-sorting .sb-section a{pointer-events:auto}

.sb-pro{margin-left:auto;padding:1px 5px;background:linear-gradient(90deg,#ec4899 0%,#8b5cf6 50%,#3b82f6 100%);color:#fff;border-radius:3px;font-size:8px;font-weight:800;letter-spacing:0.04em;flex-shrink:0;text-shadow:0 1px 0 rgba(0,0,0,0.08)}
.sb-nav a.active .sb-pro{filter:brightness(1.05)}
.pro-badge{display:inline-flex;align-items:center;padding:1px 6px;background:linear-gradient(90deg,#ec4899 0%,#8b5cf6 50%,#3b82f6 100%);color:#fff;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:0.04em;margin-left:5px;vertical-align:middle;text-shadow:0 1px 0 rgba(0,0,0,0.08)}
.sb-footer{padding:14px 20px;border-top:1px solid rgba(255,255,255,.05);background:#0a1628}
.sb-footer a{font-size:11px;color:#475569;text-decoration:none;display:block;margin-bottom:4px}
.sb-footer a:hover{color:#94a3b8}
.main{display:flex;flex-direction:column;height:100vh;overflow-y:auto}
.topbar{background:#fff;border-bottom:1px solid var(--biz-border);padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:56px;position:sticky;top:0;z-index:100;flex-shrink:0}
.topbar-title-wrap{display:flex;align-items:center;gap:10px}
.topbar-title{font-size:15px;font-weight:600;color:var(--biz-heading);letter-spacing:-0.02em;display:flex;align-items:center;gap:8px}
.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#1f2937;cursor:pointer}
.topbar-actions{display:flex;gap:8px}
.topbar-cmdk{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 10px 0 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748d;font-size:12.5px;font-weight:500;letter-spacing:-0.005em;cursor:pointer;font-family:inherit;transition:border-color .12s,color .12s,background .12s}
.topbar-cmdk:hover{border-color:#03C75A;color:var(--biz-heading);background:#fff}
.topbar-cmdk kbd{font-family:inherit;font-size:10px;font-weight:600;color:#64748d;background:#fff;border:1px solid #e2e8f0;padding:1px 5px;border-radius:4px;letter-spacing:0}
@media(max-width:980px){.topbar-cmdk span{display:none}.topbar-cmdk kbd{display:none}}
.mobile-sidebar-overlay{display:none}
body.sidebar-open{overflow:hidden}
.content{padding:24px 28px;flex:1}
.btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .15s;font-family:inherit}
.btn-primary{background:#03C75A;color:#fff}.btn-primary:hover{background:#02b350}
.btn-dark{background:#0a1628;color:#fff}.btn-dark:hover{background:#0d2040}
.btn-light{background:#fff;color:#444;border:1.5px solid #ddd}.btn-light:hover{border-color:#03C75A;color:#03C75A}
.btn-danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.btn-danger:hover{background:#fecaca}
.biz-bar{background:#fff;border:1px solid var(--biz-border);border-radius:10px;padding:12px 16px;margin-bottom:18px;font-size:13px;color:#475569;display:flex;align-items:center;gap:10px;flex-wrap:wrap;box-shadow:var(--biz-shadow-1)}
.biz-bar strong{color:#111}
.biz-bar-badge{font-size:11px;font-weight:700;background:#edfbf3;color:#0a7a3e;padding:2px 8px;border-radius:4px}
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.page-head h1{font-size:22px;font-weight:600;color:var(--biz-heading);letter-spacing:-0.03em;margin-bottom:4px}
.page-head p{font-size:13px;color:var(--biz-body);letter-spacing:-0.005em}
.page-head-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.panel{background:#fff;border:1px solid var(--biz-border);border-radius:12px;overflow:hidden;margin-bottom:0;box-shadow:var(--biz-shadow-1)}
.panel-head{padding:14px 18px;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;align-items:center}
.panel-head-title{font-size:14px;font-weight:600;color:var(--biz-heading);letter-spacing:-0.015em}
.panel-head-sub{font-size:12px;color:#03C75A;text-decoration:none;font-weight:700}
.panel-body{padding:16px 18px}
.empty{padding:32px;color:#ccc;text-align:center;font-size:13px}
table{width:100%;border-collapse:collapse}
td,th{padding:10px 12px;border-bottom:1px solid #f5f5f5;font-size:13px;text-align:left}
th{font-size:11px;font-weight:600;color:#64748d;background:#fafafa;letter-spacing:0.02em;text-transform:uppercase}
tr:last-child td{border-bottom:none}
tr:hover td{background:#fafafa}
.badge{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700}
.badge-active{background:#edfbf3;color:#0a7a3e}
.badge-pending{background:#fff7ed;color:#b45309}
.badge-closed{background:#f5f5f5;color:#888}
.badge-selecting{background:#eff6ff;color:#1d4ed8}
.badge-completed{background:#f5f3ff;color:#6d28d9}
.badge-cancelled{background:#fef2f2;color:#991b1b}
.kpis{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin-bottom:20px}
.kpi{background:#fff;border:1px solid var(--biz-border);border-radius:10px;padding:12px 12px 14px;box-shadow:var(--biz-shadow-1);transition:transform .15s ease,box-shadow .2s ease,border-color .15s ease;min-width:0}
.kpi:hover{border-color:var(--biz-border-strong);transform:translateY(-1px);box-shadow:var(--biz-shadow-2)}
.kpi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:4px}
.kpi-label{font-size:10.5px;color:var(--biz-body);font-weight:600;letter-spacing:-0.005em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.kpi-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kpi-val{font-size:22px;font-weight:600;color:var(--biz-heading);letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-val.green{color:#03C75A}.kpi-val.blue{color:#3b82f6}.kpi-val.orange{color:#f59e0b}
@media(max-width:1400px){.kpis{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){
  #biz-shell{grid-template-columns:1fr !important;height:auto;min-height:100vh}
  #biz-shell .sidebar{
    display:flex !important;
    position:fixed !important;
    top:0;
    left:0;
    bottom:0;
    width:280px;
    max-width:86vw;
    height:100vh;
    z-index:1200;
    transform:translateX(-100%) !important;
    transition:transform .22s ease;
    box-shadow:12px 0 28px rgba(2,6,23,.24);
    background:#0a1628 !important;
  }
  #biz-shell.sidebar-open .sidebar{transform:translateX(0) !important}
  #biz-shell .mobile-sidebar-overlay{
    position:fixed;
    inset:0;
    border:0;
    background:rgba(2,6,23,.48);
    z-index:1190;
    cursor:pointer;
  }
  #biz-shell.sidebar-open .mobile-sidebar-overlay{display:block}
}
@media(max-width:600px){.content{padding:16px}.topbar{padding:0 16px}}

/* ── 페이지별 공통 스타일 */
.top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.top h1{font-size:22px;font-weight:600;color:var(--biz-heading);letter-spacing:-0.03em;margin:0 0 4px}
.top p{font-size:13px;color:var(--biz-body);margin:0}
.head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.head h1{margin:0;font-size:22px;font-weight:600;color:var(--biz-heading);letter-spacing:-0.03em}
.title{font-size:22px;font-weight:600;color:var(--biz-heading);letter-spacing:-0.03em;margin-bottom:12px}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.filters select,.filters input{padding:7px 10px;border:1.5px solid #e0e0e0;border-radius:7px;font-size:13px;font-family:inherit}
.filters button,.filters .download{padding:7px 14px;border-radius:7px;font-size:13px;font-weight:700;border:none;cursor:pointer;text-decoration:none;font-family:inherit}
.filters button{background:#03C75A;color:#fff}
.filters .download{background:#fff;border:1.5px solid #ddd;color:#444}
.bulk-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:10px 14px;background:#fff;border:1.5px solid #f0f0f0;border-radius:10px}
.bulk-bar select{padding:6px 10px;border:1.5px solid #e0e0e0;border-radius:6px;font-size:13px;font-family:inherit}
.bulk-bar button{padding:7px 14px;border-radius:6px;background:#0a1628;color:#fff;border:none;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
.muted{font-size:12px;color:#aaa}
.site-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}
.site-card{background:#fff;border:1px solid var(--biz-border);border-radius:12px;padding:16px;box-shadow:var(--biz-shadow-1)}
.site-card .k{font-size:11px;color:var(--biz-body);margin-bottom:4px}
.site-card .v{font-size:22px;font-weight:600;color:var(--biz-heading);letter-spacing:-0.03em;font-variant-numeric:tabular-nums}
.site-card .site-card-header{display:flex;align-items:center;gap:7px;margin-bottom:12px}
.site-card .site-dot{width:8px;height:8px;border-radius:50%}
.site-card .site-name{font-size:12px;font-weight:700;color:var(--biz-heading);letter-spacing:-0.015em}
.site-card .site-metric{margin-bottom:8px}
.site-card .site-metric-label{font-size:10px;color:var(--biz-body);margin-bottom:3px}
.site-card .site-metric-val{font-size:17px;font-weight:600;color:var(--biz-heading);letter-spacing:-0.025em;font-variant-numeric:tabular-nums}
.bar{height:5px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-top:4px}
.bar-fill,.bar i{display:block;height:100%;border-radius:999px;background:#03C75A}
.panel-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-bottom:20px}
.mini-chart{display:flex;flex-direction:column;gap:10px}
.mini-item{display:grid;grid-template-columns:72px 1fr 40px;align-items:center;gap:10px}
.mini-name{font-size:12px;color:#555;font-weight:700}
.mini-bar{height:7px;background:#f1f5f9;border-radius:999px;overflow:hidden}
.mini-bar-fill{display:block;height:100%;border-radius:999px;background:#3b82f6}
.mini-pct{font-size:12px;color:#888;text-align:right;font-weight:600}
.applicant{font-weight:700;font-size:13px}
.truncate{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;background:#eef2ff;color:#3730a3}
.sform{display:flex;gap:6px;align-items:center}
.sform select{padding:4px 7px;border:1.5px solid #e0e0e0;border-radius:5px;font-size:12px;font-family:inherit}
.sform button{padding:4px 10px;border-radius:5px;background:#03C75A;color:#fff;border:none;font-size:12px;font-weight:700;cursor:pointer}
.btn-detail{padding:4px 10px;border-radius:5px;background:#f5f5f5;border:1px solid #e0e0e0;font-size:12px;cursor:pointer;font-family:inherit}
.btn-outline{background:#fff;border:1.5px solid #ddd;color:#444}.btn-outline:hover{border-color:#03C75A;color:#03C75A}
.actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.site-chip{display:inline-block;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:700;background:#f0f0f0;color:#555;margin:2px}
.campaigns-page{display:flex;flex-direction:column;gap:14px}
.campaigns-panel{margin:0}
.exposure-sites{display:flex;flex-wrap:wrap;gap:6px}
.exposure-site-chip{
  display:inline-flex;
  align-items:center;
  font-size:11px;
  line-height:1.3;
  padding:3px 7px;
  background:#f0f9ff;
  border:1px solid #bae6fd;
  border-radius:4px;
  color:#0369a1;
  text-decoration:none;
  margin:0;
}
.card{background:#fff;border:1px solid var(--biz-border);border-radius:12px;padding:22px 24px;margin-bottom:16px;box-shadow:var(--biz-shadow-1)}
.meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#666;margin-bottom:8px}
.section{margin-top:16px}
.section h3{font-size:13px;font-weight:700;color:#888;margin-bottom:6px}
.wrap{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}
.fg{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.fg label{font-size:12px;font-weight:700;color:#555}
.fg input,.fg select,.fg textarea{padding:9px 12px;border:1.5px solid #e0e0e0;border-radius:7px;font-size:13px;font-family:inherit}
.fg textarea{min-height:80px;resize:vertical}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.btns{display:flex;gap:8px;margin-top:16px}
.err{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:14px}
/* ─── 모달 (biz-admin) — main.css 의 .modal 속성 리셋 + 프리미엄 디자인 ─── */
.modal{display:none;position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);z-index:500;align-items:center;justify-content:center;padding:20px;
  /* main.css .modal 속성 상쇄 */
  max-width:none;width:auto;box-shadow:none;transform:none;border-radius:0;padding-top:20px;padding-bottom:20px}
.modal.open{display:flex;animation:bizModalFade .18s ease}
@keyframes bizModalFade{from{opacity:0}to{opacity:1}}
@keyframes bizModalSlide{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.modal-card{background:#fff;border-radius:16px;padding:0;width:100%;max-width:640px;max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column;box-shadow:rgba(15,23,42,.2) 0 24px 48px -8px,rgba(0,0,0,.06) 0 8px 16px -4px;animation:bizModalSlide .22s cubic-bezier(.2,.8,.2,1)}
.modal-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #f1f5f9;flex-shrink:0}
.modal-title{font-size:17px;font-weight:600;color:var(--biz-heading);letter-spacing:-0.025em;margin:0;display:flex;align-items:center;gap:8px}
.close-btn{width:32px;height:32px;padding:0;border-radius:8px;border:0;background:transparent;color:#94a3b8;font-size:15px;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}
.close-btn:hover{background:#f1f5f9;color:#475569}
.close-btn::before{content:"✕";font-weight:500;letter-spacing:0}
.close-btn{font-size:0}

/* 모달 바디 — 스크롤 */
.modal-card > :not(.modal-top){padding:0 22px}
.modal-card > :first-child + *{padding-top:18px}
.modal-card > *:last-child{padding-bottom:22px}
.modal-card{overflow-y:auto}

/* 상세 그리드 — 반응형 2컬럼, 경계선으로 구분 */
.detail-grid{display:grid;grid-template-columns:120px 1fr;gap:0 16px;font-size:13px;margin-bottom:16px;border:1px solid #f1f5f9;border-radius:10px;overflow:hidden}
.detail-k,.detail-v{padding:9px 14px;border-bottom:1px solid #f1f5f9}
.detail-grid > :nth-last-child(-n+2){border-bottom:0}
.detail-k{color:var(--biz-body);font-weight:600;background:#fafaf8;letter-spacing:-0.005em}
.detail-v{color:var(--biz-heading);letter-spacing:-0.01em;word-break:break-word}
.detail-v a{color:#0369a1;text-decoration:none;font-weight:500}
.detail-v a:hover{text-decoration:underline}

.message-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;font-size:13px;margin-bottom:16px;line-height:1.6;color:#334155}
.message-box strong{display:block;font-size:11px;font-weight:600;color:var(--biz-body);letter-spacing:0.04em;text-transform:uppercase;margin-bottom:6px}

.memo-area{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}
.memo-area label{font-size:12px;font-weight:600;color:var(--biz-heading);letter-spacing:-0.01em}
.memo-area textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:9px;font-size:13px;min-height:80px;font-family:inherit;resize:vertical;line-height:1.5;color:var(--biz-text);transition:border-color .12s,box-shadow .12s}
.memo-area textarea:focus{outline:0;border-color:#03C75A;box-shadow:rgba(3,199,90,.15) 0 0 0 3px}
.memo-area button{padding:9px 18px;background:#0a1628;color:#fff;border:0;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;align-self:flex-end;letter-spacing:-0.01em;transition:background .12s,transform .12s}
.memo-area button:hover{background:#111827;transform:translateY(-1px)}
.memo-area.muted{padding:14px;background:#f8fafc;border-radius:10px;color:var(--biz-body);font-size:12.5px;font-style:italic}

@media(max-width:600px){
  .modal{padding:12px}
  .modal-card{max-height:calc(100vh - 24px);border-radius:14px}
  .modal-top{padding:14px 16px}
  .modal-card > :not(.modal-top){padding:0 16px}
  .modal-card > *:last-child{padding-bottom:16px}
  .detail-grid{grid-template-columns:100px 1fr}
  .detail-k,.detail-v{padding:8px 12px;font-size:12.5px}
}
.form-grid{display:flex;flex-direction:column;gap:10px}
.form-row{display:flex;flex-direction:column;gap:4px}
.form-row.full{grid-column:1/-1}
.form-row label{font-size:12px;font-weight:700;color:#555}
.form-row input,.form-row select,.form-row textarea{padding:8px 12px;border:1.5px solid #e0e0e0;border-radius:7px;font-size:13px;font-family:inherit}
.form-row textarea{min-height:80px;resize:vertical}
.site-checks{display:flex;gap:14px;flex-wrap:wrap}
.site-checks label{display:flex;align-items:center;gap:5px;font-size:13px;cursor:pointer}
.submit-wrap{margin-top:14px;text-align:right}
.submit-wrap button{padding:10px 24px;background:#03C75A;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:800;cursor:pointer;font-family:inherit}
.template-create-form{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.template-create-form input,.template-create-form select{padding:5px 8px;border:1.5px solid #e0e0e0;border-radius:6px;font-size:12px;font-family:inherit}
.template-create-form button{padding:5px 10px;background:#03C75A;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer}
.periods{display:flex;gap:6px}
.periods a{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-decoration:none;border:1.5px solid #e0e0e0;color:#666}
.periods a.active{background:#0a1628;color:#fff;border-color:#0a1628}
.site-visual{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.site-donut-wrap,.site-stack-wrap{background:#fff;border:1px solid var(--biz-border);border-radius:12px;padding:18px;box-shadow:var(--biz-shadow-1)}
.site-donut-title,.site-stack-title{font-size:13px;font-weight:700;color:#555;margin-bottom:12px}
.site-donut{width:160px;height:160px;border-radius:50%;margin:0 auto 16px;position:relative;display:flex;align-items:center;justify-content:center}
.site-donut-center{width:100px;height:100px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.site-donut-center .k{font-size:10px;color:#aaa}
.site-donut-center .v{font-size:19px;font-weight:600;color:var(--biz-heading);letter-spacing:-0.025em;font-variant-numeric:tabular-nums}
.site-donut-center .s{font-size:9px;color:#ccc}
.site-legend{display:flex;flex-direction:column;gap:6px}
.site-legend a{display:flex;justify-content:space-between;align-items:center;font-size:12px;text-decoration:none;color:#333;padding:4px 0;border-bottom:1px solid #f5f5f5}
.site-legend .left{display:flex;align-items:center;gap:7px}
.site-legend .dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.site-stack{display:flex;height:36px;border-radius:8px;overflow:hidden;margin-bottom:8px}
.site-stack a{display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;text-decoration:none;transition:opacity .15s}
.site-stack a:hover{opacity:.8}
.stack-help{font-size:11px;color:#aaa}
.chart-hero{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.hero-card{background:#0a1628;border-radius:12px;padding:20px;color:#fff}
.hero-card.alt{background:#0f766e}
.hero-card .k{font-size:11px;color:rgba(255,255,255,.5);margin-bottom:6px}
.hero-card .v{font-size:30px;font-weight:600;letter-spacing:-0.035em;font-variant-numeric:tabular-nums;margin-bottom:4px}
.hero-card .s{font-size:11px;color:rgba(255,255,255,.4)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.trend{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}
.trend-row{display:grid;grid-template-columns:44px 1fr 1fr 48px;gap:8px;align-items:center;text-decoration:none;padding:4px 0;border-bottom:1px solid #f5f5f5}
.trend-row .d{font-size:11px;color:#888;font-weight:600}
.trend-row .bar{height:8px;background:#f1f5f9;border-radius:999px;overflow:hidden}
.trend-row .bar.apps i{display:block;height:100%;background:#3b82f6;border-radius:999px}
.trend-row .bar.selected i{display:block;height:100%;background:#03C75A;border-radius:999px}
.trend-row .n{font-size:11px;color:#888;text-align:right}
.stack{display:flex;flex-direction:column;gap:14px}
.ch{font-size:14px;font-weight:600;color:var(--biz-heading);letter-spacing:-0.015em;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}
.body{padding:0}
.biz-item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}
.biz-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.biz-item h3{font-size:15px;font-weight:600;color:var(--biz-heading);letter-spacing:-0.02em;margin:0 0 12px}
.biz-item .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.biz-item .row{display:flex;flex-direction:column;gap:4px}
.biz-item .row.full{grid-column:1/-1}
.biz-item .row label{font-size:12px;font-weight:700;color:#555}
.biz-item .row input,.biz-item .row select{padding:8px 12px;border:1.5px solid #e0e0e0;border-radius:7px;font-size:13px;font-family:inherit}
.biz-item .actions{margin-top:12px}
.biz-item .actions button{padding:8px 18px;background:#03C75A;color:#fff;border:none;border-radius:7px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
@media(max-width:980px){.site-visual,.chart-hero,.grid,.panel-grid,.wrap{grid-template-columns:1fr}.site-grid{grid-template-columns:repeat(2,1fr)}}

/* ── 모바일 최적화 */
@media(max-width:980px){
  #biz-shell .main{height:auto;min-height:100vh;overflow-x:hidden}
  #biz-shell .topbar{padding:0 14px;height:56px;gap:8px;align-items:center;flex-direction:row}
  #biz-shell .topbar-title-wrap{width:auto;justify-content:flex-start}
  #biz-shell .mobile-menu-btn{display:inline-flex}
  #biz-shell .topbar-title{font-size:14px}
  #biz-shell .topbar-actions{display:none !important}
  #biz-shell .content{padding:14px}
  #biz-shell .campaigns-page{gap:10px}
  #biz-shell .campaigns-panel{border-radius:10px}
  #biz-shell .campaigns-table{display:block;width:100%;table-layout:auto}
  #biz-shell .campaigns-table thead{display:none}
  #biz-shell .campaigns-table tbody{display:block}
  #biz-shell .campaigns-table tr{
    display:block;
    padding:10px 12px;
    border-bottom:1px solid #eef2f7;
  }
  #biz-shell .campaigns-table tr:last-child{border-bottom:none}
  #biz-shell .campaigns-table td{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    padding:5px 0;
    border-bottom:none;
    font-size:12px;
    white-space:normal;
  }
  #biz-shell .campaigns-table td::before{
    content:attr(data-label);
    flex:0 0 56px;
    color:#64748b;
    font-size:11px;
    font-weight:700;
    line-height:1.4;
  }
  #biz-shell .campaigns-table td[data-label="관리"] .actions{justify-content:flex-end}
  #biz-shell .campaigns-table td[data-label="관리"] .actions .btn{padding:6px 8px;font-size:11px}
  #biz-shell .campaigns-table td[data-label="노출 사이트"]{align-items:flex-start}
  #biz-shell .campaigns-table td[data-label="노출 사이트"] .exposure-sites{
    flex:1 1 auto;
    justify-content:flex-end;
  }
  #biz-shell .campaigns-table td[data-label="노출 사이트"] .exposure-site-chip{
    font-size:10px;
    padding:3px 6px;
  }
  /* campaigns 페이지(기존 마크업) 대응: 템플릿 캐시가 남아도 모바일 카드형 적용 */
  #biz-shell .content > section.panel + section.panel > table{
    display:block !important;
    width:100% !important;
    table-layout:auto !important;
    white-space:normal !important;
  }
  #biz-shell .content > section.panel + section.panel > table thead{display:none}
  #biz-shell .content > section.panel + section.panel > table tbody{display:block}
  #biz-shell .content > section.panel + section.panel > table tbody > tr{
    display:block;
    padding:10px 12px;
    border-bottom:1px solid #eef2f7;
  }
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    padding:5px 0;
    border-bottom:none;
    white-space:normal !important;
  }
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(2){
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:6px;
  }
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(2) a{
    margin:0 !important;
    font-size:10px !important;
    padding:3px 6px !important;
    line-height:1.3;
  }
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(4)::before{
    content:'모집';
    color:#64748b;
    font-size:11px;
    font-weight:700;
    margin-right:8px;
  }
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(5)::before{
    content:'신청';
    color:#64748b;
    font-size:11px;
    font-weight:700;
    margin-right:8px;
  }
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(6)::before{
    content:'선정';
    color:#64748b;
    font-size:11px;
    font-weight:700;
    margin-right:8px;
  }
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(4),
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(5),
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(6){
    justify-content:flex-start;
    align-items:center;
    padding:3px 0;
    font-weight:700;
  }
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(7){
    padding-top:8px;
  }
  /* campaigns 모바일 카드 정돈: 제목 > 노출사이트 > 상태 > 모집/신청/선정 > 액션 */
  #biz-shell .campaigns-table tr,
  #biz-shell .content > section.panel + section.panel > table tbody > tr{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:8px 8px;
    padding:12px !important;
    border-radius:10px;
    background:#fff;
    margin-bottom:10px;
    border:1px solid #edf1f7;
  }
  #biz-shell .campaigns-table tr:last-child,
  #biz-shell .content > section.panel + section.panel > table tbody > tr:last-child{
    margin-bottom:0;
  }
  #biz-shell .campaigns-table tr > td,
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td{
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
    min-width:0;
  }
  #biz-shell .campaigns-table tr > td:nth-child(1),
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(1){
    grid-column:1 / -1;
    font-size:14px;
    font-weight:800;
    line-height:1.35;
  }
  #biz-shell .campaigns-table tr > td:nth-child(2),
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(2){
    grid-column:1 / -1;
    display:flex !important;
    flex-wrap:wrap;
    gap:6px;
    align-items:center;
    justify-content:flex-start !important;
  }
  #biz-shell .campaigns-table tr > td:nth-child(2) a,
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(2) a{
    margin:0 !important;
    font-size:10px !important;
    padding:3px 7px !important;
    border-radius:999px !important;
  }
  #biz-shell .campaigns-table tr > td:nth-child(3),
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(3){
    grid-column:1 / -1;
    display:flex !important;
    justify-content:flex-start;
    align-items:center;
    padding-top:2px !important;
    padding-bottom:2px !important;
  }
  #biz-shell .campaigns-table tr > td:nth-child(4),
  #biz-shell .campaigns-table tr > td:nth-child(5),
  #biz-shell .campaigns-table tr > td:nth-child(6),
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(4),
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(5),
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(6){
    display:flex !important;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:4px;
    padding:8px 9px !important;
    border-radius:8px;
    background:#f8fafd;
    font-size:13px;
    font-weight:800;
    color:#111827;
  }
  #biz-shell .campaigns-table tr > td:nth-child(4)::before,
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(4)::before{
    content:'모집';
    font-size:10px;
    font-weight:700;
    color:#64748b;
    margin:0;
  }
  #biz-shell .campaigns-table tr > td:nth-child(5)::before,
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(5)::before{
    content:'신청';
    font-size:10px;
    font-weight:700;
    color:#64748b;
    margin:0;
  }
  #biz-shell .campaigns-table tr > td:nth-child(6)::before,
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(6)::before{
    content:'선정';
    font-size:10px;
    font-weight:700;
    color:#64748b;
    margin:0;
  }
  #biz-shell .campaigns-table tr > td:nth-child(7),
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(7){
    grid-column:1 / -1;
    padding-top:2px !important;
  }
  #biz-shell .campaigns-table tr > td:nth-child(7) .actions,
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(7) .actions{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    justify-content:flex-start;
  }
  #biz-shell .campaigns-table tr > td:nth-child(7) .actions .btn,
  #biz-shell .content > section.panel + section.panel > table tbody > tr > td:nth-child(7) .actions .btn{
    padding:6px 9px !important;
    font-size:11px !important;
    border-radius:8px;
  }
  /* campaigns 2nd-pass polish (mobile only) */
  #biz-shell .content{
    padding-bottom:120px !important;
  }
  #biz-shell .campaigns-page{
    gap:12px;
    padding-bottom:120px !important;
  }
  #biz-shell .campaigns-panel{
    overflow:visible !important;
    border-radius:12px;
  }
  #biz-shell .campaigns-table tr > td:nth-child(7) .actions{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:7px;
    width:100%;
  }
  #biz-shell .campaigns-table tr > td:nth-child(7) .actions > *{
    min-width:0;
  }
  #biz-shell .campaigns-table tr > td:nth-child(7) .actions .btn{
    width:100%;
    text-align:center;
    justify-content:center;
    height:32px;
    line-height:1.2;
  }
  #biz-shell .campaigns-table tr > td:nth-child(7) .actions form{
    margin:0 !important;
  }
  #biz-shell .campaigns-table tr > td:nth-child(3) select{
    width:100%;
    max-width:170px;
    height:32px;
    font-size:12px;
  }
  #biz-shell .campaigns-table tr > td:nth-child(1) a{
    display:block;
    line-height:1.35;
    word-break:break-word;
  }
  #biz-shell .campaigns-table tr > td:nth-child(4),
  #biz-shell .campaigns-table tr > td:nth-child(5),
  #biz-shell .campaigns-table tr > td:nth-child(6){
    min-height:56px;
  }
  #biz-shell .templates-table{
    display:block;
    width:100%;
  }
  #biz-shell .templates-table thead{
    display:none;
  }
  #biz-shell .templates-table tbody{
    display:block;
  }
  #biz-shell .templates-table tbody tr{
    display:block;
    padding:12px;
    margin-bottom:10px;
    border:1px solid #edf1f7;
    border-radius:10px;
    background:#fff;
  }
  #biz-shell .templates-table tbody tr:last-child{
    margin-bottom:0;
  }
  #biz-shell .templates-table tbody td{
    display:flex;
    gap:10px;
    justify-content:space-between;
    align-items:flex-start;
    border:0;
    padding:6px 0;
    white-space:normal;
    font-size:12px;
  }
  #biz-shell .templates-table tbody td::before{
    content:attr(data-label);
    flex:0 0 66px;
    color:#64748b;
    font-size:11px;
    font-weight:700;
    line-height:1.4;
  }
  #biz-shell .templates-table .template-create-form{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
  }
  #biz-shell .templates-table .template-create-form input,
  #biz-shell .templates-table .template-create-form select,
  #biz-shell .templates-table .template-create-form button{
    width:100%;
    height:34px;
    min-width:0;
  }
  #biz-shell .templates-table td[data-label="관리"] .btn{
    width:100%;
    height:32px;
    justify-content:center;
  }
  #biz-shell .content > section.panel + section.panel > table{
    white-space:normal !important;
    overflow:visible !important;
  }
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kpi{padding:12px}
  .kpi-val{font-size:21px}
  .site-grid{grid-template-columns:1fr}
  .support-contact{padding:12px}
  .triple-panel-grid{grid-template-columns:1fr !important}
  table{display:block;overflow-x:auto;white-space:nowrap}
}
@media(max-width:600px){
  .page-head h1,.head h1,.title,.top h1{font-size:18px}
  .mobile-menu-btn{width:32px;height:32px}
  .panel-head{padding:12px 14px}
  .panel-body{padding:12px 14px}
  .kpi-label{font-size:10px}
  .kpi-val{font-size:19px}
  .btn{padding:7px 10px;font-size:12px}
}

/* ── campaign_new 전용 */
.form-section{font-size:13px;font-weight:800;color:#555;padding:10px 0 6px;border-bottom:1px solid #f0f0f0;margin:16px 0 12px}
.form-group{margin-bottom:14px}
.form-label{display:block;font-size:12px;font-weight:700;color:#555;margin-bottom:5px}
.form-label .required{color:#ef4444}
.form-input{width:100%;padding:9px 12px;border:1.5px solid #e0e0e0;border-radius:7px;font-size:13px;font-family:inherit;transition:border-color .15s}
.form-input:focus{outline:none;border-color:#03C75A}
.form-select{width:100%;padding:9px 12px;border:1.5px solid #e0e0e0;border-radius:7px;font-size:13px;font-family:inherit}
.form-textarea{width:100%;padding:9px 12px;border:1.5px solid #e0e0e0;border-radius:7px;font-size:13px;font-family:inherit;min-height:100px;resize:vertical}
.form-hint{font-size:11px;color:#aaa;margin-top:5px}
.alert{padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:14px}
.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}

/* ── settings 전용 */
.stack .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stack .form-grid .row{display:flex;flex-direction:column;gap:4px}
.stack .form-grid .row.full{grid-column:1/-1}
.stack .form-grid .row label{font-size:12px;font-weight:700;color:#555}
.stack .form-grid .row input,
.stack .form-grid .row select{padding:9px 12px;border:1.5px solid #e0e0e0;border-radius:7px;font-size:13px;font-family:inherit;width:100%}
.stack .actions{margin-top:12px}
.stack .actions button{padding:8px 18px;background:#03C75A;color:#fff;border:none;border-radius:7px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}

/* ── ph 패널헤더 */
.ph{padding:12px 18px;border-bottom:1px solid #f5f5f5;font-size:14px;font-weight:800;color:#111;display:flex;justify-content:space-between;align-items:center;background:#fff}

/* reports kpi 3컬럼 */
.kpis:has(.kpi:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}

/* ── Mobile UI v2 quality baseline (biz admin) */
@media (max-width: 980px){
  #biz-shell .ui-mobile-v2{
    --m-gap-1:8px;
    --m-gap-2:12px;
    --m-gap-3:14px;
    --m-radius-1:10px;
    --m-radius-2:14px;
  }
  #biz-shell .ui-mobile-v2 .panel,
  #biz-shell .ui-mobile-v2 .card{
    border-radius:var(--m-radius-2);
    border-color:#e6ebf2;
  }
  #biz-shell .ui-mobile-v2 .btn{
    min-height:34px;
    border-radius:var(--m-radius-1);
    font-weight:700;
  }
  #biz-shell .ui-mobile-v2 .status{
    border-radius:999px;
  }
  #biz-shell .ui-mobile-v2 .site-chip,
  #biz-shell .ui-mobile-v2 .exposure-site-chip{
    border-radius:999px;
  }
}

/* ── 리포트 페이지 (report-*) ────────── */
.report-updated-at{margin:4px 0 0 0;color:#94a3b8;font-size:12px}

/* 툴바 */
.report-toolbar{margin-bottom:16px}
.report-toolbar .toolbar-content{display:grid;gap:14px}
.report-toolbar .toolbar-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid #eef2f7}
.report-toolbar .toolbar-actions-label{font-size:12px;font-weight:800;color:#64748b;letter-spacing:.02em}
.report-toolbar .toolbar-row{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid #eef2f7;border-radius:10px;background:#f8fafc}
.report-toolbar .toolbar-label{font-size:12px;font-weight:800;color:#64748b;min-width:62px;line-height:34px}
.report-toolbar .periods{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.report-toolbar .periods a,.report-toolbar .periods button{height:34px}
.report-toolbar-active{margin:0}

/* 빠른 작업 버튼 */
.report-action-btn{padding:8px 12px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;color:#111;font-weight:700;text-decoration:none;font-size:12px;cursor:pointer;font-family:inherit;transition:border-color .12s,background .12s}
.report-action-btn:hover{border-color:#03C75A;background:#f0fdf4}
.report-action-btn-blue{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
.report-action-btn-blue:hover{border-color:#3b82f6;background:#dbeafe}
.report-action-btn-red{border-color:#fecaca;background:#fff1f2;color:#9f1239}
.report-action-btn-red:hover{border-color:#ef4444;background:#fee2e2}

/* 활성 필터 칩 */
.report-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1.5px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:999px;font-size:11px;font-weight:800;text-decoration:none;transition:border-color .12s,background .12s;height:auto !important}
.report-chip:hover{border-color:#3b82f6;background:#dbeafe}
.report-chip-x{color:#94a3b8;font-weight:700;margin-left:2px}
.report-chip:hover .report-chip-x{color:#1d4ed8}

/* 고급 필터 collapsible */
.report-advanced{border:1.5px dashed #dbeafe;border-radius:10px;padding:8px 10px;background:#f8fbff}
.report-advanced[open]{background:#f0f7ff}
.report-advanced-summary{cursor:pointer;font-size:12px;font-weight:800;color:#1d4ed8;user-select:none;padding:2px 0}
.report-advanced-summary::marker,.report-advanced-summary::-webkit-details-marker{color:#3b82f6}
.report-advanced-body{display:grid;gap:10px;margin-top:10px}

/* 현재 조회 기준 KPI 배너 */
.report-criteria-kpi{grid-column:1/-1}
.report-criteria-text{font-size:13px;color:#475569;margin-top:4px;line-height:1.6}
.report-criteria-text strong{color:#0f172a;font-weight:800}
.report-criteria-sep{color:#cbd5e1;margin:0 6px;font-weight:700}

/* KPI 값을 링크로 쓸 때 */
.kpi-val-link{text-decoration:none;display:block}
.kpi-val-link:hover{opacity:.8}

/* 캠페인 상태 분포 패널 */
.report-status-panel{margin-bottom:12px}
.report-status-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.report-status-caption{font-size:13px;color:#475569}
.report-status-count{font-size:13px;color:#0f172a;font-weight:700}
.report-status-count strong{color:#0f172a;font-weight:900}
.report-status-bar{height:12px;border-radius:999px;overflow:hidden;background:#f1f5f9;border:1px solid #e2e8f0;display:flex}
.report-status-seg{height:100%;transition:opacity .15s}
.report-status-seg:hover{opacity:.85}
.report-status-legend{display:grid;gap:8px;margin-top:10px}
.report-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid #eef2f7;border-radius:8px;background:#f8fafc;text-decoration:none;color:#0f172a;transition:border-color .12s,background .12s}
.report-status-row:hover{border-color:#03C75A;background:#f0fdf4}
.report-status-row-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}
.report-status-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.report-status-row-value{font-size:13px;color:#334155}
.report-status-row-value strong{color:#0f172a;font-weight:900}
.report-status-row-pct{color:#64748b;font-weight:700;font-size:11px}

/* 리포트 그리드 (사이트별 성과 + 캠페인별 성과) */
.report-grid{margin-top:14px}
.report-grid .ph{min-height:46px;display:flex;align-items:center;gap:8px;line-height:1.25}
.report-grid .ph-meta{margin-left:auto;font-size:12px;color:#475569;font-weight:700;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:3px 8px;white-space:nowrap}

/* 캠페인 빈 상태 */
.report-empty-msg{color:#64748b;padding:10px 4px 6px 4px;font-weight:700}
.report-empty-actions{display:flex;gap:8px;flex-wrap:wrap;padding:6px 0 4px 0}
.report-empty-btn{padding:7px 12px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;text-decoration:none;font-weight:700;font-size:12px}
.report-empty-btn:hover{border-color:#03C75A;background:#f0fdf4}
.report-empty-btn-blue{border-color:#dbeafe;background:#eff6ff;color:#1d4ed8}
.report-empty-btn-blue:hover{border-color:#3b82f6;background:#dbeafe}
.report-empty-btn-red{border-color:#fecaca;background:#fff1f2;color:#9f1239}
.report-empty-btn-red:hover{border-color:#ef4444;background:#fee2e2}

/* ── 페이지 도움말 (공용) ── */
#biz-shell .page-help-btn{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:4px 6px;background:transparent;border:1px solid transparent;border-radius:6px;color:#94a3b8;cursor:pointer;line-height:0;transition:all .15s;vertical-align:middle}
#biz-shell .page-help-btn:hover{background:#eff6ff;color:#3b82f6;border-color:#bfdbfe}
#biz-shell .page-help-banner{display:flex;align-items:flex-start;gap:14px;margin:0 0 18px;padding:16px 18px;background:linear-gradient(135deg,#eff6ff 0%,#f0f9ff 100%);border:1px solid #bfdbfe;border-radius:12px;position:relative}
#biz-shell .page-help-banner .phb-icon{font-size:22px;line-height:1;flex-shrink:0;margin-top:2px}
#biz-shell .page-help-banner .phb-body{flex:1;min-width:0;padding-right:20px}
#biz-shell .page-help-banner .phb-title{font-size:14px;font-weight:700;color:#1e3a8a;margin:0 0 5px}
#biz-shell .page-help-banner .phb-desc{font-size:12.5px;line-height:1.65;color:#1e40af;margin:0 0 12px}
#biz-shell .page-help-banner .phb-desc strong{color:#1e3a8a;font-weight:700}
#biz-shell .page-help-banner .phb-desc em{font-style:normal;font-weight:600;color:#1d4ed8;background:#dbeafe;padding:1px 5px;border-radius:4px}
#biz-shell .page-help-banner .phb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
#biz-shell .page-help-banner .phb-card{padding:10px 12px;background:#fff;border:1px solid #dbeafe;border-radius:8px}
#biz-shell .page-help-banner .phb-card-t{font-size:12px;font-weight:700;color:#1e3a8a;margin-bottom:4px}
#biz-shell .page-help-banner .phb-card-d{font-size:11.5px;line-height:1.55;color:#475569}
#biz-shell .page-help-banner .phb-card-d strong{color:#1e293b;font-weight:700}
#biz-shell .page-help-banner .phb-close{position:absolute;top:10px;right:10px;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:6px;color:#64748b;cursor:pointer}
#biz-shell .page-help-banner .phb-close:hover{background:#e0e7ff;color:#1e3a8a}
@media(max-width:640px){
  #biz-shell .page-help-banner{padding:14px;flex-direction:column;gap:10px}
  #biz-shell .page-help-banner .phb-grid{grid-template-columns:1fr}
}

/* =========================================================
   리뷰허브 광고주 — 모바일 공통 보강 (biz-admin 전용)
   목적: iOS 줌 방지, safe-area, 터치 타겟, 가로 스크롤 차단
   ========================================================= */

/* 가로 스크롤 방지 (body 단위) */
html, body { overflow-x: clip; max-width: 100vw; }

/* 탭 하이라이트 통일 */
a, button, [role="button"], input[type="submit"], input[type="button"] {
  -webkit-tap-highlight-color: rgba(15, 23, 42, 0.06);
}

/* 이미지 최대폭 제어 */
img, svg, video { max-width: 100%; height: auto; }

/* iOS safe-area: 사이드바 하단/메인 하단 패딩 */
@supports (padding: env(safe-area-inset-bottom)) {
  #biz-shell .sidebar { padding-bottom: env(safe-area-inset-bottom); }
  #biz-shell .content { padding-bottom: calc(24px + env(safe-area-inset-bottom)); }
}

@media (max-width: 768px) {
  /* iOS 포커스 줌 방지: 입력 요소는 16px 이상 */
  input[type="text"], input[type="email"], input[type="password"],
  input[type="tel"], input[type="number"], input[type="search"],
  input[type="url"], input[type="date"], input[type="time"],
  select, textarea {
    font-size: 16px;
  }

  /* 터치 타겟 44px 보정 */
  #biz-shell .btn,
  #biz-shell .btn-primary,
  #biz-shell .btn-dark,
  #biz-shell .btn-light,
  #biz-shell .sb-nav a,
  #biz-shell .report-action-btn,
  #biz-shell .report-empty-btn,
  #biz-shell .mobile-menu-btn {
    min-height: 44px;
  }

  /* 긴 한글 제목 줄바꿈 */
  #biz-shell .topbar-title,
  #biz-shell .card-title,
  #biz-shell .panel-title {
    word-break: keep-all;
    overflow-wrap: anywhere;
  }

  /* 폼 input/select 내부 패딩 확보 (16px 증가로 높이 커짐) */
  #biz-shell .biz-item .row input,
  #biz-shell .biz-item .row select {
    padding: 10px 12px;
    border-radius: 8px;
  }
}

/* 가로 스크롤 컨테이너 관성 스크롤 */
#biz-shell .topbar,
#biz-shell .tab-bar,
#biz-shell .chip-scroll,
#biz-shell .exposure-sites,
.mobile-sidebar-overlay + .sidebar {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

/* sticky 헤더 앵커 이동 가림 방지 */
#biz-shell { scroll-padding-top: 64px; }

/* 모바일에서 hover 리프트 효과 비활성 (터치 환경 가독성) */
@media (hover: none) {
  #biz-shell .ins-card:hover,
  #biz-shell .mp-cta-card:hover,
  #biz-shell .card:hover {
    transform: none;
  }
}

/* iOS 입력 내장 스타일 제거 */
@media (max-width: 768px) {
  #biz-shell input, #biz-shell textarea {
    -webkit-appearance: none;
    appearance: none;
  }
}