/* ATRD SaaS 레이어 — 기존 앱 라이트 테마(#f2f6f4 / #28b96a)에 맞춤 */
:root{
  --atrd-accent:#28b96a; --atrd-accent-dark:#1a8a4c; --atrd-bg:#f2f6f4;
  --atrd-surface:#fff; --atrd-border:#ccddd4; --atrd-text:#1a2e22; --atrd-text2:#5a7a66;
  --atrd-danger:#e53030;
}
/* ── 우상단 플로팅 계정 메뉴 (앱 레이아웃 비침습) ── */
#atrd-acct{position:fixed;top:8px;right:10px;z-index:8000}
#atrd-acct .tg{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--atrd-border);
  border-radius:20px;padding:5px 12px;cursor:pointer;font-size:12px;font-weight:600;color:var(--atrd-text);box-shadow:0 2px 8px rgba(0,0,0,.08)}
#atrd-acct .plan-tag{font-size:10px;font-weight:700;background:var(--atrd-bg);padding:2px 7px;border-radius:10px;color:var(--atrd-accent-dark)}
#atrd-acct .menu{position:absolute;top:38px;right:0;background:#fff;border:1px solid var(--atrd-border);border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.15);overflow:hidden;display:none;min-width:130px}
#atrd-acct .menu.open{display:block}
#atrd-acct .menu a,#atrd-acct .menu button{display:block;width:100%;text-align:left;padding:10px 14px;font-size:13px;
  color:var(--atrd-text);background:none;border:none;cursor:pointer;text-decoration:none}
#atrd-acct .menu a:hover,#atrd-acct .menu button:hover{background:var(--atrd-bg);color:var(--atrd-accent)}

/* ── 오버레이(랜딩/로그인/모달 공통) ── */
.atrd-overlay{position:fixed;inset:0;z-index:100000;background:rgba(20,30,25,.55);overflow-y:auto;display:none}
.atrd-overlay.open{display:block}
.atrd-overlay.solid{background:var(--atrd-bg)}
.atrd-card{background:#fff;max-width:460px;margin:48px auto;border-radius:18px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.atrd-card h2{font-size:20px;font-weight:800;margin-bottom:4px;color:var(--atrd-text)}
.atrd-card .sub{font-size:13px;color:var(--atrd-text2);margin-bottom:20px}
.atrd-field{margin-bottom:12px}
.atrd-field label{display:block;font-size:12px;color:var(--atrd-text2);margin-bottom:5px}
.atrd-field input{width:100%;padding:11px 13px;border:1px solid var(--atrd-border);border-radius:9px;font-size:14px;outline:none;background:var(--atrd-bg)}
.atrd-field input:focus{border-color:var(--atrd-accent)}
.atrd-btn{width:100%;padding:12px;border:none;border-radius:9px;background:var(--atrd-accent);color:#fff;font-size:15px;font-weight:700;cursor:pointer}
.atrd-btn:hover{background:var(--atrd-accent-dark)}
.atrd-btn.sec{background:var(--atrd-bg);color:var(--atrd-text);border:1px solid var(--atrd-border)}
.atrd-btn.danger{background:transparent;color:var(--atrd-danger);border:1px solid var(--atrd-danger)}
.atrd-link{color:var(--atrd-accent);cursor:pointer;font-size:13px;text-decoration:none}
.atrd-err{color:var(--atrd-danger);font-size:13px;margin:8px 0;min-height:18px}
.atrd-consent{font-size:12px;color:var(--atrd-text2);display:block;position:relative;padding-left:24px;margin:8px 0;line-height:1.6;word-break:keep-all;text-align:left;width:100%;align-self:stretch;box-sizing:border-box}
.atrd-consent input{position:absolute;left:0;top:3px;margin:0}
.atrd-close{position:absolute;top:16px;right:18px;font-size:22px;color:var(--atrd-text2);background:none;border:none;cursor:pointer}

/* ── 랜딩 ── */
.atrd-landing{max-width:980px;margin:0 auto;padding:40px 20px 80px;color:var(--atrd-text)}
.atrd-hero{text-align:center;padding:40px 0 30px}
.atrd-hero h1{font-size:30px;font-weight:900;line-height:1.3}
.atrd-hero p{font-size:15px;color:var(--atrd-text2);margin-top:12px}
.atrd-hero .cta{margin-top:22px;display:inline-block;background:var(--atrd-accent);color:#fff;padding:13px 30px;border-radius:24px;font-weight:700;border:none;cursor:pointer;font-size:15px}
.atrd-topbar{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 0}
.atrd-topbar-logo{font-weight:900;font-size:18px;color:var(--atrd-accent);letter-spacing:.5px}
.atrd-topbar-login{background:var(--atrd-accent);color:#fff;border:none;padding:9px 22px;border-radius:20px;font-weight:700;font-size:14px;cursor:pointer}
.atrd-hero-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.atrd-hero-btns .cta{margin-top:0}
.cta-ghost{background:transparent !important;color:var(--atrd-accent) !important;border:2px solid var(--atrd-accent) !important;padding:11px 30px !important}
.atrd-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:30px}
.atrd-plan{background:#fff;border:1.5px solid var(--atrd-border);border-radius:14px;padding:22px;text-align:center}
.atrd-plan.feat{border-color:var(--atrd-accent);box-shadow:0 8px 24px rgba(40,185,106,.15)}
.atrd-plan .name{font-weight:800;font-size:16px}
.atrd-plan .price{font-size:24px;font-weight:900;margin:10px 0;color:var(--atrd-accent-dark)}
.atrd-plan .price small{font-size:13px;color:var(--atrd-text2);font-weight:500}
.atrd-plan .feat-list{font-size:13px;color:var(--atrd-text2);line-height:1.9;margin-top:10px}

/* ── 푸터 ── */
#atrd-footer{background:#eaf1ed;border-top:1px solid var(--atrd-border);padding:24px 20px;margin-top:40px;
  font-size:12px;color:var(--atrd-text2);line-height:1.8}
#atrd-footer .biz{max-width:980px;margin:0 auto}
#atrd-footer a{color:var(--atrd-text2);text-decoration:none;margin-right:14px}
#atrd-footer a:hover{color:var(--atrd-accent)}
#atrd-footer .company{font-weight:700;color:var(--atrd-text);margin-bottom:6px}

/* ── 내 계정 ── */
.atrd-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--atrd-border);font-size:14px}
.atrd-row .k{color:var(--atrd-text2)}
.atrd-pay-tbl{width:100%;font-size:12.5px;border-collapse:collapse;margin-top:8px}
.atrd-pay-tbl td,.atrd-pay-tbl th{padding:6px 8px;border-bottom:1px solid var(--atrd-border);text-align:left}

/* ── 약관/정책 스크롤 모달 ── */
.atrd-doc-card{position:relative;background:#fff;max-width:760px;width:92%;height:84vh;margin:6vh auto;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.atrd-doc-frame{width:100%;height:100%;border:none;display:block;background:#fff}
.atrd-doc-card .atrd-close{z-index:2;background:#fff;border-radius:50%;width:34px;height:34px;line-height:30px;text-align:center;box-shadow:0 1px 5px rgba(0,0,0,.2);top:10px;right:10px}

/* ── PC: 레퍼런스/피드/보관소 전폭 사용 (앱 .tab-content max-width:1000 무력화) ── */
@media (min-width: 960px) {
  #tab-reference.active, #tab-feed.active, #tab-vault.active { max-width: 100% }
}

/* ── 모바일(<960): 플랜 배지를 헤더 안에 인라인 + 계정바 축소 ── */
#atrd-acct.in-header { position: static; top: auto; right: auto; z-index: auto; flex-shrink: 0; }
#atrd-acct.in-header .menu { top: 40px; right: 0; left: auto; }
@media (max-width: 959px) {
  .header { gap: 6px !important; padding: 10px 10px !important; }
  .acc-sw { flex: 1 1 auto !important; min-width: 0; }
  .acc-sw-name { max-width: 72px; }
  .header-add-acc { padding: 0 9px !important; font-size: 11px; flex-shrink: 0; }
  #atrd-acct.in-header .tg { padding: 5px 9px; }
  #atrd-acct.in-header .plan-tag { font-size: 9px; padding: 2px 6px; }
}

/* ── 발행탭 스케줄 패널: 폼(고정폭)+패널(가변폭) 2열, 각자 스크롤 (넓은 PC) ── */
#atrd-sched-panel { display:none; flex-direction:column; background:#fff; border-left:1px solid var(--atrd-border,#e5e7eb); }
#atrd-sched-panel .sp-head { height:48px; display:flex; align-items:center; padding:0 130px 0 16px; font-weight:800; font-size:14px; color:var(--atrd-text,#222); border-bottom:1px solid var(--atrd-border,#eee); background:var(--atrd-bg,#f6f9f7) }
#atrd-sched-panel iframe { flex:1; width:100%; border:none; display:block }
@media (min-width: 1280px) {
  .main:has(#tab-upload.active) { display:flex; align-items:stretch; overflow:hidden; padding:0; }
  .main:has(#tab-upload.active) > #tab-upload.active { flex:0 0 1000px; max-width:1000px; height:100vh; overflow-y:auto; padding:24px 28px 40px; box-sizing:border-box; }
  .main:has(#tab-upload.active) > #atrd-sched-panel { display:flex; flex:1 1 auto; min-width:0; height:100vh; }
}
/* ── 임베드 모드: 패널 안에서는 앱 크롬 숨기고 스케줄(계정/할일보드)만 ── */
.atrd-embed .header, .atrd-embed .tab-bar, .atrd-embed #atrd-acct, .atrd-embed #atrd-footer, .atrd-embed #atrd-sched-panel { display:none !important }
.atrd-embed .main { margin-left:0 !important; height:100vh; padding:14px !important }