/* Shared OTAVO interface refinements. Canonical palette and typography remain in tokens/typography.css. */
.otavo-icon{display:inline-block;vertical-align:middle;flex:none;width:20px;height:20px;color:inherit}
.side-nav .otavo-icon{width:18px;height:18px}.side-nav a{gap:10px}.side-nav a>span{display:inline-flex;align-items:center}
.mobile-nav .otavo-icon{width:22px;height:22px}.mobile-nav a{min-height:52px}
.service-notice{background:var(--otavo-navy);color:#fff;padding:10px 24px;font:400 12px/1.5 var(--font-body);text-align:center}
.pwa-dialog :is(button,a):focus-visible{outline:3px solid #00BFA5;outline-offset:3px}
body :is(.notification-read,.quiet-button,.group-member button,.row-arrow,.search-form button,.side-toggle,.upload-clear){min-width:44px;min-height:44px}
.row-arrow{display:inline-flex;align-items:center;justify-content:center}.rail-bottom a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.toggle{min-height:44px}.toggle:has(input:focus-visible){outline:3px solid var(--otavo-navy);outline-offset:4px}
.kyc-choice:has(input:checked) b:after{content:' · Ausgewählt';color:var(--otavo-navy)}
.empty-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--otavo-navy)}
@media(max-width:800px){.service-notice{padding:10px 20px}.crm-toolbar form{max-width:100%}.quiet-button{white-space:normal;text-align:left}.back{min-height:44px;display:inline-flex;align-items:center}}
.crm-page-head>div{min-width:0}.crm-page-head h2{font-size:clamp(28px,4vw,40px);overflow-wrap:anywhere}
.crm-page-head .search-inline .button{width:auto;flex:none}