@import url('/operation-shell.css');
/* Compact shared presentation. Original form and permission states remain authoritative. */
.ui-help,.ui-help-section{margin:.65rem 0;padding:.65rem .75rem;border:1px solid var(--line,#cbd5dc);border-radius:.5rem;background:var(--surface,#fff);min-width:0}
.ui-help>summary,.ui-help-section>summary{font-weight:600;cursor:pointer;color:var(--accent,var(--blue,#086d76));min-height:28px}
.ui-help-section>section,.ui-help-section>aside{border:0;margin:.6rem 0 0;padding:0;box-shadow:none;background:transparent}
.ui-help p,.ui-help-section p{font-size:.94rem;line-height:1.5}
.ui-help summary:focus-visible,.ui-help-section summary:focus-visible{outline:3px solid #b97809;outline-offset:3px}
body{overflow-wrap:anywhere}
#account-name{font-weight:600}
#open-operation{display:block;text-align:center;padding:.8rem 1rem;background:var(--blue,#086d76);color:white!important;border-radius:.5rem;font-weight:650;text-decoration:none;min-height:44px}
@media(max-width:650px){
 html{font-size:16px}
 main,.panel,.panel-body,.panel-head,.account-card,.users-shell,.admin-shell{min-width:0;max-width:100%}
 h1,.greeting h1{font-size:1.5rem;line-height:1.2;margin:.6rem 0}
 h2{font-size:1.15rem}
 h3{font-size:1.05rem}
 button,input,select,textarea{font-size:16px;min-height:44px;max-width:100%}
 input,select,textarea{min-width:0}
 button{padding:.6rem .8rem}
 input[type=checkbox],input[type=radio]{min-height:0;flex-shrink:0}
 .check input{width:auto}
 .panel{margin:.7rem 0}
 .panel-head,.panel-body{padding:.85rem}
 header:not(#topbar){gap:.5rem;padding:.7rem}
 .greeting .eyebrow,.subscription-intro .eyebrow,.users-intro .eyebrow{display:none}
 .account-card{padding:1rem}
 .account-card>img{max-width:130px;height:auto}
 #account>a{display:block;padding:.55rem 0}
 #account>#open-operation{padding:.8rem 1rem}
 .users-note{font-size:.9rem}
 .ui-help,.ui-help-section{font-size:.94rem}
 .ui-help-section>summary{padding:.1rem 0}
}

.notice:empty,[role="status"]:empty{display:none}
.ui-help>summary,.ui-help-section>summary{min-height:44px;padding:.45rem 0}

@media(max-width:650px){
 .users-toolbar form{flex:1 1 100%;width:100%;min-width:0}
 .users-toolbar form label{flex:1 1 100%;width:100%}
 .users-toolbar>button{flex:1 1 8rem}
 .users-toolbar>a{flex:1 1 100%;padding:.4rem 0}
 #invite-user{margin-top:.5rem}
 button[id$="-connect"]:disabled{display:none}
}