#site-library-button { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#site-library-dialog { width: min(620px, calc(100vw - 32px)); max-height: calc(100vh - 56px); margin: auto; padding: 24px; overflow-y: auto; border: 1px solid var(--border2); border-radius: 14px; background: var(--bg2); color: var(--text); box-shadow: 0 16px 70px #0004; }
#site-library-dialog::backdrop { background: #10251f66; }
.site-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; position: sticky; top: -24px; padding: 10px 0; z-index: 1; background: var(--bg2); }
.site-heading small { color: #35926d; letter-spacing: 2px; font-size: 10px; }
.site-heading h2 { margin: 7px 0; font-size: 22px; }
#site-library-dialog section { border-top: 1px solid var(--border); padding-top: 16px; margin-top: 16px; }
#site-library-dialog h3 { margin-bottom: 12px; font-size: 14px; }
#site-library-dialog label { display: block; font-size: 12px; margin: 10px 0; }
#site-library-dialog input, #site-library-dialog select { display: block; width: 100%; margin-top: 6px; padding: 9px; border: 1px solid var(--border2); border-radius: 6px; background: var(--bg); color: var(--text); font: inherit; }
#site-library-dialog button { padding: 9px 13px; border: 1px solid var(--border2); border-radius: 6px; background: var(--bg3); color: var(--text); font: inherit; cursor: pointer; }
#site-library-dialog button:disabled, #site-library-dialog input:disabled, #site-library-dialog select:disabled { opacity: .55; cursor: wait; }
#site-close { border: 0 !important; font-size: 22px !important; }
.site-note, .site-record p, .site-record small { font-size: 12px; color: var(--text2); line-height: 1.7; overflow-wrap: anywhere; }
.site-record { padding: 13px; margin-top: 10px; border: 1px solid var(--border); border-radius: 8px; }
.site-record strong { overflow-wrap: anywhere; }
.site-record p { margin: 5px 0; }
.site-actions { display: flex; gap: 7px; margin-top: 10px; flex-wrap: wrap; }
#site-create, #activity-create, #site-update, [data-site-select], [data-activity-load] { color: #fff !important; background: #23805e !important; border-color: #23805e !important; }
#site-message { color: #23805e; font-size: 13px; line-height: 1.7; margin-top: 14px; }
#site-message.site-error { color: #c15b3c; }
#site-list { max-height: 210px; overflow-y: auto; }
#site-activity-list { max-height: 300px; overflow-y: auto; margin-top: 12px; }
.site-record-selected { border-color: #23805e; background: #23805e08; }
.site-storage-picker { display: flex; gap: 6px; margin: 14px 0 8px; }
.site-storage-picker button { flex: 1; }
.site-storage-picker [aria-pressed="true"], #site-cloud-login { background: #23805e !important; border-color: #23805e !important; color: #fff !important; }
#site-library-dialog [hidden] { display: none !important; }
#site-cloud-section { border: 1px solid var(--border); padding: 14px; border-radius: 8px; }
#site-cloud-section details { margin-top: 0; padding-top: 0; border: 0; }
#site-cloud-url { font-size: 12px !important; }
#site-library-dialog details { border-top: 1px solid var(--border); padding-top: 14px; margin-top: 16px; }
#site-library-dialog summary { font-weight: 600; font-size: 14px; cursor: pointer; }