.onat-wrap{--orange:#ff6a00;--soft:#fff7ef;--line:#eadfd4;--text:#252525;--muted:#706b66;max-width:1200px}.onat-wrap h1,.onat-wrap h2,.onat-wrap h3{color:var(--text)}.onat-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin:16px 0;box-shadow:0 8px 24px rgba(0,0,0,.045)}.onat-grid{display:grid;gap:16px}.onat-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.onat-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.onat-form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.onat-form-grid label,.onat-log-form label{display:flex;flex-direction:column;gap:6px;font-weight:600}.onat-form-grid input,.onat-form-grid select,.onat-form-grid textarea,.onat-log-form textarea,.onat-section-head input{border:1px solid var(--line);border-radius:12px;padding:9px 11px;max-width:100%;width:100%}.onat-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.onat-check input{width:auto}.onat-full{grid-column:1/-1}.onat-inline-form{margin:12px 0}.onat-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.onat-section-head input{max-width:360px}.onat-problem-buttons{display:flex;flex-wrap:wrap;gap:9px}.onat-problem-buttons button{border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:9px 13px;cursor:pointer}.onat-problem-buttons button.active,.onat-problem-buttons button:hover{background:var(--orange);border-color:var(--orange);color:#fff}.onat-muted{color:var(--muted)}.onat-suggestion,.onat-chemical-card{display:grid;grid-template-columns:1fr auto;gap:12px;border:1px solid var(--line);border-radius:16px;padding:14px;margin:10px 0;background:#fff}.onat-suggestion-actions{text-align:right;min-width:140px}.onat-score{color:var(--muted);font-size:12px}.onat-badge{display:inline-block;border-radius:999px;padding:2px 8px;font-size:12px;margin-left:4px}.onat-badge.green{background:#e9f8ee;color:#15642b}.onat-badge.yellow{background:#fff3cd;color:#785d00}.onat-badge.red{background:#fde8e8;color:#8a1f1f}.onat-ticket{background:#fffaf5;border:1px dashed var(--orange);border-radius:16px;padding:16px}.onat-ticket table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.onat-ticket th,.onat-ticket td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.onat-warning{border-left:4px solid #d97706;background:#fff7e6;padding:10px 12px;margin:8px 0;border-radius:10px}.onat-ok{border-left:4px solid #1f9d55;background:#e9f8ee;padding:10px 12px;margin:8px 0;border-radius:10px}.onat-danger{color:#b91c1c;font-weight:700}.onat-table-wrap{overflow:auto}.onat-log-form{margin-top:16px;display:grid;gap:10px}.button.button-primary,.onat-wrap .button-primary{background:var(--orange)!important;border-color:var(--orange)!important}.onat-frontend{padding:12px}@media(max-width:800px){.onat-grid-2,.onat-form-grid,.onat-form-grid.compact{grid-template-columns:1fr}.onat-section-head{align-items:stretch;flex-direction:column}.onat-suggestion,.onat-chemical-card{grid-template-columns:1fr}.onat-suggestion-actions{text-align:left}.onat-card{border-radius:14px;padding:14px}.onat-ticket{overflow:auto}}


/* v0.6: phiếu pha dễ xem hơn */
.onat-sticky-summary{position:sticky;top:32px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--orange);border-radius:16px;padding:10px 12px;margin:12px 0;box-shadow:0 8px 22px rgba(0,0,0,.08)}
.onat-formula-card{position:relative}.onat-legend{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.onat-chip{display:inline-block;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;border:1px solid transparent}.onat-cat-fungicide{--cat:#e8f1ff;--cat-line:#2f6fdb;--cat-text:#123f7a}.onat-cat-insecticide{--cat:#fff0e6;--cat-line:#e86d1f;--cat-text:#7a330d}.onat-cat-miticide{--cat:#f3e8ff;--cat-line:#8b5cf6;--cat-text:#4c1d95}.onat-cat-foliar{--cat:#e8f8ed;--cat-line:#1f9d55;--cat-text:#14532d}.onat-cat-bio{--cat:#ecfeff;--cat-line:#0891b2;--cat-text:#164e63}.onat-cat-other{--cat:#f3f4f6;--cat-line:#6b7280;--cat-text:#374151}.onat-suggestion,.onat-chemical-card{border-left:6px solid var(--cat-line,#ddd);background:linear-gradient(90deg,var(--cat,#fff) 0,#fff 28%)}.onat-chip,.onat-row{background:var(--cat,#fff);color:var(--cat-text,#252525)}.onat-ticket table .onat-row td{border-bottom:1px solid rgba(0,0,0,.07)}.onat-row-danger td{box-shadow:inset 4px 0 0 #dc2626}.onat-risk{display:inline-block;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.onat-risk.red{background:#fee2e2;color:#991b1b}.onat-risk.yellow{background:#fef3c7;color:#854d0e}.onat-risk.green{background:#dcfce7;color:#166534}.onat-warning.info{border-left-color:#0284c7;background:#e0f2fe}.onat-warning.warning{border-left-color:#d97706;background:#fff7e6}.onat-warning.danger{border-left-color:#dc2626;background:#fee2e2;color:#7f1d1d;font-weight:600}.onat-order-line{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;line-height:1.6}.onat-ticket h3{margin-top:0}.onat-ticket th:first-child,.onat-ticket td:first-child{width:110px;text-align:center}
@media(max-width:800px){.onat-sticky-summary{position:fixed;left:10px;right:10px;bottom:10px;top:auto;z-index:9999;margin:0}.onat-wrap{padding-bottom:82px}.onat-ticket table{min-width:760px}.onat-ticket{overflow:auto}.onat-ticket th:first-child,.onat-ticket td:first-child{width:auto}}

/* v0.6.1: PC/web sync */
.onat-sync-action{margin-top:14px}.onat-sync-notes{margin-left:18px;line-height:1.7}.onat-wrap .notice{margin:14px 0}