/* ============================================================
   PCS Screen — system batch
   Screen-specific polish on top of pcs-admin-bridge.css.
   Owned by the "system" redesign pass — keep all rules scoped under
   body.pcs-admin-skin and the screen's own container class.
   Covers: System Info (+ PHP Info), Tools, About / Support.
   ============================================================ */

/* ------------------------------------------------------------
   System Info
   ------------------------------------------------------------ */
body.pcs-admin-skin .pcs-system-info .pcs-card { margin-bottom: 16px; }

/* The info table renders inside a card body (p0) — drop the outer
   widefat rounding/shadow so the card owns the frame. */
body.pcs-admin-skin .pcs-system-info .pcs-info-table.widefat {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    width: 100%;
}
body.pcs-admin-skin .pcs-system-info .pcs-info-table > tbody > tr > th {
    width: 320px;
    max-width: 42%;
    background: var(--pcs-bg-soft, #f6f7f7);
    color: var(--pcs-text, #1d2327);
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    font-size: 13px;
    vertical-align: middle;
    border-bottom: 1px solid var(--pcs-border-subtle, #f0f0f1);
}
body.pcs-admin-skin .pcs-system-info .pcs-info-table > tbody > tr > td {
    color: var(--pcs-text-soft, #50575e);
    vertical-align: middle;
    border-bottom: 1px solid var(--pcs-border-subtle, #f0f0f1);
}
body.pcs-admin-skin .pcs-system-info .pcs-info-table > tbody > tr:last-child > th,
body.pcs-admin-skin .pcs-system-info .pcs-info-table > tbody > tr:last-child > td {
    border-bottom: 0;
}

/* Good / bad status pills — align the dashicon inside the pill */
body.pcs-admin-skin .pcs-system-info .pcs-status-pill {
    line-height: 1.4;
    max-width: 100%;
}
body.pcs-admin-skin .pcs-system-info .pcs-status-pill .dashicons {
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
}

/* PHP Info dump — keep the wide native phpinfo table readable and
   let it scroll horizontally on small screens. */
body.pcs-admin-skin .pcs-phpinfo .pcs-card-body { overflow-x: auto; }
body.pcs-admin-skin .pcs-phpinfo table.phpinfo {
    width: 100%;
    font-size: 12px;
}
body.pcs-admin-skin .pcs-phpinfo table.phpinfo th.e {
    text-align: left;
    white-space: nowrap;
}

/* ------------------------------------------------------------
   Tools
   ------------------------------------------------------------ */
/* Section titles sit in the card head; drop legacy H2 chrome. */
body.pcs-admin-skin .pcs-tools .pcs-card-head .pcs-card-title {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
body.pcs-admin-skin .pcs-tools .pcs-card-head .pcs-card-title img {
    display: inline-block;
    vertical-align: middle;
}

/* Buttons: make the pcs-btn look win over the bridge for tool buttons. */
body.pcs-admin-skin .pcs-tools .pcs-card-body .pcs-btn {
    min-height: 30px;
    line-height: 1;
}
body.pcs-admin-skin .pcs-tools .pcs-card-body .pcs-btn + .pcs-btn { margin-left: 4px; }

/* Inline loading spinners keep their baseline next to buttons. */
body.pcs-admin-skin .pcs-tools .nbd-admin-tool-img-loading {
    vertical-align: middle;
    margin-left: 6px;
}

/* CodeMirror / custom code textareas — full width, monospace, framed. */
body.pcs-admin-skin .pcs-tools #nbdsigner_custom_css,
body.pcs-admin-skin .pcs-tools #nbdsigner_custom_js {
    width: 100%;
    font-family: Menlo, Consolas, Monaco, monospace;
    font-size: 13px;
    border: 1px solid var(--pcs-border, #c3c4c7);
    border-radius: var(--pcs-radius-sm, 8px);
}
body.pcs-admin-skin .pcs-tools .CodeMirror {
    border: 1px solid var(--pcs-border, #c3c4c7);
    border-radius: var(--pcs-radius-sm, 8px);
}

/* Debug log viewer */
body.pcs-admin-skin .pcs-tools .nbd-admin-tool-debug-log pre {
    max-height: 360px;
    overflow: auto;
    background: var(--pcs-bg-soft, #f6f7f7);
    border: 1px solid var(--pcs-border-light, #dcdcde);
    border-radius: var(--pcs-radius-sm, 8px);
    padding: 12px;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
}
body.pcs-admin-skin .pcs-tools .nbd-admin-tool-delete-log {
    text-decoration: none;
}

/* Migrate domain form table sits flush inside the card body. */
body.pcs-admin-skin .pcs-tools #nbdesigner-migrate-info { margin: 0; }

/* ------------------------------------------------------------
   About / Support
   ------------------------------------------------------------ */
body.pcs-admin-skin .nbd-support-wrap .nbd-logo img { max-height: 40px; width: auto; }
body.pcs-admin-skin .nbd-support-wrap .nbd-intro { margin: 0 0 16px; color: var(--pcs-text-soft, #50575e); }
body.pcs-admin-skin .nbd-support-wrap .nbd-enhance__column .pcs-card-body h4 {
    font-size: 13px;
    font-weight: 700;
    margin: 12px 0 4px;
    color: var(--pcs-text, #1d2327);
}
body.pcs-admin-skin .nbd-support-wrap .nbd-enhance__column .pcs-card-body h4:first-child { margin-top: 0; }
body.pcs-admin-skin .nbd-support-wrap .nbd-change-log__wrap,
body.pcs-admin-skin .nbd-support-wrap .nbd-faq__wrap {
    font-size: 13px;
    color: var(--pcs-text-soft, #50575e);
    line-height: 1.5;
}
body.pcs-admin-skin .nbd-support-wrap .nbd-project { margin-top: 16px; }
body.pcs-admin-skin .nbd-support-wrap .nbd-project img { vertical-align: middle; }