.offline-workspace{max-width:1100px;margin:auto;padding:clamp(1rem,4vw,2rem)}
.offline-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}
.offline-header h1{margin:.2rem 0}.offline-header img{vertical-align:middle;margin-right:.7rem}
.offline-controls{display:flex;gap:.7rem;flex-wrap:wrap;align-items:end}.offline-controls label{flex:1 1 200px}
.offline-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.offline-tabs button[aria-pressed=true]{background:var(--teal);color:var(--theme-on-accent,#fff)}
.offline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem}
.offline-workspace .panel{margin:1rem 0;overflow-wrap:anywhere}.offline-workspace .panel h2{margin-top:0}
.offline-text{white-space:pre-wrap;overflow-wrap:anywhere}.offline-workspace .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.offline-workspace textarea{min-height:120px}.offline-workspace .field{min-width:0;display:flex;flex-direction:column;gap:.35rem}
.offline-workspace input,.offline-workspace select,.offline-workspace textarea{max-width:100%;width:100%;padding:.6rem;border:1px solid var(--line);border-radius:5px;background:var(--white,white);color:var(--ink)}
.offline-workspace label:has(input[type=checkbox]){display:flex;align-items:center;gap:.5rem}.offline-workspace input[type=checkbox]{width:auto}
.offline-workspace dl{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:.5rem}.offline-workspace dd{margin:0}
.offline-review-row{border-top:1px solid var(--line);padding:1rem 0}.offline-review-row pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto}
#offline-notice{white-space:pre-wrap}#offline-notice:empty{display:none}.offline-meta{color:var(--muted)}
@media(max-width:500px){.offline-controls>button{width:100%}.offline-tabs button{flex:1 1 40%}}
@media print{.offline-controls,.offline-tabs,#offline-management,#offline-notice,.offline-header nav,form,.offline-review{display:none!important}.offline-workspace{max-width:none;padding:0}.offline-workspace details{display:block}}

.offline-workspace .stat span,.offline-workspace .stat strong{display:block}
