:root{--onr-task-gold:#bd8b3d;--onr-task-gold-soft:#f5ead5;--onr-task-ink:#29282a;--onr-task-line:#e4ded4;--onr-task-paper:#f8f6f1;--onr-task-muted:#7a756e;--onr-task-green:#2f7c5c;--onr-task-red:#a5443b}
.onr-direct-task-card>aside button:first-child{background:var(--onr-task-gold)!important;border-color:var(--onr-task-gold)!important;color:#fff!important;font-size:0!important}
.onr-direct-task-card>aside button:first-child:after{color:#fff!important}
.onr-task-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:16px;border:1px solid #efc9c5;border-radius:14px;background:#fff8f7}.onr-task-danger-zone strong{font-size:13px;color:#76332d}.onr-task-danger-zone p{margin:4px 0 0;color:#8b625e;font-size:11px}.onr-task-danger-zone button{min-height:42px;padding:0 14px;border:1px solid var(--onr-task-red);border-radius:10px;background:#fff;color:var(--onr-task-red);font-size:11px;font-weight:800;white-space:nowrap}
.onr-task-delete-warning{padding:15px;border:1px solid #efc9c5;border-radius:12px;background:#fff8f7}.onr-task-delete-warning strong{display:block;color:#76332d;font-size:16px}.onr-task-delete-warning p{margin:8px 0 0;color:#79534f;font-size:12px;line-height:1.5}.onr-task-content-form footer button.danger{border-color:var(--onr-task-red);background:var(--onr-task-red);color:#fff}.onr-task-content-form footer button.danger:disabled{border-color:#d8d1c7;background:#ddd8d3;color:#8b8580;cursor:not-allowed}
@media(max-width:720px){.onr-task-danger-zone{display:grid}.onr-task-danger-zone button{width:100%}}
.onr-task-legacy-hidden{display:none!important}
.my-task-list article.onr-direct-task-card{grid-template-columns:minmax(0,1fr) minmax(360px,auto) 54px!important;align-items:center!important;gap:20px!important;padding:20px!important;border:1px solid var(--onr-task-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}
.my-task-list article.onr-direct-task-card.has-cover{grid-template-columns:112px minmax(0,1fr) minmax(360px,auto) 54px!important}
.onr-direct-task-card>.my-task-source{display:none!important}
.onr-task-card-cover{width:112px;height:112px;overflow:hidden;border-radius:14px;background:#f0ece6;display:grid;place-items:center;color:var(--onr-task-ink);font:800 26px/1 Manrope,Arial,sans-serif}
.onr-task-card-cover img{width:100%;height:100%;object-fit:cover}
.onr-direct-task-card>.my-task-content{min-width:0}.onr-direct-task-card>.my-task-content>header{align-items:flex-start!important}.onr-direct-task-card>.my-task-content>header>div>span{display:none!important}.onr-direct-task-card>.my-task-content h3{margin:8px 0 4px!important;font:700 20px/1.25 Manrope,Arial,sans-serif!important}.onr-direct-task-card>.my-task-content>p{margin:0!important;color:var(--onr-task-muted)!important}.onr-direct-task-card .my-task-meta{display:none!important}.onr-task-status{display:inline-flex;padding:5px 9px;border-radius:99px;background:#eeeae4;color:#5c5650;font-style:normal;font-size:10px;font-weight:800}.onr-task-status.completed{background:#e4f1e9;color:var(--onr-task-green)}.onr-task-status.cancellation_requested,.onr-task-status.blocked{background:#fff0d6;color:#9a6417}.onr-task-status.cancelled{background:#f9e3e1;color:var(--onr-task-red)}
.onr-task-card-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.onr-task-card-badges span,.onr-task-content-badges span{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid #e6dccb;border-radius:999px;background:#fffaf1;color:#625749;font-size:12px;font-weight:700}
.onr-task-card-badges i,.onr-task-content-badges i{color:var(--onr-task-gold);font-style:normal}.onr-task-card-badges b{color:var(--onr-task-ink)}
.onr-task-operation-facts{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:14px 18px}.onr-task-operation-facts span{display:grid;gap:2px;color:#625d56;font-size:13px}.onr-task-operation-facts small{display:block;color:#9a948c;font-size:10px}.onr-task-operation-facts b{font-weight:600}.onr-direct-task-card>aside{display:grid!important;gap:7px!important}.onr-direct-task-card>aside button{width:46px!important;min-width:46px!important;height:42px!important;overflow:hidden;padding:0!important;color:transparent!important;white-space:nowrap!important}.onr-direct-task-card>aside button:first-child:after{content:'›';display:grid;place-items:center;height:100%;color:#746d64;font-size:26px}.onr-direct-task-card>aside button:not(:first-child){display:none!important}
.onr-task-content-system{position:relative;margin-top:20px;padding:20px;border:1px solid var(--onr-task-line);border-radius:20px;background:var(--onr-task-paper);color:var(--onr-task-ink)}
.onr-task-content-system.error{color:var(--onr-task-red)}
.onr-task-content-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.onr-task-content-head span{color:var(--onr-task-gold);font-size:10px;font-weight:800;letter-spacing:.14em}.onr-task-content-head h4{margin:4px 0 3px;font:700 21px/1.2 Manrope,Arial,sans-serif}.onr-task-content-head p{margin:0;color:var(--onr-task-muted);font-size:13px}
.onr-task-add-content{min-height:46px;padding:0 18px;border:0;border-radius:12px;background:var(--onr-task-gold)!important;color:#fff!important;font-weight:800;white-space:nowrap}
.onr-task-content-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}
.onr-task-add-menu{position:absolute;z-index:50;right:20px;top:78px;width:min(340px,calc(100% - 40px));padding:10px;border:1px solid var(--onr-task-line);border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(35,31,27,.2)}
.onr-task-add-menu[hidden]{display:none}.onr-task-add-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:0;border-radius:11px;background:#fff;text-align:left;color:var(--onr-task-ink)}.onr-task-add-menu button:hover{background:#faf4e8}.onr-task-add-menu i{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:10px;background:var(--onr-task-gold-soft);color:#81550f;font:800 11px/1 Manrope,Arial,sans-serif}.onr-task-add-menu span,.onr-task-add-menu b,.onr-task-add-menu small{display:block}.onr-task-add-menu b{font-size:13px}.onr-task-add-menu small{margin-top:2px;color:var(--onr-task-muted);font-size:11px}
.onr-task-block{margin-top:14px;padding:16px;border:1px solid var(--onr-task-line);border-radius:16px;background:#fff}.onr-task-block>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.onr-task-block>header h5{margin:0;font-size:15px}.onr-task-block>header>b{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--onr-task-gold-soft);color:#80560f;font-size:12px}
.onr-task-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.onr-task-gallery button{overflow:hidden;padding:0;border:0;border-radius:12px;background:#eee;text-align:left}.onr-task-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.onr-task-gallery span{display:block;padding:8px 9px;overflow:hidden;color:#4a4742;font-size:11px;text-overflow:ellipsis;white-space:nowrap;background:#f8f6f1}
.onr-task-documents{display:grid;gap:8px}.onr-task-documents article{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #eee8de;border-radius:12px}.onr-task-documents article>i{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#f5ead5;color:#825912;font-style:normal;font-size:9px;font-weight:800}.onr-task-documents article>span{min-width:0;flex:1}.onr-task-documents strong,.onr-task-documents small{display:block}.onr-task-documents strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.onr-task-documents small{margin-top:3px;color:var(--onr-task-muted);font-size:10px}.onr-task-documents button{min-height:36px;padding:0 10px;border:1px solid var(--onr-task-line);border-radius:9px;background:#fff;font-size:11px;font-weight:700}.onr-task-documents button.danger{color:var(--onr-task-red)}
.onr-task-checklist{display:grid;gap:8px;padding:12px;border-radius:12px;background:#faf8f4}.onr-task-checklist+article{margin-top:10px}.onr-task-checklist>strong{margin-bottom:3px;font-size:13px}.onr-task-checklist label{display:flex;align-items:flex-start;gap:9px;font-size:13px}.onr-task-checklist input{width:18px;height:18px;accent-color:var(--onr-task-gold)}.onr-task-checklist input:checked+span{text-decoration:line-through;color:#8a857e}
.onr-task-approval-list,.onr-task-revisions,.onr-task-comments{display:grid;gap:9px}.onr-task-approval-list article{display:flex;justify-content:space-between;gap:16px;padding:13px;border:1px solid #eee8de;border-radius:12px}.onr-task-approval-list strong,.onr-task-approval-list small{display:block}.onr-task-approval-list strong{margin:7px 0 4px;font-size:13px}.onr-task-approval-list p{margin:0;color:#5f5b55;font-size:12px}.onr-task-approval-list small{margin-top:7px;color:var(--onr-task-muted);font-size:10px}.onr-task-approval-list em{display:inline-block;padding:4px 7px;border-radius:999px;background:#fff3db;color:#8d5b11;font-style:normal;font-size:9px;font-weight:800;text-transform:uppercase}.onr-task-approval-list em.approved{background:#eaf6ee;color:#286748}.onr-task-approval-list em.returned{background:#fff0ef;color:#953c34}.onr-task-approval-list .decision{margin-top:7px;padding:7px;background:#f8f6f1}.onr-task-approval-list footer{display:flex;gap:7px;align-items:flex-start}.onr-task-approval-list footer button{min-height:38px;padding:0 10px;border:0;border-radius:9px;background:var(--onr-task-gold);color:#fff;font-size:11px;font-weight:800}.onr-task-approval-list footer button.secondary{border:1px solid var(--onr-task-line);background:#fff;color:#5a5550}
.onr-task-revisions article{display:flex;gap:11px;padding:12px;border-radius:12px;background:#faf8f4}.onr-task-revisions i{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#3d3b3c;color:#fff;font-style:normal;font-weight:800}.onr-task-revisions strong,.onr-task-revisions small{display:block}.onr-task-revisions p{margin:3px 0;color:#5f5b55;font-size:12px}.onr-task-revisions small{color:var(--onr-task-muted);font-size:10px}
.onr-task-comments article{padding:12px;border-radius:12px;background:#faf8f4}.onr-task-comments header{display:flex;justify-content:space-between;gap:10px}.onr-task-comments strong{font-size:12px}.onr-task-comments time{color:var(--onr-task-muted);font-size:10px}.onr-task-comments p{margin:7px 0 0;white-space:pre-wrap;font-size:13px;line-height:1.5}
.onr-task-activity{margin-top:14px;padding:13px 15px;border:1px solid var(--onr-task-line);border-radius:14px;background:#fff}.onr-task-activity summary{cursor:pointer;font-size:13px;font-weight:800}.onr-task-activity summary b{color:var(--onr-task-gold)}.onr-task-activity>div{display:grid;gap:9px;margin-top:12px}.onr-task-activity p{display:flex;gap:9px;margin:0}.onr-task-activity p>i{width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--onr-task-gold)}.onr-task-activity span,.onr-task-activity strong,.onr-task-activity small{display:block}.onr-task-activity strong{font-size:11px}.onr-task-activity small{color:var(--onr-task-muted);font-size:9px}
.onr-task-content-modal{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(26,25,26,.68);backdrop-filter:blur(4px)}.onr-task-content-modal>section{width:min(680px,100%);max-height:min(86vh,820px);overflow:auto;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.3)}.onr-task-content-modal>section>header{position:sticky;z-index:3;top:0;display:flex;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid var(--onr-task-line);background:#fff}.onr-task-content-modal>section>header span{color:var(--onr-task-gold);font-size:9px;font-weight:800;letter-spacing:.14em}.onr-task-content-modal>section>header h3{margin:4px 0 0;font-size:20px}.onr-task-content-modal>section>header>button{width:38px;height:38px;border:1px solid var(--onr-task-line);border-radius:10px;background:#fff;font-size:24px}
.onr-task-content-form{display:grid;gap:14px;padding:20px}.onr-task-content-form label{display:grid;gap:7px}.onr-task-content-form label>span{font-size:12px;font-weight:800}.onr-task-content-form input,.onr-task-content-form textarea{width:100%;padding:12px;border:1px solid #d8d1c7;border-radius:10px;background:#fff;font:inherit;box-sizing:border-box}.onr-task-content-form textarea{resize:vertical}.onr-task-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.onr-task-upload-field{padding:14px;border:1px dashed #cba96f;border-radius:12px;background:#fffaf0}.onr-task-content-form small{color:var(--onr-task-muted);font-size:11px}.onr-task-form-note{padding:10px;border-radius:10px;background:#f8f6f1}.onr-task-content-form footer{display:flex;justify-content:flex-end;gap:9px;padding-top:5px}.onr-task-content-form footer button{min-height:44px;padding:0 16px;border:1px solid var(--onr-task-line);border-radius:10px;background:#fff;font-weight:800}.onr-task-content-form footer button.primary{border-color:var(--onr-task-gold);background:var(--onr-task-gold);color:#fff}.onr-task-content-form footer button:disabled{opacity:.6}.onr-task-form-message{margin:0;padding:10px;border-radius:10px}.onr-task-form-message.error{background:#fff0ef;color:var(--onr-task-red)}.onr-task-form-message.success{background:#edf8f0;color:var(--onr-task-green)}
.onr-task-image-viewer{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:10px;padding:18px}.onr-task-image-viewer>button{height:54px;border:0;border-radius:14px;background:#343436;color:#fff;font-size:34px}.onr-task-image-viewer figure{margin:0;text-align:center}.onr-task-image-viewer img{display:block;width:100%;max-height:68vh;object-fit:contain;background:#efede8;touch-action:pinch-zoom}.onr-task-image-viewer figcaption{padding:10px;color:#5f5b55;font-size:12px}.onr-task-pdf-viewer{display:block;width:100%;height:70vh;border:0;background:#efede8}.onr-task-viewer-footer{padding:12px 18px;text-align:right}.onr-task-viewer-footer a{color:#795013;font-size:12px;font-weight:800}
@media(max-width:720px){.my-task-list article.onr-direct-task-card{grid-template-columns:minmax(0,1fr) 34px!important;align-items:start!important;gap:12px!important;padding:16px!important}.my-task-list article.onr-direct-task-card.has-cover{grid-template-columns:88px minmax(0,1fr) 34px!important}.onr-task-card-cover{width:88px;height:88px;border-radius:12px}.onr-direct-task-card>aside{grid-column:2!important;grid-row:1!important;display:block!important}.onr-direct-task-card.has-cover>aside{grid-column:3!important}.onr-direct-task-card>aside button{width:34px!important;min-width:34px!important;height:38px!important;border:0!important;background:transparent!important}.onr-task-operation-facts{grid-column:1/3;grid-template-columns:1fr 1fr;padding-top:10px;border-top:1px solid var(--onr-task-line)}.onr-direct-task-card.has-cover>.onr-task-operation-facts{grid-column:1/4}.onr-task-card-badges{grid-column:1/-1}.onr-task-content-system{margin:14px -2px 0;padding:14px;border-radius:15px}.onr-task-content-head{display:grid}.onr-task-add-content{width:100%}.onr-task-add-menu{position:fixed;z-index:100001;left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:70vh;overflow:auto}.onr-task-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.onr-task-documents article{flex-wrap:wrap}.onr-task-documents article>span{flex-basis:calc(100% - 54px)}.onr-task-approval-list article{display:grid}.onr-task-approval-list footer{display:grid;grid-template-columns:1fr 1fr}.onr-task-approval-list footer button{min-height:44px}.onr-task-content-modal{padding:0;align-items:end}.onr-task-content-modal>section{width:100%;max-height:92vh;border-radius:22px 22px 0 0}.onr-task-content-form{padding:16px}.onr-task-form-grid{grid-template-columns:1fr}.onr-task-content-form footer{display:grid;grid-template-columns:1fr 1fr}.onr-task-image-viewer{grid-template-columns:38px minmax(0,1fr) 38px;padding:10px}.onr-task-image-viewer>button{height:48px}.onr-task-pdf-viewer{height:72vh}}

/* ONR mobile action safety v1 */
@media(max-width:680px){
.onr-task-content-modal{box-sizing:border-box;overflow:hidden}
.onr-task-content-modal>section{box-sizing:border-box;max-height:100vh;max-height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-bottom:calc(104px + env(safe-area-inset-bottom))}
.onr-task-content-form footer,.onr-task-viewer-footer{position:sticky;z-index:25;bottom:0;display:flex;flex-wrap:wrap;gap:10px;margin:20px -20px -20px;padding:12px 20px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--onr-task-line);background:rgba(255,255,255,.98);box-shadow:0 -10px 24px rgba(39,37,33,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.onr-task-content-form footer>button{flex:1 1 140px;min-height:50px}
}
@media(max-width:420px){.onr-task-content-form footer>button{flex-basis:100%;width:100%}}