.cp-offline-panel{margin:20px auto 28px;width:calc(100% - 32px);max-width:1440px;box-sizing:border-box;border:1px solid #bedbd3;border-radius:16px;background:#f7fcfa;color:#27483e;font:inherit;font-size:14px;line-height:1.5;box-shadow:0 4px 20px #123c3010}
.cp-offline-panel>summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:15px 18px;list-style:none;min-height:52px;box-sizing:border-box}
.cp-offline-panel>summary::-webkit-details-marker{display:none}
.cp-offline-panel>summary strong{font-size:14px;flex:1;min-width:0}
.cp-offline-panel [data-offline-connection]{font-size:12px;color:#496258;white-space:nowrap}
.cp-offline-dot{width:9px;height:9px;flex-shrink:0;background:#b7791f;border-radius:50%}
.cp-offline-panel[data-ready=true] .cp-offline-dot{background:#08795c}
.cp-offline-panel[data-storage-error=true] .cp-offline-dot{background:#b7791f}
.cp-offline-chevron{font-size:20px}.cp-offline-panel[open] .cp-offline-chevron{transform:rotate(180deg)}
.cp-offline-content{padding:0 18px 18px;border-top:1px solid #dbece6}.cp-offline-content p{margin:12px 0;color:#415c53;font-size:14px}
.cp-offline-panel button{background:white;border:1px solid #9abfb3;border-radius:10px;padding:10px 14px;font:inherit;font-size:13px;font-weight:700;color:#096047;cursor:pointer;min-height:44px;line-height:1.4;white-space:normal}
.cp-offline-panel button:hover{background:#e8f6f0}.cp-offline-panel button:disabled{cursor:default;opacity:.65}
.cp-offline-panel button:focus-visible,.cp-offline-panel>summary:focus-visible{outline:3px solid #059669;outline-offset:3px}
.cp-offline-actions{display:flex;gap:10px;flex-wrap:wrap}.cp-offline-optional{border-top:1px solid #dbece6;margin-top:16px;padding-top:2px}
.cp-offline-panel [data-ocr-progress]{display:block;margin-top:8px;font-size:12px}
.cp-project-location{display:block;font-size:12px;font-weight:700;color:#096047;margin:4px 0}
.cp-project-notice{background:#fff5da;color:#744509;border:1px solid #dfbe76;border-radius:10px;padding:12px;margin:12px 0;line-height:1.5;font-size:14px}
.cp-project-notice[hidden],.cp-offline-panel [hidden]{display:none!important}
.cp-project-card,.cp-project-card-main{min-width:0}.cp-project-card h4,.cp-project-card p{overflow-wrap:anywhere}
.cp-project-actions{flex-wrap:wrap;gap:6px}.cp-project-actions button{min-height:40px}
@media(max-width:640px){.cp-offline-panel{width:calc(100% - 24px);margin:16px 12px 110px}.cp-offline-panel>summary{flex-wrap:wrap;padding:12px;gap:8px}.cp-offline-panel>summary strong{font-size:13px}.cp-offline-panel [data-offline-connection]{font-size:11px}.cp-offline-content{padding:0 12px 14px}.cp-project-card{flex-wrap:wrap}.cp-project-actions{width:100%}.cp-offline-actions button{flex:1 1 150px}}
@media print{.cp-offline-panel{display:none!important}}