/* Professional workspace: role-scoped, mobile first, shared brand tokens. */
.mwp-shell{width:100%;max-width:1120px;margin:0 auto;min-height:100vh;background:var(--b0)}
#midwife-panel button,#midwife-panel a.art-mng-btn,#midwife-panel summary{min-height:44px}
#midwife-panel .mwph-set{min-width:44px;min-height:44px}
#midwife-panel .mwpanel-hdr{gap:12px}
#midwife-panel .mwp-tabbar{flex-wrap:wrap;overflow:visible}
#midwife-panel .mwp-tabb{flex:1 1 auto}
.article-primary-actions{display:flex;gap:10px;margin:6px 0 16px}
.article-primary-actions>*{flex:1}
.article-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;background:var(--b1);border:1px solid var(--br);border-radius:16px}
.article-filters label:first-child{grid-column:1/-1}
.article-filters label{font-size:12px;color:var(--t1);font-weight:700;min-width:0}
.article-filters .fi{display:block;margin-top:6px;width:100%;min-height:44px}
.article-duplicate-toggle{display:flex;align-items:center;gap:8px;min-height:44px}
.article-duplicate-toggle input{width:20px;height:20px;accent-color:var(--ac)}
.article-open{border:0;background:transparent;text-align:right;font:inherit;color:inherit;padding:4px;min-width:0}
.article-open .art-mng-ti,.article-open .art-mng-mt{display:block;white-space:normal;overflow-wrap:anywhere}
.article-duplicate{display:block;color:var(--ywd);font-size:11px;margin-top:5px}
#midwife-panel .art-mng-acts{flex-shrink:0}
#midwife-panel .art-mng-btn{min-width:44px;display:inline-flex;align-items:center;justify-content:center}
#midwife-panel .art-mng-btn svg{width:18px;height:18px}
.article-tools{border:1px solid var(--br);border-radius:14px;padding:12px;margin-top:20px}
.article-tools summary{cursor:pointer;font-weight:700;color:var(--t1)}
.article-tools .btn-s{display:block;width:100%;margin-top:10px}
.inbox-flags{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}
.inbox-flags button{font-size:11px;flex:1 1 auto}
.inbox-flags [aria-pressed="true"]{border-color:var(--ac);background:var(--acl);color:var(--acd)}
.cli-open{border:0;background:transparent;text-align:right;font:inherit;color:inherit;flex:1;min-width:0;padding:4px;cursor:pointer}
.cli-open>.cli-q,.cli-open>.cli-time,.cli-open>.cli-last{display:block;overflow-wrap:anywhere}
.cli-side{display:flex;flex-direction:column;align-items:flex-end;gap:7px;max-width:35%;flex-shrink:0}
#midwife-panel .chat-list-item{cursor:default;align-items:flex-start}
#midwife-panel :is(button,a,summary,input,select):focus-visible{outline:3px solid var(--ac);outline-offset:3px}
@media(min-width:760px){
 .mwp-shell{padding:0 20px 24px}
 .article-filters{grid-template-columns:minmax(220px,2fr) 1fr 1fr;align-items:end}
 .article-filters label:first-child{grid-column:auto}
 .article-duplicate-toggle{grid-column:span 2}
 #mwp-article-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
 #mwp-article-results .art-mng{margin:0}
 #mwp-article-results .mwpanel-empty{grid-column:1/-1}
 #midwife-panel .mwp-pane{padding:16px 14px}
}

/* Reading a queue or article metadata should not require zooming. */
#midwife-panel .mwph-sub{font-size:13px;line-height:1.7}
#midwife-panel :is(.mwp-tabb,.mwp-grp,.article-filters label,.art-mng-mt,.cli-time,.cli-last,.sec-sub){font-size:13px;line-height:1.8}
#midwife-panel .inbox-flags button{font-size:13px;white-space:normal}
#midwife-panel .mwpanel-hdr{background:linear-gradient(135deg,#345E6C,#426D7B)}
#midwife-panel .mwph-set{background:var(--b1);color:var(--t0)}
#midwife-panel .mwph-badge{font-size:12px;background:var(--b1);color:var(--sgd)}

/* Customer identity stays readable beside independent queue actions. */
.inbox-search{display:block;font-size:14px;font-weight:700;margin-bottom:12px}
.inbox-search input{display:block;width:100%;margin-top:6px;min-height:44px}
.cli-identity{display:block;font-size:13px;line-height:1.8;color:var(--t1);overflow-wrap:anywhere}
.cli-side{overflow-wrap:anywhere}
.mov.chat-front{z-index:2800}
.chat-hdr{flex-wrap:wrap;gap:8px}
.chat-hdr-tx{flex:1;min-width:0;overflow-wrap:anywhere}
.chat-hdr button,.chat-input-bar button,.chat-rec-x{min-height:44px;min-width:44px}
.chat-hdr-sub,.chat-patient-contact{font-size:13px;line-height:1.7}
.chat-patient-contact a{color:inherit;text-decoration:underline;display:inline-block;padding:4px}
.chat-customer-code{display:block;font-size:12px;overflow-wrap:anywhere}
.chat-input{min-width:0}
.chat-screen :is(button,a,textarea):focus-visible{outline:3px solid var(--ac);outline-offset:2px}
@media(max-width:520px){
 .chat-hdr-tx{flex-basis:calc(100% - 60px)}
 .chat-hdr .chat-rec-btn{margin:0!important;flex:1}
 .chat-input-bar{gap:4px;padding:8px}
 #midwife-panel .chat-list-item{flex-wrap:wrap}
 #midwife-panel .cli-open{flex-basis:100%}
 #midwife-panel .cli-side{max-width:100%;width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end}
}

/* A consistent workspace across daily work, content and administration. */
#midwife-panel .mwpanel-hdr{border-radius:0 0 22px 22px;padding:22px 18px;align-items:flex-start;flex-wrap:wrap}
.mwph-account{font-size:14px;line-height:1.8;margin-top:4px;overflow-wrap:anywhere}
.mwp-nav{position:sticky;top:0;z-index:40;background:var(--b0);border-bottom:1px solid var(--br);padding-bottom:8px}
#midwife-panel .mwp-groups{gap:8px}
#midwife-panel .mwp-grp{flex:1;min-width:0;white-space:normal;font-size:14px;line-height:1.6;padding:10px 8px;border-radius:12px;border:1px solid var(--br)}
#midwife-panel .mwp-tabb{font-size:13px;line-height:1.6;white-space:normal;min-width:0;padding:10px}
.mwp-context{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:22px 14px 12px}
.mwp-context>div:first-child{min-width:0}
.mwp-eyebrow{font-size:12px;color:var(--t2);margin-bottom:4px}
.mwp-context h1{font-size:23px;line-height:1.6;color:var(--t0)}
#mwp-section-description{font-size:14px;line-height:1.9;color:var(--t1);margin-top:4px;max-width:650px}
.mwp-context-actions{display:flex;flex-direction:column;gap:5px;align-items:flex-end;flex-shrink:0}
#mwp-updated{font-size:12px;color:var(--t2)}
#midwife-panel .mwp-pane{font-size:14px;line-height:1.8;overflow-wrap:anywhere;min-width:0}
#midwife-panel .mwp-pane :is(.fi,select,textarea){font-size:16px;min-height:44px;min-width:0;max-width:100%}
#midwife-panel .mwp-pane :is(.fl,.team-perm,.sec-sub){font-size:14px;line-height:1.9}
#midwife-panel .mwp-pane :is(.team-card,.bi-card,.lg-card,.vmng-card){padding:18px;border-radius:18px;box-shadow:var(--sm)}
#midwife-panel .mwp-pane :is(.team-card,.bi-card,.lg-card)>b{font-size:16px}
#midwife-panel :is(.pr-tx-row,.pa-row,.lg-mw-hd,.team-hd,.art-mng-hd){gap:8px;flex-wrap:wrap}
#midwife-panel .team-perm{padding:10px 4px;min-height:44px}
#midwife-panel input[type=checkbox]{width:20px;height:20px;accent-color:var(--ac);flex-shrink:0}
#midwife-panel .stat-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
#midwife-panel :is(.lg-stats,.bi-kpis){grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px}
#midwife-panel .chat-list-item{background:var(--b1);border-radius:16px;margin-bottom:10px;padding:14px;border:1px solid var(--br);border-inline-start:4px solid var(--br)}
#midwife-panel .chat-list-item.urgent{border-inline-start-color:var(--rd)}
#midwife-panel .cli-q{font-size:16px;line-height:1.8}
#midwife-panel .cli-identity{margin:4px 0;color:var(--t1)}
.mwp-load-error{padding:24px 18px;border:1px solid var(--rd);border-radius:16px;background:var(--b1);color:var(--t0)}
.mwp-load-error h3{font-size:17px;margin-bottom:8px}
.mwp-load-error p{font-size:14px;line-height:1.9;margin-bottom:14px}
.professional-dialog :is(.fi,select,textarea){font-size:16px;min-height:44px;min-width:0;max-width:100%}
.professional-dialog :is(button,.mcls){min-height:44px}
.professional-dialog .mcls{min-width:44px}
.professional-dialog .mbdy{overflow-wrap:anywhere}
@media(max-width:520px){
 .mwp-context{flex-direction:column;gap:12px;padding-top:16px}
 .mwp-context-actions{width:100%;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}
 .mwp-context h1{font-size:21px}
 #midwife-panel .mwp-pane :is(.team-card,.bi-card,.lg-card,.vmng-card){padding:14px}
 #midwife-panel .mwp-grp{font-size:13px;padding:10px 5px}
 #midwife-panel .mwp-pane :is(.pa-acts,.lg-mw-acts,.car-acts){flex-wrap:wrap}
 #midwife-panel .mwp-pane :is(.pa-acts,.lg-mw-acts,.car-acts)>button{flex:1 1 120px}
}
@media(prefers-reduced-motion:reduce){#midwife-panel *, .professional-dialog *{animation:none!important;transition:none!important}}

#midwife-panel{scroll-padding-top:210px}
#midwife-panel :is(input,select,textarea,summary){scroll-margin-top:210px}
#midwife-panel .mwph-actions{flex-wrap:wrap;justify-content:flex-end}
#midwife-panel .team-del{min-width:64px;font-size:13px;padding:8px 12px;border-radius:10px;background:var(--rdl);color:var(--rdd);opacity:1}
#midwife-panel .team-del[data-onclick*="editMwProfile"]{background:var(--b2);color:var(--t0)}
#midwife-panel .team-ph{font-size:13px;line-height:1.9;overflow-wrap:anywhere}
#midwife-panel .mwp-pane table{display:block;max-width:100%;overflow-x:auto}
@media(max-width:520px){.mwp-eyebrow{display:none}#midwife-panel .mwpanel-hdr{padding:16px}.mwp-context{gap:8px}}