.cloud-panel{margin:22px 0;padding:24px;background:#f5f9fc;border:1px solid #c6d7e6;border-radius:12px;color:#16354c}.cloud-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.cloud-heading h2{margin:6px 0}.cloud-heading p,.cloud-note{font-size:13px;line-height:1.6;color:#536a7b}.cloud-status{padding:10px 12px;background:white;border-radius:6px;font-size:13px}.cloud-projects,.cloud-actions{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:15px 0}.cloud-panel label,#cloud-login label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600}.cloud-projects label{flex:1;min-width:180px}.cloud-panel input,.cloud-panel select,.cloud-panel textarea,#cloud-login input{background:white;border:1px solid #b7cadb;border-radius:6px;padding:10px;color:#18354a;font:14px/1.5 inherit;max-width:100%;box-sizing:border-box}.cloud-panel textarea{width:100%;font-family:inherit;resize:vertical}.cloud-budget{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:14px;background:#16364e;border-radius:8px;color:white}.cloud-budget b{font-size:20px}.cloud-budget span{font-size:12px}.cloud-compose{border-top:1px solid #d2e0eb;padding-top:18px;margin-top:18px}.cloud-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.cloud-gallery article{min-width:0;background:white;border:1px solid #d1dee8;border-radius:8px;padding:14px}.cloud-gallery img{width:100%;max-height:400px;object-fit:contain;background:#eaf0f4;margin:12px 0}.cloud-job-head{display:flex;flex-direction:column;gap:5px}.cloud-gallery p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.cloud-gallery small{overflow-wrap:anywhere}.cloud-gallery details{margin-top:12px}#cloud-login{border:0;border-radius:12px;padding:28px;max-width:400px;width:calc(100% - 40px)}#cloud-login::backdrop{background:#10283fcc}#cloud-login label{margin:16px 0}#cloud-login input{width:100%}@media(max-width:600px){.cloud-panel{padding:16px}.cloud-heading{flex-wrap:wrap}.cloud-projects label{width:100%}}
/* Connection checks also appear on the light Settings page. */
#main .connection-status{color:#253b50;border-color:#dce3ea;font-size:14px}
#main .connection-heading,#main .connection-summary,#main .connection-row,#main .connection-details,#main .connection-details summary,#main .connection-check{color:#253b50}
#main .connection-row b[data-state=connected]{color:#14744b}
#main .connection-check button{color:#173a5c;border-color:#aebdcc}
#main .connection-row{padding:8px 0}
#main .connection-details p{color:#52677c}
#main .connection-row,#main .connection-row b,#main .connection-heading,#main .connection-details summary{font-size:13px}
#main .connection-check small{color:#52677c!important}
#main .connection-status [data-state=not_connected]{color:#52677c}

.cloud-budget-compact{padding:10px 14px;justify-content:space-between}.cloud-budget-compact b{font-size:16px}.cloud-budget-compact .btn{background:white;color:#16364e}.cloud-record-indicator{border:0;background:transparent;color:#bfceda;font:600 12px/1.5 inherit;padding:6px 0;text-align:left;cursor:pointer}.cloud-record-indicator[data-state=connected]{color:#7de0b0}.cloud-record-indicator[data-state=error]{color:#ffca80}.cloud-save-alert{border:1px solid #d89a37;background:#fff5df;color:#513e22}#cloud-record-settings .ops-notice{margin-top:20px}

.meta-report-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:28px;padding:14px 0;border-top:1px solid var(--line,#dce3ea);font-size:12px;color:var(--ink-3,#52677c)}.meta-report-footer .btn{font-size:12px;padding:6px 10px;background:transparent}.meta-report-footer small{display:block;margin-top:4px;max-width:650px}.meta-report-footer[data-state=attention]{color:#805116;border-top-color:#d8b379}
.library-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:22px 0 14px}.library-toolbar label{display:flex;flex-direction:column;gap:6px;font-size:12px}.library-toolbar input,.library-toolbar select{padding:10px;border:1px solid var(--line,#ccd5df);border-radius:6px;background:var(--surface,#fff);color:var(--ink,#18354a);font:inherit}.library-search{flex:1;min-width:200px}.library-view{display:flex;gap:4px}.library-view [aria-pressed=true]{background:#173b56;color:white;border-color:#173b56}.library-count{font-size:12px;color:var(--ink-3,#52677c);margin:14px 0}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.library-card{min-width:0;padding:15px;border:1px solid var(--line,#dce3ea);border-radius:9px;background:var(--surface,#fff)}.library-open{display:block;width:100%;text-align:left;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.library-image{width:100%;height:260px;object-fit:contain;background:#eef2f6;border-radius:6px}.library-open h3{margin:12px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.library-open-label{display:block;font-size:12px;color:#16649b;margin-bottom:12px}.library-card-metrics{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:12px;color:var(--ink-3,#52677c)}.library-card-metrics strong{display:block;font-size:16px;color:var(--ink,#16354c);margin-top:4px}.library-table{overflow:auto}.library-table table{width:100%}.library-table td{vertical-align:middle}.library-list-open{display:flex;gap:12px;align-items:center;min-width:240px;text-align:left;background:none;border:0;color:inherit;font:inherit;cursor:pointer}.library-list-open span{max-width:250px}.library-thumb{width:56px;height:56px;object-fit:contain;background:#eef2f6;border-radius:4px}.library-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:25px 0;font-size:13px}.library-no-preview{padding:20px;color:#52677c}.library-no-preview[hidden],.library-image[hidden],.library-thumb[hidden]{display:none}#library-detail{position:fixed;inset:0 0 0 auto;margin:0;width:min(620px,100%);max-width:100%;height:100dvh;max-height:100dvh;box-sizing:border-box;border:0;padding:28px;background:var(--surface,#fff);color:var(--ink,#18354a);overflow:auto}#library-detail::backdrop{background:#10283f80}.library-detail-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}#library-detail h2{font-size:23px;overflow-wrap:anywhere}#library-detail h3{margin-top:24px}#library-detail p{margin:12px 0}#library-detail .library-image{height:330px;margin-top:16px}.library-copy{white-space:pre-wrap}.library-detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.library-detail-metrics dt{font-size:12px;color:var(--ink-3,#52677c)}.library-detail-metrics dd{font-size:20px;font-weight:600;margin:5px 0}#library-detail details{margin:22px 0}#library-detail dd{overflow-wrap:anywhere}#library-detail .ops-actions{margin-top:25px}@media(max-width:600px){.library-grid{grid-template-columns:1fr}.library-toolbar .library-view{width:100%}.library-toolbar input{min-width:0}.library-search{min-width:100%}#library-detail{padding:20px}}

.console-account-button{flex-shrink:0;white-space:nowrap;border:1px solid #ffffff70;border-radius:7px;background:#ffffff18;color:#fff;padding:9px 14px;font:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer;min-height:38px}.console-account-button:hover{background:#ffffff30}.console-account-button:focus-visible{outline:3px solid #ffd400;outline-offset:3px}.console-account-button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.masthead{flex-wrap:wrap}.console-account-button{margin-left:auto}}