/* TenderSense custom styles */

/* Apply on every page so Alpine x-cloak hides initial unrendered state */
[x-cloak] { display: none !important; }

.card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 1.5rem;
    transition: all 0.18s ease;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.card:hover {
    border-color: #6366f1;
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.12);
    transform: translateY(-2px);
}

/* Tooltip affordance: στοιχεία με εξήγηση (title) φαίνονται με
   διακεκομμένη υπογράμμιση + δείκτη βοήθειας. */
.help-hint {
    border-bottom: 1px dotted #94a3b8;
    cursor: help;
    text-decoration: none;
}
.help-hint:hover {
    border-bottom-color: #4f46e5;
    color: #4f46e5;
}

/* Mobile: πίνακες πολλών στηλών κάνουν horizontal scroll αντί να κόβονται */
@media (max-width: 860px) {
    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* Απόκρυψη ό,τι έχει να κάνει με τιμολόγηση (ενεργοποιεί τα ήδη
   μαρκαρισμένα .ts-hide-pricing: landing pricing section, nav/footer
   «Τιμολόγηση», hero price note, activate renewal buttons). */
.ts-hide-pricing {
    display: none !important;
}

/* ── InvestSense premium UI (.is-* — αδρανή σε άλλες σελίδες) ── */
.is-hero{position:relative;overflow:hidden;border-radius:1.25rem;padding:1.5rem 1.75rem;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 55%,#312e81 100%);box-shadow:0 12px 32px -14px rgba(15,23,42,.5)}
.is-hero-glow{position:absolute;right:-70px;top:-90px;width:280px;height:280px;border-radius:9999px;background:radial-gradient(circle,rgba(99,102,241,.45),transparent 65%);pointer-events:none}
.is-hero-glow2{position:absolute;left:22%;bottom:-130px;width:240px;height:240px;border-radius:9999px;background:radial-gradient(circle,rgba(56,189,248,.28),transparent 65%);pointer-events:none}
.is-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.14rem .6rem;border-radius:9999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);font-size:11px;font-weight:600;letter-spacing:.02em;color:#e0e7ff}
.is-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:.9rem;padding:.9rem 1rem;transition:box-shadow .15s ease,border-color .15s ease}
.is-kpi:hover{box-shadow:0 8px 20px -12px rgba(15,23,42,.28);border-color:#cbd5e1}
.is-kpi-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:600}
.is-kpi-value{font-size:1.55rem;font-weight:800;color:#0f172a;line-height:1.2;margin-top:.15rem}
.is-kpi-sub{font-size:11px;color:#64748b;margin-top:.1rem}
.is-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border-radius:9999px;font-size:.83rem;font-weight:600;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .15s ease}
.is-tab:hover{border-color:#c7d2fe;color:#312e81}
.is-tab-active{background:#0f172a;border-color:#0f172a;color:#fff;box-shadow:0 8px 18px -10px rgba(15,23,42,.6)}
.is-card{background:#fff;border:1px solid #e8edf3;border-radius:1rem;padding:1rem;transition:box-shadow .15s ease,border-color .15s ease}
.is-card:hover{box-shadow:0 10px 24px -14px rgba(15,23,42,.3);border-color:#dbe3ec}
.is-spinner{display:inline-block;width:14px;height:14px;border-radius:9999px;border:2px solid #cbd5e1;border-top-color:#4f46e5;animation:is-spin .7s linear infinite;vertical-align:-2px}
@keyframes is-spin{to{transform:rotate(360deg)}}
.is-empty{padding:1.25rem;text-align:center;color:#94a3b8;font-size:13px;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:.9rem}

/* ── shared ui.js stage badges ── */
.ui-badge{display:inline-block;padding:.15rem .55rem;border-radius:9999px;font-size:11px;font-weight:600;white-space:nowrap}
.ui-stage-amber{background:#fef3c7;color:#b45309}
.ui-stage-violet{background:#ede9fe;color:#6d28d9}
.ui-stage-emerald{background:#d1fae5;color:#047857}
.ui-stage-teal{background:#ccfbf1;color:#0f766e}
.ui-stage-sky{background:#e0f2fe;color:#0369a1}
.ui-stage-slate{background:#f1f5f9;color:#475569}
.ui-module-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b}
.ui-link{color:#4f46e5;font-size:12.5px;font-weight:600;text-decoration:none}
.ui-link:hover{text-decoration:underline}