/* Shared visual language with the TurfOps marketing site. */
:root{--brand-forest:#254e3b;--brand-ink:#24382d;--brand-sage:#537e36;--brand-muted:#56645a;--brand-canvas:#f8f9f5;--brand-line:#e4e8df;--brand-surface:#fff;--brand-radius:14px;--brand-space:clamp(1rem,2.5vw,2rem)}
html{font-synthesis:none}body{background:var(--brand-canvas)!important;color:var(--brand-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
#main-content{background:var(--brand-canvas)}#main-content>div{max-width:1500px;margin-inline:auto;padding:var(--brand-space)}
#main-content h2{color:var(--brand-ink);letter-spacing:-.035em;line-height:1.15}#main-content h3{color:var(--brand-ink);letter-spacing:-.025em}
#main-content .bg-white{background:var(--brand-surface)}#main-content .border-gray-200,#main-content .border-gray-100{border-color:var(--brand-line)}
#main-content .rounded-xl{border-radius:var(--brand-radius)}#main-content .shadow-sm{box-shadow:0 2px 14px rgba(36,56,45,.035)}
#main-content .text-green-700,#main-content .text-green-600{color:var(--brand-forest)}#main-content .bg-green-700,#main-content .bg-green-600{background:var(--brand-forest)}
#main-content input:not([type=checkbox]):not([type=radio]):not([type=hidden]),#main-content select,#main-content textarea{border-radius:10px;border-color:#cbd7cb;min-height:42px;background:#fff}
#main-content button,#main-content a[class*="bg-green-"]{border-radius:10px}#main-content table{border-collapse:separate;border-spacing:0}#main-content thead{background:#f3f6f0;color:var(--brand-muted)}#main-content tbody tr{border-color:var(--brand-line)}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--brand-sage)!important;outline-offset:3px}
#sidebar{background:#f5f7f1!important;color:var(--brand-ink)!important;border-right:1px solid var(--brand-line)}#sidebar>div:first-child{border-color:var(--brand-line)}#sidebar>div:first-child p{color:var(--brand-muted)}
#sidebar nav{scrollbar-color:#cbd7cb transparent}#sidebar nav>div{color:#667969;font-size:.69rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
#sidebar nav a{color:#405649;border-radius:10px;min-height:40px;font-size:.875rem;transition:background .15s,color .15s}#sidebar nav a:hover{background:#e8efe5;color:var(--brand-forest)}#sidebar nav a[aria-current=page]{background:#dfeade;color:#1e5138;font-weight:700;box-shadow:inset 3px 0 #537e36}
#sidebar [class*="border-green-800"]{border-color:var(--brand-line)}#sidebar [class*="text-green-400"],#sidebar [class*="text-green-300"],#sidebar [class*="text-green-200"]{color:#536e5a}#sidebar #sidebar-search{background:#fff;color:var(--brand-ink);border-color:#cbd7cb}#sidebar #sidebar-search::placeholder{color:#6e8072}
#sidebar form[action="/toggle-view"] button{background:#e4eddf;color:var(--brand-forest);border-color:#cbdac8}#sidebar form[action="/logout"] button:hover{background:#e8efe5}
header.md\:hidden{background:#f5f7f1;color:var(--brand-ink);border-bottom:1px solid var(--brand-line);box-shadow:none}header.md\:hidden button:hover{background:#e8efe5}
@media(max-width:767px){#main-content>div{padding:1.1rem}#main-content .overflow-x-auto{overscroll-behavior-inline:contain}#sidebar{box-shadow:10px 0 35px rgba(24,56,37,.12)}#main-content h2{font-size:1.55rem}#main-content input,#main-content select,#main-content textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){#sidebar nav a{transition:none}}
/* Controls and repeated page patterns */
#main-content .bg-gray-50{background:#f3f6f0}#main-content .text-gray-900,#main-content .text-gray-800{color:var(--brand-ink)}#main-content .text-gray-500,#main-content .text-gray-400{color:var(--brand-muted)}
#main-content .bg-green-50{background:#edf4e8}#main-content .bg-green-100{background:#dfeade}#main-content .border-green-200,#main-content .border-green-300{border-color:#cbdac8}
#main-content .bg-green-700:hover,#main-content .bg-green-600:hover{background:#1d402f}#main-content .rounded-lg{border-radius:10px}
#main-content :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]):focus{border-color:var(--brand-sage);box-shadow:0 0 0 3px rgba(83,126,54,.15)}
#main-content :is(th,td){vertical-align:middle}#main-content th{color:#4f6254;font-weight:650;letter-spacing:.025em}#main-content tbody tr:hover{background:#f8faf6}
#main-content .overflow-x-auto{scrollbar-color:#cbd7cb transparent}#main-content .rounded-full{font-weight:650}
#main-content [class*="bg-amber-50"]{background:#fff9e9}#main-content [class*="bg-red-50"]{background:#fff5f2}
.login-page{background:radial-gradient(circle at 20% 15%,#e4eddf,transparent 35%),var(--brand-canvas)!important;color:var(--brand-ink)}.login-page .shadow-2xl{box-shadow:0 16px 50px rgba(36,56,45,.1);border:1px solid var(--brand-line)}.login-page input{min-height:46px;border-color:#cbd7cb}.login-page button[type=submit]{background:var(--brand-forest)}.login-page button[type=submit]:hover{background:#1d402f}
@media(max-width:767px){#main-content :is(button,a[class*="px-"]){touch-action:manipulation}#main-content .grid{min-width:0}#main-content table{font-size:.8125rem}#main-content :is(th,td){white-space:normal}}
/* Platform administration keeps a distinct dark workspace in brand greens. */
body.platform-admin{background:#172b22!important;color:#ecf3e9!important}
.platform-admin #main-content{background:#172b22;color:#ecf3e9}
.platform-admin #sidebar{background:#1d392b!important;border-color:#355543;color:#ecf3e9!important}
.platform-admin #sidebar>div:first-child,.platform-admin #sidebar [class*="border-gray-800"]{border-color:#355543}
.platform-admin #sidebar nav a{color:#d3e2d2}.platform-admin #sidebar nav a:hover,.platform-admin #sidebar nav a[class*="bg-gray-800"]{background:#355543;color:#fff}
.platform-admin .bg-gray-900{background:#234030}.platform-admin .bg-gray-800{background:#355543}.platform-admin .border-gray-800{border-color:#355543}.platform-admin .border-gray-700{border-color:#54715a}
.platform-admin .text-indigo-400,.platform-admin .text-indigo-300{color:#bce3a6}.platform-admin .bg-indigo-600{background:#3c724d}.platform-admin .bg-indigo-700{background:#315e40}
.platform-admin #main-content .rounded-lg{border-radius:var(--brand-radius)}.platform-admin #main-content input,.platform-admin #main-content select,.platform-admin #main-content textarea{min-height:42px;border-radius:10px}
.platform-admin header.md\:hidden{background:#1d392b;color:#ecf3e9;border-color:#355543}
