/* 어셋 (clinical-catalog.html, 261004). 「진료 항목」을 넓혀, 마켓플레이스와 오가는 것을 한 화면에 묶는다.
 * 검색·걸러 보기 칩은 공용 ui-kit.css(.ui-search·.ui-chip), 제목은 마켓플레이스 .mk-head 와 같은 모양이다.
 * 색은 공용 --ui-* 기본값(마켓플레이스 회색)을 그대로 쓴다(261006 원장, 덮던 블록 삭제).
 */

/* 바깥 판을 없앤다 — 마켓플레이스처럼 페이지 바탕 위에 헤더와 패널이 바로 놓인다. */
.hospital-workspace-page.asset-hub-page #workspace-main {
    border: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

/* ── 헤더 ─────────────────────────────────────────────────────────────── */

.hospital-workspace-page.asset-hub-page .workspace-page-head {
    display: block;
    margin-bottom: 1rem;
}

.hospital-workspace-page.asset-hub-page .workspace-page-head h1 {
    color: var(--ui-text);
    font-weight: 600;
    font-size: 1.9rem;
    margin: 0 0 .4rem;
}

.hospital-workspace-page.asset-hub-page .workspace-page-head p {
    font-size: 1rem;
    color: var(--ui-muted);
}

/* 검색은 공용 ui-kit.css .ui-search. 이 페이지는 머리 안에 있어 위 여백이 있다. */
.asset-hub-page .ui-search { margin-top: 1.75rem; }

.ah-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.ah-actions {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-left: auto;
}

/* 마켓플레이스는 글자 버튼, 새로 만들기만 테두리(위계). 글자 버튼·펼침 메뉴는 공용 ui-kit.css(.ui-text-button·.ui-menu).
 * 「새로 만들기」 모달의 바깥 틀은 공용 .ui-modal, 카드 안 고유 부분은 종류별 모달 CSS 가 맡는다. */

/* ── 패널 ─────────────────────────────────────────────────────────────── */

.ah-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
}

@media (max-width: 760px) {
    .ah-grid { grid-template-columns: minmax(0, 1fr); }
}

/* 묶음 패널·행·이름표는 공용 ui-kit.css(.ui-panel·.ui-row·.ui-tag). 패널 머리의 아이콘 상자는 색 바탕 상자 .ui-icon-box.is-tone 과 종류별 색(is-herb 등)도 ui-kit.css. */

/* 목록 모달. 바깥 틀·배경막은 공용 ui-kit.css .ui-modal, 안내는 .ui-note(261006 원장). 보기 전용이라 하단 버튼이 없다.
 * 너비 440px·높이 80vh 는 목록 모달의 크기다. */
#ah-list-modal .ui-modal-card { width: 440px; max-height: 80vh; }
#ah-list-modal .ui-modal-title small { margin-left: 6px; font-size: 12px; font-weight: 400; color: var(--ui-soft); }
.ah-list-note { margin: 8px 24px 0; }
#ah-list-modal .ui-modal-body { margin-top: 0; padding: 8px 24px 18px; }
#ah-list-modal .ui-row:first-child { border-top: 0; }