.tgcp-offline-status{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:9px;max-width:100%;margin:0 0 16px;padding:10px 12px;border:1px solid #a7d7b8;border-radius:12px;background:#edf9f1;color:#185b31;box-shadow:0 4px 14px rgba(18,78,42,.08)}.tgcp-offline-status.is-offline{border-color:#efc06b;background:#fff7e6;color:#7a4800}.tgcp-connection-dot{width:10px;height:10px;border-radius:50%;background:#28a15b;box-shadow:0 0 0 4px rgba(40,161,91,.13)}.is-offline .tgcp-connection-dot{background:#e18a00;box-shadow:0 0 0 4px rgba(225,138,0,.15)}.tgcp-pending-label{margin-right:auto}.tgcp-last-sync{color:inherit;opacity:.75}.tgcp-offline-status button{min-height:34px;padding:5px 10px;border:1px solid currentColor;border-radius:8px;background:#fff;color:inherit;font-weight:700}.tgcp-offline-status button:disabled{opacity:.45}.tgcp-offline-status.is-syncing .tgcp-connection-dot{animation:tgcp-sync-pulse 1s infinite}.tgcp-offline-form-notice{margin:0 0 14px;padding:14px;border:1px solid #77bd8f;border-radius:10px;background:#edf9f1;color:#185b31;font-weight:700}.tgcp-offline-form-notice.is-error{border-color:#e4a09a;background:#fff0ef;color:#9c221b}.tgcp-offline-outbox{width:min(620px,calc(100vw - 28px));max-height:80vh;padding:0;border:0;border-radius:16px;box-shadow:0 20px 60px rgba(15,23,42,.28)}.tgcp-offline-outbox::backdrop{background:rgba(15,23,42,.55)}.tgcp-outbox-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e2e8f0}.tgcp-outbox-head h2{margin:0}.tgcp-outbox-items{display:grid;gap:10px;padding:16px;overflow:auto}.tgcp-outbox-items article{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px;border:1px solid #e2e8f0;border-radius:10px}.tgcp-outbox-items small,.tgcp-outbox-items p{grid-column:1/-1}.tgcp-outbox-items .failed{color:#b42318}.tgcp-outbox-items .pending{color:#9a5b00}@keyframes tgcp-sync-pulse{50%{opacity:.35}}@media(max-width:650px){.tgcp-offline-status{flex-wrap:wrap}.tgcp-pending-label{width:calc(100% - 36px);margin-right:0}.tgcp-last-sync{width:100%}}