.j-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:20px;align-items:start}.j-grid>.panel{margin:0;min-width:0}.j-grid .panel h2{font-size:1.3rem;line-height:1.35}.j-grid+.panel,.j-grid+.j-grid{margin-top:24px}.j-hero{background:linear-gradient(115deg,#0b2b48,#154b65);color:#fff;padding:36px;border-radius:22px;margin:20px 0 24px}.j-hero .eyebrow{color:#95e3cf}.j-hero h2{color:#fff;font-size:clamp(1.5rem,3vw,2.3rem);max-width:750px;margin:14px 0}.j-hero p{color:#daebf0;max-width:780px}.j-flow{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.j-flow span{padding:9px 15px;background:#ffffff14;border:1px solid #ffffff24;border-radius:24px;color:#d9f6ef;font-size:.86rem}.j-task{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:18px 0;border-bottom:1px solid #e3eaf0}.j-task:last-child{border-bottom:0}.j-task small{display:block;margin-top:6px;color:#5b6f7d}.j-task strong{font-size:1.8rem;color:#126854}.j-line{padding:15px 0;border-bottom:1px solid #e3eaf0}.j-line>span{display:block;margin-top:5px}.j-feedback{background:#edf6f2;border:1px solid #cfe4da;border-radius:14px;padding:18px;margin:18px 0;color:#163e31}.j-attachments{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.j-attachments button{font-size:.86rem;overflow-wrap:anywhere;max-width:100%}.j-media{display:block;max-width:100%;max-height:68vh;margin:auto}.j-template-list{display:flex;flex-wrap:wrap;gap:10px}.j-template-list button{text-align:left;font-size:.88rem}.j-empty{padding:25px;border:1px dashed #c4d6df;border-radius:14px;background:#f6f9fb;color:#536777;line-height:1.65}.j-grid .knowledge{font-size:.96rem;overflow-wrap:anywhere}.j-grid .actions{margin-top:15px;flex-wrap:wrap}.j-grid .panel p{overflow-wrap:anywhere}.j-existing-media{display:grid;gap:8px}.offline-shell{max-width:900px;margin:auto;padding:24px 18px}.offline-shell .brand{color:#16374a;margin:22px 0}.offline-shell h1{font-size:clamp(1.9rem,5vw,3rem)}.offline-shell textarea{min-height:150px}.offline-status{min-height:30px;color:#195b43;font-weight:600}.offline-shell .error{white-space:pre-line}.offline-actions{display:flex;gap:10px;flex-wrap:wrap}.offline-shell fieldset{margin:20px 0;padding:20px;border:1px solid #c8d8e2;border-radius:16px}.offline-shell label{display:block;margin:14px 0}.offline-shell button{margin:5px 5px 5px 0}.j-grid .panel .j-grid{grid-template-columns:1fr}@media(max-width:600px){.j-hero{padding:24px 20px}.j-grid{grid-template-columns:1fr}.j-template-list button{width:100%}.j-hero .j-flow{gap:6px}.j-flow span{padding:7px 10px}.j-attachments button{width:100%;text-align:left}}@media print{.j-feedback{border:1px solid #aaa;background:white}.j-hero,.j-template-list{display:none}.j-grid{display:block}}