:host{all:initial;position:fixed;inset:auto 12px 12px;z-index:900;color:#20313e;font:14px/1.5 Arial,sans-serif;color-scheme:light}
:host([hidden]){display:none!important}:host *{box-sizing:border-box}:host .shell{max-width:940px;margin:auto}:host nav,:host .panel{background:#fffdf7;border:1px solid #e6dfcd;border-top:3px solid #f3c65f;border-radius:10px;padding:10px;box-shadow:0 4px 20px #17201f24}:host nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}:host .identity{margin-right:auto;font-weight:700;padding:0 6px}:host a,:host button{font:inherit;display:inline-block;cursor:pointer;color:#20313e;background:#fffdf7;border:1px solid #aab6bf;border-radius:5px;padding:8px 12px;min-height:40px;text-decoration:none}:host a:hover,:host button:hover{background:#f4efe2}:host a:focus-visible,:host button:focus-visible{outline:3px solid #806529;outline-offset:3px}:host .primary{background:#111d27;color:#fffdf7;border-color:#111d27}:host .primary:hover{background:#243e50}:host .count{display:inline-block;background:#111d27;color:#fffdf7;min-width:21px;text-align:center;border-radius:20px;padding:0 5px}:host .panel{padding:18px;margin:0 0 10px auto;max-width:400px;max-height:65vh;overflow:auto}:host .panel[hidden]{display:none}:host .heading{display:flex;justify-content:space-between;align-items:center;gap:14px}:host h2{font-size:17px;margin:0}:host p{margin:12px 0}:host .hint{color:#60707a;font-size:13px}:host form{margin-top:14px}@media(max-width:540px){:host .identity{width:100%;font-size:13px}:host nav{gap:6px}:host nav a,:host nav button{flex:1;text-align:center;padding:8px}:host .panel{max-width:100%}}/* This rule applies through the separately loaded document stylesheet. */
body.cpa-staff-toolbar-active{padding-bottom:110px}