/* Insight K9 Invoice Tips 0.5.8 — focused tip-section refinement. */
.ik9-tip-panel,
.ik9-tip-summary {
    background: #f5f6f8;
    border: 1px solid #d8dde2;
    border-top: 3px solid #c91823;
    border-radius: 12px;
    box-sizing: border-box;
    color: #202326;
    font: 16px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    margin: 24px 0;
    padding: 20px;
    min-width: 0;
    overflow-wrap: anywhere;
}
.ik9-tip-panel h3,
.ik9-tip-summary h3 {
    color: #202326;
    font: 750 20px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    margin: 0 0 8px;
}
.ik9-tip-panel p,
.ik9-tip-summary p {margin: 6px 0; line-height: 1.55;}
.ik9-tip-form label,
.ik9-tip-summary label {
    display: block;
    font-size: 15px;
    font-weight: 650;
    margin: 18px 0 8px;
    color: #202326;
}
.invoice-due-amount-wrapper.ik9-has-tip-controls {display: block;}
.ik9-has-tip-controls .ik9-tip-summary {text-align: left;}
.ik9-has-tip-controls .invoice-make-payment-btn {box-sizing: border-box; display: flex; justify-content: center; width: 100%;}
.ik9-tip-presets {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    margin: 18px 0 10px;
}
.ik9-tip-presets button {
    background: #fff;
    border: 1px solid #89939c;
    border-radius: 10px;
    color: #202326;
    cursor: pointer;
    font: 650 16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    min-height: 56px;
    padding: 10px 14px;
    box-sizing: border-box;
    text-align: center;
    white-space: normal;
}
.ik9-tip-presets button[aria-pressed="true"] {background: #c91823; border-color: #c91823; color: #fff;}
.ik9-tip-presets button:hover:not(:disabled):not([aria-pressed="true"]) {background: #fff1f2; border-color: #c91823;}
.ik9-tip-panel :is(button,input,a):focus-visible,
.ik9-tip-summary :is(button,input,a):focus-visible {outline: 3px solid #c91823; outline-offset: 3px;}
.ik9-tip-presets button:disabled {cursor: wait; opacity: .65;}
.ik9-tip-action-row,
.ik9-tip-summary-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
    gap: 14px;
    align-items: end;
}
.ik9-tip-input-wrap {
    position: relative;
    min-width: 0;
}
.ik9-tip-currency {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    font-weight: 750;
    color: #202326;
    pointer-events: none;
}
.ik9-tip-input-wrap input,
.ik9-tip-controls input,
.ik9-tip-summary-controls input {
    background: #fff;
    color: #202326;
    border: 1px solid #89939c;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 16px;
    height: 56px;
    min-width: 0;
    padding: 10px 12px 10px 34px;
    width: 100%;
}
.ik9-tip-submit,
.ik9-tip-controls button,
.ik9-tip-summary-controls button {
    background: #c91823;
    border: 1px solid #c91823;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    font: 700 16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    min-height: 56px;
    padding: 12px 18px;
    box-sizing: border-box;
    width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
}
.ik9-tip-submit:hover:not(:disabled),
.ik9-tip-controls button:hover:not(:disabled),
.ik9-tip-summary-controls button:hover:not(:disabled) {background: #a81420; border-color: #a81420;}
.ik9-tip-submit:disabled,
.ik9-tip-controls button:disabled,
.ik9-tip-summary-controls button:disabled {cursor: wait; opacity: .65;}
.ik9-tip-total {
    align-items: center;
    border-top: 1px solid #d8dde2;
    color: #202326;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    justify-content: space-between;
    margin-top: 16px !important;
    padding-top: 14px;
}
.ik9-tip-total-label {
    font-size: 15px;
    font-weight: 650;
}
.ik9-tip-total-value {
    font-size: 20px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}
.ik9-tip-staff-note {border-left: 3px solid #89939c; color: #555e66; font-size: 14px; margin-top: 16px !important; padding-left: 12px;}
.ik9-tip-notice,
.ik9-tip-message {border-radius: 8px; font-size: 15px; line-height: 1.5; margin-top: 12px !important;}
.ik9-tip-notice {background: #edf8f1; color: #216041; padding: 12px; border: 1px solid #78a18b;}
.ik9-tip-notice.is-error,
.ik9-tip-message.is-error {background: #fff1f2; color: #8e1822; padding: 12px; border: 1px solid #cf858b;}
.ik9-tip-paid {align-items: center; background: #f5f6f8; border: 1px solid #d8dde2; border-radius: 10px; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; margin: 20px 0; padding: 16px; font: 16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; color: #202326;}
.ik9-tip-paid strong {font-weight: 750; font-variant-numeric: tabular-nums;}
.ik9-tip-offline-note {background: #f5f6f8; color: #202326; border-left: 4px solid #89939c; border-radius: 0 8px 8px 0; margin: 16px 0; padding: 14px; font-size: 15px; line-height: 1.5;}
.ik9-tip-offline-note p {margin: 6px 0 0;}
@media(max-width: 720px) {
    .ik9-tip-panel, .ik9-tip-summary {padding: 16px;}
    .ik9-tip-presets {grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));}
    .ik9-tip-action-row, .ik9-tip-summary-controls {grid-template-columns: 1fr;}
    .ik9-tip-submit, .ik9-tip-controls button, .ik9-tip-summary-controls button {width: 100%;}
    .ik9-tip-total {align-items: flex-start; flex-direction: column;}
}
@media print {
    .ik9-tip-form, .ik9-tip-summary-controls, .ik9-tip-presets, .ik9-tip-message, .ik9-tip-panel, .ik9-tip-summary {display: none !important;}
    .ik9-tip-panel, .ik9-tip-summary {background: #fff; border: 1px solid #89939c; padding: 12px; break-inside: avoid;}
    .ik9-tip-paid, .ik9-tip-offline-note {background: #fff; color: #202326; break-inside: avoid;}
}