/* AgriCM Business Control Centre — wp-admin cockpit styles */

.agricmcc-sub {
	color: #50575e;
	margin-top: -4px;
}
.agricmcc-version {
	display: inline-block;
	background: #f0f0f1;
	border: 1px solid #dcdcde;
	border-radius: 10px;
	font-size: 11px;
	padding: 1px 8px;
	margin-left: 6px;
	color: #787c82;
}

/* ------------------------------------------------------------- portal */
.agricmcc-portal {
	max-width: 1080px;
	margin: 24px auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.agricmcc-portal__banner {
	background: linear-gradient(135deg, #1a472a, #2d6a44);
	color: #fff;
	border-radius: 14px;
	padding: 26px 28px 20px;
	position: relative;
	margin-bottom: 18px;
}
.agricmcc-portal__banner h1 {
	color: #fff;
	border: none;
	font-size: 26px;
	margin: 0 0 4px;
}
.agricmcc-portal__banner p {
	color: #d9ead3;
	margin: 0;
}
.agricmcc-portal__logout {
	position: absolute;
	right: 20px;
	top: 22px;
	color: #fff;
	background: rgba(255, 255, 255, .16);
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 20px;
	padding: 5px 14px;
	font-size: 12px;
	text-decoration: none;
}
.agricmcc-portal__logout:hover {
	background: rgba(255, 255, 255, .3);
	color: #fff;
}
.agricmcc-portal__stafflink {
	display: inline-block;
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 9px;
	padding: 8px 14px;
	font-size: 13px;
	font-weight: 600;
	color: #135e96;
	text-decoration: none;
	margin-bottom: 18px;
}
.agricmcc-portal__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
	gap: 16px;
}
.agricmcc-portal__card {
	background: #fff;
	border: 1px solid #e2e4e7;
	border-radius: 14px;
	padding: 20px 22px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
}
.agricmcc-portal__card h2 {
	margin: 0 0 6px;
	font-size: 18px;
	color: #1a472a;
}
.agricmcc-portal__card p {
	color: #50575e;
	font-size: 13px;
	margin: 0 0 8px;
}
.agricmcc-portal__stat {
	display: inline-block;
	background: #f0f6ec;
	border: 1px solid #d3e2c9;
	border-radius: 12px;
	padding: 3px 10px;
	font-weight: 600;
	color: #1a472a !important;
	margin-bottom: 14px !important;
}
.agricmcc-portal .agricm-button,
.agricmcc-portal__card .agricm-button,
.agricmcc-portal__card a.agricm-button {
	display: inline-block;
	background: #1a472a;
	color: #fff;
	border-radius: 9px;
	padding: 9px 18px;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	border: none;
	cursor: pointer;
}
.agricmcc-portal__card a.agricm-button:hover,
.agricmcc-portal .agricm-button:hover {
	background: #2d6a44;
	color: #fff;
}
.agricmcc-portal .agricm-empty {
	background: #fff;
	border: 1px solid #e2e4e7;
	border-radius: 14px;
	padding: 26px;
	text-align: center;
	color: #50575e;
}
.agricmcc-portal .agricm-empty h3 {
	margin-top: 0;
	color: #1d2327;
}

/* First-use "set up my workspace" screen */
.agricmcc-portal__setup {
	background: #fff;
	border: 1px solid #e2e4e7;
	border-radius: 14px;
	padding: 24px 26px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
}
.agricmcc-portal__setup h2 {
	margin: 0 0 4px;
	color: #1a472a;
}
.agricmcc-portal__setup h3 {
	margin: 18px 0 8px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #787c82;
}
.agricmcc-portal__choices {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.agricmcc-portal__choice {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #f6f7f7;
	border: 2px solid #dcdcde;
	border-radius: 12px;
	padding: 10px 16px;
	cursor: pointer;
	font-size: 14px;
	transition: border-color .15s, background .15s;
}
.agricmcc-portal__choice:hover {
	border-color: #1a472a;
	background: #f0f6ec;
}

/* Department action bar and back link */
.agricmcc-portal__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 18px;
}
.agricmcc-portal__back {
	display: inline-block;
	margin: -6px 0 14px;
	color: #135e96;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
}
.agricm-button--light {
	background: #fff !important;
	color: #1a472a !important;
	border: 2px solid #1a472a !important;
}

/* Number cards and latest-entries list */
.agricmcc-portal__card--number strong {
	display: block;
	font-size: 30px;
	color: #1a472a;
	line-height: 1.1;
}
.agricmcc-portal__card--number span {
	font-size: 13px;
	color: #50575e;
}
.agricmcc-portal__recent {
	background: #fff;
	border: 1px solid #e2e4e7;
	border-radius: 14px;
	padding: 18px 22px;
	margin-top: 16px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
}
.agricmcc-portal__recent h2 {
	margin: 0 0 10px;
	font-size: 16px;
	color: #1a472a;
}
.agricmcc-portal__recent ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.agricmcc-portal__recent li {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 9px 0;
	border-bottom: 1px solid #f0f0f1;
	font-size: 14px;
	color: #2c3338;
}
.agricmcc-portal__recent li:last-child {
	border-bottom: none;
}
.agricmcc-portal__recent em {
	color: #787c82;
	font-style: normal;
	white-space: nowrap;
}

/* Department pills, notices, forms and decisions inside the portal */
.agricmcc-portal__pills {
	margin: 10px 0 0;
}
.agricmcc-portal__pills span {
	display: inline-block;
	background: rgba(255, 255, 255, .15);
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 14px;
	padding: 3px 12px;
	margin: 0 6px 6px 0;
	font-size: 12px;
	color: #fff;
}
.agricmcc-portal__notice {
	background: #edf7ef;
	border: 1px solid #46b450;
	border-radius: 9px;
	color: #1a472a;
	padding: 10px 16px;
	margin: 0 0 16px;
	font-size: 14px;
}
.agricmcc-portal__notice--error {
	background: #fdf0ef;
	border-color: #b32d2e;
	color: #8a2424;
}
.agricmcc-portal__formbox {
	background: #fff;
	border: 1px solid #e2e4e7;
	border-radius: 14px;
	padding: 18px 22px;
	margin: 0 0 18px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
}
.agricmcc-portal__formbox .agricmcc-form {
	background: #f6f7f7;
	border: 1px solid #e2e4e7;
	border-radius: 10px;
	padding: 14px 18px;
}
.agricmcc-portal__formbox .agricmcc-form h2 {
	margin: 0 0 4px;
	color: #1a472a;
}
.agricmcc-portal__formbox .agricmcc-frow label {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
	font-size: 13px;
	color: #1d2327;
}
.agricmcc-portal__formbox .agricmcc-frow input,
.agricmcc-portal__formbox .agricmcc-frow select,
.agricmcc-portal__formbox .agricmcc-frow textarea {
	width: 100%;
	border: 1px solid #c3c4c7;
	border-radius: 7px;
	padding: 8px 10px;
	font-size: 14px;
	margin-bottom: 10px;
}
.agricmcc-portal__formbox .agricmcc-faction button.button-primary {
	background: #1a472a;
	border: #1a472a;
	border-radius: 9px;
	padding: 4px 18px;
	height: auto;
	font-weight: 600;
}
.agricmcc-portal__title {
	font-weight: 600;
	color: #1d2327;
	flex: 1;
}
.agricmcc-portal__meta {
	font-size: 12px;
	color: #787c82;
}
.agricmcc-portal__decide {
	white-space: nowrap;
}
.agricm-button--ok,
.agricm-button--no,
.agricmcc-portal__decide .agricm-button {
	display: inline-block;
	border-radius: 8px;
	padding: 4px 12px;
	font-size: 12px !important;
	font-weight: 600;
	text-decoration: none;
	margin-left: 4px;
}
.agricm-button--ok {
	background: #46b450 !important;
	color: #fff !important;
}
.agricm-button--no {
	background: #fff !important;
	color: #b32d2e !important;
	border: 1px solid #b32d2e !important;
}

/* Dedicated portal shell (own template, independent of the theme) */
.agricmcc-portal-body {
	background: #eef2ed;
	margin: 0;
}
.agricmcc-portal__topbar {
	background: #12331e;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 24px;
}
.agricmcc-portal__brand {
	font-weight: 700;
	font-size: 16px;
	letter-spacing: .01em;
}
.agricmcc-portal__brand-badge {
	background: rgba(255, 255, 255, .15);
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 12px;
	font-size: 11px;
	padding: 3px 10px;
}
.agricmcc-portal__page {
	padding: 0 16px 40px;
}
.agricmcc-portal__footer {
	color: #8a9a90;
	font-size: 12px;
	padding: 24px 0 36px;
	text-align: center;
}
.agricmcc-portal-body .agricmcc-portal {
	margin-top: 24px;
}

/* Team access cards (Control Centre → Team access) */
.agricmcc-dep-strip {
	margin: 4px 0 10px;
	font-size: 13px;
}
.agricmcc-dep-strip--pills {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 18px;
}
.agricmcc-dep-pill {
	display: inline-block;
	background: #f0f6ec;
	border: 1px solid #d3e2c9;
	border-radius: 9px;
	padding: 7px 14px;
	font-size: 12px;
	font-weight: 700;
	color: #1a472a;
}
.agricmcc-dep-pill div {
	display: block;
	font-weight: 400;
	color: #50575e;
}
.agricmcc-teamcard {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	background: #fff;
	border: 1px solid #e2e4e7;
	border-left: 4px solid #1a472a;
	border-radius: 10px;
	padding: 12px 16px;
	margin: 10px 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
}
.agricmcc-teamcard__who {
	flex: 0 0 240px;
	line-height: 1.3;
}
.agricmcc-teamcard__who strong {
	display: block;
	font-size: 14px;
}
.agricmcc-teamcard__deps {
	flex: 1 1 320px;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 16px;
}
.agricmcc-teamcard__deps label {
	font-size: 13px;
	white-space: nowrap;
}
.agricmcc-teamcard__hint {
	flex-basis: 100%;
	font-size: 12px;
	color: #787c82;
}
.agricmcc-teamcard--add {
	border-left-color: #8a9a90;
}
.agricmcc-teamcard__save {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 10px;
}

/* ----------------------------------------------------------------------
   Stat cards
 ---------------------------------------------------------------------- */
.agricmcc-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
	margin: 16px 0;
}
.agricmcc-card {
	background: #fff;
	border: 1px solid #c3c4c7;
	border-left-width: 4px;
	border-radius: 4px;
	padding: 12px 16px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.agricmcc-card--good { border-left-color: #00a32a; }
.agricmcc-card--warn { border-left-color: #dba617; }
.agricmcc-card--bad  { border-left-color: #b32d2e; }
.agricmcc-card__label {
	margin: 0 0 4px;
	color: #50575e;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.agricmcc-card__value {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
}
.agricmcc-card__value a {
	text-decoration: none;
}
.agricmcc-card__note {
	margin: 4px 0 0;
	color: #787c82;
	font-size: 12px;
}

/* ----------------------------------------------------------------------
   Panels and record cards
 ---------------------------------------------------------------------- */
.agricmcc-panel {
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
	padding: 14px 18px 16px;
	margin: 18px 0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.agricmcc-panel h2 {
	margin: 0 0 4px;
	padding: 0;
	border-bottom: 1px solid #f0f0f1;
	padding-bottom: 8px;
}
.agricmcc-panel h3 {
	margin: 14px 0 6px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #50575e;
}
.agricmcc-panel__hint {
	margin: 0 0 12px;
	color: #787c82;
	font-size: 12px;
}
.agricmcc-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 10px;
}
.agricmcc-record {
	border: 1px solid #dcdcde;
	border-radius: 6px;
	padding: 10px 12px;
	background: #fff;
}
.agricmcc-record strong a {
	text-decoration: none;
}
.agricmcc-record__meta {
	color: #50575e;
	font-size: 12px;
	margin-top: 7px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
}

/* ----------------------------------------------------------------------
   Status pills and coloured date pills
 ---------------------------------------------------------------------- */
.agricmcc-pill {
	display: inline-block;
	background: #646970;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.5;
	padding: 2px 9px;
	border-radius: 10px;
	white-space: nowrap;
}

/* ----------------------------------------------------------------------
   People: avatar chips and roster
 ---------------------------------------------------------------------- */
.agricmcc-avatar {
	display: inline-flex;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #2271b1;
	color: #fff;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 13px;
	flex: 0 0 36px;
}
.agricmcc-person {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	border: 1px solid #dcdcde;
	border-radius: 6px;
	background: #fff;
}
.agricmcc-person__name {
	font-weight: 600;
}
.agricmcc-person__sub {
	color: #50575e;
	font-size: 12px;
}
.agricmcc-person__actions {
	margin-left: auto;
	display: flex;
	gap: 6px;
}
.agricmcc-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/* ----------------------------------------------------------------------
   Progress bars (finance categories, leave allowance, budget)
 ---------------------------------------------------------------------- */
.agricmcc-bar-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 7px 0;
}
.agricmcc-bar-row__label {
	flex: 0 0 210px;
	color: #50575e;
	font-size: 12px;
}
.agricmcc-bar-row__value {
	flex: 0 0 110px;
	text-align: right;
	font-variant-numeric: tabular-nums;
}
.agricmcc-bar {
	flex: 1;
	height: 15px;
	background: #f0f0f1;
	border-radius: 3px;
	overflow: hidden;
}
.agricmcc-bar > span {
	display: block;
	height: 100%;
	background: #2271b1;
}
.agricmcc-bar--thin > span {
	background: #dba617;
}

/* ----------------------------------------------------------------------
   Task board (projects)
 ---------------------------------------------------------------------- */
.agricmcc-board {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 12px;
	align-items: start;
}
.agricmcc-board__col {
	background: #f6f7f7;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.agricmcc-board__col h3 {
	margin: 0 0 2px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #50575e;
}
.agricmcc-board__empty {
	color: #a7aaad;
	font-size: 12px;
	padding: 6px 0;
}

/* ----------------------------------------------------------------------
   Needs attention list (dashboard)
 ---------------------------------------------------------------------- */
.agricmcc-attention {
	margin: 0 0 4px;
	padding: 0;
	list-style: none;
}
.agricmcc-attention li {
	padding: 7px 0;
	border-bottom: 1px solid #f0f0f1;
	font-size: 13px;
}
.agricmcc-attention li:last-child {
	border-bottom: 0;
}

/* ----------------------------------------------------------------------
   Meta box field grid (record editors)
 ---------------------------------------------------------------------- */
.agricmcc-fields {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 12px 20px;
}
.agricmcc-field label {
	display: block;
	margin-bottom: 3px;
	font-weight: 600;
}

/* Buttons row in panels */
.agricmcc-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.agricmcc-actions .button {
	margin: 0 !important;
}
.agricmcc-empty {
	color: #50575e;
	padding: 4px 0;
}

/* ----------------------------------------------------------------------
   Point-and-click action bar and inline forms
 ---------------------------------------------------------------------- */
.agricmcc-actionbar {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 14px 0 6px;
}
.agricmcc-actionbar .button {
	margin: 0 !important;
}
.agricmcc-form {
	background: #fff;
	border: 1px solid #2271b1;
	border-left-width: 4px;
	border-radius: 4px;
	padding: 16px 18px;
	margin: 10px 0 18px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.agricmcc-form h2 {
	margin: 0;
	padding: 0;
	border: 0;
}
.agricmcc-frow {
	margin: 14px 0;
}
.agricmcc-frow label {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
}
.agricmcc-frow input[type="text"],
.agricmcc-frow input[type="date"],
.agricmcc-frow input[type="email"],
.agricmcc-frow input[type="number"],
.agricmcc-frow select {
	min-width: 280px;
	max-width: 340px;
}
.agricmcc-frow textarea {
	min-width: 280px;
	max-width: 640px;
}
.agricmcc-frow .description {
	display: block;
	margin-top: 4px;
	color: #787c82;
}
.agricmcc-faction {
	display: flex;
	gap: 10px;
	margin-top: 16px;
}
.agricmcc-faction .button {
	margin: 0 !important;
}
.agricmcc-req {
	color: #b32d2e;
}
.agricmcc-opt {
	color: #787c82;
	font-weight: 400;
}