/* DOGJABBER PROVIDER TRAINING INTELLIGENCE
   Canonical owner for provider training taxonomy, matching, and package-fit UI. */

.dj-training-editor{overflow:hidden}
.dj-training-editor-heading{align-items:flex-start!important}
.dj-training-intelligence-badge{display:flex;align-items:center;gap:10px;min-width:170px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--accent-soft) 32%,var(--surface))}
.dj-training-intelligence-badge>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}
.dj-training-intelligence-badge small,.dj-training-intelligence-badge strong{display:block}
.dj-training-intelligence-badge small{font-size:9px;font-weight:850;letter-spacing:.09em;color:var(--text-faint)}
.dj-training-intelligence-badge strong{margin-top:2px;font-size:13px;color:var(--heading)}
.dj-training-editor-form{display:grid;gap:22px}
.dj-training-editor-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dj-training-editor-group{min-width:0;margin:0;padding:18px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface-soft) 38%,var(--surface))}
.dj-training-editor-group legend{padding:0 7px;color:var(--heading);font-size:16px;font-weight:850}
.dj-training-editor-group>p{margin:0 0 14px;color:var(--text-soft);font-size:12px;line-height:1.5}
.dj-training-editor-options{display:flex;flex-wrap:wrap;gap:8px}
.dj-training-editor-option{position:relative;display:inline-flex!important;grid-template-columns:none!important;align-items:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text)!important;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.dj-training-editor-option:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}
.dj-training-editor-option input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;min-height:0}
.dj-training-editor-option-check{width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface-soft);color:transparent;transition:all .15s ease}
.dj-training-editor-option strong{font-size:11px;font-weight:760;color:var(--heading)}
.dj-training-editor-option>small{padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--warning) 12%,var(--surface));color:var(--warning);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.dj-training-editor-option:has(input:checked){border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent-soft) 48%,var(--surface))}
.dj-training-editor-option:has(input:checked) .dj-training-editor-option-check{border-color:var(--accent);background:var(--accent);color:#fff}
.dj-training-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:4px}
.dj-training-editor-footer p{display:flex;align-items:center;gap:7px;margin:0;color:var(--text-faint);font-size:11px;line-height:1.45}
.dj-training-editor-footer p svg{color:var(--accent)}

.dj-training-taxonomy-field{min-width:0;margin:0;padding:0;border:0}
.dj-training-taxonomy-field>legend{margin:0 0 6px;padding:0;color:var(--heading);font-size:13px;font-weight:820}
.dj-training-taxonomy-help{margin:0 0 14px;color:var(--text-soft);font-size:11px;line-height:1.5}
.dj-training-taxonomy-groups{display:grid;gap:14px}
.dj-training-taxonomy-group{padding:15px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface-soft) 42%,var(--surface))}
.dj-training-taxonomy-group-head{display:grid;gap:3px;margin-bottom:11px}
.dj-training-taxonomy-group-head strong{color:var(--heading);font-size:12px}
.dj-training-taxonomy-group-head small{color:var(--text-faint);font-size:10px;line-height:1.4}
.dj-training-taxonomy-options{display:flex;flex-wrap:wrap;gap:7px}
.dj-training-taxonomy-option{position:relative;display:inline-flex!important;align-items:center!important;min-height:34px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);cursor:pointer;color:var(--text)!important;font-size:10px!important;font-weight:750!important}
.dj-training-taxonomy-option input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;min-height:0}
.dj-training-taxonomy-option:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 55%,var(--surface));color:var(--heading)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}

.dj-training-public{position:relative;overflow:hidden}
.dj-training-public:before{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:color-mix(in srgb,var(--accent-soft) 30%,transparent);pointer-events:none}
.dj-training-public-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dj-training-public-group{padding:18px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface-soft) 28%,var(--surface))}
.dj-training-public-group-head{display:grid;gap:4px;margin-bottom:13px}
.dj-training-public-group-head strong{color:var(--heading);font-size:15px}
.dj-training-public-group-head small{color:var(--text-soft);font-size:11px;line-height:1.45}
.dj-training-public-tags{display:flex;flex-wrap:wrap;gap:7px}
.dj-training-public-tags span{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:9px;background:var(--surface);color:var(--text-soft);font-size:10px;font-weight:720}

.dj-training-package-match{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;margin-top:3px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--accent-soft) 26%,var(--surface))}
.dj-training-package-match>small{padding-top:4px;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.dj-training-package-match>div{display:flex;flex-wrap:wrap;gap:5px}
.dj-training-package-match span{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:999px;background:var(--surface);color:var(--heading);font-size:9px;font-weight:760;box-shadow:inset 0 0 0 1px var(--border)}
.dj-training-package-match span.is-more{color:var(--text-faint)}
.dj-training-package-detail .dj-training-public-tags{margin-top:10px}

@media (max-width:860px){
    .dj-training-editor-groups,.dj-training-public-grid{grid-template-columns:1fr}
    .dj-training-intelligence-badge{display:none}
    .dj-training-editor-footer{align-items:stretch;flex-direction:column}
    .dj-training-editor-footer .button{width:100%}
}

@media (max-width:560px){
    .dj-training-editor-group,.dj-training-public-group{padding:15px}
    .dj-training-package-match{grid-template-columns:1fr}
    .dj-training-package-match>small{padding-top:0}
}
