/* "See it in action" — the real portal (per-app workspace + left sidebar),
   a fixed-size screen scaled into the browser frame by inaction.js. */
.sia{position:relative;width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;gap:28px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#1F2433}
.sia-tabs{display:flex;gap:6px;background:#F2F4F8;padding:6px;border-radius:12px;flex-wrap:wrap;justify-content:center}
.sia-tabs button{border:0;background:transparent;height:44px;padding:0 20px;border-radius:8px;font:600 15px 'Plus Jakarta Sans',sans-serif;color:#5B6275;cursor:pointer;transition:color .2s,background .2s}
.sia-tabs button:hover{color:#1A56DB}
.sia-tabs button.on{background:#fff;color:#1A56DB;box-shadow:0 2px 6px rgba(31,36,51,.1)}

.sia-win{max-width:100%;border-radius:14px;border:1px solid #E1E5EE;background:#fff;overflow:hidden;box-shadow:0 40px 80px -40px rgba(31,36,51,.4);text-align:left}
.sia-chrome{height:38px;background:#F2F4F8;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid #E6E9F0}
.sia-chrome i{width:11px;height:11px;border-radius:50%;background:#F87171;flex:none}.sia-chrome i:nth-child(2){background:#FBBF24}.sia-chrome i:nth-child(3){background:#34D399}
.sia-chrome span{margin-left:10px;font-size:12.5px;color:#6B7185;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sia-fit{position:relative;overflow:hidden}
.sia-app{position:absolute;left:0;top:0;transform-origin:0 0;background:#F4F6FA;font-size:13px}
.sia-view{position:absolute;inset:0;display:flex;opacity:0;transition:opacity .4s;pointer-events:none}
.sia-view.on{opacity:1}

/* sidebar */
.sia-app .ps{width:232px;flex:none;background:#fff;border-right:1px solid #E6E9F0;display:flex;flex-direction:column;padding:14px 12px 12px;gap:2px}
.sia-app .ps-logo{padding:4px 6px;display:flex}
.sia-app .ps-firm{font-size:12px;color:#5B6275;margin:4px 6px 10px}
.sia-app .ps-nav{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;min-height:34px;font-size:13.5px;font-weight:600;color:#3A4154;white-space:nowrap}
.sia-app .ps-ic{width:20px;display:grid;place-items:center;color:#7A8194;flex:none}
.sia-app .ps-ic i{width:6px;height:6px;border-radius:50%;background:currentColor}
.sia-app .ps-nav.on{background:#EEF3FD;color:#1A56DB}.sia-app .ps-nav.on .ps-ic{color:#1A56DB}
.sia-app .ps-back{border-bottom:1px solid #F0F2F6;border-radius:8px 8px 0 0;margin-bottom:2px}
.sia-app .ps-app{display:flex;align-items:center;gap:10px;padding:10px 10px 8px;font-weight:800;font-size:15px;letter-spacing:-.2px}
.sia-app .ps-app svg{width:28px;height:28px;flex:none}.sia-app svg .mx{mix-blend-mode:multiply}
.sia-app .ps-sp{flex:1}
.sia-app .ps-user{display:flex;align-items:center;gap:10px;border-top:1px solid #F0F2F6;padding:10px 6px 0;line-height:1.25}
.sia-app .ps-user b{display:block;font-size:13px}.sia-app .ps-user small{font-size:11.5px;color:#5B6275}
.sia-app .av{width:32px;height:32px;border-radius:50%;background:#8B5CF6;color:#fff;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
.sia-app .av.sm{width:22px;height:22px;font-size:9.5px;margin-right:7px;vertical-align:middle}

/* main: slim header + page */
.sia-app .pm{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.sia-app .pt{height:56px;flex:none;background:#fff;border-bottom:1px solid #E6E9F0;display:flex;align-items:center;gap:12px;padding:0 22px}
.sia-app .pt-burger{display:none;color:#3A4154}
.sia-app .pt-t{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.sia-app .pt-t small{font-size:11.5px;font-weight:600;color:#5B6275}.sia-app .pt-t b{font-size:16px;font-weight:800;white-space:nowrap}
.sia-app .pt-search{margin-left:auto;height:36px;width:290px;border-radius:8px;background:#F4F6FA;display:flex;align-items:center;gap:8px;padding:0 12px;color:#7A8194;font-size:13px}
.sia-app .pt-cta{background:#1A56DB;color:#fff;font-weight:600;padding:0 14px;height:36px;display:flex;align-items:center;border-radius:8px;white-space:nowrap}
.sia-app .ipb{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:14px;min-height:0}
.sia-app .iph{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.sia-app .iph h3{margin:0;font-size:22px;font-weight:800;letter-spacing:-.4px}
.sia-app .iph small{display:block;font-size:12.5px;color:#5B6275;margin-top:3px}
.sia-app .seg{display:flex;background:#fff;border:1px solid #E6E9F0;border-radius:8px;padding:3px;gap:2px}
.sia-app .seg i{font-style:normal;font-weight:600;font-size:12.5px;color:#5B6275;padding:5px 11px;border-radius:6px}.sia-app .seg i.on{background:#EEF3FD;color:#1A56DB}
.sia-app .ibtn{background:#1A56DB;color:#fff;font-weight:600;font-size:13px;padding:9px 14px;border-radius:8px;white-space:nowrap}
.sia-app .ibtn.soft{background:#EEF3FD;color:#1A56DB}
.sia-app .ikp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sia-app .ikp.ik3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sia-app .ikp>div{background:#fff;border:1px solid #E6E9F0;border-radius:14px;padding:12px 16px}
.sia-app .ikp small{font-size:12px;color:#5B6275;font-weight:600}.sia-app .ikp b{display:block;font-size:24px;font-weight:800;letter-spacing:-.6px;font-variant-numeric:tabular-nums}
.sia-app .bad{color:#B42318}.sia-app .warn{color:#8A4B00}

/* tables */
.sia-app .itb{background:#fff;border:1px solid #E6E9F0;border-radius:14px;overflow:hidden}
.sia-app .itr{display:grid;gap:12px;align-items:center;padding:9px 16px;border-top:1px solid #F0F2F6;font-size:13px;white-space:nowrap;transition:background .3s}
.sia-app .itr>*{overflow:hidden;text-overflow:ellipsis;min-width:0}
.sia-app .itr.hd{border-top:0;background:#F8F9FC;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#5B6275;padding:9px 16px}
.sia-app .itr small{display:block;font-size:11.5px;color:#5B6275}
.sia-app .tc .itr{grid-template-columns:70px minmax(0,2fr) minmax(0,1.1fr) 130px 150px}
.sia-app .tm .itr{grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) 90px 120px}
.sia-app .tt .itr{grid-template-columns:minmax(0,1.3fr) 150px minmax(0,1.5fr)}
.sia-app .rd{display:flex;align-items:center;gap:8px}.sia-app .rd em{font-style:normal;font-size:12px;color:#5B6275}
.sia-app .ibar{display:block;flex:1;height:6px;border-radius:3px;background:#EEF0F4;overflow:hidden}
.sia-app .ibar i{display:block;height:100%;border-radius:3px;background:#1A56DB;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.sia-app .ipl{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px}
.sia-app .ipl.r{background:#FDECEC;color:#B42318}.sia-app .ipl.y{background:#FEF3E2;color:#8A4B00}.sia-app .ipl.g{background:#E5F6EE;color:#067647}.sia-app .ipl.b{background:#EEF3FD;color:#1A56DB}.sia-app .ipl.n{background:#F2F4F8;color:#5B6275}
.sia-app .ipop{animation:siaPop .45s cubic-bezier(.2,.9,.3,1.4)}
@keyframes siaPop{from{transform:scale(.7)}to{transform:scale(1)}}
.sia-app .pick{box-shadow:inset 0 0 0 2px #1A56DB;background:#F5F8FF}

/* documents */
.sia-app .rq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sia-app .rc{background:#fff;border:1px solid #E6E9F0;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:9px;transition:border-color .4s}
.sia-app .rc.pick{border-radius:14px}
.sia-app .rc.idone{border-color:#9FD8BE}.sia-app .rc.idone .ibar i{background:#0E9F6E}
.sia-app .rc .itt{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}
.sia-app .rc small{font-size:12px;color:#5B6275}.sia-app .rc .ibar{flex:none;height:7px}

/* payments */
.sia-app .mg{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:14px;align-items:start}
.sia-app .cd{background:#fff;border:1px solid #E6E9F0;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.sia-app .cd h4{margin:0;font-size:14px}
.sia-app .ag{display:grid;grid-template-columns:58px minmax(0,1fr) 62px;gap:10px;align-items:center;font-size:12.5px}.sia-app .ag span{color:#5B6275}.sia-app .ag .ibar{height:9px}.sia-app .ag b{text-align:right}

/* team: assign clients */
.sia-app .ta{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:start}
.sia-app .tp{background:#fff;border:1px solid #E6E9F0;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:2px}
.sia-app .k2{font-size:11px;font-weight:700;letter-spacing:.4px;color:#7A8194;padding:4px 8px}
.sia-app .tpp{display:flex;align-items:center;gap:0;padding:6px 8px;border-radius:8px;line-height:1.2;transition:background .4s}
.sia-app .tpp>span:not(.av){flex:1;min-width:0}.sia-app .tpp b{display:block;font-size:13px}.sia-app .tpp small{font-size:11px;color:#5B6275}
.sia-app .tpp em{font-style:normal;font-weight:700;font-size:12px;background:#F2F4F8;border-radius:999px;padding:2px 8px}
.sia-app .tpp.on{background:#EEF3FD}.sia-app .tpp.flash{background:#FFF7E0}
.sia-app .tm2{display:flex;flex-direction:column;gap:10px;min-width:0}
.sia-app .tsr{display:flex;align-items:center;gap:12px}.sia-app .tsr .pt-search{margin:0;background:#fff;border:1px solid #E6E9F0;width:280px}.sia-app .tsr small{color:#5B6275}
.sia-app .os{position:relative;overflow:visible!important;border:1px solid #D5DAE3;border-radius:8px;height:30px;display:flex;align-items:center;padding:0 10px;font-size:12.5px;background:#fff}
.sia-app .os em{font-style:normal}
.sia-app .chips{display:flex;gap:6px;flex-wrap:wrap}
.sia-app .chips i{font-style:normal;font-size:11.5px;font-weight:600;background:#F2F4F8;color:#3A4154;border-radius:999px;padding:3px 9px}
.sia-app .chips i.ipop{background:#EEF3FD;color:#1A56DB}
.sia-app .chips .add{width:24px;height:24px;border-radius:50%;border:1px dashed #A9B1C2;color:#5B6275;display:grid;place-items:center;font-size:14px}
.sia-app .itb.tt,.sia-app .tt .itr{overflow:visible}

/* dropdowns, drawer, toast */
.sia-app .menu{position:absolute;left:-1px;right:-1px;top:calc(100% + 4px);background:#fff;border:1px solid #E6E9F0;border-radius:10px;box-shadow:0 18px 36px -16px rgba(31,36,51,.35);padding:4px;z-index:5;display:none;flex-direction:column}
.sia-app .menu.open{display:flex}
.sia-app .menu>*{padding:7px 10px;border-radius:7px;font-size:12.5px;font-weight:600;display:block}
.sia-app .menu small{display:block;font-weight:500;color:#5B6275;font-size:11px}
.sia-app .menu .ihl{background:#EEF3FD;color:#1A56DB}
.sia-app .dr{position:absolute;top:56px;right:0;bottom:0;width:370px;background:#fff;border-left:1px solid #E6E9F0;box-shadow:-24px 0 48px -24px rgba(31,36,51,.35);padding:20px;display:flex;flex-direction:column;gap:9px;transform:translateX(105%);transition:transform .5s cubic-bezier(.2,.8,.2,1);z-index:4}
.sia-app .dr.open{transform:none}
.sia-app .dr .k{font-size:11px;font-weight:800;letter-spacing:.8px;color:#1A56DB}
.sia-app .dr h4{margin:0;font-size:18px;font-weight:800}
.sia-app .dr .isub{color:#5B6275;font-size:12.5px;margin-top:-5px}
.sia-app .steps{display:flex;gap:4px}.sia-app .steps i{flex:1;height:5px;border-radius:3px;background:#E6E9F0}.sia-app .steps i.on{background:#1A56DB}
.sia-app .ikv{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #F0F2F6}.sia-app .ikv span{color:#3A4154}
.sia-app .ikv.oop{background:#EEF3FD;margin:0 -6px;padding:6px;border-radius:6px;border:0}
.sia-app .ck{display:flex;gap:9px;align-items:center;font-size:13px;padding:3px 0}
.sia-app .ck i{width:18px;height:18px;border-radius:50%;border:2px solid #D4D8E2;flex:none;font-style:normal;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;transition:all .3s}
.sia-app .ck.ok i{background:#0E9F6E;border-color:#0E9F6E}.sia-app .ck.ok i::before{content:'\2713'}
.sia-app .ifl{font-size:12.5px;font-weight:600;color:#3A4154;margin-top:4px}
.sia-app .sel{position:relative;height:40px;border:1px solid #D5DAE3;border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:13.5px}
.sia-app .sel em{font-style:normal;color:#7A8194;font-size:11px}
.sia-app .dbtn{height:40px;border-radius:9px;background:#1A56DB;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:6px;transition:background .3s}
.sia-app .dbtn.soft{background:#EEF2FB;color:#1A56DB}.sia-app .dbtn.ok{background:#0E9F6E}
.sia-app .stamp{position:absolute;right:22px;top:58px;border:3px solid #0E9F6E;color:#0E9F6E;background:#fff;font-weight:800;font-size:13px;letter-spacing:1.5px;padding:3px 10px;border-radius:6px;transform:rotate(-10deg) scale(2);opacity:0;transition:all .35s cubic-bezier(.2,.9,.3,1.3)}
.sia-app .stamp.in{transform:rotate(-10deg) scale(1);opacity:1}
.sia-app .toast{position:absolute;right:22px;bottom:22px;background:#1F2433;color:#fff;border-radius:12px;padding:11px 16px;font-size:13px;display:flex;gap:10px;align-items:center;box-shadow:0 20px 40px -18px rgba(31,36,51,.6);opacity:0;transform:translateY(16px);transition:all .4s cubic-bezier(.2,.8,.2,1);z-index:6}
.sia-app .toast.show{opacity:1;transform:none}
.sia-app .toast i{width:24px;height:24px;border-radius:50%;background:#0E9F6E;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800}
.sia-app .pressed{transform:scale(.97);transition:transform .12s}

/* phone: the portal's own mobile layout (sidebar folds into the menu button) */
.sia.m .sia-app .ps{display:none}
.sia.m .sia-app .pt{padding:0 14px}.sia.m .sia-app .pt-burger{display:flex}
.sia.m .sia-app .pt-search{display:none}.sia.m .sia-app .pt-cta{margin-left:auto;padding:0 11px;font-size:12.5px}
.sia.m .sia-app .ipb{padding:14px}
.sia.m .sia-app .iph{flex-direction:column;align-items:flex-start;gap:8px}.sia.m .sia-app .iph h3{font-size:19px}
.sia.m .sia-app .ikp,.sia.m .sia-app .ikp.ik3{grid-template-columns:repeat(2,minmax(0,1fr))}
.sia.m .sia-app .ik3>div:last-child{display:none}
.sia.m .sia-app .rq,.sia.m .sia-app .mg,.sia.m .sia-app .ta{grid-template-columns:1fr}
.sia.m .sia-app .tc .itr{grid-template-columns:52px minmax(0,1fr) 108px}.sia.m .sia-app .tc .itr>:nth-child(3),.sia.m .sia-app .tc .itr>:nth-child(5){display:none}
.sia.m .sia-app .tm .itr{grid-template-columns:minmax(0,1fr) 70px 100px}.sia.m .sia-app .tm .itr>:nth-child(1){display:none}
.sia.m .sia-app .tt .itr{grid-template-columns:minmax(0,1fr) 128px}.sia.m .sia-app .tt .itr>:nth-child(3){grid-column:1/-1}
.sia.m .sia-app .tt .itr.hd>:nth-child(3){display:none}
.sia.m .sia-app .tp{flex-direction:row;overflow:hidden;gap:6px;padding:6px}.sia.m .sia-app .tp .k2,.sia.m .sia-app .tpp small{display:none}
.sia.m .sia-app .tpp{flex:none;border:1px solid #E6E9F0;padding:4px 8px}.sia.m .sia-app .tpp .av{display:none}.sia.m .sia-app .tpp b{font-size:12px;margin-right:6px}
.sia.m .sia-app .tpp:nth-child(-n+4){display:none}
.sia.m .sia-app .tsr .pt-search{display:flex;width:auto;flex:1}
.sia.m .sia-app .dr{width:100%}
.sia.m .sia-app .toast{left:14px;right:14px;bottom:14px}
.sia.m .sia-app .ag{grid-template-columns:52px minmax(0,1fr) 58px}
.sia.m .sia-app .mg .cd{gap:8px}

/* cursor */
.sia-cur{position:absolute;left:0;top:0;width:24px;height:24px;z-index:30;pointer-events:none;transition:transform 1s cubic-bezier(.45,0,.2,1);
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l16 10-7 1.5L10 21z' fill='%231F2433' stroke='white' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");
  filter:drop-shadow(0 3px 4px rgba(31,36,51,.3))}
.sia-cur::after{content:'';position:absolute;left:-8px;top:-8px;width:30px;height:30px;border-radius:50%;background:rgba(26,86,219,.35);transform:scale(0);opacity:0;transition:transform .3s,opacity .3s}
.sia-cur.tap::after{transform:scale(1);opacity:1}
.sia-cur[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.sia *{animation:none!important;transition:none!important}}
/* phones: keep all four tabs on one line */
@media (max-width:600px){
  .sia-tabs{flex-wrap:nowrap;gap:2px;padding:4px;width:100%;max-width:420px;box-sizing:border-box;align-self:stretch;margin-left:auto;margin-right:auto}
  .sia-tabs button{flex:1 1 auto;min-width:0;height:40px;padding:0 4px;font-size:12.5px;letter-spacing:-.1px;white-space:nowrap}
}
@media (max-width:360px){.sia-tabs button{font-size:12px;padding:0 4px}}
/* phones: side panels open as a bottom sheet over the list, so the frame is
   never a tall empty white panel with one button at the top */
.sia.m .sia-app .dr{top:auto;left:0;right:0;width:auto;max-height:82%;overflow:hidden;border-left:0;border-top:1px solid #E6E9F0;border-radius:18px 18px 0 0;
  padding:16px 18px 18px;box-shadow:0 -24px 48px -20px rgba(31,36,51,.4);transform:translateY(105%)}
.sia.m .sia-app .dr.open{transform:none}