/* Neutral ControlRoom surfaces; color is reserved for workflow identity. */
._workspace_pice9_2, ._composer_pice9_2, ._menu_pice9_2, ._discardDialog_pice9_2 {
  --bg:#1c1c1e; --sidebar:#202023; --sidebar-line:#3e3e42; --surface:#262629; --raised:#303034;
  --text:#f5f5f7; --muted:#aaaab2; --faint:#85858f; --line:#ffffff12;
  --input:#ffffff08; --accent:#c7c7cc; --soft:#ffffff0d; --primary:#ffffff24; --primary-hover:#ffffff30; --primary-ink:#f5f5f7; --button:#ffffff14; --button-hover:#ffffff1f; --control:#ffffff0f; --control-hover:#ffffff1a;
  font-family:'NeueHaasDisplay',-apple-system,BlinkMacSystemFont,sans-serif; color:var(--text); color-scheme:dark;
}
._workspace_pice9_2 *, ._composer_pice9_2 *, ._menu_pice9_2 *, ._discardDialog_pice9_2 * { box-sizing:border-box; }
._workspace_pice9_2 button, ._composer_pice9_2 button, ._menu_pice9_2 button, ._discardDialog_pice9_2 button { font:inherit; font-weight:400; line-height:1.2; cursor:pointer; }
._workspace_pice9_2 svg, ._composer_pice9_2 svg, ._menu_pice9_2 svg, ._discardDialog_pice9_2 svg { display:block; flex-shrink:0; }
._workspace_pice9_2 button:disabled, ._composer_pice9_2 button:disabled { opacity:.4; cursor:not-allowed; }
._workspace_pice9_2 :is(button,input,select):focus-visible, ._composer_pice9_2 :is(button,input,select):focus-visible, ._discardDialog_pice9_2 button:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
._workspace_pice9_2 input, ._composer_pice9_2 input, ._composer_pice9_2 select { font:inherit; min-width:0; }
._workspace_pice9_2 { display:flex; width:100%; height:calc(100dvh - 55px); min-height:0; overflow:hidden; background:var(--bg); }
._sidebar_pice9_15 { width:240px; flex-shrink:0; display:flex; flex-direction:column; background:var(--sidebar); border-right:1px solid var(--sidebar-line); overflow:hidden; transition:width .2s cubic-bezier(.32,.08,.24,1),opacity .2s; }
._sidebarClosed_pice9_16 { width:0; opacity:0; border:0; }
._sidebarHeader_pice9_17 { padding:15px 12px; min-width:240px; display:flex; flex-direction:column; gap:10px; }
._sidebarTools_pice9_18 { display:flex; justify-content:space-between; }
._sidebarHeader_pice9_17 h2 { font-size:21px; font-weight:500; line-height:1.5; margin:0 0 0 6px; }
._navigation_pice9_20 { overflow-y:auto; flex:1; min-width:240px; padding:0 10px; scrollbar-width:thin; }
._navHeading_pice9_21 { font-size:12px; font-weight:500; color:var(--faint); margin:20px 8px 6px; }
._navItem_pice9_22 { display:flex; align-items:center; height:32px; width:100%; padding:0 10px; border:0; border-radius:10px; background:none; color:var(--text); text-align:left; margin:0; transition:background-color .05s; }
._navItem_pice9_22 svg { width:18px; height:18px; margin-left:5px; margin-right:10px; color:var(--muted); flex-shrink:0; }
._navItem_pice9_22 span { flex:1 1 100%; min-width:0; margin-right:10px; font-size:15px; font-weight:400; letter-spacing:-.24px; line-height:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
._navItem_pice9_22 small { font-size:14px; font-weight:400; letter-spacing:-.22px; line-height:20px; color:var(--muted); }
._navItem_pice9_22:hover { background:rgba(116,116,128,.25); }
._navActive_pice9_27 { background:rgb(52,52,54); }
._navActive_pice9_27 svg { color:var(--text); }
._sidebarNote_pice9_29 { margin:18px; padding-top:12px; border-top:1px solid var(--line); color:var(--faint); font-size:12px; white-space:nowrap; }
._main_pice9_30 { min-width:0; flex:1; display:flex; flex-direction:column; }
._toolbar_pice9_31 { min-height:64px; display:flex; align-items:center; gap:10px; padding:15px 22px; border-bottom:1px solid var(--line); }
._search_pice9_32, ._pickerSearch_pice9_32 { display:flex; align-items:center; gap:8px; height:34px; border:1px solid var(--line); background:var(--input); border-radius:9px; padding:0 10px; color:var(--muted); }
._search_pice9_32 { max-width:230px; width:24%; min-width:120px; }
._search_pice9_32 input, ._pickerSearch_pice9_32 input { width:100%; background:none; border:0; outline:none; color:var(--text); font-size:13px; }
._search_pice9_32:focus-within, ._pickerSearch_pice9_32:focus-within { border-color:var(--accent); }
._search_pice9_32 input:focus-visible, ._pickerSearch_pice9_32 input:focus-visible { outline:none; }
._clearSearch_pice9_37, ._pickerSearch_pice9_32 button { padding:0; display:flex; border:0; background:transparent; color:var(--muted); }
._primary_pice9_38, ._secondary_pice9_38, ._dangerButton_pice9_38 { display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:8px; min-height:36px; padding:8px 14px; font-size:14px!important; font-weight:400!important; line-height:20px; white-space:nowrap; transition:background-color .12s ease; }
._primary_pice9_38 { background:var(--primary); color:var(--primary-ink); }
._secondary_pice9_38 { background:var(--button); color:var(--text); }
._primary_pice9_38:hover { background:var(--primary-hover); }
._secondary_pice9_38:hover { background:var(--button-hover); }
._iconButton_pice9_43 { width:32px; height:32px; display:inline-grid; place-items:center; border:0; background:transparent; color:var(--muted); border-radius:8px; flex-shrink:0; padding:0; }
._iconButton_pice9_43:hover, ._iconButton_pice9_43[aria-pressed=true] { background:var(--raised); color:var(--text); }
._mobileSidebarToggle_pice9_45 { display:none; }
._libraryScroll_pice9_46 { overflow:auto; flex:1; min-height:0; padding:24px 22px; scrollbar-width:thin; scrollbar-color:var(--raised) transparent; scrollbar-gutter:stable; overflow-anchor:none; }
._textButton_pice9_47 { display:inline-flex; align-items:center; gap:6px; padding:0; border:0; background:none; color:var(--accent); font-size:13px!important; }
._textButton_pice9_47:hover { text-decoration:underline; text-underline-offset:3px; }
._collection_pice9_49 { margin-bottom:29px; }
._sectionHeading_pice9_50 { display:flex; align-items:center; justify-content:space-between; margin-bottom:13px; }
._sectionHeading_pice9_50 h2 { font-size:17px; font-weight:500; margin:0; }
._sectionHeading_pice9_50 > span { font-size:12px; color:var(--faint); }
/* Fixed tracks keep titles from rewrapping as the sidebar animates. */
._grid_pice9_54 { --card-width:208px; position:relative; display:grid; grid-template-columns:repeat(auto-fill,min(var(--card-width),100%)); gap:16px; align-items:start; justify-content:start; }
._cardSlot_pice9_55 { min-width:0; }
:is(._flowCard_pice9_56, ._composerIcon_pice9_56, ._swatch_pice9_56, ._actionCard_pice9_56, ._pickerAction_pice9_56)[data-color=violet] { --tile-start:#9475d6; --tile-end:#6949ab; --tint:#ad8cef; --tint-bg:#ad8cef16; }
:is(._flowCard_pice9_56, ._composerIcon_pice9_56, ._swatch_pice9_56, ._actionCard_pice9_56, ._pickerAction_pice9_56)[data-color=blue] { --tile-start:#5d98d9; --tile-end:#3969b0; --tint:#81b3ed; --tint-bg:#81b3ed16; }
:is(._flowCard_pice9_56, ._composerIcon_pice9_56, ._swatch_pice9_56, ._actionCard_pice9_56, ._pickerAction_pice9_56)[data-color=teal] { --tile-start:#40a79f; --tile-end:#237872; --tint:#63c4b9; --tint-bg:#63c4b916; }
:is(._flowCard_pice9_56, ._composerIcon_pice9_56, ._swatch_pice9_56, ._actionCard_pice9_56, ._pickerAction_pice9_56)[data-color=green] { --tile-start:#6ca77b; --tile-end:#397d56; --tint:#82c796; --tint-bg:#82c79616; }
:is(._flowCard_pice9_56, ._composerIcon_pice9_56, ._swatch_pice9_56, ._actionCard_pice9_56, ._pickerAction_pice9_56)[data-color=orange] { --tile-start:#d99a59; --tile-end:#a96130; --tint:#e7b07a; --tint-bg:#e7b07a16; }
:is(._flowCard_pice9_56, ._composerIcon_pice9_56, ._swatch_pice9_56, ._actionCard_pice9_56, ._pickerAction_pice9_56)[data-color=rose] { --tile-start:#d5809a; --tile-end:#a64970; --tint:#eaa0b9; --tint-bg:#eaa0b916; }
._flowCard_pice9_56 { position:relative; border-radius:16px; background:linear-gradient(130deg,var(--tile-start),var(--tile-end)); box-shadow:inset 0 1px 0 #ffffff18; transition:transform .15s ease,filter .15s ease; animation:_cardEnter_pice9_1 .2s backwards; }
._flowCard_pice9_56:hover { transform:translateY(-2px); filter:brightness(1.04); }
._cardOpen_pice9_64 { display:flex; flex-direction:column; width:100%; height:150px; padding:16px; border:0; border-radius:inherit; color:#fff; text-align:left; background:none; overflow:hidden; }
._cardOpen_pice9_64:disabled { opacity:.8!important; }
._cardTop_pice9_66 { display:flex; align-items:center; width:100%; gap:10px; }
._cardIcon_pice9_67 { display:flex; align-items:center; }
._cardArrow_pice9_68 { display:grid; place-items:center; width:24px; height:24px; margin-left:auto; border-radius:50%; background:#ffffff12; }
._cardCopy_pice9_69 { width:100%; min-width:0; margin-top:auto; padding-top:14px; }
._cardCopy_pice9_69 h3 { height:2.4em; margin:0; font-size:17px; font-weight:500; line-height:1.2; letter-spacing:-.24px; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
._cardCopy_pice9_69 p { font-size:12px; line-height:1.35; margin:5px 0 0; color:#ffffffe6; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
._cardBottom_pice9_72 { margin-top:10px; width:100%; display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:12px; color:#ffffffe6; }
._cardBottom_pice9_72 > span:last-child { display:flex; align-items:center; gap:4px; }
._cardMenu_pice9_74 { position:absolute; right:13px; top:14px; width:29px; height:29px; display:grid; place-items:center; border:0; background:#ffffff15; color:white; border-radius:50%; padding:0; line-height:0; }
._cardMenu_pice9_74:hover { background:#ffffff30; }
._empty_pice9_76 { display:flex; flex-direction:column; align-items:center; text-align:center; padding:70px 24px; }
._emptyIcon_pice9_77 { display:grid; place-items:center; width:72px; height:72px; border-radius:23px; background:var(--soft); color:var(--accent); margin-bottom:22px; }
._empty_pice9_76 h2 { font-size:22px; font-weight:500; margin:0 0 10px; }
._empty_pice9_76 p { color:var(--muted); font-size:13px; max-width:340px; line-height:1.6; margin:0 0 23px; }
._notice_pice9_80, ._error_pice9_80 { display:flex; align-items:center; gap:10px; border-radius:9px; padding:12px 14px; margin:0 0 18px; font-size:12px; line-height:1.5; }
._notice_pice9_80 { background:var(--soft); border:1px solid var(--line); color:var(--muted); }
._notice_pice9_80 > span { flex:1; }
._notice_pice9_80 > button:not(._iconButton_pice9_43) { background:none; border:0; color:var(--accent); }
._error_pice9_80 { color:#ec9b99; background:#e8686812; }
._menu_pice9_2 { background:var(--surface); border:1px solid var(--line); border-radius:11px; padding:5px; min-width:170px; box-shadow:0 10px 35px #0003; z-index:1200; }
._menu_pice9_2 [role=menuitem] { display:flex; gap:9px; align-items:center; padding:9px 10px; border-radius:6px; font-size:12px; outline:none; cursor:pointer; }
._menu_pice9_2 [data-highlighted] { background:var(--raised); }
._menu_pice9_2 [role=separator] { height:1px; background:var(--line); margin:4px 0; }
._overlay_pice9_89 { position:fixed; inset:0; z-index:1100; background:#0007; animation:_fadeIn_pice9_1 .18s; }
._composer_pice9_2 { position:fixed; z-index:1101; left:50%; top:50%; transform:translate(-50%,-50%); width:min(1160px,calc(100vw - 60px)); height:min(850px,calc(100dvh - 70px)); display:flex; flex-direction:column; background:var(--bg); border:1px solid var(--line); border-radius:19px; box-shadow:0 28px 100px #0005; overflow:hidden; animation:_composerEnter_pice9_1 .22s ease; outline:none; }
._composerHeader_pice9_91 { display:flex; gap:10px; align-items:center; padding:12px 16px; border-bottom:1px solid var(--line); background:var(--sidebar); }
._composerIcon_pice9_56 { width:32px; height:32px; flex-shrink:0; display:grid; place-items:center; background:linear-gradient(135deg,var(--tile-start),var(--tile-end)); color:white; border:0; padding:0; line-height:0; border-radius:9px; }
._composerTitle_pice9_93 { flex:1; min-width:0; }
._composerTitle_pice9_93 input { width:100%; display:block; font-size:17px; line-height:22px; font-weight:400; background:transparent; border:1px solid transparent; border-radius:8px; color:var(--text); padding:4px 8px; transition:background-color .14s ease,border-color .14s ease; text-overflow:ellipsis; }
._composerTitle_pice9_93 input:hover { background:var(--control); }
._composerTitle_pice9_93 input:focus { background:var(--control-hover); border-color:var(--line); outline:none; }
._composerTitle_pice9_93 input:focus-visible { outline:2px solid var(--accent); outline-offset:1px; }
._composerTitle_pice9_93 > span { display:flex; gap:6px; color:var(--faint); font-size:12px; line-height:16px; margin:2px 9px 0; }
._appearance_pice9_99 { display:flex; flex-wrap:wrap; gap:14px; align-items:center; padding:12px 21px; border-bottom:1px solid var(--line); background:var(--surface); }
._appearance_pice9_99 > span { color:var(--muted); font-size:11px; }
._appearance_pice9_99 > div { display:flex; gap:5px; }
._swatch_pice9_56 { display:grid; place-items:center; width:25px; height:25px; padding:0; border:0; background:linear-gradient(135deg,var(--tile-start),var(--tile-end)); border-radius:50%; color:white; }
._composerBody_pice9_103 { position:relative; display:flex; flex:1; min-height:0; overflow:hidden; }
._canvas_pice9_104 { flex:1; min-width:0; padding:28px clamp(20px,4vw,60px); overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--raised) transparent; }
._triggerCard_pice9_105 { border:1px solid var(--line); border-radius:12px; padding:12px 14px; background:var(--surface); }
._triggerHeading_pice9_106 { display:flex; gap:9px; align-items:center; margin-bottom:10px; }
._triggerIcon_pice9_107 { width:24px; height:24px; display:grid; place-items:center; color:var(--muted); }
._triggerHeading_pice9_106 h3 { font-size:15px; line-height:24px; font-weight:400; margin:0; }
._smallBadge_pice9_109 { display:inline-flex; white-space:nowrap; font-size:9px; color:var(--muted); border:1px solid var(--line); border-radius:5px; padding:3px 5px; }
._triggerSelect_pice9_110 { width:100%; padding:8px 10px; border-radius:7px; border:1px solid var(--line); background:var(--input); color:var(--text); font-size:13px!important; }
._triggerCard_pice9_105 > ._textButton_pice9_47 { margin-top:10px; font-size:12px!important; }
._schedule_pice9_112 { display:flex; flex-wrap:wrap; gap:10px; padding-top:14px; }
._schedule_pice9_112 label { flex:1; font-size:10px; color:var(--muted); }
._schedule_pice9_112 select, ._schedule_pice9_112 input { display:block; width:100%; margin-top:5px; height:33px; border-radius:6px; padding:5px; border:1px solid var(--line); background:var(--input); color:var(--text); font-size:11px; }
._schedule_pice9_112 p { width:100%; font-size:10px; color:var(--faint); margin:0; }
._runLimit_pice9_116 { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; padding-top:12px; }
._runLimit_pice9_116 label { font-size:10px; color:var(--muted); }
._runLimit_pice9_116 select { height:30px; border-radius:6px; padding:4px 6px; border:1px solid var(--line); background:var(--input); color:var(--text); font-size:11px; }
/* The consequence, not the setting. A skipped run is not a delayed run, and
   that is the part somebody choosing a low ceiling needs to know. */
._runLimit_pice9_116 small { width:100%; font-size:10px; line-height:1.5; color:var(--faint); }
._conditions_pice9_122 { border-top:1px solid var(--line); margin-top:15px; padding-top:10px; }
._conditions_pice9_122 p { color:var(--muted); font-size:11px; margin:0 0 9px; }
._condition_pice9_122 { display:flex; gap:5px; margin-top:7px; }
._condition_pice9_122 input, ._condition_pice9_122 select { flex:1; width:0; font-size:11px; border:1px solid var(--line); border-radius:6px; padding:7px; background:var(--input); color:var(--text); }
._composer_pice9_2 option { color:var(--text); background:var(--surface); }
._canvasEmpty_pice9_127 { display:flex; flex-direction:column; align-items:center; text-align:center; padding:45px 10px; }
._canvasEmpty_pice9_127 > span { display:grid; place-items:center; color:var(--accent); margin-bottom:12px; }
._canvasEmpty_pice9_127 h3 { font-size:20px; letter-spacing:-.3px; font-weight:400; margin:0 0 8px; }
._canvasEmpty_pice9_127 p { color:var(--muted); font-size:12px; line-height:1.6; margin:0 0 20px; }
._connector_pice9_131 { display:flex; justify-content:center; height:29px; flex-shrink:0; color:var(--faint); }
._actionCard_pice9_56 { background:var(--surface); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
._actionHeader_pice9_133 { display:flex; align-items:center; gap:9px; min-height:46px; padding:8px 12px; background:transparent; }
._actionGlyph_pice9_134 { display:grid; place-items:center; width:26px; height:26px; border-radius:7px; flex-shrink:0; background:linear-gradient(135deg,var(--tile-start),var(--tile-end)); color:white; }
._actionTitle_pice9_135 { display:flex; align-items:center; gap:8px; border:0; padding:0; background:transparent; flex:1; min-width:0; text-align:left; color:var(--text); }
._actionTitle_pice9_135 strong { font-size:14px; line-height:20px; font-weight:400; }
._actionControls_pice9_137 { display:flex; gap:1px; }
._actionControls_pice9_137 button { display:grid; place-items:center; height:28px; width:26px; padding:0; border:0; border-radius:6px; color:var(--muted); background:transparent; }
._actionControls_pice9_137 button:hover { background:var(--input); color:var(--text); }
._actionContent_pice9_140 { padding:4px 14px 12px; border-top:1px solid var(--line); }
._actionDescription_pice9_141 { margin:10px 0; color:var(--faint); font-size:12px; line-height:1.5; }
._param_pice9_142 { display:grid; grid-template-columns:90px minmax(0,1fr); gap:8px; margin:8px 0; align-items:center; }
._param_pice9_142 > label { color:var(--muted); font-size:13px; }
._param_pice9_142 > input, ._param_pice9_142 > select { height:32px; padding:6px 9px; background:var(--input); color:var(--text); border:1px solid var(--line); border-radius:6px; font-size:13px; width:100%; }
._param_pice9_142 input::placeholder { color:var(--faint); }
._param_pice9_142 input:focus, ._param_pice9_142 select:focus { outline:none; border-color:var(--accent); box-shadow:0 0 0 2px var(--soft); }
._variables_pice9_147 { grid-column:2; border:1px solid var(--line); border-radius:8px; padding:10px; background:var(--input); animation:_fadeIn_pice9_1 .16s; }
._variables_pice9_147 > span { display:flex; gap:5px; align-items:center; font-size:10px; color:var(--muted); }
._variables_pice9_147 > div { margin-top:9px; }
._variables_pice9_147 small { display:block; font-size:9px; color:var(--faint); margin-bottom:6px; }
._variables_pice9_147 > div > div { display:flex; flex-wrap:wrap; gap:5px; }
._variables_pice9_147 button { border:0; border-radius:5px; font-size:12px; padding:4px 6px; color:var(--text); background:var(--soft); }
._variables_pice9_147 button:hover { background:var(--button-hover); }
._output_pice9_154 { display:flex; gap:6px; align-items:start; padding-top:8px; margin-top:10px; color:var(--faint); font-size:11px; line-height:1.4; }
._output_pice9_154 svg { flex-shrink:0; }
._addAction_pice9_156 { display:flex; justify-content:center; align-items:center; gap:6px; width:100%; padding:13px; border:0; border-radius:11px; background:var(--input); color:var(--muted); font-size:12px!important; }
._addAction_pice9_156:hover { background:var(--button-hover); color:var(--text); }
._flowEnd_pice9_158 { display:flex; align-items:center; justify-content:center; gap:5px; color:var(--faint); font-size:10px; padding:21px 0 10px; }
._canvasNote_pice9_159 { color:var(--faint); font-size:10px; line-height:1.6; text-align:center; margin:20px 16px 0; }
._inspector_pice9_160 { width:290px; flex-shrink:0; display:flex; flex-direction:column; min-height:0; border-left:1px solid var(--line); background:var(--sidebar); }
._inspectorTabs_pice9_161 { display:flex; align-items:center; flex-shrink:0; padding:6px 12px; gap:4px; border-bottom:1px solid var(--line); }
._inspectorTabs_pice9_161 button { position:relative; flex:1 1 0; min-width:0; display:flex; align-items:center; justify-content:center; border:0; background:none; color:var(--faint); font-size:13px; line-height:20px; height:32px; min-height:32px; padding:0 6px; border-radius:6px; }
._inspectorTabLabel_pice9_163 { display:inline-flex; align-items:center; justify-content:center; gap:7px; white-space:nowrap; }
._inspectorTabs_pice9_161 button[aria-pressed=true] { background:var(--soft); color:var(--text); }
._inspectorTabs_pice9_161 small { position:absolute; right:6px; top:50%; transform:translateY(-50%); display:inline-flex; align-items:center; justify-content:center; min-width:16px; height:16px; padding:0 4px; background:var(--raised); border-radius:5px; font-size:10px; font-weight:400; line-height:1; font-variant-numeric:tabular-nums; }
._inspectorTabs_pice9_161 ._mobileBack_pice9_166 { display:none; height:32px; min-height:32px; padding:0; border:0; border-radius:8px; }
._pickerSearch_pice9_32 { margin:14px 12px 0; min-height:32px; }
._categories_pice9_168 { display:grid; grid-template-columns:1fr 1fr; gap:2px 4px; padding:10px 12px; border-bottom:1px solid var(--line); }
._categories_pice9_168 button { display:flex; align-items:center; gap:7px; height:32px; border:0; border-radius:6px; padding:0 8px; text-align:left; font-size:13px; color:var(--muted); background:transparent; }
._categories_pice9_168 button[aria-pressed=true] { background:var(--raised); color:var(--text); }
._categories_pice9_168 button:hover { color:var(--text); }
._pickerList_pice9_172 { flex:1; min-height:0; overflow-y:auto; padding:14px 12px; scrollbar-width:thin; }
._pickerLabel_pice9_173 { display:flex; justify-content:space-between; color:var(--faint); font-size:12px; padding:0 6px 8px; }
._pickerAction_pice9_56 { display:flex; gap:8px; align-items:center; height:34px; padding:0 7px; margin-bottom:4px; border:0; border-radius:7px; background:var(--input); width:100%; text-align:left; color:var(--text); transition:background .12s; }
._pickerAction_pice9_56:hover { background:var(--raised); }
._pickerIcon_pice9_176 { display:grid; place-items:center; width:22px; height:22px; border-radius:5px; flex-shrink:0; background:linear-gradient(135deg,var(--tile-start),var(--tile-end)); color:white; }
._pickerAction_pice9_56 > span:nth-child(2) { flex:1; }
._pickerAction_pice9_56 strong { display:block; font-size:13px; font-weight:400; }
._pickerAction_pice9_56 > svg { color:var(--faint); flex-shrink:0; }
._pickerEmpty_pice9_180 { text-align:center; padding:20px; color:var(--muted); font-size:12px; }
._pickerEmpty_pice9_180 button { display:block; margin:10px auto; }
._review_pice9_182 { padding:25px 22px; overflow-y:auto; }
._reviewIcon_pice9_183 { display:inline-flex; align-items:center; justify-content:center; color:var(--accent); }
._review_pice9_182 h3 { font-size:18px; font-weight:500; margin:16px 0 7px; }
._review_pice9_182 p { font-size:12px; line-height:1.6; color:var(--muted); }
._reviewStatus_pice9_186 { display:flex; gap:6px; align-items:center; background:var(--input); border:1px solid var(--line); padding:9px; border-radius:7px; color:var(--muted); font-size:11px; margin:18px 0; }
._reviewStatus_pice9_186 span, ._footerDot_pice9_187 { width:5px; height:5px; border-radius:50%; background:var(--faint); flex-shrink:0; }
._review_pice9_182 h4 { font-size:11px; font-weight:500; margin:22px 0 10px; }
._review_pice9_182 ol { padding-left:18px; font-size:12px; line-height:1.6; color:var(--muted); }
._review_pice9_182 ol li { margin:8px 0; }
._issueList_pice9_191 { padding:0; list-style:none; }
._issueList_pice9_191 li { font-size:11px; color:var(--muted); padding:8px 10px; line-height:1.5; margin-bottom:6px; border-radius:6px; background:var(--input); overflow-wrap:anywhere; }
._review_pice9_182 ._reviewNote_pice9_193 { border-top:1px solid var(--line); padding-top:15px; font-size:10px; color:var(--faint); }
._composerFooter_pice9_194 { display:flex; align-items:center; justify-content:space-between; padding:13px 20px; border-top:1px solid var(--line); background:var(--sidebar); gap:12px; }
._composerFooter_pice9_194 > div { display:flex; gap:9px; align-items:center; }
._composerFooter_pice9_194 > div:first-child { font-size:12px; color:var(--faint); }
._composer_pice9_2 > ._error_pice9_80 { margin:0; border-radius:0; }
._discardOverlay_pice9_198 { position:fixed; inset:0; background:#0008; z-index:1200; }
._discardDialog_pice9_2 { position:fixed; z-index:1201; top:50%; left:50%; transform:translate(-50%,-50%); width:min(390px,calc(100vw - 32px)); background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:24px; box-shadow:0 20px 50px #0004; }
._discardDialog_pice9_2 h2 { font-size:20px; font-weight:500; margin:0 0 10px; }
._discardDialog_pice9_2 p { color:var(--muted); font-size:13px; margin-bottom:22px; }
._discardDialog_pice9_2 > div { display:flex; justify-content:end; gap:8px; }
._dangerButton_pice9_38 { color:#ec9b99; background:#e8686814; }
._dangerButton_pice9_38:hover { background:#e8686824; }
._srOnly_pice9_205 { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@keyframes _cardEnter_pice9_1 { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }
@keyframes _fadeIn_pice9_1 { from { opacity:0; } to { opacity:1; } }
@keyframes _composerEnter_pice9_1 { from { opacity:0; transform:translate(-50%,-49%) scale(.985); } to { opacity:1; transform:translate(-50%,-50%) scale(1); } }
@media (prefers-color-scheme:light) {
  :where(:root:not([data-theme="dark"])) ._dangerButton_pice9_38 { color:#a73540; background:#b7424c0f; }
  :where(:root:not([data-theme="dark"])) ._dangerButton_pice9_38:hover { background:#b7424c1a; }
  :where(:root:not([data-theme="dark"])) ._navActive_pice9_27 { background:rgba(116,116,128,.16); }
  :where(:root:not([data-theme="dark"])) ._workspace_pice9_2, :where(:root:not([data-theme="dark"])) ._composer_pice9_2, :where(:root:not([data-theme="dark"])) ._menu_pice9_2, :where(:root:not([data-theme="dark"])) ._discardDialog_pice9_2 { --bg:#f8f8fa; --sidebar:#f5f5f7; --sidebar-line:#d1d1d6; --surface:#fff; --raised:#e6e6eb; --text:#25252b; --muted:#696972; --faint:#777780; --line:#25253514; --input:#25253504; --accent:#636366; --soft:#3c3c430d; --primary:#25253514; --primary-hover:#25253520; --primary-ink:#25252b; --button:#2525350a; --button-hover:#25253514; --control:#2525350a; --control-hover:#25253514; color-scheme:light; }
  :where(:root:not([data-theme="dark"])) ._actionCard_pice9_56[data-color=violet] { --tint:#7953b8; }
  :where(:root:not([data-theme="dark"])) ._actionCard_pice9_56[data-color=blue] { --tint:#346ba9; }
  :where(:root:not([data-theme="dark"])) ._actionCard_pice9_56[data-color=teal] { --tint:#237c75; }
  :where(:root:not([data-theme="dark"])) ._actionCard_pice9_56[data-color=green] { --tint:#387a4f; }
  :where(:root:not([data-theme="dark"])) ._actionCard_pice9_56[data-color=orange] { --tint:#9c5d29; }
  :where(:root:not([data-theme="dark"])) ._actionCard_pice9_56[data-color=rose] { --tint:#a14e6c; }
  :where(:root:not([data-theme="dark"])) ._error_pice9_80 { color:#a4313d; }
  :where(:root:not([data-theme="dark"])) ._overlay_pice9_89 { background:#2020284d; }
}
:where(:root[data-theme="light"]) ._dangerButton_pice9_38 { color:#a73540; background:#b7424c0f; }
:where(:root[data-theme="light"]) ._dangerButton_pice9_38:hover { background:#b7424c1a; }
:where(:root[data-theme="light"]) ._navActive_pice9_27 { background:rgba(116,116,128,.16); }
:where(:root[data-theme="light"]) ._workspace_pice9_2, :where(:root[data-theme="light"]) ._composer_pice9_2, :where(:root[data-theme="light"]) ._menu_pice9_2, :where(:root[data-theme="light"]) ._discardDialog_pice9_2 { --bg:#f8f8fa; --sidebar:#f5f5f7; --sidebar-line:#d1d1d6; --surface:#fff; --raised:#e6e6eb; --text:#25252b; --muted:#696972; --faint:#777780; --line:#25253514; --input:#25253504; --accent:#636366; --soft:#3c3c430d; --primary:#25253514; --primary-hover:#25253520; --primary-ink:#25252b; --button:#2525350a; --button-hover:#25253514; --control:#2525350a; --control-hover:#25253514; color-scheme:light; }
:where(:root[data-theme="light"]) ._actionCard_pice9_56[data-color=violet] { --tint:#7953b8; }
:where(:root[data-theme="light"]) ._actionCard_pice9_56[data-color=blue] { --tint:#346ba9; }
:where(:root[data-theme="light"]) ._actionCard_pice9_56[data-color=teal] { --tint:#237c75; }
:where(:root[data-theme="light"]) ._actionCard_pice9_56[data-color=green] { --tint:#387a4f; }
:where(:root[data-theme="light"]) ._actionCard_pice9_56[data-color=orange] { --tint:#9c5d29; }
:where(:root[data-theme="light"]) ._actionCard_pice9_56[data-color=rose] { --tint:#a14e6c; }
:where(:root[data-theme="light"]) ._error_pice9_80 { color:#a4313d; }
:where(:root[data-theme="light"]) ._overlay_pice9_89 { background:#2020284d; }

@media (max-width:1080px) {
  ._search_pice9_32 { width:24%; }
  ._toolbar_pice9_31, ._libraryScroll_pice9_46 { padding-inline:22px; }

  ._inspector_pice9_160 { width:280px; } ._canvas_pice9_104 { padding-inline:24px; }
  ._composer_pice9_2 { width:calc(100vw - 36px); height:calc(100dvh - 44px); }
}
@media (max-width:760px) {
  ._sidebarClosed_pice9_16 { width:0; }


  ._toolbar_pice9_31 { padding-inline:16px; gap:7px; }
  ._libraryScroll_pice9_46 { padding-inline:17px; }
  ._composer_pice9_2 { width:calc(100vw - 20px); height:calc(100dvh - 20px); border-radius:14px; }
  ._inspector_pice9_160 { display:none; }
  ._inspectorOpen_pice9_239 { display:flex; position:absolute; inset:0; width:100%; z-index:2; border-left:0; }
  ._composerBody_pice9_103:has(._inspectorOpen_pice9_239) ._canvas_pice9_104 { display:none; }
  ._inspectorTabs_pice9_161 ._mobileBack_pice9_166 { display:flex; flex:0 0 30px; }
  ._canvas_pice9_104 { padding:20px; } ._footerDetail_pice9_242 { display:none; }
  ._appearance_pice9_99 { gap:8px; } ._appearance_pice9_99 > span { display:none; }
  ._composerHeader_pice9_91 { padding:13px 14px; gap:9px; }
  ._composerTitle_pice9_93 input { font-size:16px; } ._composerHeader_pice9_91 ._secondary_pice9_38 { padding:8px; }

}
@media (max-width:560px) {
  ._sidebar_pice9_15, ._sidebarClosed_pice9_16 { display:none; } ._mobileSidebarToggle_pice9_45 { display:grid; }
  ._sidebar_pice9_15:not(._sidebarClosed_pice9_16) { display:flex; position:absolute; z-index:20; left:0; top:55px; bottom:0; width:240px; box-shadow:12px 0 35px #0003; }
  ._workspace_pice9_2:has(._sidebar_pice9_15:not(._sidebarClosed_pice9_16)) ._main_pice9_30 { opacity:.45; }
  ._grid_pice9_54 { --card-width:160px; grid-template-columns:repeat(2,min(var(--card-width),calc((100% - 11px)/2))); gap:11px; }
  ._cardOpen_pice9_64 { padding:15px; height:150px; } ._cardCopy_pice9_69 h3 { font-size:16px; }
  ._cardBottom_pice9_72 > span:last-child { display:none; }
  ._param_pice9_142 { grid-template-columns:1fr; gap:5px; margin:13px 0; } ._variables_pice9_147 { grid-column:1; }
  ._actionHeader_pice9_133 { padding:11px; gap:8px; } ._actionControls_pice9_137 { gap:0; } ._actionControls_pice9_137 button { width:22px; }
  ._actionTitle_pice9_135 strong { font-size:12px; }
  ._condition_pice9_122 { flex-wrap:wrap; } ._condition_pice9_122 select { flex-basis:40%; } ._condition_pice9_122 input { flex-basis:70%; }

  ._composerFooter_pice9_194 { padding:12px; gap:7px; } ._composerFooter_pice9_194 > div:first-child { max-width:105px; line-height:1.4; }
}
@media (prefers-reduced-motion:reduce) {
  ._workspace_pice9_2 *, ._composer_pice9_2 *, ._overlay_pice9_89 { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  ._flowCard_pice9_56:hover, ._pickerAction_pice9_56:hover { transform:none; }
}

._toolbarTitle_pice9_267 { flex:1; min-width:0; margin:0; font-size:21px; line-height:1.4; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
._actionTitle_pice9_135 > svg { flex-shrink:0; color:var(--faint); transition:transform .15s; }
._collapsedChevron_pice9_269 { transform:rotate(-90deg); }
@media (max-width:560px) { ._toolbarTitle_pice9_267 { font-size:18px; } ._search_pice9_32 { min-width:105px; } }

._cardCopy_pice9_69 p { display:none; }
._categories_pice9_168 button svg { flex-shrink:0; }

/* Operational routing and conditions use the same neutral form controls. */
._choiceField_pice9_276 { min-width:0; }
._choiceField_pice9_276 > select { width:100%; height:32px; padding:6px 9px; background:var(--input); color:var(--text); border:1px solid var(--line); border-radius:6px; font-size:13px; }
._choiceNote_pice9_278 { display:block; font-size:11px; line-height:1.5; color:var(--muted); margin-top:5px; }
._choiceNote_pice9_278 ._textButton_pice9_47 { font-size:11px!important; }
._paramHelp_pice9_280 { grid-column:2; color:var(--faint); font-size:11px; line-height:1.5; }
._conditionsEditor_pice9_281 { margin-top:14px; }
._conditionIntro_pice9_282 { display:flex; flex-wrap:wrap; gap:6px; align-items:center; color:var(--muted); font-size:12px; }
._conditionIntro_pice9_282 select { color:var(--text); background:var(--input); border:1px solid var(--line); border-radius:6px; padding:5px; font-size:12px; }
._conditions_pice9_122 ._conditionHint_pice9_284 { margin:8px 0; }
._conditionsEditor_pice9_281 > ._textButton_pice9_47 { margin-top:8px; font-size:12px!important; }
._returnRoutes_pice9_286 { border:1px solid var(--line); border-radius:7px; padding:10px; margin:14px 0; color:var(--muted); font-size:12px; }
._returnRoutes_pice9_286 summary { cursor:pointer; color:var(--text); }
._returnRoutes_pice9_286 p { line-height:1.5; font-size:11px; }
._returnRoutes_pice9_286 ul { max-height:160px; overflow:auto; list-style:none; margin:8px 0 0; padding:0; }
._returnRoutes_pice9_286 li { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:10px; padding:7px 0; border-top:1px solid var(--line); overflow-wrap:anywhere; }
._outlineCondition_pice9_291 { display:block; margin-top:4px; color:var(--faint); }
@media(max-width:560px) { ._paramHelp_pice9_280 { grid-column:1; } }
._outlineDetails_pice9_293 { margin:6px 0; font-size:11px; }
._outlineDetails_pice9_293 div { display:grid; grid-template-columns:65px minmax(0,1fr); gap:6px; padding:2px 0; }
._outlineDetails_pice9_293 dt { color:var(--faint); }
._outlineDetails_pice9_293 dd { margin:0; overflow-wrap:anywhere; }
._conditionReference_pice9_297 { flex:1; width:0; min-width:0; }
._conditionReference_pice9_297 select { width:100%; height:32px; font-size:11px; }
@media(max-width:560px) { ._conditionReference_pice9_297 { flex-basis:70%; } }

._composer_pice9_2 ._swatch_pice9_56:hover { filter:brightness(1.1); }
._composer_pice9_2 ._textButton_pice9_47, ._workspace_pice9_2 ._textButton_pice9_47 { border-radius:0; }
._composer_pice9_2 ._iconButton_pice9_43, ._workspace_pice9_2 ._iconButton_pice9_43 { line-height:0; }
._composer_pice9_2 ._triggerSelect_pice9_110, ._composer_pice9_2 ._param_pice9_142 input, ._composer_pice9_2 ._param_pice9_142 select, ._composer_pice9_2 ._condition_pice9_122 input, ._composer_pice9_2 ._condition_pice9_122 select, ._composer_pice9_2 ._schedule_pice9_112 input, ._composer_pice9_2 ._schedule_pice9_112 select {
  background:var(--control); border-color:transparent; border-radius:8px; font-weight:400; transition:background-color .14s ease,border-color .14s ease;
}
._composer_pice9_2 ._triggerSelect_pice9_110:hover, ._composer_pice9_2 ._param_pice9_142 input:hover, ._composer_pice9_2 ._param_pice9_142 select:hover, ._composer_pice9_2 ._condition_pice9_122 input:hover, ._composer_pice9_2 ._condition_pice9_122 select:hover, ._composer_pice9_2 ._schedule_pice9_112 input:hover, ._composer_pice9_2 ._schedule_pice9_112 select:hover { background:var(--control-hover); }
._composer_pice9_2 ._triggerSelect_pice9_110:focus, ._composer_pice9_2 ._param_pice9_142 input:focus, ._composer_pice9_2 ._param_pice9_142 select:focus, ._composer_pice9_2 ._condition_pice9_122 input:focus, ._composer_pice9_2 ._condition_pice9_122 select:focus, ._composer_pice9_2 ._schedule_pice9_112 input:focus, ._composer_pice9_2 ._schedule_pice9_112 select:focus { background:var(--control-hover); border-color:var(--line); box-shadow:none; }
._composer_pice9_2 ._param_pice9_142 input:focus-visible, ._composer_pice9_2 ._param_pice9_142 select:focus-visible { outline:2px solid var(--accent); outline-offset:1px; }
._condition_pice9_122 { align-items:flex-start; }
._condition_pice9_122 input, ._condition_pice9_122 select { height:32px; }
._output_pice9_154 svg { margin-top:2px; }

/* Own every button state in the remote, including portal dialogs. The host's
   generic purple hover border and native pointer-focus ring must not leak in. */
:is(._workspace_pice9_2, ._composer_pice9_2, ._menu_pice9_2, ._discardDialog_pice9_2) button,
:is(._workspace_pice9_2, ._composer_pice9_2, ._menu_pice9_2, ._discardDialog_pice9_2) button:is(:hover, :active, :focus, :focus-visible) { border:0; }
:is(._workspace_pice9_2, ._composer_pice9_2, ._menu_pice9_2, ._discardDialog_pice9_2) button:focus:not(:focus-visible) { outline:none; }
:is(._workspace_pice9_2, ._composer_pice9_2, ._menu_pice9_2, ._discardDialog_pice9_2) button:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }

/* Suggested automations. Sits above the library as a quiet band rather than a
   card in the grid: these are proposals, not workflows, and rendering them as
   cards alongside real ones invites clicking "open" on something that does not
   exist yet. */
/* Suggestions.
   Every colour here is a token this app actually defines. The first version
   used --surface-muted, --hairline and --ink-muted, none of which exist in
   this palette, so all three silently fell back to their light-theme
   defaults: a white slab in a dark workspace with a white heading on it.
   A fallback that renders is worse than one that breaks, because nothing
   reports it -- so these deliberately carry no fallback value at all. */
._suggestBlock_pice9_332 { margin:0 0 22px; padding:18px 20px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
._suggestHead_pice9_333 { display:flex; align-items:center; gap:9px; color:var(--text); }
._suggestHead_pice9_333 svg { color:var(--muted); flex-shrink:0; }
._suggestHead_pice9_333 h2 { margin:0; font-size:15px; font-weight:600; letter-spacing:-.2px; color:var(--text); }
._suggestLede_pice9_336 { margin:6px 0 16px; font-size:13px; line-height:1.45; color:var(--muted); }
._suggestList_pice9_337 { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
/* Centred, not top-aligned: the actions are a single row of buttons and the
   body is two short lines, so aligning both to the top left the buttons
   visually high against the text block. */
._suggestCard_pice9_341 { display:flex; align-items:center; gap:20px; padding:14px 16px; border:1px solid var(--line); border-radius:11px; background:var(--raised); }
._suggestBody_pice9_342 { min-width:0; flex:1; }
._suggestBody_pice9_342 h3 { margin:0; font-size:14px; font-weight:550; line-height:1.35; color:var(--text); }
._suggestWhy_pice9_344 { margin:4px 0 0; font-size:13px; line-height:1.45; color:var(--muted); }
._suggestNeeds_pice9_345 { margin:6px 0 0; font-size:12px; line-height:1.4; color:var(--faint); font-style:italic; }
._suggestActions_pice9_346 { display:flex; align-items:center; gap:8px; flex-shrink:0; }
._suggestActions_pice9_346 button { gap:6px; }
._suggestActions_pice9_346 svg { flex-shrink:0; }

/* Stack on narrow shells so the actions never squeeze the rationale into a
   single unreadable column. */
@media (max-width: 720px) {
  ._suggestCard_pice9_341 { flex-direction:column; align-items:stretch; }
  ._suggestActions_pice9_346 { justify-content:flex-start; }
}
@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayBlack-CJPa0fTE.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayBlackItalic-B-bpqL3c.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayBold-BP6G_pDf.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayBoldItalic-BNnmyWvS.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayLight-0AWf-xRh.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayLightItalic-BsSMOA0Q.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayMedium-D3hlmfAS.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayMediumItalic-BqsTF5-l.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayRoman-A6ipJltx.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayRomanItalic-CSGtv2-a.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayThin-PECffUDD.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayThinItalic-CwGV46yN.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}


@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayXThin-C4dWMoTc.ttf') format('truetype');
  font-weight: 50;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayXThinItalic-CvysK3ef.ttf') format('truetype');
  font-weight: 50;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayXXThin-Co6Ee8-s.ttf') format('truetype');
  font-weight: 1;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayXXThinItalic-6Ac920_A.ttf') format('truetype');
  font-weight: 1;
  font-style: italic;
}


:root {
  font-family: 'NeueHaasDisplay';
  line-height: 1.5;
  font-weight: 400;

  color-scheme: light dark;
  color: rgba(28, 28, 30, 0.92);
  background-color: #f2f2f7;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body{
  margin: 0;
  color: inherit;
  background: inherit;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { color: rgba(255, 255, 255, 0.92); background-color: #1c1c1e; }
}

:root[data-theme="dark"] { color: rgba(255, 255, 255, 0.92); background-color: #1c1c1e; }
/* Container */
._container_4agfm_2 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    backdrop-filter: blur(15px) saturate(0.86);
    box-shadow: rgba(0, 0, 0, 0.16) 17px 20px 40px 0px !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    border-radius: 11px;
    overflow: hidden;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

/* Header */
._header_4agfm_23 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 22.5%;
    max-height: 80px;
    max-width: 100%;
    padding: 0.5rem 0.75rem;
    background: rgba(248, 248, 252, 0.85);
}

._headerContent_4agfm_34 {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 90%;
    padding: 0.5rem;
    border-radius: 7px;
    user-select: none;
    cursor: pointer;

    &:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }

    &:hover:active {
        opacity: 0.75;
    }
}

._iconWrapper_4agfm_53 {
    width: 40px;
    height: 40px;
    margin-left: 0.2rem;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: rgba(255, 255, 255, 0.12);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.12),
      0 8px 16px rgba(0, 0, 0, 0.24);
    overflow: hidden;
    display: none;
    align-items: center;
    justify-content: center;
    object-fit: cover;
}

._lightIcon_4agfm_70 {
    display: flex;
}


._mainIcon_4agfm_75 {
    width: 20px;
    height: 20px;
    color: white;
}

._titleSection_4agfm_81 {
    display: flex;
    flex-direction: column;
}

._title_4agfm_81 {
    font-size: 21px;
    font-weight: 500;
    color: #111827;
    margin: 0;
}

._subtitle_4agfm_93 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    margin-top: 0.25rem;
}

._inboxIcon_4agfm_101 {
    width: 19px;
    height: 19px;
    background-color: #636366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

._smallIcon_4agfm_111 {
    width: 12px;
    height: 12px;
    color: white;
}

._subtitleText_4agfm_117 {
    color: #6b7280;
    font-size: 14px;
}

._composeButton_4agfm_122 {
    width: 3rem;
    height: 3rem;
    background-color: #3b82f6;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

._composeButton_4agfm_122:hover {
    background-color: #2563eb;
}

._buttonIcon_4agfm_140 {
    width: 1.5rem;
    height: 1.5rem;
    color: white;
}

._body_4agfm_146 {
    display: flex;
    flex-direction: column;
    height: 77.5%;
    width: 100%;
    max-height: calc(100% - 80px);
    background-color: white;
}

._smallBody_4agfm_155 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    width: 100%;
    max-height: calc(100% - 80px);
    background-color: white;
    padding: 16px 15px 14px;
    box-sizing: border-box;
}

._summaryStack_4agfm_167 {
    display: grid;
    gap: 1rem;
    padding: 0;
}

._summaryRow_4agfm_173 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

._summaryMetric_4agfm_180 {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 0;
}

._summaryMetricIcon_4agfm_187 {
    width: 24px;
    height: 24px;
    color: rgba(17, 24, 39, 0.95);
    flex-shrink: 0;
    margin-top: 1px;
}

._summaryMetricLabel_4agfm_195 {
    color: rgba(17, 24, 39, 0.55);
    font-size: 12px;
    line-height: 1.25;
}

._summaryMetricValue_4agfm_201 {
    color: #111827;
    font-size: 18px;
    line-height: 1.1;
    font-weight: 600;
    margin-top: 0.1rem;
}

._summaryBadge_4agfm_209 {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
    color: #9be86e;
    background: rgba(53, 99, 44, 0.45);
    font-weight: 500;
    flex-shrink: 0;
    white-space: nowrap;
}

._summaryBadgeDot_4agfm_224 {
    margin: -5px;
    color: #46d850;
}

/* Chart / Graph body: fills the space above the bottom buttons. */
._insightsArea_4agfm_230 {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    cursor: pointer;
}

/* Email Grid */
._emailGrid_4agfm_238 {
    display: grid;
    flex-grow: 0;
    grid-template-columns: calc(50% - 2rem) calc(50% - 2rem);
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
    gap: 0 2rem;
    padding: 0.65rem 0;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    user-select: none;


    &::before {
        content: "";
        position: absolute;
        top: calc(100% - 69%);
        bottom: calc(100% - 82%);
        left: calc(50% + 0rem);
        /* 0.5rem = half of column gap (1rem) */
        width: 1px;
        background-color: #ddd;
        /* or any color you want */
    }
}

._emailItem_4agfm_265 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.675rem 0.5rem;
    border-radius: 7px;
    transition: background-color 0.2s cubic-bezier(0.32, 0.08, 0.24, 1);
    cursor: pointer;
    position: relative;
    user-select: none;

    &:not(:last-child, :nth-child(3)) {
        &::before {
            content: '';
            position: absolute;
            bottom: 0;
            right: 2.5%;
            width: 87.5%;
            height: 1px;
            background-color: rgba(0, 0, 0, 0.05);
            /* Border color */
        }
    }

    &:hover {
        background-color: rgba(0, 0, 0, 0.1);

        &::before {
            display: none;
        }

    }

    &:hover:active {
        opacity: 0.75;
    }

}


._unreadDot_4agfm_305 {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    flex-shrink: 0;
    background-color: transparent;
}

._unreadDotActive_4agfm_313 {
    background-color: #3b82f6;
}

._unreadDotPaid_4agfm_317 {
    background-color: #30a14e;
}

._unreadDotPartial_4agfm_321 {
    background-color: #ff9f0a;
}

._unreadDotDue_4agfm_325 {
    background-color: #ff3b30;
}

._emailContent_4agfm_329 {
    flex: 1;
    min-width: 0;
}

._emailHeader_4agfm_334 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.125rem;
}

._senderName_4agfm_341 {
    color: #111827;
    font-size: 0.875rem;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

._senderName_4agfm_341._unread_4agfm_305 {
    font-weight: 400;
}

._timestampStack_4agfm_355 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.3rem;
    flex-shrink: 0;
    margin-left: 0.5rem;
}

._timestamp_4agfm_355 {
    color: #9ca3af;
    font-size: 0.75rem;
}

._taxDocumentIndicator_4agfm_369 {
    display: inline-flex;
    align-items: center;
    color: rgba(17, 24, 39, 0.38);
}

._taxDocumentIndicatorGenerated_4agfm_375 {
    color: #30a14e;
}

._subject_4agfm_379 {
    color: #6b7280;
    font-size: 0.7rem;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

/* No Elements Div */
._noElements_4agfm_390 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

._noElementsMessage_4agfm_398 {
    color: #6b7280;
    font-size: 17px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

._bottomActions_4agfm_408 {
    display: flex;
    justify-content: space-between;
    padding: 0 0.875rem 0.875rem 0.875rem;

    ._bottomButton_4agfm_413 {
        border-radius: 7px;
        width: 1.3rem;
        height: 1.3rem;
        padding: 4px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;

        &:hover {
            background-color: rgba(0, 0, 0, 0.1);
        }

        &:active {
            background-color: rgba(0, 0, 0, 0.2);
        }

        ._moreButton_4agfm_431 {
            width: 1.35rem;
            height: 1.35rem;
            color: #000;
        }

        ._settingsButton_4agfm_437 {
            width: 1.35rem;
            height: 1.35rem;
            color: #707070;
        }
    }

}

@media (prefers-color-scheme: dark) {

    :where(:root:not([data-theme="light"])) ._lightIcon_4agfm_70 {
        display: none;
    }

    :where(:root:not([data-theme="light"])) ._darkIcon_4agfm_452 {
        display: flex;
    }

    :where(:root:not([data-theme="light"])) ._container_4agfm_2 {
        box-shadow: 17px 20px 40px rgba(0, 0, 0, 0.65) !important;
    }

    :where(:root:not([data-theme="light"])) ._header_4agfm_23 {
        background: rgba(56, 56, 61, 0.6);
    }

    :where(:root:not([data-theme="light"])) ._headerContent_4agfm_34 {

        &:hover {
            background-color: rgba(255, 255, 255, 0.098);
        }
    }

    :where(:root:not([data-theme="light"])) ._title_4agfm_81 {
        color: rgba(255, 255, 255, 0.98);
    }

    :where(:root:not([data-theme="light"])) ._subtitleText_4agfm_117 {
        color: rgba(255, 255, 255, 0.66);
    }

    :where(:root:not([data-theme="light"])) ._body_4agfm_146 {
        background-color: rgba(0, 0, 0, 0.75);
    }

    :where(:root:not([data-theme="light"])) ._smallBody_4agfm_155 {
        background-color: rgba(0, 0, 0, 0.75);
    }

    :where(:root:not([data-theme="light"])) ._summaryMetricIcon_4agfm_187 {
        color: rgba(246, 250, 255, 0.92);
    }

    :where(:root:not([data-theme="light"])) ._summaryMetricLabel_4agfm_195 {
        color: rgba(217, 226, 238, 0.75);
    }

    :where(:root:not([data-theme="light"])) ._summaryMetricValue_4agfm_201 {
        color: #f4f8ff;
    }

    :where(:root:not([data-theme="light"])) ._summaryBadge_4agfm_209 {
        color: #9be86e;
    }

    :where(:root:not([data-theme="light"])) ._emailGrid_4agfm_238 {
        &::before {
            background-color: rgba(255, 255, 255, 0.165);
        }
    }

    :where(:root:not([data-theme="light"])) ._emailItem_4agfm_265 {
        &:not(:last-child, :nth-child(3)) {

            &::before {
                background-color: rgba(255, 255, 255, 0.1);
            }
        }

        &:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }
    }


    :where(:root:not([data-theme="light"])) ._senderName_4agfm_341 {
        color: #ffffff;
    }

    :where(:root:not([data-theme="light"])) ._timestamp_4agfm_355 {
        color: rgba(255, 255, 255, 0.66);
    }

    :where(:root:not([data-theme="light"])) ._taxDocumentIndicator_4agfm_369 {
        color: rgba(255, 255, 255, 0.5);
    }

    :where(:root:not([data-theme="light"])) ._taxDocumentIndicatorGenerated_4agfm_375 {
        color: #46d850;
    }

    :where(:root:not([data-theme="light"])) ._subject_4agfm_379 {
        color: rgba(255, 255, 255, 0.66);
    }

    :where(:root:not([data-theme="light"])) ._noElementsMessage_4agfm_398 {
        color: rgba(255, 255, 255, 0.66);
    }

    :where(:root:not([data-theme="light"])) ._bottomActions_4agfm_408 {
        ._bottomButton_4agfm_413 {

            &:hover {
                background-color: rgba(255, 255, 255, 0.1);
            }

            &:active {
                background-color: rgba(255, 255, 255, 0.2);
            }

            ._moreButton_4agfm_431 {
                color: #ffffff;
            }

            ._settingsButton_4agfm_437 {
                color: #808080;
            }
        }

    }
}

:where(:root[data-theme="dark"]) ._lightIcon_4agfm_70 {
        display: none;
    }

:where(:root[data-theme="dark"]) ._darkIcon_4agfm_452 {
        display: flex;
    }

:where(:root[data-theme="dark"]) ._container_4agfm_2 {
        box-shadow: 17px 20px 40px rgba(0, 0, 0, 0.65) !important;
    }

:where(:root[data-theme="dark"]) ._header_4agfm_23 {
        background: rgba(56, 56, 61, 0.6);
    }

:where(:root[data-theme="dark"]) ._headerContent_4agfm_34 {

        &:hover {
            background-color: rgba(255, 255, 255, 0.098);
        }
    }

:where(:root[data-theme="dark"]) ._title_4agfm_81 {
        color: rgba(255, 255, 255, 0.98);
    }

:where(:root[data-theme="dark"]) ._subtitleText_4agfm_117 {
        color: rgba(255, 255, 255, 0.66);
    }

:where(:root[data-theme="dark"]) ._body_4agfm_146 {
        background-color: rgba(0, 0, 0, 0.75);
    }

:where(:root[data-theme="dark"]) ._smallBody_4agfm_155 {
        background-color: rgba(0, 0, 0, 0.75);
    }

:where(:root[data-theme="dark"]) ._summaryMetricIcon_4agfm_187 {
        color: rgba(246, 250, 255, 0.92);
    }

:where(:root[data-theme="dark"]) ._summaryMetricLabel_4agfm_195 {
        color: rgba(217, 226, 238, 0.75);
    }

:where(:root[data-theme="dark"]) ._summaryMetricValue_4agfm_201 {
        color: #f4f8ff;
    }

:where(:root[data-theme="dark"]) ._summaryBadge_4agfm_209 {
        color: #9be86e;
    }

:where(:root[data-theme="dark"]) ._emailGrid_4agfm_238 {
        &::before {
            background-color: rgba(255, 255, 255, 0.165);
        }
    }

:where(:root[data-theme="dark"]) ._emailItem_4agfm_265 {
        &:not(:last-child, :nth-child(3)) {

            &::before {
                background-color: rgba(255, 255, 255, 0.1);
            }
        }

        &:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }
    }

:where(:root[data-theme="dark"]) ._senderName_4agfm_341 {
        color: #ffffff;
    }

:where(:root[data-theme="dark"]) ._timestamp_4agfm_355 {
        color: rgba(255, 255, 255, 0.66);
    }

:where(:root[data-theme="dark"]) ._taxDocumentIndicator_4agfm_369 {
        color: rgba(255, 255, 255, 0.5);
    }

:where(:root[data-theme="dark"]) ._taxDocumentIndicatorGenerated_4agfm_375 {
        color: #46d850;
    }

:where(:root[data-theme="dark"]) ._subject_4agfm_379 {
        color: rgba(255, 255, 255, 0.66);
    }

:where(:root[data-theme="dark"]) ._noElementsMessage_4agfm_398 {
        color: rgba(255, 255, 255, 0.66);
    }

:where(:root[data-theme="dark"]) ._bottomActions_4agfm_408 {
        ._bottomButton_4agfm_413 {

            &:hover {
                background-color: rgba(255, 255, 255, 0.1);
            }

            &:active {
                background-color: rgba(255, 255, 255, 0.2);
            }

            ._moreButton_4agfm_431 {
                color: #ffffff;
            }

            ._settingsButton_4agfm_437 {
                color: #808080;
            }
        }

    }

/* The subtitle circle wears the app's title accent, dark variant. */
@media (prefers-color-scheme: dark) {
    :where(:root:not([data-theme="light"])) ._inboxIcon_4agfm_101 { background-color: #AEAEB2; }
}
:where(:root[data-theme="dark"]) ._inboxIcon_4agfm_101 { background-color: #AEAEB2; }
._wrapper_tjpt3_1 {
  position: relative;
  display: inline-flex;
}

._trigger_tjpt3_6 {
  display: inline-flex;
  cursor: pointer;
}

._menu_tjpt3_11 {
  min-width: 180px;
  max-width: 240px;
  box-sizing: border-box;
  overscroll-behavior: contain;
  background-color: rgb(28, 28, 30);
  border: .2px solid rgba(116, 116, 128, 0.25);
  border-radius: 12px;
  padding: 5px;
  box-shadow: 0px 10px 38px rgba(0, 0, 0, 0.3), 0px 10px 20px rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.92);
  animation: _widgetMenuPop_tjpt3_1 0.2s cubic-bezier(0.32, 0.08, 0.24, 1);
}

@keyframes _widgetMenuPop_tjpt3_1 {
  0% {
    opacity: 0;
    transform: scale(0.62);
  }
  80% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

._menuTitle_tjpt3_39 {
  padding: 5px 10px 3px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.35);
}

._sectionLabel_tjpt3_48 {
  padding: 6px 10px 2px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.35);
}

._divider_tjpt3_57 {
  height: 1px;
  margin: 3px 8px;
  background: rgba(255, 255, 255, 0.08);
}

._menuItem_tjpt3_63 {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 5px 10px;
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
  transition: background 0.12s;
  font-family: inherit;
  font-size: 13px;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.92);
}

._menuItem_tjpt3_63:hover {
  background-color: rgba(255, 255, 255, 0.08);
}

._menuItem_tjpt3_63:active {
  background-color: rgba(255, 255, 255, 0.12);
}

._menuItemActive_tjpt3_89 {
  color: rgba(255, 255, 255, 0.95);
}

._menuItemContent_tjpt3_93 {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

._menuItemLabel_tjpt3_99 {
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._menuItemDesc_tjpt3_107 {
  font-size: 10.5px;
  color: rgba(255, 255, 255, 0.38);
  margin-top: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._checkIcon_tjpt3_116 {
  color: rgba(255, 255, 255, 0.72);
  flex-shrink: 0;
}

@media (prefers-color-scheme: light) {
  :where(:root:not([data-theme="dark"])) ._menu_tjpt3_11 {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(226, 232, 240, 0.95);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14);
    color: #1f2937;
  }

  :where(:root:not([data-theme="dark"])) ._menuTitle_tjpt3_39, :where(:root:not([data-theme="dark"])) ._sectionLabel_tjpt3_48 {
    color: rgba(0, 0, 0, 0.38);
  }

  :where(:root:not([data-theme="dark"])) ._divider_tjpt3_57 {
    background: rgba(0, 0, 0, 0.08);
  }

  :where(:root:not([data-theme="dark"])) ._menuItem_tjpt3_63 {
    color: #1f2937;
  }

  :where(:root:not([data-theme="dark"])) ._menuItem_tjpt3_63:hover {
    background-color: rgba(200, 200, 200, 0.35);
  }

  :where(:root:not([data-theme="dark"])) ._menuItem_tjpt3_63:active {
    background-color: rgba(200, 200, 200, 0.5);
  }

  :where(:root:not([data-theme="dark"])) ._menuItemActive_tjpt3_89 {
    color: #111827;
  }

  :where(:root:not([data-theme="dark"])) ._menuItemLabel_tjpt3_99 {
    color: inherit;
  }

  :where(:root:not([data-theme="dark"])) ._menuItemDesc_tjpt3_107 {
    color: rgba(0, 0, 0, 0.42);
  }

  :where(:root:not([data-theme="dark"])) ._checkIcon_tjpt3_116 {
    color: rgba(0, 0, 0, 0.55);
  }
}

:where(:root[data-theme="light"]) ._menu_tjpt3_11 {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(226, 232, 240, 0.95);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14);
    color: #1f2937;
  }

:where(:root[data-theme="light"]) ._menuTitle_tjpt3_39, :where(:root[data-theme="light"]) ._sectionLabel_tjpt3_48 {
    color: rgba(0, 0, 0, 0.38);
  }

:where(:root[data-theme="light"]) ._divider_tjpt3_57 {
    background: rgba(0, 0, 0, 0.08);
  }

:where(:root[data-theme="light"]) ._menuItem_tjpt3_63 {
    color: #1f2937;
  }

:where(:root[data-theme="light"]) ._menuItem_tjpt3_63:hover {
    background-color: rgba(200, 200, 200, 0.35);
  }

:where(:root[data-theme="light"]) ._menuItem_tjpt3_63:active {
    background-color: rgba(200, 200, 200, 0.5);
  }

:where(:root[data-theme="light"]) ._menuItemActive_tjpt3_89 {
    color: #111827;
  }

:where(:root[data-theme="light"]) ._menuItemLabel_tjpt3_99 {
    color: inherit;
  }

:where(:root[data-theme="light"]) ._menuItemDesc_tjpt3_107 {
    color: rgba(0, 0, 0, 0.42);
  }

:where(:root[data-theme="light"]) ._checkIcon_tjpt3_116 {
    color: rgba(0, 0, 0, 0.55);
  }

/* A long menu: sections side by side in two columns, broad not tall. */
._menuWide_tjpt3_168 {
  max-width: 460px;
  min-width: 400px;
}

._columns_tjpt3_173 {
  column-count: 2;
  column-gap: 6px;
}

._section_tjpt3_48 {
  break-inside: avoid;
  padding-bottom: 4px;
}
._rollingNumber_16x7j_1 {
    display: inline-flex;
    align-items: baseline;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}
/* Chart and graph bodies for the home-screen widgets. They fill the body
   area between a widget's header and its ⋯ / ⚙ buttons, nothing else. */
._insights_okufj_3 {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0.7rem 1rem 0.2rem;
    color: #1d1d1f;
    font-variant-numeric: tabular-nums;
    --wi-muted: rgba(60, 60, 67, 0.6);
    --wi-faint: rgba(60, 60, 67, 0.12);
}

._headline_okufj_15 {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    flex-wrap: wrap;
    line-height: 1.1;
}

._headlineValue_okufj_23 {
    font-size: 1.55rem;
    font-weight: 600;
    letter-spacing: -0.02em;
}

._delta_okufj_29 {
    font-size: 0.72rem;
    font-weight: 600;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
}

._deltaUp_okufj_36 {
    color: #248A3D;
    background: rgba(52, 199, 89, 0.14);
}

._deltaDown_okufj_41 {
    color: #D70015;
    background: rgba(255, 59, 48, 0.12);
}

._caption_okufj_46 {
    font-size: 0.75rem;
    color: var(--wi-muted);
}

._plot_okufj_51 {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    margin-top: 0.15rem;
}

._hoverValue_okufj_60 {
    height: 1.15rem;
    font-size: 0.72rem;
    color: var(--wi-muted);
}

._svg_okufj_66 {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

._svgWrap_okufj_74 {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
}

._axisLabel_okufj_81 {
    font-size: 11px;
    fill: var(--wi-muted);
    font-family: inherit;
}

._avgLine_okufj_87,
._gridLine_okufj_88 {
    stroke: var(--wi-faint);
    stroke-width: 1;
}

._avgLine_okufj_87 {
    stroke-dasharray: 3 4;
}

._baseLine_okufj_97 {
    stroke: var(--wi-faint);
    stroke-width: 1;
}

._cursor_okufj_102 {
    stroke: var(--wi-muted);
    stroke-width: 1;
    opacity: 0.5;
}

._dotRing_okufj_108 {
    stroke: #fff;
    stroke-width: 2.5;
}

._breakdown_okufj_113 {
    --wi-other: rgba(142, 142, 147, 0.55);
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-top: 0.7rem;
}

._capsule_okufj_123 {
    display: flex;
    height: 0.75rem;
    border-radius: 999px;
    overflow: hidden;
    background: var(--wi-faint);
    gap: 2px;
}

._capsule_okufj_123 > span {
    height: 100%;
}

._legend_okufj_136 {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.35rem 1.4rem;
    overflow: hidden;
}

._legend_okufj_136 li {
    display: grid;
    grid-template-columns: 0.55rem minmax(0, 1fr) auto 2.6rem;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.8rem;
}

._legendDot_okufj_154 {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
}

._legendLabel_okufj_160 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

._legendValue_okufj_166 {
    font-weight: 600;
}

._legendShare_okufj_170 {
    text-align: right;
    color: var(--wi-muted);
}

._empty_okufj_175 {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    color: var(--wi-muted);
}

._placeholder_okufj_184 {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-end;
    padding-bottom: 1.2rem;
}

._shimmer_okufj_191 {
    width: 100%;
    height: 55%;
    border-radius: 10px;
    background: linear-gradient(90deg, var(--wi-faint), rgba(60, 60, 67, 0.05), var(--wi-faint));
    background-size: 200% 100%;
    animation: _wiShimmer_okufj_1 1.4s ease-in-out infinite;
}

@keyframes _wiShimmer_okufj_1 {
    from { background-position: 100% 0; }
    to { background-position: -100% 0; }
}

@media (prefers-color-scheme: dark) {
    :where(:root:not([data-theme="light"])) ._insights_okufj_3 {
        color: #f5f5f7;
        --wi-muted: rgba(235, 235, 245, 0.6);
        --wi-faint: rgba(235, 235, 245, 0.14);
    }

    :where(:root:not([data-theme="light"])) ._deltaUp_okufj_36 {
        color: #30D158;
        background: rgba(48, 209, 88, 0.16);
    }

    :where(:root:not([data-theme="light"])) ._deltaDown_okufj_41 {
        color: #FF453A;
        background: rgba(255, 69, 58, 0.16);
    }

    :where(:root:not([data-theme="light"])) ._dotRing_okufj_108 {
        stroke: #1c1c1e;
    }
}

:where(:root[data-theme="dark"]) ._insights_okufj_3 {
        color: #f5f5f7;
        --wi-muted: rgba(235, 235, 245, 0.6);
        --wi-faint: rgba(235, 235, 245, 0.14);
    }

:where(:root[data-theme="dark"]) ._deltaUp_okufj_36 {
        color: #30D158;
        background: rgba(48, 209, 88, 0.16);
    }

:where(:root[data-theme="dark"]) ._deltaDown_okufj_41 {
        color: #FF453A;
        background: rgba(255, 69, 58, 0.16);
    }

:where(:root[data-theme="dark"]) ._dotRing_okufj_108 {
        stroke: #1c1c1e;
    }

@media (prefers-reduced-motion: reduce) {
    ._shimmer_okufj_191 {
        animation: none;
    }
}
/* Container */
._container_xcjp6_2 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    backdrop-filter: blur(15px) saturate(0.86);
    box-shadow: rgba(0, 0, 0, 0.16) 17px 20px 40px 0px !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    border-radius: 11px;
    overflow: hidden;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

/* Header */
._header_xcjp6_23 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 22.5%;
    max-height: 80px;
    max-width: 100%;
    padding: 0.5rem 0.75rem;
    background: rgba(248, 248, 252, 0.85);
}

._headerContent_xcjp6_34 {
    display: flex;
    align-items: center;
    gap: 0.88rem;
    width: 90%;
    padding: 0.42rem 0.5rem;
    border-radius: 7px;
    user-select: none;
    cursor: pointer;

    &:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }

    &:hover:active {
        opacity: 0.75;
    }
}

._iconWrapper_xcjp6_53 {
    width: 40px;
    height: 40px;
    margin-left: 0.2rem;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: rgba(255, 255, 255, 0.12);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.12),
      0 8px 16px rgba(0, 0, 0, 0.24);
    overflow: hidden;
    display: none;
    align-items: center;
    justify-content: center;
    object-fit: cover;
}

._lightIcon_xcjp6_70 {
    display: flex;
}


._mainIcon_xcjp6_75 {
    width: 20px;
    height: 20px;
    color: white;
}

._titleSection_xcjp6_81 {
    display: flex;
    flex-direction: column;
}

._title_xcjp6_81 {
    font-size: 21px;
    font-weight: 500;
    color: #111827;
    margin: 0;
}

._subtitle_xcjp6_93 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.22rem;
    margin-top: 0.18rem;
}

._inboxIcon_xcjp6_101 {
    width: 19px;
    height: 19px;
    background-color: #636366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

._smallIcon_xcjp6_111 {
    width: 12px;
    height: 12px;
    color: white;
}

._subtitleText_xcjp6_117 {
    color: #6b7280;
    font-size: 14px;
}

._composeButton_xcjp6_122 {
    width: 3rem;
    height: 3rem;
    background-color: #3b82f6;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

._composeButton_xcjp6_122:hover {
    background-color: #2563eb;
}

._buttonIcon_xcjp6_140 {
    width: 1.5rem;
    height: 1.5rem;
    color: white;
}

._body_xcjp6_146 {
    display: flex;
    flex-direction: column;
    height: 77.5%;
    width: 100%;
    max-height: calc(100% - 80px);
    background-color: white;
}

._smallBody_xcjp6_155 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1;
    width: 100%;
    max-height: calc(100% - 80px);
    background-color: white;
    padding: 18px 18px 50px 27px;
    box-sizing: border-box;
    position: relative;
}

._summaryStack_xcjp6_168 {
    display: grid;
    gap: 1.1rem;
    padding: 0;
}

._summaryRow_xcjp6_174 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

._summaryMetric_xcjp6_181 {
    display: flex;
    align-items: center;
    gap: 0.78rem;
    min-width: 0;
}

._summaryMetricIcon_xcjp6_188 {
    width: 24px;
    height: 24px;
    color: rgba(17, 24, 39, 0.95);
    flex-shrink: 0;
    stroke-width: 2.1;
}

._summaryMetricLabel_xcjp6_196 {
    color: rgba(17, 24, 39, 0.55);
    font-size: 10.5px;
    line-height: 1.05;
    margin-bottom: 0.18rem;
}

._summaryMetricValue_xcjp6_203 {
    color: #111827;
    font-size: 18px;
    line-height: 1.1;
    font-weight: 700;
    display: inline-flex;
    align-items: baseline;
    white-space: nowrap;
}

._summaryBadge_xcjp6_213 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0 0.72rem;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1;
    font-weight: 400;
    flex-shrink: 0;
    white-space: nowrap;
    margin-top: 0.05rem;
}

._summaryBadgeLive_xcjp6_228 {
    color: #5fd34f;
    background: rgba(95, 211, 79, 0.18);
}

._summaryBadgeMuted_xcjp6_233 {
    color: rgba(255, 255, 255, 0.96);
    background: rgba(160, 168, 178, 0.28);
}

/* Email Grid */
._emailGrid_xcjp6_239 {
    display: grid;
    flex-grow: 0;
    grid-template-columns: calc(50% - 2rem) calc(50% - 2rem);
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
    gap: 0 2rem;
    padding: 0.65rem 0;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    user-select: none;


    &::before {
        content: "";
        position: absolute;
        top: calc(100% - 69%);
        bottom: calc(100% - 82%);
        left: calc(50% + 0rem);
        /* 0.5rem = half of column gap (1rem) */
        width: 1px;
        background-color: #ddd;
        /* or any color you want */
    }
}

._emailItem_xcjp6_266 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.675rem 0.5rem;
    border-radius: 7px;
    transition: background-color 0.2s cubic-bezier(0.32, 0.08, 0.24, 1);
    cursor: pointer;
    position: relative;
    user-select: none;

    &:not(:last-child, :nth-child(3)) {
        &::before {
            content: '';
            position: absolute;
            bottom: 0;
            right: 2.5%;
            width: 87.5%;
            height: 1px;
            background-color: rgba(0, 0, 0, 0.05);
            /* Border color */
        }
    }

    &:hover {
        background-color: rgba(0, 0, 0, 0.1);

        &::before {
            display: none;
        }

    }

    &:hover:active {
        opacity: 0.75;
    }

}


._unreadDot_xcjp6_306 {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    flex-shrink: 0;
    background-color: transparent;
}

._unreadDotActive_xcjp6_314 {
    background-color: #3b82f6;
}

._emailContent_xcjp6_318 {
    flex: 1;
    min-width: 0;
}

._emailHeader_xcjp6_323 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.125rem;
}

._senderName_xcjp6_330 {
    color: #111827;
    font-size: 0.875rem;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

._senderName_xcjp6_330._unread_xcjp6_306 {
    font-weight: 400;
}

._timestamp_xcjp6_344 {
    color: #9ca3af;
    font-size: 0.75rem;
    flex-shrink: 0;
    margin-left: 0.5rem;
}

._subject_xcjp6_351 {
    color: #6b7280;
    font-size: 0.7rem;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

/* No Elements Div */
._noElements_xcjp6_362 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

._noElementsMessage_xcjp6_370 {
    color: #6b7280;
    font-size: 17px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

._bottomActions_xcjp6_380 {
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 0.85rem 0.8rem 0.85rem;

    ._bottomButton_xcjp6_389 {
        border-radius: 7px;
        width: 1.3rem;
        height: 1.3rem;
        padding: 4px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;

        &:hover {
            background-color: rgba(0, 0, 0, 0.1);
        }

        &:active {
            background-color: rgba(0, 0, 0, 0.2);
        }

        ._moreButton_xcjp6_407 {
            width: 1.35rem;
            height: 1.35rem;
            color: #000;
        }

        ._settingsButton_xcjp6_413 {
            width: 1.35rem;
            height: 1.35rem;
            color: #707070;
        }
    }

}

@media (prefers-color-scheme: dark) {

    :where(:root:not([data-theme="light"])) ._lightIcon_xcjp6_70 {
        display: none;
    }

    :where(:root:not([data-theme="light"])) ._darkIcon_xcjp6_428 {
        display: flex;
    }

    :where(:root:not([data-theme="light"])) ._container_xcjp6_2 {
        box-shadow: 17px 20px 40px rgba(0, 0, 0, 0.65) !important;
    }

    :where(:root:not([data-theme="light"])) ._header_xcjp6_23 {
        background: rgba(56, 56, 61, 0.6);
    }

    :where(:root:not([data-theme="light"])) ._headerContent_xcjp6_34 {

        &:hover {
            background-color: rgba(255, 255, 255, 0.098);
        }
    }

    :where(:root:not([data-theme="light"])) ._title_xcjp6_81 {
        color: rgba(255, 255, 255, 0.98);
    }

    :where(:root:not([data-theme="light"])) ._subtitleText_xcjp6_117 {
        color: rgba(255, 255, 255, 0.66);
    }

    :where(:root:not([data-theme="light"])) ._body_xcjp6_146 {
        background-color: rgba(0, 0, 0, 0.75);
    }

    :where(:root:not([data-theme="light"])) ._smallBody_xcjp6_155 {
        background-color: rgba(0, 0, 0, 0.75);
    }

    :where(:root:not([data-theme="light"])) ._summaryMetricIcon_xcjp6_188 {
        color: rgba(246, 250, 255, 0.92);
    }

    :where(:root:not([data-theme="light"])) ._summaryMetricLabel_xcjp6_196 {
        color: rgba(217, 226, 238, 0.75);
    }

    :where(:root:not([data-theme="light"])) ._summaryMetricValue_xcjp6_203 {
        color: #f4f8ff;
    }

    :where(:root:not([data-theme="light"])) ._summaryBadgeLive_xcjp6_228 {
        color: #5fd34f;
        background: rgba(36, 88, 35, 0.72);
    }

    :where(:root:not([data-theme="light"])) ._summaryBadgeMuted_xcjp6_233 {
        color: rgba(255, 255, 255, 0.96);
        background: rgba(160, 168, 178, 0.28);
    }

    :where(:root:not([data-theme="light"])) ._emailGrid_xcjp6_239 {
        &::before {
            background-color: rgba(255, 255, 255, 0.165);
        }
    }

    :where(:root:not([data-theme="light"])) ._emailItem_xcjp6_266 {
        &:not(:last-child, :nth-child(3)) {

            &::before {
                background-color: rgba(255, 255, 255, 0.1);
            }
        }

        &:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }
    }


    :where(:root:not([data-theme="light"])) ._senderName_xcjp6_330 {
        color: #ffffff;
    }

    :where(:root:not([data-theme="light"])) ._timestamp_xcjp6_344 {
        color: rgba(255, 255, 255, 0.66);
    }

    :where(:root:not([data-theme="light"])) ._subject_xcjp6_351 {
        color: rgba(255, 255, 255, 0.66);
    }

    :where(:root:not([data-theme="light"])) ._noElementsMessage_xcjp6_370 {
        color: rgba(255, 255, 255, 0.66);
    }

    :where(:root:not([data-theme="light"])) ._bottomActions_xcjp6_380 {
        ._bottomButton_xcjp6_389 {

            &:hover {
                background-color: rgba(255, 255, 255, 0.1);
            }

            &:active {
                background-color: rgba(255, 255, 255, 0.2);
            }

            ._moreButton_xcjp6_407 {
                color: #ffffff;
            }

            ._settingsButton_xcjp6_413 {
                color: #808080;
            }
        }

    }
}

:where(:root[data-theme="dark"]) ._lightIcon_xcjp6_70 {
        display: none;
    }

:where(:root[data-theme="dark"]) ._darkIcon_xcjp6_428 {
        display: flex;
    }

:where(:root[data-theme="dark"]) ._container_xcjp6_2 {
        box-shadow: 17px 20px 40px rgba(0, 0, 0, 0.65) !important;
    }

:where(:root[data-theme="dark"]) ._header_xcjp6_23 {
        background: rgba(56, 56, 61, 0.6);
    }

:where(:root[data-theme="dark"]) ._headerContent_xcjp6_34 {

        &:hover {
            background-color: rgba(255, 255, 255, 0.098);
        }
    }

:where(:root[data-theme="dark"]) ._title_xcjp6_81 {
        color: rgba(255, 255, 255, 0.98);
    }

:where(:root[data-theme="dark"]) ._subtitleText_xcjp6_117 {
        color: rgba(255, 255, 255, 0.66);
    }

:where(:root[data-theme="dark"]) ._body_xcjp6_146 {
        background-color: rgba(0, 0, 0, 0.75);
    }

:where(:root[data-theme="dark"]) ._smallBody_xcjp6_155 {
        background-color: rgba(0, 0, 0, 0.75);
    }

:where(:root[data-theme="dark"]) ._summaryMetricIcon_xcjp6_188 {
        color: rgba(246, 250, 255, 0.92);
    }

:where(:root[data-theme="dark"]) ._summaryMetricLabel_xcjp6_196 {
        color: rgba(217, 226, 238, 0.75);
    }

:where(:root[data-theme="dark"]) ._summaryMetricValue_xcjp6_203 {
        color: #f4f8ff;
    }

:where(:root[data-theme="dark"]) ._summaryBadgeLive_xcjp6_228 {
        color: #5fd34f;
        background: rgba(36, 88, 35, 0.72);
    }

:where(:root[data-theme="dark"]) ._summaryBadgeMuted_xcjp6_233 {
        color: rgba(255, 255, 255, 0.96);
        background: rgba(160, 168, 178, 0.28);
    }

:where(:root[data-theme="dark"]) ._emailGrid_xcjp6_239 {
        &::before {
            background-color: rgba(255, 255, 255, 0.165);
        }
    }

:where(:root[data-theme="dark"]) ._emailItem_xcjp6_266 {
        &:not(:last-child, :nth-child(3)) {

            &::before {
                background-color: rgba(255, 255, 255, 0.1);
            }
        }

        &:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }
    }

:where(:root[data-theme="dark"]) ._senderName_xcjp6_330 {
        color: #ffffff;
    }

:where(:root[data-theme="dark"]) ._timestamp_xcjp6_344 {
        color: rgba(255, 255, 255, 0.66);
    }

:where(:root[data-theme="dark"]) ._subject_xcjp6_351 {
        color: rgba(255, 255, 255, 0.66);
    }

:where(:root[data-theme="dark"]) ._noElementsMessage_xcjp6_370 {
        color: rgba(255, 255, 255, 0.66);
    }

:where(:root[data-theme="dark"]) ._bottomActions_xcjp6_380 {
        ._bottomButton_xcjp6_389 {

            &:hover {
                background-color: rgba(255, 255, 255, 0.1);
            }

            &:active {
                background-color: rgba(255, 255, 255, 0.2);
            }

            ._moreButton_xcjp6_407 {
                color: #ffffff;
            }

            ._settingsButton_xcjp6_413 {
                color: #808080;
            }
        }

    }

._rollingNumber_xcjp6_544 {
    display: inline-flex;
    align-items: baseline;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}

/* The subtitle circle wears the app's title accent, dark variant. */
@media (prefers-color-scheme: dark) {
    :where(:root:not([data-theme="light"])) ._inboxIcon_xcjp6_101 { background-color: #AEAEB2; }
}
:where(:root[data-theme="dark"]) ._inboxIcon_xcjp6_101 { background-color: #AEAEB2; }