/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-border-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--color-orange-400:#fd853a;--color-gray-50:#f9fafb;--color-gray-100:#f2f4f7;--color-gray-200:#e4e7ec;--color-gray-300:#d0d5dd;--color-gray-400:#98a2b3;--color-gray-500:#667085;--color-gray-600:#475467;--color-gray-700:#344054;--color-gray-800:#1d2939;--color-gray-900:#101828;--color-black:#101828;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--font-outfit:Outfit, sans-serif;--breakpoint-2xl:1536px;--text-title-sm:30px;--text-title-sm--line-height:38px;--text-theme-sm:14px;--text-theme-sm--line-height:20px;--text-theme-xs:12px;--text-theme-xs--line-height:18px;--color-brand-50:#ecf3ff;--color-brand-200:#c2d6ff;--color-brand-300:#9cb9ff;--color-brand-400:#7592ff;--color-brand-500:#465fff;--color-brand-600:#3641f5;--color-brand-700:#2a31d8;--color-brand-800:#252dae;--color-success-50:#ecfdf3;--color-success-200:#a6f4c5;--color-success-400:#32d583;--color-success-500:#12b76a;--color-success-600:#039855;--color-success-700:#027a48;--color-error-50:#fef3f2;--color-error-200:#fecdca;--color-error-400:#f97066;--color-error-500:#f04438;--color-error-600:#d92d20;--color-error-700:#b42318;--color-warning-50:#fffaeb;--color-warning-200:#fedf89;--color-warning-500:#f79009;--color-warning-600:#dc6803;--color-warning-700:#b54708;--z-index-1:1;--z-index-999:999;--z-index-9999:9999;--z-index-99999:99999}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}body{z-index:var(--z-index-1);background-color:var(--color-gray-50);font-family:var(--font-outfit);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);position:relative}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.modal-overlay{z-index:var(--z-index-99999);background-color:#10182880;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.modal-overlay{background-color:color-mix(in oklab, var(--color-gray-900) 50%, transparent)}}.modal-overlay{padding:calc(var(--spacing) * 4)}.menu-item{align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-theme-sm);line-height:var(--tw-leading,var(--text-theme-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);display:flex;position:relative}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.left-0{left:0}.isolate{isolation:isolate}.z-10{z-index:10}.z-40{z-index:40}.z-999{z-index:var(--z-index-999)}.z-9999{z-index:var(--z-index-9999)}.float-right{float:right}.container{width:100%}@media (min-width:375px){.container{max-width:375px}}@media (min-width:425px){.container{max-width:425px}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:2000px){.container{max-width:2000px}}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-1{margin-right:var(--spacing)}.card-header{margin-bottom:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}@media (min-width:640px){.card-header{flex-direction:row;justify-content:space-between;align-items:center}}.field-label{margin-bottom:calc(var(--spacing) * 1.5);font-size:var(--text-theme-sm);line-height:var(--tw-leading,var(--text-theme-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);display:block}.field-label:is(.dark *){color:var(--color-gray-400)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.btn{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);background-color:var(--color-brand-500);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-theme-sm);line-height:var(--tw-leading,var(--text-theme-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:inline-flex}@media (hover:hover){.btn:hover{background-color:var(--color-brand-600)}}.btn:disabled{cursor:not-allowed;opacity:.5}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.btn-secondary{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-theme-sm);line-height:var(--tw-leading,var(--text-theme-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:inline-flex}@media (hover:hover){.btn-secondary:hover{background-color:var(--color-gray-50)}}.btn-secondary:is(.dark *){border-color:var(--color-gray-700);background-color:var(--color-gray-800);color:var(--color-gray-400)}@media (hover:hover){.btn-secondary:is(.dark *):hover{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.btn-secondary:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}}.btn-danger{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);background-color:var(--color-error-500);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-theme-sm);line-height:var(--tw-leading,var(--text-theme-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:inline-flex}@media (hover:hover){.btn-danger:hover{background-color:var(--color-error-600)}}.badge{justify-content:center;align-items:center;gap:var(--spacing);padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * .5);font-size:var(--text-theme-xs);line-height:var(--tw-leading,var(--text-theme-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);border-radius:3.40282e38px;display:inline-flex}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table\!{display:table!important}.table-row{display:table-row}.field-textarea{height:calc(var(--spacing) * 11);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);width:100%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-theme-sm);line-height:var(--tw-leading,var(--text-theme-sm--line-height));color:var(--color-gray-800);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#0000}.field-textarea::placeholder{color:var(--color-gray-400)}.field-textarea:focus{border-color:var(--color-brand-300);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#465fff1a}@supports (color:color-mix(in lab, red, red)){.field-textarea:focus{--tw-ring-color:color-mix(in oklab, var(--color-brand-500) 10%, transparent)}}.field-textarea:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.field-textarea:focus{outline-offset:2px;outline:2px solid #0000}}.field-textarea:is(.dark *){border-color:var(--color-gray-700);background-color:var(--color-gray-900);color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.field-textarea:is(.dark *){color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.field-textarea:is(.dark *)::placeholder{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.field-textarea:is(.dark *)::placeholder{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.field-textarea:is(.dark *):focus{border-color:var(--color-brand-800)}.field-textarea{height:auto}.field-input{height:calc(var(--spacing) * 11);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);width:100%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-theme-sm);line-height:var(--tw-leading,var(--text-theme-sm--line-height));color:var(--color-gray-800);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#0000}.field-input::placeholder{color:var(--color-gray-400)}.field-input:focus{border-color:var(--color-brand-300);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#465fff1a}@supports (color:color-mix(in lab, red, red)){.field-input:focus{--tw-ring-color:color-mix(in oklab, var(--color-brand-500) 10%, transparent)}}.field-input:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.field-input:focus{outline-offset:2px;outline:2px solid #0000}}.field-input:is(.dark *){border-color:var(--color-gray-700);background-color:var(--color-gray-900);color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.field-input:is(.dark *){color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.field-input:is(.dark *)::placeholder{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.field-input:is(.dark *)::placeholder{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.field-input:is(.dark *):focus{border-color:var(--color-brand-800)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.modal-box{width:100%;max-width:var(--container-md);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);padding:calc(var(--spacing) * 6);--tw-shadow:0px 12px 16px -4px var(--tw-shadow-color,#10182814), 0px 4px 6px -2px var(--tw-shadow-color,#10182808);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.modal-box:is(.dark *){border-color:var(--color-gray-800);background-color:var(--color-gray-900)}.table-wrap{width:100%;overflow-x:auto}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-36{width:calc(var(--spacing) * 36)}.w-44{width:calc(var(--spacing) * 44)}.w-56{width:calc(var(--spacing) * 56)}.w-\[260px\]{width:260px}.w-auto{width:auto}.w-full{width:100%}.max-w-\(--breakpoint-2xl\){max-width:var(--breakpoint-2xl)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[16rem\]{max-width:16rem}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-\[180px\]{min-width:180px}.table-modern{min-width:100%}.flex-1{flex:1}.flex-\[2\]{flex:2}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.card{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);padding:calc(var(--spacing) * 5)}@media (min-width:768px){.card{padding:calc(var(--spacing) * 6)}}.card:is(.dark *){border-color:var(--color-gray-800);background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.card:is(.dark *){background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-brand-200{border-color:var(--color-brand-200)}.border-error-200{border-color:var(--color-error-200)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-success-200{border-color:var(--color-success-200)}.border-warning-200{border-color:var(--color-warning-200)}.menu-item-inactive{color:var(--color-gray-700)}@media (hover:hover){.menu-item-inactive:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}}.menu-item-inactive:is(.dark *){color:var(--color-gray-300)}@media (hover:hover){.menu-item-inactive:is(.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.menu-item-inactive:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.menu-item-inactive:is(.dark *):hover{color:var(--color-gray-300)}}.badge-brand{background-color:var(--color-brand-50);color:var(--color-brand-500)}.badge-brand:is(.dark *){background-color:#465fff26}@supports (color:color-mix(in lab, red, red)){.badge-brand:is(.dark *){background-color:color-mix(in oklab, var(--color-brand-500) 15%, transparent)}}.badge-brand:is(.dark *){color:var(--color-brand-400)}.badge-error{background-color:var(--color-error-50);color:var(--color-error-600)}.badge-error:is(.dark *){background-color:#f0443826}@supports (color:color-mix(in lab, red, red)){.badge-error:is(.dark *){background-color:color-mix(in oklab, var(--color-error-500) 15%, transparent)}}.badge-error:is(.dark *){color:var(--color-error-500)}.badge-gray{background-color:var(--color-gray-100);color:var(--color-gray-700)}.badge-gray:is(.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.badge-gray:is(.dark *){background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.badge-gray:is(.dark *){color:#fffc}@supports (color:color-mix(in lab, red, red)){.badge-gray:is(.dark *){color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.badge-success{background-color:var(--color-success-50);color:var(--color-success-600)}.badge-success:is(.dark *){background-color:#12b76a26}@supports (color:color-mix(in lab, red, red)){.badge-success:is(.dark *){background-color:color-mix(in oklab, var(--color-success-500) 15%, transparent)}}.badge-success:is(.dark *){color:var(--color-success-500)}.badge-warning{background-color:var(--color-warning-50);color:var(--color-warning-600)}.badge-warning:is(.dark *){background-color:#f7900926}@supports (color:color-mix(in lab, red, red)){.badge-warning:is(.dark *){background-color:color-mix(in oklab, var(--color-warning-500) 15%, transparent)}}.badge-warning:is(.dark *){color:var(--color-orange-400)}.menu-item-active{background-color:var(--color-brand-50);color:var(--color-brand-500)}.menu-item-active:is(.dark *){background-color:#465fff1f}@supports (color:color-mix(in lab, red, red)){.menu-item-active:is(.dark *){background-color:color-mix(in oklab, var(--color-brand-500) 12%, transparent)}}.menu-item-active:is(.dark *){color:var(--color-brand-400)}.bg-brand-50{background-color:var(--color-brand-50)}.bg-brand-500{background-color:var(--color-brand-500)}.bg-error-50{background-color:var(--color-error-50)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-900\/50{background-color:#10182880}@supports (color:color-mix(in lab, red, red)){.bg-gray-900\/50{background-color:color-mix(in oklab, var(--color-gray-900) 50%, transparent)}}.bg-success-50{background-color:var(--color-success-50)}.bg-warning-50{background-color:var(--color-warning-50)}.bg-white{background-color:var(--color-white)}.menu-item-icon-inactive{fill:var(--color-gray-500);stroke:var(--color-gray-500)}@media (hover:hover){.menu-item-icon-inactive:is(:where(.group):hover *){fill:var(--color-gray-700);stroke:var(--color-gray-700)}}.menu-item-icon-inactive:is(.dark *){fill:var(--color-gray-400);stroke:var(--color-gray-400)}@media (hover:hover){.menu-item-icon-inactive:is(.dark *):is(:where(.group):hover *){fill:var(--color-gray-300);stroke:var(--color-gray-300)}}.menu-item-icon-active{fill:var(--color-brand-500);stroke:var(--color-brand-500)}.menu-item-icon-active:is(.dark *){fill:var(--color-brand-400);stroke:var(--color-brand-400)}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.th-modern{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 3);text-align:left;font-size:var(--text-theme-xs);line-height:var(--tw-leading,var(--text-theme-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-500)}.th-modern:is(.dark *){color:var(--color-gray-400)}.td-modern{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 3);font-size:var(--text-theme-sm);line-height:var(--tw-leading,var(--text-theme-sm--line-height));color:var(--color-gray-700)}.td-modern:is(.dark *){color:var(--color-gray-300)}.btn-sm{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-theme-xs);line-height:var(--tw-leading,var(--text-theme-xs--line-height))}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.text-center{text-align:center}.text-right{text-align:right}.font-outfit{font-family:var(--font-outfit)}.page-title{font-size:var(--text-title-sm);line-height:var(--tw-leading,var(--text-title-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-gray-800)}.page-title:is(.dark *){color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.page-title:is(.dark *){color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-theme-sm{font-size:var(--text-theme-sm);line-height:var(--tw-leading,var(--text-theme-sm--line-height))}.text-theme-xs{font-size:var(--text-theme-xs);line-height:var(--tw-leading,var(--text-theme-xs--line-height))}.text-title-sm{font-size:var(--text-title-sm);line-height:var(--tw-leading,var(--text-title-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-brand-500{color:var(--color-brand-500)}.text-brand-700{color:var(--color-brand-700)}.text-error-600{color:var(--color-error-600)}.text-error-700{color:var(--color-error-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-success-600{color:var(--color-success-600)}.text-success-700{color:var(--color-success-700)}.text-warning-700{color:var(--color-warning-700)}.text-warning-600{color:var(--color-warning-600)}.dark\:text-warning-500:is(.dark *){color:var(--color-warning-500)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-linear{--tw-ease:linear;transition-timing-function:linear}@media (hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-brand-600:hover{color:var(--color-brand-600)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-75:hover{opacity:.75}}@media (min-width:640px){.sm\:w-48{width:calc(var(--spacing) * 48)}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}}@media (min-width:768px){.md\:p-6{padding:calc(var(--spacing) * 6)}}@media (min-width:1024px){.lg\:static{position:static}.lg\:hidden{display:none}.lg\:w-\[84px\]{width:84px}.lg\:translate-x-0{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:justify-center{justify-content:center}.lg\:px-6{padding-inline:calc(var(--spacing) * 6)}}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}:where(.dark\:divide-gray-800:is(.dark *)>:not(:last-child)){border-color:var(--color-gray-800)}.dark\:border-brand-500\/30:is(.dark *){border-color:#465fff4d}@supports (color:color-mix(in lab, red, red)){.dark\:border-brand-500\/30:is(.dark *){border-color:color-mix(in oklab, var(--color-brand-500) 30%, transparent)}}.dark\:border-error-500\/30:is(.dark *){border-color:#f044384d}@supports (color:color-mix(in lab, red, red)){.dark\:border-error-500\/30:is(.dark *){border-color:color-mix(in oklab, var(--color-error-500) 30%, transparent)}}.dark\:border-gray-800:is(.dark *){border-color:var(--color-gray-800)}.dark\:border-success-500\/30:is(.dark *){border-color:#12b76a4d}@supports (color:color-mix(in lab, red, red)){.dark\:border-success-500\/30:is(.dark *){border-color:color-mix(in oklab, var(--color-success-500) 30%, transparent)}}.dark\:border-warning-500\/30:is(.dark *){border-color:#f790094d}@supports (color:color-mix(in lab, red, red)){.dark\:border-warning-500\/30:is(.dark *){border-color:color-mix(in oklab, var(--color-warning-500) 30%, transparent)}}.dark\:bg-black:is(.dark *){background-color:var(--color-black)}.dark\:bg-brand-500\/10:is(.dark *){background-color:#465fff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-brand-500\/10:is(.dark *){background-color:color-mix(in oklab, var(--color-brand-500) 10%, transparent)}}.dark\:bg-error-500\/10:is(.dark *){background-color:#f044381a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-error-500\/10:is(.dark *){background-color:color-mix(in oklab, var(--color-error-500) 10%, transparent)}}.dark\:bg-error-500\/15:is(.dark *){background-color:#f0443826}@supports (color:color-mix(in lab, red, red)){.dark\:bg-error-500\/15:is(.dark *){background-color:color-mix(in oklab, var(--color-error-500) 15%, transparent)}}.dark\:bg-gray-700:is(.dark *){background-color:var(--color-gray-700)}.dark\:bg-gray-900:is(.dark *){background-color:var(--color-gray-900)}.dark\:bg-success-500\/10:is(.dark *){background-color:#12b76a1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-success-500\/10:is(.dark *){background-color:color-mix(in oklab, var(--color-success-500) 10%, transparent)}}.dark\:bg-warning-500\/10:is(.dark *){background-color:#f790091a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-warning-500\/10:is(.dark *){background-color:color-mix(in oklab, var(--color-warning-500) 10%, transparent)}}.dark\:bg-white\/5:is(.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/5:is(.dark *){background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:bg-white\/\[0\.03\]:is(.dark *){background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[0\.03\]:is(.dark *){background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.dark\:text-brand-400:is(.dark *){color:var(--color-brand-400)}.dark\:text-error-400:is(.dark *){color:var(--color-error-400)}.dark\:text-gray-300:is(.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:is(.dark *){color:var(--color-gray-400)}.dark\:text-gray-500:is(.dark *){color:var(--color-gray-500)}.dark\:text-orange-400:is(.dark *){color:var(--color-orange-400)}.dark\:text-success-400:is(.dark *){color:var(--color-success-400)}.dark\:text-white\/90:is(.dark *){color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.dark\:text-white\/90:is(.dark *){color:color-mix(in oklab, var(--color-white) 90%, transparent)}}@media (hover:hover){.dark\:hover\:bg-gray-800:is(.dark *):hover{background-color:var(--color-gray-800)}.dark\:hover\:bg-white\/5:is(.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/5:is(.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:hover\:text-gray-300:is(.dark *):hover{color:var(--color-gray-300)}.dark\:hover\:text-white:is(.dark *):hover{color:var(--color-white)}}}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:block;src:url(/static/fonts/outfit-latin.woff2)format("woff2")}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background-color:#344054}[x-cloak]{display:none!important}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
/* --- Hand-patched additions below (static/css/app.css has no regeneration
   pipeline in this project -- new component classes are appended here
   directly rather than rerunning the Tailwind build). --- */
.h-4{height:calc(var(--spacing) * 4)}
.w-4{width:calc(var(--spacing) * 4)}
.w-64{width:calc(var(--spacing) * 64)}
.max-h-64{max-height:calc(var(--spacing) * 64)}
.p-2{padding:calc(var(--spacing) * 2)}
.z-20{z-index:20}
.campaign-sticky-header{position:sticky;top:0;z-index:20}
.campaign-tabs{display:flex;gap:1.5rem;border-bottom:1px solid var(--color-gray-200);margin-bottom:1.5rem}
.campaign-tabs:is(.dark *){border-color:var(--color-gray-800)}
.campaign-tab-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.75rem 0;margin-bottom:-1px;font-size:var(--text-theme-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-500);border:none;border-bottom:2px solid transparent;background:transparent;cursor:pointer}
.campaign-tab-btn:hover{color:var(--color-gray-700)}
.campaign-tab-btn:is(.dark *){color:var(--color-gray-400)}
.campaign-tab-btn:is(.dark *):hover{color:var(--color-gray-300)}
.campaign-tab-btn.active{color:var(--color-brand-500);border-bottom-color:var(--color-brand-500)}
.campaign-tab-btn .tab-count{font-size:var(--text-theme-xs);color:var(--color-gray-400);font-weight:var(--font-weight-normal)}
.campaign-tab-btn .tab-warn-dot{width:6px;height:6px;border-radius:9999px;background-color:var(--color-warning-500)}

.autosave-indicator{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--text-theme-xs);font-weight:var(--font-weight-medium);color:var(--color-success-600);opacity:0}
.autosave-indicator:is(.dark *){color:var(--color-success-500)}
.autosave-indicator-icon{width:14px;height:14px;flex-shrink:0}
.autosave-indicator.show{animation:autosave-flash 2.4s ease forwards}
@keyframes autosave-flash{0%{opacity:0}10%{opacity:1}80%{opacity:1}100%{opacity:0}}

.list-tag-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem .25rem .625rem;border-radius:9999px;background-color:var(--color-brand-50);color:var(--color-brand-500);font-size:var(--text-theme-xs);font-weight:var(--font-weight-medium)}
.list-tag-chip:is(.dark *){background-color:#465fff26;color:var(--color-brand-500)}
.list-tag-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;border-radius:9999px;background:transparent;color:inherit;font-size:14px;line-height:1;cursor:pointer}
.list-tag-chip-remove:hover{background-color:rgba(0,0,0,.08)}
.list-tag-chip-remove:is(.dark *):hover{background-color:rgba(255,255,255,.12)}

/* --- Sequence tab redesign (connected step cards + modals) --- */
.sequence-flow{display:flex;flex-direction:column}
.sequence-step-card{position:relative;border:1px solid var(--color-gray-200);border-radius:.75rem;padding:1rem 1rem .5rem;background-color:var(--color-white)}
.sequence-step-card:is(.dark *){border-color:var(--color-gray-800);background-color:var(--color-gray-900)}
.sequence-step-header{display:flex;align-items:flex-start;gap:.75rem}
.sequence-step-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;background-color:var(--color-brand-50);color:var(--color-brand-500);flex-shrink:0}
.sequence-step-icon svg{width:1rem;height:1rem;flex-shrink:0}
.sequence-step-icon:is(.dark *){background-color:#465fff26}
.sequence-step-title{display:flex;flex-direction:column;flex:1;min-width:0}
.sequence-step-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.sequence-step-body{margin-top:.75rem;margin-left:2.75rem;max-height:4.5rem;overflow:hidden;position:relative;color:var(--color-gray-700);font-size:var(--text-theme-sm)}
.sequence-step-body:is(.dark *){color:var(--color-gray-300)}
.sequence-step-body.expanded{max-height:none}
.sequence-step-body:not(.expanded):after{content:'';position:absolute;left:0;right:0;bottom:0;height:1.5rem;background:linear-gradient(to bottom, transparent, var(--color-white))}
.sequence-step-body:not(.expanded):is(.dark *):after{background:linear-gradient(to bottom, transparent, var(--color-gray-900))}
.sequence-step-expand{display:flex;align-items:center;justify-content:center;width:100%;margin-top:.25rem;padding:.25rem;color:var(--color-gray-400);background:transparent;border:none;cursor:pointer}
.sequence-step-expand:hover{color:var(--color-gray-600)}
.sequence-step-expand:is(.dark *):hover{color:var(--color-gray-300)}
.sequence-step-expand svg{width:1rem;height:1rem;flex-shrink:0;transition:transform .15s ease}
.sequence-step-expand.expanded svg{transform:rotate(180deg)}

.sequence-connector{display:flex;flex-direction:column;align-items:center;position:relative;padding:.5rem 0}
.sequence-connector:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:2px;background-color:var(--color-gray-200);z-index:0}
.sequence-connector:is(.dark *):before{background-color:var(--color-gray-800)}
.sequence-wait-pill{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;border:1px solid var(--color-gray-200);background-color:var(--color-white);color:var(--color-gray-600);font-size:var(--text-theme-xs);font-weight:var(--font-weight-medium);cursor:pointer}
.sequence-wait-pill:hover{border-color:var(--color-brand-500);color:var(--color-brand-500)}
.sequence-wait-pill:is(.dark *){background-color:var(--color-gray-900);border-color:var(--color-gray-700);color:var(--color-gray-300)}
.sequence-wait-pill-icon{width:14px;height:14px;flex-shrink:0}
.sequence-wait-popover{display:none;position:absolute;top:100%;margin-top:.375rem;z-index:10;padding:.75rem;border-radius:.5rem;border:1px solid var(--color-gray-200);background-color:var(--color-white);box-shadow:0 4px 12px rgba(16,24,40,.1)}
.sequence-wait-popover:is(.dark *){background-color:var(--color-gray-900);border-color:var(--color-gray-800)}
.sequence-wait-popover.open{display:block}

.sequence-add-btn{margin-top:.75rem;padding:.75rem;border-radius:.75rem;border:1.5px dashed var(--color-gray-300);background:transparent;color:var(--color-gray-500);font-size:var(--text-theme-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-align:center}
.sequence-add-btn:hover{border-color:var(--color-brand-500);color:var(--color-brand-500)}
.sequence-add-btn:is(.dark *){border-color:var(--color-gray-700);color:var(--color-gray-400)}

/* --- Reusable modal (message edit / add) --- */
.modal-backdrop{display:none;position:fixed;inset:0;background-color:rgba(16,24,40,.5);align-items:center;justify-content:center;padding:1.5rem;z-index:100}
.modal-backdrop.open{display:flex}
.modal-box{width:100%;max-width:36rem;max-height:85vh;overflow-y:auto;border-radius:.75rem;background-color:var(--color-white);padding:1.5rem;box-shadow:0 8px 24px rgba(16,24,40,.25)}
.modal-box:is(.dark *){background-color:var(--color-gray-900)}
.modal-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.modal-close{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:9999px;border:none;background:transparent;color:var(--color-gray-400);font-size:1.25rem;line-height:1;cursor:pointer}
.modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-600)}
.modal-close:is(.dark *):hover{background-color:var(--color-gray-800);color:var(--color-gray-300)}
.modal-box-footer{display:flex;gap:.5rem;margin-top:.25rem}

/* Quill's own .ql-container/.ql-toolbar borders (from quill.snow.css) are a
   very light #ccc that reads as "blending into the page" against a white
   modal -- strengthen and connect them into one clearly-bounded box.
   !important is deliberate here: overriding a separately-loaded vendor
   stylesheet we don't control, not a normal app.css rule. */
.step-editor-mount{min-height:180px}
.ql-toolbar.ql-snow{border-color:var(--color-gray-300) !important;border-radius:.5rem .5rem 0 0}
.step-editor-mount.ql-container{border-color:var(--color-gray-300) !important;border-radius:0 0 .5rem .5rem}

/* --- Toolbar-embedded Template/Signature/Insert-tag dropdowns --- */
/* Quill's own `.ql-snow.ql-toolbar button` rule floats every toolbar
   button at a fixed 28px width -- fine for its own icon-only buttons, but
   it crushes/overlaps these text-labeled ones. !important is deliberate,
   same reasoning as the border override above. */
.ql-toolbar.ql-snow button.ql-custom-btn{float:none !important;width:auto !important;height:24px !important;padding:0 8px !important}
.ql-custom-btn{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border:none;background:transparent;color:#444;font-size:12px;font-family:inherit;cursor:pointer;border-radius:4px;white-space:nowrap}
.ql-custom-btn:hover{background-color:var(--color-gray-100)}
.field-dropdown{position:relative;display:inline-block;vertical-align:middle;float:none}
.field-dropdown-panel{display:none;position:absolute;top:100%;left:0;margin-top:.375rem;min-width:220px;max-width:280px;max-height:260px;overflow-y:auto;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:.5rem;box-shadow:0 4px 12px rgba(16,24,40,.15);z-index:30;padding:.375rem}
.field-dropdown-panel.align-right{left:auto;right:0}
.field-dropdown-panel.open{display:block}
.field-dropdown-panel:is(.dark *){background-color:var(--color-gray-900);border-color:var(--color-gray-800)}
.field-dropdown-search{width:100%;margin-bottom:.375rem;padding:.375rem .5rem;border:1px solid var(--color-gray-200);border-radius:.375rem;font-size:12px;background-color:var(--color-white)}
.field-dropdown-search:is(.dark *){background-color:var(--color-gray-900);border-color:var(--color-gray-700);color:var(--color-gray-200)}
.ql-toolbar.ql-snow button.field-dropdown-item{float:none !important;width:100% !important;height:auto !important;padding:.375rem .5rem !important}
.field-dropdown-item{display:block;width:100%;text-align:left;padding:.375rem .5rem;border:none;background:transparent;border-radius:.375rem;font-size:13px;color:var(--color-gray-700);cursor:pointer}
.field-dropdown-item:hover{background-color:var(--color-brand-50);color:var(--color-brand-500)}
.field-dropdown-item:is(.dark *){color:var(--color-gray-300)}
.field-dropdown-item:is(.dark *):hover{background-color:#465fff26;color:var(--color-brand-400,var(--color-brand-500))}
.field-dropdown-empty{padding:.375rem .5rem;font-size:12px;color:var(--color-gray-400)}
.merge-field-trigger{font-family:monospace;flex-shrink:0}

/* --- Analytics: stat cards, chart cards, country breakdown --- */
.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}
@media (min-width:768px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.stat-card{border-radius:.75rem;border:1px solid var(--color-gray-200);background-color:var(--color-white);padding:1rem}
.stat-card:is(.dark *){background-color:var(--color-gray-900);border-color:var(--color-gray-800)}
a.stat-card-link{display:block;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
a.stat-card-link:hover{border-color:var(--color-brand-500);box-shadow:0 1px 3px rgba(70,95,255,.15)}
.import-progress-track{height:.5rem;border-radius:9999px;background-color:var(--color-gray-200);overflow:hidden}
.import-progress-track:is(.dark *){background-color:var(--color-gray-800)}
.import-progress-fill{height:100%;border-radius:9999px;background-color:var(--color-brand-500);transition:width .3s ease}
.td-useragent{max-width:14rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.stat-label{font-size:var(--text-theme-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.03em}
.stat-label:is(.dark *){color:var(--color-gray-400)}
.stat-value{margin-top:.35rem;font-size:1.5rem;line-height:1.15;font-weight:var(--font-weight-semibold);color:var(--color-gray-800);font-variant-numeric:tabular-nums}
.stat-value:is(.dark *){color:#fff}
.stat-sub{margin-top:.15rem;font-size:var(--text-theme-xs);color:var(--color-gray-400)}

.chart-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;margin-bottom:1.25rem}
@media (min-width:1024px){.chart-grid.chart-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.chart-card{border-radius:var(--radius-2xl);border:1px solid var(--color-gray-200);background-color:var(--color-white);padding:1.25rem}
.chart-card:is(.dark *){background-color:var(--color-gray-900);border-color:var(--color-gray-800)}
.chart-card-title{font-size:var(--text-theme-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin-bottom:.15rem}
.chart-card-title:is(.dark *){color:rgba(255,255,255,.9)}
.chart-card-sub{font-size:var(--text-theme-xs);color:var(--color-gray-400);margin-bottom:.5rem}
.chart-box{width:100%;height:300px}
.chart-box.chart-box-tall{height:360px}
.chart-box.chart-box-map{height:420px}

.geo-credit{margin-top:.5rem;font-size:11px;color:var(--color-gray-400)}
.geo-credit a{color:var(--color-gray-400);text-decoration:underline}

.country-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}
.country-row{display:grid;grid-template-columns:9rem 1fr 2.5rem;align-items:center;gap:.5rem;font-size:var(--text-theme-sm)}
.country-row-name{color:var(--color-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.country-row-name:is(.dark *){color:var(--color-gray-300)}
.country-row-track{height:.5rem;border-radius:9999px;background-color:var(--color-gray-100)}
.country-row-track:is(.dark *){background-color:var(--color-gray-800)}
.country-row-fill{height:100%;border-radius:9999px;background-color:var(--color-brand-500)}
.country-row-count{text-align:right;color:var(--color-gray-500);font-variant-numeric:tabular-nums}
.country-row-count:is(.dark *){color:var(--color-gray-400)}

.analytics-empty{padding:2.5rem 1rem;text-align:center;color:var(--color-gray-400);font-size:var(--text-theme-sm)}

/* Custom-field typed value rendering on contact views */
.cf-bool{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--text-theme-sm)}
.cf-bool-dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:var(--color-gray-300)}
.cf-bool.is-true .cf-bool-dot{background-color:var(--color-success-500)}

/* --- Settings hub --- */
.settings-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;max-width:56rem}
@media (min-width:640px){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.settings-card{display:flex;flex-direction:column;gap:.35rem;border-radius:.75rem;border:1px solid var(--color-gray-200);background-color:var(--color-white);padding:1.1rem 1.25rem;text-decoration:none}
.settings-card:hover{border-color:var(--color-brand-500)}
.settings-card:is(.dark *){background-color:var(--color-gray-900);border-color:var(--color-gray-800)}
.settings-card-title{font-size:var(--text-theme-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}
.settings-card-title:is(.dark *){color:rgba(255,255,255,.9)}
.settings-card-desc{font-size:var(--text-theme-xs);color:var(--color-gray-500);line-height:1.45}
.inset-y-0{top:0;bottom:0}
.pr-3{padding-right:calc(var(--spacing) * 3)}
.pr-10{padding-right:calc(var(--spacing) * 10)}
.field-input.h-8{padding-block:calc(var(--spacing) * .5)}
.field-input.h-9{padding-block:calc(var(--spacing) * 1)}
.field-input.h-10{padding-block:calc(var(--spacing) * 1.5)}
.sequence-ab-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:.75rem;margin-left:2.75rem}
@media (min-width:640px){.sequence-ab-grid{grid-template-columns:1fr 1fr}}
.sequence-ab-panel{border:1px solid var(--color-gray-200);border-radius:.5rem;padding:.75rem;position:relative;max-height:7.5rem;overflow:hidden;font-size:var(--text-theme-sm);color:var(--color-gray-700)}
.sequence-ab-panel:is(.dark *){border-color:var(--color-gray-800);color:var(--color-gray-300)}
.sequence-ab-panel.expanded{max-height:none}
.sequence-ab-panel:not(.expanded):after{content:'';position:absolute;left:0;right:0;bottom:0;height:1.5rem;background:linear-gradient(to bottom, transparent, var(--color-white))}
.sequence-ab-panel:not(.expanded):is(.dark *):after{background:linear-gradient(to bottom, transparent, var(--color-gray-900))}
.sequence-ab-label{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--text-theme-xs);font-weight:600;margin-bottom:.5rem;padding:.1rem .55rem;border-radius:9999px}
.sequence-ab-label.variant-a{background:var(--color-brand-50);color:var(--color-brand-600)}
.sequence-ab-label.variant-a:is(.dark *){background:color-mix(in oklab, var(--color-brand-500) 18%, transparent);color:var(--color-brand-300)}
.sequence-ab-label.variant-b{background:#fef3c7;color:#92400e}
.sequence-ab-label.variant-b:is(.dark *){background:color-mix(in oklab, #f59e0b 18%, transparent);color:#fbbf24}
.sequence-ab-subject{font-size:var(--text-theme-xs);color:var(--color-gray-500);margin-bottom:.35rem}
.sequence-ab-subject:is(.dark *){color:var(--color-gray-400)}
.settings-card-desc:is(.dark *){color:var(--color-gray-400)}

/* --- Contacts page: collapsible sections above the main table --- */
.section-expander summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.section-expander summary::-webkit-details-marker{display:none}
.section-expander-title{display:flex;align-items:center;gap:.5rem}
.section-expander-chevron{width:1rem;height:1rem;flex-shrink:0;color:var(--color-gray-400);transition:transform .15s ease}
.section-expander[open] .section-expander-chevron{transform:rotate(90deg)}
.section-expander-count{font-size:var(--text-theme-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-500);background-color:var(--color-gray-100);border-radius:9999px;padding:.1rem .55rem}
.section-expander-count:is(.dark *){color:var(--color-gray-400);background-color:#ffffff0d}
.section-expander-body{margin-top:1rem;overflow-anchor:none}
.sub-pagination{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}

/* File inputs default to unstyled browser chrome ("Choose File" as plain
   text) -- style the button part to match .btn-secondary so it reads as a
   real control, and leave the native "no file chosen" text as-is since it
   already inherits the surrounding text color. */
input[type="file"]{color:var(--color-gray-500);font-size:var(--text-theme-sm)}
input[type="file"]:is(.dark *){color:var(--color-gray-400)}
input[type="file"]::file-selector-button{margin-right:.75rem;padding:.5rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--color-gray-300);background-color:var(--color-white);font-size:var(--text-theme-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);cursor:pointer;transition:background-color .15s}
input[type="file"]::file-selector-button:hover{background-color:var(--color-gray-50)}
input[type="file"]:is(.dark *)::file-selector-button{border-color:var(--color-gray-700);background-color:var(--color-gray-800);color:var(--color-gray-400)}
input[type="file"]:is(.dark *)::file-selector-button:hover{background-color:#ffffff0d}
.file-input-hint{margin-top:.35rem;font-size:var(--text-theme-xs);color:var(--color-gray-400)}

/* ---- Import column-mapping screen ---------------------------------- */
.import-map-table tbody tr.import-row{border-bottom:1px solid var(--color-gray-100)}
.import-map-table tr.import-mapped{background-color:var(--color-success-50)}
.import-map-table tr.import-unmapped{background-color:var(--color-error-50)}
.import-map-table tr.import-ignored{background-color:var(--color-gray-50)}
.import-map-table:is(.dark *) tr.import-mapped{background-color:rgb(18 183 106 / .12)}
.import-map-table:is(.dark *) tr.import-unmapped{background-color:rgb(240 68 56 / .14)}
.import-map-table:is(.dark *) tr.import-ignored{background-color:#ffffff08}
.import-row-toggle{display:inline-flex;width:1.25rem;height:1.25rem;align-items:center;justify-content:center;margin-right:.35rem;border-radius:.25rem;color:var(--color-gray-600);transition:transform .15s}
.import-row-toggle:hover{background-color:#0000000d}
.import-row-toggle svg{transform:rotate(90deg);transition:transform .15s}
.import-row.is-collapsed .import-row-toggle svg{transform:rotate(0deg)}
.import-row.is-collapsed .import-row-detail{display:none}
.import-row.is-collapsed td{padding-top:.35rem;padding-bottom:.35rem}
.import-row-badge{margin-left:.5rem;font-size:var(--text-theme-xs);color:var(--color-gray-600)}
.import-map-table:is(.dark *) .import-row-badge{color:var(--color-gray-300)}
.import-legend{display:inline-flex;align-items:center;gap:.4rem}
.import-legend::before{content:"";width:.8rem;height:.8rem;border-radius:.2rem;border:1px solid #0000001a}
.import-legend-mapped::before{background-color:var(--color-success-200)}
.import-legend-unmapped::before{background-color:var(--color-error-200)}
.import-legend-ignored::before{background-color:var(--color-gray-200)}

/* Excel-style worksheet tabs under the preview */
.sheet-tabs{display:flex;flex-wrap:wrap;gap:.25rem;border-top:2px solid var(--color-gray-200);margin-top:-1px;padding-top:0}
.sheet-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border:1px solid var(--color-gray-200);border-top:none;border-radius:0 0 .5rem .5rem;background-color:var(--color-gray-100);color:var(--color-gray-700);font-size:var(--text-theme-sm)}
.sheet-tab button{font-weight:var(--font-weight-medium);color:inherit;background:none;border:none;cursor:pointer}
.sheet-tab.is-active{background-color:var(--color-white);color:var(--color-success-700);border-color:var(--color-success-500);box-shadow:0 2px 0 var(--color-white),0 -2px 0 var(--color-success-500) inset}
.sheet-tab.is-active button{font-weight:var(--font-weight-semibold,600)}
.sheet-tabs:is(.dark *){border-top-color:var(--color-gray-700)}
.sheet-tab:is(.dark *){background-color:#ffffff0d;border-color:var(--color-gray-700);color:var(--color-gray-300)}
.sheet-tab.is-active:is(.dark *){background-color:var(--color-gray-900);color:var(--color-success-400)}

/* ---- Dialog (list actions, promotion rename/archive) -- NOT .modal-backdrop: that name belongs to the campaign page's own hidden-until-.open modals ------------------------------------ */
.dlg-backdrop{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:rgb(16 24 40 / .55)}
.dlg-card{width:100%;max-width:34rem;max-height:90vh;overflow-y:auto;border-radius:.75rem;background-color:var(--color-white);padding:1.5rem;box-shadow:0 20px 40px rgb(16 24 40 / .25)}
.dlg-card:is(.dark *){background-color:var(--color-gray-900);border:1px solid var(--color-gray-700)}
.dlg-title{margin-bottom:.75rem;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}
.dlg-title:is(.dark *){color:#ffffffe6}
.dlg-label{display:block;margin-bottom:.25rem;font-size:var(--text-theme-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}
.dlg-label:is(.dark *){color:var(--color-gray-300)}
.dlg-actions{display:flex;justify-content:flex-end;gap:.5rem}
.dlg-warn{border:1px solid var(--color-error-200);background-color:var(--color-error-50);border-radius:.5rem;padding:.75rem 1rem}
.dlg-warn:is(.dark *){background-color:rgb(240 68 56 / .1);border-color:rgb(240 68 56 / .3)}

/* "Add a contact  OR  Upload contacts" switch */
.add-mode-switch{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.add-mode-switch button{padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--color-gray-300);background-color:var(--color-white);color:var(--color-gray-700);font-size:var(--text-theme-sm);font-weight:var(--font-weight-medium);cursor:pointer}
.add-mode-switch button.is-active{background-color:var(--color-brand-500);border-color:var(--color-brand-500);color:#fff}
.add-mode-or{font-size:var(--text-theme-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em;color:var(--color-gray-600)}
.add-mode-switch:is(.dark *) button{background-color:#ffffff0d;border-color:var(--color-gray-700);color:var(--color-gray-300)}
.add-mode-switch:is(.dark *) button.is-active{background-color:var(--color-brand-500);border-color:var(--color-brand-500);color:#fff}
.add-mode-switch:is(.dark *) .add-mode-or{color:var(--color-gray-300)}

/* ---- Sidebar: apply the saved collapsed state before Alpine boots ---- */
html:not(.sb-ready) aside,html:not(.sb-ready) aside *{transition:none!important}
@media (min-width:1024px){
  html.sb-collapsed:not(.sb-ready) aside{width:84px}
  html.sb-collapsed:not(.sb-ready) aside nav a{justify-content:center}
  html.sb-collapsed:not(.sb-ready) aside nav a>span,
  html.sb-collapsed:not(.sb-ready) aside nav h3,
  html.sb-collapsed:not(.sb-ready) aside .sb-close,
  html.sb-collapsed:not(.sb-ready) aside .sb-brand-text{display:none}
}

/* ---- App-wide loading bar ------------------------------------------- */
#app-loader{position:fixed;top:0;left:0;right:0;height:3px;z-index:2147483000;pointer-events:none;opacity:0;transition:opacity .15s}
#app-loader-bar{height:100%;width:40%;background:var(--color-brand-500);border-radius:0 3px 3px 0;animation:app-loader-slide 1.1s ease-in-out infinite}
html.app-loading #app-loader{opacity:1}
html.app-loading,html.app-loading a,html.app-loading button{cursor:progress}
.is-navigating{opacity:.6;pointer-events:none}
@keyframes app-loader-slide{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}

/* ---- Muted text: keep the hierarchy but stay readable ---------------- */
/* Tailwind's gray-400 (#98a2b3) is ~2.6:1 on white -- too faint for text.
   Re-pointing the two muted grays for light mode only (variables resolve at
   the point of use, so hover/dark variants keep working and dark mode is
   untouched). Muted text stays visibly lighter than body text (gray-700+). */
body:not(.dark){--color-gray-400:#667085;--color-gray-500:#475467}
input::placeholder,textarea::placeholder{opacity:1}

/* Whole-row click targets (contacts table) */
tr.row-link{cursor:pointer}
tr.row-link:hover>td{background-color:var(--color-gray-50)}
tr.row-link:is(.dark *):hover>td{background-color:#ffffff0a}
.step-timing{width:19rem;max-width:calc(100vw - 4rem)}
.thread-entry{scroll-margin-top:5rem}
.thread-entry:target{border-color:var(--color-brand-400);box-shadow:0 0 0 3px rgba(70,95,255,.18)}

/* Sending calendar (mailbox / campaign forecast) */
.cal-top{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.25rem;align-items:flex-start}
.cal-account{width:19rem;max-width:100%;padding:1rem}
.cal-label{display:block;font-size:.8125rem;font-weight:500;color:var(--color-brand-600);margin-bottom:.25rem}
.cal-account-name{font-weight:600;color:var(--color-gray-800)}
.cal-account-name:is(.dark *){color:rgba(255,255,255,.9)}
.cal-rules-toggle{display:flex;align-items:center;gap:.4rem;margin-top:.75rem;padding:.5rem 0;font-size:.9375rem;font-weight:500;color:var(--color-brand-600);background:none;border:0;cursor:pointer}
.cal-caret{display:inline-block;transition:transform .15s}.cal-caret.open{transform:rotate(90deg)}
.cal-rules{margin:.25rem 0 .5rem;font-size:.8125rem}
.cal-rules dt{color:var(--color-gray-500);margin-top:.4rem}.cal-rules dd{margin:0;color:var(--color-gray-800)}
.cal-rules dd:is(.dark *){color:rgba(255,255,255,.85)}
.cal-edit-rules{display:block;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--color-gray-200);font-size:.875rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--color-brand-600)}
.cal-tz{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-gray-200)}
.cal-legend-box{flex:1;min-width:16rem}
.cal-legend-title{font-size:1.125rem;font-weight:500;color:var(--color-gray-800);margin-bottom:.5rem}
.cal-legend-title:is(.dark *){color:rgba(255,255,255,.9)}
.cal-legend{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.cal-legend-item{display:inline-flex;align-items:center;gap:.4rem;font-size:.9375rem;color:var(--color-gray-700)}
.cal-legend-item:is(.dark *){color:rgba(255,255,255,.8)}
.cal-legend-item:hover{text-decoration:underline}
.cal-dot{display:inline-block;width:.75rem;height:.75rem;border-radius:9999px}
.cal-estimate{text-align:center;color:var(--color-gray-500);font-size:.9375rem;margin:1rem 0}
.cal-refresh{margin-left:.35rem;font-size:1.25rem;color:var(--color-gray-500)}
.cal-grid-wrap{overflow-x:auto}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(9.5rem,1fr));min-width:66rem}
.cal-weekdays>div{padding:.5rem .75rem;font-size:.875rem;color:var(--color-gray-500)}
.cal-day{min-height:6.5rem;padding:.4rem .5rem;border-top:1px solid var(--color-gray-200);border-left:1px solid var(--color-gray-200);background:var(--color-white)}
.cal-day:is(.dark *){background:var(--color-gray-900);border-color:var(--color-gray-800)}
.cal-day:last-child{border-right:1px solid var(--color-gray-200)}
.cal-weekend{background:var(--color-gray-100)}
.cal-weekend:is(.dark *){background:rgba(255,255,255,.04)}
.cal-past{opacity:.55}
.cal-today .cal-daynum{color:var(--color-brand-600);font-weight:700}
.cal-daynum{font-size:.9375rem;color:var(--color-gray-800);padding:.1rem .1rem .3rem}
.cal-daynum:is(.dark *){color:rgba(255,255,255,.9)}
.cal-total{text-align:center;font-size:.875rem;color:var(--color-gray-500);margin-bottom:.35rem}
.cal-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.2rem;font-size:.875rem}
.cal-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .3rem;border-radius:.375rem;color:#fff;font-weight:600;font-size:.8125rem}
.cal-time{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem}
.cal-tag{margin-left:auto;padding:.05rem .4rem;border:1px solid var(--color-gray-300);border-radius:.3rem;background:var(--color-gray-50);color:var(--color-gray-600);font-size:.75rem;white-space:nowrap}
.cal-tag:is(.dark *){background:rgba(255,255,255,.06);border-color:var(--color-gray-700);color:var(--color-gray-300)}
.cal-badge.cal-c0,.cal-dot.cal-c0{background:#f79b3b}
.cal-c0-text{color:#f79b3b}
.cal-badge.cal-c1,.cal-dot.cal-c1{background:#2ec4b6}
.cal-c1-text{color:#2ec4b6}
.cal-badge.cal-c2,.cal-dot.cal-c2{background:#b0246a}
.cal-c2-text{color:#b0246a}
.cal-badge.cal-c3,.cal-dot.cal-c3{background:#3b6fe0}
.cal-c3-text{color:#3b6fe0}
.cal-badge.cal-c4,.cal-dot.cal-c4{background:#3aa757}
.cal-c4-text{color:#3aa757}
.cal-badge.cal-c5,.cal-dot.cal-c5{background:#8b5cf6}
.cal-c5-text{color:#8b5cf6}
.cal-badge.cal-c6,.cal-dot.cal-c6{background:#e5484d}
.cal-c6-text{color:#e5484d}
.cal-badge.cal-c7,.cal-dot.cal-c7{background:#0ea5b7}
.cal-c7-text{color:#0ea5b7}
.cal-badge.cal-c8,.cal-dot.cal-c8{background:#a3803a}
.cal-c8-text{color:#a3803a}
.cal-badge.cal-c9,.cal-dot.cal-c9{background:#64748b}
.cal-c9-text{color:#64748b}
.cal-tip{position:fixed;z-index:10000;max-width:22rem;padding:.6rem .75rem;border-radius:.5rem;background:var(--color-gray-900);color:#fff;font-size:.8125rem;line-height:1.35;box-shadow:0 6px 18px rgba(16,24,40,.35);pointer-events:none}
.cal-tip[hidden]{display:none}
.cal-tip div{margin:.15rem 0}.cal-tip b{display:inline-block;min-width:5.5rem;color:#a5b4fc;font-weight:600;vertical-align:top}
[data-cal-tip]{cursor:help}.cal-link{cursor:pointer;text-decoration:none}.cal-link:hover{background:var(--color-gray-100);border-radius:.375rem}
/* the batch time never truncates; long names and tags give way instead */
.cal-grid{grid-template-columns:repeat(7,minmax(11.5rem,1fr));min-width:80rem}
.cal-row{flex-wrap:nowrap}
.cal-time{flex:0 0 auto;min-width:3.6rem;white-space:nowrap;overflow:visible;text-overflow:clip}
.cal-name{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem}
.cal-tag{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
/* header on small screens: everything fits, nothing is pushed off the edge */
.sb-logout{display:none}
.app-header .hdr-search{min-width:0}
@media (max-width:639px){
  .app-header{gap:.5rem;padding-left:.75rem;padding-right:.75rem}
  #smart-search-btn{display:none}
  .hdr-user-text,.hdr-logout{display:none}
  .sb-logout{display:block}
  #tz-picker{flex:0 0 2.5rem;width:2.5rem !important;min-width:2.5rem;max-width:2.5rem !important;height:2.5rem !important;padding:0 !important;color:transparent !important;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.7 3.8 5.7 3.8 9s-1.3 6.3-3.8 9c-2.5-2.7-3.8-5.7-3.8-9S9.5 5.7 12 3z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:1.25rem}
  #tz-picker option{color:#101828}
}
/* medium widths (tablets, 'desktop site' on a phone, laptop with the sidebar open): keep the search box roomy */
@media (max-width:1279px){
  .hdr-user-text{display:none}
  #tz-picker{max-width:8rem !important}
}
/* dark-mode utilities that templates use but the compiled sheet lacked (text was staying dark on dark) */
.dark\:text-gray-100:is(.dark *){color:var(--color-gray-100)}
.dark\:text-gray-200:is(.dark *){color:var(--color-gray-200)}
.dark\:text-warning-400:is(.dark *){color:#fdb022}
.dark\:bg-gray-800:is(.dark *){background-color:var(--color-gray-800)}
.dark\:border-gray-700:is(.dark *){border-color:var(--color-gray-700)}
.dark\:hover\:bg-error-500\/10:is(.dark *):hover{background-color:rgb(240 68 56 / .1)}
/* calendar on narrow screens: a list of days instead of a 7-column grid */
.cal-dow{display:none}
@media (max-width:1099px){
  .cal-account{width:100%}
  .cal-grid{display:block;min-width:0}
  .cal-grid.cal-weekdays{display:none}
  .cal-day{display:block;min-height:0;margin-bottom:.625rem;padding:.6rem .75rem;border:1px solid var(--color-gray-200);border-radius:.75rem}
  .cal-day:is(.dark *){border-color:var(--color-gray-800)}
  .cal-day:last-child{border-right:1px solid var(--color-gray-200)}
  .cal-empty,.cal-past{display:none}
  .cal-dow{display:inline;margin-right:.35rem;color:var(--color-gray-500);font-weight:500}
  .cal-daynum{font-weight:600;padding-bottom:.35rem}
  .cal-total{text-align:left;font-size:.9375rem}
  .cal-row{padding:.15rem 0}
  .cal-tag{font-size:.8125rem}
}
.cal-agenda-empty{display:none;text-align:center;color:var(--color-gray-500);padding:1.5rem 0}
@media (max-width:1099px){.cal-agenda-empty{display:block}}
/* calendar colours: readable text on the badges and readable names in both themes */
.cal-badge.cal-c0{color:#101828}
.cal-c0-text{color:#a16526}
.cal-c0-text:is(.dark *){color:#f79b3b}
.cal-badge.cal-c1{color:#101828}
.cal-c1-text{color:#1e7f76}
.cal-c1-text:is(.dark *){color:#2ec4b6}
.cal-badge.cal-c2{color:#ffffff}
.cal-c2-text{color:#b0246a}
.cal-c2-text:is(.dark *){color:#c86697}
.cal-badge.cal-c3{color:#ffffff}
.cal-c3-text{color:#3b6fe0}
.cal-c3-text:is(.dark *){color:#5885e5}
.cal-badge.cal-c4{color:#101828}
.cal-c4-text{color:#2e8646}
.cal-c4-text:is(.dark *){color:#3aa757}
.cal-badge.cal-c5{color:#ffffff}
.cal-c5-text{color:#8457ea}
.cal-c5-text:is(.dark *){color:#976cf7}
.cal-badge.cal-c6{color:#101828}
.cal-c6-text{color:#ce4145}
.cal-c6-text:is(.dark *){color:#e85a5f}
.cal-badge.cal-c7{color:#101828}
.cal-c7-text{color:#0a7c89}
.cal-c7-text:is(.dark *){color:#0ea5b7}
.cal-badge.cal-c8{color:#101828}
.cal-c8-text{color:#8b6d31}
.cal-c8-text:is(.dark *){color:#a88644}
.cal-badge.cal-c9{color:#ffffff}
.cal-c9-text{color:#64748b}
.cal-c9-text:is(.dark *){color:#7b899c}
/* controls in dark mode */
.cal-label:is(.dark *),.cal-rules-toggle:is(.dark *),.cal-edit-rules:is(.dark *){color:var(--color-brand-400)}
.cal-rules dt:is(.dark *){color:var(--color-gray-400)}
.cal-edit-rules:is(.dark *),.cal-tz:is(.dark *){border-color:var(--color-gray-800)}
.cal-total:is(.dark *),.cal-estimate:is(.dark *),.cal-refresh:is(.dark *),.cal-weekdays>div:is(.dark *){color:var(--color-gray-400)}
/* v7: utility classes used by the inbox, calls, rotation, verification and AI pages (hand-added; no Tailwind build step) */
.-mt-3{margin-top:calc(var(--spacing) * -3)}
.border-dashed{border-style:dashed}
.border-gray-300{border-color:var(--color-gray-300)}
.gap-6{gap:calc(var(--spacing) * 6)}
.h-96{height:calc(var(--spacing) * 96)}
.hover\:opacity-90:hover{opacity:.9}
.items-start{align-items:flex-start}
.justify-end{justify-content:flex-end}
.max-h-96{max-height:calc(var(--spacing) * 96)}
.max-w-md{max-width:var(--container-md)}
.mb-0{margin-bottom:0}
.min-w-0{min-width:0}
.min-w-\[14rem\]{min-width:14rem}
.min-w-\[16rem\]{min-width:16rem}
.min-w-\[18rem\]{min-width:18rem}
.ml-auto{margin-left:auto}
.mt-0\.5{margin-top:calc(var(--spacing) * .5)}
.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}
.text-brand-600{color:var(--color-brand-600)}
.w-40{width:calc(var(--spacing) * 40)}
.dark\:border-gray-700:is(.dark *){border-color:var(--color-gray-700)}

