.sf{--cut:var(--cut-plate);margin-top:var(--space-5);background:var(--band);color:var(--on-band);clip-path:polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut));position:relative}[dir=rtl] .sf{clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%)}.sf:after{content:"";z-index:var(--z-raised);box-shadow:inset 0 0 0 1px var(--band-edge);pointer-events:none;position:absolute;inset:0}.sf-bar{align-items:center;gap:var(--space-1) var(--space-3);min-height:3.5rem;padding-block:var(--space-2);padding-inline:calc(var(--cut) + var(--space-3)) calc(var(--space-4) + 5rem);border-bottom:1px solid var(--dark-line);font-size:var(--fs-note);flex-wrap:wrap;line-height:1.3;display:flex}.sf-bar b{font-weight:var(--weight-semibold);white-space:nowrap}.sf-mono{border-radius:var(--radius-sm);background:var(--monogram-bg);width:1.75rem;height:1.75rem;color:var(--monogram-ink);box-shadow:inset 0 0 0 1px var(--band-rule);font-size:var(--fs-micro);font-weight:var(--weight-semibold);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.sf-mono:after{content:"";top:0;background:var(--volt);clip-path:polygon(0 0,100% 0,100% 100%);width:.5rem;height:.5rem;position:absolute;inset-inline-end:0}[dir=rtl] .sf-mono:after{clip-path:polygon(0 0,100% 0,0 100%)}.sf-bar .mark-sample{border-color:var(--band-rule);color:var(--on-band-quiet);margin-inline-start:0}.sf-when{color:var(--on-band-quiet);font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline-start:auto}.sf-grid{background:var(--dark-line);grid-template-rows:27.5rem 16.25rem 16.25rem;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"chat chat bookings""agent accounts shelf""agent accounts docs";gap:1px;display:grid}.sf-cell{background:var(--band);min-width:0;display:grid}.sf-chat{grid-area:chat}.sf-bookings{grid-area:bookings}.sf-agent{grid-area:agent}.sf-accounts{grid-area:accounts}.sf-shelf{grid-area:shelf}.sf-docs{grid-area:docs}.sf-tile{--pad:var(--space-4);--bleed:2.5rem;row-gap:var(--space-3);min-width:0;min-height:2.75rem;padding:var(--pad) var(--pad) 1.375rem;color:var(--on-band);-webkit-tap-highlight-color:transparent;grid-template-rows:minmax(0,1fr) auto;text-decoration:none;display:grid;position:relative;overflow:clip}.sf-chat .sf-tile{--bleed:3.5rem}.sf-shelf .sf-tile{--bleed:1.5rem}.sf-docs .sf-tile{--bleed:calc(-1 * var(--pad))}.sf-tile:after{content:"";box-shadow:inset 0 0 0 1px var(--line-strong);opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease);position:absolute;inset:0}.sf-tile:focus-visible{outline:var(--focus-width) solid var(--focus-on-band);outline-offset:calc(-1 * (var(--space-1) + var(--focus-width)))}.sf-frag{min-height:0;grid-template-rows:minmax(0,1fr);margin-inline-end:calc(-1 * (var(--pad) + var(--bleed)));display:grid;overflow:clip}.sf-shelf .sf-frag,.sf-docs .sf-frag{grid-template-rows:auto;align-content:start}.sf-label{gap:var(--space-1);display:grid}.sf-name{align-items:center;gap:var(--space-2);font-family:var(--sans);font-size:var(--fs-body);font-weight:var(--weight-semibold);line-height:1.2;display:inline-flex}.sf-name .ico{flex:none;width:1.125rem;height:1.125rem}.sf-desc{color:var(--on-band-quiet);font-size:var(--fs-caption);line-height:1.4}[lang=ar] .sf-desc{line-height:1.7}.sf-state{color:var(--on-band-faint)}@media (hover:hover) and (pointer:fine){.sf-tile:hover:after{opacity:1}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.sf-frag,.sf-name .ico{transition:translate var(--dur-2) var(--ease)}.sf-tile:hover .sf-frag{translate:calc(var(--dir) * 2px) -2px}.sf-tile:hover .sf-name .ico{translate:calc(var(--dir) * 1px) 0}}.sf-win{--c:var(--cut-notch);background:var(--window);min-width:0;min-height:0;color:var(--text);box-shadow:inset 0 0 0 1px var(--window-line);clip-path:polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c));font-size:var(--ui-body-sm);flex-direction:column;line-height:1.35;display:flex;overflow:hidden}[dir=rtl] .sf-win{clip-path:polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%);line-height:1.55}.sf-win-head{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:2.75rem;padding-inline:var(--space-3);border-bottom:1px solid var(--hair-strong);flex:none;display:flex}.sf-win-head b{font-weight:var(--weight-semibold);white-space:nowrap}.sf-win-head span{color:var(--text-muted);font-size:var(--ui-caption);font-variant-numeric:tabular-nums;white-space:nowrap}.sf-pad{align-content:start;gap:var(--space-3);padding:var(--space-3);display:grid}.sf-k{color:var(--text-muted);font-size:var(--ui-caption);font-weight:var(--weight-medium)}.sf-swap{justify-items:start;min-width:0;display:grid}.sf-swap>*{grid-area:1/1}.sf-old{opacity:0}.sf-inbox{flex:1;grid-template-columns:18.75rem minmax(0,1fr);min-height:0;display:grid}.sf-list{align-content:start;min-width:0;display:grid}.sf-row{min-width:0;padding:.6875rem var(--space-3);border-bottom:1px solid var(--hair);gap:3px;display:grid;position:relative}.sf-row>:not(.sf-wash){position:relative}.sf-wash{background:var(--volt-wash);position:absolute;inset:0}.sf-row-top{justify-content:space-between;gap:var(--space-2);display:flex}.sf-row-top b{font-weight:var(--weight-semibold);white-space:nowrap}.sf-row-top>span{color:var(--text-muted);font-size:var(--ui-caption);font-variant-numeric:tabular-nums}.sf-row-line{color:var(--text-muted);font-size:var(--ui-small);white-space:nowrap;overflow:hidden}.sf-new{align-items:center;gap:var(--space-2);white-space:nowrap;display:flex}.sf-tag{color:var(--volt-ink);font-size:var(--ui-caption);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;border:1px solid;flex:none;padding-inline:.375rem}.sf-convo{background:var(--d-chat);border-inline-start:1px solid var(--hair-strong);flex-direction:column;min-width:0;min-height:0;display:flex}.sf-convo-head{min-height:2.75rem;padding-inline:var(--space-3);border-bottom:1px solid var(--hair-strong);background:var(--window);font-weight:var(--weight-semibold);flex:none;align-items:center;display:flex}.sf-thread{justify-content:flex-end;gap:var(--space-2);flex-direction:column;flex:1;min-height:0;padding:.875rem;display:flex;overflow:hidden}.sf-msg{border-radius:var(--radius-sm);background:var(--d-card);max-width:82%;color:var(--d-ink);box-shadow:0 0 0 1px var(--d-hair);flex:none;padding:.4375rem .6875rem}.sf-msg.is-in{align-self:flex-start}.sf-msg.is-out{background:var(--d-out);align-self:flex-end}.sf-msg-act{border-top:1px solid var(--d-hair-2);color:var(--d-link);font-size:var(--ui-small);font-weight:var(--weight-semibold);text-align:center;margin:.4375rem -.6875rem -.4375rem;padding:.4375rem .6875rem;display:block}.sf-event{background:var(--d-raise);box-shadow:0 0 0 1px var(--d-hair-2);color:var(--d-ink-2);font-size:var(--ui-caption);font-variant-numeric:tabular-nums;flex:none;align-self:center;padding:.1875rem .625rem}.sf-slots{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sf-slot{border-radius:var(--radius-md);background:var(--d-card);height:2.25rem;color:var(--d-ink);box-shadow:0 0 0 1px var(--d-hair-2);font-size:var(--ui-small);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:relative;overflow:hidden}.sf-slot-fill{background:var(--volt);color:var(--on-volt);font-weight:var(--weight-semibold);place-items:center;display:grid;position:absolute;inset:0}.sf-lines{display:grid}.sf-line{align-items:center;gap:var(--space-3);border-top:1px solid var(--hair);grid-template-columns:3.75rem minmax(0,1fr) auto;padding-block:.625rem;display:grid}.sf-line>b{font-size:var(--ui-small);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;justify-self:start}.sf-line>span{gap:2px;min-width:0;display:grid}.sf-line b{font-weight:var(--weight-semibold)}.sf-line small{color:var(--text-muted);font-size:var(--ui-caption);font-variant-numeric:tabular-nums}.sf-tick{width:1.125rem;height:1.125rem;color:var(--volt-ink);display:grid}.sf-tick svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;width:100%;height:100%}.sf-needs li{align-items:baseline;gap:var(--space-3);padding:.625rem var(--space-3);border-bottom:1px solid var(--hair);display:flex}.sf-needs li>b{font-size:var(--ui-heading);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;line-height:1}.sf-needs li>span{font-weight:var(--weight-medium);gap:2px;display:grid}.sf-needs small,.sf-card>span:nth-child(2){color:var(--text-muted);font-size:var(--ui-caption);font-weight:var(--weight-regular)}.sf-sugg{gap:var(--space-2);padding:.75rem var(--space-3) 0;display:grid}.sf-card{background:var(--d-card);box-shadow:0 0 0 1px var(--d-hair-2);justify-items:start;gap:.375rem;padding:.875rem;display:grid}.sf-card>b{font-size:var(--ui-body);font-weight:var(--weight-semibold)}.sf-card>span:nth-child(2){font-size:var(--ui-small)}.sf-act{--n:var(--cut-notch-sm);margin-top:var(--space-1);background:var(--text);clip-path:polygon(0 0, calc(100% - var(--n)) 0, 100% var(--n), 100% 100%, 0 100%);padding:1px}.sf-act>span{background:var(--d-card);font-size:var(--ui-small);font-weight:var(--weight-semibold);clip-path:polygon(0 0, calc(100% - var(--n) + .5px) 0, 100% calc(var(--n) - .5px), 100% 100%, 0 100%);padding:.3125rem .75rem;display:block}[dir=rtl] .sf-act{clip-path:polygon(var(--n) 0, 100% 0, 100% 100%, 0 100%, 0 var(--n))}[dir=rtl] .sf-act>span{clip-path:polygon(calc(var(--n) - .5px) 0, 100% 0, 100% 100%, 0 100%, 0 calc(var(--n) - .5px))}.sf-owed{gap:var(--space-1)}.sf-big{font-size:var(--ui-heading-lg);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;line-height:1.15}.sf-age{gap:2px;height:.625rem;margin-top:.625rem;display:flex}.sf-age>span{background:var(--d-raise);min-width:4px;box-shadow:inset 0 0 0 1px var(--hair);flex-basis:0;display:grid;overflow:hidden}.sf-age i{transform-origin:0;display:block}[dir=rtl] .sf-age i{transform-origin:100%}.sf-legend{gap:.375rem var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.625rem;display:grid}.sf-legend>span{min-width:0;color:var(--text-muted);font-size:var(--ui-caption);white-space:nowrap;align-items:center;gap:.375rem;display:flex}.sf-legend i{flex:none;width:.5rem;height:.5rem}.sf-legend b{color:var(--text);font-weight:var(--weight-regular);font-variant-numeric:tabular-nums}.sf-acct{margin-top:var(--space-2);border-top:1px solid var(--hair-strong);gap:.375rem;padding-top:.75rem;display:grid}.sf-acct-top{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.sf-acct-top b{font-weight:var(--weight-semibold)}.sf-acct-top b:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.sf-acct small{color:var(--text-muted);font-size:var(--ui-caption)}.sf-promise{background:var(--volt-wash);color:var(--volt-ink);font-size:var(--ui-caption);font-weight:var(--weight-semibold);justify-self:start;padding:.1875rem .5rem}.sf-stock{grid-template-columns:5.5rem minmax(0,1fr);display:grid}.sf-count{border-inline-end:1px solid var(--hair-strong);text-align:center;align-content:center;justify-items:center;gap:2px;padding:.75rem .375rem;display:grid}.sf-count small{color:var(--text-muted);font-size:var(--ui-caption)}.sf-digit{font-size:var(--ui-display-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;line-height:1;display:grid;overflow:hidden}.sf-digit>span{grid-area:1/1}.sf-d1{opacity:0}.sf-item{min-width:0;padding:.75rem var(--space-3);align-content:start;justify-items:start;gap:3px;display:grid}.sf-item>b{font-weight:var(--weight-semibold);line-height:1.3}.sf-code{box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text-muted);font-family:var(--mono);font-size:var(--ui-micro);padding-inline:.375rem}.sf-price{color:var(--text-muted);font-size:var(--ui-small);font-variant-numeric:tabular-nums}.sf-left{margin-top:2px}.sf-few{color:var(--text-muted);font-size:var(--ui-caption)}.sf-out{background:var(--text);color:var(--text-inverse);font-size:var(--ui-caption);font-weight:var(--weight-semibold);padding:1px .5rem}.sf-paper{--c:var(--cut-notch);clip-path:polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c))}[dir=rtl] .sf-paper{clip-path:polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%)}.sf-paper .pp-sheet{box-shadow:inset 0 0 0 1px var(--doc-rule)}.suite-notes{column-gap:var(--col-gap);row-gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.suite-notes p{max-width:34rem;color:var(--text-muted);font-size:var(--fs-base)}.suite-notes b{color:var(--text);font-weight:var(--weight-semibold)}@media (max-width:61.99rem){.sf-grid{grid-template-rows:26rem 26rem 16.25rem 16.25rem;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"chat chat""bookings agent""accounts shelf""accounts docs"}}@media (max-width:47.99rem){.sf{--cut:var(--cut-plate-sm);margin-top:var(--space-4)}.sf-bar{min-height:3.25rem;padding-inline:calc(var(--cut) + var(--space-2)) calc(var(--space-3) + 5rem);column-gap:var(--space-2)}.sf-grid{grid-template:none/minmax(0,1fr)}.sf-grid>.sf-cell{grid-area:auto}.sf-tile{--pad:var(--space-3);--bleed:var(--space-4);height:var(--h);padding-bottom:var(--space-3)}.sf-chat .sf-tile{--bleed:var(--space-5)}.sf-docs .sf-tile{--bleed:calc(-1 * var(--pad))}.sf-chat{--h:19rem}.sf-bookings{--h:23.5rem}.sf-agent{--h:24.5rem}.sf-accounts{--h:26rem}.sf-shelf,.sf-docs{--h:15rem}.sf-inbox{grid-template-columns:minmax(0,1fr)}.sf-convo,.sf-needs li+li{display:none}.suite-notes{grid-template-columns:minmax(0,1fr)}}@keyframes sf-arrive{0%{opacity:0;translate:calc(var(--dir) * var(--travel) * .7071) calc(var(--travel) * -.7071)}}@keyframes sf-settle{0%{translate:calc(var(--dir) * var(--travel) * .7071) calc(var(--travel) * -.7071)}}@keyframes sf-in{0%{opacity:0}to{opacity:1}}@keyframes sf-out{0%{opacity:1;translate:0}to{opacity:0;translate:0 -.5rem}}@keyframes sf-fade{0%{opacity:1}to{opacity:0}}@keyframes sf-up{0%{opacity:0;translate:0 .5rem}to{opacity:1;translate:0}}@keyframes sf-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes sf-wipe-rtl{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes sf-grow{0%{scale:0 1}}@keyframes sf-leave{0%{opacity:1;translate:0}to{opacity:0;translate:calc(var(--dir) * .55em) -.55em}}@keyframes sf-enter{0%{opacity:0;translate:calc(var(--dir) * -.55em) .55em}to{opacity:1;translate:0}}@media (prefers-reduced-motion:no-preference){.motion .sf-chat>.is-in .sf-event{animation:sf-arrive var(--play-3) var(--ease) both}.motion .sf-chat>.is-in .sf-confirm{animation:sf-arrive var(--play-3) var(--ease) both;animation-delay:calc(6 * var(--play-stagger))}.motion .sf-chat>.is-in .sf-wash{animation:sf-in var(--play-3) var(--ease) both;animation-delay:calc(10 * var(--play-stagger))}.motion .sf-chat>.is-in .sf-old{animation:sf-out var(--play-2) var(--ease) both;animation-delay:calc(10 * var(--play-stagger))}.motion .sf-chat>.is-in .sf-new{animation:sf-up var(--play-3) var(--ease) both;animation-delay:calc(11 * var(--play-stagger))}.motion .sf-bookings>.is-in .sf-slot-fill{animation:sf-wipe var(--play-2) var(--ease) both}.motion[dir=rtl] .sf-bookings>.is-in .sf-slot-fill{animation-name:sf-wipe-rtl}.motion .sf-bookings>.is-in .sf-b1{animation:sf-arrive var(--play-3) var(--ease) both;animation-delay:calc(5 * var(--play-stagger))}.motion .sf-bookings>.is-in .sf-b2{animation:sf-arrive var(--play-3) var(--ease) both;animation-delay:calc(14 * var(--play-stagger))}.motion .sf-agent>.is-in .sf-card{animation:sf-arrive var(--play-4) var(--ease) both}.motion .sf-agent>.is-in .sf-act{animation:sf-arrive var(--play-2) var(--ease) both;animation-delay:calc(8 * var(--play-stagger))}.motion .sf-accounts>.is-in .sf-age i{animation:sf-grow var(--play-3) var(--ease) both;animation-delay:calc(var(--i,0) * 2 * var(--play-stagger))}.motion .sf-accounts>.is-in .sf-promise{animation:sf-arrive var(--play-3) var(--ease) both;animation-delay:calc(16 * var(--play-stagger))}.motion .sf-shelf>.is-in .sf-d1{animation:sf-leave var(--play-3) var(--ease) both}.motion .sf-shelf>.is-in .sf-d0{animation:sf-enter var(--play-3) var(--ease) both}.motion .sf-shelf>.is-in .sf-old{animation:sf-fade var(--play-2) var(--ease) both;animation-delay:calc(8 * var(--play-stagger))}.motion .sf-shelf>.is-in .sf-new{animation:sf-arrive var(--play-3) var(--ease) both;animation-delay:calc(8 * var(--play-stagger))}.motion .sf-docs>.is-in .sf-paper{animation:sf-settle var(--play-4) var(--ease) both}.motion .sf-docs>.is-in :is(.pp-shop>b,.pp-kind>b){animation:sf-wipe-rtl var(--play-3) var(--ease) both;animation-delay:calc(8 * var(--play-stagger))}.motion .sf-docs>.is-in :is(.pp-shop>.pp-en,.pp-kind>.pp-en){animation:sf-wipe var(--play-3) var(--ease) both;animation-delay:calc(13 * var(--play-stagger))}.motion .sf-docs>.is-in .pp-addr{animation:sf-wipe-rtl var(--play-3) var(--ease) both;animation-delay:calc(13 * var(--play-stagger))}.motion .sf-docs>.is-in .pp-f{animation:sf-wipe-rtl var(--play-3) var(--ease) both;animation-delay:calc(17 * var(--play-stagger))}.motion .sf-docs>.is-in .pp-f+.pp-f{animation-delay:calc(19 * var(--play-stagger))}}
