/* Reception layout; controls and palette use the shared design system. */
.reception-app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.reception-app>.review,.reception-app>.titlebar{flex-shrink:0}
.reception-app .app{flex:1;height:auto;min-height:0;grid-template-columns:208px minmax(0,1fr)}
.reception-app .app.collapsed{grid-template-columns:48px minmax(0,1fr)}
.reception-app .nav{min-height:0;overflow-y:auto}
.reception-app .drawer .field,.reception-app .drawer input,.reception-app .drawer select,.reception-app .drawer textarea{min-width:0;max-width:100%}
.reception-app .details .id{overflow-wrap:anywhere}
@media(max-width:1120px){.reception-app .app{grid-template-columns:48px minmax(0,1fr)}}
@media(max-width:740px){.reception-app .connection,.reception-app .titlebar .context{display:none}.reception-app .commands{flex-wrap:nowrap;overflow-x:auto;min-height:60px}.reception-app .filters{flex-shrink:0}.reception-app .filters input,.reception-app .filters select{min-width:0}.reception-app .field.grow{min-width:0;flex-basis:100%}.reception-app .footer span:nth-child(2){display:none}.reception-app .drawer{top:0;width:100vw;height:100dvh;max-width:100vw}.reception-app .drawer footer{padding:12px}.reception-app .toast{max-width:calc(100vw - 24px);right:12px}}
@media(max-height:540px){.reception-app>.review{display:none}.reception-app>.titlebar{height:32px}.reception-app .commands{height:44px;min-height:44px}.reception-app .commands button{flex-direction:row;min-width:0}.reception-app .filters{padding:6px;margin-bottom:6px;gap:8px}.reception-app .footer{margin-top:4px}.reception-app .drawer{top:0;height:100dvh}.reception-app .drawer header{padding:12px 20px}.reception-app .drawer footer{padding:8px 20px}}

@media(max-width:1120px){.reception-app .view.active{overflow:hidden}.reception-app .data{display:flex;flex-direction:column;overflow:auto;flex:1;min-height:0}.reception-app .list{min-height:240px;flex:0 0 260px}.reception-app .details{display:block;width:auto;flex:none}.reception-app .table-wrap{max-height:45vh}.reception-app .footer{flex-shrink:0}}
