/* Shared layout containment and icon navigation for the public site and both workspaces. */
.site-themed main,.site-themed main .grid>*,.site-themed main [class*="-grid"]>*,.site-themed main form,.site-themed main .flex-1{min-width:0}
.site-themed .overflow-x-auto{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.site-themed img,.site-themed video,.site-themed iframe{max-width:100%}
.site-themed.ui-admin>aside.sidebar-collapsed,.site-themed.workspace-refined>aside.sidebar-collapsed{width:88px!important;min-width:88px;max-width:88px;padding-inline:8px!important;overflow-x:hidden}
.site-themed.ui-admin>aside.sidebar-collapsed>div:first-child,.site-themed.workspace-refined>aside.sidebar-collapsed>.sidebar-brand-header{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:auto;min-height:108px;padding:14px 0!important;flex-shrink:0}
.site-themed>aside.sidebar-collapsed>div:first-child>a{display:flex!important;justify-content:center;align-items:center;flex-shrink:0;width:40px;min-width:40px;min-height:36px;padding:0!important;margin:0!important;overflow:visible}
.site-themed>aside.sidebar-collapsed>div:first-child>a>*{margin-left:0!important;flex-shrink:0}
.site-themed>aside.sidebar-collapsed>div:first-child>a>div:first-child{background:transparent!important;border:0!important}
.site-themed>aside.sidebar-collapsed .kaapa-brand-mark{width:34px!important;height:34px!important;max-width:none;object-fit:contain}
.site-themed>aside.sidebar-collapsed>div:first-child>button{display:grid;place-items:center;width:35px;height:30px;padding:5px!important;flex-shrink:0;background:var(--site-inset);border:1px solid var(--site-border);border-radius:7px}
.site-themed>aside.sidebar-collapsed>div:first-child>button svg{width:17px;height:17px}
.site-themed>aside.sidebar-collapsed>.overflow-y-auto{padding:14px 0!important;overflow-x:hidden;scrollbar-width:thin}
.site-themed>aside.sidebar-collapsed>.overflow-y-auto a{display:flex!important;align-items:center;justify-content:center;gap:0;width:48px!important;min-width:48px;min-height:46px!important;padding:12px!important;margin-inline:auto!important;box-sizing:border-box}
.site-themed>aside.sidebar-collapsed>.overflow-y-auto a>svg{display:block;width:21px!important;height:21px!important;min-width:21px;flex:0 0 21px;margin:0!important}
.site-themed>aside.sidebar-collapsed>.overflow-y-auto a>span{margin:0!important}
.site-themed>aside.sidebar-collapsed>.overflow-y-auto>div+div{margin-top:16px!important;padding-top:9px;border-top:1px solid var(--site-border)}
.site-themed.ui-admin>aside.sidebar-collapsed>div:first-child>button svg{transform:rotate(180deg)}
@media(max-width:1023px){
 .site-themed.ui-admin>div.flex-1{width:100%;max-width:100%}
 .ui-admin main{padding:20px!important}
 .ui-admin header>div{min-width:0}
 .ui-admin header h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:48vw}
 .company-site .header-inner{gap:14px}
}
@media(max-width:767px){
 .site-themed{overflow-x:clip}
 .site-themed.ui-admin,.site-themed.workspace-refined{height:100dvh;min-height:0}
 .site-themed main{max-width:100%;min-width:0}
 .site-themed.ui-admin main,.site-themed.workspace-refined main{padding:18px 14px calc(88px + env(safe-area-inset-bottom))!important}
 .site-themed.ui-admin header,.site-themed.workspace-refined header{padding-inline:12px!important;flex-shrink:0}
 .site-themed.ui-admin header>div,.site-themed.workspace-refined header>div{min-width:0;gap:8px}
 .site-themed.ui-admin header h1,.site-themed.workspace-refined header h1{max-width:45vw;font-size:12px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .site-themed [x-show="mobileSidebar"]>div.relative,.site-themed [x-show="mobileNavOpen"]>div.relative{width:min(320px,calc(100vw - 42px))!important;max-width:calc(100vw - 42px)!important;height:100dvh;padding-bottom:env(safe-area-inset-bottom)}
 .site-themed [x-show="mobileSidebar"] a,.site-themed [x-show="mobileNavOpen"] a{min-height:44px}
 .site-themed input:not([type=checkbox]):not([type=radio]),.site-themed select,.site-themed textarea{font-size:16px!important;max-width:100%}
 .site-themed input[type=file]{font-size:12px!important}
 .site-themed button,.site-themed .button{touch-action:manipulation}
 .site-themed main .overflow-x-auto{width:100%;max-width:100%;position:relative}
 .site-themed main table{max-width:none}
 .site-themed main td,.site-themed main th{overflow-wrap:normal}
 .site-themed [class*="modal"]{max-width:100vw}
 .site-themed .fixed.inset-0.overflow-y-auto{overscroll-behavior:contain}
 .site-themed .fixed.inset-0.overflow-y-auto>div[class*="max-w-"]{max-height:calc(100dvh - 40px);overflow-y:auto}
 .workspace-refined .studio-workbench,.workspace-refined .connections-workspace,.workspace-refined .subscription-overview,.user-account-workbench{grid-template-columns:minmax(0,1fr)!important}
 .workspace-refined .studio-summary,.workspace-refined .connections-sidebar{position:static!important;top:auto}
 .workspace-refined .studio-workbench>form{padding-inline:17px!important}
 .workspace-refined .studio-roadmap{gap:8px}
 .workspace-refined .exchange-welcome{grid-template-columns:minmax(0,1fr)!important;gap:25px!important}
 .workspace-refined .portfolio-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .workspace-refined .workspace-heading,.workspace-refined .subscription-heading,.workspace-refined .connections-heading{flex-wrap:wrap;gap:16px}
 .workspace-refined .connection-ip-panel span{overflow-wrap:anywhere;min-width:0}
 .ui-admin .account-tab-intro{flex-wrap:wrap;gap:16px}
 .ui-admin .account-section-content{min-width:0}
 .ui-admin .account-tab-intro h2{font-size:25px!important}
 .ui-admin .user-account-tabs{max-width:100%;overscroll-behavior-x:contain}
 .ui-admin .management-page,.ui-admin .plan-catalog,.ui-admin .invoice-workspace,.ui-admin .deposit-workspace{min-width:0}
 .company-site .site-container{width:100%;max-width:100%;padding-inline:20px;box-sizing:border-box}
 .company-site .header-inner{padding-inline:15px;gap:10px;min-height:70px}
 .company-site .company-brand{min-width:0;gap:8px}
 .company-site .company-brand>span:last-child{font-size:12px}
 .company-site .company-brand small{font-size:7px;letter-spacing:.05em}
 .company-site .header-actions{gap:9px;flex-shrink:0}
 .company-site .header-actions .button{padding:10px 12px;font-size:10px;min-height:40px}
 .company-site .company-logo{width:34px;height:34px;flex-shrink:0}
 .company-site .mobile-navigation{max-height:calc(100dvh - 80px);overflow-y:auto}
 .company-site .mobile-navigation a{min-height:44px;display:flex;align-items:center}
 .company-site .hero-cinematic{min-width:0;overflow:hidden}
 .company-site .hero-cinematic .hero-intro h1{font-size:clamp(33px,9vw,44px)!important;overflow-wrap:normal}
 .company-site .hero-actions{display:flex;flex-wrap:wrap;gap:10px}
 .company-site .hero-artwork{min-width:0;width:100%;margin-inline:0}
 .company-site .workflow-layout,.company-site .signals-section,.company-site .security-layout,.company-site .scenario-layout,.company-site .page-intro-layout{grid-template-columns:minmax(0,1fr)!important}
 .company-site .strategy-card-grid,.company-site .plan-card-grid{grid-template-columns:minmax(0,1fr)!important}
 .company-site .account-links{min-width:0}.company-site .account-link-line{width:24px;flex-shrink:0}
 .company-site .company-footer{padding-bottom:calc(25px + env(safe-area-inset-bottom))}
 .auth-page .auth-layout{min-height:100dvh;height:auto}.auth-page .auth-form-panel{min-width:0}
 .site-theme-toggle{right:14px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important}
 .workspace-refined .site-theme-toggle{bottom:calc(80px + env(safe-area-inset-bottom))!important}
}
@media(max-width:420px){
 .company-site .header-actions .sign-in{display:none}
 .company-site .header-actions .button svg{display:none}
 .company-site .company-brand>span:last-child{max-width:135px;overflow-wrap:normal}
 .ui-admin .management-stat-row,.ui-admin .invoice-overview{grid-template-columns:minmax(0,1fr)!important}
 .ui-admin .management-stat-row>div,.ui-admin .invoice-overview>div{padding:18px!important}
 .ui-admin .management-stat-row strong{margin:7px 0}
 .ui-admin .deposit-metrics{grid-template-columns:1fr;gap:15px;padding:18px}
 .ui-admin .deposit-metrics>div{border-right:0;border-bottom:1px solid var(--site-border);padding:0 0 15px}
 .ui-admin .deposit-metrics>div:last-child{border:0;padding-bottom:0}
 .ui-admin .plan-catalog-summary{grid-template-columns:1fr;gap:18px}
 .ui-admin .plan-catalog-summary .plan-summary-icon{display:grid}
 .ui-admin .plan-catalog-summary>p{display:none}
 .site-themed .management-modal .grid,.site-themed .deposit-modal .grid-cols-2{grid-template-columns:minmax(0,1fr)!important}
}
@media(prefers-reduced-motion:reduce){.site-themed>aside{transition:none!important}}
/* Live records: keep long bot names, transaction hashes and translated action labels contained. */
.site-themed main :where(h1,h2,h3,h4,h5,p,dt,dd,code){overflow-wrap:anywhere;min-width:0}
.site-themed main .flex>:not(svg):not(img):not(input){min-width:0}
.site-themed main :is(button,.btn,a.btn,input[type=submit],input[type=button],[role=button],a[class*=rounded]){white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere;max-width:100%;flex-shrink:1!important;text-align:center}
.site-themed main :is(button,.btn,a.btn)>svg{flex-shrink:0}
.site-themed main :is(.grid,[class*=-grid]){min-width:0;max-width:100%}
.site-themed main :is(td,th){overflow-wrap:anywhere}
.site-themed main :is(td,th) .truncate{overflow-wrap:normal}
.site-themed main :is(td,th) .flex{flex-wrap:wrap;row-gap:7px}
.site-themed main :is(.font-mono,code,.break-all){max-width:100%}
.site-themed main .overflow-x-auto>table{max-width:none}
.site-themed main :is(.directory-person-card,.plan-package,.deposit-wallet-card){min-width:0}
.site-themed main :is(.person-card-top,.person-card-footer,.plan-package-actions){flex-wrap:wrap;row-gap:12px}
.site-themed main :is(.person-card-financials,.plan-package-details) :is(strong,dd,span){overflow-wrap:anywhere;min-width:0}
.site-themed main .directory-person-card .directory-user-identity{flex:1;min-width:0}
.site-themed main .directory-person-card .directory-user-identity>div{max-width:100%}
.site-themed main :is(.account-tab-intro,.workspace-heading,.fleet-heading,.connections-heading){min-width:0}
.site-themed main .account-section-content>*{min-width:0}
.site-themed main .account-local-navigation{min-width:0;max-width:100%}
.site-themed .fixed.inset-0 :is(button,a[class*=rounded]){white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere;min-width:0;max-width:100%;flex-shrink:1!important}
@media(max-width:1023px){
 .site-themed main :is(.plan-package-actions,.person-card-footer)>a{flex-basis:auto}
 .site-themed main :is(.studio-summary,.connections-sidebar){min-width:0;overflow-wrap:anywhere}
}
@media(max-width:640px){
 .site-themed main .flex>form.inline{max-width:100%}
 .site-themed main :is(.invoice-filters,.directory-filter-form,.current-plan-actions){flex-wrap:wrap}
 .site-themed main .directory-filter-form>label{min-width:0!important;width:100%}
 .site-themed main .directory-person-grid{padding:15px}
 .site-themed main .directory-person-card{padding:19px}
 .site-themed main .person-card-financials{grid-template-columns:minmax(0,1fr);gap:15px}
 .site-themed main .account-tab-intro{flex-direction:column;align-items:flex-start}
 .site-themed main .plan-package-details>div{gap:12px}
 .site-themed main :is(.wallet-form-footer,.plan-package-actions){flex-wrap:wrap}
}