/*
 * 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);
}

: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-ddcb511a247ea8e1410cba794a0b700158f5e9671973bce41f1856e92c03953d.map */