/* ============================================================================
   Картка компанії — premium redesign поверх Deep Navy (у стилі «Чатів»/«Доставки НП»).
   Скоуп: #pageCompanyDetail. Розмітка лишається (js/app.js) — тут поверхні, типографіка,
   вкладки-пілюлі, таблиці. Токени — deep-navy.css.
   ========================================================================== */

#pageCompanyDetail { font-family: 'Inter', system-ui, -apple-system, sans-serif; }

/* ── шапка-герой ── */
#pageCompanyDetail .cc-hero {
    padding: 18px 20px !important;
    border-radius: var(--radius-xl) !important;
    margin-bottom: 12px !important;
    background: linear-gradient(180deg, #FCFDFF 0%, #F4F8FC 100%);
    border: 1px solid var(--novo-border);
    box-shadow: var(--shadow-lg);
}
#pageCompanyDetail .cc-header h2 { font-size: 20px; letter-spacing: -.02em; }
#pageCompanyDetail .cc-hero .avatar { box-shadow: 0 6px 14px rgba(30, 58, 95, .28); }

/* ── секції-картки (Юр. реквізити / Контакти OpenData / Умови / Ризики…) ── */
#pageCompanyDetail .cc-sec {
    background: var(--novo-surface);
    border: 1px solid var(--novo-border);
    border-radius: var(--radius-lg);
    padding: 14px 16px;
    box-shadow: var(--shadow-xs, 0 1px 2px rgba(15, 23, 42, .05));
    transition: box-shadow .15s ease, border-color .15s ease;
}
#pageCompanyDetail .cc-sec:hover { box-shadow: var(--shadow-sm); border-color: #D7E0EC; }
#pageCompanyDetail .cc-sec + .cc-sec { margin-top: 12px; }
#pageCompanyDetail .cc-sec-h { gap: 9px; margin-bottom: 10px; padding-bottom: 9px; }
#pageCompanyDetail .cc-sec-h span, #pageCompanyDetail .cc-sec details summary > span:first-child {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border-radius: 9px; flex-shrink: 0;
    background: linear-gradient(135deg, #EFF6FF, #E3EEFB);
    font-size: 14px !important;
}
#pageCompanyDetail .cc-sec-h h3 { font-size: 13px; }
#pageCompanyDetail .cc-fl-l { font-size: 10px; letter-spacing: .06em; color: var(--novo-text-muted); }
#pageCompanyDetail .cc-fl-v { font-size: 13.5px; }

/* згорнуті дрилдауни (Юр. реквізити / Умови / Дод. інформація) */
#pageCompanyDetail .cc-sec details summary { padding: 2px 2px; border-radius: var(--radius-md); transition: background .12s ease; }
#pageCompanyDetail .cc-sec details summary:hover { background: var(--novo-surface-soft, #F1F5F9); }
#pageCompanyDetail .cc-sec details summary h3 { font-size: 13px; }
#pageCompanyDetail .cc-sec details[open] summary { margin-bottom: 6px; }
#pageCompanyDetail .cc-sec details[open] summary span[style*='margin-left:auto'] { visibility: hidden; }

/* ── вкладки-пілюлі (кольори з --c/--cl, актив — .is-on) ── */
#pageCompanyDetail .comp-tab-btn {
    padding: 8px 15px;
    border: 1px solid transparent;
    border-radius: var(--radius-full);
    cursor: pointer;
    font-weight: 700; font-size: 12.5px; letter-spacing: .01em;
    background: var(--cl, var(--novo-surface-soft));
    color: var(--c, var(--novo-text-secondary));
    transition: transform .12s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
    user-select: none;
}
#pageCompanyDetail .comp-tab-btn:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); }
#pageCompanyDetail .comp-tab-btn.is-on {
    background: var(--c, #2563EB);
    color: #fff;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--c, #2563EB) 38%, transparent);
}

/* ── блоки-картки на вкладках (Контактні особи / Склади / Холдинг / НП / CRM…) ── */
#pageCompanyDetail .card { border: 1px solid var(--novo-border); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); }
#pageCompanyDetail .card h3 { font-size: 14.5px; letter-spacing: -.01em; }
#pageCompanyDetail .card h4 { letter-spacing: -.01em; }

/* ── таблиці ── */
#pageCompanyDetail .data-table { border-collapse: collapse; }
#pageCompanyDetail .data-table thead th {
    text-align: left; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
    color: var(--novo-text-muted); padding: 8px 10px; border-bottom: 2px solid var(--novo-border); white-space: nowrap;
    background: transparent;
}
#pageCompanyDetail .data-table td { padding: 8px 10px; border-bottom: 1px solid var(--novo-border-light, #EEF1F6); font-variant-numeric: tabular-nums; }
#pageCompanyDetail .data-table tbody tr { transition: background .12s ease; }
#pageCompanyDetail .data-table tbody tr:hover { background: var(--novo-blue-100, #EFF6FF); }
#pageCompanyDetail .data-table .r { text-align: right; }

/* ── дрібниці: примітки, порожні стани, лінки ── */
#pageCompanyDetail a { transition: color .12s ease; }
#pageCompanyDetail .text-muted { color: var(--novo-text-muted); }

@media (max-width: 860px) {
    #pageCompanyDetail .cc-hero { padding: 14px !important; }
    #pageCompanyDetail .comp-tab-btn { padding: 7px 12px; font-size: 12px; }
}