/* Role entry uses the existing workspace, customer records and Agent thread. */
#app .workspace-header .heading-group{min-width:0}
#app .workspace-header h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .bottom-nav button{min-width:44px;min-height:52px}
#app .bottom-nav button[aria-current=page]{color:var(--color-accent);background:var(--color-accent-soft);font-weight:600}
#app .customer-compact-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px}
#app .customer-compact-heading>strong{font-size:22px}
#app .customer-compact-heading>.text-button{min-height:44px}
#app[data-view=customers] .customer-pools{padding-block:8px}
#app[data-view=customers] .work-customer-summary{line-height:1.65}
#app[data-view=customers] .work-customer-source{line-height:1.65}
#app[data-view=calls] .date-label{display:flex;align-items:center;gap:8px;min-width:0}
#app[data-view=calls] .date-label input{min-width:0;min-height:44px}
.task-assistant-drawer[open]{top:var(--viewport-top);height:var(--viewport-height);max-height:var(--viewport-height)}
.task-assistant-drawer>header{flex-shrink:0}
.task-assistant-drawer>header h2{line-height:1.5}
.task-assistant-drawer>header .icon-button{min-width:44px;min-height:44px}
.task-assistant-drawer .context-chips{min-height:0}
@media(min-width:701px){
 #app[data-view=customers] .browse-layout{max-width:none}
 #app[data-view=customers] .list-body{border:1px solid var(--color-rule);border-radius:10px;background:var(--color-paper);overflow:hidden}
 #app[data-view=customers] .work-customer-row{padding:20px 24px}
 #app[data-view=customers] .work-customer-row:last-child{border-bottom:0}
 .task-assistant-drawer[open]{width:min(520px,45vw)}
}
@media(max-width:700px){
 #app .workspace-header{min-height:64px;padding:6px 12px;padding-top:max(6px,env(safe-area-inset-top));gap:4px}
 #app .workspace-header .workspace-brand{display:block!important;font-size:10px;color:var(--color-muted);margin-bottom:2px}
 #app .workspace-header h1{font-size:16px;line-height:1.5}
 #app .workspace-header h1::before{display:none}
 #app .sidebar .brand{display:flex;margin-bottom:12px}
 #app .bottom-nav{gap:2px;padding:4px 6px max(4px,env(safe-area-inset-bottom));background:var(--color-paper)}
 #app .bottom-nav button{padding:6px 2px;border-radius:8px;font-size:11px;gap:4px}
 #app .bottom-nav button .icon{width:20px;height:20px}
 #app[data-view=customers] .browse-layout{padding:18px 12px 24px}
 #app .customer-compact-heading{gap:12px;margin-bottom:12px}
 #app .customer-compact-heading>strong{font-size:18px}
 #app .customer-compact-heading>.text-button{font-size:12px;padding-inline:0}
 #app[data-view=customers] .list-filters>.search-box{flex-basis:100%;margin:0}
 #app[data-view=customers] .customer-pools{margin-inline:-12px;padding-inline:12px;gap:6px;scroll-padding-inline:12px}
 #app[data-view=customers] .pool-tab{padding:8px 10px}
 #app[data-view=customers] .customer-advanced-filters{margin-top:4px;width:100%}
 #app[data-view=customers] .customer-advanced-filters>summary{min-height:44px;display:flex;align-items:center;color:var(--color-muted)}
 #app[data-view=customers] .list-body{margin-top:12px}
 #app[data-view=customers] .work-customer-row{padding:18px 0;border-bottom:1px solid var(--color-rule)}
 #app[data-view=customers] .work-customer-summary{font-size:14px;margin:10px 0 6px}
 #app[data-view=customers] .work-next-action{border-top:1px solid var(--color-rule);padding-top:10px}
 #app[data-view=calls] .browse-layout{padding:18px 12px 24px}
 #app[data-view=calls] .date-label{flex:1 1 100%;justify-content:space-between}
 #app[data-view=calls] .date-label input{flex:1;max-width:calc(100% - 32px)}
 .task-assistant-drawer[open]{width:100%;border-left:0}
 .task-assistant-drawer>header{padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top))}
 .task-assistant-drawer .composer-wrap{padding-bottom:max(12px,env(safe-area-inset-bottom))}
 .task-assistant-drawer .messages{padding:16px}
}
@media(max-width:700px){
 #app .composer-toolbar .ui-model-wrap,.task-assistant-drawer .composer-toolbar .ui-model-wrap{flex:1 1 0;min-width:72px;max-width:140px}
 #app .composer-toolbar .ui-model-pill,.task-assistant-drawer .composer-toolbar .ui-model-pill{width:100%;min-width:0}
 #app .composer-toolbar .ui-model-pill>span:not(.icon),.task-assistant-drawer .composer-toolbar .ui-model-pill>span:not(.icon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
 #app .composer-toolbar .toolbar-spacer,.task-assistant-drawer .composer-toolbar .toolbar-spacer{display:none}
}