/* Temporary development-app presentation. Functional workflows remain in the uploadable plugin. */
.wl-prototype-portal,.wl-admin{font-family:Arial,Helvetica,sans-serif!important;color:#222!important;background:#fff!important}
.wl-prototype-portal h2,.wl-prototype-portal h3,.wl-prototype-portal h4,.wl-admin h1,.wl-admin h2,.wl-admin h3,.wl-admin summary,.wl-admin fieldset legend{font-family:Arial,Helvetica,sans-serif!important;color:#222!important;font-weight:600!important}
.wl-prototype-portal .wl-portal-head,.wl-admin .wl-admin-head{background:#eee!important;color:#222!important;border:1px solid #bbb!important;border-radius:0!important;box-shadow:none!important}
.wl-prototype-portal .wl-portal-head h2,.wl-prototype-portal .wl-portal-head p,.wl-admin .wl-admin-head h1,.wl-admin .wl-admin-head p{color:#222!important}
.wl-prototype-portal .wl-portal-head{margin-bottom:0!important}
.wl-prototype-portal .wl-local-nav{display:none!important}
.wl-proto-workspace{display:grid;grid-template-columns:minmax(185px,235px) minmax(0,1fr);gap:20px;align-items:start;margin-top:20px}
.wl-proto-side{grid-row:1 / span 20;border:1px solid #bbb;background:#f7f7f7;padding:16px;position:sticky;top:30px}
.wl-proto-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:#555;margin:0 0 13px}
.wl-proto-side nav{display:grid}.wl-proto-side nav a{display:block;padding:11px 8px;border-top:1px solid #d5d5d5;color:#222!important;text-decoration:none;font-size:14px}.wl-proto-side nav a:hover,.wl-proto-side nav a:focus{background:#e8e8e8;text-decoration:underline}
.wl-proto-side-note{font-size:12px;line-height:1.5;color:#555;border-top:1px solid #bbb;margin:16px 0 0;padding-top:12px}
.wl-proto-config-note{font-size:13px;color:#555;background:#f4f4f4;border-left:3px solid #999;padding:10px 12px}
.wl-proto-workspace>.wl-section,.wl-proto-workspace>.wl-grid,.wl-proto-workspace>.wl-card,.wl-proto-workspace>.wl-notice{grid-column:2;margin:0 0 18px!important}
.wl-prototype-portal .wl-section,.wl-prototype-portal .wl-card,.wl-admin .wl-panel,.wl-admin .wl-metric{border:1px solid #bbb!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;color:#222!important}
.wl-prototype-portal .wl-summary .wl-card{border-top:3px solid #555!important}
.wl-prototype-portal .wl-status,.wl-admin .wl-status,.wl-prototype-portal .wl-empty,.wl-admin .wl-empty{background:#f3f3f3!important;border-color:#999!important;color:#333!important}
.wl-prototype-portal button,.wl-prototype-portal .wl-button,.wl-admin button{background:#fff!important;border:1px solid #555!important;border-radius:2px!important;color:#222!important;box-shadow:none!important}
.wl-prototype-portal button:hover,.wl-admin button:hover{background:#e9e9e9!important}
.wl-admin{--navy:#333;--ink:#222;--brass:#777;--line:#bbb;--paper:#fff;--surface:#fff}
.wl-admin .wl-admin-head{margin-bottom:0!important}.wl-admin .wl-admin-nav{background:#f2f2f2!important;border:1px solid #bbb!important;border-top:0!important;flex-wrap:wrap;overflow:visible;padding-top:10px!important}
.wl-admin .wl-admin-nav a{color:#222!important;border:1px solid #aaa!important;border-radius:0!important;background:#fff!important}.wl-admin .wl-admin-nav a.active{background:#444!important;color:#fff!important}
.wl-admin .wl-metric{border-top:3px solid #666!important}.wl-admin .wl-metric strong{font-family:Arial,Helvetica,sans-serif!important;color:#222!important}
.wl-admin .wl-table th,.wl-admin .wl-admin-filter{background:#eee!important;color:#222!important}.wl-admin .wl-table td{border-color:#ccc!important}
.wl-admin a,.wl-prototype-portal a{color:#222!important}.wl-admin input:focus,.wl-admin select:focus,.wl-admin textarea:focus,.wl-admin a:focus,.wl-prototype-portal a:focus{outline:2px solid #333!important;outline-offset:2px}
.wl-proto-admin-note{margin:20px 20px 8px 0;padding:12px 16px;background:#f5f5f5;border:1px solid #aaa;color:#222;font:13px/1.5 Arial,Helvetica,sans-serif}
@media(max-width:760px){.wl-proto-workspace{grid-template-columns:minmax(0,1fr)}.wl-proto-side{grid-column:1;grid-row:auto;position:static}.wl-proto-side nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.wl-proto-workspace>.wl-section,.wl-proto-workspace>.wl-grid,.wl-proto-workspace>.wl-card,.wl-proto-workspace>.wl-notice{grid-column:1}.wl-admin .wl-admin-nav{flex-wrap:nowrap;overflow-x:auto}.wl-admin .wl-table-wrap{max-width:100%}}
@media(max-width:480px){.wl-proto-side nav{grid-template-columns:1fr}}
.prototype-page-intro{padding:46px 0;border-bottom:1px solid #ccc;background:#fafafa}.prototype-page-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:center}.prototype-page-intro h1{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:0 0 18px}.prototype-page-intro p{max-width:620px;font-size:16px;line-height:1.65}.prototype-page-intro .prototype-placeholder{min-height:235px}.prototype-page-meta{font-size:12px!important;color:#666;border-left:2px solid #999;padding-left:12px}.prototype-live-area{padding:34px 0 60px}.prototype-live-area>.wrap{max-width:1200px}.prototype-live-area .wl-shell{margin:0 auto}.prototype-live-area>.wrap>.prototype-small{display:block;margin:0 0 18px}@media(max-width:750px){.prototype-page-grid{grid-template-columns:1fr}.prototype-page-intro{padding:30px 0}.prototype-page-intro .prototype-placeholder{min-height:180px}.prototype-live-area{padding:24px 0 42px}}

/* Member portal reflow at 200% zoom from a narrow mobile viewport. */
@media(max-width:240px){
  .wl-admin .wl-panel h2{overflow-wrap:anywhere!important;font-size:23px!important;line-height:1.2!important}
  body:has(.wl-proto-side) #wpadminbar{display:none!important}
  html:has(.wl-proto-side){margin-top:0!important}
  body:has(.wl-proto-side) .wl-shell .wl-grid{grid-template-columns:minmax(0,1fr)!important}
  body:has(.wl-proto-side) .wl-shell .wl-card{min-width:0!important}
  body:has(.wl-proto-side) .wl-shell .wl-form{grid-template-columns:minmax(0,1fr)!important;min-width:0!important}
  body:has(.wl-proto-side) .wl-shell .wl-form label{min-width:0!important;overflow-wrap:anywhere}
  body:has(.wl-proto-side) .wl-shell .wl-form input,
  body:has(.wl-proto-side) .wl-shell .wl-form select,
  body:has(.wl-proto-side) .wl-shell .wl-form textarea,
  body:has(.wl-proto-side) .wl-shell .wl-form button{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
}