/*
 * Wildfern Workspace v2 — Freshwater Future / Shell Foundation
 * Nonproduction development branch only.
 *
 * Layered after app.css, so the current PHP/JS flows keep working.
 * Do not deploy to the live domain before isolated staging QA.
 */
body{
 --bg:#f0faf6;--surface:#fdfffd;--panel:#e3f5ed;--text:#113f38;--muted:#527d70;
 --primary:#0d8d75;--primary-soft:#dcf5e9;--border:#d3e9de;
 --green:#168768;--green-soft:#d9f3e6;--warning:#946826;
 --shadow:0 13px 40px rgba(14,108,84,.065);--nav:rgba(253,255,253,.98);
 font-family:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;
 background:radial-gradient(ellipse 65% 44% at 10% -5%,rgba(190,239,233,.72),transparent 70%),
            radial-gradient(ellipse 38% 33% at 100% 35%,rgba(217,249,233,.43),transparent 75%),
            linear-gradient(170deg,#f3fbf8,#eef9f5 72%,#f5fcf9);
 min-height:100vh;color:var(--text);
}
body[data-theme=dark]{
 --bg:#0a2522;--surface:#153a34;--panel:#204c43;--text:#eefbf5;--muted:#a1c6b9;
 --primary:#75dfc3;--primary-soft:#255749;--border:#315b50;
 --green:#98eaca;--green-soft:#20483d;--warning:#ffdaa1;
 --shadow:0 15px 45px rgba(0,0,0,.16);--nav:#12332c;
 background:radial-gradient(ellipse 75% 65% at 0% -10%,rgba(24,114,92,.25),transparent 70%),#0a2522;
}
body h1,body h2,body h3,body .wordmark,body .mobile-brand{font-family:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,sans-serif}
body h1{font-weight:800;letter-spacing:-.075em}
.workspace-v2-shell{min-height:100dvh}
.workspace-v2-shell .sidebar{
 width:248px;height:100dvh;min-height:600px;padding:28px 17px 17px;
 display:flex;flex-direction:column;justify-content:space-between;
 border-right:1px solid rgba(140,195,171,.36);
 background:linear-gradient(163deg,rgba(255,255,255,.98),rgba(239,252,246,.95) 57%,rgba(221,246,237,.96));
 box-shadow:inset -1px 0 rgba(255,255,255,.83),9px 0 36px rgba(5,73,58,.028);
 overflow-y:auto;scrollbar-width:thin;
}
body[data-theme=dark] .workspace-v2-shell .sidebar{
 background:linear-gradient(157deg,#143e34,#0c2d28 74%,#113d35);
 border-color:var(--border);box-shadow:none;
}
.workspace-brand{display:flex;align-items:center;gap:9px;min-height:53px;padding:3px 7px;color:#117b63;text-decoration:none!important}
.workspace-brand-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:14px;background:#fafffd;border:1px solid #f4fff9;box-shadow:0 6px 15px rgba(13,103,74,.08)}
.workspace-brand-icon img{width:37px;height:37px;object-fit:contain}
.workspace-brand-name{font-size:26px;font-weight:800;letter-spacing:-.085em;line-height:1}
body[data-theme=dark] .workspace-brand{color:#b8f9dd}
body[data-theme=dark] .workspace-brand-icon{background:#eafff5;border-color:#eafff5}
.sidebar-section-label{display:flex;justify-content:space-between;align-items:center;margin:43px 15px 15px;color:#74a28d;font-size:9px;font-weight:800;letter-spacing:.18em}
.sidebar-section-label span{letter-spacing:.05em;color:#a1cdb6}
.workspace-v2-shell .side-nav{gap:5px}
.workspace-v2-shell .side-nav a{
 min-height:48px;display:flex;align-items:center;gap:13px;padding:12px 15px;
 border:1px solid transparent;border-radius:14px;
 font-size:12px;font-weight:750;letter-spacing:-.014em;color:#4f7869;
 transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.workspace-v2-shell .side-nav a .icon{width:19px;height:19px;stroke-width:1.9}
.workspace-v2-shell .side-nav a:hover{background:rgba(203,244,226,.57);color:#106d58;text-decoration:none}
.workspace-v2-shell .side-nav a.active{
 color:#0d775e;background:linear-gradient(110deg,rgba(204,248,228,.86),rgba(234,252,243,.89));
 border-color:rgba(248,255,251,.98);box-shadow:inset 0 1px rgba(255,255,255,.87),0 6px 18px rgba(11,129,95,.055);
}
body[data-theme=dark] .workspace-v2-shell .side-nav a{color:#b4d5c9}
body[data-theme=dark] .workspace-v2-shell .side-nav a:hover{color:#cefff0;background:#1c594a}
body[data-theme=dark] .workspace-v2-shell .side-nav a.active{color:#b5ffe3;background:linear-gradient(125deg,#205f4d,#1b4a3f);border-color:#376a59}
.workspace-v2-shell .sidebar-bottom{margin-top:30px;padding:0;gap:8px;border:none}
.sidebar-thought{display:flex;align-items:flex-start;gap:11px;margin:0 0 15px;padding:17px 14px;border:1px solid #fff;border-radius:19px;background:linear-gradient(134deg,#e2f8ec,#d2f4ec 95%);box-shadow:inset 0 1px rgba(255,255,255,.91)}
.sidebar-thought-star{width:30px;height:30px;flex:none;display:grid;place-items:center;font-size:24px;color:#159c7b}
.sidebar-thought strong,.sidebar-thought small{display:block;line-height:1.5}
.sidebar-thought strong{font-size:11px;letter-spacing:-.03em;color:#1d7057}
.sidebar-thought small{font-size:10px;color:#649180;margin-top:4px}
body[data-theme=dark] .sidebar-thought{background:linear-gradient(145deg,#215446,#1a493e);border-color:#376758}
body[data-theme=dark] .sidebar-thought strong{color:#d3ffec}
body[data-theme=dark] .sidebar-thought small{color:#a8d6c6}
.workspace-v2-shell .sidebar-install{justify-content:flex-start;text-align:left;gap:12px;padding:11px 14px;min-height:46px;border-radius:13px;color:var(--muted);font-size:11px;font-weight:750}
.workspace-v2-shell .sidebar-install .icon{width:17px;height:17px}
.workspace-v2-shell .sidebar-bottom .side-nav{border-top:1px solid var(--border);padding-top:10px}
.workspace-v2-shell .user-button{
 margin-top:4px;padding:11px 12px;min-height:59px;width:100%;gap:10px;border:1px solid var(--border);
 border-radius:16px;background:rgba(255,255,255,.65);color:var(--text);
}
.workspace-v2-shell .user-button .avatar{background:linear-gradient(138deg,#0d9274,#40bfa4);color:#fff;font-weight:800}
.workspace-v2-shell .user-button .icon{width:16px;height:16px;color:var(--muted)}
body[data-theme=dark] .workspace-v2-shell .user-button{background:#194238}
.workspace-v2-shell .main-wrap{margin-left:248px;padding:25px clamp(24px,3.7vw,60px) 85px}
.workspace-v2-shell .topbar{
 max-width:1180px;min-height:78px;padding:14px 18px 14px 22px;margin-bottom:34px;
 border:1px solid rgba(255,255,255,.99);border-radius:22px;
 background:linear-gradient(115deg,rgba(255,255,255,.96),rgba(241,254,247,.90));
 box-shadow:0 10px 38px rgba(12,91,75,.07),inset 0 1px rgba(255,255,255,.95);
}
body[data-theme=dark] .workspace-v2-shell .topbar{background:linear-gradient(125deg,#1b453c,#163a32);border-color:var(--border);box-shadow:none}
.topbar-location{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.topbar-kicker{font-size:9px;font-weight:800;letter-spacing:.18em;color:#84a897}
.workspace-v2-shell .topbar .breadcrumb{font-size:12px;font-weight:600;color:#6b9080}
.workspace-v2-shell .topbar .breadcrumb span{color:#b4d2c4;margin:0 9px}
.workspace-v2-shell .topbar .breadcrumb strong{font-size:13px;color:var(--text)}
.workspace-v2-shell .topbar .top-actions{gap:8px}
.workspace-v2-shell .topbar .status-dot{margin-right:10px;font-weight:750;font-size:11px;color:#168c70}
.workspace-v2-shell .topbar .status-dot:before{width:7px;height:7px;background:currentColor;box-shadow:0 0 0 4px rgba(33,181,142,.11)}
.workspace-v2-shell .topbar .topbar-theme{border-color:transparent;background:#eaf8f1;color:#27745c}
.workspace-v2-shell .topbar .topbar-theme:hover{background:#d7f3e5}
.workspace-v2-shell .topbar .topbar-quick-action{border-radius:13px;min-height:44px;padding:10px 16px;gap:10px;font-size:12px;font-weight:800;background:linear-gradient(125deg,#0c8068,#19a689);box-shadow:0 8px 20px rgba(9,127,97,.16);color:#fff;border:1px solid #13896f}
.workspace-v2-shell .topbar .topbar-quick-action .icon{width:19px;height:19px}
.workspace-v2-shell .topbar .topbar-quick-action:hover{background:linear-gradient(125deg,#08745f,#148f78)}
.workspace-v2-shell .page{max-width:1180px;animation:none}
.workspace-v2-shell .page.narrow{max-width:900px}
.workspace-v2-shell .home-header{padding-top:14px;margin-bottom:31px}
.workspace-v2-shell .home-header h1{font-size:clamp(36px,4.25vw,62px);line-height:1.05;color:var(--text)}
.workspace-v2-shell .home-date{font-size:10px;letter-spacing:.18em;color:#1b9171}
.workspace-v2-shell .home-next{
 border-radius:27px;border:1px solid rgba(255,255,255,.97);
 background:radial-gradient(ellipse 55% 120% at 100% 0%,rgba(149,226,218,.36),transparent 72%),
            linear-gradient(145deg,rgba(255,255,255,.97),rgba(236,251,243,.97));
 box-shadow:0 20px 47px rgba(9,100,75,.08);
}
body[data-theme=dark] .workspace-v2-shell .home-next{background:linear-gradient(145deg,#194a40,#143e35);border-color:#356d5a}
.workspace-v2-shell .panel,.workspace-v2-shell dialog{
 background:var(--surface);border:1px solid var(--border);border-radius:22px;
 box-shadow:0 11px 35px rgba(19,104,76,.055);
}
.workspace-v2-shell .panel h2{letter-spacing:-.044em}
.workspace-v2-shell .bottom-nav{display:none}
.workspace-v2-shell .topbar .mobile-brand{display:none}
body button:focus-visible,body a:focus-visible,body input:focus-visible,body select:focus-visible,body textarea:focus-visible{outline:3px solid #21ad8b;outline-offset:3px}
@media(max-width:1100px){
 .workspace-v2-shell .sidebar{width:218px}
 .workspace-v2-shell .main-wrap{margin-left:218px;padding:22px 26px 78px}
}
@media(max-width:800px){
 .workspace-v2-shell .sidebar{display:none}
 .workspace-v2-shell .main-wrap{margin-left:0;padding:15px 18px calc(112px + env(safe-area-inset-bottom))}
 .workspace-v2-shell .topbar{padding:10px 13px;border-radius:19px;min-height:64px;margin-bottom:26px}
 .workspace-v2-shell .topbar-location{display:none}
 .workspace-v2-shell .topbar .mobile-brand{display:flex;align-items:center;gap:7px;margin-right:auto;font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif!important;font-size:23px!important;font-weight:800;letter-spacing:-.082em;color:#0b8067}
 .workspace-v2-shell .topbar .mobile-brand img{height:30px;width:30px;border-radius:9px}
 .workspace-v2-shell .topbar .top-actions{gap:4px}
 .workspace-v2-shell .topbar .topbar-theme{width:39px;height:39px;min-height:39px;padding:8px}
 .workspace-v2-shell .topbar .mobile-menu{display:inline-flex;width:39px;height:39px;min-height:39px;padding:8px}
 .workspace-v2-shell .topbar .topbar-quick-action{width:42px;height:42px;min-height:42px;padding:9px;justify-content:center}
 .workspace-v2-shell .topbar .topbar-quick-action .desktop-label{display:none}
 .workspace-v2-shell .bottom-nav{
  position:fixed;display:flex;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));
  transform:translateX(-50%);width:min(490px,calc(100% - 25px));
  padding:7px;gap:3px;border:1px solid rgba(255,255,255,.94);border-radius:22px;
  background:rgba(252,255,253,.97);box-shadow:0 16px 40px rgba(5,71,56,.16),inset 0 1px rgba(255,255,255,.92);
 }
 body[data-theme=dark] .workspace-v2-shell .bottom-nav{background:#173e35;border-color:#376153}
 .workspace-v2-shell .bottom-nav a{
   min-height:58px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;
   width:20%;color:#64867a;font-size:10px;font-weight:750;border-radius:16px;
 }
 .workspace-v2-shell .bottom-nav a .icon{width:20px;height:20px}
 .workspace-v2-shell .bottom-nav a.active{background:linear-gradient(135deg,#d7f5e6,#eafbf2);color:#0b886d}
 body[data-theme=dark] .workspace-v2-shell .bottom-nav a{color:#a8cbbf}
 body[data-theme=dark] .workspace-v2-shell .bottom-nav a.active{background:#245a49;color:#b8f8e0}
 .workspace-v2-shell .page{max-width:100%}
 .workspace-v2-shell .home-header h1{font-size:clamp(32px,7vw,48px)}
}
@media(max-width:480px){
 .workspace-v2-shell .main-wrap{padding:10px 13px calc(109px + env(safe-area-inset-bottom))}
 .workspace-v2-shell .topbar{margin-bottom:21px;min-height:59px;padding:7px 9px 7px 12px}
 .workspace-v2-shell .topbar .mobile-brand{font-size:21px!important}
 .workspace-v2-shell .topbar .mobile-brand img{width:26px;height:26px}
 .workspace-v2-shell .topbar .top-actions{gap:1px}
 .workspace-v2-shell .topbar .topbar-theme,.workspace-v2-shell .topbar .mobile-menu{width:36px;height:36px;min-height:36px}
 .workspace-v2-shell .topbar .topbar-quick-action{width:39px;height:39px;min-height:39px}
 .workspace-v2-shell .bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom));padding:6px}
 .workspace-v2-shell .bottom-nav a{font-size:9px;min-height:56px}
 .workspace-v2-shell .home-header{padding-top:4px}
 .workspace-v2-shell .home-header h1{font-size:clamp(30px,8vw,39px)}
}
@media(prefers-reduced-motion:reduce){
 .workspace-v2-shell .side-nav a,.workspace-v2-shell .topbar .topbar-quick-action{transition:none!important}
}