/* Royal Agrovet: logo green, leaf green and purple tagline. Screen styles only. */
@media screen and (max-width:760px) {
  :root {--royal-green:#098c4b;--royal-leaf:#78c923;--royal-purple:#921b9b}
  html body.workspace-page,html body.auth-page {
    background:radial-gradient(ellipse at 100% 0%,#e0f4cb 0%,transparent 48%),linear-gradient(155deg,#f0f9ed 0%,#f8fcf7 55%,#f4edf6 100%)!important;
    background-attachment:fixed!important;
  }
  html.area-dashboard-only body.workspace-page .shell {background:transparent!important}
  #managerAppBar {background:#098c4b!important;border-bottom:3px solid #78c923;box-shadow:0 3px 12px #075c4b14}
  #managerAppHome h2 {color:#08723e!important}
  #managerAppHome p {color:#4d6656!important}
  .royal-mobile-brand {display:block;width:100%;max-width:330px;height:auto;margin:4px auto 20px;object-fit:contain;border-radius:14px}
  html .manager-app-service {background:#ffffffed!important;color:#145332!important;border:1px solid #d6eacb;box-shadow:0 4px 14px #22652f0a!important}
  html .manager-app-service span:first-child {background:linear-gradient(145deg,#e2f4ce,#eef9e9)!important;color:#098c4b!important;box-shadow:inset 0 -3px 0 #78c92333}
  html .manager-app-service:active {background:#e8f5da!important}
  html .area-dashboard-tile > summary {background:linear-gradient(110deg,#e5f5da,#f1f8ed)!important;color:#08723e!important}
  html .area-tile-icon {background:#098c4b!important;color:#fff!important}
  html .workspace-page button.primary,html .auth-page button.primary {background:#098c4b!important;color:#fff!important;border-color:#098c4b!important}
  html .workspace-page input:focus,html .workspace-page select:focus,html .auth-page input:focus {outline-color:#098c4b!important;border-color:#098c4b!important}
  html .workspace-page .stats>div {background:#f3faed!important;border-color:#d7ebcd!important}
  html .workspace-page .stats strong {color:#08723e!important}
  html .manager-phone-list tbody tr {border-color:#d7ebcd!important;box-shadow:0 2px 10px #22652f08}
  html .manager-phone-list tbody td::before {color:#526c59!important}
  html .manager-phone-list tfoot {background:#e5f5da!important}
  html .global-fiscal-year-bar {background:#f5fbed!important;border-color:#d5e8c8!important}
  html .auth-card {border-color:#d7ebcd!important;box-shadow:0 12px 36px #19682b12!important}
  html .auth-page a.forgot-link {color:#921b9b!important}
}

@media screen and (max-width:760px) {
  #managerAppHome .manager-app-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  html #managerAppHome .manager-app-service {position:relative;overflow:hidden;align-items:flex-start;text-align:left;gap:12px;padding:18px 16px;min-height:172px;border:1px solid #d9eacb;border-radius:22px;background:linear-gradient(145deg,#ffffff,#eef8e7)!important;box-shadow:0 7px 20px #21582d10!important;transition:transform .15s,box-shadow .15s}
  html #managerAppHome .manager-app-service>span:first-child {width:56px;height:56px;border-radius:18px;background:linear-gradient(140deg,#0d9c52,#08703f)!important;color:#fff!important;box-shadow:0 5px 12px #0b8d4b24!important}
  html #managerAppHome .manager-app-service>span:nth-child(2) {font-size:15px;line-height:1.4;font-weight:700;position:relative;z-index:1}
  html #managerAppHome .manager-app-service small {font-size:12px;line-height:1.4;color:#536b5b;font-weight:400}
  html #managerAppHome .manager-app-service::after {content:'';position:absolute;width:96px;height:96px;border-radius:50%;right:-37px;top:-35px;background:#78c92318;pointer-events:none}
  html #managerAppHome .manager-app-service:nth-child(3) {background:linear-gradient(145deg,#fff,#f7eff9)!important;border-color:#e9dbed}
  html #managerAppHome .manager-app-service:nth-child(3)>span:first-child {background:linear-gradient(140deg,#a43eac,#782280)!important;box-shadow:0 5px 12px #921b9b20!important}
  html #managerAppHome .manager-app-service:first-child {grid-column:1/-1;display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 16px;min-height:112px;background:linear-gradient(115deg,#08703f,#0b9952)!important;border-color:#08703f;color:#fff!important;box-shadow:0 8px 22px #08703f26!important}
  html #managerAppHome .manager-app-service:first-child>span:first-child {grid-row:1/span 2;width:60px;height:60px;align-self:center;background:#ffffff24!important;color:#fff!important;box-shadow:none!important}
  html #managerAppHome .manager-app-service:first-child>span:nth-child(2) {align-self:end;font-size:18px}
  html #managerAppHome .manager-app-service:first-child small {color:#efffe7;align-self:start}
  html #managerAppHome .manager-app-service:first-child::after {width:135px;height:135px;background:#b2ee6b20;right:-26px;top:-45px}
  html #managerAppHome .manager-app-service:active {transform:scale(.975);box-shadow:0 2px 8px #21582d10!important}
  html #managerAppHome .manager-app-service:focus-visible {outline:3px solid #921b9b;outline-offset:3px}
}
@media(prefers-reduced-motion:reduce) {html #managerAppHome .manager-app-service {transition:none}}

/* Mobile reports: shared screen-only presentation; original report data and exports retained. */
@media screen and (max-width:760px) {
  .workspace-page .view,.workspace-page .card,.area-dashboard-tile {min-width:0;max-width:100%;box-sizing:border-box}
  html .workspace-page .report-filter {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:16px!important;background:#fff!important;border:1px solid #dce9df;border-radius:18px!important;align-items:end!important}
  html .report-filter>div:first-child {grid-column:1/-1}
  html .report-filter h2 {margin:0 0 6px;font-size:20px!important;line-height:1.35;color:#075d38}
  html .report-filter p {font-size:12px!important;line-height:1.6;color:#5b7065}
  html .report-filter label {min-width:0!important;width:auto!important;max-width:100%;font-size:12px!important;font-weight:650;display:flex;flex-direction:column;gap:7px}
  html .report-filter :is(input,select) {width:100%!important;min-width:0!important;min-height:48px!important;padding:10px 12px!important;border:1px solid #cbded2!important;border-radius:12px!important;background:#f7faf8!important;font-size:16px!important;box-sizing:border-box}
  html .report-filter>button.primary {grid-column:1/-1;min-height:48px!important;border-radius:12px!important;font-size:15px!important;box-shadow:0 4px 12px #098c4b20}
  html .workspace-page .stats {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:16px 0!important}
  html .workspace-page .stats>div {min-width:0;min-height:86px;padding:14px!important;border:1px solid #dce9df!important;border-radius:16px!important;background:linear-gradient(135deg,#fff,#f0f8ed)!important;box-shadow:0 3px 10px #17552e06;box-sizing:border-box}
  html .workspace-page .stats span {display:block;font-size:11px!important;line-height:1.5;color:#557060;letter-spacing:.02em}
  html .workspace-page .stats strong {display:block;margin-top:8px;font-size:21px!important;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
  html .workspace-page .table-wrap:not(:has(>table.manager-phone-list)) {max-width:100%!important;overflow-x:auto!important;border:1px solid #dce9df;border-radius:14px;background:#fff;-webkit-overflow-scrolling:touch}
  html .workspace-page .table-wrap table:not(.manager-phone-list) {font-size:13px;line-height:1.5}
  html .workspace-page .table-wrap table:not(.manager-phone-list) th {padding:12px!important;background:#eaf5ee!important;color:#195a3b;font-size:11px;white-space:nowrap}
  html .workspace-page .table-wrap table:not(.manager-phone-list) td {padding:12px!important;font-variant-numeric:tabular-nums}
  html .workspace-page .table-wrap table:not(.manager-phone-list) tbody tr:nth-child(even) {background:#f6faf7}
  html .manager-phone-list tbody tr {border-radius:18px!important;padding:12px 16px!important;border:1px solid #dae8df!important;box-shadow:0 4px 14px #17552e08!important;border-left:3px solid #098c4b!important}
  html .manager-phone-list tbody td {font-size:14px!important;line-height:1.55!important;font-variant-numeric:tabular-nums}
  html .manager-phone-list tbody td:first-child {font-weight:750;color:#075d38;border-bottom:1px solid #e7efe9!important;padding-bottom:12px!important;margin-bottom:4px}
  html .manager-phone-list tbody td::before {font-weight:500!important;font-size:12px!important}
  html .manager-phone-list tfoot {border-radius:14px!important;margin-top:12px;font-weight:700;color:#075d38}
  html .workspace-page :is(input,select,button,a):focus-visible {outline:3px solid #78c923!important;outline-offset:2px}
}
@media screen and (max-width:360px) {html .workspace-page .report-filter {grid-template-columns:minmax(0,1fr)!important}}

/* Compact mobile reporting period, visible only while working in a report. */
@media screen and (max-width:760px) {
  html .workspace-page .global-fiscal-year-bar {padding:12px!important;margin:0 0 12px!important;border-radius:14px!important;min-height:0!important}
  html .global-fiscal-year-bar>div:first-child {display:none!important}
  html .global-fiscal-year-controls {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
  html .global-fiscal-year-controls label {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;min-width:0!important;margin:0!important;font-size:11px!important;text-align:left!important}
  html .global-fiscal-year-controls label:nth-child(2) {grid-column:1/-1;grid-row:2}
  html .global-fiscal-year-controls :is(input,select) {width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:9px!important;font-size:14px!important;border-radius:10px!important;box-sizing:border-box}
  html.area-dashboard-only:not(.manager-app-report) .global-fiscal-year-bar,
  html.ra-account-home-open .global-fiscal-year-bar,
  html:has(#workspaceHomeView.active) .global-fiscal-year-bar {display:none!important}
  html.manager-app-report body.workspace-page .global-fiscal-year-bar {display:flex!important}
}