/* Metro Farm control centre. Scoped chrome preserves existing form and table behaviour. */
:root{--mf-forest:#173f35;--mf-leaf:#237454;--mf-ink:#203b35;--mf-muted:#647872;--mf-border:#dce6e1;--mf-page:#f4f7f4;--mf-blue:#264d64}
body.mf-app{background:var(--mf-page);color:var(--mf-ink);font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif}
.mf-app a:focus-visible,.mf-app button:focus-visible,.mf-app summary:focus-visible,.mf-app input:focus-visible{outline:3px solid #cc9144;outline-offset:4px}
.mf-icon{width:22px;height:22px;flex:0 0 22px;vertical-align:middle}
.mf-skip{position:absolute;left:18px;top:-100px;background:white;padding:12px 20px;z-index:20}.mf-skip:focus{top:12px}
header.mf-header{padding:0;background:#fff;color:var(--mf-ink);border-bottom:1px solid var(--mf-border)}
.mf-topbar{max-width:1320px;margin:auto;padding:19px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.mf-header a{color:var(--mf-ink);text-decoration:none}.mf-brand{display:flex;align-items:center;gap:14px;min-width:0}.mf-brand strong{display:block;font-size:19px;letter-spacing:2.3px;font-weight:800;line-height:1.25}.mf-brand-subtitle{display:block;font-size:12px;color:var(--mf-muted);margin-top:5px;line-height:1.4}.mf-logo-frame{width:56px;height:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:center;background:white}.mf-logo-frame img{display:block;width:100%;height:100%;object-fit:contain}
.mf-account{display:flex;align-items:center;gap:20px}.mf-account-label{max-width:240px;overflow-wrap:anywhere;text-align:right;font-size:12px;color:var(--mf-muted)}.mf-account-label small{display:block;color:var(--mf-muted);font-size:11px;margin-top:3px}.mf-account form{margin:0}.mf-header .mf-signout{background:#f5f7f5;border:1px solid var(--mf-border);color:var(--mf-ink);padding:8px 14px;font:600 12px/1.5 inherit;white-space:nowrap;border-radius:7px}
nav.mf-primary-nav{max-width:1320px;padding:0 36px;margin:0 auto;display:flex;gap:28px;align-items:stretch;flex-wrap:nowrap}.mf-primary-nav a{display:flex;align-items:center;gap:8px;padding:13px 1px;font-size:13px;font-weight:650;border-bottom:3px solid transparent;white-space:nowrap}.mf-primary-nav a .mf-icon{width:17px;height:17px;flex-basis:17px}.mf-primary-nav a:hover{color:var(--mf-leaf);text-decoration:none}.mf-primary-nav a[aria-current=page]{color:var(--mf-leaf);border-bottom-color:var(--mf-leaf)}.mf-primary-nav .mf-branding-link{margin-left:auto;font-size:12px;color:var(--mf-muted)}
nav.mf-section-nav{max-width:1320px;margin:0 auto;padding:12px 36px;display:flex;flex-wrap:wrap;gap:8px 18px;line-height:1.5;border-bottom:1px solid var(--mf-border)}.mf-section-nav a{font-size:12px;color:#355e4a;text-decoration:none;padding:3px 0}.mf-section-nav a:hover{text-decoration:underline}.mf-section-nav form{margin:0}
.mf-app>main{max-width:1320px;margin:32px auto;padding:0 36px;min-width:0}.mf-app .card{border-color:var(--mf-border);box-shadow:0 2px 8px #163f2c04}.mf-app .card h2{color:var(--mf-ink)}
.mf-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:42px 0 37px}.mf-eyebrow{font-size:11px;font-weight:750;letter-spacing:2.1px;color:var(--mf-leaf);margin:0 0 12px;line-height:1.5}.mf-welcome h1{font-size:clamp(30px,3.15vw,43px);font-weight:650;line-height:1.17;letter-spacing:-1.3px;margin:0 0 15px;color:var(--mf-forest)}.mf-welcome h1 span{color:#476b5b}.mf-intro{color:var(--mf-muted);font-size:15px;margin:0}.mf-date{display:flex;align-items:center;gap:10px;color:#526c62;font-size:12px;line-height:1.5;flex-shrink:0;margin-bottom:5px}.mf-date .mf-icon{width:18px;height:18px}.mf-date small{display:block;font-size:11px;color:var(--mf-muted);margin-top:2px}
.mf-section-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:0 0 16px}.mf-section-heading h2{font-size:16px;font-weight:650;margin:0;color:var(--mf-ink)}.mf-section-heading>span{font-size:12px;color:var(--mf-muted)}
.mf-workspaces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mf-workspace{display:flex;flex-direction:column;position:relative;border-radius:17px;overflow:hidden;padding:27px 30px 0;min-height:352px;text-decoration:none!important;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease}.mf-workspace:hover{transform:translateY(-3px);box-shadow:0 12px 25px #153b2714}.mf-farm{background:linear-gradient(125deg,#173f35 0%,#245a44 100%);color:#fff}.mf-invoice{background:#fff;color:var(--mf-ink);border-color:#d7e2dd}.mf-workspace-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.mf-workspace-number{font-size:10px;font-weight:700;letter-spacing:1.8px}.mf-farm .mf-workspace-number{color:#c1dcca}.mf-invoice .mf-workspace-number{color:#6e8278}.mf-workspace-icon{width:44px;height:44px;border:1px solid #ffffff32;border-radius:11px;display:flex;align-items:center;justify-content:center}.mf-workspace-icon .mf-icon{width:26px;height:26px;flex-basis:26px}.mf-invoice .mf-workspace-icon{color:var(--mf-blue);background:#edf3f5;border-color:#e2eaee}.mf-workspace h2{font-size:27px;line-height:1.2;font-weight:650;letter-spacing:-.5px;margin:0 0 7px;color:inherit}.mf-workspace .mf-cn{font-size:13px;letter-spacing:1px;margin:0 0 15px;color:#c6dfcf}.mf-invoice .mf-cn{color:#56716b}.mf-workspace-description{font-size:14px;line-height:1.65;margin:0 0 20px;color:#dfebe2}.mf-invoice .mf-workspace-description{color:var(--mf-muted)}.mf-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:25px}.mf-tags span{font-size:10px;padding:4px 8px;border:1px solid #ffffff2e;border-radius:5px;line-height:1.4;color:#d9e8de}.mf-invoice .mf-tags span{color:#48655d;background:#f6f8f6;border-color:#e2e9e4}.mf-workspace-enter{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #ffffff26;padding:17px 0;margin-top:auto;font-size:13px;font-weight:700}.mf-workspace-enter small{margin-left:9px;font-size:11px;font-weight:400;color:#c1dcca}.mf-invoice .mf-workspace-enter{color:var(--mf-blue);border-color:#e4ebe7}.mf-invoice .mf-workspace-enter small{color:#627c78}.mf-workspace-enter .mf-icon{width:19px;height:19px;flex-basis:19px}
.mf-quick-section{margin:30px 0 36px}.mf-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mf-shortcut{display:flex;align-items:center;gap:11px;padding:15px 16px;border:1px solid var(--mf-border);border-radius:10px;background:white;text-decoration:none!important;color:#294e40;min-width:0}.mf-shortcut>span{font-weight:650;font-size:12px;line-height:1.5;flex:1;min-width:0}.mf-shortcut small{display:block;font-size:10px;font-weight:400;color:var(--mf-muted);margin-top:1px}.mf-shortcut>.mf-icon:last-child{width:16px;height:16px;flex-basis:16px;color:#91a79b}.mf-shortcut:hover,.mf-function:hover{border-color:#75a18a;background:#fcfefc}
.mf-breadcrumb{display:flex;gap:10px;font-size:12px;color:var(--mf-muted);margin:8px 0 27px}.mf-breadcrumb a{color:var(--mf-leaf)}.mf-workspace-heading{display:flex;align-items:center;gap:19px;margin-bottom:37px}.mf-workspace-heading h1{font-size:30px;line-height:1.2;letter-spacing:-.7px;margin:0 0 9px}.mf-workspace-heading .mf-eyebrow{margin-bottom:7px}.mf-workspace-heading p:last-child{margin:0;color:var(--mf-muted);font-size:13px}.mf-heading-icon{display:flex;align-items:center;justify-content:center;width:65px;height:65px;flex:0 0 65px;border-radius:16px}.mf-heading-icon .mf-icon{width:32px;height:32px;flex-basis:32px}.mf-green{color:var(--mf-leaf);background:#e5efe6}.mf-blue{color:var(--mf-blue);background:#e6eef2}
.mf-function-group{margin:0 0 30px}.mf-function-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mf-function{display:flex;align-items:flex-start;gap:13px;background:white;border:1px solid var(--mf-border);border-radius:11px;padding:20px 18px;text-decoration:none!important;color:var(--mf-ink);min-width:0}.mf-function-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f0f5f0;color:var(--mf-leaf);border-radius:8px}.mf-function-icon .mf-icon{width:19px;height:19px;flex-basis:19px}.mf-function-copy{flex:1;min-width:0}.mf-function-copy strong{font-size:13px;font-weight:650;display:block;line-height:1.45}.mf-function-copy small{font-size:11px;color:#5b7c6a;display:block;margin-top:3px}.mf-function-copy>span{display:block;font-size:12px;line-height:1.55;color:var(--mf-muted);margin-top:9px}.mf-function>.mf-icon{width:15px;height:15px;flex-basis:15px;color:#8ca297;margin-top:4px}
.mf-footer{max-width:1248px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--mf-border);margin:35px auto 0;padding:18px 0 24px;font-size:11px;color:var(--mf-muted)}.mf-footer-version{white-space:nowrap}
.mf-branding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.mf-logo-card{padding:25px}.mf-logo-preview{height:185px;border:1px solid #e5eae6;background:repeating-conic-gradient(#f7f9f7 0% 25%,white 0% 50%) 50% /20px 20px;border-radius:10px;margin:20px 0;display:flex;align-items:center;justify-content:center;padding:16px}.mf-logo-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain}.mf-logo-card p{font-size:13px}.mf-static-label{font-size:11px;color:var(--mf-muted);background:#f0f5f0;border-radius:5px;padding:6px 9px}.mf-reset-logo{margin-top:24px;font-size:13px}.mf-reset-logo form{padding-top:14px}.mf-reset-logo label{font-weight:400}
/* Main sign-in retains the exact original artwork and the existing authentication. */
.login-shell.mf-login{background:#f4f7f4}.mf-login header{box-shadow:none;background:white;border-bottom:1px solid var(--mf-border)}.mf-login header nav{max-width:1320px;padding:20px 36px;gap:15px;color:var(--mf-ink)}.mf-login .login-header-logo{box-shadow:none;width:45px;height:56px;border-radius:0;padding:0}.mf-login .login-header-title{font-size:18px;color:var(--mf-forest);line-height:1.4}.mf-login .login-header-subtitle{color:var(--mf-muted);font-size:12px}.mf-login main{max-width:1100px;margin:52px auto;padding:0 24px}.mf-login-grid{display:grid;grid-template-columns:1fr 1fr;border-radius:17px;overflow:hidden;background:white;border:1px solid var(--mf-border);box-shadow:0 12px 45px #1c3d2910}.mf-login-intro{padding:40px 36px;color:white;background:linear-gradient(145deg,#173f35,#285c44);display:flex;flex-direction:column;min-width:0}.mf-login-intro>.mf-eyebrow{color:#bfd9c9}.mf-login-intro h2{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.6px;margin:15px 0 18px}.mf-login-intro p{font-size:14px;line-height:1.7;color:#d4e6d9}.mf-login-lines{border-top:1px solid #ffffff29;margin-top:30px;padding-top:20px}.mf-login-lines div{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:13px}.mf-login-intro>small{color:#bed8c8;font-size:11px;margin-top:auto;padding-top:30px}.mf-login .login-card{box-shadow:none;border:none;border-radius:0;margin:0;padding:34px 32px;width:100%;max-width:none}.mf-login .login-card-logo{height:92px;width:80px;margin:0 auto 16px}.mf-login .login-card h1{font-size:25px;line-height:1.25;margin-bottom:9px}.mf-login .login-intro{font-size:13px;line-height:1.6;margin-bottom:23px}.mf-login .login-help{font-size:12px;background:#f2f7f2;border-color:#dce8dd;color:#3c5e48;padding:12px;margin:0 0 22px}.mf-login .login-card label{font-size:13px}.mf-login .login-card button{width:100%;padding:12px}.mf-login .login-footer{font-size:10px;line-height:1.6}.mf-login details.mf-login-legal{margin-top:22px;border-top:1px solid var(--mf-border);padding-top:14px;font-size:11px}.mf-login-legal>summary{cursor:pointer;color:var(--mf-muted)}.mf-login-legal .legal-notice{margin-top:12px;font-size:10px;background:#faf6f4;color:#795c4b;border-color:#e7d8d0}
@media(min-width:1600px){.mf-welcome{margin-top:55px}.mf-workspace{min-height:380px}}
@media(max-width:1050px){.mf-topbar{padding:17px 24px}.mf-brand-subtitle{max-width:340px}.mf-account-label{display:none}nav.mf-primary-nav,nav.mf-section-nav{padding-left:24px;padding-right:24px}.mf-app>main{padding:0 24px}.mf-welcome{align-items:flex-start}.mf-date{max-width:180px;flex-shrink:1}.mf-function-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-workspace{padding:24px 23px 0}.mf-workspace h2{font-size:25px}}
@media(max-width:700px){.mf-topbar{padding:14px 16px;gap:10px}.mf-brand{gap:9px}.mf-logo-frame{width:42px;height:46px;flex-basis:42px}.mf-brand strong{font-size:15px;letter-spacing:1.5px}.mf-brand-subtitle{font-size:10px;max-width:220px;margin-top:3px}.mf-account{gap:0}.mf-header .mf-signout{font-size:11px;padding:6px 8px}.mf-primary-nav .mf-branding-link{margin-left:0;font-size:11px}.mf-primary-nav .mf-branding-link .mf-icon{display:none}nav.mf-primary-nav{padding:0 16px;gap:18px;overflow:auto}.mf-primary-nav a{font-size:12px;padding:12px 0}.mf-primary-nav a .mf-icon{display:none}nav.mf-section-nav{padding:11px 16px;gap:7px 15px}.mf-section-nav a{font-size:11px}.mf-app>main{margin:24px auto;padding:0 16px}.mf-welcome{display:block;margin:28px 0}.mf-welcome h1{font-size:31px;letter-spacing:-.7px}.mf-eyebrow{font-size:10px;letter-spacing:1.5px}.mf-intro{font-size:13px}.mf-date{max-width:none;margin-top:20px;font-size:11px}.mf-date small{display:inline;margin-left:8px;font-size:10px}.mf-section-heading h2{font-size:15px}.mf-section-heading>span{font-size:11px}.mf-welcome+.mf-section-heading>span{display:none}.mf-workspaces{grid-template-columns:1fr;gap:18px}.mf-workspace{padding:23px 23px 0;min-height:335px;border-radius:13px}.mf-workspace h2{font-size:27px}.mf-workspace-enter small{font-size:10px;margin-left:6px}.mf-quick-section{margin-top:27px}.mf-shortcuts{gap:10px}.mf-shortcut{padding:12px;gap:8px}.mf-shortcut>.mf-icon{width:17px;height:17px;flex-basis:17px}.mf-shortcut>.mf-icon:last-child{display:none}.mf-shortcut>span{font-size:11px}.mf-shortcut small{font-size:10px}.mf-footer{font-size:10px;display:block;margin-top:28px;padding-top:17px}.mf-footer>span{display:block;margin-bottom:6px}.mf-workspace-heading{gap:13px;align-items:flex-start;margin-bottom:27px}.mf-heading-icon{width:46px;height:46px;flex-basis:46px;border-radius:11px}.mf-heading-icon .mf-icon{width:25px;height:25px;flex-basis:25px}.mf-workspace-heading h1{font-size:25px;letter-spacing:-.4px}.mf-workspace-heading p:last-child{font-size:12px}.mf-function-grid{grid-template-columns:1fr}.mf-function{padding:17px}.mf-function-copy strong{font-size:14px}.mf-function-group{margin-bottom:25px}.mf-branding-grid{grid-template-columns:1fr}.mf-login header nav{padding:14px 16px;flex-wrap:nowrap}.mf-login .login-header-title{font-size:14px}.mf-login .login-header-subtitle{font-size:10px}.mf-login main{padding:0 16px;margin:23px auto}.mf-login-grid{grid-template-columns:1fr}.mf-login-intro{padding:25px}.mf-login-intro h2{font-size:26px;margin:5px 0 10px}.mf-login-intro p{font-size:12px;margin:0}.mf-login-lines,.mf-login-intro>small{display:none}.mf-login .login-card{padding:27px 23px}.mf-login .login-card-logo{height:82px;width:70px}}
@media(prefers-reduced-motion:reduce){.mf-workspace{transition:none}.mf-workspace:hover{transform:none}}
@media print{.mf-header,.mf-section-nav,.mf-footer,.mf-skip{display:none!important}.mf-app>main{max-width:none;padding:0;margin:0}.mf-workspace{break-inside:avoid;box-shadow:none}.mf-workspace:hover{transform:none}}