/* One look for every dialog (2026-10-26, user: "consistent, neat, and professional"): the jquery-confirm dialogs get theme "ih" from
   js/jconfirm-labels.js, which also picks their size (small 440 px, medium 560 px, large 860 px) and their buttons' kinds:
   main (teal), others (white), and Delete or Remove (red: the main action, or a red link on the left when the dialog saves something else). */

.jconfirm.jconfirm-ih .jconfirm-bg { background-color: #111827; }
.jconfirm.jconfirm-ih .jconfirm-bg.jconfirm-bg-h { opacity: 0 !important; }
.jconfirm.jconfirm-ih .jconfirm-bg:not(.jconfirm-bg-h) { opacity: .45 !important; }

.jconfirm.jconfirm-ih .jconfirm-box {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(17, 24, 39, .22);
    padding: 0;
    border: 0 !important; /* a dialog's type (green, orange) drew a colored bar on top */
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #374151;
}

/* the header: the title (an icon before it on results and deletes), the close button */
.jconfirm.jconfirm-ih .jconfirm-box div.jconfirm-title-c {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 52px 13px 20px;
    border-bottom: 1px solid #e5e7eb;
    user-select: none;
}
.jconfirm.jconfirm-ih .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    display: block;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.35;
    color: #111827;
}
.jconfirm.jconfirm-ih .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { font-size: 20px; line-height: 1; margin: 0; padding: 0; color: #0f6674; }
.jconfirm.jconfirm-ih .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i { line-height: 1; }
.jconfirm.jconfirm-ih .jconfirm-icon-c .fa-check-circle, .jconfirm.jconfirm-ih .jconfirm-icon-c .fa-circle-check { color: #198754; }
.jconfirm.jconfirm-ih .jconfirm-icon-c .fa-warning, .jconfirm.jconfirm-ih .jconfirm-icon-c .fa-triangle-exclamation,
.jconfirm.jconfirm-ih .jconfirm-icon-c .ih-icon-danger { color: #dc3545; }
.jconfirm.jconfirm-ih .jconfirm-box div.jconfirm-closeIcon {
    top: 13px;
    right: 14px;
    width: 28px;
    height: 28px;
    line-height: 26px;
    font-size: 22px !important;
    border-radius: 6px;
    color: #9ca3af;
    opacity: 1;
}
.jconfirm.jconfirm-ih .jconfirm-box div.jconfirm-closeIcon:hover { color: #374151; background: #f3f4f6; }

/* the content */
.jconfirm.jconfirm-ih .jconfirm-box div.jconfirm-content-pane { margin: 0; padding: 16px 20px; }
.jconfirm.jconfirm-ih .jconfirm-box div.jconfirm-content-pane .jconfirm-content { font-size: 14.5px; line-height: 1.55; color: #374151; overflow: visible; }
.jconfirm.jconfirm-ih .jconfirm-content p:last-child { margin-bottom: 0; }
.jconfirm.jconfirm-ih .jconfirm-content label:not(.form-check-label):not(.custom-control-label) { font-size: 13px; font-weight: 600; color: #374151; margin-bottom: 4px; } /* a field's label (not a choice's) */
.jconfirm.jconfirm-ih .jconfirm-content .form-group > label:not(.form-check-label):not(.custom-control-label):only-child,
.jconfirm.jconfirm-ih .jconfirm-content .form-group > label:not(.form-check-label):not(.custom-control-label):has(+ label) { font-size: inherit; font-weight: 400; margin-bottom: 0; } /* a label holding a message or a comment (Remove This Phase, a reply's comment), not a field's */
.jconfirm.jconfirm-ih .jconfirm-content .form-group > br:first-child,
.jconfirm.jconfirm-ih .jconfirm-content .form-control + br { display: none; } /* line breaks used as spacing between fields (Update Status, Add Client): a set gap instead, none before the first or after the last */
.jconfirm.jconfirm-ih .jconfirm-content .form-control + br + label { margin-top: 14px; }
.jconfirm.jconfirm-ih .jconfirm-content .text-warning { color: #b45309 !important; } /* Bootstrap's yellow is too light for text on white (Change Analysis Type) */
.jconfirm.jconfirm-ih .jconfirm-content .form-control { font-size: 14px; border-radius: 8px; border-color: #d1d5db; }
.jconfirm.jconfirm-ih .jconfirm-content .form-control:focus { border-color: #17a2b8; box-shadow: 0 0 0 3px rgba(23, 162, 184, .15); }
.jconfirm.jconfirm-ih .jconfirm-content .form-group:last-child { margin-bottom: 0; }

/* the buttons: one line, on the right, main last */
.jconfirm.jconfirm-ih .jconfirm-box .jconfirm-buttons {
    float: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border-top: 1px solid #e5e7eb;
    background: #fafafa;
}
.jconfirm.jconfirm-ih .jconfirm-box .jconfirm-buttons button {
    margin: 0;
    padding: 7px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: none;
    border-radius: 8px;
    border: 1px solid transparent;
}
.jconfirm.jconfirm-ih .jconfirm-buttons button.ih-btn-primary { background: #17a2b8; border-color: #17a2b8; color: #fff; }
.jconfirm.jconfirm-ih .jconfirm-buttons button.ih-btn-primary:hover { background: #138496; border-color: #117a8b; }
.jconfirm.jconfirm-ih .jconfirm-buttons button.ih-btn-secondary { background: #fff; border-color: #d1d5db; color: #374151; }
.jconfirm.jconfirm-ih .jconfirm-buttons button.ih-btn-secondary:hover { background: #f3f4f6; }
.jconfirm.jconfirm-ih .jconfirm-buttons button.ih-btn-danger { background: #dc3545; border-color: #dc3545; color: #fff; }
.jconfirm.jconfirm-ih .jconfirm-buttons button.ih-btn-danger:hover { background: #c82333; border-color: #bd2130; }
.jconfirm.jconfirm-ih .jconfirm-buttons button.ih-btn-danger-link { background: transparent; color: #b91c1c; padding-left: 6px; padding-right: 6px; margin-right: auto; }
.jconfirm.jconfirm-ih .jconfirm-buttons button.ih-btn-danger-link:hover { background: #fef2f2; }
.jconfirm.jconfirm-ih .jconfirm-buttons button:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgba(23, 162, 184, .3); }

/* phones: full width with a 16 px margin, buttons stacked, the main one on top */
@media (max-width: 575.98px) {
    .jconfirm.jconfirm-ih .jconfirm-box { width: calc(100vw - 32px) !important; }
    .jconfirm.jconfirm-ih .jconfirm-box .jconfirm-buttons { flex-direction: column-reverse; align-items: stretch; }
    .jconfirm.jconfirm-ih .jconfirm-buttons button.ih-btn-danger-link { margin-right: 0; }
}