.fic-root,
.fic-trigger-wrap {
    --fic-primary: #23384d;
    --fic-accent: #ef4338;
    --fic-overlay: .72;
    --fic-border: #e2e8ef;
    --fic-text: #15202b;
    --fic-muted: #6c7884;
    --fic-surface: #ffffff;
    --fic-soft: #f4f7fa;
    --fic-shadow: 0 18px 50px rgba(22, 35, 48, .10);
    font-family: inherit;
    line-height: 1.4;
}

.fic-root *,
.fic-root *::before,
.fic-root *::after,
.fic-trigger-wrap *,
.fic-trigger-wrap *::before,
.fic-trigger-wrap *::after {
    box-sizing: border-box;
}

/* Modal trigger */
.fic-trigger-wrap {
    display: block;
    width: 100%;
}

.fic-open {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 11px 17px 11px 14px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: var(--fic-primary) !important;
    color: #fff !important;
    font: inherit !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: -.01em !important;
    text-decoration: none !important;
    text-transform: none !important;
    cursor: pointer !important;
    box-shadow: 0 10px 24px rgba(35, 56, 77, .22) !important;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

.fic-open:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(35, 56, 77, .28) !important;
    filter: brightness(1.04);
}

.fic-open__icon {
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border-radius: 8px;
    background: rgba(255,255,255,.14);
}

.fic-open__icon svg {
    display: block;
    width: 17px;
    height: 17px;
    fill: currentColor;
}

.fic-open__arrow {
    font-size: 18px;
    transition: transform .2s ease;
}

.fic-open:hover .fic-open__arrow { transform: translateX(3px); }

.fic-open:focus-visible,
.fic-close:focus-visible,
.fic-field input:focus-visible,
.fic-range:focus-visible,
.fic-notes summary:focus-visible {
    outline: 3px solid rgba(239, 67, 56, .32) !important;
    outline-offset: 3px !important;
}

/* Shared panel header */
.fic-panel-header {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    padding: 27px 30px 23px;
    color: #fff;
    background: var(--fic-primary);
    background:
        radial-gradient(circle at 85% 10%, rgba(255,255,255,.16), transparent 30%),
        linear-gradient(135deg, #192c3e, var(--fic-primary));
}

.fic-eyebrow {
    display: inline-block;
    margin: 0 0 5px !important;
    color: rgba(255,255,255,.75) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase;
}

.fic-panel-header h2 {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: clamp(24px, 3vw, 35px) !important;
    font-weight: 780 !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    text-transform: none !important;
}

.fic-panel-header p {
    margin: 8px 0 0 !important;
    padding: 0 !important;
    color: rgba(255,255,255,.76) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

.fic-close {
    -webkit-appearance: none !important;
    appearance: none !important;
    flex: 0 0 auto;
    display: grid !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    place-items: center;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: background .2s ease, transform .2s ease !important;
}

.fic-close:hover {
    background: rgba(255,255,255,.20) !important;
    transform: rotate(4deg);
}

.fic-close svg {
    display: block;
    width: 22px;
    height: 22px;
    fill: currentColor;
}

/* Modal */
.fic-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    display: grid !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 24px !important;
    place-items: center;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: none !important;
    transition: opacity .22s ease, visibility .22s ease;
}

.fic-modal.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.fic-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(10, 17, 25, var(--fic-overlay));
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.fic-dialog {
    position: relative;
    z-index: 1;
    width: min(1180px, 100%) !important;
    max-width: 1180px !important;
    max-height: min(900px, calc(100vh - 48px));
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 24px;
    background: var(--fic-soft);
    box-shadow: 0 30px 90px rgba(0,0,0,.34);
    transform: translateY(18px) scale(.985);
    transition: transform .25s cubic-bezier(.2,.8,.2,1);
}

.fic-modal.is-open .fic-dialog { transform: translateY(0) scale(1); }

.fic-dialog__body {
    max-height: calc(min(900px, 100vh - 48px) - 126px);
    overflow: auto;
    padding: 24px;
    overscroll-behavior: contain;
    background: var(--fic-soft);
}

/* Embedded mode */
.fic-embed {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 28px auto !important;
    overflow: hidden;
    border: 1px solid var(--fic-border);
    border-radius: 24px;
    background: var(--fic-soft);
    box-shadow: var(--fic-shadow);
    isolation: isolate;
}

.fic-embed__body {
    padding: 24px;
    background: var(--fic-soft);
}

/* Calculators grid */
.fic-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.fic-grid > * {
    min-width: 0;
}

.fic-card {
    position: relative;
    width: 100%;
    min-width: 0;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid var(--fic-border);
    border-radius: 19px;
    background: var(--fic-surface);
    box-shadow: 0 12px 30px rgba(22,35,48,.07);
}

.fic-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--fic-primary);
}

.fic-card--card::before { background: var(--fic-accent); }

.fic-card__top {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 23px 23px 19px;
    border-bottom: 1px solid var(--fic-border);
}

.fic-card__icon {
    flex: 0 0 auto;
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 14px;
    background: #edf2f6;
    color: var(--fic-primary);
}

.fic-card--card .fic-card__icon {
    background: #fff0ee;
    color: var(--fic-accent);
}

.fic-card__icon svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: currentColor;
}

.fic-card__top h3 {
    margin: 0 0 7px !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--fic-text) !important;
    font-family: inherit !important;
    font-size: clamp(18px, 2vw, 23px) !important;
    font-weight: 760 !important;
    line-height: 1.18 !important;
    letter-spacing: -.025em !important;
    text-transform: none !important;
}

.fic-rate-pill {
    display: inline-flex;
    max-width: 100%;
    padding: 5px 9px;
    border-radius: 999px;
    background: #edf2f6;
    color: var(--fic-primary);
    font-size: 11px;
    font-weight: 750;
    line-height: 1.35;
}

.fic-card--card .fic-rate-pill {
    background: #fff0ee;
    color: var(--fic-accent);
}

.fic-fields {
    display: grid;
    gap: 18px;
    padding: 23px;
}

.fic-field {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.fic-field__label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 8px !important;
    color: var(--fic-text) !important;
    font-size: 13px !important;
    font-weight: 760 !important;
    line-height: 1.35 !important;
}

.fic-field__label small {
    color: var(--fic-muted) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

.fic-money-input {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.fic-money-input__symbol {
    position: absolute;
    left: 15px;
    z-index: 2;
    color: var(--fic-muted);
    font-size: 20px;
    font-weight: 650;
    line-height: 1;
    pointer-events: none;
}

.fic-root .fic-money-input input[type="text"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 51px !important;
    min-height: 51px !important;
    margin: 0 !important;
    padding: 0 16px 0 43px !important;
    border: 1px solid #d8e0e8 !important;
    border-radius: 12px !important;
    background: #fbfcfd !important;
    color: var(--fic-text) !important;
    font-family: inherit !important;
    font-size: 17px !important;
    font-weight: 740 !important;
    line-height: 51px !important;
    text-align: right !important;
    box-shadow: none !important;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.fic-root .fic-money-input input[type="text"]:hover {
    border-color: #bcc8d4 !important;
}

.fic-root .fic-money-input input[type="text"]:focus {
    border-color: var(--fic-primary) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(35, 56, 77, .10) !important;
    outline: 0 !important;
}

.fic-root .fic-card--card .fic-money-input input[type="text"]:focus {
    border-color: var(--fic-accent) !important;
    box-shadow: 0 0 0 4px rgba(239, 67, 56, .10) !important;
}

.fic-installments {
    padding: 16px;
    border: 1px solid var(--fic-border);
    border-radius: 14px;
    background: var(--fic-soft);
}

.fic-installments__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 15px;
}

.fic-installments__head span {
    display: block;
    color: var(--fic-text);
    font-size: 13px;
    font-weight: 760;
}

.fic-installments__head small {
    display: block;
    margin-top: 3px;
    color: var(--fic-muted);
    font-size: 11px;
}

.fic-installments__value {
    display: grid;
    min-width: 43px;
    height: 43px;
    padding: 0 8px;
    place-items: center;
    border-radius: 12px;
    background: var(--fic-primary);
    color: #fff;
    font-size: 16px;
    font-weight: 800;
}

.fic-card--card .fic-installments__value { background: var(--fic-accent); }

.fic-root .fic-range {
    --fic-progress: 0%;
    -webkit-appearance: none !important;
    appearance: none !important;
    display: block !important;
    width: 100% !important;
    height: 5px !important;
    min-height: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(to right, var(--fic-primary) 0 var(--fic-progress), #dce2e8 var(--fic-progress) 100%) !important;
    box-shadow: none !important;
    cursor: pointer;
}

.fic-root .fic-card--card .fic-range {
    background: linear-gradient(to right, var(--fic-accent) 0 var(--fic-progress), #dce2e8 var(--fic-progress) 100%) !important;
}

.fic-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 21px;
    height: 21px;
    margin: 0;
    border: 4px solid #fff;
    border-radius: 50%;
    background: var(--fic-primary);
    box-shadow: 0 2px 8px rgba(0,0,0,.22);
}

.fic-card--card .fic-range::-webkit-slider-thumb { background: var(--fic-accent); }

.fic-range::-moz-range-thumb {
    width: 14px;
    height: 14px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: var(--fic-primary);
    box-shadow: 0 2px 8px rgba(0,0,0,.22);
}

.fic-card--card .fic-range::-moz-range-thumb { background: var(--fic-accent); }

.fic-range__labels {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    color: var(--fic-muted);
    font-size: 10px;
    font-weight: 700;
}

.fic-result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 23px 20px;
    padding: 18px;
    border-radius: 15px;
    background: var(--fic-primary);
    background: linear-gradient(135deg, #192c3e, var(--fic-primary));
    color: #fff;
}

.fic-card--card .fic-result {
    background: var(--fic-accent);
    background: linear-gradient(135deg, #d9352b, var(--fic-accent));
}

.fic-result span {
    display: block;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 720 !important;
    opacity: .80;
}

.fic-result small {
    display: block;
    margin-top: 4px;
    color: #fff !important;
    font-size: 10px !important;
    opacity: .67;
}

.fic-payment {
    color: #fff !important;
    white-space: nowrap;
    font-size: clamp(24px, 3vw, 34px) !important;
    font-weight: 790 !important;
    line-height: 1 !important;
    letter-spacing: -.035em !important;
}

.fic-error {
    margin: -7px 23px 17px;
    padding: 10px 12px;
    border-radius: 9px;
    background: #fff1f0;
    color: #a12620;
    font-size: 12px;
    font-weight: 650;
}

.fic-notes {
    margin: 0 23px 22px !important;
    padding: 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--fic-border) !important;
    color: var(--fic-muted);
    font-size: 11px;
    line-height: 1.55;
}

.fic-notes div {
    padding: 14px 0 4px;
    color: var(--fic-muted);
}

.fic-formula {
    margin: -12px 23px 20px;
    padding: 9px 11px;
    border-radius: 9px;
    background: #f1f4f7;
    color: var(--fic-muted);
    font-size: 10px;
}

html.fic-lock,
body.fic-lock {
    overflow: hidden !important;
    overscroll-behavior: none;
}

@media (max-width: 900px) {
    .fic-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    .fic-modal { padding: 14px !important; }
    .fic-dialog { max-height: calc(100vh - 28px); border-radius: 18px; }
    .fic-panel-header { padding: 21px 20px 18px; }
    .fic-dialog__body { max-height: calc(100vh - 112px); padding: 15px; }
    .fic-embed__body { padding: 15px; }
}

@media (max-width: 560px) {
    .fic-open { width: 100% !important; }

    .fic-modal {
        align-items: end !important;
        padding: 0 !important;
    }

    .fic-dialog {
        width: 100% !important;
        max-width: 100% !important;
        max-height: 94vh;
        border-radius: 20px 20px 0 0;
        transform: translateY(30px);
    }

    .fic-panel-header {
        gap: 14px;
        padding: 19px 18px 17px;
    }

    .fic-panel-header h2 { font-size: 24px !important; }
    .fic-panel-header p { display: none; }
    .fic-dialog__body { max-height: calc(94vh - 91px); padding: 11px; }

    .fic-embed {
        margin: 20px auto !important;
        border-radius: 18px;
    }

    .fic-embed__body { padding: 11px; }
    .fic-card__top,
    .fic-fields { padding: 18px; }

    .fic-card__top { gap: 11px; }
    .fic-card__icon { width: 42px; height: 42px; border-radius: 12px; }
    .fic-rate-pill { border-radius: 8px; }

    .fic-result {
        margin: 0 18px 16px;
        padding: 16px;
        align-items: flex-end;
    }

    .fic-payment { font-size: 25px !important; }
    .fic-notes { margin-inline: 18px !important; }
}

@media (max-width: 390px) {
    .fic-result {
        align-items: flex-start;
        flex-direction: column;
    }

    .fic-payment { align-self: flex-end; }
}

@media (prefers-reduced-motion: reduce) {
    .fic-open,
    .fic-dialog,
    .fic-modal,
    .fic-close {
        transition: none !important;
    }
}

/* Copy alignment with the reference calculator. */
.fic-root .fic-field__hint {
    display: block;
    margin-top: 4px;
    color: #7a8492;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 500;
}

.fic-root .fic-field__hint + .fic-field__hint {
    margin-top: 2px;
}



/* Προαιρετική προστασία αντιγραφής μόνο για τους όρους του frontend. */
.fic-root.fic-copy-protected .fic-notes,
.fic-root.fic-copy-protected .fic-notes * {
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
}

.fic-root.fic-copy-protected .fic-notes {
    cursor: default;
}