/* Drop Design / nimbus — shared shadcn slots, Base UI and Radix states. Set data-design on so portal content inherits the theme. Load after Tailwind and remove conflicting legacy material CSS. */ html[data-design="nimbus"] { --background: #e4ddd3; --foreground: #242c37; --card: #ffffff38; --card-foreground: #242c37; --popover: #e1dfebf2; --popover-foreground: #242c37; --primary: #8249ea; --primary-foreground: #ffffff; --secondary: #27bdb6; --secondary-foreground: #163b3c; --muted: #ffffff58; --muted-foreground: #535b65; --accent: #ffffff58; --accent-foreground: #242c37; --destructive: #b43838; --border: #ffffff85; --input: #ffffff85; --ring: #6540b8; --radius: 24px; --dd-field: #ffffff58; --dd-light: #fff5e4; --dd-umber: #754629; --chart-1: #8249ea; --chart-2: #27bdb6; --chart-3: #535b65; --chart-4: #6540b8; --chart-5: #242c37; --sidebar: var(--card); --sidebar-foreground: var(--foreground); --sidebar-primary: var(--primary); --sidebar-primary-foreground: var(--primary-foreground); --sidebar-accent: var(--accent); --sidebar-accent-foreground: var(--foreground); --sidebar-border: var(--border); --sidebar-ring: var(--ring); } html[data-design="nimbus"]:is(.dark,[data-theme="dark"]) { --background: #252c37; --foreground: #f4f2ff; --card: #202938eb; --card-foreground: #f4f2ff; --popover: #293141f5; --popover-foreground: #f4f2ff; --primary: #aa78f4; --primary-foreground: #201330; --secondary: #67dacf; --secondary-foreground: #163b3c; --muted: #c3d8ef25; --muted-foreground: #c1c6d3; --accent: #c3d8ef25; --accent-foreground: #f4f2ff; --destructive: #ff9999; --border: #e7f3ff68; --input: #e7f3ff68; --ring: #c2a5ff; --radius: 24px; --dd-field: #c3d8ef25; --dd-light: #bca080; --dd-umber: #120b07; --chart-1: #aa78f4; --chart-2: #67dacf; --chart-3: #c1c6d3; --chart-4: #c2a5ff; --chart-5: #f4f2ff; --sidebar: var(--card); --sidebar-foreground: var(--foreground); --sidebar-primary: var(--primary); --sidebar-primary-foreground: var(--primary-foreground); --sidebar-accent: var(--accent); --sidebar-accent-foreground: var(--foreground); --sidebar-border: var(--border); --sidebar-ring: var(--ring); } html[data-design="nimbus"] :is(body) { background:var(--background);color:var(--foreground);font-family:var(--font-sans,system-ui,sans-serif); } html[data-design="nimbus"] :is([data-slot]) { border-color:var(--border); } html[data-design="nimbus"] :is(:is([data-slot="card"],[data-slot="alert"],[data-slot="item"],[data-slot="empty"],[data-slot="calendar"],[data-slot="command"],[data-slot="menubar"],[data-slot="navigation-menu-content"],[data-slot="sidebar"],[data-slot="sidebar-inner"],[data-slot="carousel"])) { background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius); } html[data-design="nimbus"] :is(:is([data-slot="dialog-content"],[data-slot="alert-dialog-content"],[data-slot="sheet-content"],[data-slot="drawer-content"],[data-slot="popover-content"],[data-slot="hover-card-content"],[data-slot="dropdown-menu-content"],[data-slot="dropdown-menu-sub-content"],[data-slot="context-menu-content"],[data-slot="context-menu-sub-content"],[data-slot="menubar-content"],[data-slot="menubar-sub-content"],[data-slot="select-content"],[data-slot="select-positioner"],[data-slot="combobox-content"],[data-slot="combobox-list"],[data-slot="toast"],[data-slot="tooltip-content"])) { background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);border-radius:var(--radius);max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto; } html[data-design="nimbus"] :is(:is([data-slot="input"],[data-slot="textarea"],[data-slot="native-select"],[data-slot="select-trigger"],[data-slot="combobox-input"],[data-slot="combobox-trigger"],[data-slot="input-group"],[data-slot="input-otp-slot"],[data-slot="command-input-wrapper"])) { background:var(--dd-field);color:var(--foreground);border:1px solid var(--border);border-radius:calc(var(--radius)*.6);box-shadow:none;min-width:0; } html[data-design="nimbus"] :is(:is([data-slot="input"],[data-slot="textarea"],[data-slot="native-select"])::placeholder) { color:var(--muted-foreground);opacity:1; } html[data-design="nimbus"] :is(:is([data-slot="button"],[data-slot="toggle"],[data-slot="tabs-trigger"],[data-slot="pagination-link"],[data-slot="navigation-menu-trigger"],[data-slot="menubar-trigger"],[data-slot="sidebar-menu-button"],[data-slot="toast-action"],[data-slot="carousel-previous"],[data-slot="carousel-next"])) { border-radius:calc(var(--radius)*.6);background:var(--card);color:var(--foreground);border:1px solid var(--border); } html[data-design="nimbus"] :is([data-slot="button"]:not([data-variant]),[data-slot="button"][data-variant="default"]) { background:var(--primary);color:var(--primary-foreground); } html[data-design="nimbus"] :is([data-slot="button"][data-variant="secondary"]) { background:var(--secondary);color:var(--secondary-foreground); } html[data-design="nimbus"] :is(:is([data-slot="checkbox"],[data-slot="radio-group-item"],[data-slot="switch"])) { background:var(--dd-field);color:var(--primary-foreground);border:1px solid var(--border);box-shadow:none; } html[data-design="nimbus"] :is(:is([data-slot="checkbox"],[data-slot="radio-group-item"],[data-slot="switch"]):is([data-state="checked"],[data-state="on"],[data-state="active"],[data-checked]:not([data-checked="false"]),[data-selected]:not([data-selected="false"]),[aria-selected="true"],[aria-pressed="true"],[aria-checked="true"],[aria-current="page"])) { background:var(--primary);color:var(--primary-foreground);border-color:var(--primary); } html[data-design="nimbus"] :is([data-slot="switch-thumb"],[data-slot="slider-thumb"]) { background:var(--background);border:1px solid var(--border);box-shadow:none; } html[data-design="nimbus"] :is([data-slot="slider-track"],[data-slot="progress"],[data-slot="tabs-list"]) { background:var(--dd-field);border-radius:var(--radius); } html[data-design="nimbus"] :is([data-slot="slider-range"],[data-slot="progress-indicator"]) { background:var(--primary); } html[data-design="nimbus"] :is(:is([data-slot="button"],[data-slot="toggle"],[data-slot="tabs-trigger"],[data-slot="pagination-link"],[data-slot="navigation-menu-trigger"],[data-slot="menubar-trigger"],[data-slot="sidebar-menu-button"],[data-slot="toast-action"],[data-slot="carousel-previous"],[data-slot="carousel-next"]):is([data-state="checked"],[data-state="on"],[data-state="active"],[data-checked]:not([data-checked="false"]),[data-selected]:not([data-selected="false"]),[aria-selected="true"],[aria-pressed="true"],[aria-checked="true"],[aria-current="page"])) { background:var(--primary);color:var(--primary-foreground);border-color:var(--primary); } html[data-design="nimbus"] :is(:is([data-slot="dropdown-menu-item"],[data-slot="dropdown-menu-checkbox-item"],[data-slot="dropdown-menu-radio-item"],[data-slot="context-menu-item"],[data-slot="context-menu-checkbox-item"],[data-slot="context-menu-radio-item"],[data-slot="menubar-item"],[data-slot="menubar-checkbox-item"],[data-slot="menubar-radio-item"],[data-slot="select-item"],[data-slot="combobox-item"],[data-slot="command-item"],[data-slot="sidebar-menu-button"]):is(:hover,:focus-visible,[data-highlighted],[data-state="checked"],[data-selected],[aria-selected="true"])) { background:var(--accent);color:var(--accent-foreground); } html[data-design="nimbus"] :is(:is([data-slot="badge"],[data-slot="kbd"],[data-slot="avatar-fallback"],[data-slot="avatar-group-count"])) { background:var(--muted);color:var(--foreground);border:1px solid var(--border);border-radius:calc(var(--radius)*.4); } html[data-design="nimbus"] :is(:is([data-slot="separator"],[data-slot="dropdown-menu-separator"],[data-slot="context-menu-separator"],[data-slot="menubar-separator"],[data-slot="command-separator"],[data-slot="item-separator"],[data-slot="sidebar-separator"])) { background:var(--border); } html[data-design="nimbus"] :is([data-slot="table"]) { border-collapse:collapse;color:var(--foreground); } html[data-design="nimbus"] :is([data-slot="table-row"],[data-slot="accordion-item"]) { border-bottom:1px solid var(--border); } html[data-design="nimbus"] :is([data-slot="table-row"]:is(:hover,[data-state="selected"])) { background:var(--muted); } html[data-design="nimbus"] :is([data-slot="table-head"],[data-slot="table-caption"],[data-slot$="description"],[data-slot="breadcrumb-link"]) { color:var(--muted-foreground); } html[data-design="nimbus"] :is([data-slot="skeleton"]) { background:var(--muted);border-radius:calc(var(--radius)*.5); } html[data-design="nimbus"] :is([data-slot="scroll-area-thumb"],[data-slot="resizable-handle"]) { background:var(--border); } html[data-design="nimbus"] :is([data-slot="dialog-overlay"],[data-slot="alert-dialog-overlay"],[data-slot="sheet-overlay"],[data-slot="drawer-overlay"]) { background:color-mix(in srgb,var(--foreground) 25%,transparent); } html[data-design="nimbus"] :is(:is([data-slot="card"],[data-slot="alert"],[data-slot="item"],[data-slot="empty"],[data-slot="calendar"],[data-slot="command"],[data-slot="menubar"],[data-slot="navigation-menu-content"],[data-slot="sidebar"],[data-slot="sidebar-inner"],[data-slot="carousel"])) { background:linear-gradient(135deg,#ffffff28,transparent 45%,#e3eeff08),var(--card);backdrop-filter:blur(8px) saturate(1.3);box-shadow:inset 2px 2px 2px #ffffffa0,inset -2px -2px 2px #d2eaff70,8px 16px 18px -10px #20273966; } html[data-design="nimbus"] :is(:is([data-slot="button"],[data-slot="toggle"],[data-slot="tabs-trigger"],[data-slot="pagination-link"],[data-slot="navigation-menu-trigger"],[data-slot="menubar-trigger"],[data-slot="sidebar-menu-button"],[data-slot="toast-action"],[data-slot="carousel-previous"],[data-slot="carousel-next"])) { background:linear-gradient(175deg,#ffffff44,#ffffff05 40%,#ffffff20),var(--card);backdrop-filter:blur(5px) saturate(1.5);border:1px solid #ffffff6b;border-radius:999px;box-shadow:inset 3px 4px 3px -2px #ffffffed,inset -3px -4px 3px -2px #e4f7ffd9,inset 0 -8px 11px -7px #ffffffc0,5px 8px 8px -4px #26304d45,13px 20px 20px -10px #17243659; } html[data-design="nimbus"] :is([data-slot="button"]:is(:not([data-variant]),[data-variant="default"]),:is([data-slot="button"],[data-slot="toggle"],[data-slot="tabs-trigger"],[data-slot="pagination-link"],[data-slot="navigation-menu-trigger"],[data-slot="menubar-trigger"],[data-slot="sidebar-menu-button"],[data-slot="toast-action"],[data-slot="carousel-previous"],[data-slot="carousel-next"]):is([data-state="checked"],[data-state="on"],[data-state="active"],[data-checked]:not([data-checked="false"]),[data-selected]:not([data-selected="false"]),[aria-selected="true"],[aria-pressed="true"],[aria-checked="true"],[aria-current="page"])) { background:linear-gradient(175deg,#cfb3ff80,#b388ff22 34%,#592dd622 75%,#e7d4ff66),var(--primary);color:var(--primary-foreground); } html[data-design="nimbus"] :is([data-slot="button"][data-variant="secondary"]) { background:linear-gradient(175deg,#befffb80,#73e8dc22 38%,#07978f22 75%,#c9ffef88),var(--secondary);color:var(--secondary-foreground); } html[data-design="nimbus"] :is(:is([data-slot="dialog-content"],[data-slot="alert-dialog-content"],[data-slot="sheet-content"],[data-slot="drawer-content"],[data-slot="popover-content"],[data-slot="hover-card-content"],[data-slot="dropdown-menu-content"],[data-slot="dropdown-menu-sub-content"],[data-slot="context-menu-content"],[data-slot="context-menu-sub-content"],[data-slot="menubar-content"],[data-slot="menubar-sub-content"],[data-slot="select-content"],[data-slot="select-positioner"],[data-slot="combobox-content"],[data-slot="combobox-list"],[data-slot="toast"],[data-slot="tooltip-content"])) { backdrop-filter:blur(20px) saturate(1.2);box-shadow:inset 1px 1px 2px #ffffff80,8px 18px 35px -12px #14203966; } html[data-design="nimbus"] :is(:is([data-slot="input"],[data-slot="textarea"],[data-slot="native-select"],[data-slot="select-trigger"],[data-slot="combobox-input"],[data-slot="combobox-trigger"],[data-slot="input-group"],[data-slot="input-otp-slot"],[data-slot="command-input-wrapper"])) { box-shadow:inset 0 1px 2px #ffffff90,3px 5px 10px -6px #20273944;backdrop-filter:blur(5px); } @supports not (backdrop-filter:blur(1px)) { html[data-design="nimbus"] :is([data-slot="card"],[data-slot="alert"],[data-slot="item"],[data-slot="empty"],[data-slot="calendar"],[data-slot="command"],[data-slot="menubar"],[data-slot="navigation-menu-content"],[data-slot="sidebar"],[data-slot="sidebar-inner"],[data-slot="carousel"]) {background:var(--background);} } html[data-design="nimbus"] :is([data-slot="button"]:is([data-variant="ghost"],[data-variant="link"])) { background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none; } html[data-design="nimbus"] :is([data-slot="button"][data-variant="link"]) { color:var(--ring);text-decoration:underline;text-underline-offset:4px; } html[data-design="nimbus"] :is([data-slot="button"][data-variant="outline"]) { background:transparent;border-color:var(--border); } html[data-design="nimbus"] :is([data-variant="destructive"],[data-slot="alert"][data-variant="destructive"]) { background:color-mix(in srgb,var(--destructive) 12%,var(--background));color:var(--destructive);border-color:var(--destructive); } html[data-design="nimbus"] :is([data-slot]:focus-visible) { outline:3px solid var(--ring);outline-offset:3px; } html[data-design="nimbus"] :is([data-slot][aria-invalid="true"]) { border-color:var(--destructive);outline:2px solid var(--destructive);outline-offset:2px; } html[data-design="nimbus"] :is([data-slot]:is(:disabled,[data-disabled]:not([data-disabled="false"]),[aria-disabled="true"])) { opacity:.5;cursor:not-allowed;transform:none; } html[data-design="nimbus"] :is([data-slot="field-error"]) { color:var(--destructive); } html[data-design="nimbus"] :is([data-slot="button-group"] > [data-slot="button"]) { border-radius:0; } html[data-design="nimbus"] :is([data-slot="button-group"] > [data-slot="button"]:first-child) { border-start-start-radius:var(--radius);border-end-start-radius:var(--radius); } html[data-design="nimbus"] :is([data-slot="button-group"] > [data-slot="button"]:last-child) { border-start-end-radius:var(--radius);border-end-end-radius:var(--radius); } @media(prefers-reduced-motion:reduce) { html[data-design="nimbus"] [data-slot] {animation:none!important;transition:none!important;} } /* Interaction refinements; preserve provider positioning and sizing. */ html[data-design="nimbus"] :is([data-slot="button"],[data-slot="toggle"]):hover:not(:disabled):not([aria-disabled="true"]):not([data-disabled]) { filter:brightness(1.04); } html[data-design="nimbus"] [data-slot="input-group"] :is([data-slot="input"],[data-slot="textarea"]) { background:transparent;border:0;box-shadow:none; } html[data-design="nimbus"] :is([data-slot="button"],[data-slot="toggle"]):active:not(:disabled) { translate:0 1px; } html[data-design="nimbus"] [data-slot="button"][data-variant="ghost"]:hover:not(:disabled) { background:var(--muted); } /* Clear-glass correction shared with the preview. */ html[data-design="nimbus"] :is([data-slot="button"],[data-slot="toggle"],[data-slot="tabs-trigger"],[data-slot="pagination-link"],[data-slot="navigation-menu-trigger"],[data-slot="menubar-trigger"],[data-slot="sidebar-menu-button"],[data-slot="toast-action"],[data-slot="carousel-previous"],[data-slot="carousel-next"]):not([data-variant="ghost"]):not([data-variant="link"]):not([data-variant="destructive"]) {background:linear-gradient(155deg,#ffffff20,transparent 38%,transparent 75%,#ffffff0b),#ffffff08;border-color:#ffffff55;color:var(--foreground);backdrop-filter:blur(2px) saturate(1.25);box-shadow:inset 1px 1.5px 2px #ffffffa0,inset -1px -1px 2px #d7eaff45,2px 4px 6px -3px #23314b30,7px 12px 16px -8px #17243640;} html[data-design="nimbus"] [data-slot="button"]:is(:not([data-variant]),[data-variant="default"]) {background:linear-gradient(160deg,#d5bfff40,transparent 42%,#6939c518),#8249ea38;color:#392368;} html[data-design="nimbus"] [data-slot="button"][data-variant="secondary"] {background:linear-gradient(160deg,#d2fff333,transparent 42%,#159b9014),#27bdb62e;color:#163f40;} html[data-design="nimbus"]:is(.dark,[data-theme="dark"]) [data-slot="button"]:is(:not([data-variant]),[data-variant="default"]) {color:#f6efff;} html[data-design="nimbus"]:is(.dark,[data-theme="dark"]) [data-slot="button"][data-variant="secondary"] {color:#e4fff8;} html[data-design="nimbus"] :is([data-slot="toggle"],[data-slot="tabs-trigger"],[data-slot="navigation-menu-trigger"],[data-slot="sidebar-menu-button"]):is([aria-pressed="true"],[aria-selected="true"],[data-state="active"],[data-state="on"],[data-selected]) {outline:1px solid var(--ring);outline-offset:2px;}