.shared-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin:0 0 16px;border:1px solid #648f70;border-radius:12px;background:#233e2d;color:#e5f0df;font-size:14px;line-height:1.5}.shared-banner.shared-pending{border-color:#c49b55;background:#40321e}.shared-banner[hidden],#shared-panel [hidden],#shared-review [hidden]{display:none!important}.shared-banner button{flex:0 0 auto}.shared-panel .statusbox{white-space:normal;overflow-wrap:anywhere}.shared-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.shared-compare>div{padding:14px;border:1px solid var(--line,#54705a);border-radius:10px}.shared-panel input{max-width:100%;box-sizing:border-box}#shared-server{overflow-wrap:anywhere}#shared-review .modal-card{max-width:760px}#shared-login-needed{font-weight:800;color:#f2ce8b}.shared-panel .actions{justify-content:flex-start;flex-wrap:wrap}@media(max-width:620px){.shared-banner{align-items:stretch;flex-direction:column}.shared-compare{grid-template-columns:1fr}.shared-panel .actions>*{width:100%}}

#public-login[hidden]{display:none!important}#public-login{position:fixed;inset:0;z-index:30000;overflow:auto;background:#102019;display:grid;place-items:center;padding:22px}#public-login-form{width:min(100%,460px);padding:28px;background:#1c3025;border:1px solid #59765f;border-radius:14px;box-shadow:0 20px 70px #0005}#public-login h1{font-size:28px;line-height:1.2}#public-login p{line-height:1.6}#public-login-error{color:#f2ce8b}body.public-locked{overflow:hidden}body.public-locked>:not(#public-login){visibility:hidden!important;pointer-events:none!important}#public-owner-form{margin:20px 0;padding:20px;border:1px solid #59765f;border-radius:10px}#public-owner-status{overflow-wrap:anywhere}@media(max-width:620px){#public-login{padding:14px}#public-login-form{padding:22px}}

#public-login .public-login-choice{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5}#public-login .public-login-choice input{flex:0 0 auto;width:18px;min-height:18px;height:18px;margin:2px 0 0;padding:0;accent-color:#78a984}#public-login .public-login-help{display:block;color:#c3d0bd;font-size:12px;line-height:1.5}#public-login [hidden]{display:none!important}

.shared-save-status{display:inline-flex;align-items:center;gap:6px;border:1px solid #4b6d55;background:#192d21;color:#d0edce;font-size:12px;font-weight:700;padding:6px 9px;border-radius:20px;white-space:nowrap;min-height:32px}.shared-save-status[data-state=warning]{color:#ffe1a1;border-color:#a77b37;background:#3b3020}.shared-save-status[data-state=pending]{color:#c7d9e6;border-color:#5d778b}.shared-panel>summary{font-weight:800;cursor:pointer;min-height:30px;list-style-position:inside}.shared-panel[open]>summary{margin-bottom:20px}.shared-panel:not([open]){padding-top:14px;padding-bottom:14px}.shared-panel h2{margin-top:14px}.shared-panel{scroll-margin-top:90px}#offline-conflict-list{display:grid;gap:14px}#offline-conflict-list fieldset{border:1px solid #607365;padding:14px;min-width:0}#offline-conflict-list label{display:flex;gap:8px;overflow-wrap:anywhere}#offline-conflict-list input{width:20px;flex:0 0 20px}.topbar .brand-wrap{min-width:0}.offline-note{padding:10px;border-left:3px solid #b38b45}#offline-draft-recovery[hidden]{display:none!important}@media(max-width:760px){.shared-save-status{font-size:10px;padding:5px 7px;gap:4px}.topbar .brand-wrap{flex:1}.topbar .brand-copy{min-width:0;overflow:hidden}.topbar .brand{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar .header-controls{gap:5px;flex-shrink:0}.shared-save-status span:first-child{font-size:8px}}@media(max-width:400px){.topbar .subtitle{display:none}.topbar .top-brand-logo{width:30px;height:30px}.topbar .brand{font-size:10px}}