:root{color-scheme:light;--font-sans:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;--font-noto-sans-jp:var(--font-sans);--font-geist-sans:var(--font-sans)}
*{box-sizing:border-box;animation:none!important;transition:none!important}
html,body{margin:0;background:#fff;color:#242735;font-family:var(--font-sans);height:100%;overflow:hidden}
.native-app{display:grid;grid-template-columns:190px minmax(0,1fr);height:100%;font-size:13px;text-align:left}
.native-app>aside{background:#f5f5f6;border-right:1px solid #e2e2e6;padding:14px 8px;overflow:hidden}
.native-org{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:3px 6px 20px;white-space:nowrap}
.native-org b{padding:4px 6px;background:#5142b3;color:white;border-radius:5px}
.native-app nav{font-size:12px}.native-app nav a,.native-app nav button{pointer-events:none}
.native-app aside nav{padding:0}.native-main{min-width:0}
.native-main>header{height:52px;padding:0 18px;position:static}
.native-main>header>button{display:none}.native-main>header h1{font-size:16px;white-space:nowrap}
.native-main>header nav{max-width:270px;overflow:hidden;white-space:nowrap}
.native-main>header nav ol{flex-wrap:nowrap}
.native-main>main{padding:18px;background:#fafafa;min-height:calc(100% - 52px)}
.native-context{display:flex;gap:16px;align-items:center;margin-bottom:16px;font-size:12px;color:#535765}
.native-context b{font-weight:600;color:#4d418f}
.native-funnel{margin-bottom:18px}.native-funnel>div>div:first-child{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px}
.native-charts>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.native-charts>div>div>div:first-child{display:block;min-height:85px;padding:14px 12px 8px}
.native-charts [role=tablist]{margin-top:10px;max-width:100%}.native-charts [role=tab]{font-size:10px;padding:5px 6px;white-space:nowrap}
.native-charts .recharts-wrapper{width:100%!important;max-width:100%;height:auto!important;aspect-ratio:1.7}
.native-charts .recharts-surface{width:100%;height:100%;overflow:visible}
.native-charts .recharts-responsive-container{height:auto!important;min-height:0!important}
.native-insights{display:flex;flex-direction:column;gap:16px}.native-insights section{padding:18px 20px 4px}.native-insights h2{font-size:17px}.native-insights p{font-size:14px;line-height:1.8}
@media(max-width:850px){.native-app{grid-template-columns:1fr}.native-app>aside{display:none}.native-main>header nav{max-width:320px}.native-main>main{padding:16px}.native-funnel{display:none}.native-charts>div{gap:12px}}
@media(max-width:600px){.native-main>header{padding:0 14px;height:45px}.native-main>header nav{display:none}.native-main>header h1{font-size:16px}.native-main>main{padding:14px}.native-context{font-size:11px;gap:8px;flex-wrap:wrap;margin-bottom:12px}.native-charts>div{display:block}.native-charts>div>div:nth-child(2){display:none}.native-charts>div>div>div:first-child{min-height:80px}.native-charts [role=tab]{font-size:11px;padding:5px}.native-charts h2{font-size:17px}.native-insights section{padding:14px}.native-insights section:nth-child(2){display:none}.native-insights section>div{display:block}.native-insights p{font-size:15px}.native-insights a{font-size:15px}}
.native-charts .recharts-responsive-container>div{width:100%!important}
.native-app{grid-template-columns:210px minmax(0,1fr)}
.native-app aside nav{overflow:hidden!important}
.native-app aside nav a{white-space:nowrap;font-size:12px}
.native-main>header [aria-label^="通知"]{display:none}
@media(max-width:850px){.native-app{grid-template-columns:1fr}}

.cf-nav-pill{display:none!important}
.native-app aside nav a[aria-current=page]{background:var(--shell-active);border-radius:5px}
.native-main>header button{display:none!important}
@media(max-width:600px){.native-dashboard-time .native-charts>div>div:first-child{display:none}.native-dashboard-time .native-charts>div>div:last-child{display:flex}}
.native-charts [style^="grid-template-columns"]{min-width:0!important}
@media(max-width:600px){.native-charts [style^="grid-template-columns"]{gap:3px;font-size:10px}.native-charts [style^="grid-template-columns"]>span{font-size:10px}.native-charts>div>div>div:last-child{padding-inline:10px}}
/* Actual callflow panels, fitted to the presentation frame without raster scaling. */
.native-flow{height:100%;font-size:13px}.native-flow>div{height:100%}
.native-flow>div>div:first-child{padding:0 18px;height:48px;gap:12px}
.native-flow>div>div:first-child>div:nth-child(3){display:none}
.native-flow>div>div:first-child>div:last-child{margin-left:auto}
.native-flow>div>div:last-child{grid-template-columns:minmax(200px,.85fr) minmax(360px,1.7fr) minmax(230px,1fr)!important;padding:14px;gap:12px}
.native-flow>div>div:last-child>div:first-child{display:none}
.native-flow h1{font-size:18px;line-height:1.5}.native-flow p{font-size:13px;line-height:1.8}
.native-flow>div>div:last-child>div:nth-child(3)>div:last-child{min-width:0}
.native-flow input,.native-flow textarea{font-size:12px}
.native-analysis{height:100%}.native-analysis>div{height:100%;display:grid;grid-template-columns:1.2fr 1fr;padding:0;gap:14px}
.native-analysis>div>div{min-width:0;width:auto;max-width:none}
.native-call-analysis .native-main>main{height:calc(100% - 52px);min-height:0}
.native-analysis p{font-size:14px;line-height:1.85}.native-analysis button{pointer-events:none}
@media(max-width:850px){.native-flow>div>div:last-child{grid-template-columns:1.7fr 1fr!important}.native-flow>div>div:last-child>div:nth-child(2){display:none}.native-flow>div>div:first-child>div:nth-child(2){display:none}}
@media(max-width:600px){
.native-flow>div>div:first-child{height:42px;padding:0 12px;font-size:12px}.native-flow>div>div:first-child>div:last-child{display:none}
.native-flow>div>div:last-child{display:block;padding:12px}.native-flow>div>div:last-child>div:last-child{display:none}
.native-flow>div>div:last-child>div:nth-child(3){height:100%}.native-flow p{font-size:14px;line-height:1.85}
.native-flow [role=separator]{display:none}
.native-analysis>div{display:block}.native-analysis>div>div:last-child{display:none}
.native-call-analysis .native-main>main{height:calc(100% - 45px)}
}

@media(max-width:600px){
 .native-analysis>div>div:first-child{display:none}.native-analysis>div>div:last-child{display:flex;height:100%}
 .native-flow>div>div:last-child>div:nth-child(3)>div:last-child{display:block!important}
 .native-flow [aria-label="想定問答を検索"],.native-flow [aria-label="想定問答"]{display:none}
}