:root {
    --tiaur-bg: #f6f8fb;
    --tiaur-card: #ffffff;
    --tiaur-text: #14213d;
    --tiaur-muted: #68758a;
    --tiaur-border: #dfe6ef;
    --tiaur-primary: #2563eb;
    --tiaur-primary-dark: #1d4ed8;
    --tiaur-danger: #dc2626;
    --tiaur-good: #059669;
    --tiaur-shadow: 0 18px 45px rgba(15, 23, 42, .08);
    --tiaur-radius: 18px;
}

.tiaur-loading {
    opacity: 1;
    visibility: visible;
}

.tiaur-ready {
    opacity: 1;
    visibility: visible;
    transition: opacity .15s ease-in-out;
}

.tiaur-loader { display: none !important; }

.tiaur-skeleton {
    background: linear-gradient(90deg, #e9eef5 25%, #f6f8fb 37%, #e9eef5 63%);
    background-size: 400% 100%;
    animation: tiaur-skeleton 1.4s ease infinite;
    border-radius: 18px;
    margin-bottom: 18px;
}

.tiaur-skeleton-title { height: 105px; }
.tiaur-skeleton-card { height: 180px; }
.tiaur-skeleton-card.short { height: 120px; width: 70%; }

@keyframes tiaur-skeleton {
    0% { background-position: 100% 50%; }
    100% { background-position: 0 50%; }
}

.tiaur-wrap {
    width: auto;
    max-width: none;
    margin: 26px 22px 60px 2px;
    color: var(--tiaur-text);
    box-sizing: border-box;
}

.tiaur-hero {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
    padding: 28px 32px;
    border-radius: 26px;
    background: radial-gradient(circle at top left, #dbeafe, transparent 36%), linear-gradient(135deg, #0f172a, #1e3a8a 48%, #2563eb);
    color: #fff;
    box-shadow: var(--tiaur-shadow);
}

.tiaur-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 10px 28px;
    border-radius: 18px;
    background: linear-gradient(180deg, #f6f8fb 0%, #e5ebf2 100%);
    border: 1px solid #3f4858;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 8px 18px rgba(15,23,42,.10);
    color: #0f2d64;
    font-size: 26px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.tiaur-hero-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.tiaur-product-title {
    margin: 0;
}

.tiaur-hero-page-title {
    margin-top: 12px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: rgba(255,255,255,.82);
}

.tiaur-hero h1 {
    margin: 0;
    color: #fff;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 750;
}

.tiaur-hero p {
    max-width: 760px;
    color: rgba(255,255,255,.78);
    font-size: 15px;
    margin: 10px 0 0;
}

.tiaur-version {
    white-space: nowrap;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.16);
    padding: 10px 14px;
    border-radius: 999px;
    color: rgba(255,255,255,.85);
}

.tiaur-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0 22px;
}

.tiaur-tabs a {
    text-decoration: none;
    color: var(--tiaur-muted);
    background: #fff;
    border: 1px solid var(--tiaur-border);
    padding: 10px 14px;
    border-radius: 999px;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .04);
    font-weight: 650;
}

.tiaur-tabs a.active,
.tiaur-tabs a:hover {
    color: #fff;
    background: var(--tiaur-primary);
    border-color: var(--tiaur-primary);
}

.tiaur-grid {
    display: grid;
    gap: 20px;
    margin-bottom: 20px;
}

.tiaur-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tiaur-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tiaur-grid.roles-layout { grid-template-columns: 310px minmax(0, 1fr); }

.tiaur-card {
    background: var(--tiaur-card);
    border: 1px solid var(--tiaur-border);
    border-radius: var(--tiaur-radius);
    box-shadow: var(--tiaur-shadow);
    padding: 22px;
}

.tiaur-card h2,
.tiaur-card h3 {
    margin-top: 0;
    color: var(--tiaur-text);
}

.tiaur-card.stat span {
    color: var(--tiaur-muted);
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
}

.tiaur-card.stat strong {
    font-size: 34px;
    line-height: 1;
}

.tiaur-gradient-card {
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    color: #fff;
    border: none;
}

.tiaur-gradient-card h2,
.tiaur-gradient-card p { color: #fff; }

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

.tiaur-checklist li {
    list-style: none;
    position: relative;
    padding-left: 28px;
    color: var(--tiaur-text);
}

.tiaur-checklist li:before {
    content: "✓";
    position: absolute;
    left: 0;
    top: -1px;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #dcfce7;
    color: #15803d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
}

.tiaur-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--tiaur-border);
    background: #fff;
    color: var(--tiaur-text);
    border-radius: 12px;
    padding: 10px 14px;
    font-weight: 750;
    cursor: pointer;
    text-decoration: none;
    min-height: 38px;
}

.tiaur-button:hover { border-color: var(--tiaur-primary); color: var(--tiaur-primary); }
.tiaur-button.primary { background: var(--tiaur-primary); border-color: var(--tiaur-primary); color: #fff; }
.tiaur-button.primary:hover { background: var(--tiaur-primary-dark); color: #fff; }
.tiaur-button.secondary { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; }
.tiaur-button.ghost { background: transparent; }
.tiaur-button.light { background: rgba(255,255,255,.16); color: #fff; border-color: rgba(255,255,255,.3); }
.tiaur-button.danger { color: #fff; background: var(--tiaur-danger); border-color: var(--tiaur-danger); }
.tiaur-button.small { padding: 6px 10px; min-height: 30px; font-size: 12px; }

.tiaur-form-row {
    display: grid;
    gap: 16px;
    margin-bottom: 16px;
}

.tiaur-form-row.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.tiaur-form-row label,
.tiaur-full-label,
.tiaur-rule-card label {
    display: block;
    color: var(--tiaur-muted);
    font-weight: 700;
    margin-bottom: 10px;
}

.tiaur-wrap input[type="text"],
.tiaur-wrap input[type="search"],
.tiaur-wrap input[type="url"],
.tiaur-wrap select,
.tiaur-wrap textarea {
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--tiaur-border);
    min-height: 40px;
    padding: 8px 12px;
    background: #fff;
    color: var(--tiaur-text);
}

.tiaur-stack > * { margin-bottom: 10px; }

.tiaur-role-pill {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: var(--tiaur-text);
    padding: 12px 14px;
    border: 1px solid var(--tiaur-border);
    border-radius: 14px;
    margin-bottom: 8px;
    background: #fff;
}

.tiaur-role-pill small { color: var(--tiaur-muted); }
.tiaur-role-pill.active,
.tiaur-role-pill:hover { border-color: var(--tiaur-primary); box-shadow: 0 10px 24px rgba(37, 99, 235, .12); }

.tiaur-cap-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 10px;
    max-height: 480px;
    overflow: auto;
    padding: 12px;
    border: 1px solid var(--tiaur-border);
    border-radius: 16px;
    background: #f8fafc;
    margin-bottom: 16px;
}

.tiaur-cap-item {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid var(--tiaur-border);
    border-radius: 12px;
    padding: 9px 10px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 12px;
}

.tiaur-search-wrap { margin-bottom: 12px; }
.tiaur-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 16px; }
.tiaur-danger-form { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--tiaur-border); }

.tiaur-filter-builder h2 { margin-bottom: 14px; }
.tiaur-condition-row {
    display: grid;
    grid-template-columns: 150px 150px minmax(220px, 1fr) 42px;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid var(--tiaur-border);
}

.tiaur-icon-button {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    border: 1px solid var(--tiaur-border);
    background: #fff;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
}

.tiaur-table-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 12px;
}

.tiaur-table {
    border-radius: 14px;
    overflow: hidden;
}

.tiaur-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 4px 8px;
    background: #eef2ff;
    color: #3730a3;
    font-weight: 700;
    font-size: 12px;
    margin: 2px;
}

.tiaur-badge.good { background: #dcfce7; color: #166534; }
.tiaur-badge.danger { background: #fee2e2; color: #991b1b; }
.tiaur-muted { color: var(--tiaur-muted); }

.tiaur-rule-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.tiaur-rule-card {
    border: 1px solid var(--tiaur-border);
    border-radius: 16px;
    padding: 16px;
    background: #f8fafc;
}

.tiaur-rule-card h3 {
    margin-bottom: 12px;
}

.tiaur-multi-select {
    min-height: 120px !important;
    margin-bottom: 14px;
}

.tiaur-restricted-message {
    border: 1px solid #f59e0b;
    background: #fffbeb;
    color: #92400e;
    border-radius: 14px;
    padding: 18px;
}

@media (max-width: 1100px) {
    .tiaur-grid.four,
    .tiaur-grid.two,
    .tiaur-grid.roles-layout { grid-template-columns: 1fr; }
    .tiaur-checklist { grid-template-columns: 1fr; }
}

@media (max-width: 782px) {
    .tiaur-wrap { margin-right: 12px; }
    .tiaur-hero { flex-direction: column; align-items: flex-start; }
    .tiaur-condition-row { grid-template-columns: 1fr; }
    .tiaur-table-actions { flex-direction: column; align-items: stretch; }
}

/* Content control metabox */
#tiaur-content-control-box .inside { padding: 0 12px 12px; }
.tiaur-content-metabox { font-size: 14px; }
.tiaur-content-toggle {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 12px 0 6px;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
}
.tiaur-content-toggle input { margin-top: 2px; }
.tiaur-content-help { margin: 0 0 12px; color: #667085; font-size: 12px; line-height: 1.45; }
.tiaur-content-fields {
    margin: 0;
    padding: 0;
    border: 0;
    min-inline-size: 0;
}
.tiaur-content-fields:disabled {
    opacity: .45;
    filter: grayscale(.15);
}
.tiaur-content-input {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.tiaur-content-roles {
    max-height: 150px;
    overflow: auto;
    border: 1px solid #d0d5dd;
    padding: 10px;
    border-radius: 8px;
    box-sizing: border-box;
    background: #fff;
}
.tiaur-content-roles label {
    display: block;
    margin-bottom: 8px;
    line-height: 1.3;
}
.tiaur-content-roles label:last-child { margin-bottom: 0; }

/* Polished post/page metabox layout */
#tiaur-content-control-box .postbox-header .hndle,
#tiaur-content-control-box h2.hndle,
#tiaur-content-control-box h3.hndle {
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    white-space: nowrap;
}
#tiaur-content-control-box .handle-actions {
    display: none !important;
}
#tiaur-content-control-box .inside {
    padding: 0 12px 14px !important;
}
.tiaur-content-metabox {
    font-size: 14px;
    color: #1f2937;
}
.tiaur-content-toggle {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 14px 0 8px;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
}
.tiaur-content-toggle input {
    flex: 0 0 auto;
    margin-top: 2px;
}
.tiaur-content-help {
    margin: 0 0 14px;
    color: #667085;
    font-size: 12px;
    line-height: 1.45;
}
.tiaur-content-fields {
    margin: 0;
    padding: 0;
    border: 0;
    min-inline-size: 0;
}
.tiaur-content-fields:disabled,
.tiaur-content-fields.is-disabled {
    opacity: .45;
    filter: grayscale(.15);
}
.tiaur-content-input {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 5px;
}
.tiaur-content-roles {
    max-height: 190px;
    overflow: auto;
    border: 1px solid #d0d5dd;
    padding: 10px;
    border-radius: 8px;
    box-sizing: border-box;
    background: #fff;
    margin-top: 6px;
}
.tiaur-content-roles label {
    display: flex !important;
    align-items: center;
    gap: 9px;
    width: 100%;
    margin: 0 0 9px !important;
    line-height: 1.3;
    float: none !important;
    clear: both;
}
.tiaur-content-roles label:last-child {
    margin-bottom: 0 !important;
}
.tiaur-content-roles input[type="checkbox"] {
    flex: 0 0 auto;
    margin: 0 !important;
}

.tiaur-rule-table-wrap {
    width: 100%;
    overflow-x: auto;
    margin-top: 18px;
    border: 1px solid var(--tiaur-border);
    border-radius: 18px;
    background: #fff;
}

 .tiaur-rule-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 920px;
}

.tiaur-rule-table th,
.tiaur-rule-table td {
    border-bottom: 1px solid var(--tiaur-border);
    border-right: 1px solid var(--tiaur-border);
    padding: 8px 12px;
    vertical-align: middle;
    text-align: left;
}

.tiaur-rule-table th:last-child,
.tiaur-rule-table td:last-child {
    border-right: 0;
}

.tiaur-rule-table tr:last-child td {
    border-bottom: 0;
}

.tiaur-rule-table th {
    background: #f8fafc;
    color: var(--tiaur-muted);
    font-size: 12px;
    font-weight: 800;
}

.tiaur-rule-name {
    width: 230px;
    color: var(--tiaur-text);
    font-size: 15px;
    font-weight: 500;
}

.tiaur-role-picker {
    position: relative;
    width: 100%;
}

.tiaur-role-picker-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    align-items: center;
    min-height: 34px;
    border: 1px solid var(--tiaur-border);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 5px 12px rgba(15, 23, 42, .035);
    cursor: text;
}

.tiaur-role-picker-control:hover,
.tiaur-role-picker.tiaur-picker-open .tiaur-role-picker-control {
    border-color: rgba(37, 99, 235, .35);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .08);
}

.tiaur-role-picker-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    min-height: 26px;
    padding: 4px 8px;
}

.tiaur-role-picker-placeholder {
    color: #94a3b8;
    font-size: 13px;
    line-height: 22px;
}

.tiaur-role-picker-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-left: 1px solid var(--tiaur-border);
    color: #475569;
    font-size: 18px;
    line-height: 1;
    user-select: none;
}

.tiaur-role-picker-menu {
    display: none;
    position: absolute;
    z-index: 50;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 260px;
    overflow: auto;
    padding: 4px;
    border: 1px solid var(--tiaur-border);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 16px 35px rgba(15, 23, 42, .16);
}

.tiaur-picker-open .tiaur-role-picker-menu {
    display: block;
}

.tiaur-role-picker-option {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--tiaur-text);
    cursor: pointer;
    font-size: 13px;
    line-height: 1.25;
    padding: 7px 9px;
    text-align: left;
}

.tiaur-role-picker-option:hover,
.tiaur-role-picker-option:focus {
    background: #eff6ff;
    color: var(--tiaur-primary);
    outline: none;
}

.tiaur-role-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: 100%;
    border-radius: 8px;
    padding: 4px 7px;
    background: #f1f5f9;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.tiaur-role-tag-remove {
    width: 15px;
    height: 15px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #475569;
    cursor: pointer;
    font-size: 15px;
    line-height: 13px;
    padding: 0;
}

.tiaur-role-tag-remove:hover {
    background: #e2e8f0;
    color: #0f172a;
}


.tiaur-role-picker-option[hidden],
.tiaur-role-picker-option.tiaur-option-hidden {
    display: none !important;
}

.tiaur-role-tools-card {
    margin-bottom: 16px;
}

.tiaur-role-tools-grid {
    display: grid;
    grid-template-columns: minmax(320px, 1.25fr) minmax(260px, .85fr) minmax(260px, .85fr);
    gap: 16px;
    align-items: start;
}

.tiaur-role-tool {
    border: 1px solid var(--tiaur-border);
    border-radius: 16px;
    background: #f8fafc;
    padding: 14px;
    min-height: 100%;
}

.tiaur-tool-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.tiaur-tool-heading h2 {
    margin: 0;
    font-size: 16px;
    line-height: 1.2;
}

.tiaur-tool-heading span {
    background: #eef2ff;
    color: #1d4ed8;
    border-radius: 999px;
    padding: 4px 9px;
    font-size: 12px;
    font-weight: 800;
}

.tiaur-role-search {
    min-height: 36px !important;
    margin-bottom: 10px;
}

.tiaur-role-chip-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 7px;
    max-height: 220px;
    overflow: auto;
    padding-right: 4px;
}

.tiaur-role-chip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 34px;
    padding: 7px 9px;
    border: 1px solid var(--tiaur-border);
    border-radius: 12px;
    background: #fff;
    text-decoration: none;
    color: var(--tiaur-text);
    font-weight: 700;
    font-size: 13px;
}

.tiaur-role-chip small {
    color: var(--tiaur-muted);
    font-size: 10px;
    font-weight: 700;
    max-width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tiaur-role-chip.active,
.tiaur-role-chip:hover {
    border-color: var(--tiaur-primary);
    box-shadow: 0 8px 18px rgba(37, 99, 235, .10);
}

.tiaur-compact-form {
    display: grid;
    gap: 9px;
}

.tiaur-compact-form input,
.tiaur-compact-form select {
    min-height: 36px !important;
}

.tiaur-help-text,
.tiaur-safety-note {
    color: var(--tiaur-muted);
    font-size: 12px;
    line-height: 1.45;
    margin: 9px 0 0;
}

.tiaur-role-editor-card {
    margin-top: 0;
}

.tiaur-role-editor-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.tiaur-role-editor-head h2 {
    margin-bottom: 3px;
}

.tiaur-danger-form-inline {
    margin: 0;
    flex: 0 0 auto;
}

.tiaur-admin-protected .tiaur-cap-locked {
    background: #f8fafc;
    border-color: #dbe5f3;
}

.tiaur-cap-item em {
    margin-left: auto;
    color: var(--tiaur-muted);
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

@media (max-width: 1200px) {
    .tiaur-role-tools-grid {
        grid-template-columns: 1fr;
    }

    .tiaur-role-chip-list {
        max-height: 260px;
    }
}

.tiaur-role-tools-grid {
    grid-template-columns: minmax(280px, .9fr) minmax(280px, 1fr) minmax(280px, 1fr);
}

.tiaur-role-select-nav {
    min-height: 38px !important;
    margin-bottom: 10px;
    font-weight: 700;
}

.tiaur-mini-label {
    display: block;
    font-size: 12px;
    font-weight: 800;
    color: var(--tiaur-muted);
    margin-bottom: 6px;
}

.tiaur-selected-role-summary {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4px 8px;
    align-items: center;
    border: 1px solid var(--tiaur-border);
    border-radius: 12px;
    background: #fff;
    padding: 9px 10px;
}

.tiaur-selected-role-summary strong {
    color: var(--tiaur-text);
    font-size: 14px;
}

.tiaur-selected-role-summary span {
    color: var(--tiaur-muted);
    font-size: 11px;
    text-align: right;
}

.tiaur-selected-role-summary em,
.tiaur-cap-count {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #eef2ff;
    color: #1d4ed8;
    font-style: normal;
    font-weight: 800;
    font-size: 11px;
    padding: 3px 8px;
}

.tiaur-selected-role-summary em {
    grid-column: 1 / -1;
    justify-self: start;
}

.tiaur-cap-count {
    vertical-align: middle;
    margin-left: 8px;
}

.tiaur-wrap {
    --tiaur-border: #cfd9e8;
    --tiaur-card-border-strong: #b8c7dc;
    --tiaur-shadow: 0 22px 55px rgba(15, 23, 42, .14);
}

.tiaur-card {
    border: 1px solid var(--tiaur-card-border-strong);
    box-shadow: 0 18px 48px rgba(15, 23, 42, .12), 0 1px 0 rgba(255,255,255,.95) inset;
}

.tiaur-role-tools-card {
    padding: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid #c5d3e6;
    box-shadow: 0 22px 58px rgba(15, 23, 42, .14);
}

.tiaur-role-tools-grid {
    gap: 18px;
}

.tiaur-role-tool {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
    border: 1px solid #cbd8ea;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10);
    padding: 18px;
}

.tiaur-role-tool:before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, #2563eb, #60a5fa, #a78bfa);
    opacity: .9;
}

.tiaur-role-tool .tiaur-tool-heading h2 {
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
}

.tiaur-mini-label {
    color: #475569;
    font-size: 12px;
    letter-spacing: .01em;
}

.tiaur-select-shell {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 58px;
    border: 2px solid #bfdbfe;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    box-shadow: 0 13px 30px rgba(37, 99, 235, .13);
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.tiaur-select-shell:hover,
.tiaur-select-shell:focus-within {
    border-color: #2563eb;
    box-shadow: 0 18px 40px rgba(37, 99, 235, .20);
    transform: translateY(-1px);
}

.tiaur-select-shell:after {
    content: "Click to choose";
    position: absolute;
    right: 52px;
    top: -11px;
    padding: 2px 8px;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    pointer-events: none;
}

.tiaur-select-icon {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #2563eb;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 900;
    pointer-events: none;
    box-shadow: 0 8px 18px rgba(37, 99, 235, .26);
}

.tiaur-role-select-nav {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 14px 62px 14px 16px !important;
    border: 0 !important;
    background: transparent !important;
    font-weight: 850;
    color: #0f172a;
    cursor: pointer;
    box-shadow: none !important;
}

.tiaur-role-select-nav:focus {
    outline: none !important;
    box-shadow: none !important;
}

.tiaur-selected-role-spotlight {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid #cbd8ea;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
}

.tiaur-selected-role-spotlight strong {
    font-size: 16px;
    font-weight: 850;
}

.tiaur-selected-role-spotlight span {
    padding: 4px 8px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-weight: 800;
}

.tiaur-role-editor-card {
    border: 1px solid #c5d3e6;
    box-shadow: 0 22px 58px rgba(15, 23, 42, .13);
}

.tiaur-role-editor-head {
    padding-bottom: 14px;
    border-bottom: 1px solid #dbe5f3;
}

.tiaur-cap-grid {
    border: 1px solid #c5d3e6;
    background: linear-gradient(180deg, #f8fbff 0%, #f1f5fb 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.tiaur-cap-item {
    border-color: #d2ddeb;
    box-shadow: 0 6px 14px rgba(15, 23, 42, .045);
}

.tiaur-cap-item:hover {
    border-color: #93c5fd;
    box-shadow: 0 10px 22px rgba(37, 99, 235, .10);
}

.tiaur-compact-form input,
.tiaur-compact-form select {
    border-color: #cbd8ea !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, .045) !important;
}

.tiaur-button.primary {
    box-shadow: 0 12px 26px rgba(37, 99, 235, .25);
}

.tiaur-wrap {
    --tiaur-text: #2f3a4a;
    --tiaur-heading: #263243;
    --tiaur-muted: #6e7d91;
    --tiaur-border: #d7e0ec;
    --tiaur-card-border-strong: #c9d5e5;
    --tiaur-shadow: 0 18px 42px rgba(31, 41, 55, .095);
    color: var(--tiaur-text);
}

.tiaur-card,
.tiaur-role-tools-card,
.tiaur-role-editor-card {
    border-color: var(--tiaur-card-border-strong);
    box-shadow: var(--tiaur-shadow);
}

.tiaur-card h2,
.tiaur-card h3,
.tiaur-role-tool .tiaur-tool-heading h2 {
    color: var(--tiaur-heading);
    font-weight: 650;
}

.tiaur-role-tools-card {
    padding: 18px;
    margin-bottom: 18px;
    background: #fff;
}

.tiaur-role-tools-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(260px, 1fr));
    gap: 18px;
    align-items: stretch;
}

.tiaur-role-tool {
    display: flex;
    flex-direction: column;
    min-height: 214px;
    border-radius: 20px;
    border: 1px solid #d6e0ee;
    background: linear-gradient(180deg, #fff 0%, #f9fbff 100%);
    box-shadow: 0 14px 30px rgba(31, 41, 55, .075);
}

.tiaur-role-tool:before {
    height: 3px;
    opacity: .8;
}

.tiaur-tool-heading h2 {
    letter-spacing: -.01em;
}

.tiaur-mini-label,
.tiaur-form-row label,
.tiaur-full-label,
.tiaur-rule-card label {
    color: var(--tiaur-muted);
    font-weight: 650;
}

.tiaur-selected-role-summary,
.tiaur-selected-role-spotlight {
    display: none !important;
}

.tiaur-select-shell {
    min-height: 62px;
    border-color: #a9c5ff;
    background: linear-gradient(180deg, #fff, #f9fbff);
}

.tiaur-select-shell:after {
    content: "Choose role";
    background: #f2f6ff;
    color: #2759d8;
}

.tiaur-select-shell.tiaur-is-loading .tiaur-select-icon {
    opacity: 0;
}

.tiaur-select-spinner {
    display: none;
    position: absolute;
    right: 19px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border: 3px solid #dbeafe;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: tiaur-spin .8s linear infinite;
    pointer-events: none;
}

.tiaur-select-shell.tiaur-is-loading .tiaur-select-spinner {
    display: block;
}

@keyframes tiaur-spin {
    to { transform: rotate(360deg); }
}

.tiaur-role-select-nav {
    font-weight: 650;
    color: #344054;
}

.tiaur-role-editor-head h2 {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 0;
}

.tiaur-role-title-name {
    font-size: 23px;
    line-height: 1.15;
    color: var(--tiaur-heading);
    font-weight: 650;
    letter-spacing: -.02em;
}

.tiaur-cap-count {
    margin-left: 0;
    font-size: 12px;
    font-weight: 650;
    color: #2854bf;
    background: #eef4ff;
}

.tiaur-cap-item {
    color: #344054;
    font-weight: 500;
}

.tiaur-cap-item span {
    font-weight: 520;
}

.tiaur-settings-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 18px;
    padding: 18px 20px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.tiaur-setting-copy h2 {
    margin: 0 0 5px;
    font-size: 18px;
    color: var(--tiaur-heading);
}

.tiaur-setting-copy p {
    margin: 0;
    color: var(--tiaur-muted);
    max-width: 820px;
}

.tiaur-toggle-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.tiaur-switch {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0;
    color: var(--tiaur-muted);
    font-weight: 650;
}

.tiaur-switch-track {
    position: relative;
    width: 58px;
    height: 32px;
    border-radius: 999px;
    background: #d5dde8;
    box-shadow: inset 0 2px 4px rgba(15, 23, 42, .16);
    transition: background .18s ease, box-shadow .18s ease;
}

.tiaur-switch-thumb {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 4px 10px rgba(15, 23, 42, .22);
    transition: transform .18s ease;
}

.tiaur-switch.is-on .tiaur-switch-thumb {
    transform: translateX(26px);
}

.tiaur-switch.is-on .tiaur-switch-track {
    background: #94a3b8;
}

.tiaur-switch.is-saved.is-on .tiaur-switch-track {
    background: #16a34a;
    box-shadow: inset 0 2px 4px rgba(15, 23, 42, .1), 0 0 0 4px rgba(22, 163, 74, .12);
}

.tiaur-switch.is-saving .tiaur-switch-track:after {
    content: "";
    position: absolute;
    inset: 7px;
    border: 2px solid rgba(255,255,255,.6);
    border-top-color: rgba(255,255,255,1);
    border-radius: 50%;
    animation: tiaur-spin .8s linear infinite;
}

.tiaur-switch-status {
    min-width: 80px;
    color: var(--tiaur-muted);
    font-size: 12px;
}

.tiaur-profile-roles-box {
    margin-top: 18px;
}

.tiaur-profile-role-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 8px;
    max-width: 960px;
}

.tiaur-profile-role-option {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #d7e0ec;
    border-radius: 10px;
    background: #fff;
    padding: 8px 10px;
    color: #344054;
}

.tiaur-profile-role-option input[type="checkbox"] {
    margin: 0;
}

.tiaur-profile-role-option span {
    font-weight: 600;
}

.tiaur-profile-role-option small {
    margin-left: auto;
    color: #7b8797;
    font-size: 11px;
}

@media (max-width: 1200px) {
    .tiaur-role-tools-grid {
        grid-template-columns: 1fr;
    }
    .tiaur-settings-card {
        align-items: flex-start;
        flex-direction: column;
    }
}


.tiaur-wrap {
    --tiaur-text: #465366;
    --tiaur-heading: #334155;
    --tiaur-muted: #7b8798;
    --tiaur-border: #d9e3f0;
    color: var(--tiaur-text);
}

.tiaur-wrap h1,
.tiaur-wrap h2,
.tiaur-wrap h3,
.tiaur-role-tool .tiaur-tool-heading h2 {
    color: var(--tiaur-heading);
    font-weight: 620;
}

.tiaur-hero h1 {
    color: #fff;
    font-weight: 650;
}

.tiaur-settings-card {
    position: relative;
    padding: 24px 28px;
    margin: 0 0 22px;
    border: 2px solid #a7f3d0;
    background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 42%, #eef6ff 100%);
    box-shadow: 0 18px 42px rgba(22, 163, 74, .12), 0 16px 36px rgba(15, 23, 42, .075);
}

.tiaur-settings-card:before {
    content: "Important setting";
    position: absolute;
    top: -12px;
    left: 22px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #16a34a;
    color: #fff;
    font-size: 11px;
    font-weight: 650;
    letter-spacing: .02em;
}

.tiaur-setting-copy h2 {
    font-size: 22px;
    line-height: 1.15;
    font-weight: 650;
    color: #1f3b2d;
}

.tiaur-setting-copy p {
    font-size: 14px;
    color: #64748b;
}

.tiaur-switch-track {
    width: 68px;
    height: 36px;
}

.tiaur-switch-thumb {
    width: 28px;
    height: 28px;
}

.tiaur-switch.is-on .tiaur-switch-thumb {
    transform: translateX(32px);
}

.tiaur-switch-label {
    font-size: 14px;
}

.tiaur-card,
.tiaur-role-tool,
.tiaur-role-editor-card {
    border-color: #d9e3f0;
    box-shadow: 0 14px 34px rgba(30, 41, 59, .08);
}

.tiaur-card,
.tiaur-role-tool {
    color: var(--tiaur-text);
}

.tiaur-select-shell {
    border-color: #b7cdf8;
    box-shadow: 0 10px 22px rgba(37, 99, 235, .075);
}

.tiaur-role-select-nav {
    color: #435063;
    font-weight: 560;
}

.tiaur-role-title-name {
    font-size: 28px;
    font-weight: 620;
    color: #334155;
}

.tiaur-cap-count {
    font-size: 11px;
    font-weight: 560;
    color: #5570aa;
    background: #f2f6ff;
    border: 1px solid #dbe7ff;
}

.tiaur-form-row label,
.tiaur-full-label,
.tiaur-mini-label {
    color: #66758a;
    font-weight: 560;
}

.tiaur-cap-grid {
    max-height: none !important;
    overflow: visible !important;
    align-items: start;
}

.tiaur-cap-item {
    color: #4b5565;
    font-weight: 450;
    box-shadow: 0 4px 10px rgba(15, 23, 42, .035);
}

.tiaur-cap-item span {
    font-weight: 450;
}

.tiaur-profile-roles-template {
    display: none;
}

tr.tiaur-profile-roles-row th,
tr.tiaur-profile-roles-row td {
    vertical-align: top;
}

.tiaur-profile-role-list {
    margin: 0;
    padding: 0;
    max-width: 360px;
}

.tiaur-profile-role-line {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 22px;
    margin: 1px 0;
    padding: 0;
    line-height: 1.25;
    color: #374151;
}

.tiaur-profile-role-line input[type="checkbox"] {
    margin: 0;
}

.tiaur-profile-role-line span {
    font-weight: 400;
}

.tiaur-profile-role-help {
    margin-top: 8px !important;
    color: #6b7280;
}

.tiaur-wrap {
    --tiaur-text: #556274;
    --tiaur-heading: #3c4656;
    --tiaur-muted: #8b98aa;
}

.tiaur-wrap h1,
.tiaur-wrap h2,
.tiaur-wrap h3,
.tiaur-role-tool .tiaur-tool-heading h2,
.tiaur-role-editor-head h2 {
    color: var(--tiaur-heading);
    font-weight: 600;
}

.tiaur-settings-card {
    border: 2px solid #57d68d !important;
    background: linear-gradient(135deg, #dffced 0%, #f7fffb 36%, #eef7ff 100%) !important;
    box-shadow: 0 22px 52px rgba(22, 163, 74, .18), 0 18px 44px rgba(37, 99, 235, .10) !important;
    transform: translateZ(0);
}

.tiaur-settings-card:before {
    background: linear-gradient(135deg, #16a34a, #2563eb) !important;
    box-shadow: 0 8px 20px rgba(22, 163, 74, .28);
}

.tiaur-setting-copy h2 {
    font-size: 25px !important;
    color: #24623c !important;
    letter-spacing: -.02em;
}

.tiaur-setting-copy p {
    font-size: 15px !important;
    color: #64748b !important;
}

.tiaur-toggle-wrap {
    padding: 10px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(22,163,74,.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 10px 24px rgba(15,23,42,.08);
}

.tiaur-switch.is-on.is-saved .tiaur-switch-track {
    background: linear-gradient(135deg, #16a34a, #22c55e) !important;
    box-shadow: 0 10px 22px rgba(22, 163, 74, .28) !important;
}

.tiaur-role-tool,
.tiaur-role-editor-card,
.tiaur-card {
    color: var(--tiaur-text);
}

.tiaur-native-select-shell {
    position: relative;
    min-height: 76px;
    display: flex;
    align-items: center;
    padding-right: 72px !important;
}

.tiaur-current-role-display {
    pointer-events: none;
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.tiaur-current-role-name {
    display: block;
    font-size: 25px;
    line-height: 1.08;
    font-weight: 650;
    color: #3c4656;
    letter-spacing: -.02em;
}

.tiaur-current-role-meta {
    display: inline-flex;
    align-self: flex-start;
    width: fit-content;
    padding: 3px 9px;
    border-radius: 999px;
    background: #f2f6ff;
    color: #5872a8;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
    border: 1px solid #dce8ff;
}

.tiaur-native-select-overlay {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 3;
}

.tiaur-native-select-shell .tiaur-select-icon {
    z-index: 4;
    pointer-events: none;
}

.tiaur-role-title-name {
    font-size: 31px !important;
    font-weight: 620 !important;
    color: #3c4656 !important;
}

.tiaur-cap-count {
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #5872a8 !important;
}


:root {
    --tiaur-heading: #344054;
    --tiaur-text: #3f4b5f;
    --tiaur-muted: #75849a;
}

.tiaur-wrap {
    color: var(--tiaur-text) !important;
}

.tiaur-wrap h1,
.tiaur-wrap h2,
.tiaur-wrap h3,
.tiaur-role-tool .tiaur-tool-heading h2,
.tiaur-role-editor-head h2 {
    color: var(--tiaur-heading) !important;
    font-weight: 600 !important;
}

.tiaur-settings-card {
    border: 2px solid #22c55e !important;
    background: radial-gradient(circle at 92% 30%, rgba(34,197,94,.18), transparent 24%), linear-gradient(135deg, #dcfce7 0%, #f0fdf4 42%, #eff6ff 100%) !important;
    box-shadow: 0 26px 62px rgba(22, 163, 74, .22), 0 22px 54px rgba(37, 99, 235, .12) !important;
}

.tiaur-settings-card:before {
    background: linear-gradient(135deg, #059669, #2563eb) !important;
}

.tiaur-setting-copy h2 {
    font-size: 27px !important;
    color: #1f6b42 !important;
}

.tiaur-setting-copy p {
    font-size: 15.5px !important;
    line-height: 1.55 !important;
    color: #617087 !important;
}

.tiaur-native-select-shell {
    min-height: 92px !important;
    padding: 0 78px 0 28px !important;
    border-radius: 18px !important;
}

.tiaur-current-role-display {
    width: 100%;
    gap: 8px !important;
}

.tiaur-current-role-name {
    font-size: 34px !important;
    line-height: 1.05 !important;
    font-weight: 650 !important;
    color: #3b4658 !important;
    letter-spacing: -.03em !important;
}

.tiaur-current-role-meta {
    font-size: 15px !important;
    font-weight: 560 !important;
    padding: 5px 11px !important;
    color: #5470a7 !important;
    background: #f3f7ff !important;
    border-color: #d9e6ff !important;
}

.tiaur-native-select-shell .tiaur-select-icon {
    right: 26px !important;
    width: 38px !important;
    height: 38px !important;
    font-size: 17px !important;
}

.tiaur-role-editor-head h2 {
    gap: 14px !important;
}

.tiaur-role-title-name {
    font-size: 34px !important;
    line-height: 1.05 !important;
    font-weight: 620 !important;
    color: #3b4658 !important;
}

.tiaur-cap-count {
    font-size: 14px !important;
    line-height: 1.25 !important;
    padding: 5px 10px !important;
    font-weight: 540 !important;
    color: #5975aa !important;
    background: #f3f7ff !important;
    border: 1px solid #d9e6ff !important;
}

.tiaur-cap-grid {
    max-height: none !important;
    overflow: visible !important;
}

.tiaur-cap-item {
    color: #4f5d73 !important;
    font-weight: 450 !important;
}

.tiaur-cap-item span {
    font-weight: 480 !important;
}

/* The hidden native select should still receive the click, but never affect visible spacing. */
.tiaur-native-select-overlay {
    opacity: 0 !important;
    color: transparent !important;
}


:root {
    --tiaur-text: #4b5568;
    --tiaur-heading: #3f4858;
    --tiaur-muted: #7a879a;
}

.tiaur-page-title h1,
.tiaur-card h2,
.tiaur-tool-heading h2,
.tiaur-role-editor-head h2,
.tiaur-setting-copy h2 {
    color: var(--tiaur-heading) !important;
    font-weight: 650 !important;
}

.tiaur-current-role-name,
.tiaur-role-title-name {
    color: #4a5568 !important;
    font-size: 38px !important;
    line-height: 1.05 !important;
    font-weight: 680 !important;
    letter-spacing: -0.03em;
}

.tiaur-current-role-meta,
.tiaur-cap-count {
    font-size: 15px !important;
    font-weight: 560 !important;
    color: #5d75ab !important;
    background: #f5f8ff !important;
    border-color: #dbe7ff !important;
}

.tiaur-current-role-display {
    gap: 10px !important;
    padding-left: 0 !important;
}

.tiaur-role-select-shell {
    cursor: pointer;
    overflow: visible !important;
}

.tiaur-role-nav-picker {
    position: relative;
}

.tiaur-role-nav-menu {
    display: none;
    position: absolute;
    z-index: 10020;
    left: 0;
    right: 0;
    top: calc(100% + 10px);
    max-height: 360px;
    overflow-y: auto;
    padding: 8px;
    border: 1px solid #d6e1f1;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 22px 55px rgba(15, 23, 42, .18);
}

.tiaur-role-nav-picker.is-open .tiaur-role-nav-menu {
    display: grid;
    gap: 6px;
}

.tiaur-role-nav-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    border: 0;
    border-radius: 12px;
    padding: 11px 13px;
    background: transparent;
    color: #4b5568;
    text-align: left;
    cursor: pointer;
}

.tiaur-role-nav-option:hover,
.tiaur-role-nav-option:focus,
.tiaur-role-nav-option.is-current {
    background: #eef5ff;
    color: #285fdb;
    outline: none;
}

.tiaur-nav-role-name {
    font-size: 15px;
    font-weight: 650;
    color: inherit;
}

.tiaur-nav-role-meta {
    font-size: 12px;
    font-weight: 560;
    color: #8190a6;
    white-space: nowrap;
}

.tiaur-role-nav-option:hover .tiaur-nav-role-meta,
.tiaur-role-nav-option.is-current .tiaur-nav-role-meta {
    color: #4f73bd;
}

.tiaur-role-picker-menu {
    color: #4b5568 !important;
}

.tiaur-role-picker-option {
    color: #4b5568 !important;
    font-weight: 540 !important;
}

.tiaur-role-picker-option:hover,
.tiaur-role-picker-option:focus {
    color: #285fdb !important;
    background: #eef5ff !important;
}

.tiaur-smart-rules-table th:first-child,
.tiaur-smart-rules-table td:first-child {
    width: 260px;
}

.tiaur-smart-rules-table .tiaur-rule-name {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #4b5568;
}

.tiaur-smart-rules-table .tiaur-rule-name strong {
    color: #4b5568;
    font-size: 16px;
    font-weight: 620;
}

.tiaur-smart-rules-table .tiaur-rule-name code {
    width: fit-content;
    color: #8b98aa;
    background: #f5f7fb;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 11px;
}

.tiaur-rule-table th {
    color: #7a879a !important;
    font-weight: 650 !important;
}

.tiaur-rule-table td,
.tiaur-rule-table .tiaur-role-tag {
    color: #4b5568 !important;
}

@media (max-width: 900px) {
    .tiaur-current-role-name,
    .tiaur-role-title-name {
        font-size: 30px !important;
    }
}


.tiaur-role-tools-card,
.tiaur-role-tools-grid,
.tiaur-role-tool,
.tiaur-card,
.tiaur-role-select-shell,
.tiaur-role-nav-picker {
    overflow: visible !important;
}

.tiaur-role-tool {
    z-index: 1;
}

.tiaur-role-tool:has(.tiaur-role-nav-picker.is-open) {
    z-index: 50;
}

.tiaur-role-tools-card:has(.tiaur-role-nav-picker.is-open) {
    z-index: 60;
    position: relative;
}

.tiaur-role-nav-menu {
    z-index: 99999 !important;
    max-height: 420px !important;
    background: #ffffff !important;
    color: #475569 !important;
}

.tiaur-role-nav-option {
    color: #475569 !important;
    background: #ffffff !important;
}

.tiaur-role-nav-option:hover,
.tiaur-role-nav-option:focus {
    background: #f1f6ff !important;
    color: #334155 !important;
}

.tiaur-role-nav-option.is-current {
    background: #eef4ff !important;
    color: #3f4b5f !important;
}

.tiaur-role-nav-option.is-current .tiaur-nav-role-name {
    color: #3f4b5f !important;
}

.tiaur-role-nav-option.is-current .tiaur-nav-role-meta,
.tiaur-role-nav-option:hover .tiaur-nav-role-meta,
.tiaur-role-nav-option:focus .tiaur-nav-role-meta {
    color: #64748b !important;
}

.tiaur-current-role-name {
    font-size: 29px !important;
    line-height: 1.08 !important;
    font-weight: 640 !important;
    color: #4f5b6d !important;
    letter-spacing: -0.025em !important;
}

.tiaur-role-title-name {
    font-size: 31px !important;
    line-height: 1.08 !important;
    font-weight: 620 !important;
    color: #4f5b6d !important;
    letter-spacing: -0.025em !important;
}

.tiaur-current-role-meta,
.tiaur-cap-count {
    font-size: 14px !important;
    font-weight: 520 !important;
    color: #6078aa !important;
    padding: 5px 10px !important;
}

.tiaur-nav-role-name {
    font-size: 15px !important;
    font-weight: 620 !important;
}

.tiaur-nav-role-meta {
    font-size: 12px !important;
    font-weight: 500 !important;
}

.tiaur-role-nav-picker .tiaur-current-role-name {
    display: block !important;
    margin-left: 10px !important;
}

.tiaur-role-nav-picker .tiaur-current-role-meta {
    margin-left: 10px !important;
}

.tiaur-role-select-shell .tiaur-role-nav-picker {
    padding-left: 8px !important;
}

.tiaur-import-export-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin-bottom: 24px;
}

.tiaur-export-card,
.tiaur-import-card {
    border-top: 4px solid #2f6bea !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .10) !important;
}

.tiaur-export-form {
    display: grid;
    gap: 12px;
}

.tiaur-input,
.tiaur-field-label {
    width: 100%;
    max-width: 100%;
}

.tiaur-field-label {
    display: block;
    color: #64748b;
    font-size: 13px;
    font-weight: 650;
    margin-bottom: 6px;
}

.tiaur-input {
    min-height: 46px;
    border: 1px solid #d8e2f0 !important;
    border-radius: 14px !important;
    padding: 10px 14px !important;
    color: #4b5568 !important;
    background: #fff !important;
}

.tiaur-note {
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 13px;
}

@media (max-width: 980px) {
    .tiaur-import-export-grid {
        grid-template-columns: 1fr;
    }
}

.tiaur-export-picker {
    position: relative;
    min-height: 54px;
    border: 2px solid #b7ccff;
    border-radius: 16px;
    background: #fff;
    color: #475569;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px 0 18px;
    cursor: pointer;
    box-shadow: 0 12px 30px rgba(37, 99, 235, .08);
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
    max-width: 520px;
}

.tiaur-export-picker:hover,
.tiaur-export-picker.is-open,
.tiaur-export-picker:focus {
    border-color: #2563eb;
    box-shadow: 0 18px 38px rgba(37, 99, 235, .16);
    outline: none;
}

.tiaur-export-current {
    font-size: 15px;
    font-weight: 560;
    color: #475569;
}

.tiaur-export-arrow {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #fff;
    background: #2f6bea;
    box-shadow: 0 10px 24px rgba(37, 99, 235, .22);
    margin-left: 16px;
}

.tiaur-export-options {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 9999;
    display: none;
    padding: 8px;
    border: 1px solid #dbe7f6;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 22px 55px rgba(15, 23, 42, .18);
}

.tiaur-export-picker.is-open .tiaur-export-options {
    display: grid;
    gap: 4px;
}

.tiaur-export-option {
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
    padding: 10px 12px;
    border-radius: 11px;
    color: #536173;
    font-size: 14px;
    font-weight: 540;
    cursor: pointer;
}

.tiaur-export-option:hover,
.tiaur-export-option.is-selected {
    color: #1d4ed8;
    background: #eef5ff;
}

.tiaur-export-button {
    width: auto !important;
    min-width: 210px;
    align-self: flex-start;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.tiaur-export-form {
    align-items: start;
}


.tiaur-select-icon {
    width: 34px !important;
    height: 34px !important;
    right: 16px !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

.tiaur-export-arrow {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

.tiaur-export-button {
    width: auto !important;
    min-width: 0 !important;
    max-width: max-content !important;
    justify-self: start !important;
    align-self: flex-start !important;
    padding: 12px 20px !important;
}

.tiaur-export-form .tiaur-button.primary.tiaur-export-button {
    display: inline-flex !important;
}

.tiaur-role-extra-tools {
    margin-top: 18px;
}
.tiaur-tool-card h2 {
    color: #344054;
    font-size: 18px;
    font-weight: 720;
}
.tiaur-inline-tools-form {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    margin: 12px 0;
}
.tiaur-inline-tools-form label {
    display: block;
    color: #667085;
    font-size: 13px;
    font-weight: 650;
    width: 100%;
}
.tiaur-inline-tools-form select,
.tiaur-inline-tools-form input[type="text"] {
    max-width: 340px;
}
.tiaur-button.compact {
    min-height: 38px;
    padding-inline: 16px;
    width: auto;
}
.tiaur-reset-defaults {
    padding-top: 10px;
    border-top: 1px solid #e6edf7;
}
.tiaur-delete-disabled {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    border-radius: 999px;
    padding: 0 14px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #9a3412;
    font-weight: 650;
}
.tiaur-cap-toolbar {
    display: grid;
    gap: 12px;
    margin: 18px 0 14px;
}
.tiaur-cap-groups {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.tiaur-cap-group {
    border: 1px solid #d8e2f0;
    background: #fff;
    color: #667085;
    border-radius: 999px;
    padding: 7px 12px;
    font-weight: 650;
    cursor: pointer;
}
.tiaur-cap-group:hover,
.tiaur-cap-group.is-active {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
}
.tiaur-compare-card {
    margin-top: 18px;
}
.tiaur-compare-results {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 14px;
}
.tiaur-compare-results > div {
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 14px;
    padding: 14px;
}
.tiaur-compare-results h3 {
    margin: 0 0 8px;
    color: #475467;
    font-size: 14px;
}
.tiaur-compare-results p {
    margin: 0;
    color: #667085;
    line-height: 1.55;
}
.tiaur-current-role-display {
    padding-left: 14px;
}
.tiaur-current-role-name,
.tiaur-role-title-name {
    color: #344054;
}
@media (max-width: 900px) {
    .tiaur-compare-results { grid-template-columns: 1fr; }
}

.tiaur-role-defaults-card {
    margin-top: 18px;
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(360px, 1.5fr);
    gap: 22px;
    align-items: center;
    border: 1px solid #cfe0f7 !important;
    background: linear-gradient(135deg, #ffffff 0%, #f7fbff 100%) !important;
    box-shadow: 0 18px 48px rgba(16, 24, 40, 0.08) !important;
}
.tiaur-role-defaults-card .tiaur-section-kicker {
    display: inline-flex;
    align-items: center;
    width: max-content;
    margin-bottom: 8px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #eaf2ff;
    color: #2563eb;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .02em;
    text-transform: uppercase;
}
.tiaur-role-defaults-card h2 {
    margin: 0 0 6px;
    color: #344054;
    font-size: 21px;
    font-weight: 720;
}
.tiaur-role-defaults-card p {
    max-width: 620px;
    margin: 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.55;
}
.tiaur-defaults-actions {
    display: grid;
    gap: 12px;
    justify-items: start;
}
.tiaur-defaults-actions .tiaur-inline-tools-form {
    width: 100%;
    margin: 0;
}
.tiaur-default-role-form {
    display: grid !important;
    grid-template-columns: minmax(240px, 360px) auto;
    align-items: end !important;
}
.tiaur-default-role-form label {
    grid-column: 1 / -1;
}
.tiaur-default-role-form select {
    width: 100%;
    max-width: 360px !important;
    min-height: 44px;
    border-color: #cfd9ea;
    border-radius: 12px;
    color: #475467;
}
.tiaur-role-utility-row {
    display: grid !important;
    grid-template-columns: minmax(320px, 0.75fr) minmax(480px, 1.25fr);
    gap: 18px;
    align-items: stretch;
}
.tiaur-role-utility-row .tiaur-tool-card,
.tiaur-compare-card {
    border: 1px solid #d8e3f3 !important;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.07) !important;
}
.tiaur-compare-card {
    margin-top: 18px;
}
.tiaur-compare-card h2,
.tiaur-tool-card h2 {
    color: #344054 !important;
    font-size: 19px !important;
    font-weight: 720 !important;
}
.tiaur-compare-form select,
.tiaur-inline-tools-form select {
    min-height: 44px;
    border-color: #d8e2f0;
    border-radius: 12px;
    color: #475467;
    background-color: #fff;
}
.tiaur-compare-results > div {
    background: linear-gradient(180deg, #f9fbff 0%, #ffffff 100%) !important;
    border-color: #d8e3f3 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
.tiaur-cap-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 240px;
    overflow: auto;
    padding: 2px;
}
.tiaur-cap-chip-list span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 9px;
    border-radius: 999px;
    background: #eef4ff;
    border: 1px solid #d8e7ff;
    color: #475467;
    font-size: 12px;
    font-weight: 650;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}
.tiaur-content-visibility-title {
    margin: 14px 0 6px !important;
}
.tiaur-content-subtoggle {
    align-items: flex-start !important;
    gap: 9px;
    padding: 8px 0;
}
.tiaur-content-subtoggle span {
    font-size: 13px;
    line-height: 1.35;
}
@media (max-width: 1100px) {
    .tiaur-role-defaults-card,
    .tiaur-role-utility-row {
        grid-template-columns: 1fr;
    }
    .tiaur-default-role-form {
        grid-template-columns: 1fr;
    }
}

.tiaur-role-maintenance-card {
    margin-top: 16px;
    padding: 0 !important;
    border: 1px solid #d8e3f2 !important;
    background: #ffffff !important;
    overflow: hidden;
    box-shadow: 0 12px 34px rgba(16, 24, 40, 0.07) !important;
}
.tiaur-role-maintenance-card > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 20px;
    cursor: pointer;
    list-style: none;
    color: #465469;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}
.tiaur-role-maintenance-card > summary::-webkit-details-marker { display: none; }
.tiaur-role-maintenance-card > summary strong {
    display: block;
    font-size: 17px;
    font-weight: 650;
    color: #3f4b5f;
}
.tiaur-role-maintenance-card > summary small {
    display: block;
    margin-top: 3px;
    font-size: 13px;
    color: #7b8798;
    font-weight: 450;
}
.tiaur-details-chevron {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #eef4ff;
    color: #2563eb;
    font-size: 18px;
    transition: transform .18s ease;
}
.tiaur-role-maintenance-card[open] .tiaur-details-chevron { transform: rotate(180deg); }
.tiaur-maintenance-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 18px 20px 20px;
    border-top: 1px solid #e7eef8;
}
.tiaur-maintenance-panel {
    padding: 18px;
    border: 1px solid #dbe5f2;
    border-radius: 18px;
    background: #fbfdff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}
.tiaur-maintenance-panel h3 {
    margin: 4px 0 6px;
    font-size: 18px;
    color: #3f4b5f;
    font-weight: 650;
}
.tiaur-maintenance-panel p {
    margin: 0 0 14px;
    color: #75849a;
    font-size: 13.5px;
    line-height: 1.5;
}
.tiaur-section-kicker.danger {
    background: #fff4ed;
    color: #b54708;
}
.tiaur-danger-panel {
    border-color: #fed7aa;
    background: linear-gradient(135deg, #fff 0%, #fffaf5 100%);
}
.tiaur-compact-tool-form {
    display: grid !important;
    grid-template-columns: minmax(220px, 320px) auto;
    gap: 10px;
    align-items: center !important;
}
.tiaur-compact-tool-form select {
    max-width: 320px !important;
}
.tiaur-confirm-line {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 0 0 12px;
    color: #5f6f85;
    font-size: 13px;
    line-height: 1.45;
}
.tiaur-confirm-line input {
    margin-top: 2px;
}
.tiaur-button.danger,
.tiaur-button.danger:disabled {
    background: #dc2626;
    color: #fff;
    border-color: #dc2626;
}
.tiaur-button.danger:disabled {
    opacity: .42;
    cursor: not-allowed;
    box-shadow: none;
}
.tiaur-content-page-note {
    padding: 10px 12px;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    background: #f8fbff;
}
@media (max-width: 980px) {
    .tiaur-maintenance-grid { grid-template-columns: 1fr; }
    .tiaur-compact-tool-form { grid-template-columns: 1fr; }
}


.tiaur-settings-card {
    margin-bottom: 26px !important;
}
.tiaur-role-maintenance-card {
    margin-top: 0 !important;
    margin-bottom: 26px !important;
    box-shadow: 0 10px 28px rgba(16, 24, 40, 0.055) !important;
}
.tiaur-role-tools-card {
    margin-top: 0 !important;
    margin-bottom: 26px !important;
}
.tiaur-role-utility-row {
    margin-top: 0 !important;
    margin-bottom: 26px !important;
}
.tiaur-compare-card {
    margin-top: 0 !important;
    margin-bottom: 26px !important;
}
.tiaur-card + .tiaur-card,
.tiaur-card + .tiaur-grid,
.tiaur-grid + .tiaur-card {
    margin-top: 26px;
}
.tiaur-role-maintenance-card + .tiaur-role-tools-card,
.tiaur-settings-card + .tiaur-role-maintenance-card {
    margin-top: 0 !important;
}


.tiaur-select-icon,
.tiaur-export-arrow,
.tiaur-role-picker-arrow {
    position: relative !important;
    font-size: 0 !important;
    color: transparent !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}

.tiaur-select-icon::before,
.tiaur-export-arrow::before,
.tiaur-role-picker-arrow::before {
    content: "" !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important;
    border-top: 9px solid currentColor !important;
    text-indent: 0 !important;
}

.tiaur-select-icon,
.tiaur-export-arrow {
    color: #ffffff !important;
}

.tiaur-role-picker-arrow {
    color: #475569 !important;
}

.tiaur-select-icon::before,
.tiaur-export-arrow::before {
    border-top-color: #ffffff !important;
}

.tiaur-role-picker-arrow::before {
    border-top-color: #475569 !important;
}

.tiaur-select-icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
}

.tiaur-export-arrow {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
}

.tiaur-role-picker-arrow {
    width: 40px !important;
    min-width: 40px !important;
}

.tiaur-card,
.tiaur-role-tools-card,
.tiaur-role-maintenance-card,
.tiaur-role-utility-card,
.tiaur-compare-card,
.tiaur-export-card,
.tiaur-import-card {
    box-shadow: 0 8px 24px rgba(15, 23, 42, .055) !important;
}

.tiaur-settings-card {
    box-shadow: 0 10px 28px rgba(22, 163, 74, .10), 0 8px 22px rgba(37, 99, 235, .055) !important;
    margin-bottom: 36px !important;
}

.tiaur-role-maintenance-card,
.tiaur-role-tools-card,
.tiaur-role-utility-row,
.tiaur-compare-card,
.tiaur-card + .tiaur-card,
.tiaur-card + .tiaur-grid,
.tiaur-grid + .tiaur-card {
    margin-top: 0 !important;
    margin-bottom: 36px !important;
}

.tiaur-role-maintenance-card + .tiaur-role-tools-card,
.tiaur-settings-card + .tiaur-role-maintenance-card,
.tiaur-role-tools-card + .tiaur-role-utility-row,
.tiaur-role-utility-row + .tiaur-compare-card {
    margin-top: 0 !important;
}

.tiaur-role-tools-card,
.tiaur-role-maintenance-card,
.tiaur-role-utility-row,
.tiaur-compare-card {
    position: relative !important;
    z-index: 1 !important;
}

.tiaur-role-tools-card {
    background: #ffffff !important;
}

.tiaur-select-icon,
.tiaur-export-arrow,
.tiaur-role-picker-arrow {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-indent: 0 !important;
    overflow: visible !important;
    font-size: 0 !important;
}

.tiaur-select-icon::before,
.tiaur-export-arrow::before,
.tiaur-role-picker-arrow::before {
    content: "" !important;
    width: 9px !important;
    height: 9px !important;
    border: 0 !important;
    border-right: 3px solid currentColor !important;
    border-bottom: 3px solid currentColor !important;
    transform: rotate(45deg) translate(-1px, -2px) !important;
    display: block !important;
    box-sizing: border-box !important;
}

.tiaur-select-icon,
.tiaur-export-arrow {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    color: #ffffff !important;
}

.tiaur-role-picker-arrow {
    width: 44px !important;
    min-width: 44px !important;
    height: 100% !important;
    color: #475569 !important;
}

.tiaur-content-input,
.tiaur-export-picker,
.tiaur-role-select-display,
.tiaur-role-picker-control,
.tiaur-input,
.tiaur-card input[type="text"],
.tiaur-card input[type="url"],
.tiaur-card select,
.tiaur-card textarea {
    border-radius: 16px !important;
}

.tiaur-card,
.tiaur-role-tools-card,
.tiaur-role-maintenance-card,
.tiaur-role-utility-card,
.tiaur-compare-card,
.tiaur-export-card,
.tiaur-import-card {
    box-shadow: 0 7px 18px rgba(15, 23, 42, .045) !important;
}

.tiaur-settings-card {
    box-shadow: 0 8px 22px rgba(22, 163, 74, .09) !important;
}

.tiaur-main > .tiaur-card,
.tiaur-main > .tiaur-grid,
.tiaur-main > .tiaur-role-tools-card,
.tiaur-main > .tiaur-role-maintenance-card,
.tiaur-main > .tiaur-role-utility-row,
.tiaur-main > .tiaur-compare-card {
    margin-top: 40px !important;
}

.tiaur-main > .tiaur-settings-card {
    margin-top: 24px !important;
    margin-bottom: 44px !important;
}

.tiaur-role-maintenance-card {
    margin-bottom: 44px !important;
}


.tiaur-select-icon,
.tiaur-export-arrow,
.tiaur-role-picker-arrow,
.tiaur-details-chevron {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-indent: 0 !important;
    overflow: visible !important;
    line-height: 1 !important;
}

.tiaur-select-icon,
.tiaur-export-arrow,
.tiaur-role-picker-arrow {
    font-size: 0 !important;
}

.tiaur-select-icon::before,
.tiaur-export-arrow::before,
.tiaur-role-picker-arrow::before,
.tiaur-details-chevron::before {
    content: "" !important;
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    border: 0 !important;
    border-right: 3px solid currentColor !important;
    border-bottom: 3px solid currentColor !important;
    transform: rotate(45deg) translate(-1px, -2px) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.tiaur-select-icon,
.tiaur-export-arrow {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    color: #ffffff !important;
}

.tiaur-role-picker-arrow {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    color: #ffffff !important;
    background: #2563eb !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 24px rgba(37, 99, 235, .20) !important;
}

.tiaur-role-picker-arrow::before {
    border-right-width: 3px !important;
    border-bottom-width: 3px !important;
    transform: rotate(45deg) translate(-2px, -3px) !important;
}

.tiaur-details-chevron {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    color: #2563eb !important;
    background: rgba(37, 99, 235, .08) !important;
    border-radius: 999px !important;
    font-size: 0 !important;
}

.tiaur-role-maintenance-card {
    background: linear-gradient(135deg, rgba(236, 253, 245, .95), rgba(240, 253, 250, .72) 45%, #ffffff 100%) !important;
    border: 1px solid rgba(34, 197, 94, .28) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .045) !important;
    margin-top: 34px !important;
    margin-bottom: 44px !important;
}

.tiaur-role-maintenance-card > summary {
    border-radius: 24px !important;
    padding: 22px 28px !important;
    background: transparent !important;
}

.tiaur-role-maintenance-card[open] > summary {
    border-bottom: 1px solid rgba(34, 197, 94, .18) !important;
}

.tiaur-card,
.tiaur-settings-card,
.tiaur-role-tools-card,
.tiaur-role-utility-card,
.tiaur-compare-card,
.tiaur-export-card,
.tiaur-import-card,
.tiaur-content-card {
    border-radius: 24px !important;
}

.tiaur-main > .tiaur-card,
.tiaur-main > .tiaur-grid,
.tiaur-main > .tiaur-role-tools-card,
.tiaur-main > .tiaur-role-maintenance-card,
.tiaur-main > .tiaur-role-utility-row,
.tiaur-main > .tiaur-compare-card {
    margin-top: 46px !important;
}

.tiaur-main > .tiaur-settings-card {
    margin-bottom: 50px !important;
}

.tiaur-select-icon,
.tiaur-export-arrow,
.tiaur-role-picker-arrow,
.tiaur-details-chevron {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-size: 0 !important;
    text-indent: 0 !important;
    overflow: visible !important;
}

.tiaur-select-icon::before,
.tiaur-export-arrow::before,
.tiaur-role-picker-arrow::before,
.tiaur-details-chevron::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 9px !important;
    height: 9px !important;
    border: 0 !important;
    border-right: 3px solid currentColor !important;
    border-bottom: 3px solid currentColor !important;
    transform: translate(-50%, -58%) rotate(45deg) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.tiaur-role-picker-arrow {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    color: #ffffff !important;
    background: #2563eb !important;
    border-radius: 999px !important;
}

.tiaur-select-icon,
.tiaur-export-arrow {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    color: #ffffff !important;
}

.tiaur-details-chevron {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    color: #2563eb !important;
    border-radius: 999px !important;
}

.tiaur-card,
.tiaur-settings-card,
.tiaur-role-tools-card,
.tiaur-role-maintenance-card,
.tiaur-role-utility-card,
.tiaur-compare-card,
.tiaur-export-card,
.tiaur-import-card,
.tiaur-content-card {
    border-radius: 24px !important;
}

.tiaur-delete-used-role-panel {
    width: min(440px, 100%);
    max-width: 440px;
    box-sizing: border-box;
    border: 1px solid rgba(251, 146, 60, .5);
    border-radius: 16px;
    background: #fff7ed;
    color: #9a3412;
    overflow: visible;
    box-shadow: 0 8px 18px rgba(124, 45, 18, .06);
}

.tiaur-role-editor-head .tiaur-delete-used-role-panel {
    align-self: center;
    margin-left: auto;
}

.tiaur-delete-used-role-panel:not(details) {
    padding: 11px 14px;
}

.tiaur-delete-used-role-panel strong {
    display: block;
    margin: 0 0 4px;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    color: #9a3412;
}

.tiaur-delete-used-role-panel p {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 500;
    color: #a75320;
}

.tiaur-delete-used-role-panel[open] {
    border-radius: 16px;
    padding-bottom: 14px;
    background: #fff7ed;
}

.tiaur-delete-used-role-panel summary {
    list-style: none;
    cursor: pointer;
    padding: 11px 14px;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 700;
    color: #9a3412;
}

.tiaur-delete-used-role-panel summary::-webkit-details-marker {
    display: none;
}

.tiaur-delete-used-role-form {
    display: grid !important;
    gap: 12px;
    padding: 0 18px;
}

.tiaur-danger-check {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    color: #7c2d12;
    font-weight: 700;
    line-height: 1.45;
}

.tiaur-delete-used-role-form .tiaur-button.danger:disabled {
    opacity: .45;
    cursor: not-allowed;
    box-shadow: none;
}


.tiaur-role-picker-arrow {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    max-height: 36px !important;
}

.tiaur-role-picker-arrow::before {
    width: 8px !important;
    height: 8px !important;
    border-right-width: 3px !important;
    border-bottom-width: 3px !important;
    transform: translate(-50%, -76%) rotate(45deg) !important;
}

.tiaur-role-picker-display {
    border-radius: 24px !important;
}


.tiaur-role-nav-picker .tiaur-select-icon,
.tiaur-select-shell .tiaur-select-icon {
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-54%) !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #2563eb !important;
    color: #ffffff !important;
    line-height: 0 !important;
    font-size: 0 !important;
    text-indent: 0 !important;
    overflow: visible !important;
    box-shadow: 0 9px 20px rgba(37, 99, 235, .22) !important;
}

.tiaur-role-nav-picker .tiaur-select-icon::before,
.tiaur-select-shell .tiaur-select-icon::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 9px !important;
    height: 9px !important;
    border: 0 !important;
    border-right: 3px solid #ffffff !important;
    border-bottom: 3px solid #ffffff !important;
    transform: translate(-50%, -66%) rotate(45deg) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.tiaur-role-nav-picker .tiaur-select-icon::after,
.tiaur-select-shell .tiaur-select-icon::after {
    content: none !important;
}

.tiaur-role-select-shell {
    border-radius: 22px !important;
}

.tiaur-frontend-role-tools-card .tiaur-role-tools-settings-form,
.tiaur-content-types-card .tiaur-content-types-form {
    margin-top: 18px;
}
.tiaur-tools-table-wrap {
    overflow-x: auto;
    border: 1px solid rgba(37, 99, 235, 0.12);
    border-radius: 18px;
    background: rgba(255,255,255,0.82);
}
.tiaur-role-tools-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.tiaur-role-tools-table th,
.tiaur-role-tools-table td {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(37, 99, 235, 0.10);
    vertical-align: middle;
}
.tiaur-role-tools-table th {
    color: #64748b;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
    background: rgba(248,250,252,.85);
}
.tiaur-role-tools-table tr:last-child td { border-bottom: 0; }
.tiaur-role-tools-table code {
    display: block;
    margin-top: 4px;
    color: #94a3b8;
    background: transparent;
    padding: 0;
}
.tiaur-role-tools-table input[type="url"] {
    width: 100%;
    max-width: 360px;
    border-radius: 12px;
    border: 1px solid #dbe6f3;
    padding: 9px 12px;
}
.tiaur-mini-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #475569;
    font-weight: 650;
}
.tiaur-shortcode-help {
    margin-top: 18px;
    padding: 16px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(239,246,255,.95), rgba(240,253,244,.85));
    border: 1px solid rgba(37,99,235,.12);
}
.tiaur-shortcode-help h3 {
    margin: 0 0 10px;
    color: #334155;
}
.tiaur-shortcode-help code {
    display: inline-flex;
    margin: 4px 6px 4px 0;
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.9);
    color: #334155;
    border: 1px solid rgba(37,99,235,.12);
}
.tiaur-cpt-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    margin-top: 16px;
}
.tiaur-cpt-option {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 15px;
    border-radius: 16px;
    border: 1px solid rgba(37,99,235,.15);
    background: rgba(255,255,255,.88);
}
.tiaur-cpt-option code {
    display: block;
    margin-top: 4px;
    color: #94a3b8;
    background: transparent;
    padding: 0;
}
.tiaur-cpt-option.is-locked {
    background: rgba(240,253,244,.75);
    border-color: rgba(22,163,74,.18);
}
.tiaur-user-count-link {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    padding: 7px 12px;
    border-radius: 999px;
    background: #eef4ff;
    color: #4f6fa8;
    border: 1px solid #d6e5ff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}
.tiaur-user-count-link:hover { color: #1d4ed8; background: #e0ecff; }

.tiaur-role-tools-card,
.tiaur-content-types-card,
.tiaur-role-maintenance-card {
    border: 2px solid rgba(34, 197, 94, .34) !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .06) !important;
}

.tiaur-role-tools-card > summary,
.tiaur-content-types-card > summary,
.tiaur-role-maintenance-card > summary {
    min-height: 54px !important;
    padding: 18px 24px !important;
}

.tiaur-frontend-role-tools-card .tiaur-role-tools-settings-form,
.tiaur-content-types-card .tiaur-content-types-form {
    margin-top: 10px !important;
}

.tiaur-role-tools-table th,
.tiaur-role-tools-table td {
    padding: 7px 12px !important;
    line-height: 1.2 !important;
}

.tiaur-role-tools-table th {
    font-size: 11px !important;
}

.tiaur-role-tools-table td strong {
    font-size: 13px !important;
    font-weight: 650 !important;
    color: #475569 !important;
}

.tiaur-role-tools-table code {
    margin-top: 2px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
}

.tiaur-role-tools-table input[type="url"] {
    height: 34px !important;
    min-height: 34px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    border-radius: 12px !important;
}

.tiaur-mini-check {
    min-height: 28px !important;
    font-size: 12px !important;
}

.tiaur-mini-check input[type="checkbox"] {
    width: 17px !important;
    height: 17px !important;
    margin-right: 7px !important;
}

.tiaur-shortcode-help {
    padding: 12px 16px !important;
}

.tiaur-shortcode-help h3 {
    margin: 0 0 10px !important;
    font-size: 15px !important;
}

.tiaur-shortcode-help code {
    font-size: 11px !important;
    padding: 7px 9px !important;
    margin: 4px 6px 4px 0 !important;
}

.tiaur-cpt-grid {
    gap: 10px !important;
}

.tiaur-cpt-option {
    min-height: 44px !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
}

.tiaur-cpt-option span strong {
    font-size: 13px !important;
}

.tiaur-cpt-option span code {
    font-size: 11px !important;
}

.tiaur-compact-note {
    margin: 12px 0 0 !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
}

.tiaur-export-button {
    width: auto !important;
    min-width: 0 !important;
    max-width: 190px !important;
    padding: 10px 18px !important;
}

.tiaur-settings-page-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
    gap: 28px;
    align-items: stretch;
}

.tiaur-settings-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 28px;
    padding: 30px 34px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(191, 219, 254, .95) !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .07) !important;
}

.tiaur-danger-aware-card {
    background: linear-gradient(135deg, #fff 0%, #f8fbff 55%, #fff7ed 100%) !important;
    border-color: rgba(251, 146, 60, .38) !important;
}

.tiaur-settings-placeholder-card {
    background: linear-gradient(135deg, #fff 0%, #f8fbff 100%) !important;
}

.tiaur-settings-panel-copy h2 {
    margin: 6px 0 8px;
    font-size: 24px;
    line-height: 1.15;
    color: #334155;
    font-weight: 700;
}

.tiaur-settings-panel-copy p {
    margin: 0;
    max-width: 820px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.55;
}

.tiaur-settings-note {
    margin-top: 14px !important;
    display: inline-block;
    max-width: 780px !important;
}

.tiaur-mini-kicker {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 999px;
    background: #eef4ff;
    color: #2563eb;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.tiaur-settings-toggle-wrap {
    min-width: 260px;
    justify-content: flex-end;
}

@media (max-width: 1100px) {
    .tiaur-settings-page-grid {
        grid-template-columns: 1fr;
    }
    .tiaur-settings-panel {
        flex-direction: column;
        align-items: flex-start;
    }
    .tiaur-settings-toggle-wrap {
        width: 100%;
        justify-content: flex-start;
    }
}

.tiaur-settings-placeholder-card {
    display: none !important;
}

.tiaur-role-tools-table th:nth-child(1),
.tiaur-role-tools-table td:nth-child(1) {
    min-width: 150px;
}

.tiaur-role-tools-table th:nth-child(2),
.tiaur-role-tools-table th:nth-child(3),
.tiaur-role-tools-table td:nth-child(2),
.tiaur-role-tools-table td:nth-child(3) {
    width: 118px;
    white-space: nowrap;
}

.tiaur-admin-menu-visibility-panel {
    margin: 16px 0 0;
    border: 1px solid rgba(34, 197, 94, .32);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(240, 253, 244, .86), rgba(248, 250, 252, .96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
    overflow: hidden;
}

.tiaur-admin-menu-visibility-panel > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 16px;
    cursor: pointer;
    list-style: none;
    color: #475569;
}

.tiaur-admin-menu-visibility-panel > summary::-webkit-details-marker,
.tiaur-admin-menu-role-item > summary::-webkit-details-marker {
    display: none;
}

.tiaur-admin-menu-visibility-panel > summary strong {
    display: block;
    color: #334155;
    font-size: 15px;
    font-weight: 650;
}

.tiaur-admin-menu-visibility-panel > summary small {
    display: block;
    margin-top: 2px;
    color: #64748b;
    font-size: 12px;
    font-weight: 450;
}

.tiaur-admin-menu-role-list {
    display: grid;
    gap: 8px;
    padding: 0 14px 14px;
}

.tiaur-admin-menu-role-item {
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 14px;
    background: rgba(255, 255, 255, .88);
    overflow: hidden;
}

.tiaur-admin-menu-role-item > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 12px;
    cursor: pointer;
    list-style: none;
}

.tiaur-admin-menu-role-item > summary strong {
    color: #475569;
    font-size: 13px;
    font-weight: 650;
}

.tiaur-admin-menu-role-item > summary code {
    display: inline-flex;
    margin-left: 8px;
    padding: 1px 5px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #94a3b8;
    font-size: 10px;
}

.tiaur-menu-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 11px;
    font-weight: 750;
}

.tiaur-admin-menu-checkbox-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 8px;
    padding: 10px 12px 12px;
    border-top: 1px solid rgba(148, 163, 184, .20);
    background: rgba(248, 250, 252, .7);
}

.tiaur-admin-menu-check {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 5px 8px;
    align-items: start;
    padding: 8px 9px;
    border: 1px solid rgba(148, 163, 184, .20);
    border-radius: 12px;
    background: #fff;
    color: #475569;
}

.tiaur-admin-menu-check input {
    grid-row: span 2;
    margin-top: 2px;
}

.tiaur-admin-menu-check span {
    font-size: 12px;
    font-weight: 650;
    line-height: 1.2;
}

.tiaur-admin-menu-check code {
    background: transparent;
    color: #94a3b8;
    font-size: 10px;
    padding: 0;
    line-height: 1.15;
}

.tiaur-role-tools-bottom-actions {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(148, 163, 184, .18);
}


.tiaur-module-header-card,
.tiaur-module-toggle-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border: 2px solid rgba(34, 197, 94, .34) !important;
    background: linear-gradient(135deg, #f4fdf7 0%, #ffffff 100%) !important;
}
.tiaur-module-header-card .tiaur-setting-copy h2,
.tiaur-module-toggle-card > summary strong {
    margin: 0;
    color: #334155;
}
.tiaur-module-header-card .tiaur-setting-copy p,
.tiaur-module-toggle-card > summary small {
    color: #64748b;
    margin: 4px 0 0;
}
.tiaur-module-toggle-card {
    padding: 0 !important;
    display: block;
    overflow: hidden;
}
.tiaur-module-toggle-card > summary {
    display: grid !important;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 16px;
    padding: 18px 24px !important;
    cursor: pointer;
    list-style: none;
    background: linear-gradient(135deg, #f4fdf7 0%, #ffffff 100%) !important;
}
.tiaur-module-toggle-card > summary::-webkit-details-marker { display: none; }
.tiaur-module-toggle-wrap {
    justify-self: end;
}
.tiaur-module-content {
    padding: 0 20px 20px;
    border-top: 1px solid rgba(34, 197, 94, .16);
}
.tiaur-module-content.is-disabled {
    opacity: .48;
    filter: grayscale(.18);
}
.tiaur-module-content.is-disabled input,
.tiaur-module-content.is-disabled select,
.tiaur-module-content.is-disabled textarea,
.tiaur-module-content.is-disabled button:not([data-tiaur-toggle]) {
    cursor: not-allowed !important;
}
.tiaur-module-header-card.is-module-disabled,
.tiaur-module-toggle-card.is-module-disabled {
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%) !important;
    border-color: #dbe5f2 !important;
}
.tiaur-module-header-card + .tiaur-module-content {
    margin-top: 18px;
}
@media (max-width: 900px) {
    .tiaur-module-header-card {
        flex-direction: column;
        align-items: flex-start;
    }
    .tiaur-module-toggle-card > summary {
        grid-template-columns: 1fr;
    }
}


.tiaur-frontend-role-tools-card:not([open]) {
    overflow: hidden !important;
}
.tiaur-frontend-role-tools-card[open] {
    overflow: visible !important;
}
.tiaur-frontend-role-tools-card > .tiaur-module-content {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.tiaur-frontend-role-tools-card:not([open]) > .tiaur-module-content {
    display: none !important;
}
.tiaur-frontend-role-tools-card .tiaur-role-tools-settings-form {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.tiaur-module-content.is-disabled {
    opacity: .46 !important;
    filter: grayscale(.18) !important;
    pointer-events: auto !important;
}
.tiaur-module-content.is-disabled input,
.tiaur-module-content.is-disabled select,
.tiaur-module-content.is-disabled textarea,
.tiaur-module-content.is-disabled button:not([data-tiaur-toggle]) {
    cursor: not-allowed !important;
}



.tiaur-wrap {
    --tiaur-primary: #16a34a;
    --tiaur-primary-dark: #15803d;
    --tiaur-primary-soft: #dcfce7;
    --tiaur-primary-faint: #f0fdf4;
    --tiaur-primary-border: #86efac;
    --tiaur-wave: rgba(22, 163, 74, .12);
    --tiaur-wave-strong: rgba(22, 163, 74, .22);
}
.tiaur-theme-green { --tiaur-primary:#16a34a; --tiaur-primary-dark:#15803d; --tiaur-primary-soft:#dcfce7; --tiaur-primary-faint:#f0fdf4; --tiaur-primary-border:#86efac; --tiaur-wave:rgba(22,163,74,.12); --tiaur-wave-strong:rgba(22,163,74,.22); }
.tiaur-theme-blue { --tiaur-primary:#2563eb; --tiaur-primary-dark:#1d4ed8; --tiaur-primary-soft:#dbeafe; --tiaur-primary-faint:#eff6ff; --tiaur-primary-border:#93c5fd; --tiaur-wave:rgba(37,99,235,.12); --tiaur-wave-strong:rgba(37,99,235,.22); }
.tiaur-theme-red { --tiaur-primary:#dc2626; --tiaur-primary-dark:#b91c1c; --tiaur-primary-soft:#fee2e2; --tiaur-primary-faint:#fef2f2; --tiaur-primary-border:#fca5a5; --tiaur-wave:rgba(220,38,38,.12); --tiaur-wave-strong:rgba(220,38,38,.22); }
.tiaur-theme-burgundy { --tiaur-primary:#9f1239; --tiaur-primary-dark:#881337; --tiaur-primary-soft:#ffe4e6; --tiaur-primary-faint:#fff1f2; --tiaur-primary-border:#fda4af; --tiaur-wave:rgba(159,18,57,.13); --tiaur-wave-strong:rgba(159,18,57,.24); }
.tiaur-theme-pink { --tiaur-primary:#db2777; --tiaur-primary-dark:#be185d; --tiaur-primary-soft:#fce7f3; --tiaur-primary-faint:#fdf2f8; --tiaur-primary-border:#f9a8d4; --tiaur-wave:rgba(219,39,119,.12); --tiaur-wave-strong:rgba(219,39,119,.22); }
.tiaur-theme-purple { --tiaur-primary:#7c3aed; --tiaur-primary-dark:#6d28d9; --tiaur-primary-soft:#ede9fe; --tiaur-primary-faint:#f5f3ff; --tiaur-primary-border:#c4b5fd; --tiaur-wave:rgba(124,58,237,.12); --tiaur-wave-strong:rgba(124,58,237,.22); }
.tiaur-theme-teal { --tiaur-primary:#0d9488; --tiaur-primary-dark:#0f766e; --tiaur-primary-soft:#ccfbf1; --tiaur-primary-faint:#f0fdfa; --tiaur-primary-border:#5eead4; --tiaur-wave:rgba(13,148,136,.12); --tiaur-wave-strong:rgba(13,148,136,.22); }
.tiaur-theme-orange { --tiaur-primary:#ea580c; --tiaur-primary-dark:#c2410c; --tiaur-primary-soft:#ffedd5; --tiaur-primary-faint:#fff7ed; --tiaur-primary-border:#fdba74; --tiaur-wave:rgba(234,88,12,.12); --tiaur-wave-strong:rgba(234,88,12,.22); }
.tiaur-theme-white { --tiaur-primary:#64748b; --tiaur-primary-dark:#475569; --tiaur-primary-soft:#f8fafc; --tiaur-primary-faint:#ffffff; --tiaur-primary-border:#cbd5e1; --tiaur-wave:rgba(148,163,184,.13); --tiaur-wave-strong:rgba(148,163,184,.22); }
.tiaur-theme-silver { --tiaur-primary:#71717a; --tiaur-primary-dark:#52525b; --tiaur-primary-soft:#f4f4f5; --tiaur-primary-faint:#fafafa; --tiaur-primary-border:#d4d4d8; --tiaur-wave:rgba(113,113,122,.14); --tiaur-wave-strong:rgba(161,161,170,.24); }
.tiaur-theme-titanium { --tiaur-primary:#475569; --tiaur-primary-dark:#334155; --tiaur-primary-soft:#e2e8f0; --tiaur-primary-faint:#f8fafc; --tiaur-primary-border:#94a3b8; --tiaur-wave:rgba(71,85,105,.14); --tiaur-wave-strong:rgba(100,116,139,.24); }
.tiaur-theme-black { --tiaur-primary:#111827; --tiaur-primary-dark:#030712; --tiaur-primary-soft:#e5e7eb; --tiaur-primary-faint:#f9fafb; --tiaur-primary-border:#9ca3af; --tiaur-wave:rgba(17,24,39,.12); --tiaur-wave-strong:rgba(17,24,39,.22); }

.tiaur-wrap .tiaur-hero {
    background: radial-gradient(circle at top left, rgba(255,255,255,.35), transparent 34%), linear-gradient(135deg, var(--tiaur-primary-dark), var(--tiaur-primary));
}
.tiaur-wrap .tiaur-card,
.tiaur-wrap .tiaur-role-tool,
.tiaur-wrap .tiaur-rule-table-wrap,
.tiaur-wrap .tiaur-module-toggle-card,
.tiaur-wrap .tiaur-role-maintenance-card,
.tiaur-wrap .tiaur-settings-card,
.tiaur-wrap .tiaur-settings-panel {
    background: radial-gradient(circle at top right, var(--tiaur-wave), transparent 42%), linear-gradient(135deg, #fff 0%, var(--tiaur-primary-faint) 100%) !important;
    border-color: var(--tiaur-primary-border) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .08) !important;
}
.tiaur-wrap .tiaur-card + .tiaur-card,
.tiaur-wrap .tiaur-module-toggle-card + .tiaur-module-toggle-card,
.tiaur-wrap .tiaur-module-toggle-card + .tiaur-role-maintenance-card,
.tiaur-wrap .tiaur-role-maintenance-card + .tiaur-role-tools-card,
.tiaur-wrap .tiaur-role-tools-card + .tiaur-tool-card,
.tiaur-wrap .tiaur-tool-card + .tiaur-tool-card {
    margin-top: 28px;
}
.tiaur-settings-card:before { display: none !important; content: none !important; }
.tiaur-wrap .tiaur-tabs a.active,
.tiaur-wrap .tiaur-tabs a:hover,
.tiaur-wrap .tiaur-button.primary,
.tiaur-wrap .tiaur-select-icon,
.tiaur-wrap .tiaur-switch.is-on .tiaur-switch-track,
.tiaur-wrap .tiaur-cap-group.is-active {
    background: var(--tiaur-primary) !important;
    border-color: var(--tiaur-primary) !important;
    color: #fff !important;
}
.tiaur-wrap .tiaur-button.primary:hover { background: var(--tiaur-primary-dark) !important; border-color: var(--tiaur-primary-dark) !important; }
.tiaur-wrap .tiaur-button:hover { border-color: var(--tiaur-primary) !important; color: var(--tiaur-primary) !important; }
.tiaur-wrap .tiaur-button.primary:hover { color: #fff !important; }
.tiaur-wrap .tiaur-badge.good,
.tiaur-wrap .tiaur-checklist li:before {
    background: var(--tiaur-primary-soft) !important;
    color: var(--tiaur-primary-dark) !important;
}
.tiaur-wrap .tiaur-role-tool:before {
    background: linear-gradient(90deg, var(--tiaur-primary), var(--tiaur-primary-border)) !important;
}
.tiaur-wrap .tiaur-select-shell,
.tiaur-wrap .tiaur-role-picker-control,
.tiaur-wrap .tiaur-export-picker {
    border-color: var(--tiaur-primary-border) !important;
}
.tiaur-wrap .tiaur-select-shell:hover,
.tiaur-wrap .tiaur-select-shell:focus-within,
.tiaur-wrap .tiaur-role-picker-control:hover,
.tiaur-wrap .tiaur-role-picker.tiaur-picker-open .tiaur-role-picker-control,
.tiaur-wrap .tiaur-export-picker:hover,
.tiaur-wrap .tiaur-export-picker.is-open {
    border-color: var(--tiaur-primary) !important;
    box-shadow: 0 0 0 3px var(--tiaur-wave), 0 14px 28px rgba(15,23,42,.08) !important;
}
.tiaur-wrap .tiaur-select-shell:after {
    color: var(--tiaur-primary-dark) !important;
    border-color: var(--tiaur-primary-border) !important;
    background: var(--tiaur-primary-faint) !important;
}
.tiaur-content-edit-link.is-disabled,
.tiaur-module-content.is-disabled .tiaur-content-edit-link {
    opacity: .45;
    pointer-events: none;
    cursor: not-allowed;
    filter: grayscale(.2);
}
.tiaur-color-settings-card { display: grid; grid-template-columns: minmax(260px, .55fr) minmax(320px, 1fr); gap: 24px; align-items: start; }
.tiaur-color-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); gap: 10px; }
.tiaur-color-option { display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--tiaur-border); border-radius:14px; background:#fff; cursor:pointer; font-weight:700; color:var(--tiaur-text); }
.tiaur-color-option input { margin:0; }
.tiaur-color-option.is-selected { border-color: var(--tiaur-primary); box-shadow:0 0 0 3px var(--tiaur-wave); }
.tiaur-color-swatch { width:26px; height:26px; border-radius:999px; border:1px solid rgba(0,0,0,.12); background:var(--tiaur-primary); box-shadow: inset 0 1px 0 rgba(255,255,255,.35); }
.tiaur-theme-white .tiaur-color-swatch { background: linear-gradient(135deg,#fff,#e5e7eb); }
.tiaur-theme-silver .tiaur-color-swatch { background: linear-gradient(135deg,#f8fafc,#a1a1aa,#fff); }
.tiaur-theme-titanium .tiaur-color-swatch { background: linear-gradient(135deg,#e2e8f0,#64748b,#f8fafc); }
.tiaur-theme-black .tiaur-color-swatch { background: linear-gradient(135deg,#111827,#030712); }
@media (max-width: 1100px) { .tiaur-color-settings-card { grid-template-columns: 1fr; } }


.tiaur-wrap {
    --tiaur-on-primary: #ffffff;
    --tiaur-hero-text: #ffffff;
    --tiaur-hero-muted: rgba(255,255,255,.82);
    --tiaur-card-top-border: var(--tiaur-primary-border);
}
.tiaur-theme-white,
.tiaur-theme-silver {
    --tiaur-primary: #64748b;
    --tiaur-primary-dark: #475569;
    --tiaur-on-primary: #ffffff;
    --tiaur-hero-text: #1f2937;
    --tiaur-hero-muted: #526174;
}
.tiaur-theme-titanium,
.tiaur-theme-black {
    --tiaur-on-primary: #ffffff;
    --tiaur-hero-text: #ffffff;
    --tiaur-hero-muted: rgba(255,255,255,.78);
}
.tiaur-wrap .tiaur-hero h1,
.tiaur-wrap .tiaur-hero p,
.tiaur-wrap .tiaur-version,
.tiaur-wrap .tiaur-product-title,
.tiaur-wrap .tiaur-hero-page-title {
    color: var(--tiaur-hero-text) !important;
}
.tiaur-wrap .tiaur-hero p { color: var(--tiaur-hero-muted) !important; }
.tiaur-wrap .tiaur-version {
    background: rgba(255,255,255,.16) !important;
    border-color: rgba(255,255,255,.22) !important;
}
.tiaur-wrap .tiaur-kicker {
    color: #0f2d64 !important;
    background: linear-gradient(180deg, #f6f8fb 0%, #e5ebf2 100%) !important;
    border-color: #3f4858 !important;
}
.tiaur-theme-white .tiaur-hero,
.tiaur-theme-silver .tiaur-hero {
    background: radial-gradient(circle at top left, rgba(255,255,255,.8), transparent 34%), linear-gradient(135deg, #e5e7eb, #f8fafc 52%, #cbd5e1) !important;
    border: 1px solid #cbd5e1 !important;
}
.tiaur-wrap .tiaur-tabs a.active,
.tiaur-wrap .tiaur-tabs a:hover,
.tiaur-wrap .tiaur-button.primary,
.tiaur-wrap .tiaur-select-icon,
.tiaur-wrap .tiaur-switch.is-on .tiaur-switch-track,
.tiaur-wrap .tiaur-cap-group.is-active {
    color: var(--tiaur-on-primary) !important;
}
.tiaur-wrap .tiaur-module-toggle-card,
.tiaur-wrap .tiaur-role-maintenance-card,
.tiaur-wrap .tiaur-role-tools-card,
.tiaur-wrap .tiaur-content-types-card,
.tiaur-wrap .tiaur-settings-card,
.tiaur-wrap .tiaur-settings-panel,
.tiaur-wrap .tiaur-card,
.tiaur-wrap .tiaur-rule-table-wrap {
    border-color: var(--tiaur-primary-border) !important;
    background: radial-gradient(circle at top right, var(--tiaur-wave), transparent 42%), linear-gradient(135deg, #fff 0%, var(--tiaur-primary-faint) 100%) !important;
}
.tiaur-wrap .tiaur-role-tool:before,
.tiaur-wrap .tiaur-card:before {
    background: linear-gradient(90deg, var(--tiaur-primary), var(--tiaur-primary-border)) !important;
}
.tiaur-wrap .tiaur-role-tools-card,
.tiaur-wrap .tiaur-content-types-card,
.tiaur-wrap .tiaur-role-maintenance-card,
.tiaur-admin-menu-visibility-panel {
    border-color: var(--tiaur-primary-border) !important;
}
.tiaur-wrap .tiaur-mini-kicker {
    background: var(--tiaur-primary-soft) !important;
    color: var(--tiaur-primary-dark) !important;
}
.tiaur-wrap .tiaur-note,
.tiaur-wrap .tiaur-settings-note {
    border-color: var(--tiaur-border) !important;
}
/* Color picker swatches must keep their own colors, not inherit the selected page theme. */
.tiaur-color-option.tiaur-theme-green .tiaur-color-swatch { background: linear-gradient(135deg,#dcfce7,#16a34a); }
.tiaur-color-option.tiaur-theme-blue .tiaur-color-swatch { background: linear-gradient(135deg,#dbeafe,#2563eb); }
.tiaur-color-option.tiaur-theme-red .tiaur-color-swatch { background: linear-gradient(135deg,#fee2e2,#dc2626); }
.tiaur-color-option.tiaur-theme-burgundy .tiaur-color-swatch { background: linear-gradient(135deg,#ffe4e6,#9f1239); }
.tiaur-color-option.tiaur-theme-pink .tiaur-color-swatch { background: linear-gradient(135deg,#fce7f3,#db2777); }
.tiaur-color-option.tiaur-theme-purple .tiaur-color-swatch { background: linear-gradient(135deg,#ede9fe,#7c3aed); }
.tiaur-color-option.tiaur-theme-teal .tiaur-color-swatch { background: linear-gradient(135deg,#ccfbf1,#0d9488); }
.tiaur-color-option.tiaur-theme-orange .tiaur-color-swatch { background: linear-gradient(135deg,#ffedd5,#ea580c); }
.tiaur-color-option.tiaur-theme-white .tiaur-color-swatch { background: linear-gradient(135deg,#ffffff,#e5e7eb); }
.tiaur-color-option.tiaur-theme-silver .tiaur-color-swatch { background: linear-gradient(135deg,#f8fafc,#a1a1aa,#ffffff); }
.tiaur-color-option.tiaur-theme-titanium .tiaur-color-swatch { background: linear-gradient(135deg,#e2e8f0,#64748b,#f8fafc); }
.tiaur-color-option.tiaur-theme-black .tiaur-color-swatch { background: linear-gradient(135deg,#111827,#030712); }
.tiaur-color-option.tiaur-theme-black { color:#111827 !important; }
/* Settings page should be vertical; cleanup belongs under the color selector. */
.tiaur-settings-page-stack {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.tiaur-settings-page-stack .tiaur-settings-panel {
    width: 100%;
    box-sizing: border-box;
}
.tiaur-settings-page-stack .tiaur-danger-aware-card {
    order: 20;
}
.tiaur-settings-page-stack .tiaur-color-settings-card {
    order: 1;
}
.tiaur-color-settings-card {
    grid-template-columns: minmax(240px, .35fr) minmax(360px, .65fr) !important;
}
@media (max-width: 1100px) { .tiaur-color-settings-card { grid-template-columns: 1fr !important; } }


/* Switches always use a clear green ON state, independent from the selected color theme. */
.tiaur-wrap .tiaur-switch.is-on .tiaur-switch-track,
.tiaur-wrap .tiaur-module-toggle-card .tiaur-switch.is-on .tiaur-switch-track,
.tiaur-wrap .tiaur-settings-panel .tiaur-switch.is-on .tiaur-switch-track {
    background: #16a34a !important;
    border-color: #16a34a !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.12), 0 10px 26px rgba(22,163,74,.28) !important;
}
.tiaur-wrap .tiaur-switch.is-on .tiaur-switch-label {
    color: #15803d !important;
}
.tiaur-wrap .tiaur-switch.is-on .tiaur-switch-thumb {
    background: #ffffff !important;
}
.tiaur-wrap .tiaur-toggle-wrap {
    border-color: rgba(22,163,74,.18) !important;
}
/* Keep selected color border in sync immediately when the radio changes. */
.tiaur-color-option.is-selected {
    border-color: var(--tiaur-primary) !important;
    box-shadow: 0 0 0 3px var(--tiaur-wave) !important;
}
.tiaur-color-option:not(.is-selected) {
    box-shadow: none !important;
}
/* Disabled edit links should be visually disabled and physically non-clickable. */
.tiaur-content-edit-link.is-disabled,
.tiaur-module-content.is-disabled .tiaur-content-edit-link {
    opacity: .45 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.tiaur-wrap .tiaur-module-header-card,
.tiaur-wrap .tiaur-module-toggle-card {
    border: 2px solid var(--tiaur-primary-border) !important;
    background: radial-gradient(circle at top right, var(--tiaur-wave), transparent 42%), linear-gradient(135deg, #ffffff 0%, var(--tiaur-primary-faint) 100%) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .08) !important;
    border-radius: 24px !important;
}

.tiaur-wrap .tiaur-module-toggle-card > summary {
    background: radial-gradient(circle at top right, var(--tiaur-wave), transparent 42%), linear-gradient(135deg, #ffffff 0%, var(--tiaur-primary-faint) 100%) !important;
    border-radius: 22px !important;
}

.tiaur-wrap .tiaur-module-toggle-card.is-module-disabled,
.tiaur-wrap .tiaur-module-header-card.is-module-disabled {
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%) !important;
    border-color: #dbe5f2 !important;
}

.tiaur-wrap .tiaur-module-content {
    border-top-color: var(--tiaur-primary-border) !important;
}

.tiaur-wrap .tiaur-details-chevron {
    color: var(--tiaur-primary) !important;
    background: var(--tiaur-primary-soft) !important;
}

/* Keep module switches green when enabled, regardless of selected theme. */
.tiaur-wrap .tiaur-module-toggle-card .tiaur-switch.is-on .tiaur-switch-track,
.tiaur-wrap .tiaur-module-header-card .tiaur-switch.is-on .tiaur-switch-track,
.tiaur-wrap .tiaur-switch.is-on .tiaur-switch-track {
    background: #16a34a !important;
    border-color: #16a34a !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.12), 0 10px 26px rgba(22,163,74,.28) !important;
}
.tiaur-wrap .tiaur-switch.is-on .tiaur-switch-label {
    color: #15803d !important;
}

/* Make Frontend & Login Tools read like the main module cards instead of a tiny table label. */
.tiaur-frontend-role-tools-card > summary {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    min-height: 104px !important;
    padding: 26px 30px !important;
}

.tiaur-frontend-role-tools-card > summary > span:first-child {
    display: block !important;
    min-width: 0 !important;
}

.tiaur-frontend-role-tools-card > summary > span:first-child strong {
    display: block !important;
    font-size: 25px !important;
    line-height: 1.15 !important;
    font-weight: 760 !important;
    color: var(--tiaur-text) !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 8px !important;
}

.tiaur-frontend-role-tools-card > summary > span:first-child small {
    display: block !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    color: var(--tiaur-muted) !important;
    margin: 0 !important;
}

.tiaur-frontend-role-tools-card .tiaur-toggle-wrap,
.tiaur-frontend-role-tools-card .tiaur-module-toggle-wrap {
    flex: 0 0 auto !important;
}

@media (max-width: 900px) {
    .tiaur-frontend-role-tools-card > summary {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
    }
}


/* The outer module card follows the selected theme. Inner tables/panels must not stay green. */
.tiaur-wrap .tiaur-frontend-role-tools-card .tiaur-module-content,
.tiaur-wrap .tiaur-frontend-role-tools-card .tiaur-role-tools-settings-form {
    background: transparent !important;
}

.tiaur-wrap .tiaur-frontend-role-tools-card .tiaur-tools-table-wrap,
.tiaur-wrap .tiaur-tools-table-wrap {
    border-color: color-mix(in srgb, var(--tiaur-primary-border) 70%, #ffffff) !important;
    background: linear-gradient(135deg, #ffffff 0%, var(--tiaur-primary-faint) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85) !important;
}

.tiaur-wrap .tiaur-role-tools-table th {
    background: color-mix(in srgb, var(--tiaur-primary-faint) 82%, #ffffff) !important;
    color: var(--tiaur-muted) !important;
}

.tiaur-wrap .tiaur-role-tools-table th,
.tiaur-wrap .tiaur-role-tools-table td {
    border-bottom-color: color-mix(in srgb, var(--tiaur-primary-border) 38%, #ffffff) !important;
}

.tiaur-wrap .tiaur-admin-menu-visibility-panel {
    border-color: color-mix(in srgb, var(--tiaur-primary-border) 76%, #ffffff) !important;
    background: radial-gradient(circle at top right, var(--tiaur-wave), transparent 42%), linear-gradient(135deg, #ffffff 0%, var(--tiaur-primary-faint) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.tiaur-wrap .tiaur-admin-menu-visibility-panel > summary {
    color: var(--tiaur-text) !important;
    background: transparent !important;
}

.tiaur-wrap .tiaur-admin-menu-visibility-panel > summary strong,
.tiaur-wrap .tiaur-admin-menu-role-item > summary strong,
.tiaur-wrap .tiaur-admin-menu-check span {
    color: var(--tiaur-text) !important;
}

.tiaur-wrap .tiaur-admin-menu-visibility-panel > summary small,
.tiaur-wrap .tiaur-admin-menu-role-item > summary code,
.tiaur-wrap .tiaur-admin-menu-check code {
    color: var(--tiaur-muted) !important;
}

.tiaur-wrap .tiaur-admin-menu-role-item {
    border-color: color-mix(in srgb, var(--tiaur-primary-border) 46%, #ffffff) !important;
    background: rgba(255,255,255,.88) !important;
}

.tiaur-wrap .tiaur-admin-menu-checkbox-grid {
    border-top-color: color-mix(in srgb, var(--tiaur-primary-border) 42%, #ffffff) !important;
    background: color-mix(in srgb, var(--tiaur-primary-faint) 70%, #ffffff) !important;
}

.tiaur-wrap .tiaur-admin-menu-check {
    border-color: color-mix(in srgb, var(--tiaur-primary-border) 42%, #ffffff) !important;
    background: rgba(255,255,255,.92) !important;
    color: var(--tiaur-text) !important;
}

.tiaur-wrap .tiaur-menu-count {
    background: var(--tiaur-primary-soft) !important;
    color: var(--tiaur-primary-dark) !important;
}

.tiaur-wrap .tiaur-shortcode-help {
    background: radial-gradient(circle at top right, var(--tiaur-wave), transparent 42%), linear-gradient(135deg, #ffffff 0%, var(--tiaur-primary-faint) 100%) !important;
    border-color: color-mix(in srgb, var(--tiaur-primary-border) 70%, #ffffff) !important;
}

.tiaur-wrap .tiaur-shortcode-help h3 {
    color: var(--tiaur-text) !important;
}

.tiaur-wrap .tiaur-shortcode-help code {
    background: rgba(255,255,255,.9) !important;
    color: var(--tiaur-text) !important;
    border-color: color-mix(in srgb, var(--tiaur-primary-border) 48%, #ffffff) !important;
}

.tiaur-wrap .tiaur-cpt-option.is-locked {
    background: color-mix(in srgb, var(--tiaur-primary-faint) 72%, #ffffff) !important;
    border-color: color-mix(in srgb, var(--tiaur-primary-border) 56%, #ffffff) !important;
}

/* Keep switch ON state green only on the switch itself; do not color surrounding module internals green. */
.tiaur-wrap .tiaur-toggle-wrap {
    border-color: rgba(22,163,74,.18) !important;
    background: rgba(255,255,255,.74) !important;
}


.tiaur-wrap .tiaur-export-arrow,
.tiaur-wrap .tiaur-export-picker .tiaur-export-arrow {
    background: var(--tiaur-primary) !important;
    border-color: var(--tiaur-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--tiaur-primary) 28%, transparent) !important;
}
.tiaur-wrap .tiaur-export-picker:hover .tiaur-export-arrow,
.tiaur-wrap .tiaur-export-picker.is-open .tiaur-export-arrow,
.tiaur-wrap .tiaur-export-picker:focus .tiaur-export-arrow {
    background: var(--tiaur-primary-dark) !important;
    border-color: var(--tiaur-primary-dark) !important;
}
.tiaur-wrap .tiaur-export-arrow::before {
    border-color: #ffffff !important;
}
.tiaur-dashboard-modules-card {
    margin: 0 0 22px !important;
}
.tiaur-dashboard-modules-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}
.tiaur-dashboard-modules-head h2 {
    margin: 0;
    font-size: 22px;
    color: var(--tiaur-text);
}
.tiaur-dashboard-modules-head p {
    margin: 0;
    color: var(--tiaur-muted);
    font-size: 13px;
}
.tiaur-module-led-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 12px;
}
.tiaur-module-led-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--tiaur-primary-border) 55%, #ffffff);
    text-decoration: none;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .05);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.tiaur-module-led-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, .08);
    border-color: var(--tiaur-primary-border);
}
.tiaur-led-light {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    flex: 0 0 18px;
    box-shadow: inset 0 1px 2px rgba(255,255,255,.55), 0 0 0 4px rgba(15,23,42,.04), 0 0 16px currentColor;
}
.tiaur-module-led-item.is-enabled .tiaur-led-light {
    color: #22c55e;
    background: radial-gradient(circle at 35% 28%, #dcfce7 0 12%, #22c55e 42%, #15803d 100%);
}
.tiaur-module-led-item.is-disabled .tiaur-led-light {
    color: #ef4444;
    background: radial-gradient(circle at 35% 28%, #fee2e2 0 12%, #ef4444 42%, #991b1b 100%);
}
.tiaur-led-text {
    min-width: 0;
    display: grid;
    gap: 2px;
}
.tiaur-led-text strong {
    color: var(--tiaur-text);
    font-size: 14px;
    line-height: 1.2;
}
.tiaur-led-text small {
    font-size: 12px;
    font-weight: 700;
}
.tiaur-module-led-item.is-enabled .tiaur-led-text small { color: #15803d; }
.tiaur-module-led-item.is-disabled .tiaur-led-text small { color: #b91c1c; }
@media (max-width: 700px) {
    .tiaur-dashboard-modules-head { display: block; }
    .tiaur-dashboard-modules-head p { margin-top: 6px; }
}

/* Free vs Pro comparison and locked Pro placeholders */
.tiaur-plan-compare-card {
    margin-top: 28px;
    overflow: hidden;
    padding: 0;
}
.tiaur-compare-plan-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 24px auto 18px;
    padding: 10px 22px;
    border-radius: 999px;
    background: var(--tiaur-muted-bg, #eef5ff);
    color: var(--tiaur-text, #334155);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .10);
}
.tiaur-plan-compare-card { text-align: center; }
.tiaur-plan-compare-table {
    width: calc(100% - 48px);
    margin: 0 24px 28px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid var(--tiaur-border, #dbe7f3);
    text-align: left;
    background: #fff;
}
.tiaur-plan-compare-table th,
.tiaur-plan-compare-table td {
    padding: 15px 18px;
    border-bottom: 1px solid var(--tiaur-border, #e4edf7);
    font-size: 14px;
}
.tiaur-plan-compare-table tbody tr:last-child td { border-bottom: 0; }
.tiaur-plan-compare-table th:first-child { width: 48%; }
.tiaur-plan-compare-table th:nth-child(2),
.tiaur-plan-compare-table th:nth-child(3),
.tiaur-plan-compare-table td:nth-child(2),
.tiaur-plan-compare-table td:nth-child(3) {
    text-align: center;
    width: 26%;
}
.tiaur-plan-compare-table thead th:nth-child(2) {
    background: #172033;
    color: #fff;
}
.tiaur-plan-compare-table thead th:nth-child(3) {
    background: var(--tiaur-primary, #16a34a);
    color: var(--tiaur-primary-contrast, #fff);
}
.tiaur-plan-check {
    color: #16a34a;
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
}
.tiaur-plan-cross {
    color: #ef4444;
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
}
.tiaur-pro-placeholder-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 18px;
    margin: 24px 0;
}
.tiaur-pro-placeholder-card {
    position: relative;
    opacity: .72;
    background: linear-gradient(135deg, rgba(248,250,252,.94), rgba(241,245,249,.86));
    border-style: dashed;
    pointer-events: none;
}
.tiaur-pro-placeholder-card h3 {
    margin: 10px 0 6px;
    color: var(--tiaur-text, #334155);
}
.tiaur-pro-placeholder-card p {
    max-width: 680px;
    color: var(--tiaur-muted, #64748b);
}
.tiaur-pro-badge {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 999px;
    background: var(--tiaur-primary, #16a34a);
    color: var(--tiaur-primary-contrast, #fff);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

/* Pro License & Plans page */
.tiaur-pro-page {
    display: grid;
    gap: 28px;
}
.tiaur-pro-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr);
    gap: 24px;
    padding: 34px;
    border-radius: 30px;
    overflow: hidden;
    background: linear-gradient(135deg, var(--tiaur-primary, #16a34a), #111827 72%);
    color: #fff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .22);
}
.tiaur-pro-hero h2 {
    margin: 8px 0 10px;
    max-width: 760px;
    color: #fff;
    font-size: clamp(34px, 4vw, 58px);
    line-height: .96;
    letter-spacing: -.055em;
}
.tiaur-pro-hero p {
    max-width: 760px;
    margin: 0 0 22px;
    color: rgba(255,255,255,.86);
    font-size: 16px;
    line-height: 1.65;
}
.tiaur-pro-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.tiaur-pro-hero-panel {
    align-self: stretch;
    display: grid;
    gap: 12px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 24px;
    background: rgba(255,255,255,.12);
    backdrop-filter: blur(10px);
}
.tiaur-pro-hero-panel span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border-radius: 16px;
    background: rgba(255,255,255,.14);
    color: #fff;
    font-weight: 900;
    letter-spacing: .04em;
}
.tiaur-pro-section {
    padding: 28px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid var(--tiaur-border, #dbe7f3);
    box-shadow: 0 18px 48px rgba(15, 23, 42, .10);
}
.tiaur-pro-section-header {
    display: grid;
    gap: 8px;
    margin-bottom: 22px;
    text-align: center;
}
.tiaur-pro-section-header .tiaur-pro-kicker {
    justify-self: center;
    background: var(--tiaur-muted-bg, #eef5ff);
    color: var(--tiaur-text, #334155);
}
.tiaur-pro-section-header h2 {
    margin: 0;
    color: var(--tiaur-text, #334155);
    font-size: clamp(26px, 3vw, 40px);
    letter-spacing: -.035em;
}
.tiaur-pro-section-header p {
    max-width: 760px;
    margin: 0 auto;
    color: var(--tiaur-muted, #64748b);
    font-size: 15px;
    line-height: 1.6;
}
.tiaur-pricing-grid,
.tiaur-pricing-grid--dynamic {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 18px;
}
.tiaur-pricing-loading,
.tiaur-pricing-error {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 150px;
    padding: 26px;
    border-radius: 22px;
    background: linear-gradient(135deg, #f8fafc, #eef2f7);
    color: var(--tiaur-muted, #64748b);
    font-weight: 800;
    border: 1px solid var(--tiaur-border, #dbe7f3);
}
.tiaur-pricing-spinner {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 3px solid rgba(15,23,42,.16);
    border-top-color: var(--tiaur-primary, #16a34a);
    animation: tiaurPricingSpin .8s linear infinite;
}
@keyframes tiaurPricingSpin { to { transform: rotate(360deg); } }
.tiaur-pricing-error {
    color: #b91c1c;
    background: #fff1f2;
    border-color: #fecdd3;
}
.tiaur-pricing-card-premium {
    position: relative;
    overflow: hidden;
    min-height: 315px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 24px;
    border-radius: 26px;
    border: 1px solid rgba(148, 163, 184, .36);
    background: linear-gradient(145deg, #ffffff 0%, #f8fafc 42%, #e7edf5 100%);
    box-shadow: 0 18px 44px rgba(15, 23, 42, .13), inset 0 1px 0 rgba(255,255,255,.88);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.tiaur-pricing-card-premium:hover {
    transform: translateY(-3px);
    box-shadow: 0 26px 62px rgba(15, 23, 42, .18), inset 0 1px 0 rgba(255,255,255,.95);
    border-color: var(--tiaur-primary, #16a34a);
}
.tiaur-pricing-card-premium--active {
    border-color: #16a34a;
    box-shadow: 0 24px 60px rgba(22, 163, 74, .20), inset 0 1px 0 rgba(255,255,255,.95);
}
.tiaur-pricing-shine {
    position: absolute;
    inset: -80px auto auto -80px;
    width: 180px;
    height: 180px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255,255,255,.9), rgba(255,255,255,0) 68%);
    pointer-events: none;
}
.tiaur-pricing-card-head {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.tiaur-plan-pro-badge,
.tiaur-plan-cycle {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.tiaur-plan-pro-badge {
    background: var(--tiaur-primary, #16a34a);
    color: var(--tiaur-primary-contrast, #fff);
}
.tiaur-plan-cycle {
    background: rgba(15,23,42,.08);
    color: #475569;
}
.tiaur-pricing-card-premium h3 {
    position: relative;
    margin: 0;
    color: #172033;
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: -.025em;
}
.tiaur-pricing-price-premium {
    position: relative;
    display: flex;
    align-items: baseline;
    gap: 7px;
    color: #172033;
}
.tiaur-pricing-price-premium strong {
    font-size: 40px;
    line-height: 1;
    letter-spacing: -.045em;
}
.tiaur-pricing-price-premium span {
    color: #64748b;
    font-size: 13px;
    font-weight: 800;
}
.tiaur-plan-includes {
    position: relative;
    display: grid;
    gap: 9px;
    margin-top: auto;
    color: #475569;
    font-size: 13px;
    font-weight: 750;
}
.tiaur-plan-includes span::before {
    content: '✓';
    display: inline-flex;
    width: 18px;
    color: #16a34a;
    font-weight: 900;
}
.tiaur-upgrade-card-button {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin-top: 4px;
    padding: 12px 16px;
    border: 0;
    border-radius: 999px !important;
    background: linear-gradient(135deg, var(--tiaur-primary, #16a34a), #0f172a);
    color: #fff !important;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .12em;
    text-decoration: none !important;
    text-transform: uppercase;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .24);
    overflow: hidden;
    cursor: pointer;
}
.tiaur-upgrade-card-button::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 -70%;
    z-index: -1;
    width: 55%;
    transform: skewX(-18deg);
    background: rgba(255,255,255,.25);
    transition: left .45s ease;
}
.tiaur-upgrade-card-button:hover::before { left: 120%; }
.tiaur-upgrade-card-button--active {
    background: #16a34a;
    box-shadow: none;
    cursor: default;
}
.tiaur-upgrade-card-button--disabled,
.tiaur-upgrade-card-button--disabled:disabled {
    background: linear-gradient(135deg, #cbd5e1, #94a3b8);
    color: #f8fafc !important;
    box-shadow: none;
    cursor: not-allowed;
    opacity: .82;
}
@media (max-width: 860px) {
    .tiaur-pro-hero { grid-template-columns: 1fr; padding: 26px; }
    .tiaur-pro-section { padding: 22px; }
    .tiaur-pricing-grid, .tiaur-pricing-grid--dynamic { grid-template-columns: 1fr; }
}

/* Pro build fixes: active Pro cards must be clickable, while locked Free cards stay disabled. */
.tiaur-pro-placeholder-card.tiaur-pro-active-card {
    opacity: 1;
    pointer-events: auto;
    border-style: solid;
    background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,250,252,.94));
}
.tiaur-pro-placeholder-card.tiaur-pro-active-card .tiaur-button {
    pointer-events: auto;
}
.tiaur-pro-tools-page .tiaur-pro-roadmap-card,
.tiaur-pro-tools-page .tiaur-pro-package-card,
.tiaur-pro-tools-page .tiaur-pro-scan-card {
    pointer-events: auto;
}
.tiaur-pro-package-grid,
.tiaur-pro-scan-grid {
    margin-top: 18px;
}
.tiaur-pro-package-card .tiaur-card-head {
    align-items: flex-start;
    gap: 16px;
}
.tiaur-pro-package-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid var(--tiaur-primary-border, rgba(22,163,74,.28));
    background: rgba(255,255,255,.72);
    color: var(--tiaur-primary-dark, #15803d);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}
.tiaur-pro-package-summary {
    color: var(--tiaur-muted, #64748b);
    margin: 8px 0 14px;
}
.tiaur-pro-feature-chip-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.tiaur-pro-feature-chip {
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border-radius: 999px;
    background: var(--tiaur-soft, #f0fdf4);
    border: 1px solid var(--tiaur-primary-border, rgba(22,163,74,.20));
    color: var(--tiaur-text, #334155);
    font-size: 12px;
    font-weight: 700;
}
.tiaur-pro-scanner-section {
    margin-top: 26px;
}


/* Pro Tools control center */
.tiaur-pro-tools-header {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
    margin-bottom: 18px;
    padding: 26px !important;
}

.tiaur-pro-tools-header h2 { margin: 4px 0 8px; font-size: 26px; line-height: 1.15; }
.tiaur-pro-tools-header p { margin: 0; max-width: 760px; }

.tiaur-pro-license-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 9px 14px;
    border-radius: 999px;
    color: #065f46;
    background: #d1fae5;
    border: 1px solid #86efac;
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.tiaur-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tiaur-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.tiaur-pro-metric-grid { margin-bottom: 22px; }
.tiaur-pro-metric-card { padding: 20px !important; min-height: 112px; }
.tiaur-pro-metric-card span { display: block; color: var(--tiaur-muted); font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.tiaur-pro-metric-card strong { display: block; margin-top: 8px; font-size: 32px; line-height: 1; color: var(--tiaur-text); }
.tiaur-pro-metric-card small { display: block; margin-top: 8px; color: var(--tiaur-muted); font-weight: 700; }
.tiaur-pro-metric-card.is-clean { border-top-color: var(--tiaur-good) !important; }
.tiaur-pro-metric-card.has-warning { border-top-color: var(--tiaur-danger) !important; }

.tiaur-pro-section-header.compact { margin: 8px 0 14px; }
.tiaur-pro-section-header.compact h2 { margin: 4px 0 0; font-size: 22px; }
.tiaur-pro-section-header.compact p { margin: 6px 0 0; }

.tiaur-pro-scan-grid { margin-bottom: 24px; }
.tiaur-pro-scan-card { min-height: 170px; }
.tiaur-pro-scan-card .tiaur-note { margin: 14px 0 0; }
.tiaur-pro-scan-table { margin-top: 12px; }

.tiaur-pro-package-grid.compact { margin-top: 0; }
.tiaur-pro-package-card.compact { padding: 20px !important; min-height: 198px; }
.tiaur-pro-package-card.compact .tiaur-card-head { margin-bottom: 10px; }
.tiaur-pro-package-card.compact h2 { font-size: 18px; line-height: 1.2; }
.tiaur-pro-feature-chip-grid.compact { gap: 8px; margin-top: 14px; }
.tiaur-pro-feature-chip-grid.compact .tiaur-pro-feature-chip { font-size: 12px; padding: 6px 9px; }

@media (max-width: 1100px) {
    .tiaur-grid.four, .tiaur-grid.three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .tiaur-pro-tools-header { display: block; }
    .tiaur-pro-license-pill { margin-top: 16px; }
    .tiaur-grid.four, .tiaur-grid.three { grid-template-columns: 1fr; }
}

/* Pro module pages */
.tiaur-pro-package-card {
    display: block;
    text-decoration: none;
    color: inherit;
}
.tiaur-pro-package-card:hover {
    transform: translateY(-1px);
}
.tiaur-inline-form {
    display: flex;
    gap: 14px;
    align-items: end;
    flex-wrap: wrap;
}
.tiaur-inline-form label,
.tiaur-card label {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.tiaur-capability-list.compact {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 8px;
    max-height: 420px;
    overflow: auto;
    padding: 10px;
    border: 1px solid var(--tiaur-border, #d7dee8);
    border-radius: 14px;
    background: rgba(248, 250, 252, .72);
}
.tiaur-capability-list.compact label,
.tiaur-check-line {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    align-items: center !important;
    margin: 0;
}
.tiaur-capability-list.compact span {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 12px;
}
.tiaur-role-checkbox-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
    margin: 12px 0 20px;
}
.tiaur-role-checkbox-grid label {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--tiaur-border, #d7dee8);
    border-radius: 12px;
    background: rgba(255,255,255,.7);
}
.tiaur-select,
.tiaur-card select,
.tiaur-card input[type="text"],
.tiaur-card input[type="url"] {
    min-height: 38px;
    border-radius: 10px;
}

/* Pro AND/OR content rule builder */
.tiaur-pro-rule-builder-wrap { overflow: visible; }
.tiaur-pro-logic-note { margin: 16px 0 18px; }
.tiaur-pro-condition-groups { display: grid; gap: 18px; margin: 18px 0; }
.tiaur-pro-condition-group { border: 1px solid var(--tiaur-border, #d7dee8); border-radius: 18px; background: rgba(255,255,255,.78); padding: 16px; box-shadow: 0 12px 32px rgba(15,23,42,.06); }
.tiaur-pro-group-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.tiaur-pro-group-head strong { font-size: 15px; color: var(--tiaur-text); }
.tiaur-pro-group-rows { display: grid; gap: 10px; }
.tiaur-pro-condition-row { display: grid; grid-template-columns: minmax(160px, 1.1fr) minmax(120px, .7fr) minmax(230px, 1.8fr) minmax(230px, 1.8fr) auto; gap: 10px; align-items: center; }
.tiaur-pro-condition-row select[multiple] { min-height: 88px; padding: 8px 12px; }
.tiaur-pro-condition-text { min-height: 42px; }
.tiaur-pro-builder-actions { margin: 8px 0 20px; }
.tiaur-pro-condition-group + .tiaur-pro-condition-group { position: relative; }
.tiaur-pro-condition-group + .tiaur-pro-condition-group::before { content: 'OR'; position: absolute; top: -28px; left: 22px; padding: 4px 10px; border-radius: 999px; background: var(--tiaur-accent, #15a05c); color: #fff; font-size: 11px; font-weight: 900; letter-spacing: .08em; }
@media (max-width: 1100px) { .tiaur-pro-condition-row { grid-template-columns: 1fr 1fr; } }
@media (max-width: 720px) { .tiaur-pro-condition-row { grid-template-columns: 1fr; } }

/* Pro Advanced Content Rules builder */
.tiaur-pro-section-header-large {
    padding: 4px 0 8px;
}
.tiaur-pro-section-header-large h2 {
    font-size: 32px;
    line-height: 1.12;
    margin: 6px 0 8px;
    letter-spacing: -0.035em;
}
.tiaur-acr-builder .tiaur-pro-condition-groups {
    display: grid;
    gap: 20px;
    margin: 20px 0;
}
.tiaur-acr-group {
    border: 1px solid var(--tiaur-border, #d7dee8);
    border-radius: 18px;
    background: rgba(255,255,255,.84);
    padding: 16px;
    box-shadow: 0 14px 34px rgba(15,23,42,.06);
}
.tiaur-acr-row {
    display: grid;
    grid-template-columns: 146px minmax(160px, .9fr) 118px minmax(320px, 1.8fr) auto;
    gap: 10px;
    align-items: start;
    padding: 12px;
    border: 1px solid rgba(148,163,184,.28);
    border-radius: 14px;
    background: #fff;
    margin-bottom: 10px;
}
.tiaur-acr-action {
    display: inline-flex;
    gap: 6px;
    padding: 4px;
    border-radius: 999px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
}
.tiaur-acr-action-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    font-weight: 800;
    font-size: 12px;
    cursor: pointer;
    color: #475569;
}
.tiaur-acr-action-pill input { display: none; }
.tiaur-acr-action-pill.is-selected.tiaur-acr-show {
    background: #16a34a;
    color: #fff;
    box-shadow: 0 8px 20px rgba(22,163,74,.22);
}
.tiaur-acr-action-pill.is-selected.tiaur-acr-hide {
    background: #dc2626;
    color: #fff;
    box-shadow: 0 8px 20px rgba(220,38,38,.22);
}
.tiaur-acr-value-wrap {
    display: grid;
    gap: 8px;
}
.tiaur-acr-select-values {
    min-height: 92px;
}
.tiaur-acr-content-picker {
    display: grid;
    gap: 8px;
    position: relative;
}
.tiaur-acr-content-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 32px;
}
.tiaur-acr-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--tiaur-accent, #16a34a) 12%, #fff);
    border: 1px solid color-mix(in srgb, var(--tiaur-accent, #16a34a) 25%, #dbe3ef);
    font-size: 12px;
    font-weight: 700;
}
.tiaur-acr-chip-remove {
    appearance: none;
    border: 0;
    background: transparent;
    cursor: pointer;
    font-weight: 900;
    line-height: 1;
    padding: 0 2px;
}
.tiaur-acr-results {
    display: grid;
    gap: 6px;
    max-height: 230px;
    overflow: auto;
}
.tiaur-acr-result-option,
.tiaur-acr-result-message {
    width: 100%;
    text-align: left;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    padding: 9px 11px;
    font-size: 13px;
}
.tiaur-acr-result-option {
    cursor: pointer;
}
.tiaur-acr-result-option:hover {
    border-color: var(--tiaur-accent, #16a34a);
    background: color-mix(in srgb, var(--tiaur-accent, #16a34a) 8%, #fff);
}
.tiaur-acr-result-message {
    color: #64748b;
    background: #f8fafc;
}
@media (max-width: 1200px) {
    .tiaur-acr-row { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
    .tiaur-acr-row { grid-template-columns: 1fr; }
    .tiaur-pro-section-header-large h2 { font-size: 26px; }
}


.tiaur-acr-row {
    display: grid;
    grid-template-columns: 184px minmax(190px, 1fr) minmax(130px, .7fr) minmax(260px, 1.4fr) 42px;
    gap: 12px;
    align-items: center;
    padding: 10px;
    border-radius: 14px;
    background: rgba(255,255,255,.58);
    border: 1px solid rgba(148,163,184,.22);
}
.tiaur-acr-action {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 5px;
    border: 1px solid rgba(148,163,184,.35);
    border-radius: 12px;
    background: rgba(15,23,42,.04);
}
.tiaur-acr-action-pill {
    margin: 0;
    padding: 9px 12px;
    text-align: center;
    border-radius: 9px;
    font-weight: 800;
    cursor: pointer;
}
.tiaur-acr-action-pill input { display: none; }
.tiaur-acr-action-pill.is-selected.tiaur-acr-show { background: #16a34a; color: #fff; }
.tiaur-acr-action-pill.is-selected.tiaur-acr-hide { background: #dc2626; color: #fff; }
.tiaur-acr-value-wrap { min-width: 0; }
.tiaur-acr-value-wrap .tiaur-select,
.tiaur-acr-value-wrap .regular-text,
.tiaur-acr-content-search { width: 100%; max-width: none; }
.tiaur-acr-select-values { min-height: 44px; }
.tiaur-acr-content-picker { position: relative; }
.tiaur-acr-content-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 8px; }
.tiaur-acr-chip { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; border-radius: 999px; background: rgba(22,163,74,.12); border: 1px solid rgba(22,163,74,.22); font-weight: 700; }
.tiaur-acr-chip-remove { border: 0; background: transparent; cursor: pointer; font-weight: 900; line-height: 1; }
.tiaur-acr-results { position: absolute; z-index: 1000; left: 0; right: 0; top: calc(100% + 6px); background: #fff; border: 1px solid rgba(148,163,184,.35); border-radius: 14px; box-shadow: 0 18px 45px rgba(15,23,42,.16); overflow: hidden; }
.tiaur-acr-result-option { display: block; width: 100%; padding: 10px 12px; text-align: left; border: 0; background: #fff; cursor: pointer; }
.tiaur-acr-result-option:hover { background: rgba(22,163,74,.10); }
.tiaur-acr-result-message { padding: 10px 12px; color: #64748b; }
@media (max-width: 1100px) { .tiaur-acr-row { grid-template-columns: 1fr; } }

.tiaur-pro-content-rules-section > .tiaur-card,
.tiaur-pro-content-rules-section > .tiaur-pro-details {
    margin-top: 24px;
}
.tiaur-pro-add-rule-panel:not([open]) {
    padding: 0;
}
.tiaur-pro-add-rule-panel summary {
    padding: 20px 24px;
    cursor: pointer;
}
.tiaur-pro-scope-card {
    margin: 22px 0;
}
.tiaur-pro-condition-row {
    grid-template-columns: minmax(220px, 1fr) minmax(150px, .55fr) minmax(260px, 1.4fr) auto;
}
.tiaur-pro-condition-row .tiaur-acr-action { display: none; }
.tiaur-acr-scope-specific,
.tiaur-acr-scope-post-types,
.tiaur-acr-scope-categories {
    margin-top: 16px;
}

.tiaur-pro-content-rules-section {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.tiaur-pro-content-rules-section .tiaur-card {
  margin: 0;
}
.tiaur-pro-existing-rules .tiaur-card-head {
  align-items: center;
  gap: 16px;
}
.tiaur-pro-rule-editor-card {
  padding: 22px;
  border-radius: 22px;
}
.tiaur-acr-basic-grid,
.tiaur-acr-scope-grid,
.tiaur-acr-denied-grid {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr);
  gap: 18px;
  align-items: end;
}
.tiaur-acr-basic-grid .tiaur-check-line {
  align-self: center;
}
.tiaur-acr-scope-panel {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid var(--tiaur-border, #d7dee8);
  border-radius: 18px;
  background: rgba(255,255,255,.72);
}
.tiaur-acr-scope-panel .tiaur-card-head {
  margin-bottom: 12px;
}
.tiaur-acr-scope-specific,
.tiaur-acr-scope-categories,
.tiaur-acr-scope-post-types {
  margin-top: 14px;
}
.tiaur-pro-logic-note {
  margin: 18px 0 14px;
  padding: 12px 14px;
  border: 1px solid var(--tiaur-border, #d7dee8);
  border-radius: 14px;
  background: rgba(255,255,255,.72);
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.tiaur-pro-condition-group {
  margin: 0 0 16px;
  border-radius: 18px;
}
.tiaur-pro-condition-row {
  gap: 12px;
}
.tiaur-acr-denied-grid {
  margin-top: 18px;
}
.tiaur-acr-denied-grid h3 {
  grid-column: 1 / -1;
  margin: 0;
}
.tiaur-rule-row-warning td {
  background: rgba(239, 68, 68, .08) !important;
  border-top: 1px solid rgba(239, 68, 68, .35);
  border-bottom: 1px solid rgba(239, 68, 68, .35);
}
.tiaur-rule-row-warning td:first-child {
  border-left: 3px solid #ef4444;
}
.tiaur-rule-row-warning small {
  display: block;
  margin-top: 4px;
  color: #b91c1c;
  font-weight: 700;
}
.tiaur-badge.danger,
.tiaur-notice.danger {
  background: #fee2e2;
  color: #991b1b;
  border-color: #fecaca;
}
.tiaur-pro-rules-warning {
  padding: 12px 14px;
  border: 1px solid #fecaca;
  border-radius: 14px;
}
@media (max-width: 960px) {
  .tiaur-acr-basic-grid,
  .tiaur-acr-scope-grid,
  .tiaur-acr-denied-grid {
    grid-template-columns: 1fr;
  }
}


.tiaur-pro-content-rules-section .tiaur-pro-section-header-large {
    margin-bottom: 16px;
}
.tiaur-pro-rule-editor-card {
    margin-top: 18px !important;
    padding: 18px !important;
}
.tiaur-pro-rule-editor-card .tiaur-card-head {
    margin-bottom: 14px;
}
.tiaur-acr-basic-grid,
.tiaur-acr-denied-grid {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr) auto;
    gap: 14px;
    align-items: end;
    margin-bottom: 14px;
}
.tiaur-acr-basic-grid .tiaur-check-line {
    align-self: center;
    margin: 0;
}
.tiaur-pro-scope-card,
.tiaur-pro-condition-group,
.tiaur-pro-logic-note {
    margin: 14px 0 !important;
}
.tiaur-pro-scope-card {
    padding: 16px !important;
}
.tiaur-pro-scope-card .tiaur-card-head {
    margin-bottom: 10px;
}
.tiaur-acr-scope-grid {
    display: grid;
    grid-template-columns: minmax(260px, 420px);
    gap: 12px;
}
.tiaur-pro-condition-group {
    padding: 14px !important;
}
.tiaur-pro-condition-row {
    display: grid;
    grid-template-columns: minmax(200px, 280px) minmax(150px, 190px) minmax(260px, 1fr) auto;
    gap: 10px;
    align-items: center;
}
.tiaur-pro-group-rows {
    display: grid;
    gap: 10px;
}
.tiaur-acr-value-wrap select[style*="display: none"] + .tiaur-pro-condition-text[style*="display: none"] {
    display: none !important;
}
.tiaur-pro-existing-rules + .tiaur-pro-rule-editor-card {
    margin-top: 22px !important;
}
.tiaur-cpt-rule-use {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #7a4b00;
}
.tiaur-warning-stripes,
.tiaur-table tr.tiaur-rule-row-warning.tiaur-warning-stripes td {
    border: 2px solid #111 !important;
    background-image: repeating-linear-gradient(135deg, rgba(255, 204, 0, 0.22) 0 10px, rgba(0, 0, 0, 0.10) 10px 20px) !important;
    box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.28), 0 12px 28px rgba(0,0,0,0.08) !important;
}
.tiaur-rule-row-warning small {
    display: block;
    margin-top: 6px;
    font-weight: 800;
    color: #1d2327;
}
.tiaur-badge.warning {
    background: #ffcc00 !important;
    color: #111 !important;
    border: 1px solid #111 !important;
    font-weight: 900;
}
@media (max-width: 1100px) {
    .tiaur-acr-basic-grid,
    .tiaur-acr-denied-grid,
    .tiaur-pro-condition-row {
        grid-template-columns: 1fr;
    }
}

.tiaur-pro-content-rules-section {
    gap: 14px !important;
}
.tiaur-pro-content-rules-section .tiaur-pro-section-header-large h2 {
    font-size: 26px !important;
    margin-bottom: 4px !important;
}
.tiaur-pro-content-rules-section .tiaur-card {
    border-radius: 18px !important;
}
.tiaur-pro-rule-editor-card {
    padding: 14px !important;
    margin-top: 14px !important;
}
.tiaur-pro-rule-editor-card .tiaur-card-head {
    margin-bottom: 10px !important;
    min-height: 0 !important;
}
.tiaur-acr-basic-grid {
    grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr) 160px !important;
    gap: 12px !important;
    margin-bottom: 10px !important;
}
.tiaur-acr-basic-grid input,
.tiaur-acr-basic-grid select,
.tiaur-acr-denied-grid input,
.tiaur-acr-scope-grid select {
    min-height: 40px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.tiaur-acr-scope-panel {
    margin: 10px 0 !important;
    padding: 12px !important;
    border-radius: 16px !important;
}
.tiaur-acr-section-title {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.tiaur-acr-section-title h3 {
    margin: 0 !important;
    font-size: 16px !important;
}
.tiaur-acr-section-title span,
.tiaur-acr-search-line {
    color: #64748b;
    font-size: 12px;
}
.tiaur-acr-scope-grid {
    grid-template-columns: minmax(260px, 380px) !important;
    gap: 8px !important;
}
.tiaur-acr-scope-specific,
.tiaur-acr-scope-categories,
.tiaur-acr-scope-post-types {
    margin-top: 10px !important;
}
.tiaur-pro-logic-note {
    margin: 10px 0 !important;
    padding: 9px 12px !important;
    border-radius: 12px !important;
}
.tiaur-acr-builder .tiaur-pro-condition-groups {
    gap: 10px !important;
    margin: 10px 0 !important;
}
.tiaur-pro-condition-group,
.tiaur-acr-group {
    padding: 10px !important;
    border-radius: 16px !important;
    margin: 0 0 10px !important;
}
.tiaur-pro-group-head {
    margin-bottom: 8px !important;
}
.tiaur-pro-group-rows {
    gap: 8px !important;
}
.tiaur-pro-condition-row,
.tiaur-acr-row {
    grid-template-columns: minmax(190px, 250px) 140px minmax(240px, 1fr) 38px !important;
    gap: 8px !important;
    padding: 8px !important;
    border-radius: 12px !important;
    align-items: center !important;
    margin-bottom: 0 !important;
}
.tiaur-pro-condition-row select,
.tiaur-pro-condition-row input[type="text"],
.tiaur-pro-condition-row input[type="search"] {
    min-height: 38px !important;
    padding: 7px 10px !important;
}
.tiaur-acr-select-values {
    min-height: 38px !important;
    max-height: 84px !important;
}
.tiaur-acr-value-wrap {
    gap: 4px !important;
}
.tiaur-pro-builder-actions {
    margin: 8px 0 10px !important;
}
.tiaur-acr-denied-grid {
    grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr) !important;
    gap: 12px !important;
    margin-top: 10px !important;
}
.tiaur-acr-denied-grid h3 {
    font-size: 16px !important;
}
.tiaur-acr-content-chips {
    min-height: 0 !important;
    margin-bottom: 5px !important;
}
.tiaur-acr-results:empty {
    display: none !important;
}
.tiaur-acr-value-wrap[style*="display: none"] {
    display: none !important;
}
@media (max-width: 1000px) {
    .tiaur-acr-basic-grid,
    .tiaur-acr-denied-grid,
    .tiaur-pro-condition-row,
    .tiaur-acr-row {
        grid-template-columns: 1fr !important;
    }
}

.tiaur-pro-rule-builder-wrap {
    padding: 22px !important;
}
.tiaur-acr-basic-grid {
    display: grid !important;
    grid-template-columns: minmax(260px, 1.5fr) minmax(260px, 1fr) auto !important;
    gap: 14px !important;
    align-items: end !important;
    margin-bottom: 16px !important;
}
.tiaur-acr-basic-grid label,
.tiaur-acr-denied-grid label {
    margin: 0 !important;
}
.tiaur-acr-scope-panel,
.tiaur-pro-scope-card {
    padding: 16px !important;
    margin: 14px 0 !important;
    border-radius: 16px !important;
}
.tiaur-acr-section-title {
    display: flex !important;
    gap: 10px !important;
    align-items: baseline !important;
    margin-bottom: 12px !important;
}
.tiaur-acr-section-title h3 {
    margin: 0 !important;
    font-size: 16px !important;
}
.tiaur-acr-scope-grid {
    margin-bottom: 10px !important;
}
.tiaur-acr-scope-grid select,
.tiaur-acr-basic-grid input,
.tiaur-acr-basic-grid select,
.tiaur-acr-denied-grid input,
.tiaur-acr-content-search,
.tiaur-pro-condition-row select,
.tiaur-pro-condition-row input {
    min-height: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
}
.tiaur-pro-logic-note {
    padding: 10px 14px !important;
    margin: 14px 0 !important;
    border-radius: 12px !important;
}
.tiaur-pro-condition-group {
    padding: 14px !important;
    margin: 12px 0 !important;
    border-radius: 16px !important;
}
.tiaur-pro-condition-row {
    display: grid !important;
    grid-template-columns: minmax(190px, .9fr) minmax(130px, .45fr) minmax(280px, 1.4fr) 42px !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 10px !important;
    margin: 8px 0 !important;
    border-radius: 14px !important;
}
.tiaur-acr-value-wrap {
    min-width: 0 !important;
}
.tiaur-acr-value-wrap select,
.tiaur-acr-value-wrap input {
    width: 100% !important;
}
.tiaur-acr-content-picker {
    margin-top: 8px !important;
}
.tiaur-acr-content-chips {
    margin-bottom: 6px !important;
}
.tiaur-acr-denied-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
    margin: 16px 0 !important;
}
.tiaur-pro-condition-row .tiaur-button.ghost.compact {
    min-width: 40px !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
}
.tiaur-warning-stripes,
tr.tiaur-rule-row-warning td {
    background-image: repeating-linear-gradient(135deg, rgba(255, 211, 0, .18) 0, rgba(255, 211, 0, .18) 10px, rgba(0, 0, 0, .10) 10px, rgba(0, 0, 0, .10) 20px) !important;
    border-color: #f0b800 !important;
}
.tiaur-badge.warning {
    background: #ffd400 !important;
    color: #111 !important;
    border: 1px solid #111 !important;
}
@media (max-width: 960px) {
    .tiaur-acr-basic-grid,
    .tiaur-acr-denied-grid,
    .tiaur-pro-condition-row {
        grid-template-columns: 1fr !important;
    }
}


.tiaur-pro-rule-builder-wrap,
.tiaur-pro-rule-editor-card {
    padding: 14px !important;
}
.tiaur-pro-rule-editor-card .tiaur-card-head {
    margin-bottom: 8px !important;
}
.tiaur-acr-basic-grid {
    grid-template-columns: minmax(240px, 1fr) minmax(240px, 0.8fr) 150px !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}
.tiaur-acr-scope-panel,
.tiaur-pro-scope-card {
    padding: 12px !important;
    margin: 8px 0 10px !important;
}
.tiaur-pro-logic-note {
    margin: 8px 0 !important;
    padding: 8px 12px !important;
}
.tiaur-pro-condition-group,
.tiaur-acr-group {
    padding: 10px !important;
    margin: 8px 0 !important;
}
.tiaur-pro-condition-row,
.tiaur-acr-row {
    grid-template-columns: minmax(190px, 250px) 120px minmax(340px, 1fr) 38px !important;
    gap: 8px !important;
    padding: 8px !important;
    margin: 4px 0 !important;
    align-items: start !important;
}
.tiaur-pro-group-head {
    margin-bottom: 6px !important;
}
.tiaur-pro-group-rows {
    gap: 6px !important;
}
.tiaur-acr-denied-grid {
    margin: 10px 0 !important;
    gap: 10px !important;
}
.tiaur-pro-condition-row select.tiaur-acr-select-values {
    height: auto !important;
    min-height: 42px !important;
    max-height: none !important;
    padding: 4px 6px !important;
    line-height: 1.35 !important;
    overflow-y: auto !important;
    background: #fff !important;
    color: #1f2937 !important;
}
.tiaur-pro-condition-row select.tiaur-acr-select-values option {
    color: #1f2937 !important;
    background: #fff !important;
    padding: 6px 8px !important;
    min-height: 28px !important;
}
.tiaur-pro-condition-row select.tiaur-acr-select-values option:checked {
    color: #fff !important;
    background: var(--tiaur-accent, #16a34a) !important;
}
.tiaur-pro-condition-row select.tiaur-acr-select-values.is-role-list {
    min-height: 245px !important;
}
.tiaur-pro-condition-row select.tiaur-acr-select-values.is-short-list {
    min-height: 72px !important;
}
.tiaur-pro-condition-row select.tiaur-acr-select-values.is-empty-list {
    min-height: 42px !important;
}
.tiaur-pro-condition-row .tiaur-acr-type,
.tiaur-pro-condition-row .tiaur-acr-operator,
.tiaur-acr-scope-grid select,
.tiaur-acr-basic-grid input,
.tiaur-acr-basic-grid select,
.tiaur-acr-denied-grid input,
.tiaur-acr-content-search {
    height: 40px !important;
    min-height: 40px !important;
}
.tiaur-acr-value-wrap {
    align-self: start !important;
}
.tiaur-acr-value-wrap .tiaur-acr-text {
    height: 40px !important;
}
@media (max-width: 1100px) {
    .tiaur-pro-condition-row,
    .tiaur-acr-row {
        grid-template-columns: 1fr !important;
    }
    .tiaur-pro-condition-row select.tiaur-acr-select-values.is-role-list {
        min-height: 200px !important;
    }
}


.tiaur-wrap .tiaur-select,
.tiaur-pro-rule-builder select.tiaur-select,
.tiaur-acr-builder select.tiaur-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-color: #fff !important;
    color: #263445 !important;
    background-image: linear-gradient(45deg, transparent 50%, #5b6b7f 50%), linear-gradient(135deg, #5b6b7f 50%, transparent 50%) !important;
    background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50% !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
    padding-right: 42px !important;
    line-height: 1.35 !important;
    border-radius: 14px !important;
}

.tiaur-wrap .tiaur-button,
.tiaur-wrap .tiaur-button:active,
.tiaur-wrap .tiaur-button:focus,
.tiaur-wrap button,
.tiaur-wrap button:active,
.tiaur-wrap button:focus {
    border-radius: 14px !important;
}

.tiaur-pro-rule-builder .tiaur-acr-value-wrap select.tiaur-acr-select-values {
    display: none !important;
}

.tiaur-acr-value-checklist {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 14px;
    background: #fff;
    padding: 8px;
    overflow-y: auto;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.tiaur-acr-value-checklist.is-role-list {
    max-height: 278px;
    min-height: 218px;
}

.tiaur-acr-value-checklist.is-short-list {
    min-height: 92px;
    max-height: 118px;
}

.tiaur-acr-value-option {
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-height: 30px;
    padding: 6px 8px;
    margin: 0;
    border-radius: 10px;
    color: #263445;
    cursor: pointer;
    user-select: none;
    font-weight: 600;
}

.tiaur-acr-value-option:hover {
    background: rgba(15, 23, 42, .055);
}

.tiaur-acr-value-option input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    margin: 0 !important;
    border-radius: 5px !important;
}

.tiaur-acr-value-option input[type="checkbox"]:checked + span {
    color: var(--tiaur-accent, #16a34a);
}

.tiaur-pro-rule-builder-wrap,
.tiaur-pro-rule-editor-card {
    padding: 18px !important;
}

.tiaur-acr-basic-grid,
.tiaur-acr-denied-grid {
    gap: 12px !important;
    margin: 10px 0 !important;
}

.tiaur-acr-scope-panel,
.tiaur-pro-scope-card,
.tiaur-pro-condition-group,
.tiaur-acr-group {
    padding: 12px !important;
    margin: 10px 0 !important;
}

.tiaur-pro-condition-row,
.tiaur-acr-row {
    grid-template-columns: minmax(170px, 230px) minmax(96px, 112px) minmax(360px, 1fr) 38px !important;
    gap: 10px !important;
    padding: 8px !important;
    align-items: start !important;
}

.tiaur-acr-section-title,
.tiaur-pro-logic-note {
    margin-bottom: 8px !important;
}

.tiaur-check-line,
.tiaur-check-line input[type="checkbox"] {
    border-radius: 8px !important;
}

.tiaur-card .tiaur-acr-value-checklist label.tiaur-acr-value-option,
.tiaur-wrap .tiaur-acr-value-checklist label.tiaur-acr-value-option,
.tiaur-acr-value-checklist .tiaur-acr-value-option {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 10px !important;
    min-height: 34px !important;
    padding: 6px 10px !important;
    margin: 0 0 4px 0 !important;
}

.tiaur-card .tiaur-acr-value-checklist label.tiaur-acr-value-option input[type="checkbox"],
.tiaur-wrap .tiaur-acr-value-checklist label.tiaur-acr-value-option input[type="checkbox"],
.tiaur-acr-value-checklist .tiaur-acr-value-option input[type="checkbox"] {
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
    vertical-align: middle !important;
}

.tiaur-card .tiaur-acr-value-checklist label.tiaur-acr-value-option span,
.tiaur-wrap .tiaur-acr-value-checklist label.tiaur-acr-value-option span,
.tiaur-acr-value-checklist .tiaur-acr-value-option span {
    display: inline-block !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    padding: 0 !important;
}


.tiaur-wrap label.tiaur-check-line,
.tiaur-card label.tiaur-check-line,
.tiaur-acr-basic-grid label.tiaur-check-line {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    min-height: 32px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}
.tiaur-wrap label.tiaur-check-line input[type="checkbox"],
.tiaur-card label.tiaur-check-line input[type="checkbox"],
.tiaur-acr-basic-grid label.tiaur-check-line input[type="checkbox"] {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    vertical-align: middle !important;
    border-radius: 5px !important;
    box-sizing: border-box !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
}
.tiaur-wrap label.tiaur-check-line span,
.tiaur-card label.tiaur-check-line span,
.tiaur-acr-basic-grid label.tiaur-check-line span {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
}
.tiaur-acr-value-checklist {
    padding: 4px 6px !important;
}
.tiaur-card .tiaur-acr-value-checklist label.tiaur-acr-value-option,
.tiaur-wrap .tiaur-acr-value-checklist label.tiaur-acr-value-option,
.tiaur-acr-value-checklist .tiaur-acr-value-option {
    min-height: 28px !important;
    padding: 4px 8px !important;
    margin: 0 !important;
    gap: 8px !important;
}
.tiaur-card .tiaur-acr-value-checklist label.tiaur-acr-value-option input[type="checkbox"],
.tiaur-wrap .tiaur-acr-value-checklist label.tiaur-acr-value-option input[type="checkbox"],
.tiaur-acr-value-checklist .tiaur-acr-value-option input[type="checkbox"] {
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
}
.tiaur-acr-value-checklist.is-role-list {
    min-height: 230px !important;
    max-height: 290px !important;
}


.tiaur-wrap .tiaur-acr-value-checklist.is-role-list,
.tiaur-card .tiaur-acr-value-checklist.is-role-list {
    display: block !important;
    padding: 4px 8px !important;
    min-height: 0 !important;
    max-height: 260px !important;
    overflow-y: auto !important;
    background: #fff !important;
}
.tiaur-wrap .tiaur-acr-value-checklist.is-role-list label.tiaur-acr-value-option,
.tiaur-card .tiaur-acr-value-checklist.is-role-list label.tiaur-acr-value-option,
.tiaur-acr-value-checklist.is-role-list .tiaur-acr-value-option {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    min-height: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.tiaur-wrap .tiaur-acr-value-checklist.is-role-list label.tiaur-acr-value-option input[type="checkbox"],
.tiaur-card .tiaur-acr-value-checklist.is-role-list label.tiaur-acr-value-option input[type="checkbox"],
.tiaur-acr-value-checklist.is-role-list .tiaur-acr-value-option input[type="checkbox"] {
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
}
.tiaur-wrap .tiaur-acr-value-checklist.is-role-list label.tiaur-acr-value-option span,
.tiaur-card .tiaur-acr-value-checklist.is-role-list label.tiaur-acr-value-option span,
.tiaur-acr-value-checklist.is-role-list .tiaur-acr-value-option span {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 24px !important;
    color: #233044 !important;
    font-weight: 600 !important;
}
.tiaur-wrap .tiaur-acr-value-checklist.is-role-list label.tiaur-acr-value-option input[type="checkbox"]:checked + span,
.tiaur-card .tiaur-acr-value-checklist.is-role-list label.tiaur-acr-value-option input[type="checkbox"]:checked + span,
.tiaur-acr-value-checklist.is-role-list .tiaur-acr-value-option input[type="checkbox"]:checked + span {
    color: #0f9f4a !important;
}
.tiaur-wrap label.tiaur-check-line input[type="checkbox"],
.tiaur-card label.tiaur-check-line input[type="checkbox"],
.tiaur-acr-basic-grid label.tiaur-check-line input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    border-radius: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
}

.tiaur-acr-rules-card {
    padding: 20px !important;
    border-radius: 22px !important;
}
.tiaur-acr-rules-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 18px !important;
    margin-bottom: 14px !important;
}
.tiaur-acr-rules-head h3 {
    margin: 0 0 4px !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
}
.tiaur-acr-rules-head p {
    margin: 0 !important;
    color: var(--tiaur-muted) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}
.tiaur-acr-rules-head .tiaur-button.primary.compact {
    min-height: 42px !important;
    padding: 10px 16px !important;
    border-radius: 14px !important;
    white-space: nowrap !important;
}
.tiaur-acr-rules-table {
    overflow: hidden !important;
    border-radius: 16px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
.tiaur-acr-rules-table th {
    padding: 11px 14px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    color: var(--tiaur-muted) !important;
    background: rgba(248, 250, 252, .92) !important;
}
.tiaur-acr-rules-table td {
    padding: 12px 14px !important;
    vertical-align: middle !important;
    line-height: 1.45 !important;
}
.tiaur-acr-rule-title strong {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
}
.tiaur-acr-rule-title small {
    display: block !important;
    margin-top: 4px !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
}
.tiaur-acr-toggle-cell {
    width: 98px !important;
    white-space: nowrap !important;
}
.tiaur-acr-inline-toggle-form {
    margin: 0 !important;
}
.tiaur-switch.tiaur-switch-mini {
    gap: 7px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    min-height: 24px !important;
}
.tiaur-switch.tiaur-switch-mini .tiaur-switch-track {
    width: 42px !important;
    height: 23px !important;
    border-radius: 999px !important;
}
.tiaur-switch.tiaur-switch-mini .tiaur-switch-thumb {
    width: 17px !important;
    height: 17px !important;
    top: 3px !important;
    left: 3px !important;
}
.tiaur-switch.tiaur-switch-mini.is-on .tiaur-switch-thumb {
    transform: translateX(19px) !important;
}
.tiaur-switch.tiaur-switch-mini .tiaur-switch-label {
    font-size: 12px !important;
    color: var(--tiaur-muted) !important;
    min-width: 20px !important;
}
.tiaur-switch.tiaur-switch-mini.is-on .tiaur-switch-label {
    color: #15803d !important;
}
.tiaur-acr-actions {
    width: 150px !important;
    white-space: nowrap !important;
    text-align: right !important;
}
.tiaur-acr-actions .tiaur-button.compact {
    min-height: 34px !important;
    padding: 7px 11px !important;
    border-radius: 12px !important;
}
.tiaur-acr-empty-state {
    display: grid !important;
    gap: 3px !important;
    padding: 16px !important;
    border: 1px dashed var(--tiaur-border) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.62) !important;
}


.tiaur-wrap select.tiaur-select,
.tiaur-wrap .tiaur-card select.tiaur-select,
.tiaur-wrap .tiaur-pro-rule-builder select.tiaur-select,
.tiaur-wrap .tiaur-acr-builder select.tiaur-select,
.tiaur-wrap .tiaur-pro-section select.tiaur-select,
.tiaur-wrap .tiaur-card select:not([multiple]) {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-color: #fff !important;
    color: #253247 !important;
    border: 2px solid var(--tiaur-primary-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--tiaur-primary) 8%, transparent) !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 7.5L10 12l4.5-4.5' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
        radial-gradient(circle at center, var(--tiaur-primary) 0 18px, transparent 19px) !important;
    background-position:
        right 27px center,
        right 16px center !important;
    background-size:
        14px 14px,
        36px 36px !important;
    background-repeat: no-repeat !important;
    padding: 0 66px 0 18px !important;
    min-height: 54px !important;
    line-height: 54px !important;
}

.tiaur-wrap select.tiaur-select:hover,
.tiaur-wrap select.tiaur-select:focus,
.tiaur-wrap .tiaur-card select:not([multiple]):hover,
.tiaur-wrap .tiaur-card select:not([multiple]):focus {
    border-color: var(--tiaur-primary) !important;
    box-shadow: 0 0 0 3px var(--tiaur-wave), 0 18px 38px color-mix(in srgb, var(--tiaur-primary) 16%, transparent) !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 7.5L10 12l4.5-4.5' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
        radial-gradient(circle at center, var(--tiaur-primary-dark) 0 18px, transparent 19px) !important;
}

.tiaur-wrap .tiaur-export-picker .tiaur-export-arrow {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    margin-left: 16px !important;
    color: #fff !important;
    background: var(--tiaur-primary) !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--tiaur-primary) 22%, transparent) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
}

.tiaur-wrap .tiaur-export-picker .tiaur-export-arrow::before {
    content: "" !important;
    width: 9px !important;
    height: 9px !important;
    border-right: 3px solid #fff !important;
    border-bottom: 3px solid #fff !important;
    transform: rotate(45deg) translate(-1px, -2px) !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* Keep multi-value/checklist controls out of the native select chevron styling. */
.tiaur-wrap select.tiaur-acr-select-values,
.tiaur-wrap select[multiple] {
    background-image: none !important;
    padding-right: 12px !important;
    min-height: auto !important;
    border-radius: 14px !important;
}


.tiaur-gradient-card {
    background: linear-gradient(135deg, var(--tiaur-primary), var(--tiaur-primary-dark)) !important;
    color: #fff !important;
    border: 1px solid color-mix(in srgb, var(--tiaur-primary) 35%, #ffffff) !important;
}
.tiaur-gradient-card h2,
.tiaur-gradient-card p {
    color: #fff !important;
}
.tiaur-gradient-card .tiaur-button.light {
    background: rgba(255,255,255,.18) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.36) !important;
}


.tiaur-wrap .tiaur-export-picker {
    min-height: 54px !important;
    padding: 0 16px 0 18px !important;
    border: 2px solid var(--tiaur-primary-border) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--tiaur-primary) 8%, transparent) !important;
}
.tiaur-wrap .tiaur-export-picker .tiaur-export-arrow {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    margin-left: 16px !important;
    border-radius: 999px !important;
    background: var(--tiaur-primary) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--tiaur-primary) 22%, transparent) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    overflow: visible !important;
}
.tiaur-wrap .tiaur-export-picker .tiaur-export-arrow::before {
    content: "" !important;
    width: 9px !important;
    height: 9px !important;
    border: 0 !important;
    border-right: 3px solid #fff !important;
    border-bottom: 3px solid #fff !important;
    transform: rotate(45deg) translate(-1px, -2px) !important;
    display: block !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}
.tiaur-wrap select.tiaur-select,
.tiaur-wrap .tiaur-card select.tiaur-select,
.tiaur-wrap .tiaur-pro-rule-builder select.tiaur-select,
.tiaur-wrap .tiaur-acr-builder select.tiaur-select,
.tiaur-wrap .tiaur-pro-section select.tiaur-select,
.tiaur-wrap .tiaur-card select:not([multiple]) {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-color: #fff !important;
    color: #253247 !important;
    border: 2px solid var(--tiaur-primary-border) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--tiaur-primary) 8%, transparent) !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 7.5L10 12l4.5-4.5' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
        radial-gradient(circle at center, var(--tiaur-primary) 0 18px, transparent 19px) !important;
    background-position:
        right 24px center,
        right 16px center !important;
    background-size:
        20px 20px,
        36px 36px !important;
    background-repeat: no-repeat !important;
    padding: 0 64px 0 18px !important;
    min-height: 54px !important;
    line-height: 54px !important;
}
.tiaur-wrap select.tiaur-select:hover,
.tiaur-wrap select.tiaur-select:focus,
.tiaur-wrap .tiaur-card select:not([multiple]):hover,
.tiaur-wrap .tiaur-card select:not([multiple]):focus {
    border-color: var(--tiaur-primary) !important;
    box-shadow: 0 0 0 3px var(--tiaur-wave), 0 18px 38px color-mix(in srgb, var(--tiaur-primary) 16%, transparent) !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 7.5L10 12l4.5-4.5' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
        radial-gradient(circle at center, var(--tiaur-primary-dark) 0 18px, transparent 19px) !important;
}
.tiaur-wrap select.tiaur-acr-select-values,
.tiaur-wrap select[multiple] {
    background-image: none !important;
    padding-right: 12px !important;
    min-height: auto !important;
    line-height: 1.4 !important;
    border-radius: 14px !important;
}
.tiaur-wrap .tiaur-gradient-card {
    background: var(--tiaur-card) !important;
    color: var(--tiaur-text) !important;
    border: 1px solid var(--tiaur-border) !important;
    box-shadow: var(--tiaur-shadow) !important;
}
.tiaur-wrap .tiaur-gradient-card h2,
.tiaur-wrap .tiaur-gradient-card p {
    color: var(--tiaur-text) !important;
}
.tiaur-wrap .tiaur-gradient-card p {
    color: var(--tiaur-muted) !important;
}
.tiaur-wrap .tiaur-gradient-card .tiaur-button.light {
    background: var(--tiaur-primary) !important;
    color: #fff !important;
    border-color: var(--tiaur-primary) !important;
}
.tiaur-wrap .tiaur-gradient-card .tiaur-button.light:hover,
.tiaur-wrap .tiaur-gradient-card .tiaur-button.light:focus {
    background: var(--tiaur-primary-dark) !important;
    border-color: var(--tiaur-primary-dark) !important;
    color: #fff !important;
}

.tiaur-wrap .tiaur-grid.four {
    align-items: stretch !important;
}
.tiaur-wrap .tiaur-grid.four > .tiaur-card.stat {
    min-height: 126px !important;
    height: 126px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* Keep the original custom export picker arrow as the visual reference. */
.tiaur-wrap .tiaur-export-picker {
    min-height: 54px !important;
    padding: 0 16px 0 18px !important;
}
.tiaur-wrap .tiaur-export-picker .tiaur-export-arrow {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    margin-left: 16px !important;
    border-radius: 999px !important;
    background: var(--tiaur-primary) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 36px !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--tiaur-primary) 28%, transparent) !important;
    transform: none !important;
    text-indent: 0 !important;
}
.tiaur-wrap .tiaur-export-picker .tiaur-export-arrow::before,
.tiaur-wrap .tiaur-export-picker .tiaur-export-arrow::after {
    content: none !important;
    display: none !important;
}

/* Native Pro selects: separate styling, same circle size as the export picker, without moving the Free picker. */
.tiaur-wrap select.tiaur-select,
.tiaur-wrap .tiaur-card select.tiaur-select,
.tiaur-wrap .tiaur-pro-rule-builder select.tiaur-select,
.tiaur-wrap .tiaur-acr-builder select.tiaur-select,
.tiaur-wrap .tiaur-pro-section select.tiaur-select,
.tiaur-wrap .tiaur-card select:not([multiple]) {
    appearance: none !important;
    -webkit-appearance: none !important;
    min-height: 54px !important;
    height: 54px !important;
    line-height: 54px !important;
    padding: 0 66px 0 18px !important;
    border: 2px solid var(--tiaur-primary-border) !important;
    border-radius: 16px !important;
    background-color: #ffffff !important;
    color: #253247 !important;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--tiaur-primary) 8%, transparent) !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Ctext x='18' y='23' text-anchor='middle' font-family='Arial, Helvetica, sans-serif' font-size='22' font-weight='900' fill='%23ffffff'%3E%E2%96%BE%3C/text%3E%3C/svg%3E"),
        radial-gradient(circle at center, var(--tiaur-primary) 0 18px, transparent 19px) !important;
    background-position:
        right 16px center,
        right 16px center !important;
    background-size:
        36px 36px,
        36px 36px !important;
    background-repeat: no-repeat !important;
}
.tiaur-wrap select.tiaur-select:hover,
.tiaur-wrap select.tiaur-select:focus,
.tiaur-wrap .tiaur-card select:not([multiple]):hover,
.tiaur-wrap .tiaur-card select:not([multiple]):focus {
    border-color: var(--tiaur-primary) !important;
    box-shadow: 0 0 0 3px var(--tiaur-wave), 0 18px 38px color-mix(in srgb, var(--tiaur-primary) 16%, transparent) !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Ctext x='18' y='23' text-anchor='middle' font-family='Arial, Helvetica, sans-serif' font-size='22' font-weight='900' fill='%23ffffff'%3E%E2%96%BE%3C/text%3E%3C/svg%3E"),
        radial-gradient(circle at center, var(--tiaur-primary-dark) 0 18px, transparent 19px) !important;
}
.tiaur-wrap select.tiaur-acr-select-values,
.tiaur-wrap select[multiple] {
    height: auto !important;
    min-height: auto !important;
    line-height: 1.4 !important;
    padding-right: 12px !important;
    background-image: none !important;
    border-radius: 14px !important;
}


.tiaur-wrap .tiaur-export-picker {
    min-height: 54px !important;
    padding: 0 16px 0 18px !important;
    border: 2px solid var(--tiaur-primary-border) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--tiaur-primary) 8%, transparent) !important;
}
.tiaur-wrap .tiaur-export-picker .tiaur-export-arrow {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    margin-left: 16px !important;
    border-radius: 999px !important;
    background: var(--tiaur-primary) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--tiaur-primary) 28%, transparent) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height: 42px !important;
    text-indent: 0 !important;
    transform: none !important;
    overflow: hidden !important;
}
.tiaur-wrap .tiaur-export-picker .tiaur-export-arrow::before,
.tiaur-wrap .tiaur-export-picker .tiaur-export-arrow::after {
    content: none !important;
    display: none !important;
}

.tiaur-wrap select.tiaur-select,
.tiaur-wrap .tiaur-card select.tiaur-select,
.tiaur-wrap .tiaur-pro-rule-builder select.tiaur-select,
.tiaur-wrap .tiaur-acr-builder select.tiaur-select,
.tiaur-wrap .tiaur-pro-section select.tiaur-select,
.tiaur-wrap .tiaur-card select:not([multiple]) {
    appearance: none !important;
    -webkit-appearance: none !important;
    min-height: 54px !important;
    height: 54px !important;
    line-height: 54px !important;
    padding: 0 72px 0 18px !important;
    border: 2px solid var(--tiaur-primary-border) !important;
    border-radius: 16px !important;
    background-color: #fff !important;
    color: #253247 !important;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--tiaur-primary) 8%, transparent) !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cpath d='M14 17l7 7 7-7' fill='none' stroke='%23ffffff' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
        radial-gradient(circle at center, var(--tiaur-primary) 0 21px, transparent 22px) !important;
    background-position:
        right 14px center,
        right 14px center !important;
    background-size:
        42px 42px,
        42px 42px !important;
    background-repeat: no-repeat !important;
}
.tiaur-wrap select.tiaur-select:hover,
.tiaur-wrap select.tiaur-select:focus,
.tiaur-wrap .tiaur-card select:not([multiple]):hover,
.tiaur-wrap .tiaur-card select:not([multiple]):focus {
    border-color: var(--tiaur-primary) !important;
    box-shadow: 0 0 0 3px var(--tiaur-wave), 0 18px 38px color-mix(in srgb, var(--tiaur-primary) 16%, transparent) !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cpath d='M14 17l7 7 7-7' fill='none' stroke='%23ffffff' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
        radial-gradient(circle at center, var(--tiaur-primary-dark) 0 21px, transparent 22px) !important;
}
.tiaur-wrap select.tiaur-acr-select-values,
.tiaur-wrap select[multiple] {
    height: auto !important;
    min-height: auto !important;
    line-height: 1.4 !important;
    padding-right: 12px !important;
    background-image: none !important;
    border-radius: 14px !important;
}


.tiaur-wrap .tiaur-export-picker {
    min-height: 54px !important;
    padding: 0 15px 0 18px !important;
    border: 2px solid var(--tiaur-primary-border) !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--tiaur-primary) 8%, transparent) !important;
}
.tiaur-wrap .tiaur-export-picker .tiaur-export-arrow {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    margin-left: 16px !important;
    border-radius: 999px !important;
    background: var(--tiaur-primary) !important;
    color: transparent !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--tiaur-primary) 24%, transparent) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    transform: none !important;
    overflow: hidden !important;
}
.tiaur-wrap .tiaur-export-picker .tiaur-export-arrow::before {
    content: "" !important;
    width: 11px !important;
    height: 11px !important;
    display: block !important;
    border-right: 3.5px solid #ffffff !important;
    border-bottom: 3.5px solid #ffffff !important;
    transform: rotate(45deg) translate(-1px, -2px) !important;
    box-sizing: border-box !important;
}
.tiaur-wrap .tiaur-export-picker .tiaur-export-arrow::after {
    content: none !important;
    display: none !important;
}
.tiaur-wrap select.tiaur-select,
.tiaur-wrap .tiaur-card select.tiaur-select,
.tiaur-wrap .tiaur-pro-rule-builder select.tiaur-select,
.tiaur-wrap .tiaur-acr-builder select.tiaur-select,
.tiaur-wrap .tiaur-pro-section select.tiaur-select,
.tiaur-wrap .tiaur-card select:not([multiple]) {
    appearance: none !important;
    -webkit-appearance: none !important;
    min-height: 54px !important;
    height: 54px !important;
    line-height: 54px !important;
    padding: 0 68px 0 18px !important;
    border: 2px solid var(--tiaur-primary-border) !important;
    border-radius: 16px !important;
    background-color: #ffffff !important;
    color: #253247 !important;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--tiaur-primary) 8%, transparent) !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cpath d='M13.5 16l5.5 5.5L24.5 16' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
        radial-gradient(circle at center, var(--tiaur-primary) 0 19px, transparent 20px) !important;
    background-position:
        right 15px center,
        right 15px center !important;
    background-size:
        38px 38px,
        38px 38px !important;
    background-repeat: no-repeat !important;
}
.tiaur-wrap select.tiaur-select:hover,
.tiaur-wrap select.tiaur-select:focus,
.tiaur-wrap .tiaur-card select:not([multiple]):hover,
.tiaur-wrap .tiaur-card select:not([multiple]):focus {
    border-color: var(--tiaur-primary) !important;
    box-shadow: 0 0 0 3px var(--tiaur-wave), 0 18px 38px color-mix(in srgb, var(--tiaur-primary) 16%, transparent) !important;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cpath d='M13.5 16l5.5 5.5L24.5 16' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
        radial-gradient(circle at center, var(--tiaur-primary-dark) 0 19px, transparent 20px) !important;
}
.tiaur-wrap select.tiaur-acr-select-values,
.tiaur-wrap select[multiple] {
    height: auto !important;
    min-height: auto !important;
    line-height: 1.4 !important;
    padding-right: 12px !important;
    background-image: none !important;
    border-radius: 14px !important;
}


.tiaur-wrap .tiaur-export-picker .tiaur-export-arrow {
    background-color: var(--tiaur-primary) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cpath d='M13.5 16l5.5 5.5L24.5 16' fill='none' stroke='%23ffffff' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-position: center center !important;
    background-size: 38px 38px !important;
    background-repeat: no-repeat !important;
}
.tiaur-wrap .tiaur-export-picker:hover .tiaur-export-arrow,
.tiaur-wrap .tiaur-export-picker.is-open .tiaur-export-arrow,
.tiaur-wrap .tiaur-export-picker:focus .tiaur-export-arrow {
    background-color: var(--tiaur-primary-dark) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cpath d='M13.5 16l5.5 5.5L24.5 16' fill='none' stroke='%23ffffff' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.tiaur-wrap .tiaur-export-picker .tiaur-export-arrow::before,
.tiaur-wrap .tiaur-export-picker .tiaur-export-arrow::after {
    content: none !important;
    display: none !important;
}


.tiaur-wrap .tiaur-smart-rules-wrap .tiaur-role-picker-control:hover,
.tiaur-wrap .tiaur-smart-rules-wrap .tiaur-role-picker.tiaur-picker-open .tiaur-role-picker-control,
.tiaur-wrap .tiaur-smart-rules-table .tiaur-role-picker-control:hover,
.tiaur-wrap .tiaur-smart-rules-table .tiaur-role-picker.tiaur-picker-open .tiaur-role-picker-control {
    border-color: var(--tiaur-primary) !important;
    box-shadow: 0 0 0 3px var(--tiaur-wave), 0 12px 26px color-mix(in srgb, var(--tiaur-primary) 12%, transparent) !important;
}
.tiaur-wrap .tiaur-smart-rules-wrap .tiaur-role-picker-arrow,
.tiaur-wrap .tiaur-smart-rules-table .tiaur-role-picker-arrow {
    background: var(--tiaur-primary) !important;
    color: #ffffff !important;
    border-left: 0 !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--tiaur-primary) 24%, transparent) !important;
}
.tiaur-wrap .tiaur-smart-rules-wrap .tiaur-role-picker-control:hover .tiaur-role-picker-arrow,
.tiaur-wrap .tiaur-smart-rules-wrap .tiaur-role-picker.tiaur-picker-open .tiaur-role-picker-arrow,
.tiaur-wrap .tiaur-smart-rules-table .tiaur-role-picker-control:hover .tiaur-role-picker-arrow,
.tiaur-wrap .tiaur-smart-rules-table .tiaur-role-picker.tiaur-picker-open .tiaur-role-picker-arrow {
    background: var(--tiaur-primary-dark) !important;
}
.tiaur-wrap .tiaur-smart-rules-wrap .tiaur-role-picker-option:hover,
.tiaur-wrap .tiaur-smart-rules-wrap .tiaur-role-picker-option:focus,
.tiaur-wrap .tiaur-smart-rules-table .tiaur-role-picker-option:hover,
.tiaur-wrap .tiaur-smart-rules-table .tiaur-role-picker-option:focus {
    background: var(--tiaur-primary-faint) !important;
    color: var(--tiaur-primary-dark) !important;
}
.tiaur-wrap .tiaur-smart-rules-wrap .tiaur-role-picker.tiaur-picker-open .tiaur-role-picker-menu,
.tiaur-wrap .tiaur-smart-rules-table .tiaur-role-picker.tiaur-picker-open .tiaur-role-picker-menu {
    border-color: var(--tiaur-primary-border) !important;
}

.tiaur-plan-compare-table .tiaur-feature-detail {
    display: block;
    margin-top: 4px;
    max-width: 720px;
    color: var(--tiaur-muted, #64748b);
    font-size: 12px;
    line-height: 1.35;
}
.tiaur-pro-hero,
.tiaur-theme-green .tiaur-pro-hero,
.tiaur-theme-blue .tiaur-pro-hero,
.tiaur-theme-red .tiaur-pro-hero,
.tiaur-theme-burgundy .tiaur-pro-hero,
.tiaur-theme-pink .tiaur-pro-hero,
.tiaur-theme-purple .tiaur-pro-hero,
.tiaur-theme-teal .tiaur-pro-hero,
.tiaur-theme-orange .tiaur-pro-hero,
.tiaur-theme-black .tiaur-pro-hero,
.tiaur-theme-titanium .tiaur-pro-hero {
    background:
        radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--tiaur-primary) 82%, #ffffff 8%) 0, transparent 34%),
        linear-gradient(135deg, color-mix(in srgb, var(--tiaur-primary) 88%, #111827 12%) 0%, #111827 72%) !important;
    color: #ffffff !important;
}
.tiaur-theme-white .tiaur-pro-hero,
.tiaur-theme-silver .tiaur-pro-hero {
    background: linear-gradient(135deg, #f8fafc 0%, #e5e7eb 52%, #cbd5e1 100%) !important;
    color: #1f2937 !important;
    border: 1px solid #cbd5e1 !important;
}
.tiaur-pro-hero h2,
.tiaur-theme-green .tiaur-pro-hero h2,
.tiaur-theme-blue .tiaur-pro-hero h2,
.tiaur-theme-red .tiaur-pro-hero h2,
.tiaur-theme-burgundy .tiaur-pro-hero h2,
.tiaur-theme-pink .tiaur-pro-hero h2,
.tiaur-theme-purple .tiaur-pro-hero h2,
.tiaur-theme-teal .tiaur-pro-hero h2,
.tiaur-theme-orange .tiaur-pro-hero h2,
.tiaur-theme-black .tiaur-pro-hero h2,
.tiaur-theme-titanium .tiaur-pro-hero h2 {
    color: #ffffff !important;
    text-shadow: 0 2px 18px rgba(0,0,0,.18) !important;
}
.tiaur-pro-hero p,
.tiaur-pro-hero .tiaur-pro-kicker,
.tiaur-theme-green .tiaur-pro-hero p,
.tiaur-theme-blue .tiaur-pro-hero p,
.tiaur-theme-red .tiaur-pro-hero p,
.tiaur-theme-burgundy .tiaur-pro-hero p,
.tiaur-theme-pink .tiaur-pro-hero p,
.tiaur-theme-purple .tiaur-pro-hero p,
.tiaur-theme-teal .tiaur-pro-hero p,
.tiaur-theme-orange .tiaur-pro-hero p,
.tiaur-theme-black .tiaur-pro-hero p,
.tiaur-theme-titanium .tiaur-pro-hero p,
.tiaur-theme-green .tiaur-pro-hero .tiaur-pro-kicker,
.tiaur-theme-blue .tiaur-pro-hero .tiaur-pro-kicker,
.tiaur-theme-red .tiaur-pro-hero .tiaur-pro-kicker,
.tiaur-theme-burgundy .tiaur-pro-hero .tiaur-pro-kicker,
.tiaur-theme-pink .tiaur-pro-hero .tiaur-pro-kicker,
.tiaur-theme-purple .tiaur-pro-hero .tiaur-pro-kicker,
.tiaur-theme-teal .tiaur-pro-hero .tiaur-pro-kicker,
.tiaur-theme-orange .tiaur-pro-hero .tiaur-pro-kicker,
.tiaur-theme-black .tiaur-pro-hero .tiaur-pro-kicker,
.tiaur-theme-titanium .tiaur-pro-hero .tiaur-pro-kicker {
    color: rgba(255,255,255,.92) !important;
}
.tiaur-theme-white .tiaur-pro-hero h2,
.tiaur-theme-silver .tiaur-pro-hero h2 {
    color: #1f2937 !important;
    text-shadow: none !important;
}
.tiaur-theme-white .tiaur-pro-hero p,
.tiaur-theme-silver .tiaur-pro-hero p {
    color: #475569 !important;
}
.tiaur-theme-white .tiaur-pro-hero .tiaur-pro-kicker,
.tiaur-theme-silver .tiaur-pro-hero .tiaur-pro-kicker {
    color: #1f2937 !important;
    background: rgba(255,255,255,.72) !important;
    border-color: rgba(148,163,184,.35) !important;
}
.tiaur-pro-hero .tiaur-button.light {
    background: rgba(255,255,255,.16) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.36) !important;
}
.tiaur-theme-white .tiaur-pro-hero .tiaur-button.light,
.tiaur-theme-silver .tiaur-pro-hero .tiaur-button.light {
    background: #ffffff !important;
    color: #1f2937 !important;
    border-color: #cbd5e1 !important;
}


.tiaur-wrap .tiaur-pro-role-checks {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 14px;
}
.tiaur-wrap .tiaur-pro-role-checks label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 24px;
    line-height: 24px;
    color: var(--tiaur-text, #26364a);
    font-size: 14px;
    font-weight: 500;
}
.tiaur-wrap .tiaur-pro-role-checks input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    vertical-align: middle !important;
    transform: none !important;
    float: none !important;
}
.tiaur-wrap .tiaur-pro-role-checks span {
    display: inline-block !important;
    line-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.tiaur-wrap .tiaur-pro-compact-card .tiaur-pro-role-checks + * {
    margin-top: 14px;
}


.tiaur-wrap .tiaur-pro-compact-card {
    text-align: left !important;
}
.tiaur-wrap .tiaur-pro-compact-card h3 {
    text-align: left !important;
}
.tiaur-wrap .tiaur-pro-role-checks {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 6px 12px !important;
    margin-top: 14px !important;
    padding: 12px !important;
    max-height: 132px !important;
    overflow: auto !important;
    border: 1px solid rgba(148, 163, 184, .28) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .72) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65) !important;
    text-align: left !important;
}
.tiaur-wrap .tiaur-pro-role-checks label {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 4px 7px !important;
    border-radius: 12px !important;
    color: var(--tiaur-text, #26364a) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    text-align: left !important;
}
.tiaur-wrap .tiaur-pro-role-checks label:hover {
    background: var(--tiaur-primary-faint, rgba(180, 11, 64, .08)) !important;
}
.tiaur-wrap .tiaur-pro-role-checks input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    flex: 0 0 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    vertical-align: middle !important;
    transform: none !important;
    float: none !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
}
.tiaur-wrap .tiaur-pro-role-checks span {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.tiaur-theme-black .tiaur-wrap .tiaur-pro-role-checks,
.tiaur-theme-titanium .tiaur-wrap .tiaur-pro-role-checks {
    background: rgba(15, 23, 42, .42) !important;
    border-color: rgba(255, 255, 255, .16) !important;
}
.tiaur-theme-black .tiaur-wrap .tiaur-pro-role-checks label,
.tiaur-theme-titanium .tiaur-wrap .tiaur-pro-role-checks label {
    color: rgba(255, 255, 255, .9) !important;
}


.tiaur-wrap .tiaur-pro-role-checks {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    margin-top: 12px !important;
    padding: 0 !important;
    max-height: 180px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
}
.tiaur-wrap .tiaur-pro-role-checks label {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    gap: 10px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--tiaur-text, #26364a) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    text-align: left !important;
}
.tiaur-wrap .tiaur-pro-role-checks label:hover {
    background: transparent !important;
    color: var(--tiaur-primary, #b40b40) !important;
}
.tiaur-wrap .tiaur-pro-role-checks input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    flex: 0 0 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    float: none !important;
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
}
.tiaur-wrap .tiaur-pro-role-checks span {
    display: inline-block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.tiaur-theme-black .tiaur-wrap .tiaur-pro-role-checks,
.tiaur-theme-titanium .tiaur-wrap .tiaur-pro-role-checks {
    background: transparent !important;
    border-color: transparent !important;
}
.tiaur-theme-black .tiaur-wrap .tiaur-pro-role-checks label,
.tiaur-theme-titanium .tiaur-wrap .tiaur-pro-role-checks label {
    color: rgba(255, 255, 255, .9) !important;
}
.tiaur-theme-black .tiaur-wrap .tiaur-pro-role-checks label:hover,
.tiaur-theme-titanium .tiaur-wrap .tiaur-pro-role-checks label:hover {
    color: var(--tiaur-primary-light, #f8a9c3) !important;
}

.tiaur-wrap .tiaur-pro-admin-ui-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
}
.tiaur-wrap .tiaur-pro-admin-ui-grid .tiaur-pro-compact-card {
    min-height: 0 !important;
    padding: 18px !important;
}
.tiaur-wrap .tiaur-pro-admin-ui-grid .tiaur-pro-compact-card h3 {
    margin: 0 0 12px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
}
.tiaur-wrap .tiaur-pro-admin-ui-grid .tiaur-pro-role-checks {
    max-height: 150px !important;
    gap: 5px !important;
    padding-right: 4px !important;
}
.tiaur-wrap .tiaur-pro-admin-ui-grid .tiaur-pro-role-checks label,
.tiaur-wrap .tiaur-block-rules-card .tiaur-pro-role-checks label {
    font-size: 13px !important;
    line-height: 22px !important;
    min-height: 22px !important;
    gap: 8px !important;
}
.tiaur-wrap .tiaur-pro-admin-ui-grid .tiaur-pro-role-checks span,
.tiaur-wrap .tiaur-block-rules-card .tiaur-pro-role-checks span {
    line-height: 22px !important;
}
.tiaur-wrap .tiaur-pro-admin-ui-grid .tiaur-pro-role-checks input[type="checkbox"],
.tiaur-wrap .tiaur-block-rules-card .tiaur-pro-role-checks input[type="checkbox"] {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    flex-basis: 15px !important;
}
.tiaur-wrap .tiaur-pro-multisite-section {
    margin-top: 26px !important;
}
.tiaur-wrap .tiaur-pro-multisite-card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
}
.tiaur-wrap .tiaur-pro-multisite-card h2 {
    margin: 6px 0 8px !important;
}
.tiaur-wrap .tiaur-pro-multisite-card p {
    margin-bottom: 0 !important;
}

.tiaur-wrap .tiaur-block-rules-card {
    padding: 24px !important;
}
.tiaur-wrap .tiaur-block-rules-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .75fr) !important;
    gap: 24px !important;
    align-items: start !important;
}
.tiaur-wrap .tiaur-block-rule-main h3,
.tiaur-wrap .tiaur-block-rule-box h3 {
    margin: 0 0 8px !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
}
.tiaur-wrap .tiaur-block-rule-main .tiaur-muted,
.tiaur-wrap .tiaur-block-rule-box .tiaur-muted {
    margin: 0 0 12px !important;
}
.tiaur-wrap .tiaur-textarea {
    width: 100% !important;
    min-height: 132px !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(148, 163, 184, .38) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.88) !important;
    color: var(--tiaur-text, #26364a) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7) !important;
}
.tiaur-wrap .tiaur-textarea:focus {
    outline: none !important;
    border-color: var(--tiaur-primary, #b40b40) !important;
    box-shadow: 0 0 0 3px var(--tiaur-primary-faint, rgba(180,11,64,.12)) !important;
}
.tiaur-wrap .tiaur-helper {
    margin: 10px 0 0 !important;
    color: var(--tiaur-muted, #7890a8) !important;
    font-size: 13px !important;
}
.tiaur-wrap .tiaur-helper code {
    padding: 2px 6px !important;
    border-radius: 8px !important;
    background: rgba(148,163,184,.15) !important;
    color: var(--tiaur-text, #26364a) !important;
}
.tiaur-wrap .tiaur-block-rule-box {
    padding: 16px !important;
    border: 1px solid rgba(148, 163, 184, .28) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.54) !important;
}
.tiaur-wrap .tiaur-block-rules-card .tiaur-pro-role-checks {
    max-height: 170px !important;
    margin-top: 10px !important;
}
.tiaur-wrap .tiaur-block-reusable-check {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-top: 14px !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(148, 163, 184, .28) !important;
    background: rgba(255,255,255,.54) !important;
    color: var(--tiaur-text, #26364a) !important;
    cursor: pointer !important;
}
.tiaur-wrap .tiaur-block-reusable-check input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    margin: 2px 0 0 !important;
}
.tiaur-wrap .tiaur-block-reusable-check span {
    display: grid !important;
    gap: 4px !important;
}
.tiaur-wrap .tiaur-block-reusable-check small {
    color: var(--tiaur-muted, #7890a8) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}
.tiaur-theme-black .tiaur-wrap .tiaur-textarea,
.tiaur-theme-titanium .tiaur-wrap .tiaur-textarea,
.tiaur-theme-black .tiaur-wrap .tiaur-block-rule-box,
.tiaur-theme-titanium .tiaur-wrap .tiaur-block-rule-box,
.tiaur-theme-black .tiaur-wrap .tiaur-block-reusable-check,
.tiaur-theme-titanium .tiaur-wrap .tiaur-block-reusable-check {
    background: rgba(15, 23, 42, .42) !important;
    border-color: rgba(255,255,255,.16) !important;
    color: rgba(255,255,255,.92) !important;
}
.tiaur-theme-black .tiaur-wrap .tiaur-block-reusable-check small,
.tiaur-theme-titanium .tiaur-wrap .tiaur-block-reusable-check small,
.tiaur-theme-black .tiaur-wrap .tiaur-helper,
.tiaur-theme-titanium .tiaur-wrap .tiaur-helper {
    color: rgba(255,255,255,.68) !important;
}
.tiaur-theme-black .tiaur-wrap .tiaur-helper code,
.tiaur-theme-titanium .tiaur-wrap .tiaur-helper code {
    background: rgba(255,255,255,.12) !important;
    color: rgba(255,255,255,.92) !important;
}
@media (max-width: 1500px) {
    .tiaur-wrap .tiaur-pro-admin-ui-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 1100px) {
    .tiaur-wrap .tiaur-pro-admin-ui-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .tiaur-wrap .tiaur-block-rules-layout { grid-template-columns: 1fr !important; }
}
@media (max-width: 720px) {
    .tiaur-wrap .tiaur-pro-admin-ui-grid { grid-template-columns: 1fr !important; }
    .tiaur-wrap .tiaur-pro-multisite-card { display: block !important; }
}


.tiaur-wrap .tiaur-pro-admin-ui-grid .tiaur-pro-compact-card {
    min-height: 270px !important;
    padding: 18px 20px !important;
}
.tiaur-wrap .tiaur-pro-admin-ui-grid .tiaur-pro-compact-card h3 {
    margin-bottom: 10px !important;
}
.tiaur-wrap .tiaur-pro-admin-ui-grid .tiaur-pro-role-checks {
    max-height: none !important;
    overflow: visible !important;
    gap: 3px !important;
    padding-right: 0 !important;
}
.tiaur-wrap .tiaur-pro-admin-ui-grid .tiaur-pro-role-checks label {
    min-height: 18px !important;
    line-height: 18px !important;
    gap: 7px !important;
    font-size: 12px !important;
}
.tiaur-wrap .tiaur-pro-admin-ui-grid .tiaur-pro-role-checks span {
    line-height: 18px !important;
}
.tiaur-wrap .tiaur-pro-admin-ui-grid .tiaur-pro-role-checks input[type="checkbox"] {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    flex-basis: 13px !important;
}
.tiaur-wrap .tiaur-pro-multisite-section {
    margin-top: 34px !important;
}
.tiaur-wrap .tiaur-pro-multisite-section .tiaur-pro-section-header {
    margin-bottom: 18px !important;
}
.tiaur-wrap .tiaur-pro-multisite-card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    padding: 24px !important;
}
.tiaur-wrap .tiaur-pro-multisite-card h3 {
    margin: 0 0 8px !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    color: var(--tiaur-text, #26364a) !important;
}
.tiaur-wrap .tiaur-pro-multisite-copy p {
    margin: 0 !important;
}
.tiaur-wrap .tiaur-pro-multisite-card .tiaur-note {
    margin: 0 !important;
    max-width: 520px !important;
}
.tiaur-theme-black .tiaur-wrap .tiaur-pro-multisite-card h3,
.tiaur-theme-titanium .tiaur-wrap .tiaur-pro-multisite-card h3 {
    color: rgba(255,255,255,.92) !important;
}
@media (max-width: 1100px) {
    .tiaur-wrap .tiaur-pro-admin-ui-grid .tiaur-pro-compact-card {
        min-height: 240px !important;
    }
}
@media (max-width: 720px) {
    .tiaur-wrap .tiaur-pro-multisite-card {
        display: block !important;
    }
    .tiaur-wrap .tiaur-pro-multisite-card form,
    .tiaur-wrap .tiaur-pro-multisite-card .tiaur-note {
        margin-top: 16px !important;
    }
}


.tiaur-acr-listing-option {
    margin: 12px 0 14px;
    padding: 12px 14px;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 16px;
    background: rgba(255,255,255,.70);
}
.tiaur-acr-listing-option .tiaur-check-line {
    align-items: flex-start;
    gap: 10px;
    margin: 0;
}
.tiaur-acr-listing-option .tiaur-check-line > span {
    display: flex;
    flex-direction: column;
    gap: 3px;
    line-height: 1.35;
}
.tiaur-acr-listing-option small {
    color: var(--tiaur-muted);
    font-weight: 500;
}

.tiaur-pro-compact-card .tiaur-pro-card-note {
    margin: -4px 0 10px;
    font-size: 12px;
    line-height: 1.4;
}
.tiaur-acr-listing-option .tiaur-check-line small {
    margin-left: 6px;
}

.tiaur-wrap .tiaur-pro-profile-control {
    margin-top: 34px !important;
}
.tiaur-wrap .tiaur-pro-profile-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: start !important;
}
.tiaur-wrap .tiaur-profile-control-card {
    padding: 20px !important;
}
.tiaur-wrap .tiaur-profile-control-card h3 {
    margin: 0 0 8px !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    color: var(--tiaur-text, #26364a) !important;
}
.tiaur-wrap .tiaur-profile-control-card h4 {
    margin: 18px 0 8px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    color: var(--tiaur-muted, #7890a8) !important;
}
.tiaur-wrap .tiaur-profile-field-checks {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px 12px !important;
    max-height: 300px !important;
    overflow: auto !important;
    padding: 2px 4px 2px 0 !important;
}
.tiaur-wrap .tiaur-profile-field-checks.compact {
    max-height: 150px !important;
    margin-top: 8px !important;
}
.tiaur-wrap .tiaur-profile-field-checks label {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 20px !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 20px !important;
    color: var(--tiaur-text, #26364a) !important;
}
.tiaur-wrap .tiaur-profile-field-checks input[type="checkbox"] {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    margin: 0 !important;
}
.tiaur-wrap .tiaur-profile-custom-detected {
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(148,163,184,.22) !important;
}
.tiaur-wrap .tiaur-profile-custom-detected > strong {
    display: block !important;
    font-size: 12px !important;
    color: var(--tiaur-text, #26364a) !important;
    margin-bottom: 4px !important;
}
.tiaur-wrap .tiaur-profile-manual-keys {
    margin-top: 10px !important;
    min-height: 78px !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
    font-size: 12px !important;
}
.tiaur-theme-black .tiaur-wrap .tiaur-profile-control-card h3,
.tiaur-theme-titanium .tiaur-wrap .tiaur-profile-control-card h3,
.tiaur-theme-black .tiaur-wrap .tiaur-profile-field-checks label,
.tiaur-theme-titanium .tiaur-wrap .tiaur-profile-field-checks label,
.tiaur-theme-black .tiaur-wrap .tiaur-profile-custom-detected > strong,
.tiaur-theme-titanium .tiaur-wrap .tiaur-profile-custom-detected > strong {
    color: rgba(255,255,255,.92) !important;
}
.tiaur-theme-black .tiaur-wrap .tiaur-profile-control-card h4,
.tiaur-theme-titanium .tiaur-wrap .tiaur-profile-control-card h4 {
    color: rgba(255,255,255,.68) !important;
}
@media (max-width: 1100px) {
    .tiaur-wrap .tiaur-pro-profile-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 720px) {
    .tiaur-wrap .tiaur-profile-field-checks { grid-template-columns: 1fr !important; }
}

.tiaur-wrap .tiaur-profile-field-checks,
.tiaur-wrap .tiaur-profile-field-checks.compact {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 2px !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 6px 0 0 !important;
}
.tiaur-wrap .tiaur-profile-field-checks.compact {
    max-height: 190px !important;
    overflow: auto !important;
    padding-right: 6px !important;
}
.tiaur-wrap .tiaur-profile-field-line,
.tiaur-wrap .tiaur-profile-field-checks label {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 21px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 21px !important;
    text-align: left !important;
    color: var(--tiaur-text, #26364a) !important;
}
.tiaur-wrap .tiaur-profile-field-line input[type="checkbox"],
.tiaur-wrap .tiaur-profile-field-checks input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    margin: 0 !important;
}
.tiaur-wrap .tiaur-profile-field-line.is-parent,
.tiaur-wrap .tiaur-profile-field-line.is-section {
    font-weight: 800 !important;
    margin-top: 2px !important;
}
.tiaur-wrap .tiaur-profile-field-line.is-child {
    margin-left: 24px !important;
    color: var(--tiaur-muted, #64748b) !important;
}
.tiaur-wrap .tiaur-profile-field-line.is-child span {
    font-weight: 600 !important;
}
.tiaur-wrap .tiaur-profile-control-card h4 {
    margin: 14px 0 6px !important;
}
.tiaur-wrap .tiaur-profile-custom-detected {
    margin-top: 8px !important;
    padding-top: 8px !important;
}
.tiaur-wrap .tiaur-profile-manual-keys {
    margin-top: 8px !important;
    min-height: 64px !important;
}
.tiaur-theme-black .tiaur-wrap .tiaur-profile-field-line.is-child,
.tiaur-theme-titanium .tiaur-wrap .tiaur-profile-field-line.is-child {
    color: rgba(255,255,255,.72) !important;
}


.tiaur-wrap .tiaur-profile-global-card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 18px 0 !important;
    padding: 18px 22px !important;
}
.tiaur-wrap .tiaur-profile-global-card h3 {
    margin: 0 0 5px !important;
    font-size: 17px !important;
    line-height: 1.25 !important;
}
.tiaur-wrap .tiaur-pro-inline-switch {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    color: var(--tiaur-text, #26364a) !important;
}
.tiaur-wrap .tiaur-pro-inline-switch input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.tiaur-wrap .tiaur-pro-inline-switch > span {
    width: 46px !important;
    height: 26px !important;
    border-radius: 999px !important;
    background: rgba(148,163,184,.36) !important;
    position: relative !important;
    box-shadow: inset 0 0 0 1px rgba(15,23,42,.12) !important;
}
.tiaur-wrap .tiaur-pro-inline-switch > span:before {
    content: "" !important;
    position: absolute !important;
    width: 20px !important;
    height: 20px !important;
    left: 3px !important;
    top: 3px !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 4px 10px rgba(15,23,42,.18) !important;
    transition: transform .18s ease !important;
}
.tiaur-wrap .tiaur-pro-inline-switch input:checked + span {
    background: var(--tiaur-primary, #16a34a) !important;
}
.tiaur-wrap .tiaur-pro-inline-switch input:checked + span:before {
    transform: translateX(20px) !important;
}
.tiaur-wrap .tiaur-profile-control-card {
    text-align: left !important;
}
.tiaur-wrap .tiaur-profile-field-checks,
.tiaur-wrap .tiaur-profile-field-checks.compact,
.tiaur-wrap .tiaur-profile-field-tree {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 1px !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 6px 0 0 !important;
    text-align: left !important;
}
.tiaur-wrap .tiaur-profile-field-checks.compact {
    max-height: 260px !important;
    overflow-y: auto !important;
    padding-right: 8px !important;
}
.tiaur-wrap label.tiaur-profile-field-line,
.tiaur-wrap .tiaur-profile-field-checks label.tiaur-profile-field-line,
.tiaur-wrap .tiaur-profile-field-checks label {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 7px !important;
    min-height: 19px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 12px !important;
    line-height: 19px !important;
}
.tiaur-wrap label.tiaur-profile-field-line input[type="checkbox"],
.tiaur-wrap .tiaur-profile-field-checks label input[type="checkbox"] {
    flex: 0 0 auto !important;
    display: inline-block !important;
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}
.tiaur-wrap label.tiaur-profile-field-line span,
.tiaur-wrap .tiaur-profile-field-checks label span {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    white-space: normal !important;
}
.tiaur-wrap label.tiaur-profile-field-line.is-child {
    margin-left: 22px !important;
    width: calc(100% - 22px) !important;
}
.tiaur-wrap label.tiaur-profile-field-line.is-parent,
.tiaur-wrap label.tiaur-profile-field-line.is-section {
    margin-top: 5px !important;
    font-weight: 800 !important;
}
.tiaur-wrap label.tiaur-profile-field-line input[disabled] + span {
    opacity: .58 !important;
}
.tiaur-wrap .tiaur-profile-custom-detected {
    text-align: left !important;
}
@media (max-width: 780px) {
    .tiaur-wrap .tiaur-profile-global-card { flex-direction: column !important; align-items: flex-start !important; }
}


.tiaur-pro-app-passwords-switch{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px!important;padding:22px 28px!important}
.tiaur-pro-profile-rule-panel{margin-top:32px}.tiaur-profile-rules-list{margin-bottom:22px}.tiaur-profile-rule-editor{padding:26px!important}.tiaur-profile-rule-condition{box-shadow:none!important;margin:18px 0!important;padding:18px!important}.tiaur-profile-rule-condition .tiaur-grid.three{align-items:start}.tiaur-profile-rule-editor .tiaur-profile-field-checks,.tiaur-profile-rule-editor .tiaur-profile-custom-detected .tiaur-profile-field-checks{display:block;max-height:none;overflow:visible;border:0;background:transparent;padding:0}.tiaur-profile-rule-editor .tiaur-profile-field-line{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-height:22px!important;margin:2px 0!important;text-align:left!important}.tiaur-profile-rule-editor .tiaur-profile-field-line input{margin:0!important;flex:0 0 auto}.tiaur-profile-rule-editor .tiaur-profile-field-line span{line-height:20px!important}.tiaur-profile-rule-editor .tiaur-profile-field-line.is-child{margin-left:22px!important}.tiaur-profile-rule-editor h4{margin:18px 0 8px}.tiaur-profile-rule-editor .tiaur-acr-value-checklist{max-height:180px;overflow:auto;border:1px solid var(--tiaur-border);border-radius:14px;padding:8px;background:#fff}.tiaur-profile-rule-editor .tiaur-acr-value-option{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;margin:3px 0!important}.tiaur-status-pill.is-enabled{background:#dcfce7;color:#166534}.tiaur-status-pill.is-disabled{background:#fee2e2;color:#991b1b}.tiaur-status-pill{display:inline-flex;border-radius:999px;padding:4px 10px;font-weight:800;font-size:12px}

.tiaur-profile-rule-editor .tiaur-profile-rule-condition {
    overflow: visible !important;
}
.tiaur-profile-rule-editor .tiaur-profile-condition-row,
.tiaur-profile-rule-editor .tiaur-profile-rule-condition .tiaur-pro-condition-row {
    display: grid !important;
    grid-template-columns: minmax(190px, 0.9fr) minmax(120px, 0.55fr) minmax(320px, 1.6fr) !important;
    gap: 12px !important;
    align-items: start !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.tiaur-profile-rule-editor .tiaur-profile-rule-condition .tiaur-acr-value-wrap {
    min-width: 0 !important;
    width: 100% !important;
}
.tiaur-profile-rule-editor .tiaur-profile-rule-condition .tiaur-acr-value-checklist {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 3px !important;
    max-height: 160px !important;
    overflow: auto !important;
    padding: 8px 10px !important;
    margin-top: 0 !important;
    border: 1px solid var(--tiaur-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
}
.tiaur-profile-rule-editor .tiaur-profile-rule-condition .tiaur-acr-value-option {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}
.tiaur-profile-rule-editor .tiaur-profile-rule-condition .tiaur-acr-value-option input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    flex: 0 0 16px !important;
}
.tiaur-profile-rule-editor .tiaur-profile-rule-condition .tiaur-acr-value-option span {
    display: inline !important;
    line-height: 20px !important;
    text-align: left !important;
}
.tiaur-profile-rule-editor .tiaur-grid.two > div > h4 {
    margin: 18px 0 10px !important;
}
.tiaur-profile-rule-editor .tiaur-profile-field-checks,
.tiaur-profile-rule-editor .tiaur-profile-custom-detected .tiaur-profile-field-checks {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 3px !important;
    max-height: none !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    text-align: left !important;
}
.tiaur-profile-rule-editor .tiaur-profile-custom-detected .tiaur-profile-field-checks.compact {
    max-height: 220px !important;
    overflow: auto !important;
    border-top: 1px solid var(--tiaur-border) !important;
    padding-top: 8px !important;
}
.tiaur-profile-rule-editor .tiaur-profile-field-line {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    width: 100% !important;
    min-height: 21px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 12px !important;
    line-height: 20px !important;
}
.tiaur-profile-rule-editor .tiaur-profile-field-line input[type="checkbox"] {
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
    flex: 0 0 15px !important;
}
.tiaur-profile-rule-editor .tiaur-profile-field-line span {
    display: inline !important;
    text-align: left !important;
    line-height: 20px !important;
}
.tiaur-profile-rule-editor .tiaur-profile-field-line.is-parent,
.tiaur-profile-rule-editor .tiaur-profile-field-line.is-section {
    margin-top: 7px !important;
    font-weight: 800 !important;
}
.tiaur-profile-rule-editor .tiaur-profile-field-line.is-child {
    margin-left: 22px !important;
    width: calc(100% - 22px) !important;
    font-weight: 600 !important;
}
.tiaur-profile-rule-editor .tiaur-profile-custom-detected {
    margin-top: 12px !important;
}
.tiaur-profile-rule-editor .tiaur-profile-custom-detected > strong {
    display: block !important;
    margin: 0 0 8px !important;
    text-align: left !important;
}
.tiaur-profile-rule-editor .tiaur-profile-manual-keys {
    margin-top: 12px !important;
}
@media (max-width: 900px) {
    .tiaur-profile-rule-editor .tiaur-profile-condition-row,
    .tiaur-profile-rule-editor .tiaur-profile-rule-condition .tiaur-pro-condition-row {
        grid-template-columns: 1fr !important;
    }
}

.tiaur-profile-rules-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}
.tiaur-profile-rules-header h3 {
    margin: 0;
}
.tiaur-profile-rule-editor.is-collapsed {
    display: none !important;
}
@media (max-width: 782px) {
    .tiaur-profile-rules-header {
        align-items: flex-start;
        flex-direction: column;
    }
}


.tiaur-profile-rule-enable {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-end;
}
.tiaur-profile-rule-enable .tiaur-switch {
    align-self: flex-start;
}


.tiaur-profile-rule-list-toggle-form {
    margin: 0;
}
.tiaur-profile-rule-list-switch {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.tiaur-profile-rule-list-switch .tiaur-switch-label {
    font-weight: 800;
}
.tiaur-profile-rule-enable.tiaur-check-line {
    align-self: end;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
}
.tiaur-profile-rule-enable.tiaur-check-line input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
}

.tiaur-pricing-discount-badge {
    position: relative;
    width: fit-content;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(0, 163, 42, .10);
    color: #007017;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.25;
}
.tiaur-pricing-discount-badge strong { font-weight: 950; }
.tiaur-pricing-price-old {
    position: relative;
    margin: -8px 0 -10px;
    color: #64748b;
    font-size: 17px;
    font-weight: 750;
}
.tiaur-pricing-price-old del {
    color: #64748b;
    text-decoration-thickness: 2px;
}
.tiaur-pricing-price-premium--sale strong {
    color: transparent;
    background: linear-gradient(135deg, var(--tiaur-primary, #16a34a), #0f172a);
    -webkit-background-clip: text;
    background-clip: text;
}
.tiaur-profile-rule-list-switch.is-saving { opacity: .7; cursor: wait; }

.tiaur-plan-license-pill {
    position: relative;
    display: inline-flex;
    width: fit-content;
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(37,99,235,.08);
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 900;
}
.tiaur-pricing-card-premium .tiaur-pricing-price-old {
    margin: 4px 0 -4px;
    color: #64748b;
    font-size: 16px;
    font-weight: 850;
}
.tiaur-pricing-card-premium .tiaur-pricing-discount-badge {
    width: auto;
    margin: -4px 0 0;
    background: transparent;
    padding: 0;
    color: #007017;
    font-size: 12px;
    font-weight: 900;
}
.tiaur-pricing-card-premium .tiaur-pricing-price-premium--sale {
    gap: 8px;
}
.tiaur-pricing-card-premium .tiaur-pricing-price-premium--sale strong {
    font-size: 48px;
}
.tiaur-pricing-card-premium .tiaur-pricing-price-premium--sale span {
    align-self: flex-end;
    margin-bottom: 7px;
    color: #475569;
    font-size: 12px;
    font-weight: 950;
}

.tiaur-pricing-grid,
.tiaur-pricing-grid--dynamic {
    grid-template-columns: repeat(3, minmax(280px, 1fr));
    align-items: stretch;
    overflow-x: auto;
    padding-bottom: 4px;
}
.tiaur-pricing-grid > *,
.tiaur-pricing-grid--dynamic > * {
    min-width: 0;
}
@media (max-width: 860px) {
    .tiaur-pricing-grid,
    .tiaur-pricing-grid--dynamic {
        grid-template-columns: repeat(3, minmax(280px, 1fr));
    }
}

.tiaur-clickable-user-row {
    cursor: pointer;
}
.tiaur-clickable-user-row:hover td {
    background: rgba(14, 165, 233, 0.08) !important;
}
.tiaur-status-help {
    cursor: help;
}
.tiaur-badge-soft {
    background: rgba(37, 99, 235, 0.08);
    color: #1d4ed8;
}
.tiaur-filter-value-select optgroup[hidden],
.tiaur-filter-value-select option[hidden] {
    display: none;
}

.tiaur-pro-tools-page--locked .tiaur-card {
    opacity: .72;
    filter: grayscale(.7);
    border-style: dashed;
    pointer-events: none;
}
.tiaur-pro-tools-page--locked .tiaur-pro-license-pill {
    background: #e5e7eb;
    border-color: #cbd5e1;
    color: #475569;
}


/* TIAUR regression guard: role dropdowns must stay above the next card/container. */
.tiaur-wrap .tiaur-role-tools-card {
    position: relative !important;
    z-index: 50 !important;
    overflow: visible !important;
}
.tiaur-wrap .tiaur-role-tools-card:has(.tiaur-role-nav-picker.is-open),
.tiaur-wrap .tiaur-role-tools-card.tiaur-role-dropdown-open {
    z-index: 999990 !important;
}
.tiaur-wrap .tiaur-role-tools-grid,
.tiaur-wrap .tiaur-role-tool,
.tiaur-wrap .tiaur-role-browser,
.tiaur-wrap .tiaur-role-select-shell,
.tiaur-wrap .tiaur-role-nav-picker {
    overflow: visible !important;
}
.tiaur-wrap .tiaur-role-nav-picker.is-open {
    position: relative !important;
    z-index: 1000000 !important;
}
.tiaur-wrap .tiaur-role-nav-picker.is-open .tiaur-role-nav-menu {
    display: grid !important;
    z-index: 1000001 !important;
}
.tiaur-wrap .tiaur-role-tools-card + .tiaur-role-utility-row,
.tiaur-wrap .tiaur-role-utility-row {
    position: relative !important;
    z-index: 1 !important;
}

/* TIAUR regression guard: Admin menu visibility is a normal section, not an outer nested dropdown. */
.tiaur-admin-menu-visibility-section {
    margin-top: 18px !important;
}
.tiaur-admin-menu-visibility-section > .tiaur-admin-menu-visibility-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 18px 20px !important;
    border-bottom: 1px solid rgba(34, 197, 94, .16) !important;
}
.tiaur-admin-menu-visibility-section > .tiaur-admin-menu-visibility-header strong {
    display: block !important;
    color: var(--tiaur-text) !important;
}
.tiaur-admin-menu-visibility-section > .tiaur-admin-menu-visibility-header small {
    display: block !important;
    margin-top: 4px !important;
    color: var(--tiaur-muted) !important;
}
.tiaur-admin-menu-role-item > summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    cursor: pointer !important;
}
.tiaur-admin-menu-role-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.tiaur-admin-role-chevron {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background: rgba(34, 197, 94, .12) !important;
    color: var(--tiaur-primary, #16a34a) !important;
    font-size: 14px !important;
    line-height: 1 !important;
    transition: transform .18s ease !important;
}
.tiaur-admin-menu-role-item[open] .tiaur-admin-role-chevron {
    transform: rotate(180deg) !important;
}
.tiaur-upgrade-card-button--disabled,
.tiaur-upgrade-card-button--disabled:disabled {
    background: linear-gradient(135deg, #e2e8f0, #cbd5e1) !important;
    color: #64748b !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.tiaur-wrap,
.tiaur-main {
    overflow: visible !important;
}


/* TIAUR final regression guard: role dropdown must float above lower cards and sibling panels. */
.tiaur-wrap,
.tiaur-wrap .tiaur-shell,
.tiaur-wrap .tiaur-main,
.tiaur-wrap .tiaur-card,
.tiaur-wrap .tiaur-role-tools-card,
.tiaur-wrap .tiaur-role-tools-grid,
.tiaur-wrap .tiaur-role-tool,
.tiaur-wrap .tiaur-role-browser,
.tiaur-wrap .tiaur-role-select-shell,
.tiaur-wrap .tiaur-role-nav-picker {
    overflow: visible !important;
}
.tiaur-wrap .tiaur-role-tools-card {
    position: relative !important;
    z-index: 100 !important;
}
.tiaur-wrap .tiaur-role-tools-card:has(.tiaur-role-nav-picker.is-open),
.tiaur-wrap .tiaur-role-tools-card.tiaur-role-dropdown-open {
    z-index: 214748300 !important;
}
.tiaur-wrap .tiaur-role-tool {
    position: relative !important;
    z-index: 1 !important;
}
.tiaur-wrap .tiaur-role-tool:has(.tiaur-role-nav-picker.is-open),
.tiaur-wrap .tiaur-role-tool.tiaur-role-dropdown-open {
    z-index: 214748301 !important;
}
.tiaur-wrap .tiaur-role-nav-picker.is-open {
    position: relative !important;
    z-index: 214748302 !important;
}
.tiaur-wrap .tiaur-role-nav-picker.is-open .tiaur-role-nav-menu {
    position: absolute !important;
    display: grid !important;
    z-index: 214748303 !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
}
.tiaur-wrap .tiaur-role-tools-card + .tiaur-role-utility-row,
.tiaur-wrap .tiaur-role-utility-row,
.tiaur-wrap .tiaur-role-maintenance-card,
.tiaur-wrap .tiaur-compare-card {
    position: relative !important;
    z-index: 1 !important;
}

/* TIAUR final regression guard: Admin role must not be selectable in admin menu visibility. */
.tiaur-admin-menu-role-item[data-role-key="administrator"] {
    display: none !important;
}

/* TIAUR final regression guard: lower plans stay visible but disabled. */
.tiaur-upgrade-card-button--disabled,
.tiaur-upgrade-card-button--disabled:disabled {
    background: linear-gradient(135deg, #e2e8f0, #cbd5e1) !important;
    color: #64748b !important;
    border-color: #cbd5e1 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    opacity: .92 !important;
}

/* Free beta updates preview: WordPress.org free builds do not receive private beta updates automatically. */
.tiaur-switch.tiaur-switch-dummy,
.tiaur-switch.tiaur-switch-dummy[disabled] {
    cursor: not-allowed;
    opacity: .68;
}

.tiaur-switch.tiaur-switch-dummy .tiaur-switch-track {
    background: #cbd5e1;
    box-shadow: inset 0 2px 4px rgba(15, 23, 42, .12);
}

/* Pro scanner scheduler cards */
.tiaur-pro-scheduler-card {
    min-height: 240px;
}
.tiaur-pro-scanner-head {
    align-items: flex-start;
    gap: 18px;
}
.tiaur-pro-scanner-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin: 16px 0 12px;
}
.tiaur-pro-scanner-toggle-wrap {
    gap: 10px;
}
.tiaur-pro-scanner-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 10px 0;
}
.tiaur-pro-scanner-meta span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 9px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: var(--tiaur-muted);
    font-size: 12px;
    font-weight: 700;
}
.tiaur-pro-scanner-warning {
    border-left: 3px solid var(--tiaur-primary);
    padding-left: 10px;
}
.tiaur-pro-scan-card--locked {
    opacity: .72;
}
.tiaur-pro-scan-card--locked .tiaur-pro-scan-now,
.tiaur-pro-scan-card--locked .tiaur-switch {
    cursor: not-allowed;
}
.tiaur-pro-scan-now.is-loading {
    opacity: .75;
    cursor: progress;
}
.tiaur-pro-scan-card.has-warning {
    border-top-color: var(--tiaur-danger) !important;
}


/* Primary Roles locked preview */
.tiaur-primary-role-order-line {
    margin-top: 12px;
}
.tiaur-setting-field-stack {
    display: grid;
    gap: 10px;
}

/* Disabled informational button used by locked Pro previews */
.tiaur-wrap .tiaur-button-disabled,
.tiaur-wrap .tiaur-button-disabled:hover,
.tiaur-wrap .tiaur-button-disabled:focus {
    opacity: 0.72;
    cursor: default;
    pointer-events: none;
    box-shadow: none;
}

/* Primary Roles dummy switch */
.tiaur-primary-feature-toggle {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    max-width: 720px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, .32);
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .055);
    cursor: pointer;
}
.tiaur-primary-feature-toggle.is-disabled {
    cursor: not-allowed;
    opacity: .72;
}
.tiaur-primary-feature-toggle input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.tiaur-primary-feature-toggle .tiaur-switch-track {
    position: relative;
    flex: 0 0 52px;
    width: 52px;
    height: 30px;
    border-radius: 999px;
    background: #cbd5e1;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .08);
}
.tiaur-primary-feature-toggle .tiaur-switch-thumb {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 5px 14px rgba(15, 23, 42, .18);
}
.tiaur-primary-feature-toggle-copy {
    display: grid;
    gap: 3px;
    color: #334155;
}
.tiaur-primary-feature-toggle-copy strong {
    color: #0f172a;
    font-size: 14px;
}
.tiaur-primary-feature-toggle-copy small {
    color: #64748b;
    font-weight: 650;
    line-height: 1.45;
}


/* Primary Roles dummy disabled state */
.tiaur-primary-roles-dependent.is-disabled {
    opacity: .55;
    filter: grayscale(.55);
    pointer-events: none;
}
.tiaur-primary-disabled-note {
    display: block;
    margin: 0 0 8px;
}
.tiaur-primary-roles-settings-card.tiaur-pro-placeholder-card {
    background: linear-gradient(180deg, #f8fafc, #eef3f9);
}
.tiaur-wrap .tiaur-switch.is-disabled,
.tiaur-wrap .tiaur-switch.is-disabled:hover,
.tiaur-wrap .tiaur-switch.is-disabled:focus {
    opacity: .62;
    cursor: not-allowed;
    pointer-events: none;
    filter: grayscale(.35);
}

/* Titanium header and Administrator capability review readability refinements. */
.tiaur-wrap .tiaur-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 210px;
    min-height: 54px;
    padding: 10px 28px;
    border-radius: 22px;
    border: 1.5px solid #626f80 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.80) 0%, rgba(255,255,255,.24) 12%, rgba(255,255,255,.10) 13%, rgba(255,255,255,.03) 100%),
        linear-gradient(135deg, #edf2f7 0%, #d7dee7 30%, #f8fbff 54%, #c8d0db 78%, #eef3f8 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -1px 0 rgba(111,126,145,.22),
        0 10px 22px rgba(15,23,42,.14) !important;
    color: #0b2f78 !important;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: .16em;
    line-height: 1;
    text-transform: uppercase;
}
.tiaur-wrap .tiaur-kicker::before {
    content: none !important;
    display: none !important;
}
.tiaur-admin-capability-cleanup-card {
    overflow: hidden;
}
.tiaur-admin-capability-cleanup-card .tiaur-admin-capability-select-list {
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important;
    gap: 12px !important;
    overflow-x: hidden !important;
}
.tiaur-admin-capability-cleanup-card .tiaur-admin-capability-select-list label {
    align-items: flex-start !important;
    gap: 10px !important;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid rgba(148, 163, 184, .32);
    border-radius: 12px;
    background: rgba(255, 255, 255, .72);
}
.tiaur-admin-capability-cleanup-card .tiaur-admin-capability-select-list input[type="checkbox"] {
    flex: 0 0 auto;
    margin-top: 3px;
}
.tiaur-admin-capability-cleanup-card .tiaur-admin-capability-select-list span {
    display: block;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.45;
}
.tiaur-admin-capability-cleanup-card .tiaur-admin-capability-select-list code {
    display: inline;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.55;
}
@media (max-width: 782px) {
    .tiaur-admin-capability-cleanup-card .tiaur-admin-capability-select-list {
        grid-template-columns: 1fr !important;
    }
}


/* More Plugins tab and fluid admin page width. */
.tiaur-wrap {
    width: auto;
    max-width: none;
    box-sizing: border-box;
}

.tiaur-wrap > .tiaur-pro-page,
.tiaur-wrap > .tiaur-settings-page-stack,
.tiaur-wrap > .tiaur-settings-page-grid,
.tiaur-wrap > .tiaur-more-plugins-page,
.tiaur-wrap > .tiaur-card,
.tiaur-wrap > .tiaur-grid,
.tiaur-wrap > form,
.tiaur-wrap > details {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}


.tiaur-more-plugins-page {
    display: grid;
    gap: 26px;
    width: 100%;
}

.tiaur-more-plugins-hero {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    min-height: 220px;
    padding: 34px 38px;
    border: 1px solid color-mix(in srgb, var(--tiaur-primary-border) 42%, #c7d2fe);
    border-radius: 28px;
    background:
        radial-gradient(circle at 8% 12%, rgba(34,197,94,.16), transparent 34%),
        radial-gradient(circle at 88% 18%, rgba(37,99,235,.15), transparent 36%),
        linear-gradient(110deg, rgba(240,253,244,.96) 0%, rgba(255,255,255,.98) 48%, rgba(239,246,255,.96) 100%);
    box-shadow: 0 24px 70px rgba(15, 23, 42, .08), inset 0 1px 0 rgba(255,255,255,.86);
}

.tiaur-more-plugins-hero:before {
    content: '';
    position: absolute;
    inset: 12px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.82);
    pointer-events: none;
}

.tiaur-more-plugins-hero-copy {
    position: relative;
    z-index: 1;
    max-width: 780px;
}

.tiaur-more-plugins-kicker,
.tiaur-more-plugin-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border-radius: 999px;
    background: rgba(220,252,231,.8);
    color: #047857;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tiaur-more-plugins-kicker {
    padding: 8px 13px;
    margin-bottom: 18px;
}

.tiaur-more-plugins-hero h2 {
    margin: 0;
    max-width: 640px;
    color: #182230;
    font-size: clamp(34px, 3.5vw, 54px);
    line-height: .98;
    letter-spacing: -.055em;
    font-weight: 850;
}

.tiaur-more-plugins-hero p {
    margin: 18px 0 0;
    max-width: 760px;
    color: #6b7a90;
    font-size: 16px;
    line-height: 1.65;
}

.tiaur-more-plugins-brand-card {
    position: relative;
    z-index: 1;
    flex: 0 0 180px;
    height: 150px;
    border-radius: 26px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 14px;
    background: rgba(241,245,249,.9);
    box-shadow: 0 22px 60px rgba(15,23,42,.11), inset 0 1px 0 rgba(255,255,255,.9);
    color: #182230;
}

.tiaur-more-plugins-brand-card .dashicons {
    width: 38px;
    height: 38px;
    font-size: 38px;
    color: #16a34a;
}

.tiaur-more-plugins-brand-card strong {
    font-size: 13px;
    letter-spacing: .08em;
}

.tiaur-more-plugins-list {
    display: grid;
    gap: 26px;
}

.tiaur-more-plugin-card {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 30px;
    align-items: center;
    min-height: 310px;
    padding: 28px 34px 28px 30px;
    border: 1px solid rgba(134,239,172,.45);
    border-top: 7px solid transparent;
    border-radius: 28px;
    background:
        radial-gradient(circle at 7% 11%, rgba(22,163,74,.15), transparent 28%),
        radial-gradient(circle at 96% 6%, rgba(37,99,235,.11), transparent 36%),
        linear-gradient(105deg, rgba(240,253,244,.96) 0%, rgba(255,255,255,.99) 55%, rgba(239,246,255,.94) 100%);
    box-shadow: 0 24px 70px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.9);
}

.tiaur-more-plugin-card:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -7px;
    height: 7px;
    background: linear-gradient(90deg, #16a34a 0%, #0ea5e9 42%, #2563eb 70%, #facc15 100%);
}

.tiaur-more-plugin-image-panel {
    position: relative;
    overflow: hidden;
    width: 180px;
    height: 230px;
    border-radius: 28px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.86);
    background: linear-gradient(155deg, rgba(255,255,255,.72), rgba(240,253,244,.38));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 22px 44px rgba(16,185,129,.08);
}

.tiaur-more-plugin-image-panel img {
    position: relative;
    z-index: 1;
    width: 150px;
    height: 150px;
    border-radius: 34px;
    object-fit: cover;
    filter: drop-shadow(0 18px 24px rgba(15,23,42,.20));
}

.tiaur-more-plugin-orb {
    position: absolute;
    width: 62px;
    height: 62px;
    border-radius: 999px;
    background: rgba(34,197,94,.18);
    filter: blur(.1px);
}

.tiaur-more-plugin-orb-top {
    top: 18px;
    left: 18px;
}

.tiaur-more-plugin-orb-bottom {
    right: 16px;
    bottom: 16px;
    width: 76px;
    height: 76px;
    background: rgba(20,184,166,.16);
}

.tiaur-more-plugin-main {
    min-width: 0;
}

.tiaur-more-plugin-badge {
    padding: 8px 14px;
    margin-bottom: 16px;
}

.tiaur-more-plugin-main h3 {
    margin: 0 0 14px;
    color: #182230;
    font-size: clamp(26px, 2.25vw, 39px);
    line-height: 1.08;
    letter-spacing: -.035em;
    font-weight: 820;
}

.tiaur-more-plugin-main p {
    margin: 0;
    max-width: 1120px;
    color: #64748b;
    font-size: 15px;
    line-height: 1.62;
}

.tiaur-more-plugin-highlights {
    display: grid;
    grid-template-columns: repeat(2, minmax(240px, 1fr));
    gap: 14px 28px;
    margin: 20px 0 22px;
}

.tiaur-more-plugin-highlights span {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #111827;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 850;
}

.tiaur-more-plugin-highlights span:before {
    content: '✓';
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    flex: 0 0 auto;
    background: rgba(34,197,94,.14);
    color: #16a34a;
    font-size: 12px;
    font-weight: 900;
}

.tiaur-more-plugin-features {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
}

.tiaur-more-plugin-features span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 14px;
    border-radius: 999px;
    border: 1px solid rgba(15,118,110,.22);
    background: rgba(255,255,255,.88);
    color: #0f172a;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 850;
    box-shadow: 0 12px 26px rgba(15,23,42,.055);
}

.tiaur-more-plugin-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 24px;
    border-radius: 12px;
    background: #3b5bff;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 16px 30px rgba(59,91,255,.22);
}

.tiaur-more-plugin-button:hover,
.tiaur-more-plugin-button:focus {
    background: #2446f2;
    color: #ffffff !important;
}

@media (max-width: 1180px) {
    .tiaur-more-plugin-highlights {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .tiaur-more-plugins-hero {
        align-items: flex-start;
        flex-direction: column;
    }
    .tiaur-more-plugins-brand-card {
        width: 100%;
        height: 120px;
        flex-basis: auto;
    }
    .tiaur-more-plugin-card {
        grid-template-columns: 1fr;
    }
    .tiaur-more-plugin-image-panel {
        width: 100%;
        height: 210px;
    }
}

.tiaur-pricing-error-inline {
    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;
}

