/* Workbook portal layout and reusable module controls. */
.portal-layout{min-height:100vh;background:#f6f8f2}
.portal-sidebar{display:flex;flex-direction:column;gap:24px;min-height:100vh;overflow-y:auto}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sidebar-panel{display:flex;flex-direction:column;flex:1;min-height:0}
.module-nav{display:flex;flex-direction:column;gap:22px;flex:1}
.nav-group{display:flex;flex-direction:column;gap:5px}
.nav-group .sidebar-label{margin:0 0 4px}
.module-nav a{display:flex;align-items:center;gap:10px;min-height:37px;padding:9px 11px;border-radius:7px;color:#71806a;text-decoration:none;font-size:12px;line-height:1.2}
.module-nav a:hover,.module-nav a.selected{background:#edf3e6;color:#315a3f}
.module-nav a.selected{font-weight:600;box-shadow:inset 3px 0 #6b9452}
.nav-symbol{width:18px;text-align:center;font-size:16px;color:#799269;line-height:1}
.nav-count{margin-left:auto;border-radius:10px;background:#e1ecd3;color:#5b7548;padding:3px 7px;font-size:9px}
.sidebar-footer{margin-top:auto}
.sidebar-footer .sidebar-profile{margin-top:18px}
.mobile-nav-toggle{display:none;border:1px solid #dbe4d3;background:#fff;color:#3f6244;border-radius:6px;padding:8px 10px;font-size:11px}
.portal-main{min-width:0}
.portal-card{margin-bottom:25px}
.portal-card .card-heading{gap:22px}
.portal-card .card-heading h2{font-size:19px}
.portal-card .card-heading p{max-width:620px}
.heading-action{width:auto;min-width:150px;white-space:nowrap;text-decoration:none;margin:0}
.heading-action span{font-size:18px}
.record-filters{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-left:auto}
.record-filters input{width:220px;height:40px;font-size:12px}
.record-filters button,.record-filters .export-link{height:40px;padding:0 13px;font-size:11px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.export-link{color:#587541}
.count-badge{display:inline-block;margin-left:5px;padding:3px 7px;border-radius:5px;background:#eff4e8;color:#6d8459;font:500 11px Segoe UI,Arial,sans-serif;vertical-align:middle}
.data-table{min-width:760px}
.data-table th,.data-table td{white-space:nowrap}
.data-table td.number-cell{text-align:right;font-variant-numeric:tabular-nums}
.portal-form{padding:0 25px 25px}
.portal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px}
.portal-field{min-width:0}
.portal-field.full-width{grid-column:1/-1}
.portal-field label{margin-bottom:8px}
.portal-field input,.portal-field select,.portal-field textarea{width:100%;height:44px;border:1px solid #d7ded4;border-radius:7px;background:#fff;padding:0 12px;color:var(--ink);font:inherit;font-size:12px;outline:none}
.portal-field textarea{height:100px;resize:vertical;padding-top:11px;line-height:1.5}
.portal-field input:focus,.portal-field select:focus,.portal-field textarea:focus{border-color:#608e51;box-shadow:0 0 0 3px #73945520}
.portal-field .required{color:#ad654d}
.portal-field small{font-size:10px}
.field-error{color:#9d462c!important}
.portal-form .form-actions{border-top:1px solid #edf0e8;padding-top:20px}
.option-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 25px 25px}
.option-card{border:1px solid #e2e9da;background:#fbfcf8;border-radius:9px;padding:18px}
.option-card h3{font-size:14px;margin:0 0 12px}
.option-card dl{display:grid;grid-template-columns:1fr auto;gap:7px 14px;margin:0;font-size:11px}
.option-card dt{color:#7d8977}.option-card dd{margin:0;color:#315a3f;font-weight:600;text-align:right}
.instruction-list{display:flex;flex-direction:column}
.instruction-row{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:21px 25px;border-top:1px solid #edf0e8}
.instruction-row:first-child{border-top:0}
.instruction-number{width:30px;height:30px;border:1px solid #d9e3cf;border-radius:50%;display:grid;place-items:center;color:#698253;font-size:11px}
.instruction-row h3{font-size:14px;margin:1px 0 6px}.instruction-row p{font-size:12px;color:#738074;line-height:1.65;margin:0}.instruction-row .small-note{margin-top:7px;font-size:11px;color:#92725d}
.report-table{min-width:900px}
.report-table td{font-variant-numeric:tabular-nums}
@media(max-width:1100px){.portal-sidebar{width:220px}.record-filters{width:100%;justify-content:flex-start;margin-left:0}.portal-card .card-heading{align-items:flex-start}}
@media(max-width:760px){.portal-sidebar{display:block;min-height:0;width:100%;padding:18px 20px}.sidebar-head{min-height:35px}.mobile-nav-toggle{display:block}.sidebar-panel{display:none}.sidebar-panel.is-open{display:flex;margin-top:16px}.module-nav{gap:15px}.nav-group{gap:3px}.module-nav a{min-height:34px}.sidebar-footer{margin-top:18px}.portal-main{padding:0 18px}.admin-heading{gap:18px}.heading-action{width:100%;justify-content:space-between}.portal-form{padding:0 18px 20px}.portal-form-grid,.option-card-grid{grid-template-columns:1fr}.option-card-grid{padding:0 18px 20px}.instruction-row{padding:18px}.portal-card .card-heading{padding:18px}.record-filters input{width:100%}.record-filters button,.record-filters .export-link{flex:1}.data-table{min-width:680px}}
@media(prefers-reduced-motion:reduce){.portal-sidebar,.sidebar-panel{scroll-behavior:auto}}
.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:25px}
.dashboard-stats article{min-height:130px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:25px}
.dashboard-card,.balance-card{margin-bottom:25px}
.month-chart{height:205px;display:flex;align-items:flex-end;justify-content:space-around;gap:10px;padding:20px 25px 0;border-top:1px solid #edf0e8}
.month-column{height:100%;width:14%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}
.month-column strong{font-size:10px;color:#819079;font-weight:500}
.bar-stack{height:160px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}
.bar{display:block;width:21%;min-height:2px;border-radius:4px 4px 0 0}
.milk-bar{background:#8daf70}.sales-bar{background:#4e8061}.expense-bar{background:#d4a478}
.chart-legend{display:flex;gap:18px;padding:13px 25px 20px;font-size:10px;color:#7d8977;border-top:1px solid #edf0e8}
.chart-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.milk-dot{background:#8daf70}.sales-dot{background:#4e8061}.expense-dot{background:#d4a478}
.dashboard-list{margin:0;padding:0 25px 20px}.dashboard-list div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid #edf0e8}.dashboard-list div:last-child{border-bottom:0}.dashboard-list dt{font-size:12px;color:#778273}.dashboard-list dd{font-size:13px;font-weight:600;color:#315a3f;margin:0;font-variant-numeric:tabular-nums}
.quick-links{margin-bottom:25px}.quick-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:0 25px 25px}.quick-link-grid a{display:flex;align-items:center;gap:10px;border:1px solid #e4eadf;border-radius:8px;padding:13px;text-decoration:none;background:#fbfcf9}.quick-link-grid a:hover{border-color:#b7cea5;background:#f5f8ef}.quick-link-grid .nav-symbol{flex:0 0 20px}.quick-link-grid strong{display:block;font-size:12px;font-weight:600}.quick-link-grid small{font-size:10px;margin-top:4px;line-height:1.4}.quick-link-grid b{margin-left:auto;color:#789265;font-weight:400}
.instruction-row>span{width:30px;height:30px;border:1px solid #d9e3cf;border-radius:50%;display:grid;place-items:center;color:#698253;font-size:11px}.instruction-row>strong{font-size:13px;align-self:center}.instruction-row>em{grid-column:2;color:#7b8878;font-size:11px;font-style:normal;margin-top:-8px}
@media(max-width:1000px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.quick-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-stats article{min-height:110px;padding:15px 12px}.dashboard-stats strong{font-size:22px}.quick-link-grid{grid-template-columns:1fr;padding:0 18px 20px}.month-chart{padding-left:14px;padding-right:14px}.chart-legend{padding-left:18px;padding-right:18px;gap:10px}}