/* Role-scoped layout. Native disclosure stays usable without JavaScript. */
.connected-sidebar{display:none}
.connected-mobile-menu{margin:16px var(--gut,16px);border:1px solid #c8bca9;border-radius:14px;background:#fffaf3;color:#2b1a12;padding:8px 14px}
.connected-mobile-menu>summary{min-height:44px;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:700}
.connected-mobile-menu>summary::after{content:'+';margin-left:auto}
.connected-mobile-menu[open]>summary::after{content:'−'}
.connected-mobile-menu nav,.connected-sidebar nav{display:grid;gap:6px}
.connected-mobile-menu nav a,.connected-sidebar nav a,.connected-site-link{min-height:44px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none;overflow-wrap:anywhere}
.connected-mobile-menu a{color:var(--indigo,#89562c)}
.connected-mobile-menu a[aria-current]{background:var(--indigo,#89562c);color:white;font-weight:700}
.connected-mobile-menu form{padding:10px 0}
.connected-sidebar .ui-icon,.connected-mobile-menu .ui-icon{width:20px;height:20px;flex:0 0 20px}
.connected-workspace :focus-visible{outline:3px solid var(--indigo,#89562c);outline-offset:4px}
.connected-workspace main,.connected-workspace main>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
.connected-workspace :is(input,select,textarea){max-width:100%;min-width:0}
.card-practice{display:block;margin-top:5px;font-size:.9rem;color:var(--indigo,#89562c);font-weight:600}
.profile-practice{color:var(--indigo,#89562c);font-weight:650}
.feedback-intro{max-width:65ch}
.feedback-errors{border:2px solid #9d2929;border-radius:10px;padding:16px;color:#781d1d;background:#fff8f6}
.feedback-error{color:#781d1d;font-weight:650}
.feedback-list{list-style:none;padding:0;display:grid;gap:16px}
.feedback-item{min-width:0;padding:20px;border:1px solid #c8bca9;border-radius:14px;background:#fffaf3;overflow-wrap:anywhere}
.feedback-item header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.feedback-body{white-space:pre-wrap;overflow-wrap:anywhere}
.feedback-actions{display:grid;gap:12px;margin-top:16px}
.feedback-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-block:20px}
.feedback-filters label{flex:1 1 160px;min-width:0}
.feedback-filters select{width:100%;min-height:44px}
.feedback-item button,.feedback-actions select,.feedback-errors a{min-height:44px}
.connected-workspace .workspace-pro-tabs{display:none}
@media(min-width:1100px){
 .connected-mobile-menu{display:none}
 .connected-sidebar{display:flex;flex-direction:column;gap:16px;position:fixed;top:130px;left:18px;bottom:24px;width:220px;padding:20px 12px;border-radius:18px;background:var(--workspace-sidebar,#2b1d14);color:#fff;overflow-y:auto;z-index:8;overscroll-behavior:contain}
 .connected-sidebar a{color:#fff}
 .connected-brand{display:grid;gap:6px;padding:8px 12px;text-decoration:none;letter-spacing:.05em;font-weight:750}
 .connected-brand span{font-size:.85rem;font-weight:400}
 .connected-sidebar a[aria-current]{background:#fff;color:#2b1d14;font-weight:700;border-left:4px solid #a7723f}
 .connected-sidebar a:hover{background:#fff;color:#2b1d14}
 .connected-sidebar :focus-visible{outline-color:#ffcf83;outline-offset:2px}
 .connected-sidebar form{margin-top:auto}
 .connected-sidebar .btn{width:100%;background:#fff;color:#2b1d14;justify-content:center}
 .connected-workspace main,.connected-workspace .foot{margin-left:250px}
 body[data-admin-view="admin/insights"] .connected-sidebar{top:24px;left:24px;width:226px}
 body[data-admin-view="admin/insights"] main{margin-left:260px}
}
@media(max-width:599px){
 .feedback-item{padding:16px}.feedback-filters{display:grid;grid-template-columns:minmax(0,1fr)}
 .feedback-actions .row{display:grid;grid-template-columns:minmax(0,1fr)}
 .connected-workspace main .section{padding-inline:16px}
}
@media print{.connected-sidebar,.connected-mobile-menu{display:none!important}.connected-workspace main{margin-left:0!important}}

.app-feedback-form>select,.app-feedback-form>textarea{width:100%;min-height:44px;border:1px solid #8a7868;border-radius:8px;padding:10px;font:inherit;background:#fff;color:#2b1a12}

.app-feedback-form :focus-visible{outline:3px solid var(--indigo,#89562c);outline-offset:3px}
.feedback-errors a{display:inline-flex;align-items:center;min-height:44px;max-width:100%}
@media(max-width:599px){body.connected-workspace{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}