.yh-shell{color:var(--ink);background:var(--white);font:400 14px/1.45 var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.yh-shell .app{grid-template-columns:248px minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.yh-shell .side{background:var(--white);min-height:0;overflow-y:auto}.yh-shell .main{min-height:0;overflow:hidden}.yh-shell .content{overscroll-behavior:contain;max-width:none;min-height:0;padding:24px 32px 32px;scroll-padding:12px;overflow:auto}.yh-shell :is(.brand,.help,.crumbs a,.icon-btn,.portal-brand,.btn){text-decoration:none}.yh-shell .brand{color:var(--ink);font:500 19px/1 var(--display);letter-spacing:-.03em;align-items:center;gap:10px;display:flex}.yh-shell .brand img{flex-shrink:0}.yh-shell .side .brand{padding:4px 10px 22px;font-size:19px}.yh-shell :is(.nav-i,.workspace,.me){flex-shrink:0}.yh-shell .nav-i{min-height:0}.yh-shell .nav-i.on:hover{background:var(--brand-50)}.yh-shell .workspace{border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);text-align:left;font:inherit;border-radius:12px;align-items:center;gap:10px;margin:0 0 14px;padding:12px 10px;display:flex}.yh-shell .workspace b{font-size:12px;font-weight:600;display:block}.yh-shell .workspace small{color:var(--muted);font-size:11px;display:block}.yh-shell :is(.workspace,.me)>.i:last-child{margin-left:auto}.yh-shell .workspace .av{background:var(--soft);color:var(--text-2);border-radius:12px}.yh-shell :is(.shell-company-copy,.shell-user-copy){overflow-wrap:anywhere;min-width:0}.yh-shell .me{border:0;border-top:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:var(--white);border-radius:0;padding:16px 10px 0}.yh-shell .me>.i{color:var(--muted)}.yh-shell .me .av{color:var(--white);font-size:12px}.yh-shell .shell-user-copy{flex:1;overflow:hidden}.yh-shell .shell-user-copy>:is(b,span){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.yh-shell .shell-user-copy>b{color:var(--ink)}.yh-shell .help{color:var(--muted);align-items:center;gap:10px;margin:18px 10px;font-size:12px;display:flex}.yh-shell .top{justify-content:flex-start}.yh-shell .crumbs{min-width:0}.yh-shell .crumbs b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.yh-shell .shell-crumb{align-items:center;gap:8px;min-width:0;display:flex}.yh-shell .shell-crumb a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.yh-shell .shell-top-actions{flex-shrink:0;align-items:center;gap:16px;margin-left:auto;display:flex}.yh-shell :is(.icon-btn,.search,.shell-avatar-button){border:0}.yh-shell .search{text-align:left}.yh-shell .search kbd{white-space:nowrap;flex-shrink:0}.yh-shell .shell-mobile{display:none}.yh-shell .portal-label{color:var(--muted);padding:0 10px;font-size:12px}.shell-supplier .side .brand{padding-bottom:12px}.yh-shell .shell-supplier-company{border-radius:16px;margin:20px 0 18px;padding:16px 12px}.yh-shell .shell-supplier-company b{font-size:13px;line-height:1.4}.shell-supplier .side nav{gap:4px;display:grid}.shell-supplier .top .search{width:278px;font-size:13px}.yh-shell .shell-dialog{border:1px solid var(--line);width:min(480px,100% - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--ink);background:var(--white);font:inherit;overflow-wrap:anywhere;overscroll-behavior:contain;border-radius:24px;padding:24px;scroll-padding:12px;overflow-y:auto}.yh-shell .shell-dialog::backdrop{background:var(--ink);opacity:.4}.yh-shell .shell-dialog-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.yh-shell .shell-dialog-head .icon-btn{flex-shrink:0}.yh-shell .shell-company-list{gap:4px;margin:16px 0 0;padding:0;list-style:none;display:grid}.yh-shell .shell-company-list button{background:var(--white);text-align:left;border:0;width:100%;min-height:44px}.yh-shell .shell-company-list button.on{background:var(--brand-50)}.yh-shell .shell-company-list :is(strong,small){display:block}.yh-shell .shell-company-list small{color:var(--muted);margin-top:4px}.yh-shell .shell-company-list button>.i:last-child{margin-left:auto}.yh-shell .shell-account-copy{margin:24px 0}.yh-shell .shell-account-copy p{margin:8px 0}.yh-shell .shell-menu-body{flex-direction:column;gap:4px;display:flex}.yh-shell .shell-menu-body .me{margin-top:16px}.yh-shell .shell-plain-button{text-align:left;background:var(--white);border:0;width:100%}.yh-shell .shell-nav-empty{padding:0 12px;font-size:12px}.yh-shell .shell-feedback{gap:16px;display:grid}.yh-shell .shell-feedback p{margin:0}.yh-shell .shell-session-head{border-bottom:1px solid var(--line);padding:24px 32px}.yh-shell.shell-session{min-height:100dvh}.yh-shell :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--brand);outline-offset:3px}.yh-shell :is(.content,.table-scroll):focus-visible{outline-offset:-3px}.yh-shell .skip-link:focus{top:max(16px, env(safe-area-inset-top,0px))}@media (width<=1100px) and (width>=801px){.yh-shell .top .search{justify-content:center;width:40px;padding:0}.yh-shell .top .search :is(span,kbd){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=800px){.yh-shell .app{padding-top:env(safe-area-inset-top,0px);flex-direction:column;display:flex}.yh-shell .main{flex:1}.yh-shell .shell-desktop{display:none}.yh-shell .shell-mobile{flex-shrink:0;display:flex}.yh-shell .appbar{align-items:center;gap:12px;height:56px;padding:0 20px 0 12px}.yh-shell .appbar h1{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:17px;font-weight:600;overflow:hidden}.yh-shell .appbar .icon-btn{background:var(--white);flex-shrink:0;width:44px;height:44px}.yh-shell .appbar .i{width:22px;height:22px}.yh-shell .brand-mark{flex-shrink:0;place-items:center;width:44px;height:44px;margin-left:auto;display:grid}.yh-shell .content{padding:8px 20px 20px}.shell-supplier .content{padding-top:12px;padding-bottom:max(20px, env(safe-area-inset-bottom,0px))}.yh-shell .portal-bar{justify-content:space-between;align-items:center;padding:6px 20px 10px}.yh-shell .portal-brand{align-items:center;gap:10px;display:flex}.yh-shell .wordmark{font:500 18px/1.1 var(--display);letter-spacing:-.035em;display:block}.yh-shell .portal-title{color:var(--muted);margin:3px 0 0;font-size:12px;font-weight:400;display:block}.yh-shell .account{border:0;border-bottom:1px solid var(--line);background:var(--white);color:var(--ink);text-align:left;align-items:center;gap:9px;margin:0 20px;padding:0 0 9px;font-size:13px;font-weight:600}.yh-shell .account>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.yh-shell .account .av{width:26px;height:26px;font-size:10px}.yh-shell .tabbar{padding-bottom:max(16px, env(safe-area-inset-bottom,0px));background:var(--white)}.yh-shell .tabbar :is(a,button){min-width:0;min-height:44px;color:var(--muted);background:var(--white);border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:0 4px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.yh-shell .tabbar .on{color:var(--brand)}.yh-shell .tabbar span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.yh-shell .shell-submit-bar{padding:12px 20px max(8px, env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--white);gap:12px}.yh-shell .shell-submit-bar>*{flex:1;min-width:0}.yh-shell .shell-menu{width:100%;height:100dvh;max-height:100dvh;padding:max(20px, env(safe-area-inset-top,0px)) 14px max(20px, env(safe-area-inset-bottom,0px));border:0;border-radius:0;margin:0}.yh-shell .shell-menu .nav-i{min-height:44px}}@media (width<=800px),(any-pointer:coarse){.yh-shell :is(.nav-i,.workspace,.me,.help,.crumbs a,.search,.icon-btn,.shell-avatar-button,.brand,.brand-mark,.portal-brand,.account,.tabbar a,.tabbar button,.shell-submit-bar .btn){min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.yh-shell,.yh-shell *,.yh-shell :before,.yh-shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.yh-shell :focus-visible{outline-color:highlight}}
