/* seller-workbench.css — V2 seller workspace rendered by account() inside #panel. Scope: .it-workbench (only account() renders it) + #panel:has(.it-workbench) for the dialog shell. No shared next.css/home-motion.css selector is changed. Visual DNA from the selected V2 concept: warm ivory canvas, deep forest-green anchors, heavy editorial Persian headings, generous rhythm, photo-led cards, hairline-outlined surfaces with one restrained shadow, one green anchor surface. */ /* ---------- dialog shell: an immersive workspace, not a floating form ---------- */ #panel:has(.it-workbench){ width:min(1260px,calc(100vw - 32px));max-width:none;height:calc(100dvh - 32px);max-height:none; padding:0;border:1px solid #ddd9cb;border-radius:22px;background:#f6f3ea;overflow-y:auto; box-shadow:0 30px 80px rgba(8,30,22,.28)} #panel:has(.it-workbench)>.close{position:sticky;top:14px;z-index:40;margin:14px auto -58px 14px;width:44px;height:44px;border-radius:50%;background:#fffdf7;border:1px solid #ddd9cb} #panel:has(.it-workbench) #panelStatus{position:sticky;bottom:0;z-index:30;margin:0;padding:0 24px;font-size:14px} #panel:has(.it-workbench) #panelStatus:not(:empty){padding:12px 24px;background:#fffdf7;border-top:1px solid #ddd9cb} .it-workbench{ --g:#123f30;--g2:#1b5641;--g-deep:#0b2a20;--ivory:#f6f3ea;--paper:#fffdf8;--mist:#e8eee4;--sand:#efe9da; --ink:#16231c;--muted:#5a6a61;--line:#e0dccd;--line2:#d2cdbb; --ok:#1d6b45;--ok-bg:#e4f1e8;--wait:#7a5512;--wait-bg:#f6ecd4;--bad:#992f22;--bad-bg:#f9e9e5; --r:18px;--ease:cubic-bezier(.2,.7,.2,1); display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100%; color:var(--ink);font-size:15px;line-height:1.85;background:var(--ivory)} .it-workbench *{box-sizing:border-box} .it-workbench :focus-visible{outline:3px solid #2f8a62;outline-offset:2px;border-radius:10px} .wb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .wb-i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} /* ---------- right rail (RTL start) ---------- */ .wb-rail{position:sticky;top:0;align-self:start;height:calc(100dvh - 34px);display:flex;flex-direction:column;gap:18px; padding:26px 18px 18px;background:var(--g-deep);color:#e8efe6;border-radius:0 21px 21px 0} .wb-me{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)} .it-workbench .wb-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:#d9e4c4;color:var(--g-deep);font-size:21px;box-shadow:none} .wb-me-text{display:grid;min-width:0;line-height:1.5} .wb-me-text b{font-size:15px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .wb-me-text small{font-size:12px;color:#a9bdb1} .it-workbench .wb-nav{display:block;flex:1} /* base next.css hides every