/* AI 도구 관리 + AI 도구 모음 전용 스타일 v1.2 - ECAS UI */

/* ==============================
   관리자 - ECAS 목록형 UI
   ============================== */
#aitools .aitool-admin-notice{background:#eef8f5;border-color:#cfe9e2;color:#42665e}
#aitools .aitool-list-card{padding:0;overflow:hidden;border-radius:16px}
#aitools .aitool-list-card>.panel-title{padding:20px 22px 14px;margin:0;border-bottom:0}
#aitools .aitool-list-card>.panel-title h3{font-size:18px}
#aitools .cms-list-title-actions{display:flex;align-items:center;gap:12px}
#aitools .cms-write-button{background:#087b69!important;border-color:#087b69!important;color:#fff!important;border-radius:10px;padding:11px 16px;font-weight:900}
#aitools .cms-list-body{padding:0 22px 22px}
#aitools .cms-admin-table-aitool{width:100%;border:1px solid #d9e5e2;border-radius:13px;overflow:hidden;background:#fff}
#aitools .cms-admin-table-aitool .cms-admin-row{display:grid!important;grid-template-columns:64px 80px minmax(170px,1.4fr) 100px 110px minmax(220px,1.7fr) 90px 120px!important;align-items:center;min-height:58px;border-bottom:1px solid #e7edeb}
#aitools .cms-admin-table-aitool .cms-admin-row:last-child{border-bottom:0}
#aitools .cms-admin-table-aitool .cms-admin-row>div{padding:13px 12px;min-width:0;overflow:hidden;text-overflow:ellipsis}
#aitools .cms-admin-table-aitool .cms-admin-head{min-height:48px;background:#f3f8f6;color:#48645d;font-size:13px;font-weight:900}
#aitools .cms-admin-table-aitool .cms-admin-row:not(.cms-admin-head):hover{background:#f8fcfb}
#aitools .cms-admin-table-aitool .cms-admin-row a{color:#087b69;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
#aitools .cms-admin-table-aitool .cms-status{background:#e7f6f1;color:#087b69}
#aitools .cms-item-actions{display:flex;gap:6px;white-space:nowrap}
#aitools .cms-item-actions button{padding:7px 9px;border-radius:8px}
#aitools .aitool-form-card{border-radius:16px}
#aitools .aitool-form-card .primary{background:#087b69;border-color:#087b69}
@media(max-width:1100px){#aitools .cms-list-body{overflow-x:auto}#aitools .cms-admin-table-aitool{min-width:980px}}

/* ==============================
   사용자 - ECAS AI 도구 모음 UI
   ============================== */
.ai-tools-ecas-hero-wrap{padding:30px 0 0;background:#f5f8f7}
.ai-tools-ecas-hero{position:relative;overflow:hidden;min-height:184px;padding:34px 38px;border-radius:20px;background:linear-gradient(115deg,#f36b21,#ff8a3d);color:#fff;display:flex;align-items:center}
.ai-tools-ecas-hero>div:first-child{position:relative;z-index:2}
.ai-tools-ecas-kicker{display:inline-block;margin-bottom:12px;font-size:12px;font-weight:900;letter-spacing:.06em;color:#fff0e5}
.ai-tools-ecas-hero h1{margin:0 0 10px;font-size:32px;letter-spacing:-.04em;line-height:1.25;color:#fff}
.ai-tools-ecas-hero p{margin:0;color:#fff7f1;font-size:15px;line-height:1.7}
.ai-tools-ecas-deco{position:absolute;right:-35px;top:-60px;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.08)}
.ai-tools-page{min-height:520px;background:#f5f8f7;padding-top:22px}
.ai-tools-ecas-toolbar{display:grid;grid-template-columns:1fr 96px auto;gap:12px;align-items:center;margin:0 0 20px;padding:14px 16px;border:1px solid #d7e3e0;border-radius:14px;background:#fff}
.ai-tools-ecas-toolbar input{width:100%;border:1px solid #cfdad7;border-radius:11px;padding:13px 15px;font:inherit;background:#fff;outline:none}
.ai-tools-ecas-toolbar input:focus{border-color:#087b69;box-shadow:0 0 0 3px rgba(243,107,33,.10)}
.ai-tools-ecas-toolbar span{font-size:13px;color:#6f7977;white-space:nowrap}
.ai-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ai-tools-grid .ai-tool-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:16px;row-gap:4px;align-items:center;padding:24px;border:1px solid #d7e3e0;border-radius:18px;background:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(21,53,46,.035);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.ai-tools-grid .ai-tool-card:hover{transform:translateY(-2px);border-color:#ffc7a7;box-shadow:0 12px 28px rgba(21,53,46,.08)}
.ai-tools-grid .ai-tool-icon{grid-row:1/3;width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#eef8f5;font-size:24px}
.ai-tools-grid .ai-tool-card b{grid-column:2;font-size:18px;color:#112f37;line-height:1.35}
.ai-tools-grid .ai-tool-card small{grid-column:2;display:block;color:#687674;font-size:14px;line-height:1.55}
.ai-tools-grid .ai-tool-more{grid-column:3;grid-row:1/3;align-self:center;display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:11px 14px;border-radius:10px;background:#087b69;color:#fff;font-size:14px;font-weight:900;white-space:nowrap}
.ai-tools-empty{grid-column:1/-1;padding:46px 20px;border:1px dashed #cfdad7;border-radius:18px;text-align:center;color:#7a8582;background:#fff}

/* 홈 미리보기 카드는 기존 크기 유지 */
#ai .ai-tool-card{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left}
#ai .ai-tool-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff1e7;font-size:22px}
#ai .ai-tool-card b{font-size:16px;color:#222}
#ai .ai-tool-card small{display:block;color:#777;font-size:13px;line-height:1.6}
#ai .ai-tool-more{display:inline-flex;align-items:center;gap:4px;margin-top:auto;font-size:13px;font-weight:900;color:var(--orange);background:none;padding:0;min-width:0}

@media(max-width:760px){
  .ai-tools-ecas-hero{min-height:160px;padding:28px 24px;border-radius:16px}
  .ai-tools-ecas-hero h1{font-size:26px}
  .ai-tools-ecas-toolbar{grid-template-columns:1fr}
  .ai-tools-grid{grid-template-columns:1fr}
  .ai-tools-grid .ai-tool-card{grid-template-columns:50px minmax(0,1fr);padding:20px}
  .ai-tools-grid .ai-tool-more{grid-column:1/3;grid-row:3;margin-top:12px;width:100%}
}


/* v1.3 - 에듀인잡 오렌지 UI + 관리자 목록 표 보정 */
.ai-tools-ecas-toolbar #aiToolsSearchBtn{
  height:46px;border:0;border-radius:11px;background:#f36b21;color:#fff;
  font-weight:900;font-size:15px;cursor:pointer
}
.ai-tools-ecas-toolbar #aiToolsSearchBtn:hover{filter:brightness(.96)}
.ai-tools-grid .ai-tool-more{background:#f36b21}
.ai-tools-grid .ai-tool-icon{background:#fff2e8}

/* 관리자에서는 ai-tools-v1.css를 직접 로드하여 가로 표 형식을 보장 */
#aitools .cms-admin-table-aitool .cms-admin-row{
  display:grid!important;
  grid-template-columns:64px 80px minmax(170px,1.4fr) 100px 110px minmax(220px,1.7fr) 90px 120px!important;
  align-items:center!important;
}
#aitools .cms-admin-table-aitool .cms-admin-head{display:grid!important}
#aitools .cms-admin-table-aitool .cms-admin-row>div{
  display:block!important;
  padding:13px 12px!important;
  min-width:0
}
#aitools .cms-admin-table-aitool .cms-status{display:inline-flex!important;width:auto}
#aitools .cms-item-actions{display:flex!important;gap:6px}

@media(max-width:760px){
  .ai-tools-ecas-toolbar{grid-template-columns:1fr 88px}
  .ai-tools-ecas-toolbar [data-ai-tools-count]{grid-column:1/-1}
}


/* v1.4 - 관리자 공통 오렌지 톤 + 사용자 서브페이지 일관성 */
#aitools .aitool-admin-notice{
  background:#fff5ef!important;
  border-color:#ffd9c2!important;
  color:#82533b!important;
}
#aitools .cms-write-button,
#aitools .aitool-form-card .primary{
  background:#f36b21!important;
  border-color:#f36b21!important;
  color:#fff!important;
}
#aitools .cms-write-button:hover,
#aitools .aitool-form-card .primary:hover{
  filter:brightness(.96);
}
#aitools .cms-admin-table-aitool .cms-admin-head{
  background:#fafafa!important;
  color:#555!important;
}
#aitools .cms-admin-table-aitool .cms-admin-row:not(.cms-admin-head):hover{
  background:#fffaf6!important;
}
#aitools .cms-admin-table-aitool .cms-admin-row a{
  color:#5f4b42!important;
}
#aitools .cms-admin-table-aitool .cms-status{
  background:#edf8f2!important;
  color:#15834d!important;
}

/* 사용자 화면은 공통 sub-hero를 사용하므로 기존 커스텀 대형 배너는 비활성화 */
.ai-tools-ecas-hero-wrap{display:none!important;}
.ai-tools-page{
  background:#fafafa;
  padding-top:54px;
}
.ai-tools-ecas-toolbar{
  border-color:var(--line);
}
.ai-tools-grid .ai-tool-card{
  border-color:var(--line);
  box-shadow:0 8px 24px rgba(0,0,0,.035);
}