/* Independent source migrated from Atlas47. Do not regenerate from Product. */ @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400&display=swap'); /* Shared Bottom Sheet. Geometry based on Atlas Login Sheet 245:13804. */ html:has(dialog[open][data-atlas-surface="bottom-sheet"]:not([data-presentation="dropdown"])),body:has(dialog[open][data-atlas-surface="bottom-sheet"]:not([data-presentation="dropdown"])){overflow:hidden} dialog[data-atlas-surface="bottom-sheet"][data-surface-mode="always"]:not([open]){display:none} dialog[data-atlas-surface="bottom-sheet"][data-surface-mode="always"][open]{position:fixed;inset:auto 0 var(--portal-sheet-keyboard-inset,0px);margin:0 auto;width:100%;max-width:100%;height:auto;max-height:calc(var(--portal-sheet-viewport,100dvh) - 24px);padding:0;border:0;border-radius:24px 24px 0 0;background:var(--portal-fill-primary);color:var(--portal-text-primary);box-shadow:0 4px 15px #00000012;overflow:auto;overscroll-behavior:contain;box-sizing:border-box} dialog[data-atlas-surface="bottom-sheet"][data-surface-mode="always"].p-modal[open]{display:flex;flex-direction:column;overflow:hidden} dialog[data-atlas-surface="bottom-sheet"][data-surface-mode="always"]>.p-modal-head{flex:none;gap:12px;margin:0;padding:24px 24px 16px;border:0;min-height:40px;align-items:flex-start} dialog[data-atlas-surface="bottom-sheet"][data-surface-mode="always"]>.p-modal-head strong{font:700 20px/28px var(--portal-font-sans);padding-top:6px;overflow-wrap:anywhere} dialog[data-atlas-surface="bottom-sheet"][data-surface-mode="always"] .p-modal-close{flex:none;width:40px;height:40px;border-radius:50%;background:var(--portal-glass-fill-primary-fill-default);color:var(--portal-text-primary)} dialog[data-atlas-surface="bottom-sheet"][data-surface-mode="always"] .p-modal-close:focus-visible{outline:2px solid var(--portal-text-text-link-link);outline-offset:2px} dialog[data-atlas-surface="bottom-sheet"][data-surface-mode="always"]>.p-modal-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 24px 24px;gap:16px;font-size:14px;line-height:20px} dialog[data-atlas-surface="bottom-sheet"][data-surface-mode="always"]::backdrop{background:var(--portal-overlay-scrim);backdrop-filter:blur(8px)} @media(max-width:899px){ dialog[data-atlas-surface="bottom-sheet"][data-surface-mode]:not([open]){display:none} dialog[data-atlas-surface="bottom-sheet"][data-surface-mode][open]{position:fixed;inset:auto 0 var(--portal-sheet-keyboard-inset,0px);margin:0 auto;width:100%;max-width:100%;height:auto;max-height:calc(var(--portal-sheet-viewport,100dvh) - 24px);padding:0;border:0;border-radius:24px 24px 0 0;background:var(--portal-fill-primary);color:var(--portal-text-primary);box-shadow:0 4px 15px #00000012;overflow:auto;overscroll-behavior:contain;box-sizing:border-box} dialog[data-atlas-surface="bottom-sheet"][data-surface-mode].p-modal[open]{display:flex;flex-direction:column;overflow:hidden} dialog[data-atlas-surface="bottom-sheet"][data-surface-mode]>.p-modal-head{flex:none;gap:12px;margin:0;padding:24px 24px 16px;border:0;min-height:40px;align-items:flex-start} dialog[data-atlas-surface="bottom-sheet"][data-surface-mode]>.p-modal-head strong{font:700 20px/28px var(--portal-font-sans);padding-top:6px;overflow-wrap:anywhere} dialog[data-atlas-surface="bottom-sheet"][data-surface-mode] .p-modal-close{flex:none;width:40px;height:40px;border-radius:50%;background:var(--portal-glass-fill-primary-fill-default);color:var(--portal-text-primary)} dialog[data-atlas-surface="bottom-sheet"][data-surface-mode] .p-modal-close:focus-visible{outline:2px solid var(--portal-text-text-link-link);outline-offset:2px} dialog[data-atlas-surface="bottom-sheet"][data-surface-mode]>.p-modal-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 24px 24px;gap:16px;font-size:14px;line-height:20px} dialog[data-atlas-surface="bottom-sheet"][data-surface-mode]::backdrop{background:var(--portal-overlay-scrim);backdrop-filter:blur(8px)} } /* Touch fields must not trigger Safari's focus zoom and horizontal pan. */ @media(max-width:899px){ dialog[data-atlas-surface="bottom-sheet"][data-surface-mode][open]{max-height:calc(var(--portal-sheet-viewport,100dvh) - max(24px,var(--portal-menu-safe-top,env(safe-area-inset-top,0px))))} dialog[data-atlas-surface="bottom-sheet"]::backdrop{top:var(--portal-menu-safe-top,env(safe-area-inset-top,0px))} dialog[data-atlas-surface="bottom-sheet"] :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px;line-height:24px} dialog[data-atlas-surface="bottom-sheet"][open]{min-width:0;max-inline-size:100%;overflow-x:hidden} dialog[data-atlas-surface="bottom-sheet"]>.p-modal-content{min-width:0;overflow-x:hidden} } /* Generated motion tokens and shared transitions. No changes to resting geometry. */ :root{--portal-motion-feedback:140ms;--portal-motion-exit:220ms;--portal-motion-enter:340ms;--portal-motion-layout:340ms;--portal-motion-ease-enter:cubic-bezier(.22,1,.36,1);--portal-motion-ease-exit:cubic-bezier(.4,0,1,1);--portal-motion-ease-layout:cubic-bezier(.4,0,.2,1)} html .p-button{transition:background-color var(--portal-motion-feedback) ease,color var(--portal-motion-feedback) ease,box-shadow var(--portal-motion-feedback) ease} @media(prefers-reduced-motion:reduce){html .p-button{transition:none!important}} dialog[data-closing=true]{pointer-events:none} .p-modal[open]::backdrop{animation:atlas-backdrop-enter var(--portal-motion-enter) ease both} .p-modal[data-closing=true]::backdrop{animation:atlas-backdrop-exit var(--portal-motion-exit) ease both} @keyframes atlas-backdrop-enter{from{opacity:0}to{opacity:1}} @keyframes atlas-backdrop-exit{from{opacity:1}to{opacity:0}} @media(prefers-reduced-motion:reduce){.p-modal[open]::backdrop{animation:none}} /* Atlas product layouts. No visual styles live in the consuming prototypes. */ body.p-product-app{margin:0;background:var(--portal-background-primary);color:var(--portal-text-primary);font:450 14px/1.5 var(--portal-font-sans)} .p-product-app *{box-sizing:border-box}:where(.p-product-app) :where(button,input,select){font:inherit}.p-product-app button,.p-product-app a{touch-action:manipulation}.p-product-app button{cursor:pointer}.p-product-app h1,.p-product-app h2,.p-product-app h3,.p-product-app p{margin-top:0}.p-product-app :focus-visible{outline:2px solid var(--portal-border-accent-default);outline-offset:4px}.p-product-app [hidden]{display:none!important}.p-page-heading>p:not(.p-eyebrow){color:var(--portal-text-tertiary);margin:0;max-width:600px}.p-eyebrow{font:550 11px/16px var(--portal-font-sans);letter-spacing:2px;color:var(--portal-text-tertiary);margin-bottom:20px}.p-caption{font-size:11px;color:var(--portal-text-tertiary);line-height:1.6} .p-gallery{min-height:100dvh}.p-gallery-nav{max-width:1240px;padding:28px 40px;display:flex;align-items:center;gap:20px;margin:auto;border-bottom:1px solid var(--portal-border-default)}.p-gallery-nav>img{width:113px;height:32px}.p-gallery-nav>span{color:var(--portal-text-tertiary);font-size:13px}.p-gallery-divider{width:1px;height:20px;background:var(--portal-border-default)}.p-gallery-nav>div{margin-left:auto}.p-gallery-main{max-width:1240px;margin:auto;padding:64px 40px 24px}.p-gallery-main>.p-page-heading{margin-bottom:52px}.p-gallery-main>.p-page-heading h1{font-size:44px;letter-spacing:-1.6px;margin-bottom:16px}.p-gallery-main>.p-page-heading>p:last-child{font-size:15px}.p-gallery-caption{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.p-gallery-caption strong{font-size:14px;font-weight:550}.p-gallery-caption strong span{margin-left:8px;color:var(--portal-text-tertiary);font-size:12px}.p-prototype-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.p-prototype-card{border:1px solid var(--portal-border-default);border-radius:24px;overflow:hidden;background:var(--portal-fill-primary)}.p-prototype-cover{height:300px;display:block;position:relative;overflow:hidden;background:var(--portal-surface-secondary-default);border-bottom:1px solid var(--portal-border-default)}.p-prototype-cover[data-preview="onboarding"]{background:var(--portal-brand-fill-default)}.p-prototype-cover[data-preview="plataforma"]{background:var(--portal-neutral-fill-default)}.p-prototype-mini{position:absolute;left:50%;top:28px;transform:translateX(-50%) scale(.72);transform-origin:top center;width:412px;min-height:580px;background:var(--portal-background-primary);padding:16px;border:1px solid var(--portal-border-default);border-radius:24px;box-shadow:0 16px 48px var(--portal-button-disabled-fill-disabled);pointer-events:none}.p-prototype-open{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--portal-fill-primary);font-size:20px;color:var(--portal-text-secondary)}.p-prototype-info{padding:24px}.p-prototype-title{display:flex;gap:12px;align-items:baseline}.p-prototype-title>span{font-size:12px;color:var(--portal-text-tertiary)}.p-prototype-title h2{font-size:20px;letter-spacing:-.4px;margin:0}.p-prototype-title a{text-decoration:none}.p-prototype-info>p{font-size:13px;color:var(--portal-text-tertiary);margin:10px 0 24px}.p-prototype-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.p-prototype-bottom>div{display:flex;gap:6px}.p-gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:36px 0 8px;margin-top:24px;border-top:1px solid var(--portal-border-default);font-size:12px;color:var(--portal-text-tertiary)}.p-gallery-footer p{margin:0}@keyframes atlas-thinking{to{opacity:.25;transform:translateY(-3px)}}.p-mobile-workbench{min-height:100dvh;background:var(--portal-background-secondary)}.p-mobile-toolbar{padding:16px 24px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--portal-border-default);background:var(--portal-background-primary)}.p-mobile-toolbar>img{width:113px;height:32px}.p-mobile-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--portal-text-tertiary)}.p-mobile-toolbar select{padding:8px;border:1px solid var(--portal-border-default);border-radius:8px;background:var(--portal-fill-primary);color:var(--portal-text-primary)}.p-mobile-stage{padding:32px 12px;display:flex;justify-content:center;overflow:auto}.p-mobile-frame{border:1px solid var(--portal-border-default);border-radius:24px;background:var(--portal-background-primary);box-shadow:0 12px 40px var(--portal-button-disabled-fill-disabled);max-width:100%} @media(max-width:600px){.p-gallery-nav{padding:20px;gap:12px}.p-gallery-main{padding:40px 20px 20px}.p-gallery-main>.p-page-heading h1{font-size:32px;letter-spacing:-1px}.p-gallery-main>.p-page-heading{margin-bottom:36px}.p-prototype-grid{grid-template-columns:1fr;gap:24px}.p-prototype-cover{height:280px}.p-prototype-info{padding:20px}.p-gallery-footer{align-items:flex-start;flex-direction:column}.p-mobile-toolbar{gap:12px;padding:16px}.p-mobile-toolbar>strong{margin-right:auto}.p-mobile-stage{padding-top:20px}} @media(prefers-reduced-motion:reduce){.p-product-app *{animation:none!important;scroll-behavior:auto!important;transition:none!important}} /* Contract explicitly requested by product: desktop conversation is capped at 700px. */ :root{--portal-chat-max-width:700px} /* Device framing belongs to the Atlas test workbench, never the final experience. */ :root{--portal-device-shell:#18181b;--portal-device-edge:#77777b;--portal-device-black:#050506} .p-mobile-stage{min-height:calc(100dvh - 75px);align-items:center;padding:22px 28px 32px;scrollbar-width:none} .p-mobile-stage::-webkit-scrollbar,.p-mobile-workbench::-webkit-scrollbar{display:none} .p-iphone-device{margin:0;flex:none;width:calc(var(--device-width) + 24px);zoom:clamp(.45,calc((100dvh - 155px) / 920px),1)} .p-iphone-chassis{position:relative;background:var(--portal-device-black);padding:10px;border:2px solid var(--portal-device-edge);border-radius:62px;box-shadow:inset 0 0 0 2px var(--portal-device-shell),0 24px 55px #0002,0 2px 7px #0003} .p-iphone-screen{width:var(--device-width);height:var(--device-height);border-radius:50px;overflow:hidden;background:var(--portal-background-primary);isolation:isolate} .p-iphone-status{height:60px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 29px;font:600 15px/20px var(--portal-font-sans);color:var(--portal-text-primary);user-select:none} .p-iphone-island{position:absolute;width:104px;height:30px;border-radius:24px;background:var(--portal-device-black);top:12px;left:50%;transform:translateX(-50%)} .p-iphone-island i{position:absolute;right:11px;top:9px;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#243950,#10121b 55%,#08090a 70%);box-shadow:0 0 1px #373741} .p-iphone-indicators{display:flex;align-items:center;gap:5px}.p-iphone-indicators svg{width:16px;height:12px;fill:currentColor} .p-iphone-battery{position:relative;width:22px;height:11px;border:1px solid currentColor;border-radius:3px;padding:1px}.p-iphone-battery:before{content:'';display:block;height:100%;background:currentColor;border-radius:1px}.p-iphone-battery:after{content:'';position:absolute;right:-3px;top:3px;width:2px;height:4px;background:currentColor;border-radius:0 1px 1px 0} .p-iphone-screen .p-mobile-frame{display:block;width:var(--device-width);height:calc(var(--device-height) - 90px);max-width:none;border:0;border-radius:0;box-shadow:none;background:var(--portal-background-primary)} .p-iphone-home{height:30px;display:flex;align-items:center;justify-content:center;background:var(--portal-background-primary)}.p-iphone-home i{width:126px;height:5px;border-radius:5px;background:var(--portal-text-primary)} .p-iphone-chassis>i{position:absolute;background:linear-gradient(90deg,var(--portal-device-edge),var(--portal-device-shell));width:4px;border-radius:2px;left:-5px}.p-iphone-action{top:100px;height:26px}.p-iphone-volume-up{top:150px;height:49px}.p-iphone-volume-down{top:211px;height:49px}.p-iphone-chassis>.p-iphone-power{left:auto;right:-5px;top:171px;height:77px}.p-iphone-chassis>.p-iphone-camera{left:auto;right:-4px;bottom:170px;height:45px;width:3px} .p-iphone-device figcaption{text-align:center;font:500 12px/20px var(--portal-font-sans);color:var(--portal-text-tertiary);margin-top:15px;letter-spacing:.3px} /* All Maiara prototypes: keep native scrolling, never draw scrollbar chrome. Covers the viewport, text fields, dialogs, lists and both input modes. */ html:has(body.p-product-app),body.p-product-app,body.p-product-app *,:root[data-input="touch"],:root[data-input="touch"] *{ scrollbar-width:none!important; scrollbar-gutter:auto!important; -ms-overflow-style:none!important; } html:has(body.p-product-app)::-webkit-scrollbar, body.p-product-app::-webkit-scrollbar, body.p-product-app *::-webkit-scrollbar, :root[data-input="touch"]::-webkit-scrollbar, :root[data-input="touch"] *::-webkit-scrollbar{ display:none!important;width:0!important;height:0!important; } @media(max-width:600px){.p-mobile-stage{justify-content:center;min-height:0;padding:24px 12px}.p-iphone-device{zoom:clamp(.45,calc((100dvw - 40px) / 440px),.85)}} /* Desktop composition from Atlas 67:34815, 98:1749, 94:873 and 151:13301. */ /* Monochrome icons follow the existing dark theme; brand colors stay intact. */ /* Review 14 Oct: constrained surfaces and native desktop compositions. */ .p-product-app img[alt="Maiara"]{filter:none} /* Desktop: the disclosure opens below the starters without affecting the home layout. */ /* Trip mobile follows 417:11566: secondary page, original service cards, glass navigation. */ /* Native details disclosure is registered as Trip Day; its children remain original Atlas components. */ /* Components fit their container as well as the viewport. */ .p-gallery-nav{flex-wrap:wrap}.p-gallery-caption{gap:12px;flex-wrap:wrap}.p-gallery-nav>span{overflow-wrap:anywhere}.p-gallery-caption .p-button{flex:none} .p-iphone-device{zoom:clamp(.45,min(calc((100dvh - 155px) / 920px),calc((100vw - 56px) / (var(--device-width) + 24px))),1)} /* Desktop discovery uses the available canvas without a sticky mobile column. */ /* Glass follows its backing surface: primary on white, secondary on gray (Atlas 366:11094). */ .p-gallery-nav,.p-gallery-footer,.p-mobile-toolbar{background:var(--portal-glass-fill-primary-fill-default);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)} /* Secondary screens have one breadcrumb surface, never another brand header. */ /* Documents — 637:15006. */ /* Gray-backed surfaces retain secondary glass; chat bars always use primary glass. */ .p-mobile-toolbar{background:var(--portal-glass-fill-secondary-fill-default)} /* Fixed viewport panes: only messages and itinerary content scroll. */ /* Figma 417:13287: 24 × 8 active pill, 8 × 8 dots, 4px gap. */ /* Mobile carousels keep clean edges; fades are desktop-only. */ /* Proportional screen previews, with the actual light and dark token scopes. */ /* Event and document subviews share the right pane, never a replacement modal. */ /* Glass overlays the scrolling content; measured insets keep resting content unobscured. */ /* Place Detail — Atlas 417:12517. The larger map is the approved exception. */ /* Space for the current request and its response, without moving fixed surfaces. */ /* First-login flow: one full-width glass footer shared by every step. */ /* The simulated home indicator is part of the app viewport, so glass remains continuous. */ .p-iphone-screen .p-mobile-frame{height:calc(var(--device-height) - 60px)} .p-iphone-screen>.p-iphone-home{display:none} :root[data-device="iphone"]{--portal-safe-bottom:30px} /* Collections reuse the same cards, controls, tokens and spacing on every surface. */ /* Account, memories and preview controls — shared Atlas compositions. */ .p-preview-toolbar{width:100%;min-height:88px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;padding:20px 32px;background:var(--portal-surface-primary-default);border-bottom:1px solid var(--portal-border-default)} .p-preview-brand{display:inline-flex;justify-self:start;align-items:center}.p-preview-brand>img{width:113px;height:32px} .p-preview-controls{display:flex;align-items:center;padding:4px 8px;border:1px solid var(--portal-border-default);border-radius:18px;background:var(--portal-fill-primary);gap:8px} .p-preview-toolbar>.p-button{justify-self:end;gap:10px}.p-preview-toolbar>.p-button>img{width:12px;height:12px} .p-mobile-workbench>.p-mobile-stage{padding-top:40px} @media(max-width:899px){.p-preview-toolbar{grid-template-columns:1fr auto;padding:16px;gap:16px}.p-preview-controls{grid-row:2;grid-column:1/-1;justify-content:center}.p-preview-select{flex:1;min-width:0}.p-mobile-workbench>.p-mobile-stage{padding-top:24px}} /* Account and discovery refinements use the shared Atlas surfaces and action hierarchy. */.p-iphone-status{background:var(--portal-fill-primary)} /* Profile: identity and activity belong together; preferences are the main editable content. */ /* Stamps: the artwork has its own quiet surface; captions and actions stay attached. */ /* Curation composes the Atlas entity and gives its actions one owner. */ /* The status bar lives in the preview document so it shares the actual backdrop. */ .p-iphone-screen .p-mobile-frame{height:var(--device-height)} @media(max-width:899px){ :root[data-device="iphone"]{--portal-app-height:calc(100dvh - 60px)} :root[data-device="iphone"] body.p-product-app{padding-top:60px} } /* Share actions remain reachable above the device safe area. */ /* Passport-style collection: each outline belongs to the stamp, never to a containing card. */ /* Personal identity stays compact; preferences and memories carry the page's tasks. */ /* The curated card owns the continuous surface; its itinerary keeps the official hover token. */ /* Integrated cards inherit the curation surface; their fixed standalone width must not leak into it. */ .p-prototype-open img{width:16px;height:16px} .p-preview-select{min-width:150px}.p-preview-select>.p-field{width:100%}.p-preview-separator{height:28px;width:1px;background:var(--portal-border-default)} @media(max-width:899px){.p-preview-select{flex:1;min-width:0}} /* Page Heading is the single source for screen-title typography. */ .p-page-heading{display:flex;flex-direction:column;gap:8px;margin:0 0 24px} .p-page-heading h1{font-family:var(--portal-font-sans);font-size:var(--portal-heading-heading-2xl-size);line-height:var(--portal-heading-heading-2xl-line);font-weight:var(--portal-heading-heading-2xl-weight);letter-spacing:0;margin:0;color:var(--portal-text-primary)} .p-page-heading[data-variant="compact"] h1{font-size:var(--portal-heading-heading-lg-size);line-height:var(--portal-heading-heading-lg-line);font-weight:var(--portal-heading-heading-lg-weight)} @media(max-width:899px){.p-page-heading:not([data-variant="compact"]) h1{font-size:var(--portal-heading-heading-xl-size);line-height:var(--portal-heading-heading-xl-line);font-weight:var(--portal-heading-heading-xl-weight)}} /* Favorite controls and collections compose the existing Atlas card anatomy. */ /* One continuous glass plane through the device safe area. */ /* Destination discovery: image-led entries without extra headings or explanatory boxes. */ /* Favoritos compartilham o carrossel Atlas sem alterar a anatomia dos cards. */ /* Mobile collections scroll to the viewport edge; padding belongs inside the track. */ /* Agenda cultural — conteúdo, serviço e ações em uma lista compacta. */ /* One mobile-first reading order, with date and venue next to the identity. */ /* Shared dialog composition: one title, concise content, contextual footer actions. */ @media(min-width:900px){ .p-modal[data-type=text]{width:480px;max-width:calc(100vw - 32px)} .p-modal[data-type=text] .p-modal-head{margin:0;padding:20px 24px;border:0;align-items:center} .p-modal[data-type=text] .p-modal-head>strong{font:650 20px/28px var(--portal-font-sans)} .p-modal[data-type=text] .p-modal-close{width:32px;height:32px;flex:none} .p-modal[data-type=text] .p-modal-content{padding:0 24px 24px;gap:16px;font-size:14px;line-height:20px} .p-modal[data-presentation=dropdown]{position:fixed;inset:auto;margin:0;width:360px;z-index:1000;overflow:auto;border-radius:20px;box-shadow:var(--portal-shadow-overlay)} .p-modal[data-presentation=dropdown] .p-modal-head{padding:16px 16px 12px} .p-modal[data-presentation=dropdown] .p-modal-head>strong{font-size:16px;line-height:24px} .p-modal[data-presentation=dropdown] .p-modal-content{padding:0 16px 16px} #trip-date-picker[data-presentation=dropdown] .p-modal-head{display:none} #trip-date-picker[data-presentation=dropdown] .p-modal-content{padding:16px} } /* Optional favorite context slot must not compress the original description. */ /* Within a scrolling dialog, dropdown options participate in the scroll flow. */ .p-modal .p-dropdown[open]>.p-dropdown-menu{position:static;inset:auto;margin-top:8px;max-height:200px;width:100%;transform:none} .p-modal[data-type=text] .p-modal-content>.p-field{width:100%} /* Responsive drawer is the shared modal surface; selectors remain anchored on desktop. */ @media(min-width:900px){ dialog.p-modal[data-atlas-surface="bottom-sheet"]:not([data-presentation="dropdown"])[open]{position:fixed;inset:0 0 0 auto;margin:0;width:480px;max-width:calc(100vw - 32px);height:100dvh;max-height:100dvh;padding:0;display:flex;flex-direction:column;border:0;border-radius:24px 0 0 24px;background:var(--portal-fill-primary);overflow:hidden;box-shadow:-8px 0 40px #0002} dialog.p-modal:not([data-presentation="dropdown"])>.p-modal-head{flex:none;padding:24px} dialog.p-modal:not([data-presentation="dropdown"])>.p-modal-content{flex:1;min-height:0;overflow:auto;padding:0 24px 24px} } .p-dropdown-menu>[data-option][hidden],.p-dropdown-menu>[data-dropdown-empty][hidden]{display:none} .p-dropdown-menu>[data-dropdown-empty]{padding:8px;margin:0} /* Detail rows retain the Figma surface contrast against the secondary canvas. */ .p-dropdown-sheet .p-dropdown-menu{position:static;width:100%;max-height:none;padding:0;box-shadow:none;border:0;background:transparent} .p-dropdown-sheet .p-modal-close>img{width:16px;height:16px} /* Navigation respects the OS safe area; the simulator supplies its own top inset. */ @media(max-width:899px){:root[data-device=iphone]{--portal-menu-safe-top:60px}} /* Full-screen conversation search: the keyboard changes the visible surface height. */ :root{--portal-visible-height:100dvh;--portal-visible-top:0px;--portal-sheet-top:0px} /* Keyboard-safe mobile panes: the document never scrolls behind chat/search. */ /* The conversation owns its canvas even when the mobile shell is fixed. Header, composer and safe area share the same opaque surface as messages. */ /* Home and conversation share one canvas, including the safe-area backdrop. */ /* Programmatic surface entry announces the title, not an actionable close control. */ dialog [data-surface-focus-title]:focus{outline:none} /* Shared management compositions: no consumer-specific presentation. */ /* Context menu anatomy: compact rows, semantically separated groups, optional footer. */ @media(min-width:900px) and (hover:hover){} /* Detail headers share the gray backing of the content beneath their glass. */ /* Collection clipping follows its container, not the conversation measure. */ /* Desktop footer secondary actions consume the official tertiary button tokens. */ /* Conversation management uses the continuous row highlight for keyboard focus. */ /* Mobile footer actions divide the available width equally. */ /* Keep the approved tint fade independent from the blur ramp, so sharp background text does not ghost through the glass across its full height. */ .p-gallery-pagination{display:flex;gap:4px;width:max-content}.p-gallery-pagination button{display:flex;align-items:center;border:0;background:transparent;padding:8px 0;cursor:pointer}.p-gallery-pagination span{display:block;width:8px;height:8px;border-radius:999px;background:var(--portal-border-default)}.p-gallery-pagination [aria-pressed=true] span{width:24px;background:var(--portal-text-primary)} /* Colors below are local values of the landing frames, not new global Figma tokens. */ /* Figma carousel: scrollable content without a visible native scrollbar. */ /* Clip the selected glass layer without clipping the external selection ring. */ /* Chat Header: 795:59340 desktop, 285:7825 mobile. */ /* Inline profile: authorized composition, preserving the original stacked variant. */ /* Original: Maiara Loading Motion, source b381139f462cf37217778298c612ece5058fd9c9. Shapes, colors, keyframes and timing retained. Classes scoped for Atlas. */ /* Cenas 1 e 2 restauradas sem redesenho. */ /* Cena 3 — fluxo contínuo de referências usadas para construir o roteiro. */ @keyframes atlas-loading-scene-in { from { opacity: 0; transform: translateY(5px) scale(.992); } to { opacity: 1; transform: none; } } @keyframes atlas-loading-copy-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } } @keyframes atlas-loading-card-breathe { 0%, 18%, 82%, 100% { opacity: .78; transform: translateY(0); } 36%, 68% { opacity: .62; transform: translateY(0); } } @keyframes atlas-loading-selected-card { 0%, 18%, 82%, 100% { transform: scale(1); background: var(--portal-loading-surface); box-shadow: 0 7px 24px rgba(93, 115, 137, .04); border-color: var(--portal-loading-line); } 37%, 67% { transform: scale(1.018); background: var(--portal-loading-surface); box-shadow: 0 12px 32px rgba(93, 115, 137, .08); border-color: var(--portal-loading-motion-mid); } } @keyframes atlas-loading-status-pop { 0%, 27%, 76%, 100% { opacity: 0; transform: scale(.72); } 40%, 66% { opacity: 1; transform: scale(1); } } @keyframes atlas-loading-carousel-step { 0%, 18% { transform: translateX(0); } 42%, 72% { transform: translateX(-112px); } 92%, 100% { transform: translateX(-224px); } } @keyframes atlas-loading-icon-rain-flow { from { transform: translate3d(-50%, 0, 0); } to { transform: translate3d(-50%, 220px, 0); } } /* Atlas component library. Source: Atlas Figma; geometry from inspected components. */ /* Atlas — exported from Figma. Semantic aliases preserved. */ :root { --portal-blue-gray-50: #f6f6f6; --portal-blue-gray-100: #e1e3e6; --portal-blue-gray-150: #d3d5d9; --portal-blue-gray-200: #c4c7cc; --portal-blue-gray-300: #a6aab3; --portal-blue-gray-400: #898e99; --portal-blue-gray-500: #6b7280; --portal-blue-gray-600: #565b66; --portal-blue-gray-700: #40444d; --portal-blue-gray-800: #2b2e33; --portal-blue-gray-850: #202226; --portal-blue-gray-900: #15171a; --portal-blue-gray-950: #0b0b0d; --portal-brand-50: #f3e9ff; --portal-brand-100: #e7d3ff; --portal-brand-150: #dbbdff; --portal-brand-200: #cfa7ff; --portal-brand-300: #b67cff; --portal-brand-400: #9e50ff; --portal-brand-500: #8624ff; --portal-brand-600: #6b1dcc; --portal-brand-700: #501699; --portal-brand-800: #360e66; --portal-brand-850: #280b4d; --portal-brand-900: #1b0733; --portal-brand-950: #0d041a; --portal-positive-50: #eafbf1; --portal-positive-100: #d5f7e3; --portal-positive-150: #c0f3d5; --portal-positive-200: #abefc7; --portal-positive-300: #80e6ab; --portal-positive-400: #56de8f; --portal-positive-500: #2cd673; --portal-positive-600: #23ab5c; --portal-positive-700: #1a8045; --portal-positive-800: #12562e; --portal-positive-850: #0d4023; --portal-positive-900: #092b17; --portal-positive-950: #04150c; --portal-informative-50: #eaf0fe; --portal-informative-100: #d5e1fe; --portal-informative-150: #c0d2fd; --portal-informative-200: #abc3fc; --portal-informative-300: #81a4fb; --portal-informative-400: #5786f9; --portal-informative-500: #2d68f8; --portal-informative-600: #2453c6; --portal-informative-700: #1b3e95; --portal-informative-800: #122a63; --portal-informative-850: #0e1f4a; --portal-informative-900: #091532; --portal-informative-950: #050a19; --portal-negative-50: #feeaea; --portal-negative-100: #fcd6d6; --portal-negative-150: #fbc1c1; --portal-negative-200: #faacac; --portal-negative-300: #f78383; --portal-negative-400: #f55959; --portal-negative-500: #f23030; --portal-negative-600: #c22626; --portal-negative-700: #911d1d; --portal-negative-800: #611313; --portal-negative-850: #490e0e; --portal-negative-900: #300a0a; --portal-negative-950: #180505; --portal-warning-50: #fef1ea; --portal-warning-100: #fce3d6; --portal-warning-150: #fbd5c1; --portal-warning-200: #fac7ac; --portal-warning-300: #f7ac83; --portal-warning-400: #f59059; --portal-warning-500: #f27430; --portal-warning-600: #c25d26; --portal-warning-700: #91461d; --portal-warning-800: #612e13; --portal-warning-850: #49230e; --portal-warning-900: #30170a; --portal-warning-950: #180c05; --portal-alpha-white-alpha-5: rgba(255, 255, 255, 0.05); --portal-alpha-white-aplha-10: rgba(255, 255, 255, 0.1); --portal-alpha-white-alpha-15: rgba(255, 255, 255, 0.15); --portal-alpha-white-alpha-20: rgba(255, 255, 255, 0.2); --portal-alpha-white-alpha-30: rgba(255, 255, 255, 0.3); --portal-alpha-white-alpha-40: rgba(255, 255, 255, 0.4); --portal-alpha-white-alpha-50: rgba(255, 255, 255, 0.5); --portal-alpha-white-alpha-60: rgba(255, 255, 255, 0.6); --portal-alpha-white-alpha-70: rgba(255, 255, 255, 0.7); --portal-alpha-white-alpha-80: rgba(255, 255, 255, 0.8); --portal-alpha-white-alpha-85: rgba(255, 255, 255, 0.85); --portal-alpha-white-alpha-90: rgba(255, 255, 255, 0.9); --portal-alpha-white-alpha-95: rgba(255, 255, 255, 0.95); --portal-alpha-white-transparent: rgba(255, 255, 255, 0); --portal-alpha-white-white: #ffffff; --portal-alpha-black-transparent: rgba(0, 0, 0, 0); --portal-alpha-black-alpha-5: rgba(0, 0, 0, 0.05); --portal-alpha-black-aplha-10: rgba(0, 0, 0, 0.1); --portal-alpha-black-alpha-15: rgba(0, 0, 0, 0.15); --portal-alpha-black-alpha-20: rgba(0, 0, 0, 0.2); --portal-alpha-black-alpha-30: rgba(0, 0, 0, 0.3); --portal-alpha-black-alpha-40: rgba(0, 0, 0, 0.4); --portal-alpha-black-alpha-50: rgba(0, 0, 0, 0.5); --portal-alpha-black-alpha-60: rgba(0, 0, 0, 0.6); --portal-alpha-black-alpha-70: rgba(0, 0, 0, 0.7); --portal-alpha-black-alpha-80: rgba(0, 0, 0, 0.8); --portal-alpha-black-alpha-85: rgba(0, 0, 0, 0.85); --portal-alpha-black-alpha-90: rgba(0, 0, 0, 0.9); --portal-alpha-black-alpha-95: rgba(0, 0, 0, 0.95); --portal-alpha-black-black: #000000; --portal-fill-primary: var(--portal-alpha-white-white); --portal-fill-secondary: var(--portal-blue-gray-50); --portal-fill-tertiary: var(--portal-blue-gray-100); --portal-fill-disabled: var(--portal-blue-gray-200); --portal-text-primary: var(--portal-blue-gray-950); --portal-text-secondary: var(--portal-blue-gray-700); --portal-text-tertiary: var(--portal-blue-gray-600); --portal-text-disabled: var(--portal-blue-gray-600); --portal-background-primary: var(--portal-alpha-white-white); --portal-background-secondary: var(--portal-blue-gray-50); --portal-background-tertiary: var(--portal-blue-gray-100); --portal-background-disabled: var(--portal-blue-gray-200); --portal-surface-primary-default: var(--portal-alpha-white-white); --portal-surface-primary-hover: var(--portal-blue-gray-100); --portal-surface-primary-active: var(--portal-blue-gray-200); --portal-surface-primary-disabled: var(--portal-blue-gray-200); --portal-surface-secondary-default: var(--portal-blue-gray-50); --portal-surface-secondary-hover: var(--portal-blue-gray-150); --portal-surface-secondary-active: var(--portal-blue-gray-300); --portal-surface-secondary-disabled: var(--portal-blue-gray-200); --portal-border-default: var(--portal-blue-gray-100); --portal-border-hover: var(--portal-blue-gray-150); --portal-border-active: var(--portal-blue-gray-200); --portal-border-disabled: var(--portal-blue-gray-200); --portal-icon-tx-primary: var(--portal-blue-gray-950); --portal-icon-secondary: var(--portal-blue-gray-700); --portal-icon-tertiary: var(--portal-blue-gray-600); --portal-icon-disabled: var(--portal-blue-gray-600); --portal-icon-interactive-default: var(--portal-brand-700); --portal-icon-interactive-hover: var(--portal-brand-800); --portal-icon-interactive-active: var(--portal-brand-850); --portal-border-accent-active: var(--portal-brand-850); --portal-border-accent-hover: var(--portal-brand-800); --portal-border-accent-default: var(--portal-brand-700); --portal-button-primary-fill-primary-active: var(--portal-brand-850); --portal-button-primary-fill-primary-hover: var(--portal-brand-800); --portal-button-primary-fill-primary-default: var(--portal-brand-700); --portal-text-inverse: var(--portal-alpha-white-white); --portal-fill-inverse: var(--portal-alpha-black-black); --portal-negative-fill-default: var(--portal-negative-150); --portal-negative-content: var(--portal-negative-800); --portal-negative-fill-hover: var(--portal-negative-200); --portal-negative-fill-active: var(--portal-negative-300); --portal-negative-border-default: var(--portal-negative-800); --portal-negative-border-hover: var(--portal-negative-850); --portal-negative-border-active: var(--portal-negative-900); --portal-positive-fill-default: var(--portal-positive-150); --portal-positive-fill-hover: var(--portal-positive-200); --portal-positive-fill-active: var(--portal-positive-300); --portal-positive-content: var(--portal-positive-800); --portal-positive-border-default: var(--portal-positive-800); --portal-positive-border-hover: var(--portal-positive-850); --portal-positive-border-active: var(--portal-positive-900); --portal-informative-fill-default: var(--portal-informative-150); --portal-informative-fill-hover: var(--portal-informative-200); --portal-informative-fill-active: var(--portal-informative-300); --portal-informative-content: var(--portal-informative-800); --portal-informative-border-default: var(--portal-informative-800); --portal-informative-border-hover: var(--portal-informative-850); --portal-informative-border-active: var(--portal-informative-900); --portal-warning-fill-default: var(--portal-warning-150); --portal-warning-fill-hover: var(--portal-warning-200); --portal-warning-fill-active: var(--portal-warning-300); --portal-warning-content: var(--portal-warning-800); --portal-warning-border-default: var(--portal-warning-800); --portal-warning-border-hover: var(--portal-warning-850); --portal-warning-border-active: var(--portal-warning-900); --portal-brand-fill-default: var(--portal-brand-150); --portal-brand-fill-hover: var(--portal-brand-200); --portal-brand-fill-active: var(--portal-brand-300); --portal-brand-content: var(--portal-brand-800); --portal-brand-border-default: var(--portal-brand-800); --portal-brand-border-hover: var(--portal-brand-850); --portal-brand-border-active: var(--portal-brand-900); --portal-text-text-link-link-inverse: #c5d0ff; --portal-text-text-link-link-hover: #004299; --portal-text-text-link-link-active: #002e6a; --portal-text-text-link-link: #005bd3; --portal-button-secondary-fill-secondary-default: var(--portal-brand-100); --portal-button-secondary-fill-secondary-hover: var(--portal-brand-200); --portal-button-secondary-fill-secondary-active: var(--portal-brand-300); --portal-button-tertiary-fill-tertiary-default: var(--portal-alpha-black-transparent); --portal-button-tertiary-fill-tertiary-hover: var(--portal-alpha-black-alpha-5); --portal-button-tertiary-fill-tertiary-active: var(--portal-alpha-black-alpha-30); --portal-button-destructive-fill-destructive-default: var(--portal-negative-fill-default); --portal-button-destructive-fill-destructive-hover: var(--portal-negative-fill-hover); --portal-button-destructive-fill-destructive-active: var(--portal-negative-fill-active); --portal-button-primary-text-primary: var(--portal-brand-50); --portal-button-secondary-text-secondary: var(--portal-brand-850); --portal-button-tertiary-text-tertiary: var(--portal-blue-gray-950); --portal-button-disabled-text-disabled: var(--portal-alpha-black-alpha-40); --portal-button-disabled-fill-disabled: var(--portal-alpha-black-alpha-15); --portal-button-destructive-text-destructive: var(--portal-negative-border-default); --portal-button-disabled-icon-disabled: var(--portal-alpha-black-alpha-40); --portal-button-destructive-icon-destructive: var(--portal-negative-border-default); --portal-button-tertiary-icon-tertiary: var(--portal-blue-gray-950); --portal-button-secondary-icon-secondary: var(--portal-brand-850); --portal-button-primary-icon-primary: var(--portal-brand-50); --portal-icon-icon-white: var(--portal-alpha-white-white); --portal-icon-icon-black: var(--portal-blue-gray-950); --portal-text-text-white: var(--portal-alpha-white-white); --portal-text-text-black: var(--portal-blue-gray-950); --portal-glass-fill-primary-fill-default: var(--portal-alpha-white-alpha-50); --portal-glass-fill-primary-fill-hover: var(--portal-alpha-white-alpha-70); --portal-glass-fill-primary-fill-active: var(--portal-alpha-white-alpha-80); --portal-glass-fill-primary-content: var(--portal-blue-gray-50); --portal-glass-fill-primary-border-default: var(--portal-blue-gray-50); --portal-glass-fill-primary-border-hover: var(--portal-blue-gray-50); --portal-glass-fill-primary-border-active: var(--portal-brand-50); --portal-neutral-fill-default: var(--portal-blue-gray-100); --portal-neutral-fill-hover: var(--portal-blue-gray-200); --portal-neutral-fill-active: var(--portal-blue-gray-300); --portal-neutral-content: var(--portal-blue-gray-850); --portal-neutral-border-default: var(--portal-blue-gray-900); --portal-neutral-border-hover: var(--portal-blue-gray-950); --portal-neutral-border-active: var(--portal-blue-gray-950); --portal-text-placeholder: var(--portal-blue-gray-500); --portal-bubble-default-fill-default: var(--portal-blue-gray-50); --portal-bubble-default-fill-hover: var(--portal-alpha-black-aplha-10); --portal-bubble-default-fill-active: var(--portal-alpha-black-alpha-30); --portal-bubble-default-text-default: var(--portal-blue-gray-950); --portal-bubble-default-icon-default: var(--portal-blue-gray-950); --portal-bubble-destructive-fill-destructive-default: var(--portal-negative-fill-default); --portal-bubble-destructive-fill-destructive-hover: var(--portal-negative-fill-hover); --portal-bubble-disabled-fill-disabled: var(--portal-alpha-black-alpha-15); --portal-bubble-destructive-fill-destructive-active: var(--portal-negative-fill-active); --portal-bubble-destructive-text-destructive: var(--portal-negative-border-default); --portal-bubble-destructive-icon-destructive: var(--portal-negative-border-default); --portal-bubble-disabled-text-disabled: var(--portal-alpha-black-alpha-40); --portal-bubble-disabled-icon-disabled: var(--portal-alpha-black-alpha-40); --portal-glass-fill-secondary-fill-default: rgba(246, 246, 246, 0.5); --portal-glass-fill-secondary-fill-hover: var(--portal-alpha-white-alpha-70); --portal-glass-fill-secondary-fill-active: var(--portal-alpha-white-alpha-80); --portal-glass-fill-secondary-content: var(--portal-blue-gray-50); --portal-glass-fill-secondary-border-default: var(--portal-blue-gray-50); --portal-glass-fill-secondary-border-hover: var(--portal-blue-gray-50); --portal-glass-fill-secondary-border-active: var(--portal-brand-50); --portal-heading-heading-3xl-size: 36px; --portal-heading-heading-3xl-line: 48px; --portal-heading-heading-3xl-weight: 700; --portal-heading-heading-2xl-size: 30px; --portal-heading-heading-2xl-line: 40px; --portal-heading-heading-2xl-weight: 700; --portal-heading-heading-xl-size: 24px; --portal-heading-heading-xl-line: 32px; --portal-heading-heading-xl-weight: 700; --portal-heading-heading-lg-size: 20px; --portal-heading-heading-lg-line: 24px; --portal-heading-heading-lg-weight: 650; --portal-heading-heading-md-size: 14px; --portal-heading-heading-md-line: 20px; --portal-heading-heading-md-weight: 650; --portal-heading-heading-sm-size: 13px; --portal-heading-heading-sm-line: 20px; --portal-heading-heading-sm-weight: 650; --portal-body-body-lg-default-size: 14px; --portal-body-body-lg-default-line: 20px; --portal-body-body-lg-default-weight: 450; --portal-body-body-lg-underline-size: 14px; --portal-body-body-lg-underline-line: 20px; --portal-body-body-lg-underline-weight: 450; --portal-body-body-lg-medium-size: 14px; --portal-body-body-lg-medium-line: 20px; --portal-body-body-lg-medium-weight: 550; --portal-body-body-lg-semibold-size: 14px; --portal-body-body-lg-semibold-line: 20px; --portal-body-body-lg-semibold-weight: 650; --portal-body-body-md-default-size: 13px; --portal-body-body-md-default-line: 20px; --portal-body-body-md-default-weight: 450; --portal-body-body-md-underline-size: 13px; --portal-body-body-md-underline-line: 20px; --portal-body-body-md-underline-weight: 450; --portal-body-body-md-medium-size: 13px; --portal-body-body-md-medium-line: 20px; --portal-body-body-md-medium-weight: 550; --portal-body-body-md-medium-underline-size: 13px; --portal-body-body-md-medium-underline-line: 20px; --portal-body-body-md-medium-underline-weight: 550; --portal-body-body-md-semibold-size: 13px; --portal-body-body-md-semibold-line: 20px; --portal-body-body-md-semibold-weight: 650; --portal-body-body-md-numeric-size: 13px; --portal-body-body-md-numeric-line: 20px; --portal-body-body-md-numeric-weight: 450; --portal-body-body-md-medium-numeric-size: 13px; --portal-body-body-md-medium-numeric-line: 20px; --portal-body-body-md-medium-numeric-weight: 550; --portal-body-body-md-semibold-numeric-size: 13px; --portal-body-body-md-semibold-numeric-line: 20px; --portal-body-body-md-semibold-numeric-weight: 650; --portal-body-body-md-mono-size: 14px; --portal-body-body-md-mono-line: 16px; --portal-body-body-md-mono-weight: 400; --portal-body-body-sm-default-size: 12px; --portal-body-body-sm-default-line: 16px; --portal-body-body-sm-default-weight: 450; --portal-body-body-sm-underline-size: 12px; --portal-body-body-sm-underline-line: 16px; --portal-body-body-sm-underline-weight: 450; --portal-body-body-sm-medium-size: 12px; --portal-body-body-sm-medium-line: 16px; --portal-body-body-sm-medium-weight: 550; --portal-body-body-sm-medium-underline-size: 12px; --portal-body-body-sm-medium-underline-line: 16px; --portal-body-body-sm-medium-underline-weight: 550; --portal-body-body-sm-semibold-size: 12px; --portal-body-body-sm-semibold-line: 16px; --portal-body-body-sm-semibold-weight: 600; --portal-body-body-xs-default-size: 11px; --portal-body-body-xs-default-line: 12px; --portal-body-body-xs-default-weight: 450; --portal-body-body-xs-semibold-size: 11px; --portal-body-body-xs-semibold-line: 12px; --portal-body-body-xs-semibold-weight: 650; } /* Atlas Magic Wizard — reference frames 262:9145 / 263:16737. */ /* Calendar is the period popover; the composer never renders a second chatbar. */ /* Loading remains inside the same wizard shell (416:11433). */ /* Itinerary composition — Atlas 366:10205. Geometry in CSS; colors via Atlas tokens. */ @media(prefers-reduced-motion:reduce){} /* The card opens details; its independent actions retain their own targets. */ /* Glass over the itinerary surface needs foreground text, not the photo-overlay token. */ /* On the secondary itinerary surface, each toolbar control has its own raised fill. */ /* Dark mode is an Atlas web extension requested for this library. Figma source defines light-mode only. */ :root,[data-theme="light"]{color-scheme:light;--portal-fill-primary:#ffffff;--portal-fill-secondary:#f6f6f6;--portal-fill-tertiary:#e1e3e6;--portal-fill-disabled:#c4c7cc;--portal-text-primary:#0b0b0d;--portal-text-secondary:#40444d;--portal-text-tertiary:#565b66;--portal-text-disabled:#565b66;--portal-background-primary:#ffffff;--portal-background-secondary:#f6f6f6;--portal-background-tertiary:#e1e3e6;--portal-background-disabled:#c4c7cc;--portal-surface-primary-default:#ffffff;--portal-surface-primary-hover:#e1e3e6;--portal-surface-primary-active:#c4c7cc;--portal-surface-primary-disabled:#c4c7cc;--portal-surface-secondary-default:#f6f6f6;--portal-surface-secondary-hover:#d3d5d9;--portal-surface-secondary-active:#a6aab3;--portal-surface-secondary-disabled:#c4c7cc;--portal-border-default:#e1e3e6;--portal-border-hover:#d3d5d9;--portal-border-active:#c4c7cc;--portal-border-disabled:#c4c7cc;--portal-icon-tx-primary:#0b0b0d;--portal-icon-secondary:#40444d;--portal-icon-tertiary:#565b66;--portal-icon-disabled:#565b66;--portal-icon-interactive-default:#501699;--portal-icon-interactive-hover:#360e66;--portal-icon-interactive-active:#280b4d;--portal-border-accent-active:#280b4d;--portal-border-accent-hover:#360e66;--portal-border-accent-default:#501699;--portal-button-primary-fill-primary-active:#280b4d;--portal-button-primary-fill-primary-hover:#360e66;--portal-button-primary-fill-primary-default:#501699;--portal-text-inverse:#ffffff;--portal-fill-inverse:#000000;--portal-negative-fill-default:#fbc1c1;--portal-negative-content:#611313;--portal-negative-fill-hover:#faacac;--portal-negative-fill-active:#f78383;--portal-negative-border-default:#611313;--portal-negative-border-hover:#490e0e;--portal-negative-border-active:#300a0a;--portal-positive-fill-default:#c0f3d5;--portal-positive-fill-hover:#abefc7;--portal-positive-fill-active:#80e6ab;--portal-positive-content:#12562e;--portal-positive-border-default:#12562e;--portal-positive-border-hover:#0d4023;--portal-positive-border-active:#092b17;--portal-informative-fill-default:#c0d2fd;--portal-informative-fill-hover:#abc3fc;--portal-informative-fill-active:#81a4fb;--portal-informative-content:#122a63;--portal-informative-border-default:#122a63;--portal-informative-border-hover:#0e1f4a;--portal-informative-border-active:#091532;--portal-warning-fill-default:#fbd5c1;--portal-warning-fill-hover:#fac7ac;--portal-warning-fill-active:#f7ac83;--portal-warning-content:#612e13;--portal-warning-border-default:#612e13;--portal-warning-border-hover:#49230e;--portal-warning-border-active:#30170a;--portal-brand-fill-default:#dbbdff;--portal-brand-fill-hover:#cfa7ff;--portal-brand-fill-active:#b67cff;--portal-brand-content:#360e66;--portal-brand-border-default:#360e66;--portal-brand-border-hover:#280b4d;--portal-brand-border-active:#1b0733;--portal-text-text-link-link-inverse:#c5d0ff;--portal-text-text-link-link-hover:#004299;--portal-text-text-link-link-active:#002e6a;--portal-text-text-link-link:#005bd3;--portal-button-secondary-fill-secondary-default:#e7d3ff;--portal-button-secondary-fill-secondary-hover:#cfa7ff;--portal-button-secondary-fill-secondary-active:#b67cff;--portal-button-tertiary-fill-tertiary-default:rgba(0, 0, 0, 0);--portal-button-tertiary-fill-tertiary-hover:rgba(0, 0, 0, 0.05);--portal-button-tertiary-fill-tertiary-active:rgba(0, 0, 0, 0.3);--portal-button-destructive-fill-destructive-default:#fbc1c1;--portal-button-destructive-fill-destructive-hover:#faacac;--portal-button-destructive-fill-destructive-active:#f78383;--portal-button-primary-text-primary:#f3e9ff;--portal-button-secondary-text-secondary:#280b4d;--portal-button-tertiary-text-tertiary:#0b0b0d;--portal-button-disabled-text-disabled:rgba(0, 0, 0, 0.4);--portal-button-disabled-fill-disabled:rgba(0, 0, 0, 0.15);--portal-button-destructive-text-destructive:#611313;--portal-button-disabled-icon-disabled:rgba(0, 0, 0, 0.4);--portal-button-destructive-icon-destructive:#611313;--portal-button-tertiary-icon-tertiary:#0b0b0d;--portal-button-secondary-icon-secondary:#280b4d;--portal-button-primary-icon-primary:#f3e9ff;--portal-icon-icon-white:#ffffff;--portal-icon-icon-black:#0b0b0d;--portal-text-text-white:#ffffff;--portal-text-text-black:#0b0b0d;--portal-glass-fill-primary-fill-default:rgba(255, 255, 255, 0.5);--portal-glass-fill-primary-fill-hover:rgba(255, 255, 255, 0.7);--portal-glass-fill-primary-fill-active:rgba(255, 255, 255, 0.8);--portal-glass-fill-primary-content:#f6f6f6;--portal-glass-fill-primary-border-default:#f6f6f6;--portal-glass-fill-primary-border-hover:#f6f6f6;--portal-glass-fill-primary-border-active:#f3e9ff;--portal-neutral-fill-default:#e1e3e6;--portal-neutral-fill-hover:#c4c7cc;--portal-neutral-fill-active:#a6aab3;--portal-neutral-content:#202226;--portal-neutral-border-default:#15171a;--portal-neutral-border-hover:#0b0b0d;--portal-neutral-border-active:#0b0b0d;--portal-text-placeholder:#6b7280;--portal-bubble-default-fill-default:#f6f6f6;--portal-bubble-default-fill-hover:rgba(0, 0, 0, 0.1);--portal-bubble-default-fill-active:rgba(0, 0, 0, 0.3);--portal-bubble-default-text-default:#0b0b0d;--portal-bubble-default-icon-default:#0b0b0d;--portal-bubble-destructive-fill-destructive-default:#fbc1c1;--portal-bubble-destructive-fill-destructive-hover:#faacac;--portal-bubble-disabled-fill-disabled:rgba(0, 0, 0, 0.15);--portal-bubble-destructive-fill-destructive-active:#f78383;--portal-bubble-destructive-text-destructive:#611313;--portal-bubble-destructive-icon-destructive:#611313;--portal-bubble-disabled-text-disabled:rgba(0, 0, 0, 0.4);--portal-bubble-disabled-icon-disabled:rgba(0, 0, 0, 0.4);--portal-glass-fill-secondary-fill-default:rgba(246, 246, 246, 0.5);--portal-glass-fill-secondary-fill-hover:rgba(255, 255, 255, 0.7);--portal-glass-fill-secondary-fill-active:rgba(255, 255, 255, 0.8);--portal-glass-fill-secondary-content:#f6f6f6;--portal-glass-fill-secondary-border-default:#f6f6f6;--portal-glass-fill-secondary-border-hover:#f6f6f6;--portal-glass-fill-secondary-border-active:#f3e9ff;--portal-calendar-range:#e7d3ff;--portal-calendar-selected:#501699;--portal-calendar-selected-text:#ffffff;--portal-option-hover:#f2f2f2;--portal-recording-active:#290b4d;--portal-recording-idle:#e1e3e6;--portal-checkbox-border-default:#e1e3e6;--portal-checkbox-icon-selected:#ffffff;--portal-overlay-scrim:rgba(0,0,0,.15);--portal-shadow-overlay:0 8px 32px rgba(11,11,13,.12);} [data-theme="dark"]{color-scheme:dark;--portal-fill-primary:#202226;--portal-fill-secondary:#202226;--portal-fill-tertiary:#2b2e33;--portal-fill-disabled:#2b2e33;--portal-text-primary:#f6f6f6;--portal-text-secondary:#d3d5d9;--portal-text-tertiary:#c4c7cc;--portal-text-disabled:#898e99;--portal-background-primary:#15171a;--portal-background-secondary:#15171a;--portal-background-tertiary:#2b2e33;--portal-background-disabled:#2b2e33;--portal-surface-primary-default:#202226;--portal-surface-primary-hover:#2b2e33;--portal-surface-primary-active:#40444d;--portal-surface-primary-disabled:#2b2e33;--portal-surface-secondary-default:#2b2e33;--portal-surface-secondary-hover:#40444d;--portal-surface-secondary-active:#565b66;--portal-surface-secondary-disabled:#2b2e33;--portal-border-default:#2b2e33;--portal-border-hover:#40444d;--portal-border-active:#40444d;--portal-border-disabled:#2b2e33;--portal-icon-tx-primary:#f6f6f6;--portal-icon-secondary:#d3d5d9;--portal-icon-tertiary:#c4c7cc;--portal-icon-disabled:#898e99;--portal-icon-interactive-default:#cfa7ff;--portal-icon-interactive-hover:#dbbdff;--portal-icon-interactive-active:#e7d3ff;--portal-border-accent-active:#e7d3ff;--portal-border-accent-hover:#dbbdff;--portal-border-accent-default:#cfa7ff;--portal-button-primary-fill-primary-active:#e7d3ff;--portal-button-primary-fill-primary-hover:#dbbdff;--portal-button-primary-fill-primary-default:#cfa7ff;--portal-text-inverse:#0b0b0d;--portal-fill-inverse:#f6f6f6;--portal-negative-fill-default:#490e0e;--portal-negative-content:#fbc1c1;--portal-negative-fill-hover:#611313;--portal-negative-fill-active:#911d1d;--portal-negative-border-default:#fbc1c1;--portal-negative-border-hover:#fcd6d6;--portal-negative-border-active:#feeaea;--portal-positive-fill-default:#0d4023;--portal-positive-fill-hover:#12562e;--portal-positive-fill-active:#1a8045;--portal-positive-content:#c0f3d5;--portal-positive-border-default:#c0f3d5;--portal-positive-border-hover:#d5f7e3;--portal-positive-border-active:#eafbf1;--portal-informative-fill-default:#0e1f4a;--portal-informative-fill-hover:#122a63;--portal-informative-fill-active:#1b3e95;--portal-informative-content:#c0d2fd;--portal-informative-border-default:#c0d2fd;--portal-informative-border-hover:#d5e1fe;--portal-informative-border-active:#eaf0fe;--portal-warning-fill-default:#49230e;--portal-warning-fill-hover:#612e13;--portal-warning-fill-active:#91461d;--portal-warning-content:#fbd5c1;--portal-warning-border-default:#fbd5c1;--portal-warning-border-hover:#fce3d6;--portal-warning-border-active:#fef1ea;--portal-brand-fill-default:#280b4d;--portal-brand-fill-hover:#360e66;--portal-brand-fill-active:#501699;--portal-brand-content:#dbbdff;--portal-brand-border-default:#dbbdff;--portal-brand-border-hover:#e7d3ff;--portal-brand-border-active:#f3e9ff;--portal-text-text-link-link-inverse:#abc3fc;--portal-text-text-link-link-hover:#c0d2fd;--portal-text-text-link-link-active:#d5e1fe;--portal-text-text-link-link:#abc3fc;--portal-button-secondary-fill-secondary-default:#423a51;--portal-button-secondary-fill-secondary-hover:#514563;--portal-button-secondary-fill-secondary-active:#5f5176;--portal-button-tertiary-fill-tertiary-default:rgba(0, 0, 0, 0);--portal-button-tertiary-fill-tertiary-hover:rgba(255, 255, 255, 0.05);--portal-button-tertiary-fill-tertiary-active:rgba(255, 255, 255, 0.3);--portal-button-destructive-fill-destructive-default:#490e0e;--portal-button-destructive-fill-destructive-hover:#611313;--portal-button-destructive-fill-destructive-active:#911d1d;--portal-button-primary-text-primary:#0d041a;--portal-button-secondary-text-secondary:#e7d3ff;--portal-button-tertiary-text-tertiary:#f6f6f6;--portal-button-disabled-text-disabled:rgba(255, 255, 255, 0.4);--portal-button-disabled-fill-disabled:rgba(255, 255, 255, 0.15);--portal-button-destructive-text-destructive:#fbc1c1;--portal-button-disabled-icon-disabled:rgba(255, 255, 255, 0.4);--portal-button-destructive-icon-destructive:#fbc1c1;--portal-button-tertiary-icon-tertiary:#f6f6f6;--portal-button-secondary-icon-secondary:#e7d3ff;--portal-button-primary-icon-primary:#0d041a;--portal-icon-icon-white:#ffffff;--portal-icon-icon-black:#0b0b0d;--portal-text-text-white:#ffffff;--portal-text-text-black:#0b0b0d;--portal-glass-fill-primary-fill-default:rgba(21,23,26,.5);--portal-glass-fill-primary-fill-hover:rgba(32,34,38,.8);--portal-glass-fill-primary-fill-active:rgba(32,34,38,.9);--portal-glass-fill-primary-content:#f6f6f6;--portal-glass-fill-primary-border-default:#565b66;--portal-glass-fill-primary-border-hover:#565b66;--portal-glass-fill-primary-border-active:#565b66;--portal-neutral-fill-default:#2b2e33;--portal-neutral-fill-hover:#40444d;--portal-neutral-fill-active:#565b66;--portal-neutral-content:#e1e3e6;--portal-neutral-border-default:#f6f6f6;--portal-neutral-border-hover:#f6f6f6;--portal-neutral-border-active:#f6f6f6;--portal-text-placeholder:#a6aab3;--portal-bubble-default-fill-default:#202226;--portal-bubble-default-fill-hover:rgba(255, 255, 255, 0.1);--portal-bubble-default-fill-active:rgba(255, 255, 255, 0.3);--portal-bubble-default-text-default:#f6f6f6;--portal-bubble-default-icon-default:#f6f6f6;--portal-bubble-destructive-fill-destructive-default:#490e0e;--portal-bubble-destructive-fill-destructive-hover:#611313;--portal-bubble-disabled-fill-disabled:rgba(255, 255, 255, 0.15);--portal-bubble-destructive-fill-destructive-active:#911d1d;--portal-bubble-destructive-text-destructive:#fbc1c1;--portal-bubble-destructive-icon-destructive:#fbc1c1;--portal-bubble-disabled-text-disabled:rgba(255, 255, 255, 0.4);--portal-bubble-disabled-icon-disabled:rgba(255, 255, 255, 0.4);--portal-glass-fill-secondary-fill-default:rgba(21,23,26,.5);--portal-glass-fill-secondary-fill-hover:rgba(32,34,38,.8);--portal-glass-fill-secondary-fill-active:rgba(32,34,38,.9);--portal-glass-fill-secondary-content:#f6f6f6;--portal-glass-fill-secondary-border-default:#565b66;--portal-glass-fill-secondary-border-hover:#565b66;--portal-glass-fill-secondary-border-active:#565b66;--portal-calendar-range:#280b4d;--portal-calendar-selected:#cfa7ff;--portal-calendar-selected-text:#0d041a;--portal-option-hover:#202226;--portal-recording-active:#ffffff;--portal-recording-idle:#40444d;--portal-checkbox-border-default:#898e99;--portal-checkbox-icon-selected:#0d041a;--portal-overlay-scrim:rgba(0,0,0,.5);--portal-shadow-overlay:0 8px 32px rgba(0,0,0,.3);} [data-theme="dark"] .p-button[data-variant="primary"]:not(:disabled)>img{filter:brightness(0)} [data-theme="dark"] .p-button:disabled>img{filter:brightness(0) invert(.8)} [data-theme="dark"] .p-modal::backdrop{background:rgba(0,0,0,.5)} @font-face{font-family:Inter;src:url('../../assets/inter-latin.woff2?v=37ecfc5317a3') format('woff2');font-style:normal;font-weight:100 900;font-display:swap} :root{--portal-font-sans:Inter,system-ui,sans-serif;--portal-radius-control:12px;--portal-radius-card:24px;--portal-space-1:4px;--portal-space-2:8px;--portal-space-3:12px;--portal-space-4:16px;--portal-space-6:24px} .p-button,.p-badge,.p-modal,.p-dropdown{font-family:var(--portal-font-sans);box-sizing:border-box;color:var(--portal-text-primary);font-size:14px;line-height:20px;font-weight:450} [class^="a-"],[class*=" a-"],:where([class^="a-"],[class*=" a-"]) *{box-sizing:border-box} .p-button{--bg:var(--portal-button-primary-fill-primary-default);--hover:var(--portal-button-primary-fill-primary-hover);--active:var(--portal-button-primary-fill-primary-active);--fg:var(--portal-button-primary-text-primary);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 12px;background:var(--bg);color:var(--fg);border:0;border-radius:12px;font-weight:550;font-size:14px;line-height:20px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s} @media (hover: hover) and (pointer: fine){ :root:not([data-input="touch"]) .p-button:hover{background:var(--hover)}} .p-button[data-state="hover"]{background:var(--hover)}.p-button:active,.p-button[data-state="active"]{background:var(--active)} .p-button[data-variant="secondary"]{--bg:var(--portal-button-secondary-fill-secondary-default);--hover:var(--portal-button-secondary-fill-secondary-hover);--active:var(--portal-button-secondary-fill-secondary-active);--fg:var(--portal-button-secondary-text-secondary)} .p-button[data-variant="tertiary"]{--bg:var(--portal-button-tertiary-fill-tertiary-default);--hover:var(--portal-button-tertiary-fill-tertiary-hover);--active:var(--portal-button-tertiary-fill-tertiary-active);--fg:var(--portal-button-tertiary-text-tertiary)} .p-button[data-variant="neutral"]{--bg:var(--portal-surface-secondary-default);--hover:var(--portal-surface-secondary-hover);--active:var(--portal-surface-secondary-active);--fg:var(--portal-text-primary)} .p-button[data-variant="destructive"]{--bg:var(--portal-button-destructive-fill-destructive-default);--hover:var(--portal-button-destructive-fill-destructive-hover);--active:var(--portal-button-destructive-fill-destructive-active);--fg:var(--portal-button-destructive-text-destructive)} .p-button[data-size="small"]{height:32px;min-height:32px;padding:6px 12px}.p-button:disabled{background:var(--portal-button-disabled-fill-disabled);color:var(--portal-button-disabled-text-disabled);cursor:not-allowed} .p-button:focus-visible,.p-dropdown summary:focus-visible{outline:none} .p-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:24px;padding:2px 8px;border-radius:999px;background:var(--portal-brand-fill-default);color:var(--portal-brand-content);font-size:12px;line-height:20px;font-weight:550;white-space:nowrap}.p-badge[data-tone="positive"]{background:var(--portal-positive-fill-default);color:var(--portal-positive-content)}.p-badge[data-tone="negative"]{background:var(--portal-negative-fill-default);color:var(--portal-negative-content)}.p-badge[data-tone="warning"]{background:var(--portal-warning-fill-default);color:var(--portal-warning-content)}.p-badge[data-tone="informative"]{background:var(--portal-informative-fill-default);color:var(--portal-informative-content)}.p-badge[data-tone="neutral"]{background:var(--portal-neutral-fill-default);color:var(--portal-neutral-content)}.p-badge[data-tone="glass"]{background:var(--portal-glass-fill-primary-fill-default);color:var(--portal-glass-fill-primary-content);backdrop-filter:blur(7px)}.p-badge[data-size="small"]{min-height:20px;line-height:16px;padding:2px 6px}.p-badge[data-size="large"]{min-height:32px;padding:6px 12px} .p-field{display:flex;flex-direction:column;gap:4px;width:232px;max-width:100%;font-family:var(--portal-font-sans);font-size:12px;line-height:16px;color:var(--portal-text-tertiary)}.p-field>span:first-child{padding-left:8px} .p-dropdown{position:relative;width:232px;max-width:100%}.p-dropdown>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer}.p-dropdown>summary::-webkit-details-marker{display:none}.p-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;padding:6px;background:var(--portal-fill-primary);z-index:4;border:1px solid var(--portal-border-default);border-radius:12px;box-shadow:0 8px 24px #0b0b0d12}.p-dropdown-menu>[data-option]{display:block;padding:10px;width:100%;background:none;border:0;text-align:left;font:inherit;border-radius:8px;cursor:pointer}@media (hover: hover) and (pointer: fine){:root:not([data-input="touch"]) .p-dropdown-menu>[data-option]:hover{background:var(--portal-fill-secondary)}}.p-dropdown-menu>[data-option]:focus-visible{background:var(--portal-fill-secondary)} .p-modal{width:400px;max-width:calc(100vw - 32px);border:1px solid var(--portal-border-default);border-radius:20px;padding:16px;background:var(--portal-fill-primary);box-shadow:0 20px 48px #0b0b0d18}.p-modal::backdrop{background:rgba(255,255,255,.3);backdrop-filter:blur(10px)}.p-modal-head{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--portal-border-default)}.p-modal-head strong{flex:1;font-weight:650}.p-modal-content{padding:16px 0}.p-modal-content p{margin:8px 0 0} @media(prefers-reduced-motion:reduce){.p-button{transition:none}} /* Figma audit: dimensions include inside strokes; SVG roots keep their export size. */ .p-button[data-variant="outline"]{--bg:var(--portal-fill-primary);--hover:var(--portal-fill-secondary);--active:var(--portal-fill-tertiary);--fg:var(--portal-text-primary);box-shadow:inset 0 0 0 1px var(--portal-border-default)} @media (hover: hover) and (pointer: fine){ :root:not([data-input="touch"]) .p-button[data-variant="outline"]:hover{box-shadow:inset 0 0 0 1px var(--portal-border-hover)}} .p-button[data-variant="outline"][data-state="hover"]{box-shadow:inset 0 0 0 1px var(--portal-border-hover)} .p-button[data-variant="outline"]:active,.p-button[data-variant="outline"][data-state="active"]{box-shadow:inset 0 0 0 1px var(--portal-border-active)} .p-button[data-variant="glass"]{--bg:var(--portal-glass-fill-primary-fill-default);--hover:var(--portal-glass-fill-primary-fill-hover);--active:var(--portal-glass-fill-primary-fill-active);--fg:var(--portal-glass-fill-primary-content);backdrop-filter:blur(4px);box-shadow:0 2px 30px #1018280d} .p-button:disabled{box-shadow:none}.p-button[data-variant="glass"][data-size="small"]:disabled{background:var(--portal-glass-fill-primary-fill-default);box-shadow:0 2px 30px #1018280d} .p-badge{height:24px;min-height:24px;line-height:16px;padding:2px 8px}.p-badge[data-size="small"]{height:20px}.p-badge[data-size="large"]{height:32px;padding:2px 12px}.p-badge[data-tone="glass"]{backdrop-filter:blur(4px)} .p-field-label{padding-left:8px;color:var(--portal-text-tertiary);font:450 12px/16px var(--portal-font-sans)} .p-field-control{font:450 14px/20px var(--portal-font-sans);color:var(--portal-text-primary);display:flex;align-items:center;gap:4px;width:100%;height:40px;padding:10px 12px;background:var(--portal-surface-primary-default);border:0;border-radius:12px;box-shadow:inset 0 0 0 1px var(--portal-border-default)} .p-field-control[data-size="small"]{height:32px;padding-top:6px;padding-bottom:6px}@media (hover: hover) and (pointer: fine){:root:not([data-input="touch"]) .p-field-control:hover{box-shadow:inset 0 0 0 1px var(--portal-border-hover)}}.p-field-control[data-state="hover"]{box-shadow:inset 0 0 0 1px var(--portal-border-hover)}.p-field-control:focus-within,.p-field-control[data-state="active"]{box-shadow:inset 0 0 0 1px var(--portal-border-active)} .p-field-control input{flex:1;min-width:0;width:100%;padding:0;margin:0;border:0;background:transparent;color:inherit;outline:none;font:inherit;text-align:left}.p-field-control input::placeholder{color:var(--portal-text-placeholder);opacity:1}.p-field-control input:focus,.p-field-control input:not(:placeholder-shown),.p-field-control[data-state="active"] input{text-align:left}.p-field-control:has(input:focus-visible){outline:none} .p-field-control[data-multiline="true"]{height:auto;align-items:flex-start}.p-field-control textarea{display:block;flex:1;min-width:0;width:100%;min-height:40px;padding:0;margin:0;border:0;background:transparent;color:inherit;outline:none;font:inherit;text-align:left;resize:vertical;box-sizing:border-box}.p-field-control textarea::placeholder{color:var(--portal-text-placeholder);opacity:1}.p-field-control:has(:disabled){background:var(--portal-background-disabled);cursor:not-allowed}.p-field-control :disabled{cursor:inherit}.p-field-control:has([aria-invalid="true"]){box-shadow:inset 0 0 0 1px var(--portal-negative-border-default)} .p-field-control[data-outline="false"]{box-shadow:none}@media (hover: hover) and (pointer: fine){:root:not([data-input="touch"]) .p-field-control[data-outline="false"]:hover{background:var(--portal-surface-primary-hover)}}.p-field-control[data-outline="false"][data-state="hover"]{background:var(--portal-surface-primary-hover)}.p-dropdown .p-field-control[data-outline="false"][data-state="active"]{background:var(--portal-surface-primary-active)} .p-dropdown{width:100%;font:450 14px/20px var(--portal-font-sans)}.p-dropdown>summary{padding-right:8px;justify-content:flex-start}.p-dropdown [data-selected]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:var(--portal-text-placeholder)}.p-dropdown [data-state="active"] [data-selected]{color:var(--portal-text-primary)}.p-dropdown-chevron{display:flex;align-items:center;justify-content:center;width:17px;height:16px;flex:none}.p-dropdown[open] .p-dropdown-chevron{transform:rotate(180deg)} .p-modal{padding:0;border:0;box-shadow:inset 0 0 0 1px var(--portal-border-default),0 4px 15px #00000012}.p-modal-head{gap:10px;margin:16px 16px 0;padding:0 0 10px;min-height:31px}.p-modal-head strong{font-size:14px;line-height:20px}.p-modal-close{padding:0;display:flex;align-items:center;justify-content:center;background:none;border:0;width:16px;height:16px;cursor:pointer}.p-modal-content{padding:16px;display:flex;flex-direction:column;gap:10px;font:450 13px/20px var(--portal-font-sans);color:var(--portal-text-primary)}.p-modal-content strong{font-weight:650}.p-modal-content p{margin:0}.p-modal-close:focus-visible{outline:none} /* Original recording waveform and gradient stroke; neutral inverse divider. */ /* Component focus visuals follow the reference; documentation controls remain independent. */ [class^="a-"]:focus-visible,[class*=" a-"]:focus-visible,[class^="a-"] :focus-visible,[class*=" a-"] :focus-visible{outline:none} /* Chatbar keeps multiline scrolling without exposing native scrollbar chrome. */ @media (hover: hover) and (pointer: fine){ :root:not([data-input="touch"]) .p-dropdown [data-outline="false"]:hover [data-selected]{color:var(--portal-text-tertiary)}} .p-dropdown [data-outline="false"][data-state="hover"] [data-selected]{color:var(--portal-text-tertiary)} @media (hover: hover) and (pointer: fine){ :root:not([data-input="touch"]) .p-field-control[data-outline="false"]:hover input::placeholder{color:var(--portal-text-tertiary)}} .p-field-control[data-outline="false"][data-state="hover"] input::placeholder{color:var(--portal-text-tertiary)} /* Clip every layer and draw the outline above the card image and content. */ .p-dropdown>.p-field-control{padding-right:8px} .p-dropdown [data-selected][data-placeholder="false"]{color:var(--portal-text-primary)} /* Checkbox retains its original glyph; semantic inks keep selection visible in both themes. */ /* Keep the native date picker accessible while displaying only the Atlas calendar glyph. */ .p-field-control:has(input[type="date"]){position:relative} .p-field-control input[type="date"]{padding-right:28px} .p-field-control input[type="date"]::-webkit-calendar-picker-indicator{position:absolute;right:12px;width:16px;height:16px;opacity:0;cursor:pointer} /* Figma 457:25624 / 462:26909: preserve original card anatomy. */ /* Dropdown chevron follows the text token in both themes, using its original Figma SVG. */ .p-dropdown-chevron{color:var(--portal-text-primary);background:currentColor;mask:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE3IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTcgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJhcnJvdy1kb3duLTAxLXNoYXJwIj4KPHBhdGggaWQ9IlZlY3RvciA2OTAyIiBkPSJNNC4yNSA2TDcuNDk4MjYgOS4wNTcxOUM3Ljk3MDQ5IDkuNTAxNjQgOC4yMDY2IDkuNzIzODYgOC41IDkuNzIzODZDOC43OTM0IDkuNzIzODYgOS4wMjk1MSA5LjUwMTY0IDkuNTAxNzMgOS4wNTcxOUwxMi43NSA2IiBzdHJva2U9IiMwQjBCMEQiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==") center/17px 16px no-repeat;-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE3IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTcgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJhcnJvdy1kb3duLTAxLXNoYXJwIj4KPHBhdGggaWQ9IlZlY3RvciA2OTAyIiBkPSJNNC4yNSA2TDcuNDk4MjYgOS4wNTcxOUM3Ljk3MDQ5IDkuNTAxNjQgOC4yMDY2IDkuNzIzODYgOC41IDkuNzIzODZDOC43OTM0IDkuNzIzODYgOS4wMjk1MSA5LjUwMTY0IDkuNTAxNzMgOS4wNTcxOUwxMi43NSA2IiBzdHJva2U9IiMwQjBCMEQiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==") center/17px 16px no-repeat}.p-dropdown-chevron img{opacity:0} /* Preserve the official chevron asset byte-for-byte; the alpha mask uses its semantic icon token. */ /* Dropdown hugs optional contents; text fields retain their independent width. */ .p-field:has(>.p-dropdown){width:max-content;max-width:100%} .p-dropdown [data-selected]{flex:0 1 auto} .p-dropdown-menu{min-width:100%;width:max-content;max-width:min(360px,calc(100vw - 32px))} /* Semantic button icons use the original SVG alpha, never color approximation filters. */ .p-button{--portal-control-icon:var(--portal-button-primary-icon-primary)} .p-button[data-variant="secondary"]{--portal-control-icon:var(--portal-button-secondary-icon-secondary)} .p-button[data-variant="tertiary"]{--portal-control-icon:var(--portal-button-tertiary-icon-tertiary)} .p-button[data-variant="destructive"]{--portal-control-icon:var(--portal-button-destructive-icon-destructive)} .p-button[data-variant="neutral"],.p-button[data-variant="outline"]{--portal-control-icon:var(--portal-icon-tx-primary)} .p-button[data-variant="glass"]{--portal-control-icon:var(--portal-icon-tx-primary)} [data-semantic-icon]{--portal-icon-mask:none;--portal-icon-ink:currentColor;content:url('data:image/svg+xml,');background:var(--portal-icon-ink);mask:var(--portal-icon-mask) center/100% 100% no-repeat;filter:none!important} .p-button:disabled{--portal-control-icon:var(--portal-button-disabled-icon-disabled)} .p-button [data-semantic-icon]{background:var(--portal-control-icon)} .p-prototype-mini iframe{display:block;width:100%;border:0;height:580px;pointer-events:none} .p-prototype-title a{color:inherit} [data-theme="dark"] .p-prototype-open img,[data-theme="dark"] .p-preview-toolbar>.p-button>img{filter:brightness(0) invert(.94)} /* The device bezel must never reveal the Portal light canvas through subpixel clipping. */ .p-iphone-screen{background:var(--portal-device-black);clip-path:inset(0 round 50px)}