@import '_content/NGOCMAI.B2E.FE/NGOCMAI.B2E.FE.axppmt7hy7.bundle.scp.css';

/* /Partner/Pages/PartnerCompanyInfo.razor.rz.scp.css */
/* /partner/company-info — cùng chuẩn với /partner/settings của B2E: đầu trang nm-list, thẻ NmCard, thanh lưu dính đáy.
   Token-only (--nm-*), tiền tố pci-. Gốc của NmCard/NmField/NmInput do component thư viện vẽ ⇒ chạm vào phải ::deep. */

.nm-list-page[b-snftkw9fyp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 22px 28px 28px;
    font-family: var(--nm-font);
    color: var(--nm-ink);
    min-width: 0;
}

.nm-list-head[b-snftkw9fyp] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px 16px;
    flex-wrap: wrap;
}
.nm-list-title[b-snftkw9fyp] { margin: 0; font-size: 20px; font-weight: 800; color: var(--nm-ink); }
.nm-list-sub[b-snftkw9fyp] { margin: 3px 0 0; font-size: 14px; color: var(--nm-muted); max-width: 760px; }

.pci-head-acts[b-snftkw9fyp] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

/* ── Hai cột từ 1200px: trái liên hệ + mạng xã hội, phải pháp lý + chuyên viên + phần cài sẵn ── */
.pci-grid[b-snftkw9fyp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}
.pci-col[b-snftkw9fyp] { display: flex; flex-direction: column; gap: 16px; min-width: 0; }

@media (min-width: 1200px) {
    .pci-grid[b-snftkw9fyp] { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
}

/* ── Đầu thẻ ── */
.pci-hd[b-snftkw9fyp] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pci-hd--row[b-snftkw9fyp] { flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 12px; }
.pci-h3[b-snftkw9fyp] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--nm-ink);
}
.pci-h3 .bi[b-snftkw9fyp] { color: var(--nm-brand-600); }
.pci-sub[b-snftkw9fyp] { margin: 0; font-size: 12.5px; color: var(--nm-muted); }
.pci-sub strong[b-snftkw9fyp] { color: var(--nm-ink-2); }
.pci-count[b-snftkw9fyp] {
    flex: none;
    padding: 2px 10px;
    border-radius: var(--nm-r-pill);
    background: var(--nm-surface-2);
    font-size: 12px;
    font-weight: 600;
    color: var(--nm-ink-2);
    white-space: nowrap;
}

/* ── Lưới ô nhập ── */
.pci-fields[b-snftkw9fyp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}
@media (min-width: 768px) {
    .pci-fields--2[b-snftkw9fyp] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .pci-fields--2[b-snftkw9fyp]  .pci-span2 { grid-column: span 2; }
}

/* ── Chuyên viên tư vấn: số thứ tự · tên · số máy · nút ── */
.pci-empty[b-snftkw9fyp] {
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px dashed var(--nm-border-strong);
    border-radius: var(--nm-r-input);
    font-size: 13px;
    color: var(--nm-muted);
}
.pci-people[b-snftkw9fyp] { display: flex; flex-direction: column; gap: 8px; }
.pci-person[b-snftkw9fyp] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
}
.pci-no[b-snftkw9fyp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: var(--nm-r-pill);
    background: var(--nm-brand-50);
    color: var(--nm-brand-600);
    font-size: 12px;
    font-weight: 700;
}
.pci-person__acts[b-snftkw9fyp] { display: flex; align-items: center; gap: 2px; }
.pci-person__error[b-snftkw9fyp] { margin: -2px 0 2px 36px; font-size: 12px; color: var(--nm-bad); }
.pci-people[b-snftkw9fyp]  .pci-person__name,
.pci-people[b-snftkw9fyp]  .pci-person__phone { width: 100%; min-width: 0; }
[b-snftkw9fyp] .pci-add { margin-top: 12px; }

/* Điện thoại: tên + số xếp hai dòng, nút sang phải dòng tên. */
@media (max-width: 560px) {
    .pci-person[b-snftkw9fyp] { grid-template-columns: 28px minmax(0, 1fr) auto; }
    .pci-people[b-snftkw9fyp]  .pci-person__phone { grid-column: 2 / 4; }
}

/* ── Thông tin cài sẵn (chỉ đọc) ── */
.pci-fixed[b-snftkw9fyp] { display: flex; flex-direction: column; gap: 8px; margin: 0; }
.pci-fixed > div[b-snftkw9fyp] {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--nm-border);
}
.pci-fixed > div:last-child[b-snftkw9fyp] { padding-bottom: 0; border-bottom: 0; }
.pci-fixed dt[b-snftkw9fyp] { font-size: 12.5px; color: var(--nm-muted); }
.pci-fixed dd[b-snftkw9fyp] { margin: 0; font-size: 13.5px; font-weight: 600; color: var(--nm-ink); overflow-wrap: anywhere; }
.pci-fixed__imgs[b-snftkw9fyp] { display: flex; align-items: center; gap: 10px; }
.pci-fixed__imgs img[b-snftkw9fyp] {
    width: 56px;
    height: 56px;
    padding: 4px;
    border: 1px solid var(--nm-border);
    border-radius: var(--nm-r-input);
    background: #fff;
    object-fit: contain;
}

/* ── Thanh lưu dính đáy khung cuộn của PartnerLayout ── */
.pci-savebar[b-snftkw9fyp] {
    position: sticky;
    bottom: 12px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 10px 14px;
    border: 1px solid var(--nm-border);
    border-radius: var(--nm-r-card);
    background: var(--nm-surface);
    box-shadow: 0 6px 24px rgba(0, 0, 0, .08);
}
.pci-savebar.is-dirty[b-snftkw9fyp] {
    border-color: var(--nm-brand-300);
    background: var(--nm-brand-50);
}
.pci-savebar__state[b-snftkw9fyp] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
    font-size: 13px;
    color: var(--nm-ink-2);
}
.pci-savebar__text[b-snftkw9fyp] { min-width: 0; font-weight: 600; }
.pci-savebar__muted[b-snftkw9fyp] { font-weight: 500; color: var(--nm-muted); }
.pci-savebar__dot[b-snftkw9fyp] {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: var(--nm-r-pill);
    background: var(--nm-brand-500);
    animation: pci-savebar-pulse-b-snftkw9fyp 1.8s ease-in-out infinite;
}
@keyframes pci-savebar-pulse-b-snftkw9fyp {
    0%, 100% { opacity: 1; }
    50%      { opacity: .3; }
}
@media (prefers-reduced-motion: reduce) {
    .pci-savebar__dot[b-snftkw9fyp] { animation: none; }
}
.pci-savebar__hint[b-snftkw9fyp] {
    padding-left: 10px;
    border-left: 1px solid var(--nm-border-strong);
    font-size: 12px;
    color: var(--nm-muted);
}
.pci-savebar__acts[b-snftkw9fyp] { display: flex; align-items: center; gap: 8px; margin-left: auto; }

@media (max-width: 720px) {
    .nm-list-page[b-snftkw9fyp] { padding: 16px; }
    .pci-savebar__hint[b-snftkw9fyp] { display: none; }
}