/******* Do not edit this file *******
Code Snippets Manager
Saved: Dec 18 2025 | 08:15:47 */
@charset "UTF-8";
/* =========================================================
 * 年間資料（JetEngine Options Page）
 * page=year_document / body: toplevel_page_year_document
 *
 * 仕様：
 * - 緑系カード（枠2px）
 * - ⚠ 吹き出し（JSで挿入する .year-doc-help-block を装飾）
 * - 更新日フィールドも同じカード化
 * - 必須「*」→ 赤い「必須項目」バッジ
 * ========================================================= */
/* ▼ ページ限定：色変数 */
body.toplevel_page_year_document .jet-engine-options-page-wrap {
  --yd-border: #61b36a;
  --yd-bg: #f0fff2;
  --yd-bubble-bg: #e3f9e6;
  --yd-bubble-border: #a5e0ab;
  --yd-text: #2f6f36;
}
/* ▼ 1個目のカード上枠が潰れる対策 */
body.toplevel_page_year_document .cx-control:first-of-type {
  margin-top: 10px !important;
}
body.toplevel_page_year_document .jet-engine-options-page-wrap, body.toplevel_page_year_document .jet-engine-options-page-wrap .cx-ui-kit {
  overflow: visible !important;
}
/* ▼ カード化対象（ファイル2つ＋更新日2つ） */
body.toplevel_page_year_document .cx-control.cx-control-media, body.toplevel_page_year_document .cx-control[data-control-name="year_document_ranking-file_update"], body.toplevel_page_year_document .cx-control[data-control-name="year_document_number-file_update"] {
  border: 2px solid var(--yd-border) !important;
  background: var(--yd-bg) !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  margin-bottom: 20px !important;
  background-clip: padding-box;
}
/* タイトル（ラベル） */
body.toplevel_page_year_document .cx-control .cx-control__title {
  font-weight: 700 !important;
  color: var(--yd-text) !important;
  margin-bottom: 8px !important;
}
/* Mediaフィールド内の余白 */
body.toplevel_page_year_document .cx-control.cx-control-media .cx-control__content {
  padding-top: 4px !important;
}
/* ▼ ヘルプ吹き出し */
body.toplevel_page_year_document .year-doc-help-block {
  position: relative;
  margin-top: 12px;
}
body.toplevel_page_year_document .year-doc-help-text {
  position: relative;
  display: inline-block;
  max-width: 95%;
  font-size: 15px;
  line-height: 1.65;
  color: var(--yd-text);
  background: var(--yd-bubble-bg);
  border: 1px solid var(--yd-bubble-border);
  border-radius: 6px;
  padding: 9px 16px 10px 34px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
  text-align: left;
}
/* ⚠ */
body.toplevel_page_year_document .year-doc-help-text::before {
  content: "⚠";
  position: absolute;
  left: 11px;
  top: 8px;
  font-size: 18px;
  color: #3c8a45;
}
/* 三角 */
body.toplevel_page_year_document .year-doc-help-text::after {
  content: "";
  position: absolute;
  top: -7px;
  left: 32px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent var(--yd-bubble-border) transparent;
}
/* 更新日の入力欄（任意） */
body.toplevel_page_year_document .cx-control input[type="date"] {
  max-width: 260px;
}
/* ▼ 必須「*」→「必須項目」バッジ（このページ限定） */
body.wp-admin.toplevel_page_year_document .cx-control__required {
  display: inline-block !important;
  font-size: 0 !important;
  /* "*" を消す */
}
body.wp-admin.toplevel_page_year_document .cx-control__required::after {
  content: "必須項目";
  display: inline-block;
  padding: 2px 8px;
  margin-left: 6px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background: #e60012;
  border-radius: 4px;
  position: relative;
  top: -1px;
}
