/* =========================================================
   ADI Social AI - FRONT REBUILD IQ200 v22
   Full replacement for assets/css/style.css
   ASCII comments only.
   ========================================================= */

:root {
    --bg: #eef4fb;
    --bg2: #f8fbff;
    --panel: #ffffff;
    --text: #071733;
    --text2: #334155;
    --muted: #64748b;
    --blue: #2563eb;
    --blue2: #1d4ed8;
    --cyan: #06b6d4;
    --green: #16a34a;
    --purple: #7e22ce;
    --orange: #c2410c;
    --red: #991b1b;
    --border: #cddbef;
    --border2: #dbe7f5;
    --shadow: 0 24px 70px rgba(15, 23, 42, .10);
    --shadow2: 0 14px 34px rgba(15, 23, 42, .08);
    --radius: 24px;
    --radius2: 32px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(circle at 7% 8%, rgba(37, 99, 235, .18), transparent 30%),
        radial-gradient(circle at 92% 8%, rgba(6, 182, 212, .15), transparent 26%),
        linear-gradient(180deg, #f8fbff 0%, #eef5ff 52%, #f8fbff 100%);
    color: var(--text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body, input, select, textarea, button {
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.container {
    width: min(1240px, 92vw);
    margin: 0 auto;
    padding: 38px 0;
}

a {
    color: var(--blue);
    text-decoration: none;
    font-weight: 800;
}

a:hover { color: var(--blue2); }

img { max-width: 100%; }

h1, h2, h3, h4, h5, h6, strong, label {
    color: var(--text);
    font-weight: 900;
    letter-spacing: -.035em;
}

h1 {
    font-size: clamp(44px, 5.7vw, 78px);
    line-height: .96;
    margin: 0 0 22px;
}

h2 {
    font-size: clamp(32px, 4vw, 54px);
    line-height: 1.02;
    margin: 0 0 14px;
}

h3 {
    font-size: 25px;
    line-height: 1.15;
    margin: 14px 0 10px;
}

p, li, small, .muted {
    color: var(--muted);
    line-height: 1.65;
    font-weight: 550;
}

.lead {
    color: #41516a;
    font-size: 21px;
    line-height: 1.65;
    max-width: 760px;
    margin: 0 0 28px;
}

.eyebrow {
    display: inline-flex;
    width: fit-content;
    padding: 9px 14px;
    margin: 0 0 18px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8 !important;
    font-size: 13px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .11em;
}

/* Topbar */
.topbar {
    position: sticky;
    top: 0;
    z-index: 50;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 16px 6vw;
    background: rgba(255,255,255,.92);
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(16px);
    box-shadow: 0 10px 30px rgba(15,23,42,.045);
}

.brand {
    color: var(--text) !important;
    font-size: 21px;
    font-weight: 950;
    letter-spacing: -.04em;
}

.brand span { color: var(--blue); }

.main-nav {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.main-nav a {
    color: var(--text2) !important;
    font-size: 14px;
    font-weight: 850;
    border-radius: 999px;
    padding: 8px 10px;
}

.main-nav a:hover {
    color: var(--blue) !important;
    background: #eef6ff;
}

.nav-divider {
    width: 1px;
    height: 22px;
    background: #cbd5e1;
    display: inline-block;
}

.admin-link {
    background: rgba(37,99,235,.08);
    border: 1px solid rgba(37,99,235,.18);
    color: #1d4ed8 !important;
}

.nav-orders {
    background: rgba(22,163,74,.10);
    border: 1px solid rgba(22,163,74,.22);
    color: #15803d !important;
}

/* Buttons */
.btn, .btn-small, button, input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border: 0;
    border-radius: 16px;
    padding: 13px 18px;
    background: linear-gradient(135deg, var(--blue), var(--cyan));
    color: #fff !important;
    text-decoration: none;
    font-weight: 950;
    cursor: pointer;
    box-shadow: 0 14px 30px rgba(37,99,235,.19);
    transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

.btn:hover, .btn-small:hover, button:hover, input[type="submit"]:hover {
    transform: translateY(-1px);
    filter: brightness(1.02);
}

.btn-small {
    min-height: 40px;
    padding: 9px 13px;
    border-radius: 13px;
    font-size: 13px;
}

.btn.ghost, .btn-small.ghost, button.ghost {
    background: #fff !important;
    color: var(--text) !important;
    border: 1.5px solid var(--border) !important;
    box-shadow: none !important;
}

.btn.soft {
    background: #eaf4ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #bfdbfe !important;
    box-shadow: none !important;
}

.danger-link { color: var(--red) !important; }

/* Forms */
.form {
    display: grid;
    gap: 16px;
}

.form label, form label {
    display: block;
    color: var(--text) !important;
    font-weight: 850;
    margin: 8px 0;
}

input, select, textarea {
    width: 100%;
    min-height: 52px;
    background: #fff !important;
    color: var(--text) !important;
    border: 1.5px solid var(--border) !important;
    border-radius: 16px;
    padding: 13px 15px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    outline: none;
    box-shadow: none !important;
}

textarea {
    resize: vertical;
    min-height: 130px;
}

input::placeholder, textarea::placeholder {
    color: #94a3b8 !important;
    opacity: 1;
}

input:focus, select:focus, textarea:focus {
    border-color: var(--blue) !important;
    box-shadow: 0 0 0 4px rgba(37,99,235,.13) !important;
}

/* Generic panels */
.panel, .card, .auth-card, .auth-box, .post-card, .result-card, .table-card {
    background: rgba(255,255,255,.96);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: var(--radius2);
    box-shadow: var(--shadow);
    padding: 28px;
}

.grid { display: grid; gap: 22px; }
.grid.two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); }

/* Landing */
.landing-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(360px, .96fr);
    gap: 46px;
    align-items: center;
    padding: 54px 0 74px;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 28px 0 22px;
}

.trust-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.trust-pills span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 13px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--border2);
    color: var(--text2);
    font-size: 14px;
    font-weight: 850;
    box-shadow: 0 8px 18px rgba(15,23,42,.045);
}

.trust-pills span::before {
    content: "✓";
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #dcfce7;
    color: #15803d;
    font-size: 12px;
    font-weight: 950;
}

.hero-preview-card {
    position: relative;
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.96));
    border: 1px solid var(--border);
    border-radius: 36px;
    box-shadow: 0 34px 100px rgba(15,23,42,.14);
    padding: 26px;
    overflow: hidden;
}

.hero-preview-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.13), transparent 36%),
        radial-gradient(circle at bottom left, rgba(6,182,212,.10), transparent 35%);
    pointer-events: none;
}

.hero-preview-card > * { position: relative; }

.preview-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.preview-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.preview-tabs span {
    display: inline-flex;
    padding: 8px 11px;
    border-radius: 999px;
    background: #eef6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    font-size: 13px;
    font-weight: 900;
}

.demo-post-card {
    background: #fff;
    border: 1px solid var(--border2);
    border-radius: 26px;
    padding: 22px;
    box-shadow: 0 18px 45px rgba(15,23,42,.08);
    margin: 16px 0;
}

.demo-post-card h3 {
    font-size: 26px;
    line-height: 1.12;
    margin: 10px 0 12px;
}

.demo-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.demo-tags span {
    display: inline-flex;
    padding: 7px 10px;
    border-radius: 999px;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    color: #0369a1;
    font-size: 13px;
    font-weight: 850;
}

.preview-calendar {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.preview-calendar div {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 12px;
    align-items: center;
    padding: 13px 14px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid var(--border2);
}

.preview-calendar strong {
    color: #1d4ed8;
    font-size: 14px;
}

.preview-calendar span {
    color: var(--text2);
    font-size: 14px;
    font-weight: 750;
}

.landing-section {
    padding: 56px 0;
}

.section-head {
    max-width: 860px;
    margin: 0 0 30px;
}

.section-head p {
    font-size: 19px;
}

.steps-grid, .features-grid, .pricing-grid {
    display: grid;
    gap: 20px;
}

.steps-grid {
    grid-template-columns: repeat(4,minmax(0,1fr));
}

.features-grid, .pricing-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
}

.step-card, .feature-card, .price-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 28px;
    padding: 26px;
    box-shadow: var(--shadow2);
}

.step-number-static {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 16px;
    background: linear-gradient(135deg,var(--blue),var(--cyan));
    color: #fff;
    font-weight: 950;
    margin-bottom: 16px;
}

.feature-icon {
    font-size: 34px;
    margin-bottom: 10px;
}

.split-section {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 28px;
    align-items: start;
    padding: 34px;
    background: rgba(255,255,255,.70);
    border: 1px solid var(--border);
    border-radius: 34px;
    box-shadow: var(--shadow2);
}

.week-plan {
    display: grid;
    gap: 14px;
}

.week-plan div {
    background: #fff;
    border: 1px solid var(--border2);
    border-radius: 22px;
    padding: 20px;
}

.week-plan strong {
    color: var(--blue);
}

.industries-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.industries-list span {
    display: inline-flex;
    padding: 10px 13px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--border2);
    color: var(--text2);
    font-weight: 850;
}

#pakiety {
    scroll-margin-top: 110px;
}

.price-card {
    position: relative;
}

.price-card.featured {
    border-color: #60a5fa;
    box-shadow: 0 30px 90px rgba(37,99,235,.17);
    transform: translateY(-6px);
}

.plan-badge {
    display: inline-flex;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: var(--blue);
    font-size: 13px;
    font-weight: 950;
}

.price {
    display: block;
    color: var(--text);
    font-size: 38px;
    font-weight: 950;
    letter-spacing: -.04em;
    margin: 14px 0 18px;
}

.price-card ul {
    padding-left: 20px;
    margin: 18px 0;
}

.price-card li {
    color: #41516a;
    margin: 8px 0;
    font-weight: 650;
}

.pricing-note {
    margin-top: 18px;
}

.final-cta {
    margin: 56px 0 36px;
    padding: 42px;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(6,182,212,.18), transparent 34%),
        linear-gradient(135deg, #0f172a, #1e3a8a);
    box-shadow: 0 30px 90px rgba(15,23,42,.22);
}

.final-cta * {
    color: #fff !important;
}

.final-cta p {
    color: rgba(255,255,255,.78) !important;
}

/* Dashboard and app pages */
.client-welcome, .generator-wizard-head, .dashboard-hero,
.history-pro-hero, .calendar-hero, .graphics-hero-pro {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 28px;
    align-items: stretch;
    margin: 34px 0 28px;
    padding: 34px;
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(238,247,255,.92));
    border: 1px solid var(--border);
    border-radius: 32px;
    box-shadow: var(--shadow);
}

.history-pro-stats, .calendar-stats, .graphics-stats-pro, .stats-grid, .stats-strip-v16 {
    display: grid;
    gap: 12px;
}

.history-pro-stats div, .calendar-stats div, .graphics-stats-pro div, .stat-card, .stats-strip-v16 div {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 22px;
    padding: 18px 20px;
}

.history-pro-stats span, .calendar-stats span, .graphics-stats-pro span, .stat-card span, .stats-strip-v16 span {
    display: block;
    color: var(--muted);
    font-weight: 750;
    margin-bottom: 5px;
}

.history-pro-stats strong, .calendar-stats strong, .graphics-stats-pro strong, .stat-card strong, .stats-strip-v16 strong {
    display: block;
    color: var(--text);
    font-size: 30px;
    font-weight: 950;
}

.action-grid-v16, .quick-grid, .quick-actions-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 18px;
    margin: 22px 0 24px;
}

.action-tile, .quick-card, .quick-action-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 190px;
    padding: 24px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
    color: var(--text) !important;
}

.action-tile.primary {
    background: linear-gradient(135deg,var(--blue),var(--cyan));
    color: #fff !important;
}

.action-tile.primary * {
    color: #fff !important;
}

.tile-icon {
    font-size: 34px;
}

/* Generator */
.generator-grid-v16, .generator-grid {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 22px;
    align-items: start;
}

.choice-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
}

.choice-card, .option-card, .post-type-card, .scenario-card, .type-card, .goal-card, .mini-card {
    position: relative;
    display: flex !important;
    flex-direction: column;
    gap: 7px;
    padding: 16px !important;
    border-radius: 20px;
    border: 2px solid var(--border2);
    background: #fff;
    cursor: pointer;
    color: var(--text) !important;
    min-height: 112px;
}

.choice-card input[type="radio"], .option-card input[type="radio"], .post-type-card input[type="radio"],
.scenario-card input[type="radio"], .type-card input[type="radio"], .goal-card input[type="radio"],
label.choice-card input, label.option-card input {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

.choice-card:has(input[type="radio"]:checked), .option-card:has(input[type="radio"]:checked),
.choice-card.active, .option-card.active {
    background: #eef7ff !important;
    border-color: var(--blue) !important;
    box-shadow: 0 12px 35px rgba(37,99,235,.13) !important;
}

.generated-content, textarea.generated-content, .result textarea, .result-card textarea {
    width: 100%;
    min-height: 260px;
    background: #fff !important;
    color: var(--text) !important;
    border: 1.5px solid #9eb9dc !important;
    border-radius: 18px;
    padding: 20px;
    font-size: 17px;
    line-height: 1.72;
    font-weight: 500;
}

/* Filters */
.history-filters, .calendar-filters, .graphics-filters-pro {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 22px 0;
}

.history-filters a, .calendar-filters a, .graphics-filters-pro a {
    display: inline-flex;
    padding: 10px 14px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--border);
    color: var(--text) !important;
    font-weight: 850;
}

.history-filters a.active, .calendar-filters a.active, .graphics-filters-pro a.active,
.history-filters a:hover, .calendar-filters a:hover, .graphics-filters-pro a:hover {
    background: #eaf4ff;
    border-color: #bfdbfe;
    color: var(--blue) !important;
}

/* Status */
.status-badge {
    display: inline-flex;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: var(--blue) !important;
    font-size: 13px;
    font-weight: 900;
}

.status-wygenerowana .status-badge, .status-gotowe .status-badge {
    background: #ecfdf3;
    border-color: #bbf7d0;
    color: #15803d !important;
}

.status-pobrana .status-badge, .status-opublikowane .status-badge {
    background: #f3e8ff;
    border-color: #d8b4fe;
    color: var(--purple) !important;
}

.status-pomysl .status-badge, .status-szkic .status-badge {
    background: #fff7ed;
    border-color: #fed7aa;
    color: var(--orange) !important;
}

/* Calendar */
.calendar-form {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px;
    margin-top: 18px;
}

.calendar-form .full, .calendar-form button {
    grid-column: 1 / -1;
}

.calendar-list {
    display: grid;
    gap: 18px;
    margin-bottom: 34px;
}

.calendar-item {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 18px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 28px;
    padding: 22px;
    box-shadow: var(--shadow2);
}

.calendar-date {
    background: #f8fbff;
    border: 1px solid var(--border);
    border-radius: 22px;
    padding: 18px;
    height: fit-content;
}

.calendar-date strong {
    color: var(--blue);
    font-size: 20px;
}

.calendar-note {
    margin: 10px 0;
    padding: 12px 14px;
    background: #f8fbff;
    border: 1px solid var(--border);
    border-radius: 16px;
}

/* Graphics */
.graphics-top-actions {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 22px;
    align-items: start;
    margin: 26px 0 24px;
}

.graphics-list-pro {
    display: grid;
    gap: 22px;
    margin: 22px 0 36px;
}

.graphic-card-pro {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 22px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 28px;
    padding: 22px;
    box-shadow: var(--shadow2);
}

.graphic-preview-pro {
    min-height: 260px;
    background: #f8fbff;
    border: 1px solid var(--border);
    border-radius: 22px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.graphic-preview-pro img {
    width: 100%;
    height: 100%;
    min-height: 260px;
    object-fit: cover;
    display: block;
}

.graphic-placeholder-pro {
    text-align: center;
    padding: 28px;
}

.graphic-placeholder-pro span {
    display: block;
    font-size: 46px;
    margin-bottom: 12px;
}

.graphic-actions-pro, .latest-graphic-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 16px;
}

.latest-graphic-box, .ideas-visible-box {
    margin: 24px 0 30px;
}

.latest-graphic-preview {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 22px;
    align-items: start;
}

.latest-graphic-preview img {
    width: 100%;
    max-width: 380px;
    border-radius: 22px;
    border: 1px solid var(--border);
    background: #f8fbff;
}

.latest-graphic-url, .direct-image-link {
    margin: 12px 0;
    padding: 12px 14px;
    background: #f8fbff;
    border: 1px solid var(--border);
    border-radius: 16px;
    word-break: break-all;
}

.ideas-header-bar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.graphic-ideas-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
    margin-top: 18px;
}

.graphic-idea-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 24px;
    padding: 22px;
    box-shadow: var(--shadow2);
}

/* Tables and admin */
.table-wrap, .table-card {
    overflow: auto;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 22px;
    box-shadow: var(--shadow2);
}

table, .admin-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
}

th, td, .admin-table th, .admin-table td {
    padding: 14px;
    border-bottom: 1px solid var(--border);
    text-align: left;
    vertical-align: top;
}

th, .admin-table th {
    background: #f8fbff;
    color: var(--text2);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* Orders */
.order-shell {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 18px;
    background: linear-gradient(135deg,#f8fbff,#eef6ff);
}

.order-card {
    width: min(940px,100%);
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 28px;
    box-shadow: var(--shadow);
    padding: 34px;
}

.price-box {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
    margin: 24px 0;
}

.price-box > div {
    background: #f8fafc;
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 18px;
}

/* Alerts and footer */
.alert, .notice, .flash, .success-box, .error-box {
    padding: 14px 16px;
    border-radius: 16px;
    font-weight: 750;
    margin: 0 0 18px;
    line-height: 1.5;
}

.alert-success, .flash-success, .success-box {
    background: #ecfdf3;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.alert-danger, .alert-error, .flash-danger, .error-box {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.footer {
    text-align: center;
    color: var(--muted);
    padding: 35px;
    border-top: 1px solid var(--border);
    margin-top: 30px;
}

.copy-toast {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 99;
    background: #0f172a;
    color: #f8fafc;
    border: 1px solid rgba(139,211,255,.35);
    box-shadow: 0 20px 60px rgba(0,0,0,.35);
    border-radius: 16px;
    padding: 14px 18px;
    font-weight: 800;
    opacity: 0;
    transform: translateY(12px);
    pointer-events: none;
    transition: .2s ease;
}

.copy-toast.show {
    opacity: 1;
    transform: translateY(0);
}

/* Responsive */
@media (max-width: 1100px) {
    .landing-hero, .split-section, .client-welcome, .generator-wizard-head, .dashboard-hero,
    .history-pro-hero, .calendar-hero, .graphics-hero-pro, .generator-grid-v16, .generator-grid,
    .graphics-top-actions, .latest-graphic-preview, .graphic-card-pro, .calendar-item {
        grid-template-columns: 1fr;
    }

    .steps-grid, .features-grid, .pricing-grid, .action-grid-v16, .quick-grid, .quick-actions-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .price-card.featured {
        transform: none;
    }

    .topbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .main-nav {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .container {
        width: min(100% - 28px, 1240px);
        padding: 24px 0;
    }

    h1 {
        font-size: 42px;
        line-height: 1.05;
    }

    h2 {
        font-size: 30px;
    }

    .panel, .card, .auth-card, .auth-box, .post-card, .result-card,
    .client-welcome, .generator-wizard-head, .history-pro-hero, .calendar-hero, .graphics-hero-pro {
        padding: 22px;
        border-radius: 24px;
    }

    .steps-grid, .features-grid, .pricing-grid, .action-grid-v16, .quick-grid, .quick-actions-grid,
    .choice-grid, .calendar-form, .price-box, .graphic-ideas-grid {
        grid-template-columns: 1fr;
    }

    .hero-actions, .hero-actions .btn {
        width: 100%;
    }

    .btn, button, input[type="submit"] {
        width: 100%;
    }

    .btn-small {
        width: auto;
    }

    .preview-calendar div {
        grid-template-columns: 1fr;
    }

    .ideas-header-bar {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 520px) {
    .main-nav a {
        font-size: 13px;
        padding: 7px 9px;
    }

    .graphic-actions-pro, .latest-graphic-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .btn-small {
        width: 100%;
    }
}


/* =========================================================
   ADI Social AI - LOGIN FIX v22.1
   ========================================================= */

.login-page-wrap {
    min-height: calc(100vh - 170px);
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(380px, .72fr);
    gap: 34px;
    align-items: center;
    padding: 54px 0 70px;
}

.login-hero {
    padding: 36px;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.12), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(238,247,255,.92));
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
}

.login-hero h1 {
    font-size: clamp(42px, 5vw, 72px);
    margin-bottom: 20px;
}

.login-hero p {
    font-size: 20px;
    max-width: 720px;
}

.login-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px;
    margin-top: 28px;
}

.login-benefits div {
    background: #fff;
    border: 1px solid var(--border2);
    border-radius: 22px;
    padding: 18px;
    box-shadow: 0 10px 24px rgba(15,23,42,.055);
}

.login-benefits strong {
    display: block;
    margin-bottom: 6px;
    font-size: 17px;
}

.login-benefits span {
    color: var(--muted);
    font-weight: 600;
    line-height: 1.45;
}

.login-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 34px;
    padding: 34px;
    box-shadow: 0 34px 100px rgba(15,23,42,.14);
}

.login-card h2 {
    font-size: 42px;
    margin-bottom: 8px;
}

.login-card .muted {
    margin-bottom: 24px;
}

.login-form {
    display: grid;
    gap: 16px;
}

.login-form label {
    color: var(--text);
    font-weight: 900;
}

.login-form input {
    min-height: 56px;
}

.password-field {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
}

.password-field input {
    min-width: 0;
}

.password-field button {
    min-width: 92px;
    background: #fff !important;
    color: var(--text) !important;
    border: 1.5px solid var(--border) !important;
    box-shadow: none !important;
}

.login-submit {
    min-height: 58px;
    font-size: 17px;
    margin-top: 6px;
}

.login-bottom {
    margin-top: 20px;
    padding: 16px;
    border-radius: 20px;
    background: #f8fbff;
    border: 1px solid var(--border2);
    color: var(--muted);
    line-height: 1.55;
}

.login-bottom a {
    font-weight: 950;
}

.login-mini-badge {
    display: inline-flex;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-bottom: 14px;
}

@media (max-width: 1050px) {
    .login-page-wrap {
        grid-template-columns: 1fr;
        padding: 34px 0 50px;
    }

    .login-benefits {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .login-hero,
    .login-card {
        padding: 24px;
        border-radius: 26px;
    }

    .login-card h2 {
        font-size: 34px;
    }

    .password-field {
        grid-template-columns: 1fr;
    }

    .password-field button {
        width: 100%;
    }
}


/* =========================================================
   ADI Social AI - PRODUCT POSITIONING v23
   ========================================================= */

.product-hero h1 { max-width: 820px; }
.product-preview-card { transform: translateY(8px); }

.positioning-box {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 26px;
    align-items: center;
    padding: 34px;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.11), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(238,247,255,.92));
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
}

.positioning-box p {
    font-size: 19px;
    margin: 0;
}

.product-features {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.comparison-list {
    display: grid;
    gap: 14px;
}

.comparison-list div {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 14px;
    align-items: center;
    padding: 18px 20px;
    background: #fff;
    border: 1px solid var(--border2);
    border-radius: 22px;
    box-shadow: 0 10px 24px rgba(15,23,42,.055);
}

.comparison-list strong {
    color: var(--blue);
}

.comparison-list span {
    color: var(--text2);
    font-weight: 750;
}

@media (max-width: 1100px) {
    .positioning-box,
    .comparison-list div {
        grid-template-columns: 1fr;
    }

    .product-features {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 768px) {
    .product-features {
        grid-template-columns: 1fr;
    }

    .positioning-box {
        padding: 24px;
        border-radius: 26px;
    }
}


/* =========================================================
   ADI Social AI - DASHBOARD PREMIUM v24
   ========================================================= */

.dashboard-pro-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 390px;
    gap: 28px;
    align-items: stretch;
    margin: 34px 0 26px;
}

.dashboard-pro-copy {
    position: relative;
    overflow: hidden;
    padding: 38px;
    border-radius: 36px;
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.14), transparent 34%),
        radial-gradient(circle at bottom left, rgba(6,182,212,.12), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.97), rgba(238,247,255,.93));
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
}

.dashboard-pro-copy h1 {
    max-width: 820px;
    font-size: clamp(42px, 5vw, 70px);
    line-height: .98;
    margin: 12px 0 18px;
}

.dashboard-pro-copy p {
    max-width: 780px;
    font-size: 19px;
    color: #41516a;
}

.dashboard-badge,
.mini-label {
    display: inline-flex;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .09em;
}

.dashboard-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.dashboard-company-card {
    padding: 28px;
    border-radius: 34px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: 0 28px 80px rgba(15,23,42,.11);
}

.dashboard-company-card h2 {
    font-size: 30px;
    margin: 14px 0 10px;
}

.company-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 12px;
    margin: 20px 0;
}

.company-mini-grid div {
    padding: 14px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid var(--border2);
}

.company-mini-grid span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 5px;
}

.company-mini-grid strong {
    display: block;
    font-size: 15px;
}

.dashboard-stats-pro {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 14px;
    margin: 20px 0;
}

.dashboard-stats-pro div {
    padding: 22px;
    border-radius: 26px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
}

.dashboard-stats-pro span {
    display: block;
    color: var(--muted);
    font-size: 13px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 8px;
}

.dashboard-stats-pro strong {
    display: block;
    font-size: 30px;
    color: var(--text);
    font-weight: 950;
    letter-spacing: -.04em;
}

.dashboard-stats-pro small {
    display: block;
    margin-top: 5px;
    color: var(--muted);
    font-weight: 650;
}

.usage-pro {
    padding: 16px 18px;
    border-radius: 22px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
    margin: 16px 0 24px;
}

.usage-pro-top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    color: var(--text2);
    font-weight: 850;
}

.usage-pro-line {
    overflow: hidden;
    height: 12px;
    border-radius: 999px;
    background: #e5edf7;
}

.usage-pro-line span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(135deg, var(--blue), var(--cyan));
}

.dashboard-actions-pro {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 18px;
    margin: 26px 0;
}

.dashboard-action-card {
    position: relative;
    min-height: 230px;
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 25px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
    color: var(--text) !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.dashboard-action-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 28px 80px rgba(37,99,235,.14);
    border-color: rgba(37,99,235,.35);
}

.dashboard-action-card.primary {
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 36%),
        linear-gradient(135deg, #2563eb, #06b6d4);
    color: #fff !important;
    border-color: transparent;
}

.dashboard-action-card.primary * {
    color: #fff !important;
}

.dashboard-action-card strong {
    font-size: 23px;
}

.dashboard-action-card p {
    margin: 0;
    color: var(--muted);
}

.dashboard-action-card em {
    margin-top: auto;
    width: fit-content;
    padding: 7px 10px;
    border-radius: 999px;
    background: #eef6ff;
    color: #1d4ed8;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}

.dashboard-action-card.primary em {
    background: rgba(255,255,255,.20);
    color: #fff;
}

.dash-icon {
    font-size: 38px;
    line-height: 1;
}

.dashboard-two-columns {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 22px;
    align-items: start;
    margin: 28px 0;
}

.dashboard-panel {
    border-radius: 32px !important;
}

.dashboard-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.scenario-grid-pro {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px;
}

.scenario-grid-pro a {
    display: block;
    padding: 18px;
    border-radius: 22px;
    background: #f8fbff;
    border: 1px solid var(--border2);
    color: var(--text) !important;
    transition: .16s ease;
}

.scenario-grid-pro a:hover {
    transform: translateY(-2px);
    background: #eef6ff;
    border-color: #bfdbfe;
}

.scenario-grid-pro strong {
    display: block;
    margin-bottom: 6px;
    font-size: 17px;
}

.scenario-grid-pro span {
    display: block;
    color: var(--muted);
    font-weight: 650;
    line-height: 1.45;
}

.today-panel {
    background:
        radial-gradient(circle at top right, rgba(22,163,74,.10), transparent 34%),
        #fff !important;
}

.today-list {
    display: grid;
    gap: 12px;
    margin: 18px 0 22px;
}

.today-list div {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid var(--border2);
}

.today-list strong {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--blue), var(--cyan));
    color: #fff;
}

.today-list span {
    color: var(--text2);
    font-weight: 750;
}

.last-result-panel,
.empty-result-panel {
    margin-top: 28px;
}

.last-result-panel textarea {
    margin-top: 12px;
}

@media (max-width: 1100px) {
    .dashboard-pro-hero,
    .dashboard-two-columns {
        grid-template-columns: 1fr;
    }

    .dashboard-actions-pro,
    .dashboard-stats-pro {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 720px) {
    .dashboard-pro-copy,
    .dashboard-company-card {
        padding: 24px;
        border-radius: 26px;
    }

    .dashboard-actions-pro,
    .dashboard-stats-pro,
    .scenario-grid-pro,
    .company-mini-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-section-head {
        flex-direction: column;
        align-items: stretch;
    }

    .dashboard-hero-actions,
    .dashboard-hero-actions .btn {
        width: 100%;
    }
}


/* =========================================================
   ADI Social AI - GENERATOR ASYSTENT MARKETINGU v25
   ========================================================= */

.generator-pro-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 28px;
    align-items: stretch;
    margin: 34px 0 26px;
    padding: 36px;
    border-radius: 36px;
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.14), transparent 34%),
        radial-gradient(circle at bottom left, rgba(6,182,212,.12), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.97), rgba(238,247,255,.93));
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
}

.generator-pro-hero h1 {
    max-width: 880px;
    font-size: clamp(42px, 5vw, 70px);
    line-height: .98;
    margin: 12px 0 18px;
}

.generator-pro-hero p {
    max-width: 760px;
    font-size: 19px;
    color: #41516a;
}

.generator-badge {
    display: inline-flex;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .09em;
}

.generator-company-mini {
    padding: 24px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
}

.generator-company-mini span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 8px;
}

.generator-company-mini strong {
    display: block;
    font-size: 25px;
    margin-bottom: 6px;
}

.generator-layout-pro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 22px;
    align-items: start;
    margin: 28px 0;
}

.generator-form-pro {
    display: grid;
    gap: 0;
    padding: 0 !important;
    overflow: hidden;
}

.generator-step-pro {
    position: relative;
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 18px;
    padding: 30px;
    border-bottom: 1px solid var(--border2);
}

.generator-step-pro:last-of-type {
    border-bottom: 0;
}

.generator-step-pro .step-number-static {
    margin: 6px 0 0;
}

.choice-grid-pro {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px;
    margin-top: 16px;
}

.choice-card-pro {
    position: relative;
    display: block;
    min-height: 132px;
    padding: 18px;
    border-radius: 24px;
    background: #fff;
    border: 2px solid var(--border2);
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.choice-card-pro:hover {
    transform: translateY(-2px);
    border-color: #bfdbfe;
    background: #f8fbff;
}

.choice-card-pro input {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    pointer-events: none !important;
}

.choice-card-pro strong {
    display: block;
    font-size: 18px;
    margin-bottom: 8px;
}

.choice-card-pro span {
    display: block;
    color: var(--muted);
    line-height: 1.45;
    font-weight: 650;
}

.choice-card-pro:has(input:checked) {
    background: #eef7ff;
    border-color: var(--blue);
    box-shadow: 0 16px 42px rgba(37,99,235,.13);
}

.choice-card-pro:has(input:checked)::after {
    content: "✓";
    position: absolute;
    top: 14px;
    right: 14px;
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: var(--blue);
    color: #fff;
    font-weight: 950;
}

.tone-row-pro {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 16px 0 18px;
}

.tone-pill-pro {
    position: relative;
    display: inline-flex;
    cursor: pointer;
}

.tone-pill-pro input {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
}

.tone-pill-pro span {
    display: inline-flex;
    padding: 10px 13px;
    border-radius: 999px;
    background: #fff;
    border: 1.5px solid var(--border);
    color: var(--text2);
    font-weight: 850;
}

.tone-pill-pro:has(input:checked) span {
    background: #eaf4ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.platform-select-pro {
    display: block;
    margin: 12px 0 16px;
}

.generator-submit-pro {
    margin: 0 30px 30px;
    min-height: 62px;
    font-size: 18px;
}

.generator-side-pro {
    display: grid;
    gap: 18px;
    position: sticky;
    top: 96px;
}

.generator-tip-card {
    border-radius: 28px !important;
}

.generator-tip-card h2 {
    font-size: 32px;
}

.generator-result-pro {
    margin: 30px 0;
}

.generator-result-pro textarea {
    margin-top: 10px;
}

@media (max-width: 1100px) {
    .generator-pro-hero,
    .generator-layout-pro {
        grid-template-columns: 1fr;
    }

    .generator-side-pro {
        position: static;
    }
}

@media (max-width: 760px) {
    .generator-pro-hero {
        padding: 24px;
        border-radius: 28px;
    }

    .generator-step-pro {
        grid-template-columns: 1fr;
        padding: 22px;
    }

    .choice-grid-pro {
        grid-template-columns: 1fr;
    }

    .generator-submit-pro {
        margin: 0 22px 22px;
    }

    .tone-row-pro {
        flex-direction: column;
    }

    .tone-pill-pro span {
        width: 100%;
    }
}


/* =========================================================
   ADI Social AI - GENERATOR COMPACT PRO v25.1
   Fix: too large typography, clipped profile card, oversized layout.
   ========================================================= */

.generator-pro-hero {
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 22px !important;
    padding: 28px !important;
    margin: 26px 0 24px !important;
    border-radius: 30px !important;
    overflow: hidden !important;
}

.generator-pro-hero h1 {
    font-size: clamp(38px, 4.4vw, 58px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.055em !important;
    max-width: 760px !important;
    margin: 12px 0 16px !important;
}

.generator-pro-hero p {
    font-size: 18px !important;
    line-height: 1.55 !important;
    max-width: 720px !important;
}

.generator-badge {
    font-size: 12px !important;
    padding: 8px 12px !important;
    letter-spacing: .08em !important;
}

.generator-company-mini {
    min-width: 0 !important;
    width: 100% !important;
    padding: 22px !important;
    border-radius: 26px !important;
    overflow: hidden !important;
}

.generator-company-mini strong {
    display: block !important;
    font-size: 23px !important;
    line-height: 1.15 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

.generator-company-mini p {
    font-size: 15px !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

.generator-layout-pro {
    grid-template-columns: minmax(0, 1fr) 300px !important;
    gap: 22px !important;
}

.generator-step-pro {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 16px !important;
    padding: 24px !important;
}

.generator-step-pro h2 {
    font-size: clamp(30px, 3.3vw, 44px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.05em !important;
    margin-bottom: 12px !important;
}

.generator-step-pro .eyebrow {
    font-size: 12px !important;
    padding: 8px 12px !important;
    margin-bottom: 12px !important;
}

.generator-step-pro .step-number-static {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
    font-size: 18px !important;
}

.choice-grid-pro {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.choice-card-pro {
    min-height: 118px !important;
    padding: 16px !important;
    border-radius: 22px !important;
}

.choice-card-pro strong {
    font-size: 17px !important;
    line-height: 1.2 !important;
}

.choice-card-pro span {
    font-size: 14px !important;
    line-height: 1.45 !important;
}

.tone-row-pro {
    gap: 8px !important;
}

.tone-pill-pro span {
    padding: 9px 12px !important;
    font-size: 14px !important;
}

.generator-submit-pro {
    min-height: 56px !important;
    font-size: 17px !important;
    margin: 0 24px 24px !important;
}

.generator-side-pro {
    top: 86px !important;
}

.generator-tip-card {
    padding: 22px !important;
    border-radius: 26px !important;
    overflow: hidden !important;
}

.generator-tip-card h2 {
    font-size: 28px !important;
    line-height: 1.05 !important;
    overflow-wrap: anywhere !important;
}

.generator-tip-card p {
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.generator-tip-card strong {
    overflow-wrap: anywhere !important;
}

@media (max-width: 1280px) {
    .container {
        width: min(1180px, 94vw) !important;
    }

    .generator-pro-hero {
        grid-template-columns: minmax(0, 1fr) 300px !important;
    }

    .generator-layout-pro {
        grid-template-columns: minmax(0, 1fr) 280px !important;
    }

    .generator-pro-hero h1 {
        font-size: clamp(36px, 4vw, 54px) !important;
    }

    .generator-step-pro h2 {
        font-size: clamp(28px, 3vw, 40px) !important;
    }
}

@media (max-width: 1100px) {
    .generator-pro-hero,
    .generator-layout-pro {
        grid-template-columns: 1fr !important;
    }

    .generator-side-pro {
        position: static !important;
    }

    .generator-company-mini {
        max-width: 100% !important;
    }
}

@media (max-width: 760px) {
    .generator-pro-hero {
        padding: 22px !important;
        border-radius: 26px !important;
    }

    .generator-pro-hero h1 {
        font-size: 38px !important;
    }

    .generator-pro-hero p {
        font-size: 16px !important;
    }

    .generator-step-pro {
        grid-template-columns: 1fr !important;
        padding: 20px !important;
    }

    .choice-grid-pro {
        grid-template-columns: 1fr !important;
    }

    .choice-card-pro {
        min-height: auto !important;
    }

    .generator-submit-pro {
        margin: 0 20px 20px !important;
    }
}


/* =========================================================
   ADI Social AI - KALENDARZ PUBLIKACJI PRO v26
   ========================================================= */

.calendar-pro-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 24px;
    align-items: stretch;
    margin: 30px 0 24px;
    padding: 30px;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.13), transparent 34%),
        radial-gradient(circle at bottom left, rgba(6,182,212,.11), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.97), rgba(238,247,255,.93));
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
}

.calendar-pro-hero h1 {
    max-width: 850px;
    font-size: clamp(38px, 4.5vw, 60px);
    line-height: 1.02;
    letter-spacing: -.055em;
    margin: 12px 0 16px;
}

.calendar-pro-hero p {
    max-width: 760px;
    font-size: 18px;
    line-height: 1.55;
    color: #41516a;
}

.calendar-badge {
    display: inline-flex;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.calendar-company-card {
    padding: 22px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
    overflow: hidden;
}

.calendar-company-card span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 8px;
}

.calendar-company-card strong {
    display: block;
    font-size: 23px;
    line-height: 1.15;
    margin-bottom: 6px;
    overflow-wrap: anywhere;
}

.calendar-company-card p {
    font-size: 15px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.calendar-pro-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 22px;
    align-items: start;
    margin: 26px 0;
}

.calendar-builder-pro,
.calendar-rhythm-card {
    border-radius: 30px !important;
}

.calendar-builder-pro h2,
.calendar-rhythm-card h2 {
    font-size: clamp(30px, 3.4vw, 44px);
    line-height: 1.05;
}

.calendar-options-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px;
    margin: 18px 0 14px;
}

.calendar-submit-pro {
    margin-top: 12px;
    min-height: 56px;
    font-size: 17px;
}

.rhythm-list {
    display: grid;
    gap: 10px;
    margin: 18px 0;
}

.rhythm-list div {
    display: grid;
    grid-template-columns: 62px 1fr;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid var(--border2);
}

.rhythm-list strong {
    display: grid;
    place-items: center;
    min-height: 38px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--blue), var(--cyan));
    color: #fff;
}

.rhythm-list span {
    color: var(--text2);
    font-weight: 800;
}

.calendar-board-pro {
    margin: 32px 0;
}

.calendar-timeline-pro {
    display: grid;
    gap: 18px;
}

.calendar-plan-card {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 18px;
    padding: 22px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
}

.calendar-plan-date {
    min-height: 130px;
    padding: 18px;
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.12), transparent 40%),
        #f8fbff;
    border: 1px solid var(--border2);
}

.calendar-plan-date strong {
    display: block;
    color: var(--blue);
    font-size: 31px;
    line-height: 1;
    margin-bottom: 10px;
}

.calendar-plan-date span {
    color: var(--muted);
    font-weight: 800;
}

.calendar-plan-head {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.calendar-type-pill {
    display: inline-flex;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: #f8fbff;
    border: 1px solid var(--border2);
    color: var(--text2);
    font-size: 13px;
    font-weight: 850;
}

.calendar-plan-content h3 {
    font-size: 25px;
    margin: 8px 0 12px;
}

.calendar-copy-text {
    width: 100%;
    min-height: 150px;
    padding: 15px;
    border-radius: 18px;
    background: #f8fbff !important;
    border: 1px solid var(--border2) !important;
    color: var(--text2) !important;
    font-size: 15px;
    line-height: 1.58;
    resize: vertical;
}

.calendar-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 14px;
}

.inline-mini-form {
    display: inline;
    margin: 0;
}

.calendar-raw-result {
    margin: 28px 0;
}

.status-gotowe .calendar-plan-date {
    background:
        radial-gradient(circle at top right, rgba(22,163,74,.13), transparent 40%),
        #f0fdf4;
    border-color: #bbf7d0;
}

.status-opublikowane .calendar-plan-date {
    background:
        radial-gradient(circle at top right, rgba(126,34,206,.13), transparent 40%),
        #faf5ff;
    border-color: #e9d5ff;
}

@media (max-width: 1100px) {
    .calendar-pro-hero,
    .calendar-pro-layout,
    .calendar-plan-card {
        grid-template-columns: 1fr;
    }

    .calendar-plan-date {
        min-height: auto;
    }
}

@media (max-width: 720px) {
    .calendar-pro-hero {
        padding: 22px;
        border-radius: 26px;
    }

    .calendar-pro-hero h1 {
        font-size: 38px;
    }

    .calendar-options-grid {
        grid-template-columns: 1fr;
    }

    .calendar-card-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .calendar-card-actions .btn-small,
    .calendar-card-actions button {
        width: 100%;
    }
}


/* =========================================================
   ADI Social AI - CALENDAR COMPACT PRO v26.1
   Fix: oversized calendar heading and cards.
   ========================================================= */

.calendar-pro-hero {
    grid-template-columns: minmax(0, 1fr) 300px !important;
    gap: 22px !important;
    padding: 26px !important;
    margin: 24px 0 22px !important;
    border-radius: 30px !important;
    overflow: hidden !important;
}

.calendar-pro-hero h1 {
    font-size: clamp(36px, 4vw, 54px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.055em !important;
    max-width: 820px !important;
    margin: 12px 0 14px !important;
}

.calendar-pro-hero p {
    font-size: 17px !important;
    line-height: 1.55 !important;
    max-width: 740px !important;
}

.calendar-badge {
    font-size: 12px !important;
    padding: 8px 12px !important;
}

.calendar-company-card {
    padding: 20px !important;
    border-radius: 24px !important;
}

.calendar-company-card strong {
    font-size: 22px !important;
    line-height: 1.15 !important;
}

.calendar-company-card p {
    font-size: 14px !important;
    line-height: 1.45 !important;
}

.calendar-pro-layout {
    grid-template-columns: minmax(0, 1fr) 300px !important;
    gap: 20px !important;
    margin: 22px 0 !important;
}

.calendar-builder-pro,
.calendar-rhythm-card {
    padding: 24px !important;
    border-radius: 26px !important;
}

.calendar-builder-pro h2,
.calendar-rhythm-card h2 {
    font-size: clamp(28px, 3vw, 38px) !important;
    line-height: 1.06 !important;
}

.calendar-options-grid {
    gap: 12px !important;
}

.calendar-submit-pro {
    min-height: 54px !important;
    font-size: 16px !important;
}

.rhythm-list div {
    padding: 11px !important;
    border-radius: 16px !important;
}

.calendar-board-pro {
    margin: 26px 0 !important;
}

.calendar-board-pro > .dashboard-section-head {
    margin-bottom: 18px !important;
}

.calendar-board-pro .dashboard-section-head h2 {
    font-size: clamp(30px, 3.5vw, 44px) !important;
    line-height: 1.05 !important;
}

.calendar-timeline-pro {
    gap: 16px !important;
}

.calendar-plan-card {
    grid-template-columns: 170px minmax(0, 1fr) !important;
    gap: 16px !important;
    padding: 18px !important;
    border-radius: 26px !important;
    align-items: stretch !important;
}

.calendar-plan-date {
    min-height: auto !important;
    padding: 18px !important;
    border-radius: 22px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.calendar-plan-date strong {
    font-size: 30px !important;
    line-height: 1.05 !important;
    margin-bottom: 8px !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

.calendar-plan-date span {
    font-size: 14px !important;
}

.calendar-plan-content {
    min-width: 0 !important;
}

.calendar-plan-head {
    gap: 8px !important;
    margin-bottom: 8px !important;
}

.calendar-type-pill,
.status-badge {
    font-size: 12px !important;
    padding: 7px 10px !important;
}

.calendar-plan-content h3 {
    font-size: clamp(22px, 2.5vw, 30px) !important;
    line-height: 1.12 !important;
    margin: 8px 0 12px !important;
    max-width: 100% !important;
}

.calendar-copy-text {
    min-height: 125px !important;
    padding: 14px !important;
    border-radius: 16px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.calendar-card-actions {
    gap: 8px !important;
    margin-top: 12px !important;
}

.calendar-card-actions .btn-small,
.calendar-card-actions button {
    min-height: 40px !important;
    padding: 9px 13px !important;
    font-size: 13px !important;
}

@media (max-width: 1280px) {
    .calendar-pro-hero {
        grid-template-columns: minmax(0, 1fr) 280px !important;
    }

    .calendar-pro-layout {
        grid-template-columns: minmax(0, 1fr) 280px !important;
    }

    .calendar-plan-card {
        grid-template-columns: 150px minmax(0, 1fr) !important;
    }

    .calendar-plan-date strong {
        font-size: 26px !important;
    }
}

@media (max-width: 1100px) {
    .calendar-pro-hero,
    .calendar-pro-layout,
    .calendar-plan-card {
        grid-template-columns: 1fr !important;
    }

    .calendar-plan-date {
        display: block !important;
    }

    .calendar-plan-date strong {
        font-size: 30px !important;
    }
}

@media (max-width: 720px) {
    .calendar-pro-hero {
        padding: 22px !important;
        border-radius: 26px !important;
    }

    .calendar-pro-hero h1 {
        font-size: 36px !important;
    }

    .calendar-plan-card {
        padding: 16px !important;
        border-radius: 22px !important;
    }

    .calendar-board-pro .dashboard-section-head {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .calendar-card-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .calendar-card-actions .btn-small,
    .calendar-card-actions button {
        width: 100% !important;
    }
}

/* =========================================================
   ADI Social AI - GRAFIKI PRO STUDIO v27
   ========================================================= */

.graphics-studio-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:stretch;margin:28px 0 24px;padding:30px;border-radius:34px;background:radial-gradient(circle at top right,rgba(37,99,235,.13),transparent 34%),radial-gradient(circle at bottom left,rgba(6,182,212,.11),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.97),rgba(238,247,255,.93));border:1px solid var(--border);box-shadow:var(--shadow)}
.graphics-studio-hero h1{max-width:850px;font-size:clamp(38px,4.3vw,58px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 16px}
.graphics-studio-hero p{max-width:760px;font-size:17px;line-height:1.55;color:#41516a}
.graphics-badge{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:999px;background:#eaf4ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.graphics-company-card{padding:22px;border-radius:28px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow2);overflow:hidden}
.graphics-company-card span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.graphics-company-card strong{display:block;font-size:23px;line-height:1.15;margin-bottom:6px;overflow-wrap:anywhere}
.graphics-company-card p{font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.graphics-studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start;margin:26px 0}
.graphics-builder-card,.graphics-rules-card{border-radius:30px!important}
.graphics-builder-card h2,.graphics-rules-card h2{font-size:clamp(30px,3.3vw,44px);line-height:1.05}
.graphics-builder-card label{display:block;margin-top:14px}
.graphics-submit{min-height:56px;font-size:17px;margin-top:18px}
.graphics-rules-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.graphics-rules-list span{display:inline-flex;padding:8px 11px;border-radius:999px;background:#f8fbff;border:1px solid var(--border2);color:var(--text2);font-weight:850;font-size:13px}
.graphics-ideas-section,.graphics-history-section{margin:32px 0}
.graphics-ideas-grid-pro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.graphic-idea-pro{padding:22px;border-radius:28px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow2)}
.graphic-idea-top{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin-bottom:10px}
.graphic-idea-top span,.graphic-idea-top strong{display:inline-flex;width:fit-content;padding:7px 10px;border-radius:999px;background:#eaf4ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:12px;font-weight:900;letter-spacing:0}
.graphic-idea-top strong{background:#f8fbff;border-color:var(--border2);color:var(--text2)}
.graphic-idea-pro h3{font-size:24px;line-height:1.15;margin:10px 0 12px}
.graphic-idea-pro textarea,.graphic-history-content-pro textarea{width:100%;min-height:150px;padding:14px;border-radius:18px;background:#f8fbff!important;border:1px solid var(--border2)!important;color:var(--text2)!important;font-size:14px;line-height:1.55;resize:vertical}
.graphic-idea-actions,.graphic-history-actions-pro{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.graphics-gallery-pro{display:grid;gap:20px}
.graphic-history-card-pro{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;padding:20px;border-radius:30px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow2)}
.graphic-image-box-pro{min-height:250px;border-radius:24px;overflow:hidden;background:#f8fbff;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center}
.graphic-image-box-pro img{width:100%;height:100%;min-height:250px;object-fit:cover;display:block}
.graphic-no-image{text-align:center;padding:24px}.graphic-no-image span{display:block;font-size:44px;margin-bottom:10px}
.graphic-history-content-pro h3{font-size:26px;line-height:1.15;margin:10px 0 12px}
.graphics-empty{border-radius:28px!important}.inline-mini-form{display:inline;margin:0}
@media(max-width:1100px){.graphics-studio-hero,.graphics-studio-layout,.graphic-history-card-pro{grid-template-columns:1fr}.graphics-ideas-grid-pro{grid-template-columns:1fr}.graphic-image-box-pro img{max-height:420px}}
@media(max-width:720px){.graphics-studio-hero{padding:22px;border-radius:26px}.graphics-studio-hero h1{font-size:36px}.graphic-idea-actions,.graphic-history-actions-pro{flex-direction:column;align-items:stretch}.graphic-idea-actions .btn-small,.graphic-idea-actions button,.graphic-history-actions-pro .btn-small,.graphic-history-actions-pro button{width:100%}}


/* =========================================================
   ADI Social AI - HISTORIA PRO v28
   ========================================================= */

.history-pro-hero-v28 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 24px;
    align-items: stretch;
    margin: 28px 0 24px;
    padding: 30px;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.13), transparent 34%),
        radial-gradient(circle at bottom left, rgba(6,182,212,.11), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.97), rgba(238,247,255,.93));
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
}

.history-pro-hero-v28 h1 {
    max-width: 850px;
    font-size: clamp(38px, 4.3vw, 58px);
    line-height: 1.02;
    letter-spacing: -.055em;
    margin: 12px 0 16px;
}

.history-pro-hero-v28 p {
    max-width: 760px;
    font-size: 17px;
    line-height: 1.55;
    color: #41516a;
}

.history-badge {
    display: inline-flex;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.history-mini-card {
    padding: 22px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
    overflow: hidden;
}

.history-mini-card span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 8px;
}

.history-mini-card strong {
    display: block;
    font-size: 46px;
    line-height: 1;
    letter-spacing: -.06em;
    color: var(--blue);
}

.history-mini-card p {
    margin: 8px 0 18px;
}

.history-stats-v28 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 14px;
    margin: 22px 0;
}

.history-stats-v28 div {
    padding: 20px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
}

.history-stats-v28 span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 7px;
}

.history-stats-v28 strong {
    display: block;
    font-size: 30px;
    letter-spacing: -.04em;
}

.history-stats-v28 small {
    display: block;
    margin-top: 5px;
    color: var(--muted);
    font-weight: 650;
}

.history-tools-v28 {
    border-radius: 28px !important;
    margin: 24px 0;
}

.history-search-v28 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px auto auto;
    gap: 14px;
    align-items: end;
}

.history-library-v28 {
    margin: 32px 0;
}

.history-card-grid-v28 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 18px;
}

.history-content-card-v28 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 22px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
}

.history-card-top-v28 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.history-type-pill {
    display: inline-flex;
    width: fit-content;
    padding: 7px 10px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 900;
}

.history-card-top-v28 time {
    color: var(--muted);
    font-size: 13px;
    font-weight: 800;
}

.history-content-card-v28 h3 {
    font-size: 25px;
    line-height: 1.15;
    margin: 0;
}

.history-excerpt-v28 {
    margin: 0;
    color: #41516a;
}

.history-details-v28 {
    border: 1px solid var(--border2);
    border-radius: 18px;
    background: #f8fbff;
    overflow: hidden;
}

.history-details-v28 summary {
    cursor: pointer;
    padding: 12px 14px;
    color: var(--text2);
    font-weight: 900;
}

.history-details-v28 textarea {
    width: calc(100% - 24px);
    min-height: 180px;
    margin: 0 12px 12px;
    padding: 14px;
    border-radius: 16px;
    background: #fff !important;
    border: 1px solid var(--border2) !important;
    color: var(--text2) !important;
    font-size: 14px;
    line-height: 1.55;
    resize: vertical;
}

.prompt-details textarea {
    min-height: 120px;
    font-size: 13px;
}

.hidden-copy-area {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
}

.history-actions-v28 {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: auto;
}

.history-empty-v28 {
    border-radius: 28px !important;
}

.history-pagination-v28 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 24px 0;
}

.history-pagination-v28 span {
    color: var(--text2);
    font-weight: 850;
}

.inline-mini-form {
    display: inline;
    margin: 0;
}

.type-sprzedaż .history-type-pill {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #c2410c;
}

.type-problem .history-type-pill {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #15803d;
}

.type-lokalny .history-type-pill {
    background: #f3e8ff;
    border-color: #d8b4fe;
    color: #7e22ce;
}

.type-grafika .history-type-pill {
    background: #f0f9ff;
    border-color: #bae6fd;
    color: #0369a1;
}

@media (max-width: 1100px) {
    .history-pro-hero-v28,
    .history-search-v28 {
        grid-template-columns: 1fr;
    }

    .history-stats-v28,
    .history-card-grid-v28 {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 720px) {
    .history-pro-hero-v28 {
        padding: 22px;
        border-radius: 26px;
    }

    .history-pro-hero-v28 h1 {
        font-size: 36px;
    }

    .history-stats-v28,
    .history-card-grid-v28 {
        grid-template-columns: 1fr;
    }

    .history-actions-v28 {
        flex-direction: column;
        align-items: stretch;
    }

    .history-actions-v28 .btn-small,
    .history-actions-v28 button {
        width: 100%;
    }

    .history-card-top-v28 {
        align-items: flex-start;
    }
}


/* =========================================================
   ADI Social AI - PROFIL FIRMY I BIBLIOTEKA MARKI v29
   ========================================================= */

.brand-profile-hero,
.brand-library-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 24px;
    align-items: stretch;
    margin: 28px 0 24px;
    padding: 30px;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.13), transparent 34%),
        radial-gradient(circle at bottom left, rgba(6,182,212,.11), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.97), rgba(238,247,255,.93));
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
}

.brand-profile-hero h1,
.brand-library-hero h1 {
    max-width: 850px;
    font-size: clamp(38px, 4.3vw, 58px);
    line-height: 1.02;
    letter-spacing: -.055em;
    margin: 12px 0 16px;
}

.brand-profile-hero p,
.brand-library-hero p {
    max-width: 760px;
    font-size: 17px;
    line-height: 1.55;
    color: #41516a;
}

.brand-profile-badge {
    display: inline-flex;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.profile-score-card,
.brand-mini-card {
    padding: 22px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
    overflow: hidden;
}

.profile-score-card span,
.brand-mini-card span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 8px;
}

.profile-score-card strong {
    display: block;
    color: var(--blue);
    font-size: 48px;
    line-height: 1;
    letter-spacing: -.06em;
}

.brand-mini-card strong {
    display: block;
    font-size: 25px;
    line-height: 1.15;
    margin-bottom: 6px;
    overflow-wrap: anywhere;
}

.profile-score-line {
    height: 12px;
    border-radius: 999px;
    background: #e5edf7;
    overflow: hidden;
    margin: 16px 0;
}

.profile-score-line i {
    display: block;
    height: 100%;
    background: linear-gradient(135deg, var(--blue), var(--cyan));
    border-radius: inherit;
}

.profile-layout-pro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 22px;
    align-items: start;
    margin: 28px 0;
}

.profile-form-pro {
    padding: 0 !important;
    overflow: hidden;
    border-radius: 32px !important;
}

.profile-section-pro {
    padding: 28px;
    border-bottom: 1px solid var(--border2);
}

.profile-section-pro:last-of-type {
    border-bottom: 0;
}

.profile-section-head {
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 16px;
    align-items: start;
    margin-bottom: 18px;
}

.profile-section-head h2 {
    font-size: clamp(30px, 3.3vw, 44px);
    line-height: 1.05;
}

.profile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px;
}

.profile-save-btn {
    margin: 0 28px 28px;
    min-height: 58px;
    font-size: 17px;
}

.profile-side-pro {
    display: grid;
    gap: 18px;
    position: sticky;
    top: 96px;
}

.profile-tip-card,
.profile-preview-card {
    border-radius: 28px !important;
}

.profile-preview-list {
    display: grid;
    gap: 10px;
    margin: 18px 0;
}

.profile-preview-list div {
    padding: 12px;
    border-radius: 16px;
    background: #f8fbff;
    border: 1px solid var(--border2);
}

.profile-preview-list strong {
    display: block;
    font-size: 13px;
    color: var(--blue);
    margin-bottom: 4px;
}

.profile-preview-list span {
    display: block;
    color: var(--text2);
    font-weight: 750;
    overflow-wrap: anywhere;
}

.brand-library-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 18px;
    margin: 28px 0;
}

.brand-card-pro {
    border-radius: 30px !important;
}

.brand-card-pro h2 {
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.06;
}

.brand-main-card {
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.11), transparent 34%),
        #fff !important;
}

.brand-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.brand-tags span {
    display: inline-flex;
    padding: 8px 11px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 850;
}

.brand-style-box {
    padding: 14px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid var(--border2);
    margin-top: 14px;
}

.brand-style-box strong {
    display: block;
    margin-bottom: 6px;
}

.brand-style-box span {
    color: var(--text2);
    font-weight: 650;
}

.brand-ai-card {
    grid-column: 1 / -1;
}

.brand-ai-card textarea {
    width: 100%;
    min-height: 260px;
    padding: 16px;
    border-radius: 18px;
    background: #f8fbff !important;
    border: 1px solid var(--border2) !important;
    color: var(--text2) !important;
    font-size: 15px;
    line-height: 1.6;
    resize: vertical;
    margin: 10px 0 14px;
}

.brand-next-steps {
    margin-top: 34px !important;
}

@media (max-width: 1100px) {
    .brand-profile-hero,
    .brand-library-hero,
    .profile-layout-pro {
        grid-template-columns: 1fr;
    }

    .profile-side-pro {
        position: static;
    }
}

@media (max-width: 760px) {
    .brand-profile-hero,
    .brand-library-hero {
        padding: 22px;
        border-radius: 26px;
    }

    .brand-profile-hero h1,
    .brand-library-hero h1 {
        font-size: 36px;
    }

    .profile-grid,
    .brand-library-grid {
        grid-template-columns: 1fr;
    }

    .profile-section-pro {
        padding: 22px;
    }

    .profile-section-head {
        grid-template-columns: 1fr;
    }

    .profile-save-btn {
        margin: 0 22px 22px;
    }

    .brand-ai-card {
        grid-column: auto;
    }
}


/* =========================================================
   ADI Social AI - PANEL ADMINA PRO v30
   ========================================================= */

.admin-pro-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 24px;
    align-items: stretch;
    margin: 28px 0 24px;
    padding: 30px;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.14), transparent 34%),
        radial-gradient(circle at bottom left, rgba(6,182,212,.11), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.97), rgba(238,247,255,.93));
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
}

.admin-pro-hero h1 {
    max-width: 850px;
    font-size: clamp(38px, 4.3vw, 58px);
    line-height: 1.02;
    letter-spacing: -.055em;
    margin: 12px 0 16px;
}

.admin-pro-hero p {
    max-width: 760px;
    font-size: 17px;
    line-height: 1.55;
    color: #41516a;
}

.admin-badge {
    display: inline-flex;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.admin-mini-card {
    padding: 22px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
}

.admin-mini-card span,
.admin-stats-grid span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 8px;
}

.admin-mini-card strong {
    display: block;
    font-size: 44px;
    line-height: 1;
    color: var(--blue);
    letter-spacing: -.06em;
}

.admin-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 14px;
    margin: 22px 0;
}

.admin-stats-grid div {
    padding: 20px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
}

.admin-stats-grid strong {
    display: block;
    font-size: 30px;
    letter-spacing: -.04em;
}

.admin-stats-grid small {
    display: block;
    color: var(--muted);
    margin-top: 5px;
    font-weight: 650;
}

.admin-actions-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 18px;
    margin: 28px 0;
}

.admin-action-card {
    display: block;
    text-decoration: none;
    color: inherit;
    border-radius: 28px !important;
    transition: transform .16s ease, box-shadow .16s ease;
}

.admin-action-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow);
}

.admin-action-card span {
    display: inline-flex;
    width: 40px;
    height: 40px;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--blue), var(--cyan));
    color: #fff;
    font-weight: 950;
    margin-bottom: 16px;
}

.admin-action-card h2 {
    font-size: 27px;
    line-height: 1.1;
}

.admin-recent-panel,
.admin-filter-panel,
.admin-users-panel,
.admin-edit-form,
.admin-client-card {
    border-radius: 28px !important;
}

.admin-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.admin-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.admin-table th {
    text-align: left;
    color: var(--muted);
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .07em;
    padding: 0 12px 6px;
}

.admin-table td {
    background: #f8fbff;
    border-top: 1px solid var(--border2);
    border-bottom: 1px solid var(--border2);
    padding: 14px 12px;
    vertical-align: middle;
}

.admin-table td:first-child {
    border-left: 1px solid var(--border2);
    border-radius: 18px 0 0 18px;
}

.admin-table td:last-child {
    border-right: 1px solid var(--border2);
    border-radius: 0 18px 18px 0;
}

.admin-table strong {
    display: block;
    color: var(--text);
}

.admin-table small {
    display: block;
    color: var(--muted);
    margin-top: 4px;
    font-weight: 650;
}

.admin-status,
.admin-plan-pill,
.admin-count-pill {
    display: inline-flex;
    width: fit-content;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
}

.admin-status.ok {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #15803d;
}

.admin-status.off {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b91c1c;
}

.admin-page-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 30px 0 22px;
}

.admin-page-head h1 {
    font-size: clamp(38px, 4vw, 56px);
    line-height: 1.02;
    letter-spacing: -.055em;
}

.admin-filter-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 240px auto auto;
    gap: 14px;
    align-items: end;
}

.admin-usage span {
    display: block;
    margin-bottom: 7px;
    font-weight: 850;
    color: var(--text2);
}

.admin-usage i,
.admin-big-usage i {
    display: block;
    height: 9px;
    border-radius: 999px;
    background: #e5edf7;
    overflow: hidden;
}

.admin-usage b,
.admin-big-usage b {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(135deg, var(--blue), var(--cyan));
}

.admin-edit-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 330px;
    gap: 22px;
    align-items: start;
    margin: 24px 0;
}

.admin-edit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px;
}

.admin-check-row {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
    padding: 14px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid var(--border2);
}

.admin-check-row input {
    width: auto !important;
}

.admin-save-btn {
    margin-top: 18px;
    min-height: 56px;
}

.admin-client-card h2 {
    font-size: 34px;
}

.admin-big-usage {
    margin: 14px 0;
}

.admin-side-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

@media (max-width: 1100px) {
    .admin-pro-hero,
    .admin-edit-layout,
    .admin-filter-form {
        grid-template-columns: 1fr;
    }

    .admin-stats-grid,
    .admin-actions-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .admin-page-head {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 720px) {
    .admin-pro-hero {
        padding: 22px;
        border-radius: 26px;
    }

    .admin-pro-hero h1,
    .admin-page-head h1 {
        font-size: 36px;
    }

    .admin-stats-grid,
    .admin-actions-grid,
    .admin-edit-grid {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   ADI Social AI - ONBOARDING KLIENTA PRO v31
   ========================================================= */

.dashboard-v31-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 24px;
    align-items: stretch;
    margin: 28px 0 24px;
    padding: 30px;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.14), transparent 34%),
        radial-gradient(circle at bottom left, rgba(6,182,212,.11), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.97), rgba(238,247,255,.93));
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
}

.dashboard-v31-hero h1,
.onboarding-page-hero h1 {
    max-width: 850px;
    font-size: clamp(40px, 4.5vw, 64px);
    line-height: 1.02;
    letter-spacing: -.055em;
    margin: 12px 0 16px;
}

.dashboard-v31-hero p,
.onboarding-page-hero p {
    max-width: 760px;
    font-size: 17px;
    line-height: 1.55;
    color: #41516a;
}

.dashboard-v31-badge {
    display: inline-flex;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.dashboard-v31-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.dashboard-v31-score {
    padding: 22px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
}

.dashboard-v31-score span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 8px;
}

.dashboard-v31-score strong {
    display: block;
    color: var(--blue);
    font-size: 48px;
    line-height: 1;
    letter-spacing: -.06em;
}

.onboarding-steps-v31 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 16px;
    margin: 26px 0;
}

.onboarding-step-card {
    position: relative;
    padding: 22px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
    overflow: hidden;
}

.onboarding-step-card.active {
    border-color: #93c5fd;
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.11), transparent 38%),
        #fff;
}

.onboarding-step-card.done {
    border-color: #bbf7d0;
    background:
        radial-gradient(circle at top right, rgba(22,163,74,.12), transparent 38%),
        #fff;
}

.onboarding-step-card > span,
.onboarding-guide-v31 article > span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    border-radius: 16px;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--blue), var(--cyan));
    color: #fff;
    font-weight: 950;
    margin-bottom: 16px;
}

.onboarding-step-card.done > span {
    background: linear-gradient(135deg, #16a34a, #22c55e);
}

.onboarding-step-card h2 {
    font-size: 24px;
    line-height: 1.1;
}

.onboarding-step-card p {
    min-height: 74px;
    color: var(--muted);
}

.step-progress-mini {
    height: 9px;
    border-radius: 999px;
    background: #e5edf7;
    overflow: hidden;
    margin: 12px 0 14px;
}

.step-progress-mini i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(135deg, var(--blue), var(--cyan));
}

.step-number-label {
    display: block;
    color: var(--blue);
    font-size: 15px;
    margin: 12px 0 14px;
}

.dashboard-v31-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 22px;
    margin: 30px 0;
    align-items: start;
}

.dashboard-v31-main-card,
.package-card-v31,
.latest-post-v31 {
    border-radius: 28px !important;
}

.dashboard-v31-main-card h2 {
    font-size: clamp(30px, 3.4vw, 44px);
    line-height: 1.06;
}

.dashboard-checklist {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
    margin: 18px 0;
}

.dashboard-checklist div {
    padding: 12px;
    border-radius: 16px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
    font-weight: 850;
}

.dashboard-checklist div.ok {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #15803d;
}

.dashboard-mini-plan {
    display: grid;
    gap: 10px;
    margin: 18px 0;
}

.dashboard-mini-plan div {
    display: grid;
    grid-template-columns: 62px 1fr;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid var(--border2);
}

.dashboard-mini-plan strong {
    display: grid;
    place-items: center;
    min-height: 38px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--blue), var(--cyan));
    color: #fff;
}

.dashboard-v31-side {
    display: grid;
    gap: 18px;
    position: sticky;
    top: 96px;
}

.package-card-v31 h2 {
    font-size: 34px;
    line-height: 1.05;
}

.quick-links-v31 {
    display: grid;
    gap: 10px;
}

.quick-links-v31 a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    border-radius: 16px;
    background: #f8fbff;
    border: 1px solid var(--border2);
    color: var(--text);
    text-decoration: none;
    font-weight: 850;
}

.quick-links-v31 a::after {
    content: "→";
    color: var(--blue);
}

.onboarding-page-hero {
    margin: 30px 0 24px;
    padding: 34px;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.13), transparent 34%),
        linear-gradient(135deg, #fff, #eef7ff);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
}

.onboarding-guide-v31 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 18px;
    margin: 28px 0;
}

.onboarding-guide-v31 article {
    padding: 26px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
}

.onboarding-guide-v31 h2 {
    font-size: 30px;
    line-height: 1.08;
}

.onboarding-final-v31 {
    margin-top: 34px !important;
}

@media (max-width: 1100px) {
    .dashboard-v31-hero,
    .dashboard-v31-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-v31-side {
        position: static;
    }

    .onboarding-steps-v31 {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 760px) {
    .dashboard-v31-hero,
    .onboarding-page-hero {
        padding: 22px;
        border-radius: 26px;
    }

    .dashboard-v31-hero h1,
    .onboarding-page-hero h1 {
        font-size: 36px;
    }

    .onboarding-steps-v31,
    .onboarding-guide-v31,
    .dashboard-checklist {
        grid-template-columns: 1fr;
    }

    .onboarding-step-card p {
        min-height: auto;
    }

    .dashboard-v31-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .dashboard-v31-actions .btn,
    .dashboard-v31-actions a {
        width: 100%;
    }
}


/* =========================================================
   ADI Social AI - STABILIZACJA IQ200 v32
   Final polish, diagnostics and SaaS-ready refinements.
   ========================================================= */

:root {
    --app-radius-xl: 34px;
    --app-radius-lg: 28px;
    --app-radius-md: 18px;
}

.panel,
.admin-table td,
.onboarding-step-card,
.history-content-card-v28,
.graphic-idea-pro,
.calendar-plan-card {
    text-rendering: optimizeLegibility;
}

.btn,
.btn-small,
button {
    -webkit-tap-highlight-color: transparent;
}

input,
select,
textarea {
    max-width: 100%;
}

textarea {
    scrollbar-width: thin;
}

.dashboard-section-head {
    gap: 16px;
}

.dashboard-section-head h2 {
    overflow-wrap: anywhere;
}

.danger-link {
    color: #b91c1c !important;
}

.system-check-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 24px;
    align-items: stretch;
    margin: 28px 0 24px;
    padding: 30px;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.14), transparent 34%),
        radial-gradient(circle at bottom left, rgba(6,182,212,.11), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.97), rgba(238,247,255,.93));
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
}

.system-check-hero h1 {
    max-width: 850px;
    font-size: clamp(38px, 4.3vw, 58px);
    line-height: 1.02;
    letter-spacing: -.055em;
    margin: 12px 0 16px;
}

.system-check-hero p {
    max-width: 760px;
    font-size: 17px;
    line-height: 1.55;
    color: #41516a;
}

.system-badge {
    display: inline-flex;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.system-score-card {
    padding: 22px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow2);
}

.system-score-card span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 8px;
}

.system-score-card strong {
    display: block;
    color: var(--blue);
    font-size: 48px;
    line-height: 1;
    letter-spacing: -.06em;
}

.system-check-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 18px;
    margin: 28px 0;
}

.system-check-card {
    border-radius: 30px !important;
}

.system-check-card h2 {
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.06;
}

.system-check-list {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}

.system-check-list div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 16px;
    background: #f8fbff;
    border: 1px solid var(--border2);
}

.system-check-list div.ok {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.system-check-list div.bad {
    background: #fef2f2;
    border-color: #fecaca;
}

.system-check-list strong {
    overflow-wrap: anywhere;
}

.system-check-list span {
    color: var(--muted);
    font-weight: 800;
    text-align: right;
}

.system-next-steps {
    margin-top: 34px !important;
}

@media (max-width: 1100px) {
    .system-check-hero,
    .system-check-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .system-check-hero {
        padding: 22px;
        border-radius: 26px;
    }

    .system-check-hero h1 {
        font-size: 36px;
    }

    .system-check-list div {
        grid-template-columns: 1fr;
    }

    .system-check-list span {
        text-align: left;
    }
}


/* =========================================================
   ADI Social AI - v33 CLIENT READY / SALES READY
   Public copy, contrast, font visibility and final client polish.
   ========================================================= */

body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.eyebrow,
.hero-kicker,
.dashboard-v31-badge,
.graphics-badge,
.calendar-badge,
.history-badge,
.brand-profile-badge,
.admin-badge,
.system-badge,
.generator-badge {
    color: #1d4ed8 !important;
    background: #eaf4ff !important;
    border-color: #bfdbfe !important;
    text-shadow: none !important;
}

.final-cta .eyebrow,
.client-final-cta .eyebrow {
    color: #0b2a5b !important;
    background: rgba(255,255,255,.92) !important;
    border-color: rgba(255,255,255,.72) !important;
}

.final-cta,
.client-final-cta {
    color: #fff !important;
}

.final-cta h2,
.final-cta p,
.client-final-cta h2,
.client-final-cta p {
    color: #fff !important;
    text-shadow: none !important;
}

.final-cta .btn.ghost,
.client-final-cta .btn.ghost {
    background: #fff !important;
    color: #061733 !important;
    border-color: rgba(255,255,255,.85) !important;
}

.client-ready-hero h1,
.client-ready-onboarding h1,
.client-landing-hero h1 {
    letter-spacing: -.055em;
}

.client-ready-hero p,
.client-ready-onboarding p,
.client-landing-hero p {
    color: #34445f !important;
    font-weight: 650;
}

.client-final-cta h2 {
    font-size: clamp(36px, 4.2vw, 58px) !important;
    line-height: 1.04 !important;
}

.client-final-cta p {
    max-width: 850px;
    font-size: 18px;
    line-height: 1.55;
}

.client-landing-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    gap: 28px;
    align-items: center;
    margin: 36px 0;
}

.client-landing-hero .hero-copy {
    min-width: 0;
}

.client-landing-hero h1 {
    max-width: 980px;
}

.client-hero-card {
    border-radius: 34px;
}

.client-benefits-list {
    display: grid;
    gap: 12px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.client-benefits-list li {
    position: relative;
    padding: 14px 14px 14px 44px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid var(--border2);
    color: var(--text2);
    font-weight: 800;
}

.client-benefits-list li::before {
    content: "✓";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--blue), var(--cyan));
    color: #fff;
    font-size: 13px;
    font-weight: 950;
}

.client-value-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 18px;
    margin: 36px 0;
}

.client-value-grid .panel {
    border-radius: 30px !important;
}

.client-value-grid span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--blue), var(--cyan));
    color: #fff;
    font-weight: 950;
    margin-bottom: 16px;
}

.client-value-grid h2 {
    font-size: 30px;
    line-height: 1.08;
}

.client-value-grid p {
    color: #41516a;
    font-weight: 650;
}

.onboarding-final-v31 h2,
.client-final-cta h2 {
    max-width: 1000px;
}

.onboarding-final-v31 p,
.client-final-cta p {
    color: rgba(255,255,255,.92) !important;
}

/* Remove internal/admin-like wording feel from client-facing cards by improving labels */
.dashboard-v31-score span,
.profile-score-card span,
.history-mini-card span,
.admin-mini-card span,
.system-score-card span {
    color: #52627a !important;
}

/* Better readable light buttons */
.btn.ghost,
.btn-small.ghost {
    background: #fff !important;
    color: #061733 !important;
    border-color: #bfd0e8 !important;
}

.btn.ghost:hover,
.btn-small.ghost:hover {
    border-color: #93b4df !important;
}

/* Better dark CTA buttons */
.btn,
.btn-small {
    text-shadow: none !important;
}

/* Prevent huge cut text on sales presentation screens */
h1, h2, h3, strong, a, button {
    overflow-wrap: anywhere;
}

/* Keep final CTA from feeling too tall on laptop */
.final-cta,
.client-final-cta {
    padding: clamp(34px, 4vw, 58px) !important;
    border-radius: 34px !important;
}

@media (max-width: 1100px) {
    .client-landing-hero,
    .client-value-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .client-final-cta h2 {
        font-size: 34px !important;
    }

    .client-landing-hero {
        margin: 24px 0;
    }

    .client-value-grid h2 {
        font-size: 26px;
    }
}

/* =========================================================
   ADI Social AI - DOKUMENTY PRAWNE I COOKIES PRO v34
   ========================================================= */

.legal-page-hero {
    margin: 32px 0 24px;
    padding: 34px;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.13), transparent 34%),
        linear-gradient(135deg, #fff, #eef7ff);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
}

.legal-page-hero h1 {
    font-size: clamp(38px, 4.6vw, 64px);
    line-height: 1.02;
    letter-spacing: -.055em;
    margin: 12px 0 14px;
}

.legal-page-hero p {
    max-width: 820px;
    color: #34445f;
    font-size: 18px;
    line-height: 1.55;
    font-weight: 650;
}

.legal-badge {
    display: inline-flex;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.legal-doc {
    border-radius: 30px !important;
    margin: 24px 0 40px;
    color: #17243a;
}

.legal-doc h2 {
    font-size: clamp(26px, 3vw, 36px);
    line-height: 1.1;
    margin-top: 30px;
}

.legal-doc h3 {
    font-size: 22px;
    margin-top: 22px;
}

.legal-doc p,
.legal-doc li {
    color: #34445f;
    font-size: 16px;
    line-height: 1.72;
}

.legal-doc a {
    color: #1d4ed8;
    font-weight: 850;
}

.legal-site-footer {
    margin-top: 50px;
    padding: 38px 0;
    background: #061733;
    color: #fff;
}

.footer-grid-pro {
    display: grid;
    grid-template-columns: 1.2fr .8fr 1fr;
    gap: 26px;
}

.footer-grid-pro strong {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    color: #fff;
}

.footer-grid-pro p,
.footer-grid-pro a,
.footer-link-button {
    display: block;
    color: rgba(255,255,255,.78);
    line-height: 1.65;
    font-weight: 650;
    text-decoration: none;
}

.footer-grid-pro a:hover,
.footer-link-button:hover {
    color: #fff;
}

.footer-link-button {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
    text-align: left;
    font: inherit;
}

.copyright {
    margin-top: 12px;
    color: rgba(255,255,255,.62) !important;
}

.cookie-consent {
    position: fixed;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
}

.cookie-card {
    width: min(1120px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 20px;
    border-radius: 28px;
    background: rgba(255,255,255,.98);
    border: 1px solid #d8e5f5;
    box-shadow: 0 24px 80px rgba(15,23,42,.22);
    backdrop-filter: blur(12px);
}

.cookie-main strong {
    display: block;
    font-size: 20px;
    color: #061733;
    margin-bottom: 6px;
}

.cookie-main p {
    margin: 0;
    color: #34445f;
    line-height: 1.55;
    font-weight: 650;
}

.cookie-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 10px;
}

.cookie-links a {
    color: #1d4ed8;
    font-weight: 850;
    text-decoration: none;
}

.cookie-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 9px;
}

.cookie-settings {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 10px;
    padding-top: 10px;
}

.cookie-option {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 14px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid var(--border2);
}

.cookie-option input {
    width: auto !important;
    margin-top: 4px;
}

.cookie-option strong {
    display: block;
    color: #061733;
    margin-bottom: 4px;
}

.cookie-option small {
    display: block;
    color: #52627a;
    line-height: 1.45;
    font-weight: 650;
}

.always-on {
    opacity: .85;
}

@media (max-width: 960px) {
    .cookie-card,
    .footer-grid-pro,
    .cookie-settings {
        grid-template-columns: 1fr;
    }

    .cookie-actions {
        justify-content: stretch;
    }

    .cookie-actions .btn-small,
    .cookie-actions button {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .legal-page-hero {
        padding: 22px;
        border-radius: 26px;
    }

    .legal-page-hero h1 {
        font-size: 36px;
    }

    .cookie-consent {
        left: 10px;
        right: 10px;
        bottom: 10px;
    }

    .cookie-card {
        padding: 16px;
        border-radius: 22px;
    }
}

/* =========================================================
   ADI Social AI - v34.1 FRONT + LEGAL REPAIR
   ========================================================= */

.front-preview-card {
    overflow: hidden;
}

.front-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 14px 0 18px;
}

.front-tabs span {
    padding: 8px 10px;
    border-radius: 999px;
    background: #eaf4ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    font-size: 12px;
    font-weight: 950;
}

.front-post-preview {
    padding: 18px;
    border-radius: 24px;
    background: #f8fbff;
    border: 1px solid var(--border2);
}

.front-post-preview small {
    display: block;
    color: #52627a;
    font-weight: 850;
    margin-bottom: 8px;
}

.front-post-preview h2 {
    font-size: 25px;
    line-height: 1.12;
    margin: 0 0 10px;
}

.front-post-preview p {
    color: #34445f;
    font-weight: 650;
    line-height: 1.55;
}

.front-hashtags {
    color: #1d4ed8;
    font-weight: 900;
    margin-top: 12px;
}

.front-week-mini {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

.front-week-mini div {
    padding: 12px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid var(--border2);
}

.front-week-mini strong,
.front-week-mini span {
    display: block;
}

.front-week-mini strong {
    color: #061733;
}

.front-week-mini span {
    color: #52627a;
    font-weight: 650;
}

.front-steps-section,
.front-audience-section,
.front-pricing-section {
    margin: 42px 0;
}

.front-steps-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 16px;
}

.front-steps-grid article {
    padding: 22px;
    border-radius: 26px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow-soft);
}

.front-steps-grid span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--blue), var(--cyan));
    color: #fff;
    font-weight: 950;
    margin-bottom: 14px;
}

.front-steps-grid h3 {
    margin: 0 0 8px;
    font-size: 23px;
}

.front-steps-grid p,
.front-week-section p,
.front-audience-section p {
    color: #41516a;
    font-weight: 650;
    line-height: 1.6;
}

.front-week-section {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 22px;
    align-items: start;
    border-radius: 32px !important;
}

.front-week-section h2,
.front-audience-section h2,
.front-pricing-section h2 {
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.04;
    letter-spacing: -.05em;
}

.front-week-grid {
    display: grid;
    gap: 12px;
}

.front-week-grid article {
    padding: 16px;
    border-radius: 22px;
    background: #f8fbff;
    border: 1px solid var(--border2);
}

.front-week-grid strong {
    color: #1d4ed8;
}

.front-week-grid h3 {
    margin: 8px 0;
}

.front-audience-section {
    padding: 34px;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.12), transparent 36%),
        #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow-soft);
}

.front-audience-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.front-audience-tags span,
.hero-tags span {
    padding: 9px 12px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-weight: 850;
}

.front-demo-note {
    color: #52627a;
    font-weight: 750;
    text-align: center;
    margin-top: 18px;
}

/* Legal footer and cookies */
.legal-site-footer {
    margin-top: 50px;
    padding: 38px 0;
    background: #061733;
    color: #fff;
}

.footer-grid-pro {
    display: grid;
    grid-template-columns: 1.2fr .8fr 1fr;
    gap: 26px;
}

.footer-grid-pro strong {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    color: #fff;
}

.footer-grid-pro p,
.footer-grid-pro a,
.footer-link-button {
    display: block;
    color: rgba(255,255,255,.78);
    line-height: 1.65;
    font-weight: 650;
    text-decoration: none;
}

.footer-grid-pro a:hover,
.footer-link-button:hover {
    color: #fff;
}

.footer-link-button {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
    text-align: left;
    font: inherit;
}

.copyright {
    margin-top: 12px;
    color: rgba(255,255,255,.62) !important;
}

.cookie-consent {
    position: fixed;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
}

.cookie-card {
    width: min(1120px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 20px;
    border-radius: 28px;
    background: rgba(255,255,255,.98);
    border: 1px solid #d8e5f5;
    box-shadow: 0 24px 80px rgba(15,23,42,.22);
}

.cookie-main strong {
    display: block;
    font-size: 20px;
    color: #061733;
    margin-bottom: 6px;
}

.cookie-main p {
    margin: 0;
    color: #34445f;
    line-height: 1.55;
    font-weight: 650;
}

.cookie-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 10px;
}

.cookie-links a {
    color: #1d4ed8;
    font-weight: 850;
    text-decoration: none;
}

.cookie-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 9px;
}

.cookie-settings {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 10px;
    padding-top: 10px;
}

.cookie-option {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 14px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid var(--border2);
}

.cookie-option input {
    width: auto !important;
    margin-top: 4px;
}

.cookie-option strong {
    display: block;
    color: #061733;
    margin-bottom: 4px;
}

.cookie-option small {
    display: block;
    color: #52627a;
    line-height: 1.45;
    font-weight: 650;
}

/* Legal docs */
.legal-page-hero {
    margin: 32px 0 24px;
    padding: 34px;
    border-radius: 34px;
    background: linear-gradient(135deg, #fff, #eef7ff);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
}

.legal-page-hero h1 {
    font-size: clamp(38px, 4.6vw, 64px);
    line-height: 1.02;
    letter-spacing: -.055em;
}

.legal-badge {
    display: inline-flex;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.legal-doc {
    border-radius: 30px !important;
    margin: 24px 0 40px;
}

.legal-doc p,
.legal-doc li {
    color: #34445f;
    font-size: 16px;
    line-height: 1.72;
}

@media (max-width: 1100px) {
    .front-steps-grid,
    .front-week-section,
    .footer-grid-pro {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 960px) {
    .cookie-card,
    .cookie-settings {
        grid-template-columns: 1fr;
    }

    .cookie-actions {
        justify-content: stretch;
    }

    .cookie-actions .btn-small,
    .cookie-actions button {
        width: 100%;
    }
}

/* =========================================================
   ADI Social AI - v34.2 front typography + pakiety fix
   ========================================================= */

.final-front-hero-compact {
    grid-template-columns: minmax(0, .98fr) minmax(360px, .72fr) !important;
    align-items: center !important;
    gap: clamp(24px, 4vw, 58px) !important;
    padding-top: clamp(32px, 5vw, 72px) !important;
    padding-bottom: clamp(28px, 4vw, 54px) !important;
}

.final-front-hero-compact h1 {
    font-size: clamp(56px, 6.5vw, 112px) !important;
    line-height: .93 !important;
    letter-spacing: -.075em !important;
    max-width: 920px !important;
    margin: 18px 0 22px !important;
}

.final-front-hero-compact .hero-copy p {
    max-width: 820px !important;
    font-size: clamp(18px, 1.4vw, 24px) !important;
    line-height: 1.45 !important;
}

.final-front-hero-compact .hero-kicker {
    font-size: clamp(14px, 1.2vw, 20px) !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    max-width: 100% !important;
    white-space: normal !important;
}

.front-preview-card {
    max-width: 520px !important;
    justify-self: end !important;
}

.front-post-preview h2 {
    font-size: clamp(24px, 2vw, 34px) !important;
    line-height: 1.08 !important;
}

.front-post-preview p {
    font-size: 16px !important;
}

.pricing-card h3 {
    font-size: clamp(30px, 3vw, 42px) !important;
}

.pricing-card strong {
    font-size: clamp(28px, 3vw, 40px) !important;
}

/* Order page */
.order-page-head {
    margin: 30px 0 24px;
    padding: clamp(26px, 4vw, 48px);
    border-radius: 34px;
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: var(--shadow-soft);
}

.order-page-head h1 {
    font-size: clamp(46px, 6vw, 86px);
    line-height: .98;
    letter-spacing: -.06em;
    margin: 20px 0 16px;
}

.order-page-head p {
    color: #34445f;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 650;
    max-width: 920px;
}

.back-link {
    display: inline-flex;
    margin-right: 12px;
    color: #1d4ed8;
    font-weight: 900;
    text-decoration: none;
}

.order-plan-picker {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 18px;
    margin: 24px 0;
}

.order-plan-option {
    position: relative;
    display: grid;
    gap: 8px;
    padding: 24px;
    border-radius: 28px;
    background: #fff;
    border: 2px solid var(--border);
    color: #061733;
    text-decoration: none;
    box-shadow: var(--shadow-soft);
    transition: .18s ease;
}

.order-plan-option:hover {
    transform: translateY(-2px);
    border-color: #93c5fd;
}

.order-plan-option.selected {
    border-color: #2563eb;
    background:
        radial-gradient(circle at top right, rgba(37,99,235,.14), transparent 38%),
        #fff;
}

.order-plan-option.recommended::after {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 28px;
    pointer-events: none;
    border: 2px solid rgba(14,165,233,.35);
}

.order-plan-option em {
    width: fit-content;
    padding: 7px 10px;
    border-radius: 999px;
    background: #eaf4ff;
    color: #1d4ed8;
    font-size: 12px;
    font-style: normal;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.order-plan-option strong {
    font-size: 34px;
    line-height: 1.05;
}

.order-plan-option span {
    font-size: 22px;
    font-weight: 950;
    color: #1d4ed8;
}

.order-plan-option small {
    color: #52627a;
    font-weight: 750;
    font-size: 15px;
}

.choose-plan-info {
    border-radius: 30px !important;
    text-align: center;
}

.choose-plan-info h2 {
    font-size: clamp(32px, 4vw, 54px);
    line-height: 1.04;
}

.order-form-section {
    border-radius: 34px !important;
    margin: 24px 0 44px;
}

.order-selected-plan {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(320px,.8fr);
    gap: 22px;
    align-items: start;
    margin-bottom: 18px;
}

.order-selected-plan h2 {
    font-size: clamp(38px, 4.5vw, 62px);
    line-height: 1.02;
    letter-spacing: -.055em;
    margin: 12px 0;
}

.order-selected-plan p {
    color: #34445f;
    font-size: 18px;
    line-height: 1.55;
    font-weight: 650;
}

.order-selected-stats {
    display: grid;
    gap: 12px;
}

.order-selected-stats div,
.order-summary-box div {
    padding: 18px;
    border-radius: 22px;
    background: #f8fbff;
    border: 1px solid var(--border2);
    color: #34445f;
    font-weight: 700;
}

.order-selected-stats strong,
.order-summary-box strong {
    color: #061733;
    font-weight: 950;
}

.order-features {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 18px 0 26px;
    list-style: none;
}

.order-features li {
    padding: 10px 13px;
    border-radius: 999px;
    background: #eaf4ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-weight: 850;
}

.order-form {
    display: grid;
    gap: 16px;
}

.order-form textarea {
    min-height: 150px;
    resize: vertical;
}

.order-errors {
    border-color: #fecaca !important;
    background: #fff5f5 !important;
    color: #b91c1c;
    font-weight: 850;
    border-radius: 24px !important;
}

.order-success-card {
    margin: 38px 0;
    border-radius: 34px !important;
}

.order-success-card h1 {
    font-size: clamp(46px, 5.5vw, 82px);
    line-height: .98;
    letter-spacing: -.06em;
    margin: 14px 0;
}

.order-success-card p {
    color: #34445f;
    font-size: 19px;
    line-height: 1.55;
    font-weight: 650;
}

.order-summary-box {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    margin: 22px 0;
}

.order-summary-box span,
.order-summary-box strong {
    display: block;
}

.order-summary-box span {
    color: #52627a;
    font-size: 13px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 5px;
}

@media (max-width: 1180px) {
    .final-front-hero-compact {
        grid-template-columns: 1fr !important;
    }

    .front-preview-card {
        justify-self: stretch !important;
        max-width: none !important;
    }

    .final-front-hero-compact h1 {
        font-size: clamp(48px, 8vw, 82px) !important;
    }
}

@media (max-width: 980px) {
    .order-plan-picker,
    .order-selected-plan,
    .order-summary-box {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .final-front-hero-compact h1,
    .order-page-head h1 {
        font-size: 44px !important;
        letter-spacing: -.045em !important;
    }

    .order-page-head {
        padding: 22px;
        border-radius: 26px;
    }

    .order-plan-option strong {
        font-size: 28px;
    }
}

/* =========================================================
   ADI Social AI - v34.3 MOBILE FIX
   Telefon / tablet / małe ekrany
   ========================================================= */

@media (max-width: 980px) {
    .container {
        width: min(100% - 28px, 1180px) !important;
    }

    .site-header {
        padding: 14px 0 !important;
    }

    .nav-wrap {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        align-items: start !important;
    }

    .brand {
        font-size: 26px !important;
        line-height: 1.05 !important;
    }

    .main-nav {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        justify-content: flex-start !important;
    }

    .main-nav a {
        font-size: 14px !important;
        padding: 9px 11px !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.58) !important;
        border: 1px solid rgba(191,219,254,.78) !important;
        line-height: 1.1 !important;
    }

    .client-landing-hero,
    .final-front-hero-compact,
    .hero {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        padding-top: 22px !important;
        padding-bottom: 22px !important;
        margin-top: 8px !important;
    }

    .final-front-hero-compact h1,
    .client-landing-hero h1,
    .hero h1 {
        font-size: clamp(42px, 12vw, 68px) !important;
        line-height: .96 !important;
        letter-spacing: -.055em !important;
        margin: 14px 0 16px !important;
        max-width: 100% !important;
    }

    .final-front-hero-compact .hero-copy p,
    .client-landing-hero .hero-copy p,
    .hero-copy p {
        font-size: 17px !important;
        line-height: 1.52 !important;
        max-width: 100% !important;
    }

    .hero-kicker,
    .eyebrow,
    .dashboard-v31-badge {
        font-size: 12px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        max-width: 100% !important;
    }

    .hero-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .hero-actions .btn,
    .hero-actions .btn.ghost,
    .btn,
    .btn.ghost {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
        min-height: 52px !important;
        font-size: 16px !important;
    }

    .hero-tags,
    .front-audience-tags {
        gap: 8px !important;
    }

    .hero-tags span,
    .front-audience-tags span {
        font-size: 13px !important;
        padding: 8px 10px !important;
    }

    .front-preview-card,
    .hero-card,
    .panel {
        max-width: 100% !important;
        border-radius: 24px !important;
    }

    .front-post-preview {
        padding: 16px !important;
        border-radius: 20px !important;
    }

    .front-post-preview h2 {
        font-size: 26px !important;
        line-height: 1.12 !important;
    }

    .front-post-preview p {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    .front-tabs {
        gap: 7px !important;
    }

    .front-tabs span {
        font-size: 12px !important;
        padding: 7px 9px !important;
    }

    .front-steps-grid,
    .client-value-grid,
    .pricing-grid,
    .order-plan-picker,
    .order-selected-plan,
    .order-summary-box,
    .front-week-section,
    .footer-grid-pro,
    .dashboard-v31-grid,
    .onboarding-steps-v31,
    .admin-stats-grid,
    .settings-grid,
    .graphics-grid,
    .calendar-grid,
    .history-grid {
        grid-template-columns: 1fr !important;
    }

    .front-steps-section,
    .front-audience-section,
    .front-pricing-section,
    .pricing-section {
        margin: 28px 0 !important;
    }

    .front-steps-grid article,
    .client-value-grid .panel,
    .pricing-card,
    .order-plan-option {
        padding: 18px !important;
        border-radius: 22px !important;
    }

    .front-steps-grid h3,
    .client-value-grid h2,
    .pricing-card h3 {
        font-size: 26px !important;
        line-height: 1.08 !important;
    }

    .front-week-section,
    .front-audience-section,
    .order-page-head,
    .order-form-section,
    .order-success-card {
        padding: 20px !important;
        border-radius: 24px !important;
    }

    .front-week-section h2,
    .front-audience-section h2,
    .front-pricing-section h2,
    .order-page-head h1,
    .order-selected-plan h2,
    .order-success-card h1,
    .client-final-cta h2,
    .final-cta h2 {
        font-size: clamp(34px, 10vw, 48px) !important;
        line-height: 1.02 !important;
        letter-spacing: -.045em !important;
    }

    .order-page-head p,
    .order-selected-plan p,
    .order-success-card p,
    .client-final-cta p,
    .final-cta p {
        font-size: 16px !important;
        line-height: 1.55 !important;
    }

    .order-plan-option strong {
        font-size: 30px !important;
    }

    .order-plan-option span {
        font-size: 20px !important;
    }

    .order-form {
        gap: 13px !important;
    }

    input,
    textarea,
    select {
        font-size: 16px !important; /* iPhone bez zoomowania inputów */
        min-height: 48px !important;
    }

    textarea {
        min-height: 130px !important;
    }

    .final-cta,
    .client-final-cta,
    .compact-final-cta {
        padding: 24px !important;
        border-radius: 26px !important;
        margin: 30px 0 !important;
    }

    .legal-site-footer {
        padding: 28px 0 !important;
        margin-top: 34px !important;
    }

    .footer-grid-pro {
        gap: 20px !important;
    }

    .cookie-consent {
        left: 8px !important;
        right: 8px !important;
        bottom: 8px !important;
    }

    .cookie-card {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 14px !important;
        border-radius: 20px !important;
        max-height: calc(100vh - 24px) !important;
        overflow: auto !important;
    }

    .cookie-main strong {
        font-size: 18px !important;
    }

    .cookie-main p {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    .cookie-settings {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .cookie-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .cookie-actions button {
        width: 100% !important;
    }
}

@media (max-width: 560px) {
    body {
        background-size: 100% auto !important;
    }

    .container {
        width: min(100% - 22px, 1180px) !important;
    }

    .brand {
        font-size: 24px !important;
    }

    .main-nav {
        gap: 6px !important;
    }

    .main-nav a {
        font-size: 13px !important;
        padding: 8px 10px !important;
    }

    .final-front-hero-compact h1,
    .client-landing-hero h1,
    .hero h1 {
        font-size: clamp(39px, 13vw, 56px) !important;
        line-height: .98 !important;
    }

    .hero-kicker {
        display: inline-block !important;
        font-size: 12px !important;
        padding: 7px 9px !important;
    }

    .front-post-preview h2 {
        font-size: 23px !important;
    }

    .front-week-mini div,
    .front-week-grid article {
        padding: 12px !important;
        border-radius: 17px !important;
    }

    .front-steps-grid article,
    .client-value-grid .panel,
    .pricing-card,
    .order-plan-option {
        padding: 16px !important;
    }

    .front-steps-grid span,
    .client-value-grid span {
        width: 38px !important;
        height: 38px !important;
        border-radius: 14px !important;
    }

    .front-week-section h2,
    .front-audience-section h2,
    .front-pricing-section h2,
    .order-page-head h1,
    .order-selected-plan h2,
    .order-success-card h1,
    .client-final-cta h2,
    .final-cta h2 {
        font-size: 33px !important;
    }

    .order-selected-stats div,
    .order-summary-box div {
        padding: 14px !important;
        border-radius: 18px !important;
    }

    .order-features {
        gap: 7px !important;
    }

    .order-features li {
        font-size: 13px !important;
        padding: 8px 10px !important;
    }

    .legal-page-hero {
        padding: 20px !important;
        border-radius: 24px !important;
    }

    .legal-page-hero h1 {
        font-size: 34px !important;
    }

    .legal-doc h2 {
        font-size: 25px !important;
    }

    .legal-doc p,
    .legal-doc li {
        font-size: 15px !important;
    }
}

@media (max-width: 390px) {
    .main-nav a {
        font-size: 12px !important;
        padding: 7px 8px !important;
    }

    .final-front-hero-compact h1,
    .client-landing-hero h1,
    .hero h1 {
        font-size: 36px !important;
    }

    .btn,
    .btn-small {
        font-size: 14px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* =========================================================
   ADI Social AI - v35 FREE PLAN + FLOATING MOBILE MENU
   ========================================================= */

.free-trial-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);gap:24px;align-items:center;margin:34px 0;border-radius:34px!important;background:radial-gradient(circle at top right,rgba(14,165,233,.18),transparent 36%),#fff!important}
.free-trial-section h2{font-size:clamp(38px,4.5vw,68px);line-height:1.02;letter-spacing:-.055em;margin:14px 0}
.free-trial-section p{color:#34445f;font-size:18px;line-height:1.55;font-weight:650}
.free-trial-box{padding:24px;border-radius:28px;background:linear-gradient(135deg,#061733,#1d4ed8);color:#fff;box-shadow:var(--shadow)}
.free-trial-box strong{display:block;font-size:38px;line-height:1}
.free-trial-box span{display:block;margin:10px 0;font-size:52px;line-height:.9;font-weight:950;letter-spacing:-.06em}
.free-trial-box p{color:rgba(255,255,255,.86)!important;font-size:16px}
.free-trial-box .btn{margin-top:12px;width:100%;background:#fff!important;color:#061733!important}
.pricing-grid-four,.order-plan-picker-four{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.free-card,.free-option{background:radial-gradient(circle at top right,rgba(14,165,233,.16),transparent 38%),#fff!important}
.free-card h3,.free-option strong{color:#1d4ed8!important}

@media (max-width:980px){
 body{padding-bottom:92px!important}
 .site-header{position:fixed!important;left:10px!important;right:10px!important;bottom:10px!important;top:auto!important;z-index:9990!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
 .nav-wrap{width:100%!important;max-width:none!important;padding:8px!important;border-radius:26px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(191,219,254,.92)!important;box-shadow:0 18px 55px rgba(15,23,42,.18)!important;backdrop-filter:blur(18px)!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
 .brand{display:none!important}
 .main-nav{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;justify-content:flex-start!important;padding:0!important}
 .main-nav::-webkit-scrollbar{display:none!important}
 .main-nav a{flex:0 0 auto!important;min-width:max-content!important;font-size:13px!important;padding:10px 13px!important;border-radius:999px!important;background:#eef6ff!important;border:1px solid #bfdbfe!important;color:#061733!important;line-height:1!important;font-weight:950!important}
 .main-nav a.active{background:linear-gradient(135deg,var(--blue),var(--cyan))!important;color:#fff!important;border-color:transparent!important}
 .free-trial-section,.pricing-grid-four,.order-plan-picker-four{grid-template-columns:1fr!important}
 .free-trial-section{padding:20px!important;border-radius:24px!important}
 .free-trial-section h2{font-size:clamp(34px,10vw,48px)!important}
 .free-trial-box{border-radius:22px!important}
}
@media (max-width:560px){
 body{padding-bottom:84px!important}
 .site-header{left:8px!important;right:8px!important;bottom:8px!important}
 .nav-wrap{border-radius:22px!important;padding:7px!important}
 .main-nav a{font-size:12px!important;padding:9px 11px!important}
 .free-trial-box span{font-size:44px!important}
}

/* =========================================================
   ADI Social AI - v35.1 spokojniejsza typografia
   Mniej krzyku, bardziej premium / SaaS
   ========================================================= */

/* Globalne uspokojenie dużych nagłówków */
.hero h1,
.client-landing-hero h1,
.final-front-hero-compact h1,
.dashboard-v31-hero h1,
.order-page-head h1,
.order-selected-plan h2,
.order-success-card h1,
.legal-page-hero h1 {
    font-size: clamp(44px, 5.2vw, 82px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.055em !important;
    max-width: 980px !important;
}

/* Strona główna - szczególnie */
.final-front-hero-compact h1,
.client-landing-hero h1 {
    font-size: clamp(46px, 5.4vw, 86px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.055em !important;
    margin: 16px 0 20px !important;
}

.final-front-hero-compact .hero-copy p,
.client-landing-hero .hero-copy p,
.hero-copy p {
    font-size: clamp(17px, 1.25vw, 21px) !important;
    line-height: 1.55 !important;
    max-width: 780px !important;
}

/* Nagłówki sekcji */
.front-steps-section h2,
.front-week-section h2,
.front-audience-section h2,
.front-pricing-section h2,
.free-trial-section h2,
.client-final-cta h2,
.final-cta h2,
.dashboard-section-head h2 {
    font-size: clamp(34px, 3.8vw, 58px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.045em !important;
}

/* Karty i pakiety */
.pricing-card h3,
.order-plan-option strong,
.client-value-grid h2,
.front-steps-grid h3 {
    font-size: clamp(25px, 2.4vw, 36px) !important;
    line-height: 1.1 !important;
    letter-spacing: -.035em !important;
}

.pricing-card strong {
    font-size: clamp(26px, 2.7vw, 38px) !important;
    line-height: 1.05 !important;
}

/* Preview po prawej - niech nie dominuje */
.front-post-preview h2 {
    font-size: clamp(23px, 1.8vw, 31px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.035em !important;
}

.front-post-preview p {
    font-size: 15.5px !important;
    line-height: 1.58 !important;
}

/* Mniej ogromne panele */
.final-front-hero-compact {
    padding-top: clamp(28px, 4vw, 56px) !important;
    padding-bottom: clamp(28px, 4vw, 56px) !important;
}

.free-trial-section,
.front-audience-section,
.front-week-section,
.final-cta,
.client-final-cta {
    padding: clamp(24px, 3.4vw, 46px) !important;
}

/* Formularze zamówień */
.order-page-head h1 {
    font-size: clamp(42px, 5vw, 74px) !important;
}

.order-page-head p {
    font-size: clamp(17px, 1.4vw, 20px) !important;
}

/* Login i inne pojedyncze ekrany */
.login-card h1,
.set-password-card h1,
.onboarding-page-hero h1,
.client-ready-onboarding h1 {
    font-size: clamp(40px, 4.6vw, 68px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.05em !important;
}

/* Mobile */
@media (max-width: 980px) {
    .hero h1,
    .client-landing-hero h1,
    .final-front-hero-compact h1,
    .dashboard-v31-hero h1,
    .order-page-head h1,
    .order-selected-plan h2,
    .order-success-card h1,
    .legal-page-hero h1 {
        font-size: clamp(38px, 9vw, 58px) !important;
        line-height: 1.04 !important;
        letter-spacing: -.045em !important;
    }

    .front-steps-section h2,
    .front-week-section h2,
    .front-audience-section h2,
    .front-pricing-section h2,
    .free-trial-section h2,
    .client-final-cta h2,
    .final-cta h2,
    .dashboard-section-head h2 {
        font-size: clamp(30px, 7vw, 44px) !important;
        line-height: 1.08 !important;
    }

    .final-front-hero-compact .hero-copy p,
    .client-landing-hero .hero-copy p,
    .hero-copy p {
        font-size: 16.5px !important;
        line-height: 1.55 !important;
    }

    .pricing-card h3,
    .order-plan-option strong,
    .client-value-grid h2,
    .front-steps-grid h3 {
        font-size: 25px !important;
    }
}

@media (max-width: 560px) {
    .hero h1,
    .client-landing-hero h1,
    .final-front-hero-compact h1,
    .dashboard-v31-hero h1,
    .order-page-head h1,
    .order-selected-plan h2,
    .order-success-card h1,
    .legal-page-hero h1 {
        font-size: clamp(34px, 10.5vw, 44px) !important;
        line-height: 1.05 !important;
        letter-spacing: -.04em !important;
    }

    .front-steps-section h2,
    .front-week-section h2,
    .front-audience-section h2,
    .front-pricing-section h2,
    .free-trial-section h2,
    .client-final-cta h2,
    .final-cta h2,
    .dashboard-section-head h2 {
        font-size: clamp(28px, 8.5vw, 36px) !important;
        letter-spacing: -.035em !important;
    }

    .front-post-preview h2 {
        font-size: 22px !important;
    }
}

/* =========================================================
   ADI Social AI - v35.2 PREMIUM LIGHT / LAPTOP COMPACT
   Czytelniej na laptopie, mniej miejsca, lekki SaaS premium
   ========================================================= */

:root {
    --page-pad-compact: clamp(18px, 2vw, 28px);
    --card-radius-compact: 22px;
}

/* Ogólne zagęszczenie strony */
body {
    line-height: 1.45 !important;
}

.container {
    width: min(100% - 48px, 1240px) !important;
}

/* Góra strony - lżejsza */
.site-header {
    padding: 14px 0 !important;
}

.nav-wrap {
    gap: 22px !important;
}

.brand {
    font-size: 25px !important;
    line-height: 1 !important;
    letter-spacing: -.045em !important;
}

.main-nav {
    gap: 10px !important;
}

.main-nav a {
    font-size: 15px !important;
    padding: 8px 10px !important;
    line-height: 1.1 !important;
}

/* Hero laptop compact */
.client-landing-hero,
.final-front-hero-compact,
.hero {
    min-height: auto !important;
    margin: 18px 0 22px !important;
    padding: clamp(26px, 3vw, 46px) 0 !important;
    align-items: center !important;
}

.final-front-hero-compact {
    grid-template-columns: minmax(0, .95fr) minmax(360px, .62fr) !important;
    gap: clamp(26px, 3.5vw, 54px) !important;
}

/* Główny nagłówek - premium, nie billboard */
.hero h1,
.client-landing-hero h1,
.final-front-hero-compact h1 {
    font-size: clamp(42px, 4.25vw, 66px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.055em !important;
    max-width: 820px !important;
    margin: 12px 0 14px !important;
}

.hero-copy p,
.client-landing-hero .hero-copy p,
.final-front-hero-compact .hero-copy p {
    font-size: clamp(16px, 1.15vw, 18.5px) !important;
    line-height: 1.55 !important;
    max-width: 720px !important;
    margin-bottom: 16px !important;
    color: #34445f !important;
}

/* Mniejsze pigułki */
.hero-kicker,
.eyebrow,
.dashboard-v31-badge,
.legal-badge {
    font-size: 11px !important;
    padding: 7px 10px !important;
    line-height: 1.1 !important;
    letter-spacing: .075em !important;
}

/* Przyciski - mniej ciężkie */
.btn,
.btn.ghost,
.btn-small,
.btn-small.ghost {
    min-height: 42px !important;
    padding: 11px 17px !important;
    font-size: 14px !important;
    border-radius: 14px !important;
    line-height: 1.1 !important;
}

.hero-actions {
    gap: 10px !important;
    margin-top: 10px !important;
}

/* Tagi mniej wysokie */
.hero-tags,
.front-audience-tags {
    gap: 7px !important;
    margin-top: 14px !important;
}

.hero-tags span,
.front-audience-tags span,
.order-features li {
    font-size: 12.5px !important;
    padding: 7px 10px !important;
}

/* Prawa karta hero - lżejsza i niższa */
.front-preview-card,
.hero-card,
.client-hero-card {
    max-width: 460px !important;
    padding: 20px !important;
    border-radius: 24px !important;
    justify-self: end !important;
    box-shadow: 0 18px 45px rgba(15,23,42,.08) !important;
}

.front-tabs {
    margin: 10px 0 12px !important;
    gap: 6px !important;
}

.front-tabs span {
    font-size: 11.5px !important;
    padding: 7px 9px !important;
}

.front-post-preview {
    padding: 15px !important;
    border-radius: 18px !important;
}

.front-post-preview small {
    font-size: 12px !important;
    margin-bottom: 6px !important;
}

.front-post-preview h2 {
    font-size: clamp(22px, 1.65vw, 27px) !important;
    line-height: 1.12 !important;
    margin-bottom: 8px !important;
}

.front-post-preview p {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.front-hashtags {
    font-size: 13px !important;
    margin-top: 8px !important;
}

.front-week-mini {
    gap: 7px !important;
    margin-top: 10px !important;
}

.front-week-mini div {
    padding: 9px 11px !important;
    border-radius: 14px !important;
}

.front-week-mini strong,
.front-week-mini span {
    font-size: 12.5px !important;
}

/* Sekcje zwarte */
.front-steps-section,
.front-audience-section,
.front-pricing-section,
.pricing-section,
.free-trial-section {
    margin: 24px 0 !important;
}

.panel,
.client-value-grid .panel,
.pricing-card,
.order-plan-option,
.front-steps-grid article {
    border-radius: var(--card-radius-compact) !important;
    box-shadow: 0 14px 34px rgba(15,23,42,.06) !important;
}

.front-steps-grid,
.client-value-grid,
.pricing-grid,
.pricing-grid-four,
.order-plan-picker,
.order-plan-picker-four {
    gap: 14px !important;
}

/* 4 kroki bardziej kompaktowe */
.front-steps-grid article {
    padding: 17px !important;
}

.front-steps-grid span,
.client-value-grid span {
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    margin-bottom: 10px !important;
}

.front-steps-grid h3,
.client-value-grid h2,
.pricing-card h3,
.order-plan-option strong {
    font-size: clamp(22px, 1.9vw, 30px) !important;
    line-height: 1.08 !important;
    margin: 0 0 7px !important;
}

.front-steps-grid p,
.client-value-grid p,
.pricing-card p,
.order-plan-option small {
    font-size: 14px !important;
    line-height: 1.45 !important;
}

/* Free sekcja - lekka */
.free-trial-section {
    padding: 22px !important;
    grid-template-columns: minmax(0,1fr) minmax(245px,.35fr) !important;
}

.free-trial-section h2,
.front-week-section h2,
.front-audience-section h2,
.front-pricing-section h2,
.dashboard-section-head h2,
.client-final-cta h2,
.final-cta h2 {
    font-size: clamp(30px, 3vw, 44px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
    margin: 8px 0 10px !important;
}

.free-trial-section p,
.front-week-section p,
.front-audience-section p,
.front-pricing-section p,
.dashboard-section-head p,
.client-final-cta p,
.final-cta p {
    font-size: 15px !important;
    line-height: 1.5 !important;
}

.free-trial-box {
    padding: 18px !important;
    border-radius: 20px !important;
}

.free-trial-box strong {
    font-size: 27px !important;
}

.free-trial-box span {
    font-size: 38px !important;
    margin: 7px 0 !important;
}

/* Pakiety - mniej wysokie */
.pricing-card {
    padding: 18px !important;
}

.pricing-card > span,
.order-plan-option em {
    font-size: 10.5px !important;
    padding: 6px 8px !important;
}

.pricing-card strong {
    font-size: clamp(24px, 2vw, 32px) !important;
    margin: 6px 0 !important;
}

.pricing-card ul {
    margin: 12px 0 !important;
    padding-left: 18px !important;
}

.pricing-card li {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    margin-bottom: 5px !important;
}

/* Audience mniej masywne */
.front-audience-section,
.front-week-section,
.final-cta,
.client-final-cta {
    padding: 24px !important;
    border-radius: 24px !important;
}

/* Zamówienie - kompaktowo na laptopie */
.order-page-head {
    padding: 28px !important;
    margin: 20px 0 !important;
    border-radius: 26px !important;
}

.order-page-head h1 {
    font-size: clamp(38px, 4vw, 58px) !important;
    line-height: 1.04 !important;
    margin: 14px 0 12px !important;
}

.order-page-head p {
    font-size: 16px !important;
}

.order-plan-option {
    padding: 18px !important;
}

.order-plan-option span {
    font-size: 17px !important;
}

.order-form-section {
    padding: 24px !important;
    border-radius: 26px !important;
}

.order-selected-plan h2 {
    font-size: clamp(32px, 3.3vw, 48px) !important;
    line-height: 1.06 !important;
}

.order-selected-stats div,
.order-summary-box div {
    padding: 13px 15px !important;
    border-radius: 16px !important;
}

.order-form {
    gap: 12px !important;
}

label {
    font-size: 14px !important;
}

input,
textarea,
select {
    min-height: 44px !important;
    padding: 10px 13px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
}

textarea {
    min-height: 110px !important;
}

/* Stopka lżejsza */
.legal-site-footer {
    margin-top: 32px !important;
    padding: 26px 0 !important;
}

.footer-grid-pro {
    gap: 20px !important;
}

.footer-grid-pro strong {
    font-size: 16px !important;
}

.footer-grid-pro p,
.footer-grid-pro a,
.footer-link-button {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* Laptop 1366 / 1440 - krytyczne zmniejszenie */
@media (min-width: 981px) and (max-width: 1500px) {
    .container {
        width: min(100% - 42px, 1180px) !important;
    }

    .final-front-hero-compact {
        grid-template-columns: minmax(0, .92fr) minmax(350px, .58fr) !important;
        gap: 34px !important;
    }

    .final-front-hero-compact h1 {
        font-size: clamp(42px, 4.15vw, 62px) !important;
        max-width: 760px !important;
    }

    .front-preview-card {
        max-width: 430px !important;
    }

    .pricing-grid-four,
    .order-plan-picker-four {
        grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    }
}

/* Tablet */
@media (max-width: 1180px) {
    .final-front-hero-compact {
        grid-template-columns: 1fr !important;
    }

    .front-preview-card {
        justify-self: stretch !important;
        max-width: none !important;
    }

    .pricing-grid-four,
    .order-plan-picker-four {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }
}

/* Mobile zostaje czytelny */
@media (max-width: 760px) {
    .container {
        width: min(100% - 24px, 1180px) !important;
    }

    .hero h1,
    .client-landing-hero h1,
    .final-front-hero-compact h1 {
        font-size: clamp(32px, 9vw, 43px) !important;
        line-height: 1.07 !important;
        letter-spacing: -.04em !important;
    }

    .front-steps-section h2,
    .front-week-section h2,
    .front-audience-section h2,
    .front-pricing-section h2,
    .free-trial-section h2,
    .client-final-cta h2,
    .final-cta h2,
    .dashboard-section-head h2 {
        font-size: clamp(27px, 7vw, 34px) !important;
    }

    .free-trial-section,
    .pricing-grid-four,
    .order-plan-picker-four {
        grid-template-columns: 1fr !important;
    }

    .btn,
    .btn.ghost,
    .btn-small,
    .btn-small.ghost {
        min-height: 44px !important;
    }
}

/* =========================================================
   ADI Social AI - v36 SEO / TRUST / FAQ / Examples
   ========================================================= */

.trust-dashboard-preview {
    display: grid;
    gap: 14px;
}

.trust-browser-bar {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 10px 12px;
    border-radius: 16px;
    background: #f8fbff;
    border: 1px solid var(--border2);
    color: #52627a;
    font-size: 13px;
    font-weight: 850;
}

.trust-browser-bar i {
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #cbd5e1;
}

.trust-browser-bar span {
    margin-left: 8px;
}

.trust-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
}

.trust-dashboard-grid div {
    padding: 14px;
    border-radius: 18px;
    background: linear-gradient(180deg, #fff, #f8fbff);
    border: 1px solid var(--border2);
}

.trust-dashboard-grid strong,
.trust-dashboard-grid small {
    display: block;
}

.trust-dashboard-grid strong {
    color: #061733;
    font-size: 15px;
}

.trust-dashboard-grid small {
    margin-top: 5px;
    color: #52627a;
    font-size: 12.5px;
    font-weight: 650;
    line-height: 1.35;
}

.trust-examples-section {
    margin: 26px 0;
}

.trust-examples-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 14px;
}

.trust-example-card {
    padding: 18px !important;
}

.trust-example-card span {
    display: inline-flex;
    width: fit-content;
    padding: 6px 9px;
    border-radius: 999px;
    background: #eaf4ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .07em;
    margin-bottom: 10px;
}

.trust-example-card h3 {
    font-size: clamp(22px, 1.7vw, 28px);
    line-height: 1.1;
    letter-spacing: -.035em;
    margin: 0 0 9px;
}

.trust-example-card p {
    color: #34445f;
    font-size: 14.5px;
    line-height: 1.55;
    font-weight: 650;
}

.trust-example-card small {
    display: block;
    color: #1d4ed8;
    font-weight: 850;
    margin-top: 10px;
}

.trust-faq-section {
    margin: 28px 0;
    border-radius: 24px !important;
}

.trust-faq-section h2 {
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.08;
    letter-spacing: -.04em;
    margin: 8px 0 18px;
}

.trust-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 12px;
}

.trust-faq-grid details {
    padding: 15px 16px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid var(--border2);
}

.trust-faq-grid summary {
    cursor: pointer;
    color: #061733;
    font-weight: 950;
    line-height: 1.35;
}

.trust-faq-grid p {
    color: #34445f;
    font-size: 14.5px;
    line-height: 1.55;
    font-weight: 650;
    margin: 10px 0 0;
}

@media (max-width: 980px) {
    .trust-examples-grid,
    .trust-faq-grid {
        grid-template-columns: 1fr !important;
    }

    .trust-dashboard-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 560px) {
    .trust-dashboard-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   ADI Social AI - v36.2 BRAND POLISH
   System: ADI Social AI
   Podpis: produkt ADIIT.PL
   ========================================================= */

.brand-pro {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.brand-pro .brand-main {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 5px !important;
    font-size: 25px !important;
    letter-spacing: -.045em !important;
    color: #061733 !important;
    font-weight: 950 !important;
}

.brand-pro .brand-main b {
    color: #2563eb !important;
    font-weight: 950 !important;
}

.brand-pro small {
    display: block !important;
    margin-top: 2px !important;
    font-size: 10.5px !important;
    line-height: 1.05 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
    color: #64748b !important;
    font-weight: 900 !important;
}

.nav-wrap {
    align-items: center !important;
}

/* Mały podpis marki na landing page */
.hero-kicker::after {
    content: " · produkt ADIIT.PL";
    color: #1d4ed8;
    font-weight: 950;
}

/* Stopka bardziej profesjonalna */
.footer-grid-pro a[href*="adiit.pl"] {
    font-weight: 950 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.footer-grid-pro a[href*="adiit.pl"]:hover {
    text-decoration: underline !important;
}

/* Na mobile podpis w brandzie nie zajmuje miejsca, bo menu jest pływające */
@media (max-width: 980px) {
    .brand-pro {
        display: none !important;
    }
}

/* Gdyby menu nie było pływające na jakiejś podstronie */
@media (max-width: 760px) {
    .brand-pro .brand-main {
        font-size: 22px !important;
    }

    .brand-pro small {
        font-size: 9.5px !important;
    }
}

/* =========================================================
   ADI Social AI - v36.3 real ADI IT logo
   Mały znak ADI IT + produkt ADI Social AI
   ========================================================= */

.brand-with-logo {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    min-width: 260px !important;
}

.brand-with-logo .brand-logo-mark {
    display: inline-flex !important;
    width: 54px !important;
    height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.72) !important;
    border: 1px solid rgba(191,219,254,.78) !important;
    box-shadow: 0 10px 22px rgba(15,23,42,.055) !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
}

.brand-with-logo .brand-logo-mark img {
    max-width: 46px !important;
    max-height: 30px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
}

.brand-with-logo .brand-copy {
    display: inline-flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    line-height: 1 !important;
}

.brand-with-logo .brand-main {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 5px !important;
    font-size: 24px !important;
    letter-spacing: -.045em !important;
    color: #061733 !important;
    font-weight: 950 !important;
}

.brand-with-logo .brand-main b {
    color: #2563eb !important;
    font-weight: 950 !important;
}

.brand-with-logo small {
    display: block !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
    color: #64748b !important;
    font-weight: 900 !important;
}

/* Poprawka górnej pigułki, żeby nie robiła dziwnego łamania */
.hero-kicker::after {
    content: "" !important;
}

.hero-kicker {
    max-width: fit-content !important;
}

/* Delikatny podpis ADIIT.PL w hero bez wielkiego napisu */
.client-landing-hero .hero-kicker,
.final-front-hero-compact .hero-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.client-landing-hero .hero-kicker::before,
.final-front-hero-compact .hero-kicker::before {
    content: "produkt ADIIT.PL";
    order: 2;
    padding-left: 8px;
    border-left: 1px solid rgba(37,99,235,.25);
    color: #1d4ed8;
    font-weight: 950;
}

/* Footer logo */
.footer-brand-adiit img {
    display: block !important;
    width: 92px !important;
    max-height: 44px !important;
    object-fit: contain !important;
    object-position: left center !important;
    margin-bottom: 10px !important;
    background: rgba(255,255,255,.92) !important;
    border-radius: 10px !important;
    padding: 5px 7px !important;
}

/* Stopka ADIIT link */
.footer-grid-pro a[href*="adiit.pl"] {
    font-weight: 950 !important;
}

/* Laptop compact */
@media (min-width: 981px) and (max-width: 1500px) {
    .brand-with-logo {
        min-width: 250px !important;
        gap: 10px !important;
    }

    .brand-with-logo .brand-logo-mark {
        width: 50px !important;
        height: 36px !important;
    }

    .brand-with-logo .brand-logo-mark img {
        max-width: 43px !important;
        max-height: 28px !important;
    }

    .brand-with-logo .brand-main {
        font-size: 22px !important;
    }
}

/* Mobile: menu pływa na dole, więc brand nie musi zabierać miejsca */
@media (max-width: 980px) {
    .brand-with-logo,
    .brand-pro {
        display: none !important;
    }
}

@media (max-width: 560px) {
    .client-landing-hero .hero-kicker,
    .final-front-hero-compact .hero-kicker {
        display: inline-block !important;
    }

    .client-landing-hero .hero-kicker::before,
    .final-front-hero-compact .hero-kicker::before {
        display: block !important;
        border-left: 0 !important;
        padding-left: 0 !important;
        margin-top: 5px !important;
    }
}

/* =========================================================
   ADI Social AI - v36.4 REAL COMPACT FIX
   Mocna poprawka pod laptop: mniej wysokości, mniejsze litery,
   bez ogromnej belki w hero.
   ========================================================= */

.site-header {
    padding: 18px 0 8px !important;
}

.nav-wrap {
    align-items: flex-start !important;
    gap: 18px !important;
}

.brand,
.brand-pro,
.brand-with-logo {
    min-width: 0 !important;
}

.brand-pro,
.brand-with-logo {
    gap: 8px !important;
}

.brand-with-logo .brand-logo-mark {
    width: 48px !important;
    height: 34px !important;
}

.brand-with-logo .brand-logo-mark img {
    max-width: 41px !important;
    max-height: 27px !important;
}

.brand-main,
.brand-pro .brand-main,
.brand-with-logo .brand-main {
    font-size: 24px !important;
    line-height: 1 !important;
}

.brand-pro small,
.brand-with-logo small {
    font-size: 9px !important;
    letter-spacing: .12em !important;
    margin-top: 1px !important;
}

.main-nav {
    gap: 16px !important;
    margin-top: 6px !important;
}

.main-nav a {
    font-size: 16px !important;
    padding: 4px 0 !important;
    background: transparent !important;
    border: 0 !important;
}

/* Usuwa ogromny pusty odstęp nad hero */
.client-landing-hero,
.final-front-hero-compact,
.hero {
    margin-top: 28px !important;
    margin-bottom: 18px !important;
    padding-top: 22px !important;
    padding-bottom: 28px !important;
    min-height: 0 !important;
}

/* Layout hero bardziej pod laptop */
.final-front-hero-compact,
.client-landing-hero {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.48fr) !important;
    gap: 42px !important;
    align-items: center !important;
}

/* Ta wielka jasna belka robiła bałagan — ma być mały badge */
.hero-kicker,
.client-landing-hero .hero-kicker,
.final-front-hero-compact .hero-kicker {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.58) !important;
    border: 1px solid rgba(191,219,254,.85) !important;
    box-shadow: none !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    letter-spacing: .08em !important;
    white-space: normal !important;
}

/* Usuwa wielkie dopisanie produkt ADIIT.PL w hero */
.hero-kicker::before,
.hero-kicker::after,
.client-landing-hero .hero-kicker::before,
.client-landing-hero .hero-kicker::after,
.final-front-hero-compact .hero-kicker::before,
.final-front-hero-compact .hero-kicker::after {
    content: none !important;
    display: none !important;
}

/* Główny nagłówek realnie mniejszy */
.hero h1,
.client-landing-hero h1,
.final-front-hero-compact h1,
.hero-copy h1 {
    font-size: clamp(38px, 4.1vw, 58px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.052em !important;
    max-width: 760px !important;
    margin: 14px 0 12px !important;
}

/* Opis mniej masywny */
.hero-copy p,
.client-landing-hero .hero-copy p,
.final-front-hero-compact .hero-copy p {
    font-size: 16.5px !important;
    line-height: 1.5 !important;
    max-width: 720px !important;
    margin: 0 0 14px !important;
}

/* Przyciski i tagi mniejsze */
.hero-actions {
    margin-top: 12px !important;
    gap: 10px !important;
}

.btn,
.btn.ghost,
.btn-small,
.btn-small.ghost {
    min-height: 40px !important;
    padding: 10px 16px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
}

.hero-tags {
    margin-top: 13px !important;
    gap: 7px !important;
}

.hero-tags span {
    font-size: 12px !important;
    padding: 7px 10px !important;
}

/* Prawy mockup mniejszy */
.front-preview-card,
.hero-card,
.client-hero-card {
    max-width: 410px !important;
    padding: 18px !important;
    border-radius: 22px !important;
}

.trust-dashboard-preview {
    gap: 10px !important;
}

.trust-browser-bar {
    padding: 8px 10px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
}

.trust-dashboard-grid {
    gap: 8px !important;
}

.trust-dashboard-grid div {
    padding: 12px !important;
    border-radius: 15px !important;
}

.trust-dashboard-grid strong {
    font-size: 14px !important;
}

.trust-dashboard-grid small {
    font-size: 12px !important;
}

/* Sekcje po hero mniej rozciągnięte */
.free-trial-section,
.trust-examples-section,
.front-steps-section,
.front-audience-section,
.front-pricing-section,
.trust-faq-section,
.final-cta,
.client-final-cta {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.free-trial-section,
.front-audience-section,
.trust-faq-section,
.final-cta,
.client-final-cta {
    padding: 22px !important;
    border-radius: 22px !important;
}

.free-trial-section h2,
.trust-examples-section h2,
.front-steps-section h2,
.front-audience-section h2,
.front-pricing-section h2,
.trust-faq-section h2,
.final-cta h2,
.client-final-cta h2,
.dashboard-section-head h2 {
    font-size: clamp(28px, 2.8vw, 40px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
}

/* Laptop 1280-1440: jeszcze ciaśniej */
@media (min-width: 981px) and (max-width: 1500px) {
    .container {
        width: min(100% - 96px, 1180px) !important;
    }

    .client-landing-hero,
    .final-front-hero-compact,
    .hero {
        margin-top: 24px !important;
        padding-top: 18px !important;
    }

    .hero h1,
    .client-landing-hero h1,
    .final-front-hero-compact h1,
    .hero-copy h1 {
        font-size: clamp(40px, 4vw, 54px) !important;
        max-width: 700px !important;
    }

    .hero-copy p,
    .client-landing-hero .hero-copy p,
    .final-front-hero-compact .hero-copy p {
        font-size: 16px !important;
        max-width: 680px !important;
    }

    .front-preview-card,
    .hero-card,
    .client-hero-card {
        max-width: 380px !important;
    }
}

/* Tablet */
@media (max-width: 1180px) {
    .final-front-hero-compact,
    .client-landing-hero {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .front-preview-card,
    .hero-card,
    .client-hero-card {
        justify-self: stretch !important;
        max-width: none !important;
    }
}

/* Mobile */
@media (max-width: 760px) {
    .container {
        width: min(100% - 24px, 1180px) !important;
    }

    .client-landing-hero,
    .final-front-hero-compact,
    .hero {
        margin-top: 14px !important;
        padding-top: 10px !important;
        padding-bottom: 18px !important;
    }

    .hero h1,
    .client-landing-hero h1,
    .final-front-hero-compact h1,
    .hero-copy h1 {
        font-size: clamp(31px, 9.2vw, 42px) !important;
        line-height: 1.06 !important;
    }

    .hero-copy p,
    .client-landing-hero .hero-copy p,
    .final-front-hero-compact .hero-copy p {
        font-size: 15.5px !important;
    }
}

/* ADI Social AI v36.5 FREE auto user */
.free-setup-link-box {
    margin-top: 18px !important;
    padding: 18px !important;
    border-radius: 20px !important;
}

.free-setup-link-box h2 {
    margin: 0 0 8px !important;
    font-size: clamp(24px, 2.5vw, 34px) !important;
}

.free-setup-link-box input {
    width: 100% !important;
    margin: 12px 0 !important;
    font-size: 14px !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
}

/* ADI Social AI v36.6 FREE auto user robust */
.free-setup-link-box {
    margin-top: 18px !important;
    padding: 18px !important;
    border-radius: 20px !important;
}

.free-setup-link-box h2 {
    margin: 0 0 8px !important;
    font-size: clamp(24px, 2.5vw, 34px) !important;
}

.free-setup-link-box input {
    width: 100% !important;
    margin: 12px 0 !important;
    font-size: 14px !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
}

.admin-debug-error {
    margin-top: 14px !important;
    padding: 14px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.65) !important;
}

.admin-debug-error summary {
    cursor: pointer !important;
    font-weight: 950 !important;
}

.admin-debug-error pre {
    white-space: pre-wrap !important;
    overflow: auto !important;
    margin: 12px 0 0 !important;
    font-size: 13px !important;
}

/* ADI Social AI v36.7 FREE debug admin */
.debug-schema-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px;
}

.debug-schema-box pre,
.order-errors pre {
    white-space: pre-wrap;
    overflow: auto;
    max-height: 340px;
    padding: 14px;
    border-radius: 16px;
    background: #0f172a;
    color: #dbeafe;
    font-size: 12.5px;
    line-height: 1.45;
}

.debug-orders-list {
    display: grid;
    gap: 12px;
}

.debug-order-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid var(--border2);
}

.debug-order-card strong,
.debug-order-card span,
.debug-order-card small {
    display: block;
}

.debug-order-card strong {
    color: #061733;
}

.debug-order-card small {
    color: #52627a;
    font-weight: 750;
    margin-top: 4px;
}

.success-box {
    border-color: rgba(34,197,94,.35) !important;
    background: rgba(240,253,244,.9) !important;
}

.success-box input {
    width: 100%;
    margin-top: 8px;
}

@media (max-width: 900px) {
    .debug-schema-grid {
        grid-template-columns: 1fr;
    }

    .debug-order-card {
        align-items: stretch;
        flex-direction: column;
    }
}

/* ADI Social AI v36.8 token table fix */
.success-box {
    border-color: rgba(34,197,94,.35) !important;
    background: rgba(240,253,244,.9) !important;
}

/* ADI Social AI v36.9 automatic setup email */
.mail-status-box {
    margin-top: 16px !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
}

.mail-status-box strong {
    display: block !important;
    margin-bottom: 6px !important;
    color: #061733 !important;
}

.mail-status-box p {
    margin: 0 0 6px !important;
}

.mail-ok {
    background: rgba(240,253,244,.92) !important;
    border: 1px solid rgba(34,197,94,.35) !important;
}

.mail-warning {
    background: rgba(255,251,235,.94) !important;
    border: 1px solid rgba(245,158,11,.35) !important;
}

/* ADI Social AI v37 token_hash compatibility */
.success-box {
    border-color: rgba(34,197,94,.35) !important;
    background: rgba(240,253,244,.9) !important;
}

/* ADI Social AI v37.1 set password fix */
.set-password-page {
    max-width: 920px !important;
    margin: 48px auto !important;
    padding: clamp(24px, 4vw, 44px) !important;
    border-radius: 28px !important;
}

.set-password-page h1 {
    font-size: clamp(38px, 5vw, 72px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.055em !important;
    margin: 16px 0 18px !important;
}

.set-password-page p {
    color: #52627a !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    font-weight: 700 !important;
}

.set-password-form {
    display: grid !important;
    gap: 14px !important;
    margin-top: 22px !important;
}

.set-password-alert {
    margin: 18px 0 !important;
    padding: 16px 18px !important;
    border-radius: 18px !important;
    background: rgba(254,242,242,.9) !important;
    border: 1px solid rgba(248,113,113,.32) !important;
}

.set-password-alert.warning {
    background: rgba(255,251,235,.92) !important;
    border-color: rgba(245,158,11,.35) !important;
}

.set-password-alert strong {
    display: block !important;
    color: #061733 !important;
    margin-bottom: 8px !important;
}

.set-password-alert p {
    margin: 0 0 6px !important;
}

/* ADI Social AI v37.2 AI diagnostic */
.generator-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 24px !important;
    align-items: center !important;
}

.generator-hero h1 {
    font-size: clamp(40px, 5vw, 72px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.055em !important;
    margin: 18px 0 !important;
}

.generator-hero p {
    font-size: 18px !important;
    line-height: 1.55 !important;
    color: #34445f !important;
    font-weight: 700 !important;
}

.generator-profile-card h2 {
    font-size: 24px !important;
    margin: 10px 0 !important;
}

.generator-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 330px !important;
    gap: 22px !important;
    align-items: start !important;
    margin-top: 24px !important;
}

.generator-form {
    display: grid !important;
    gap: 18px !important;
}

.generator-step {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
}

.generator-step > span {
    width: 40px !important;
    height: 40px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-weight: 950 !important;
    background: linear-gradient(135deg, var(--blue), var(--cyan)) !important;
}

.generator-step h2 {
    font-size: clamp(28px, 3vw, 42px) !important;
    line-height: 1.08 !important;
    margin: 10px 0 14px !important;
}

.generated-result textarea {
    width: 100% !important;
    min-height: 360px !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    white-space: pre-wrap !important;
}

.ai-debug-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 22px !important;
}

.ai-debug-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 16px 0 !important;
}

.ai-debug-table th,
.ai-debug-table td {
    text-align: left !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid var(--border2) !important;
}

.ai-debug-table th {
    color: #52627a !important;
}

.success-box {
    border-color: rgba(34,197,94,.35) !important;
    background: rgba(240,253,244,.9) !important;
    padding: 16px !important;
    border-radius: 18px !important;
}

.admin-debug-error pre,
.order-errors pre {
    white-space: pre-wrap !important;
    overflow: auto !important;
    background: #0f172a !important;
    color: #dbeafe !important;
    padding: 14px !important;
    border-radius: 16px !important;
}

@media (max-width: 980px) {
    .generator-hero,
    .generator-layout,
    .ai-debug-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ADI Social AI v37.3 FAQ landing */
.trust-faq-section {
    margin: 26px 0 !important;
    padding: 24px !important;
    border-radius: 24px !important;
}

.trust-faq-section .dashboard-section-head {
    margin-bottom: 16px !important;
}

.trust-faq-section h2 {
    font-size: clamp(30px, 3vw, 44px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
    margin: 8px 0 8px !important;
}

.trust-faq-section .dashboard-section-head p:not(.eyebrow) {
    color: #52627a !important;
    font-size: 15.5px !important;
    line-height: 1.5 !important;
    font-weight: 700 !important;
}

.trust-faq-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 12px !important;
}

.trust-faq-grid details {
    padding: 15px 16px !important;
    border-radius: 18px !important;
    background: #f8fbff !important;
    border: 1px solid rgba(191,219,254,.85) !important;
    box-shadow: 0 12px 28px rgba(15,23,42,.045) !important;
}

.trust-faq-grid summary {
    cursor: pointer !important;
    color: #061733 !important;
    font-weight: 950 !important;
    line-height: 1.35 !important;
    list-style-position: outside !important;
}

.trust-faq-grid p {
    color: #34445f !important;
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    font-weight: 650 !important;
    margin: 10px 0 0 !important;
}

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

    .trust-faq-section {
        padding: 18px !important;
    }
}

/* ADI Social AI v37.4 generated post social buttons */
.generated-share-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    margin-top: 16px !important;
}

.generated-share-actions .btn {
    min-height: 46px !important;
}

.generated-share-actions .btn.subtle {
    opacity: .82 !important;
}

.manual-publish-note {
    margin: 12px 0 0 !important;
    color: #52627a !important;
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    font-weight: 700 !important;
    max-width: 850px !important;
}

@media (max-width: 700px) {
    .generated-share-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .generated-share-actions .btn {
        width: 100% !important;
        justify-content: center !important;
    }
}


/* ADI Social AI v37.5 payments, invoices and admin orders */
.order-v375-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 22px !important;
    align-items: center !important;
    margin-bottom: 22px !important;
}

.order-v375-hero h1 {
    font-size: clamp(38px, 5vw, 68px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.055em !important;
    margin: 14px 0 !important;
}

.order-v375-hero p {
    color: #34445f !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    font-weight: 700 !important;
}

.order-v375-summary {
    padding: 20px !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, #f8fbff, #eaf4ff) !important;
    border: 1px solid rgba(191,219,254,.9) !important;
    box-shadow: 0 18px 42px rgba(15,23,42,.08) !important;
}

.order-v375-summary h2 {
    font-size: 36px !important;
    margin: 8px 0 !important;
}

.order-v375-summary strong {
    display: block !important;
    color: var(--blue) !important;
    font-size: 24px !important;
    margin-bottom: 8px !important;
}

.order-v375-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 22px !important;
    align-items: start !important;
}

.order-v375-form {
    display: grid !important;
    gap: 18px !important;
}

.order-v375-box {
    padding: 18px !important;
    border-radius: 22px !important;
    background: rgba(248,251,255,.75) !important;
    border: 1px solid rgba(191,219,254,.65) !important;
}

.order-v375-box h2 {
    font-size: clamp(26px, 3vw, 38px) !important;
    line-height: 1.08 !important;
    margin: 8px 0 16px !important;
}

.order-v375-plan-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.order-v375-plan {
    display: grid !important;
    gap: 6px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(191,219,254,.9) !important;
    cursor: pointer !important;
    transition: .18s ease !important;
}

.order-v375-plan input {
    width: auto !important;
    margin: 0 !important;
}

.order-v375-plan strong {
    font-size: 18px !important;
    color: #061733 !important;
}

.order-v375-plan span {
    color: var(--blue) !important;
    font-weight: 950 !important;
}

.order-v375-plan small {
    color: #52627a !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

.order-v375-plan.is-active {
    border-color: rgba(37,99,235,.75) !important;
    box-shadow: 0 16px 34px rgba(37,99,235,.15) !important;
    transform: translateY(-1px) !important;
}

.form-grid-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.form-grid-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.order-v375-submit {
    width: 100% !important;
    min-height: 54px !important;
    justify-content: center !important;
}

.order-v375-note,
.order-v375-success p {
    color: #52627a !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
}

.order-v375-next {
    display: grid !important;
    gap: 6px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    background: #f8fbff !important;
    border: 1px solid rgba(191,219,254,.9) !important;
    margin: 14px 0 !important;
}

.order-v375-side ol {
    padding-left: 20px !important;
    color: #34445f !important;
    font-weight: 750 !important;
    line-height: 1.7 !important;
}

.order-v375-trust {
    margin-top: 16px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    background: #f8fbff !important;
    border: 1px solid rgba(191,219,254,.9) !important;
}

.admin-order-filters {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 12px 0 18px !important;
}

.admin-orders-list {
    display: grid !important;
    gap: 18px !important;
}

.admin-order-card {
    display: grid !important;
    gap: 16px !important;
}

.admin-order-top {
    display: flex !important;
    justify-content: space-between !important;
    gap: 20px !important;
    align-items: flex-start !important;
}

.admin-order-top h2 {
    font-size: clamp(24px, 3vw, 36px) !important;
    margin: 8px 0 !important;
}

.admin-order-top p {
    color: #52627a !important;
    font-weight: 700 !important;
}

.admin-order-price {
    text-align: right !important;
}

.admin-order-price strong {
    display: block !important;
    font-size: 24px !important;
    color: var(--blue) !important;
}

.admin-order-price span {
    display: inline-flex !important;
    margin-top: 6px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    font-weight: 900 !important;
    font-size: 12px !important;
}

.admin-order-details {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.admin-order-details > div {
    padding: 12px !important;
    border-radius: 16px !important;
    background: #f8fbff !important;
    border: 1px solid rgba(191,219,254,.75) !important;
}

.admin-order-details small {
    display: block !important;
    color: #64748b !important;
    font-weight: 800 !important;
    margin-bottom: 5px !important;
}

.admin-order-details strong {
    color: #061733 !important;
    word-break: break-word !important;
}

.admin-order-extra {
    padding: 12px !important;
    border-radius: 16px !important;
    background: #f8fbff !important;
    border: 1px solid rgba(191,219,254,.75) !important;
}

.admin-order-extra pre {
    white-space: pre-wrap !important;
    margin: 10px 0 !important;
    color: #34445f !important;
}

.admin-order-form {
    display: grid !important;
    gap: 12px !important;
}

.admin-order-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.wide-copy-input {
    width: 100% !important;
    margin-top: 10px !important;
    font-weight: 800 !important;
}

@media (max-width: 1100px) {
    .order-v375-plan-grid,
    .admin-order-details,
    .form-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 860px) {
    .order-v375-hero,
    .order-v375-layout,
    .form-grid-2 {
        grid-template-columns: 1fr !important;
    }

    .admin-order-top {
        display: grid !important;
    }

    .admin-order-price {
        text-align: left !important;
    }
}

@media (max-width: 620px) {
    .order-v375-plan-grid,
    .admin-order-details,
    .form-grid-4 {
        grid-template-columns: 1fr !important;
    }
}


/* ADI Social AI v37.6 admin password change */
.cp-admin-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 22px !important;
    align-items: start !important;
}

.cp-admin-form {
    display: grid !important;
    gap: 16px !important;
    max-width: 720px !important;
}

.cp-admin-form input[type="password"] {
    letter-spacing: .08em !important;
}

.cp-admin-note,
.cp-admin-side p,
.cp-admin-success p {
    color: #52627a !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
}

.cp-admin-side h2,
.cp-admin-success h2 {
    font-size: clamp(28px, 3vw, 42px) !important;
    line-height: 1.08 !important;
    margin: 8px 0 12px !important;
}

.cp-admin-success {
    display: grid !important;
    gap: 14px !important;
}

@media (max-width: 900px) {
    .cp-admin-layout {
        grid-template-columns: 1fr !important;
    }
}


/* ADI Social AI v37.7 admin security */
.security-mini-list {
    display: grid !important;
    gap: 8px !important;
    margin-top: 16px !important;
}

.security-mini-list span {
    display: inline-flex !important;
    padding: 8px 10px !important;
    border-radius: 999px !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    font-weight: 900 !important;
    width: fit-content !important;
}

.security-check-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 18px 0 !important;
}

.security-check-card {
    padding: 18px !important;
}

.security-check-card span {
    display: inline-flex !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    margin-bottom: 10px !important;
}

.security-check-card.ok span {
    background: #dcfce7 !important;
    color: #166534 !important;
}

.security-check-card.warn span {
    background: #fef3c7 !important;
    color: #92400e !important;
}

.security-check-card h2 {
    font-size: 20px !important;
    margin: 6px 0 8px !important;
}

.security-check-card p {
    color: #52627a !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
}

.security-log-table {
    overflow-x: auto !important;
}

.security-log-table table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.security-log-table th,
.security-log-table td {
    text-align: left !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid rgba(191,219,254,.75) !important;
    font-size: 14px !important;
}

.security-log-table th {
    color: #52627a !important;
}

@media (max-width: 1100px) {
    .security-check-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 650px) {
    .security-check-grid {
        grid-template-columns: 1fr !important;
    }
}


/* ADI Social AI v37.8 security log fix */
.security-log-table table {
    min-width: 760px !important;
}

.security-check-card.warn h2 {
    color: #061733 !important;
}


/* ADI Social AI v37.9 pricing note */
.pricing-start-note {
    margin: 24px 0 !important;
    padding: 22px !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, #f8fbff, #eef6ff) !important;
    border: 1px solid rgba(191,219,254,.9) !important;
}

.pricing-start-note h2 {
    font-size: clamp(28px, 3vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
    margin: 8px 0 10px !important;
}

.pricing-start-note p:not(.eyebrow) {
    color: #34445f !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    font-weight: 750 !important;
}


/* ADI Social AI v38 contact + CTA */
.contact-cta-section {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 22px !important;
    align-items: center !important;
    margin: 28px 0 !important;
    padding: 28px !important;
    border-radius: 28px !important;
}

.contact-cta-copy h2,
.contact-page-hero h1 {
    font-size: clamp(34px, 4vw, 58px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.05em !important;
    margin: 10px 0 12px !important;
}

.contact-cta-copy p,
.contact-page-hero p,
.contact-small-note {
    color: #52627a !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    font-weight: 750 !important;
}

.contact-cta-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 18px !important;
}

.contact-cta-card {
    padding: 20px !important;
    border-radius: 24px !important;
    background: linear-gradient(145deg, #f8fbff, #eef6ff) !important;
    border: 1px solid rgba(191,219,254,.9) !important;
    box-shadow: 0 18px 42px rgba(15,23,42,.08) !important;
}

.contact-cta-card span {
    display: inline-flex !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    font-weight: 950 !important;
    font-size: 12px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.contact-cta-card h3 {
    font-size: 28px !important;
    line-height: 1.1 !important;
    margin: 12px 0 !important;
    color: #061733 !important;
}

.contact-cta-card p {
    margin: 9px 0 !important;
    color: #34445f !important;
    font-weight: 700 !important;
}

.contact-cta-card a {
    color: #1d4ed8 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.contact-page-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 22px !important;
    align-items: center !important;
    margin-bottom: 24px !important;
}

.contact-page-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 22px !important;
    align-items: start !important;
}

.contact-form {
    display: grid !important;
    gap: 16px !important;
}

.contact-form h2 {
    font-size: clamp(30px, 3vw, 44px) !important;
    margin: 8px 0 4px !important;
}

.contact-help-box ul {
    padding-left: 20px !important;
    color: #34445f !important;
    font-weight: 750 !important;
    line-height: 1.7 !important;
}

.contact-success h2 {
    font-size: clamp(28px, 3vw, 42px) !important;
    margin: 8px 0 !important;
}

.footer-contact-line {
    margin-top: 12px !important;
    color: #52627a !important;
    font-weight: 700 !important;
}

.footer-contact-line a {
    color: #1d4ed8 !important;
    text-decoration: none !important;
    font-weight: 900 !important;
}

@media (max-width: 900px) {
    .contact-cta-section,
    .contact-page-hero,
    .contact-page-layout,
    .form-grid-2 {
        grid-template-columns: 1fr !important;
    }

    .contact-cta-actions .btn {
        width: 100% !important;
        justify-content: center !important;
    }
}


/* ADI Social AI v38.1 contact menu + top strip */
.contact-top-strip {
    margin: 18px 0 26px !important;
    padding: 14px 18px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.82) !important;
    border: 1px solid rgba(191,219,254,.9) !important;
    box-shadow: 0 16px 38px rgba(15,23,42,.06) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
}

.contact-top-strip strong {
    color: #061733 !important;
    font-weight: 950 !important;
    margin-right: 8px !important;
}

.contact-top-strip span {
    color: #52627a !important;
    font-weight: 750 !important;
}

.contact-top-actions {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.contact-top-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: #eff6ff !important;
    border: 1px solid rgba(191,219,254,.95) !important;
    color: #1d4ed8 !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    font-size: 14px !important;
}

.site-header nav a[href="kontakt.php"],
.header nav a[href="kontakt.php"],
nav a[href="kontakt.php"] {
    color: #1d4ed8 !important;
    font-weight: 950 !important;
}

@media (max-width: 800px) {
    .contact-top-strip {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .contact-top-actions a {
        flex: 1 1 auto !important;
    }
}


/* ADI Social AI v38.2 mail activation fix */
.mail-debug-grid { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:22px!important; }
.activation-mail-form form { display:grid!important; gap:14px!important; max-width:720px!important; }
.wide-copy-input { width:100%!important; font-weight:800!important; margin-top:10px!important; }
@media (max-width:850px){ .mail-debug-grid{grid-template-columns:1fr!important;} }


/* ADI Social AI v38.3 FREE user mail fix */
.admin-only-activation-link {
    margin: 14px 0 !important;
    padding: 14px !important;
    border-radius: 18px !important;
    background: #eff6ff !important;
    border: 1px solid rgba(191,219,254,.95) !important;
}
.wide-copy-input { width:100%!important; font-weight:800!important; margin-top:10px!important; }


/* ADI Social AI v38.4 paid activation fix */
.wide-copy-input { width:100%!important; font-weight:800!important; margin-top:10px!important; }
.success-box { border-color: rgba(34,197,94,.35)!important; }


/* ADI Social AI v38.5 activation debug */
.activation-debug-form {
    display: flex !important;
    gap: 12px !important;
    align-items: end !important;
    flex-wrap: wrap !important;
}

.activation-debug-form label {
    min-width: 260px !important;
}

.debug-pre {
    white-space: pre-wrap !important;
    word-break: break-word !important;
    background: #f8fbff !important;
    border: 1px solid rgba(191,219,254,.9) !important;
    border-radius: 16px !important;
    padding: 14px !important;
    color: #34445f !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.wide-copy-input {
    width: 100% !important;
    font-weight: 800 !important;
    margin-top: 10px !important;
}


/* ADI Social AI v38.6 user plan columns fix */
.activation-debug-form {
    display: flex !important;
    gap: 12px !important;
    align-items: end !important;
    flex-wrap: wrap !important;
}
.activation-debug-form label {
    min-width: 240px !important;
}
.debug-pre {
    white-space: pre-wrap !important;
    word-break: break-word !important;
    background: #f8fbff !important;
    border: 1px solid rgba(191,219,254,.9) !important;
    border-radius: 16px !important;
    padding: 14px !important;
    color: #34445f !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}


/* ADI Social AI v38.7 */
.activation-debug-form{display:flex!important;gap:12px!important;align-items:end!important;flex-wrap:wrap!important}
.activation-debug-form label{min-width:240px!important}
.debug-pre{white-space:pre-wrap!important;word-break:break-word!important;background:#f8fbff!important;border:1px solid rgba(191,219,254,.9)!important;border-radius:16px!important;padding:14px!important;color:#34445f!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:13px!important;line-height:1.45!important}
.wide-copy-input{width:100%!important;font-weight:800!important;margin-top:10px!important}
.order-id-search{margin-bottom:18px!important}


/* ADI Social AI v39 */
.wide-copy-input {
    width: 100% !important;
    font-weight: 800 !important;
    margin-top: 8px !important;
    margin-bottom: 12px !important;
}
.admin-filter-form {
    display: flex !important;
    gap: 12px !important;
    align-items: end !important;
    flex-wrap: wrap !important;
}
.admin-filter-form label {
    min-width: 240px !important;
}


/* =========================================================
   ADI Social AI v49 - FULL CSS RESTORE + VERY SOFT TYPOGRAPHY
   Pelny stabilny CSS + tylko delikatne uspokojenie fontow.
   Bez zmian w PHP, layout.php, config.php i rdzeniu produktu.
   ========================================================= */

/* Tylko typografia - bez ruszania grid/flex/ukladu */
h1,
.hero h1,
.landing-hero h1,
.client-landing-hero h1,
.final-front-hero h1,
.dashboard-hero h1,
.client-welcome h1,
.admin-page-head h1,
.generator-wizard-head h1,
.graphics-hero-pro h1,
.calendar-hero h1,
.history-pro-hero h1 {
    font-size: clamp(36px, 4.6vw, 62px) !important;
    line-height: 1.02 !important;
}

h2,
.panel h2,
.card h2,
.dashboard-section-head h2,
.admin-page-head h2,
.graphics-main-create h2,
.calendar-generator h2 {
    font-size: clamp(26px, 3vw, 40px) !important;
    line-height: 1.1 !important;
}

h3,
.panel h3,
.card h3 {
    font-size: clamp(20px, 2vw, 25px) !important;
    line-height: 1.16 !important;
}

.lead,
.hero-copy p,
.landing-hero p,
.client-landing-hero p,
.final-front-hero p {
    font-size: clamp(16px, 1.5vw, 19px) !important;
    line-height: 1.6 !important;
}

/* Logo w topbarze nigdy nie robi billboardu */
.topbar img,
.public-topbar img,
.app-navbar img,
.dashboard-navbar img,
.site-header img,
.brand img,
.site-brand img,
.footer-brand img {
    max-height: 54px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Hero preview w landing page musi zachować układ */
.trust-dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.trust-dashboard-grid > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.trust-dashboard-grid strong {
    display: block !important;
}

.trust-dashboard-grid small {
    display: block !important;
}

/* Tagi w hero nie mogą się zlewać */
.hero-tags,
.trust-pills,
.front-audience-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.hero-tags span,
.trust-pills span,
.front-audience-tags span {
    display: inline-flex !important;
    width: fit-content !important;
}

/* Przyciski trochę spokojniejsze, bez zmiany układu */
.btn,
button,
input[type="submit"],
a.button {
    min-height: 44px !important;
    font-size: 14px !important;
}

/* Mobile */
@media (max-width: 768px) {
    h1,
    .hero h1,
    .landing-hero h1,
    .client-landing-hero h1,
    .final-front-hero h1,
    .dashboard-hero h1,
    .client-welcome h1,
    .admin-page-head h1,
    .generator-wizard-head h1,
    .graphics-hero-pro h1,
    .calendar-hero h1,
    .history-pro-hero h1 {
        font-size: 34px !important;
        line-height: 1.06 !important;
    }

    h2,
    .panel h2,
    .card h2,
    .dashboard-section-head h2,
    .admin-page-head h2 {
        font-size: 26px !important;
    }

    .topbar img,
    .public-topbar img,
    .app-navbar img,
    .dashboard-navbar img,
    .site-header img,
    .brand img,
    .site-brand img,
    .footer-brand img {
        max-height: 42px !important;
    }

    .trust-dashboard-grid {
        grid-template-columns: 1fr !important;
    }
}