#expense-inbox-panel .panel{margin:0;min-width:0}
#expense-inbox-panel .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-items:start}
#expense-inbox-panel .date-picker-field{grid-template-columns:minmax(0,1fr)}
#expense-inbox-panel .date-picker-field input{width:100%;min-width:0}
#expense-inbox-panel p,#expense-inbox-panel a{overflow-wrap:anywhere}
#expense-inbox-panel .row-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-block:14px}
#expense-inbox-panel .row-actions>*{min-height:44px}
#expense-inbox-panel .inbox-document{padding:16px;margin-block:14px;border:1px solid var(--border,#8194a3);border-radius:12px;min-width:0}
#expense-inbox-panel .inbox-document h4{margin:0 0 8px}
#expense-inbox-panel .inbox-paid{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;line-height:1.6}
#expense-inbox-panel .inbox-paid input{width:22px;height:22px;flex:0 0 22px}
#expense-inbox-panel .inbox-switch-label{font-weight:700;display:flex;align-items:center;gap:12px;grid-column:1/-1;cursor:pointer}
#expense-inbox-panel input[role=switch]{appearance:none!important;width:48px!important;inline-size:48px!important;max-inline-size:48px!important;min-width:48px!important;height:28px!important;block-size:28px!important;min-height:28px!important;padding:0;border-radius:20px;border:2px solid currentColor;background:transparent;position:relative;flex:0 0 48px!important;cursor:pointer}
#expense-inbox-panel input[role=switch]::before{content:'';position:absolute;width:18px;height:18px;top:3px;right:3px;border-radius:50%;background:currentColor;transition:transform .15s}
#expense-inbox-panel input[role=switch]:checked{background:#16745c;color:#fff;border-color:#16745c}
#expense-inbox-panel input[role=switch]:checked::before{transform:translateX(-20px)}
#expense-inbox-panel input[role=switch]:focus-visible{outline:3px solid #65a9ff;outline-offset:3px}
@media(max-width:600px){#expense-inbox-panel .form-grid{grid-template-columns:minmax(0,1fr)}#expense-inbox-panel .row-actions button{flex:1 1 130px}#expense-inbox-panel .inbox-document{padding:12px}#expense-inbox-panel input{max-width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){#expense-inbox-panel input[role=switch]::before{transition:none}}