/*
 * The Invitation 1.0.70 – modern studio skin (customer CMS only).
 *
 * PAINT-ONLY LAYER: colours, gradients, shadows, corner radii, focus rings and transitions.
 * Nothing in this file changes size, spacing, typography metrics, display, position or order,
 * so the studio layout is pixel-identical with and without it (verified per element in tests).
 * Scope: .ti-app.ti-studio (and its clean page shell) – event pages are never affected.
 */
.ti-app.ti-studio{
 --tim-ink:#0f2133;--tim-ink-2:#24405e;--tim-muted:#5d6e7e;
 --tim-accent:#98716c;--tim-accent-deep:#7f5b56;--tim-accent-soft:rgba(152,113,108,.10);
 --tim-line:rgba(15,33,51,.09);--tim-line-2:rgba(15,33,51,.16);
 --tim-surface:#fff;--tim-soft:#faf8f5;--tim-ring:0 0 0 4px rgba(152,113,108,.20);
 --tim-shadow-sm:0 1px 2px rgba(15,33,51,.05);
 --tim-shadow:0 1px 2px rgba(15,33,51,.04),0 14px 34px -22px rgba(15,33,51,.30);
 --tim-shadow-lg:0 2px 6px rgba(15,33,51,.04),0 40px 90px -48px rgba(15,33,51,.40);
 --tim-dark:linear-gradient(135deg,#2b4a6b 0%,#14283f 52%,#0d1b2b 100%);
 --tim-dark-hover:linear-gradient(135deg,#355a80 0%,#1b3452 52%,#11233a 100%);
 --tim-rose:linear-gradient(135deg,#b48b84 0%,#98716c 55%,#83605b 100%);
 --tim-rose-hover:linear-gradient(135deg,#c09891 0%,#a37b75 55%,#8c6862 100%);
 --tim-forest:linear-gradient(135deg,#355a4a 0%,#203e32 55%,#18302a 100%);
 background-color:#fff;
 background-image:radial-gradient(1200px 380px at 100% -10%,rgba(152,113,108,.08),transparent 60%),radial-gradient(900px 320px at -10% 0,rgba(36,64,94,.06),transparent 55%);
 box-shadow:var(--tim-shadow-lg);
 -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
 accent-color:var(--tim-accent);
}
.ti-shell:has(.ti-app.ti-studio){background:radial-gradient(1400px 600px at 85% -5%,#efe3dc 0,transparent 60%),radial-gradient(1000px 500px at 0 10%,#e8edf2 0,transparent 55%),#f6f2ec}
.ti-shell:has(.ti-app.ti-studio) .ti-shell-footer{color:#5f5a52}
.ti-app.ti-studio ::selection{background:rgba(152,113,108,.24);color:inherit}

/* header */
.ti-app.ti-studio .ti-studio-header h1{background:linear-gradient(100deg,#0f2133 0,#2f4c6b 120px,#98716c 270px,#98716c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ti-app.ti-studio .ti-studio-header .ti-actions a{color:var(--tim-ink);text-decoration-color:rgba(152,113,108,.55);text-decoration-thickness:1px;text-underline-offset:5px;transition:color .2s,text-decoration-color .2s}
.ti-app.ti-studio .ti-studio-header .ti-actions a:hover{color:var(--tim-accent-deep);text-decoration-color:currentColor}

/* top navigation + usage pill */
.ti-app.ti-studio .ti-tabs{background:transparent!important;border-bottom-color:var(--tim-line)!important}
.ti-app.ti-studio .ti-tabs a{background:var(--tim-surface);border-color:var(--tim-line-2);box-shadow:var(--tim-shadow-sm);border-radius:12px;transition:box-shadow .2s,border-color .2s,background .2s}
.ti-app.ti-studio .ti-tabs a:hover{background:#fff;border-color:rgba(152,113,108,.55);box-shadow:0 8px 22px -14px rgba(15,33,51,.45)}
.ti-app.ti-studio .ti-tabs a:last-child,.ti-app.ti-studio .ti-tabs a:last-child:hover{border-color:transparent;box-shadow:0 12px 26px -14px rgba(13,27,43,.85),inset 0 1px 0 rgba(255,255,255,.12)}
.ti-app.ti-studio .ti-usage-counter{background:linear-gradient(180deg,#fff,#f7f2ee);border-color:var(--tim-line-2);color:var(--tim-muted);box-shadow:var(--tim-shadow-sm)}

/* segmented mode tabs */
.ti-app.ti-studio .ti-studio-mode-tabs{background:linear-gradient(180deg,#f3ede8,#efe8e2);border-color:var(--tim-line);border-radius:14px;box-shadow:inset 0 1px 2px rgba(15,33,51,.07)}
.ti-app.ti-studio .ti-studio-mode-tabs button{color:#3f5163!important;border-radius:11px;transition:background .2s,color .2s,box-shadow .2s}
.ti-app.ti-studio .ti-studio-mode-tabs button:hover{background:rgba(255,255,255,.55)!important;color:var(--tim-ink)!important}
.ti-app.ti-studio .ti-studio-mode-tabs button[aria-selected=true]{background:#14283f!important;background-color:#14283f!important;background-image:var(--tim-dark)!important;color:#fff!important;box-shadow:0 10px 22px -12px rgba(13,27,43,.9),inset 0 1px 0 rgba(255,255,255,.14)}
.ti-app.ti-studio .ti-studio-mode-tabs button:focus-visible{outline:2px solid var(--tim-accent);outline-offset:2px}

/* cards & panels */
.ti-app.ti-studio :is(.ti-event-card,.ti-phase-choice,.ti-template-filter,.ti-palette-picker,.ti-sample-tools,.ti-extra-editor,.ti-rsvp-editor-options,.ti-section-options,.ti-sort-builder,.ti-save-publish-choice,.ti-real-preview,.ti-mail-controls,.ti-mail-render,.ti-bulk-invites,.ti-std-switch){background-color:var(--tim-surface);border-color:var(--tim-line);border-radius:18px;box-shadow:var(--tim-shadow)}
.ti-app.ti-studio :is(.ti-phase-choice,.ti-rsvp-editor-options,.ti-save-publish-choice,.ti-std-switch,.ti-template-filter){background-image:linear-gradient(180deg,#fff 0,#fbf9f6 100%)}
.ti-app.ti-studio .ti-extra-photos{background:linear-gradient(180deg,#faf6f2,#f4eee8);border-color:var(--tim-line);border-radius:18px}
.ti-app.ti-studio .ti-event-card{transition:box-shadow .25s,border-color .25s}
.ti-app.ti-studio .ti-event-card:hover{border-color:rgba(152,113,108,.35);box-shadow:0 2px 4px rgba(15,33,51,.04),0 22px 44px -26px rgba(15,33,51,.45)}
.ti-app.ti-studio .ti-event-card .ti-overline{color:var(--tim-accent-deep)}
.ti-app.ti-studio :is(.ti-mail-theme-note,.ti-reg-help,.ti-phase-note,.ti-bulk-phase-banner){background-color:#f8f4f0;border-color:var(--tim-line);border-left-color:var(--tim-accent);border-radius:12px}
.ti-app.ti-studio .ti-reg-help{border-radius:0 12px 12px 0}
.ti-app.ti-studio .ti-phase-note{border-radius:0 10px 10px 0;background-color:#fff}
.ti-app.ti-studio .ti-phase-warn{background-color:#fff8ee}
.ti-app.ti-studio details>summary::marker{color:var(--tim-accent)}

/* form controls */
.ti-app.ti-studio :is(input:not([type]),input[type=text],input[type=email],input[type=number],input[type=search],input[type=url],input[type=tel],input[type=password],input[type=datetime-local],input[type=date],input[type=time],select,textarea){background-color:var(--tim-soft);border-color:rgba(15,33,51,.15);border-radius:10px;box-shadow:inset 0 1px 1px rgba(15,33,51,.04);transition:border-color .18s,box-shadow .18s,background-color .18s}
.ti-app.ti-studio :is(input:not([type]),input[type=text],input[type=email],input[type=number],input[type=search],input[type=url],input[type=tel],input[type=password],input[type=datetime-local],input[type=date],input[type=time],select,textarea):hover{border-color:rgba(15,33,51,.28)}
.ti-app.ti-studio :is(input:not([type]),input[type=text],input[type=email],input[type=number],input[type=search],input[type=url],input[type=tel],input[type=password],input[type=datetime-local],input[type=date],input[type=time],select,textarea):focus{background-color:#fff;border-color:var(--tim-accent);box-shadow:var(--tim-ring);outline:none}
.ti-app.ti-studio input[type=file]{background-color:var(--tim-soft);border-color:rgba(15,33,51,.15);border-radius:12px}
.ti-app.ti-studio ::placeholder{color:#93a0ab;opacity:1}

/* option chips (sections on/off) */
.ti-app.ti-studio .ti-section-grid label{background-color:#fff;border-color:var(--tim-line-2);border-radius:12px;transition:background-color .18s,border-color .18s,box-shadow .18s}
.ti-app.ti-studio .ti-section-grid label:has(input:checked){background-color:#fbf5f3;border-color:rgba(152,113,108,.55);box-shadow:0 6px 16px -12px rgba(152,113,108,.9)}
.ti-app.ti-studio .ti-sort-list>li{background-color:#fff;border-color:var(--tim-line-2);border-radius:12px;box-shadow:var(--tim-shadow-sm);transition:box-shadow .18s,border-color .18s}
.ti-app.ti-studio .ti-sort-list>li:hover{border-color:rgba(152,113,108,.45);box-shadow:0 10px 24px -18px rgba(15,33,51,.55)}
.ti-app.ti-studio :is(.ti-sort-up,.ti-sort-down){background:#fff;border-color:var(--tim-line-2);color:var(--tim-accent-deep);transition:background .18s,border-color .18s}
.ti-app.ti-studio :is(.ti-sort-up,.ti-sort-down):hover{background:#f8f1ee;border-color:var(--tim-accent)}

/* phase choice cards */
.ti-app.ti-studio .ti-phase-option span{border-color:var(--tim-line-2);border-radius:14px;box-shadow:var(--tim-shadow-sm)}
.ti-app.ti-studio .ti-phase-option:hover span{border-color:rgba(152,113,108,.5)}
.ti-app.ti-studio .ti-phase-option input:checked+span{background:linear-gradient(180deg,#fff,#fbf4f1);border-color:var(--tim-accent);box-shadow:var(--tim-ring),0 12px 26px -18px rgba(152,113,108,.9)}

/* design + palette tiles */
.ti-app.ti-studio .ti-design-tile{border-color:rgba(15,33,51,.08);border-radius:14px;box-shadow:var(--tim-shadow-sm);transition:border-color .2s,box-shadow .2s}
.ti-app.ti-studio .ti-design-tile:hover{border-color:rgba(152,113,108,.45);box-shadow:0 14px 30px -20px rgba(15,33,51,.6)}
.ti-app.ti-studio .ti-design-tile.ti-selected{border-color:var(--tim-accent);box-shadow:var(--tim-ring),0 16px 32px -20px rgba(152,113,108,.9)}
.ti-app.ti-studio .ti-palette-tile{border-radius:12px;transition:box-shadow .2s,border-color .2s}
.ti-app.ti-studio .ti-palette-tile:hover{box-shadow:0 14px 30px -20px rgba(15,33,51,.6)}

/* buttons – gradients go on background-image (!important beats older !important colour shorthands) */
.ti-app.ti-studio :is(.ti-save-draft,.ti-mail-save,.ti-std-switch button,.ti-reg-dialog-actions button[type=submit],.ti-binding-order button[type=submit]),
.ti-app.ti-studio .ti-bulk-invites .ti-bulk-button-primary,.ti-app.ti-studio .ti-bulk-file-action{background-color:#14283f!important;background-image:var(--tim-dark)!important;border-color:transparent;box-shadow:0 12px 26px -14px rgba(13,27,43,.85),inset 0 1px 0 rgba(255,255,255,.12);transition:box-shadow .2s}
.ti-app.ti-studio :is(.ti-save-draft,.ti-mail-save,.ti-std-switch button,.ti-reg-dialog-actions button[type=submit],.ti-binding-order button[type=submit]):hover,
.ti-app.ti-studio .ti-bulk-invites .ti-bulk-button-primary:hover{background-color:#1b3452!important;background-image:var(--tim-dark-hover)!important;box-shadow:0 16px 30px -14px rgba(13,27,43,.9),inset 0 1px 0 rgba(255,255,255,.16)}
.ti-app.ti-studio :is(.ti-mail-send,.ti-publish-now),.ti-app.ti-studio .ti-bulk-invites .ti-bulk-button-secondary{background-color:#98716c!important;background-image:var(--tim-rose)!important;border-color:transparent;box-shadow:0 12px 26px -14px rgba(127,91,86,.9),inset 0 1px 0 rgba(255,255,255,.18);transition:box-shadow .2s}
.ti-app.ti-studio :is(.ti-mail-send,.ti-publish-now):hover,.ti-app.ti-studio .ti-bulk-invites .ti-bulk-button-secondary:hover{background-color:#a37b75!important;background-image:var(--tim-rose-hover)!important}
.ti-app.ti-studio .ti-preview-button{background-color:#6f5a4d!important;background-image:linear-gradient(135deg,#8a7060,#6f5a4d 55%,#5b4a3f)!important;box-shadow:0 12px 26px -14px rgba(91,74,63,.9)}
.ti-app.ti-studio .ti-upgrade-open{background-image:linear-gradient(180deg,#fdf7f5,#f6ebe7)!important;border-color:rgba(152,113,108,.6);box-shadow:var(--tim-shadow-sm)}
.ti-app.ti-studio .ti-load-template,.ti-app.ti-studio .ti-help-link.ti-help-contact{background-color:#203e32!important;background-image:var(--tim-forest)!important;border-color:transparent;box-shadow:0 12px 26px -14px rgba(24,48,42,.9),inset 0 1px 0 rgba(255,255,255,.12)}
.ti-app.ti-studio .ti-tabs a:last-child{background-color:#14283f!important;background-image:var(--tim-dark)!important}
.ti-app.ti-studio .ti-tabs a:last-child:hover{background-color:#1b3452!important;background-image:var(--tim-dark-hover)!important}
/* quiet / outline */
.ti-app.ti-studio .ti-bulk-invites .ti-bulk-button-quiet,.ti-app.ti-studio .ti-reg-actions :is(a,button),.ti-app.ti-studio .ti-reg-row-actions button,.ti-app.ti-studio .ti-std-delete,.ti-app.ti-studio .ti-editor-meta-links a{background-color:#fff;border-color:var(--tim-line-2);box-shadow:var(--tim-shadow-sm);transition:background-color .18s,border-color .18s,box-shadow .18s}
.ti-app.ti-studio .ti-bulk-invites .ti-bulk-button-quiet:hover,.ti-app.ti-studio .ti-reg-actions :is(a,button):hover,.ti-app.ti-studio .ti-reg-row-actions button:hover,.ti-app.ti-studio .ti-std-delete:hover,.ti-app.ti-studio .ti-editor-meta-links a:hover{background-color:#faf5f2;border-color:rgba(152,113,108,.55)}
/* «Öffnen» was a dark button in 1.0.69; as a light button it needs dark text */
.ti-app.ti-studio .ti-editor-meta-links>a,.ti-app.ti-studio .ti-editor-meta-links>a:first-child,.ti-app.ti-studio .ti-editor-meta-links>a:first-child:hover{color:#0f2133!important;-webkit-text-fill-color:#0f2133}
.ti-app.ti-studio .ti-bulk-invites .ti-bulk-button-danger{background:#fff;box-shadow:var(--tim-shadow-sm)}
.ti-app.ti-studio .ti-bulk-invites .ti-bulk-button-danger:hover{background:#fff4f1}
.ti-app.ti-studio :is(button,a,.ti-bulk-button):focus-visible{outline:2px solid var(--tim-accent);outline-offset:3px}

/* mail studio */
.ti-app.ti-studio .ti-mail-types{background:linear-gradient(180deg,#f3ede8,#efe8e2);box-shadow:inset 0 1px 2px rgba(15,33,51,.07);border-radius:14px}
.ti-app.ti-studio .ti-mail-types button{transition:background .2s,color .2s,box-shadow .2s;border-radius:11px}
.ti-app.ti-studio .ti-mail-types button:hover{background:rgba(255,255,255,.55)}
.ti-app.ti-studio .ti-mail-types button.is-active{color:var(--tim-accent-deep);box-shadow:0 1px 2px rgba(15,33,51,.08),0 10px 22px -12px rgba(152,113,108,.75),inset 0 -2px 0 var(--tim-accent)}
.ti-app.ti-studio .ti-mail-fields{border-color:var(--tim-line);border-radius:14px}
.ti-app.ti-studio .ti-mail-render iframe{border-radius:12px}

/* bulk invitations */
.ti-app.ti-studio .ti-bulk-subsection{border-color:var(--tim-line)}
.ti-app.ti-studio .ti-bulk-file-field{background:linear-gradient(180deg,#fff,#faf6f2);border-color:rgba(152,113,108,.45);border-radius:14px}
.ti-app.ti-studio .ti-bulk-operation-grid>form,.ti-app.ti-studio .ti-bulk-delete-zone{border-color:var(--tim-line);border-radius:14px;box-shadow:var(--tim-shadow-sm)}
.ti-app.ti-studio .ti-bulk-operation-grid>form{background:linear-gradient(180deg,#fff,#fbf8f5)}

/* stats */
.ti-app.ti-studio :is(.ti-reg-stat,.ti-bulk-stat){background:linear-gradient(180deg,#fff,#fbf9f6);border-color:var(--tim-line);border-radius:16px;box-shadow:inset 0 3px 0 rgba(152,113,108,.55),0 12px 28px -22px rgba(15,33,51,.45)}
.ti-app.ti-studio .ti-reg-stat strong,.ti-app.ti-studio .ti-bulk-stat-value{color:var(--tim-ink)}

/* tables */
.ti-app.ti-studio :is(.ti-reg-table-scroll,.ti-bulk-table-wrap){border-color:var(--tim-line);border-radius:16px;box-shadow:var(--tim-shadow-sm);scrollbar-color:rgba(15,33,51,.25) transparent;scrollbar-width:thin}
.ti-app.ti-studio :is(.ti-reg-table,.ti-bulk-table) th{background:linear-gradient(180deg,#faf7f4,#f2ece7);color:var(--tim-ink)}
.ti-app.ti-studio :is(.ti-reg-table,.ti-bulk-table) td{border-color:rgba(15,33,51,.07)}
.ti-app.ti-studio :is(.ti-reg-table,.ti-bulk-table) tbody tr{transition:background-color .15s}
.ti-app.ti-studio :is(.ti-reg-table,.ti-bulk-table) tbody tr:hover{background-color:rgba(152,113,108,.05)}

/* notices */
.ti-app.ti-studio :is(.ti-notice,.ti-mail-notice,.ti-bulk-notice){border-radius:12px;box-shadow:var(--tim-shadow-sm)}

/* dialogs */
.ti-app.ti-studio dialog{border-radius:20px;box-shadow:0 40px 100px -30px rgba(13,27,43,.55)}
.ti-app.ti-studio dialog::backdrop{background:rgba(13,27,43,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}

@media (prefers-reduced-motion:reduce){.ti-app.ti-studio *{transition:none!important}}