/*
 * DaisyUI custom theme for admin layout (html[data-theme="carelink-admin-theme"]).
 * Load after daisyui.css (see admin.html.erb stylesheet_link_tag order).
 *
 * Precompiled as its own asset; excluded from application.css via stub in application.css.
 *

 */
:root[data-theme="carelink-admin-theme"] {
  /* DaisyUI の [data-theme=light] 外のカスタム名のため、ベーストークンを明示 */
  --color-base-100: oklch(100% 0 0);
  --color-base-300: oklch(95% 0 0);

  --color-primary: oklch(53% 0.148 247);
  --color-primary-content: oklch(98% 0.005 247);
  --color-secondary: oklch(56% 0.016 245);
  --color-secondary-content: oklch(98% 0.005 245);
  --color-info: oklch(56% 0.155 210);
  --color-info-content: oklch(98% 0.005 210);
  --color-success: oklch(63% 0.155 135);
  --color-success-content: oklch(98% 0.005 135);
  --color-warning: oklch(62% 0.163 48);
  --color-warning-content: oklch(98% 0.005 48);
  --color-error: oklch(55% 0.210 25);
  --color-error-content: oklch(98% 0.005 25);

  --radius-field:    8px;
  --radius-box:      7px;
  --radius-selector: 7px;

  /* card-title を gray-700 に変更 */
  .card-title { color: #374151; /* gray-700 */ }

  /* 求人詳細など: border-base-300 のみ左アクセント（worker 詳細の border-base-200 ヘッダーは対象外） */
  .card > .card-body > .border-b.border-base-300,
  .card > .border-b.border-base-300 {
    border-left: 3px solid var(--color-primary);
    padding-left: 13px;
  }
  /* focus ring を primary カラーに統一 */
  .input:focus,
  .input:focus-within,
  .select:focus,
  .textarea:focus {
    outline: none;
    border-color: var(--color-primary);   /* 代わりにborder色をprimaryに */
    box-shadow: 0 0 0 2px color-mix(in oklch, var(--color-primary) 20%, transparent);
  }
}

/* DaisyUI radial-progress: トラック色はビューで --track-color を指定（非 layered で確実に上書き） */
:root[data-theme="carelink-admin-theme"] .radial-progress.rp-track-custom {
  /* リング内側の透過で背後が見えてピンクく見えるのを防ぐ */
  background-color: var(--color-base-100);
}

/* 採用者編集: 通知・フラグ セグメントラジオ（添付モック .radio-seg-wrap 相当） */
:root[data-theme="carelink-admin-theme"] .recruiter-radio-seg {
  display: flex;
  flex-shrink: 0;
  gap: 2px;
  padding: 3px;
  border-radius: 7px;
  background-color: #e8ecf2;
}

:root[data-theme="carelink-admin-theme"] .recruiter-radio-seg .radio-seg-label {
  padding: 5px 12px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: #64748b;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.15s, color 0.15s, box-shadow 0.15s;
}

:root[data-theme="carelink-admin-theme"] .recruiter-radio-seg .radio-seg-label:hover {
  background-color: rgba(255, 255, 255, 0.5);
  color: #374151;
}

:root[data-theme="carelink-admin-theme"] .recruiter-radio-seg input.seg-off:checked + .radio-seg-label {
  background-color: #fff;
  color: #dc2626;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

:root[data-theme="carelink-admin-theme"] .recruiter-radio-seg input.seg-on:checked + .radio-seg-label {
  background-color: #fff;
  color: #059669;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* 採用者編集: 権限カード（添付モック .perm-card.selected 相当） */
:root[data-theme="carelink-admin-theme"] .recruiter-perm-card:has(:checked) {
  border-color: oklch(53% 0.148 247);
  background-color: #eef1f8;
  box-shadow: 0 0 0 1px rgba(56, 97, 165, 0.12);
}

:root[data-theme="carelink-admin-theme"] .recruiter-perm-card:has(:checked) .recruiter-perm-check {
  opacity: 1;
}

/* 採用者編集: 権限カード選択に応じた所属フィールドの表示切替 */
:root[data-theme="carelink-admin-theme"] #role-field-panels:has(#recruiter_role_admin:checked) #field-admin,
:root[data-theme="carelink-admin-theme"] #role-field-panels:has(#recruiter_role_recruiter:checked) #field-recruiter,
:root[data-theme="carelink-admin-theme"] #role-field-panels:has(#recruiter_role_group_company:checked) #field-group_company {
  display: block;
}

/* SMS本番送信: タグ型チェックボックスの選択状態 */
:root[data-theme="carelink-admin-theme"] .sms-tag-toggle:has(:checked) {
  background-color: color-mix(in oklch, var(--color-primary) 15%, var(--color-base-100));
  border-color: var(--color-primary);
  color: var(--color-primary);
  font-weight: 500;
}

:root[data-theme="carelink-admin-theme"] .sms-tag-toggle-success:has(:checked) {
  background-color: color-mix(in oklch, var(--color-success) 15%, var(--color-base-100));
  border-color: var(--color-success);
  color: var(--color-success);
  font-weight: 500;
}

/* SMS本番送信: カード内ドロップダウン展開時に overflow を解除 */
:root[data-theme="carelink-admin-theme"] .sms-job-card.overflow-visible {
  overflow: visible;
  position: relative;
  z-index: 30;
}

:root[data-theme="carelink-admin-theme"] .sms-job-card.overflow-visible > .card-body {
  overflow: visible;
}

:root[data-theme="carelink-admin-theme"] .radial-progress.rp-track-custom::before {
  content: "";
  background:
    radial-gradient(farthest-side, currentColor 98%, transparent)
      top / var(--thickness) var(--thickness) no-repeat,
    conic-gradient(currentColor var(--radialprogress), var(--track-color, var(--color-base-300)) 0);
  -webkit-mask: radial-gradient(
    farthest-side,
    #0000 calc(100% - var(--thickness)),
    #000 calc(100% + 0.5px - var(--thickness))
  );
  mask: radial-gradient(
    farthest-side,
    #0000 calc(100% - var(--thickness)),
    #000 calc(100% + 0.5px - var(--thickness))
  );
  border-radius: 3.40282e38px;
  position: absolute;
  inset: 0;
}

/*# sourceMappingURL=daisyui_theme_customize.css-3e82ec4d669fc5411f1b7268f8770a5bce141482b66e3ffd234f558c7afeede0.map */