.op-screen{padding:28px;max-width:1550px;margin:auto}.op-heading{background:linear-gradient(115deg,#35281c,#6b4c24);color:#fff8e8;padding:28px;border-radius:18px;margin-bottom:20px}.op-heading h1{font-family:Georgia,serif;font-size:32px;margin:10px 0}.op-heading p{color:#f3dfb9}.op-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.op-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #d9c9ad}.op-tabs .op-selected{background:#64481f;color:white}.op-tools{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.op-tools input[type=search]{flex:1;min-width:230px}.op-tools input,.op-tools select,.op-content select{padding:10px;border:1px solid #d9c9ad;border-radius:8px;background:white}.op-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0}.op-section-title h2{margin:0}.op-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:16px}.op-card,.op-file{background:white;border:1px solid #e0d6c4;border-radius:14px;padding:20px;box-shadow:0 3px 12px #30200d06}.op-card h3,.op-file h3{margin-top:0;font-size:19px}.op-card .op-actions{margin-top:18px}.op-badge{display:inline-block;background:#f5eddb;color:#694a1b;border-radius:16px;font-size:12px;padding:5px 10px}.op-inactive{opacity:.7;background:#f4f2ed}.op-preview{white-space:pre-wrap;max-height:100px;overflow:auto;color:#5a5349}.op-meta,.op-note{color:#716655;font-size:13px;line-height:1.6}.op-roster{padding:16px;background:#f4efdf;border-radius:12px;margin:15px 0}.op-user-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;max-height:190px;overflow:auto}.op-user-tags span{background:white;border-radius:6px;padding:6px 9px;font-size:12px}.op-table-wrap{overflow:auto;background:white;border-radius:12px}.op-table-wrap table{border-collapse:collapse;width:100%;min-width:850px}.op-table-wrap th,.op-table-wrap td{padding:12px;border-bottom:1px solid #eee4d5;text-align:left;font-size:13px}.op-table-wrap button{margin:3px}.op-empty{padding:30px;background:#f7f3e9;border-radius:12px;color:#746957}.op-dialog{width:min(800px,94vw);max-height:90vh;overflow:auto;padding:26px}.op-dialog label{display:grid;gap:6px;margin:14px 0}.op-dialog input,.op-dialog textarea,.op-dialog select{width:100%;box-sizing:border-box;padding:10px;border:1px solid #cdbd9f;border-radius:7px;font:inherit;background:white}.op-dialog .op-choices{max-height:280px;overflow:auto;border:1px solid #d9c9ad;border-radius:10px}.op-dialog .op-choices label{display:flex;align-items:center;gap:9px;padding:5px;margin:4px}.op-choices input{width:19px;height:19px}.op-event{margin:10px 0;background:#f7f3e9;border-radius:8px;padding:12px}.op-text{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 'Segoe UI',sans-serif;max-height:350px;overflow:auto}.op-file{margin:14px 0}.op-version{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:8px 0;font-size:13px}.op-agenda{max-height:360px;overflow:auto}.op-screen button:focus-visible,.op-dialog button:focus-visible{outline:3px solid #a97f3d;outline-offset:3px}@media(max-width:700px){.op-screen{padding:12px}.op-heading{padding:20px}.op-heading h1{font-size:25px}.op-grid{grid-template-columns:1fr}.op-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:12px}.op-tabs button{white-space:nowrap}.op-tools{gap:7px}.op-dialog{padding:16px}.op-section-title h2{font-size:21px}}@media print{.op-tabs,.op-tools,.op-actions{display:none}.op-card{break-inside:avoid}}

.op-preview-image{display:block;max-width:100%;max-height:65vh;margin:20px auto;object-fit:contain}.op-preview-frame{width:100%;height:65vh;border:0;margin-top:18px}.op-viewer a{text-decoration:none;display:inline-block}