:root{--paper:#f6f7f8;--line:#dfe3e5;--muted:#596266}
.app-shell>aside{gap:24px;overflow-y:auto}
.app-shell nav button{display:flex;align-items:center;gap:10px;min-height:44px;padding:11px 10px}
.app-shell nav button span{display:inline;width:auto}
.app-shell nav button svg{flex:none}
.app-shell nav button[hidden]{display:none}
button svg{vertical-align:middle;flex:none}
button{touch-action:manipulation}
button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.portal-band{padding:24px 0;border-top:1px solid var(--line)}
.portal-band h3{font-size:22px}
.home-heading{padding:12px 0 20px}
.home-heading h2{font-size:28px;line-height:1.2;margin:0 0 10px;overflow-wrap:anywhere}
.home-heading p{color:var(--muted);margin:0}
.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px}
.quick-links button{min-width:0;min-height:148px;padding:18px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:6px;display:grid;grid-template-columns:1fr 20px;gap:8px;text-align:left;cursor:pointer}
.quick-links button:nth-child(2){border-top-color:var(--yellow)}
.quick-links button:nth-child(3){border-top-color:var(--red)}
.quick-links button>svg:first-child{grid-column:1/-1}
.quick-links strong{font-size:18px;grid-column:1/-1;overflow-wrap:anywhere}
.quick-links span{font-size:14px;color:var(--muted)}
.content-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.content-row>div{min-width:0}
.content-row small,.content-row time{color:var(--muted);font-size:12px}
.content-row time{white-space:nowrap}
.content-row h3{font-size:20px;line-height:1.3;margin:8px 0}
.content-row h3 button{font:inherit;color:inherit;background:none;border:0;padding:0;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.content-row h3 button:hover{text-decoration:underline;text-decoration-color:var(--green)}
.content-row p{font-size:15px;line-height:1.5;margin:0;color:var(--muted)}
.text-command,.content-actions button,.primary-command{border:1px solid var(--line);border-radius:5px;min-height:44px;padding:10px 12px;background:white;color:var(--ink);display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;cursor:pointer}
.text-command{border:0;color:var(--green);padding:8px 0}
.primary-command{background:var(--ink);color:white}
.content-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
.content-search{display:flex;max-width:600px;gap:12px;align-items:end;margin:0 0 24px}
.content-search label{flex:1;min-width:0}
.content-search button{width:50px;min-height:50px;padding:0;display:grid;place-items:center}
.profile-fields{margin:0;max-width:700px}
.profile-fields div{padding:20px 0;border-bottom:1px solid var(--line)}
.profile-fields dt{font-size:13px;color:var(--muted);margin-bottom:8px}
.profile-fields dd{margin:0;font-size:18px;overflow-wrap:anywhere}
#content-editor{max-height:90dvh;overflow:auto;width:min(700px,calc(100% - 24px))}
#content-editor form{max-width:none}
#content-editor textarea{height:180px;resize:vertical}
#content-editor-title,#content-detail-title{font-size:25px;line-height:1.25;overflow-wrap:anywhere;margin:12px 40px 20px 0}
#content-detail{max-height:90dvh;overflow:auto;width:min(760px,calc(100% - 24px))}
.content-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
#content-detail-link{margin-top:20px}
#content-detail-link a{color:var(--green);font-weight:bold}
#content-detail-date{color:var(--muted);font-size:13px;margin-top:12px}
#content-scope-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#content-scope-options label{display:flex;align-items:center;gap:6px}
#content-scope-options input{width:20px;height:20px}
#content-form-message{color:var(--red);margin:0;overflow-wrap:anywhere}
.dialog-close{min-height:44px;min-width:44px;display:grid;place-items:center}
@media(max-width:780px){
  .app-shell>aside{display:grid;grid-template-columns:minmax(0,1fr) 88px;overflow:visible;gap:8px;padding:10px 14px}
  .app-shell>aside nav{grid-column:1/-1;grid-row:2;display:flex;overflow-x:auto;width:100%;margin:0;gap:4px;justify-content:flex-start;padding:3px}
  .app-shell nav button{flex:none;padding:8px 10px;display:flex;flex-direction:column;gap:5px;min-width:70px}
  .app-shell nav button span{font-size:11px;white-space:nowrap}
  .account-card{grid-column:2;grid-row:1}
  .app-shell>aside .brand-logo{max-height:40px;width:auto}
  .quick-links{grid-template-columns:1fr;gap:10px;margin-bottom:24px}
  .quick-links button{min-height:88px;grid-template-columns:28px 1fr 20px;gap:6px 12px;padding:14px;align-items:center}
  .quick-links button>svg:first-child{grid-row:1/3;grid-column:1}
  .quick-links button>svg:last-child{grid-row:1/3;grid-column:3}
  .quick-links strong{grid-column:2;font-size:17px}
  .quick-links span{grid-column:2;font-size:13px}
  .content-row{flex-direction:column;gap:12px}
  .content-row time{order:-1}
  .portal-band .section-head{flex-direction:row;align-items:center;gap:12px}
  .portal-band h3{font-size:20px}
  .toast{left:14px;right:14px;bottom:16px;max-width:none}
  #content-scope-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}