/* v1.14 — Self-contained Tailwind-inspired agriculture UI (no runtime CDN) */
:root{--tw-green-50:#f0fdf4;--tw-green-100:#dcfce7;--tw-green-500:#22c55e;--tw-green-600:#16a34a;--tw-green-700:#15803d;--tw-emerald-600:#059669;--tw-lime-100:#ecfccb;--tw-amber-100:#fef3c7;--tw-sky-100:#e0f2fe;--tw-rose-100:#ffe4e6;--tw-slate-50:#f8fafc;--tw-slate-100:#f1f5f9;--tw-slate-200:#e2e8f0;--tw-slate-600:#475569;--tw-slate-800:#1e293b}
body{background:linear-gradient(135deg,#f0fdf4 0%,#f8fafc 42%,#ecfdf5 100%)}
.sidebar{background:linear-gradient(180deg,#ffffff,#f0fdf4);border-right-color:#d8eadf}.topbar{background:rgba(255,255,255,.92);border-bottom-color:#dce9e0}.card{border-color:#dbe8df;box-shadow:0 10px 28px rgba(15,82,52,.07)}
.sidebar nav button.active{background:linear-gradient(90deg,#dcfce7,#ecfdf5);color:#166534}.sidebar nav button.active:before{background:#22c55e}.nav-label{color:#648173}
.primary{background:linear-gradient(135deg,#16a34a,#059669);box-shadow:0 8px 20px rgba(22,163,74,.18)}.primary:hover{background:linear-gradient(135deg,#15803d,#047857)}
.kpi-grid article:nth-child(4n+1){border-top:4px solid #22c55e}.kpi-grid article:nth-child(4n+2){border-top:4px solid #0ea5e9}.kpi-grid article:nth-child(4n+3){border-top:4px solid #f59e0b}.kpi-grid article:nth-child(4n+4){border-top:4px solid #8b5cf6}
.op-old-form-hidden{display:none!important}.finance-summary-only{grid-template-columns:minmax(0,520px)!important}.finance-summary-only>form{display:none!important}
.op-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:22px 24px;border:1px solid #d7eadf;border-radius:22px;box-shadow:0 14px 34px rgba(18,99,62,.09);background:linear-gradient(135deg,#ecfdf5,#f0fdf4 52%,#dcfce7)}
.op-hero:after{content:"";position:absolute;right:-55px;top:-70px;width:180px;height:180px;border-radius:50%;background:rgba(34,197,94,.09)}.op-alsintan{background:linear-gradient(135deg,#eff6ff,#ecfdf5 55%,#dcfce7)}.op-finance{background:linear-gradient(135deg,#fffbeb,#f0fdf4 55%,#dcfce7)}
.op-hero-copy{position:relative;z-index:1}.op-kicker{display:block;color:#15803d;font-size:10px;font-weight:900;letter-spacing:.14em}.op-hero h2{margin:3px 0 5px;font-size:25px;color:#163a2a}.op-hero p{margin:0;color:#64756d;font-size:13px}.op-stat{display:flex;align-items:baseline;gap:7px;margin-top:12px}.op-stat span{font-size:22px;font-weight:900;color:#15803d}.op-stat small{color:#73837b}
.op-hero-actions{position:relative;z-index:1;display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.op-btn{min-height:43px;padding:10px 14px;border-radius:12px;border:1px solid transparent;font-weight:850;font-size:12px;transition:.16s}.op-btn:hover{transform:translateY(-1px)}.op-btn.primary{color:#fff;background:linear-gradient(135deg,#16a34a,#059669)}.op-btn.excel{background:#dcfce7;color:#166534;border-color:#bbf7d0}.op-btn.pdf{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.op-actions{display:flex;gap:5px;flex-wrap:wrap}.op-action{min-height:32px;padding:6px 9px;border-radius:8px;font-size:10px;font-weight:850;border:1px solid}.op-action.detail{background:#e0f2fe;color:#075985;border-color:#bae6fd}.op-action.edit{background:#fef3c7;color:#92400e;border-color:#fde68a}.op-action.delete{background:#ffe4e6;color:#9f1239;border-color:#fecdd3}.op-action:hover{filter:brightness(.98);transform:translateY(-1px)}
.op-form-modal{width:min(980px,calc(100vw - 28px));max-height:min(92vh,980px);overflow:auto;padding:0;background:#f8fafc}.op-modal-head{position:sticky;top:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;background:rgba(255,255,255,.96);border-bottom:1px solid #e2e8f0;backdrop-filter:blur(12px)}.op-modal-head h3{margin:0;font-size:20px}.op-modal-head small{display:block;margin-top:3px;color:#64748b}.op-form-body{padding:18px}.op-form-panel{display:grid;gap:14px}.op-form-panel>.card,.op-form-panel>form.card{margin:0;border-radius:18px}.op-form-panel .sticky-card{position:static}.op-form-panel .split{grid-template-columns:1fr}
.operational-detail-modal{width:min(840px,calc(100vw - 28px));max-height:88vh;overflow:auto;padding:0}.op-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px}.op-detail-item{padding:12px 13px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.op-detail-item.wide{grid-column:1/-1}.op-detail-item small{display:block;margin-bottom:5px;color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.op-detail-item b{display:block;color:#1e293b;font-size:13px;font-weight:750;word-break:break-word}.op-detail-item .money-in{color:#15803d}.op-detail-item .money-out{color:#dc2626}.op-photo-link{color:#0369a1;text-decoration:underline;font-weight:800}
.table-wrap{border:1px solid #e2e8f0;border-radius:14px;overflow:auto;background:#fff}.data-table thead th{background:#f0fdf4;color:#166534;border-bottom:1px solid #d7eadf;font-size:11px;font-weight:900}.data-table tbody tr:hover{background:#f8fafc}.table-tools{border:1px solid #e2e8f0;border-radius:14px;padding:10px;background:#f8fafc}
.finance-tabs{padding:5px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;width:max-content;max-width:100%}.finance-tabs button{border-radius:10px;font-weight:850}.finance-tabs button.active{background:#dcfce7;color:#166534;box-shadow:0 2px 8px rgba(22,101,52,.08)}
@media(max-width:760px){.op-hero{align-items:flex-start;flex-direction:column;padding:17px;border-radius:18px}.op-hero h2{font-size:21px}.op-hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.op-hero-actions .primary{grid-column:1/-1}.op-btn{width:100%;min-height:46px}.op-form-modal{position:absolute;inset:10px 8px auto;max-height:calc(100vh - 20px);width:auto;border-radius:22px}.op-modal-head{padding:15px}.op-form-body{padding:12px}.op-detail-grid{grid-template-columns:1fr;padding:12px}.op-detail-item.wide{grid-column:auto}.op-actions{justify-content:flex-end}.op-action{min-height:36px;padding:7px 10px}.table-tools{background:#fff}.finance-summary-only{grid-template-columns:1fr!important}}
html[data-theme="dark"] body{background:linear-gradient(135deg,#0f1d16,#13251b 48%,#102019)}html[data-theme="dark"] .op-hero{background:linear-gradient(135deg,#193528,#173024,#1a432f);border-color:#2d5b43}html[data-theme="dark"] .op-alsintan{background:linear-gradient(135deg,#172d36,#173024,#193c2c)}html[data-theme="dark"] .op-finance{background:linear-gradient(135deg,#30291b,#193025,#173426)}html[data-theme="dark"] .op-hero h2{color:#e7f6ed}html[data-theme="dark"] .op-hero p,html[data-theme="dark"] .op-stat small{color:#a9baaf}html[data-theme="dark"] .op-kicker,html[data-theme="dark"] .op-stat span{color:#65d89a}html[data-theme="dark"] .op-form-modal,html[data-theme="dark"] .operational-detail-modal{background:#111c16}html[data-theme="dark"] .op-modal-head{background:rgba(23,35,29,.96);border-color:#2c4437}html[data-theme="dark"] .op-detail-item{background:#18261f;border-color:#2c4437}html[data-theme="dark"] .op-detail-item b{color:#e9f4ed}html[data-theme="dark"] .op-detail-item small{color:#9fb2a6}html[data-theme="dark"] .table-wrap{background:#17231d;border-color:#2c4437}html[data-theme="dark"] .data-table thead th{background:#183426;color:#9fe2ba;border-color:#2c4437}html[data-theme="dark"] .table-tools{background:#18261f;border-color:#2c4437}html[data-theme="dark"] .finance-tabs{background:#111c16;border-color:#2c4437}html[data-theme="dark"] .finance-tabs button.active{background:#193d2d;color:#a6e9c4}

/* v1.15 — Calendar popup + online/offline sync */
.network-status{position:fixed;right:116px;top:16px;z-index:83;min-height:40px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #d7e5dc;border-radius:999px;background:rgba(255,255,255,.94);color:#315647;box-shadow:0 6px 18px rgba(15,82,52,.08);backdrop-filter:blur(12px);font-size:11px;font-weight:850;transition:.18s}.network-status:hover{transform:translateY(-1px)}.network-status .net-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}.network-status small{font-size:9px;font-weight:800;color:#64748b}.network-status.offline{color:#991b1b;background:#fff1f2;border-color:#fecdd3}.network-status.offline .net-dot{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.12)}.network-status.poor{color:#92400e;background:#fffbeb;border-color:#fde68a}.network-status.poor .net-dot{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.14)}.network-status.queued:after{content:"";position:absolute;right:-2px;top:-2px;width:9px;height:9px;border-radius:50%;background:#f59e0b;border:2px solid #fff}.network-status.syncing .net-dot{background:#0ea5e9;animation:netPulse .9s ease-in-out infinite alternate}@keyframes netPulse{to{opacity:.35;transform:scale(.75)}}
.calendar-choice-grid{grid-template-columns:1fr 1fr}.calendar-choice{position:relative;min-height:110px}.quick-logo{width:56px!important;height:56px!important;border-radius:18px!important;display:grid!important;place-items:center!important;flex:0 0 56px!important}.quick-logo svg{width:34px;height:34px}.ltt-choice .quick-logo{color:#15803d;background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important}.als-choice .quick-logo{color:#0369a1;background:linear-gradient(135deg,#e0f2fe,#bae6fd)!important}.calendar-choice mark{display:inline-flex;margin-top:7px;padding:4px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:9px;font-weight:850}.calendar-choice mark:has(+*){text-decoration:none}.calendar-choice b{font-size:14px!important}.calendar-choice small{font-size:10px!important}.calendar-choice em{font-size:11px!important}.quick-report-sheet #quickReportDateText b{color:#166534;font-weight:900}
html[data-theme="dark"] .network-status{background:rgba(24,37,30,.95);border-color:#2c4437;color:#dff3e7}html[data-theme="dark"] .network-status small{color:#9fb2a6}html[data-theme="dark"] .network-status.offline{background:#3b2222;border-color:#6a3939;color:#ffc9c9}html[data-theme="dark"] .network-status.poor{background:#3a2d1d;border-color:#6b522c;color:#f6d59f}html[data-theme="dark"] .network-status.queued:after{border-color:#17231d}html[data-theme="dark"] .calendar-choice mark{background:#223128;color:#abc0b4}html[data-theme="dark"] .ltt-choice .quick-logo{background:linear-gradient(135deg,#173d2d,#1b5139)!important;color:#9ce6bd}html[data-theme="dark"] .als-choice .quick-logo{background:linear-gradient(135deg,#183448,#1b4054)!important;color:#9ed4f5}
@media(max-width:760px){.network-status{right:108px;top:13px;min-width:40px;min-height:40px;padding:0 9px}.network-status b{display:none}.network-status small{position:absolute;right:-2px;bottom:-8px;padding:1px 4px;border-radius:999px;background:#fff;color:#92400e;font-size:7px;white-space:nowrap}.calendar-choice-grid{grid-template-columns:1fr}.calendar-choice{min-height:88px}.quick-logo{width:50px!important;height:50px!important;flex-basis:50px!important}.quick-logo svg{width:30px;height:30px}}
@media(max-width:760px){.topbar{padding-right:158px!important}}
@media(max-width:420px){.network-status{right:106px}.topbar{padding-right:154px!important}.topbar .eyebrow{display:none}.topbar h2{max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}