/* Lokavyn application workspace: independent scrolling, focus and responsive layout. */
body.account-lock{overflow:hidden!important;overscroll-behavior:none}
#accountWorkspace{position:fixed;inset:0;z-index:1200;display:none;isolation:isolate;color:#16392f;font-family:'DM Sans',system-ui,sans-serif}
#accountWorkspace.open{display:grid;place-items:center}
#accountWorkspace [hidden]{display:none!important}
#accountWorkspace *{box-sizing:border-box}
#accountWorkspace .work-shade{position:absolute;inset:0;background:rgba(2,19,15,.78);backdrop-filter:blur(8px)}
#accountWorkspace .work-shell{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1140px,calc(100vw - 24px));height:min(860px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);background:#f8fcf9;color:#17382f;box-shadow:0 28px 100px #0007;border:1px solid #b7d4c4;border-radius:25px;overflow:hidden}
#accountWorkspace .work-header{position:relative!important;top:auto!important;z-index:1!important;min-height:0;height:auto!important;background:#f3faf5!important;color:#153a31!important;display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:23px 30px!important;border-bottom:1px solid #d9e9dd!important;backdrop-filter:none!important}
#accountWorkspace .work-header h2{font:800 clamp(22px,3vw,32px) Outfit,sans-serif!important;color:#15382f!important;letter-spacing:-.8px!important}
#accountWorkspace .work-header p{color:#48695d!important;margin:4px 0 0;font-size:13px;overflow-wrap:anywhere}
#accountWorkspace .work-kicker{color:#11764e;font-size:10px;letter-spacing:2px;font-weight:900}
#accountWorkspace .work-close{font-size:20px;width:44px;height:44px;background:#e6f1e9;color:#1b4034;border:1px solid #bdcfbf;border-radius:50%;flex:none}
#accountWorkspace .work-close:hover{background:#cce7d3}
#accountWorkspace .work-body{min-height:0;display:grid;grid-template-columns:minmax(215px,255px) minmax(0,1fr);overflow:hidden}
#accountWorkspace .work-nav,#accountWorkspace .work-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y}
#accountWorkspace .work-nav{padding:25px 15px;background:#eaf4eb;border-right:1px solid #cedfd2}
#accountWorkspace .work-nav-header strong{font-size:15px}
#accountWorkspace .work-nav-header>div{display:flex;gap:8px;margin:12px 0 18px}
#accountWorkspace .work-nav-header button{font-size:12px;border:1px solid #a0c5ad;border-radius:8px;background:white;color:#105438;padding:8px 11px;font-weight:700}
#accountWorkspace .work-choice{display:flex;align-items:center;gap:12px;font-weight:700;color:#21483a;min-height:48px;padding:12px 11px;border:1px solid transparent;cursor:pointer;border-radius:12px;margin:3px 0}
#accountWorkspace .work-choice:has(input:checked){background:#fff;border-color:#8ac5a0;box-shadow:0 3px 9px #15452c12}
#accountWorkspace .work-choice:hover{background:#def1e4}
#accountWorkspace .work-choice input{width:18px;height:18px;accent-color:#0d7450;margin:0;flex:none}
#accountWorkspace .work-nav p{font-size:12px;line-height:1.65;color:#516f61;padding:0 9px}
#accountWorkspace .work-content{padding:28px 32px 80px;background:#fff}
#accountWorkspace .work-section{border:1px solid #d8e7dc;border-radius:20px;padding:23px;margin:0 0 22px;color:#173c31;background:#fff;box-shadow:0 4px 18px #183e2310}
#accountWorkspace .work-section h3{color:#12382c!important;font:800 24px Outfit,sans-serif!important;margin:0 0 15px}
#accountWorkspace .work-section h4{color:#183e33;margin:24px 0 12px;font:750 17px Outfit,sans-serif}
#accountWorkspace .work-section p{color:#446459;line-height:1.6;margin:8px 0 14px}
#accountWorkspace .work-profile{display:flex;align-items:center;gap:16px;padding:15px;background:#ecf5ef;border-radius:15px;margin-bottom:22px;overflow-wrap:anywhere}
#accountWorkspace .work-profile strong{font:800 19px Outfit,sans-serif}
#accountWorkspace .work-profile p{margin:3px 0 6px;overflow-wrap:anywhere;font-size:13px}
#accountWorkspace .work-avatar{display:block;object-fit:cover;width:66px;height:66px;flex:none;border-radius:50%;border:3px solid #d3e7d9}
#accountWorkspace .work-avatar-initials{display:grid;place-items:center;background:#0b5b43;color:white;font:800 30px Outfit,sans-serif}
#accountWorkspace .work-state{display:inline-block;border-radius:999px;padding:3px 10px;background:#daede0;color:#165339;font:700 12px 'DM Sans',sans-serif}
#accountWorkspace .work-form{display:grid;gap:13px}
#accountWorkspace .work-form label,#accountWorkspace .work-csv label{display:grid;gap:6px;color:#234a3a;font-size:13px;font-weight:750}
#accountWorkspace .work-form input,#accountWorkspace .work-form textarea,#accountWorkspace .work-form select,#accountWorkspace .work-csv input,#accountWorkspace .work-csv select{background:#fff;color:#12382d;display:block;width:100%;max-width:100%;padding:12px 13px;border:1px solid #9ebdac;border-radius:10px;font:500 15px 'DM Sans',sans-serif}
#accountWorkspace .work-form input:disabled{background:#f1f5f1;color:#456555}
#accountWorkspace .work-form small,#accountWorkspace .work-csv small,#accountWorkspace .work-hint{font-size:12px!important;color:#527466!important;line-height:1.5}
#accountWorkspace .work-form input[type=file],#accountWorkspace .work-csv input[type=file]{border-style:dashed;font-size:13px}
#accountWorkspace .work-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#accountWorkspace .work-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#accountWorkspace button:not(.work-close){cursor:pointer;font:700 13px 'DM Sans',sans-serif}
#accountWorkspace .work-section button{background:#edf6f0;color:#125b42;border:1px solid #b9d9c3;border-radius:10px;padding:11px 14px;margin:3px 6px 3px 0;min-height:40px}
#accountWorkspace .work-section button.work-primary{background:#0a523c;color:#fff;border-color:#0a523c}
#accountWorkspace .work-section button:disabled{opacity:.55;cursor:wait}
#accountWorkspace .work-record{border:1px solid #dce9df;padding:14px 15px;border-radius:13px;margin:9px 0;background:#fcfefc;overflow-wrap:anywhere}
#accountWorkspace .work-record strong{color:#173b31}
#accountWorkspace .work-empty{padding:15px;background:#f4faf5;border:1px dashed #c3dbc9;border-radius:12px}
#accountWorkspace .work-csv{margin:20px 0;background:#f3faf4;border:1px solid #c8dfce;padding:17px;border-radius:16px;display:grid;gap:12px}
#accountWorkspace #workStatus{color:#176c4f;font-size:13px;font-weight:700;margin-bottom:13px;min-height:1px}
#accountWorkspace .work-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 30px;gap:12px;background:#f3faf5;border-top:1px solid #d3e5d7}
#accountWorkspace .work-footer button{border-radius:10px;border:1px solid #a4c8b2;background:white;color:#19553f;padding:11px 18px}
#accountWorkspace .work-footer .work-signout{background:#263e35;color:white;border-color:#263e35}
#accountWorkspace input:focus-visible,#accountWorkspace select:focus-visible,#accountWorkspace button:focus-visible{outline:3px solid #eab94f;outline-offset:2px}
#accountWorkspace .work-content:focus{outline:none}
.listing .marketplace-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.listing .marketplace-buttons button{border:1px solid var(--world-line,#add2b5);border-radius:10px;background:var(--world-paper,#fff);color:var(--world-ink,#153b2c);padding:9px 12px;font-size:13px;font-weight:700}
.listing .marketplace-buttons button:last-child{background:var(--world-brand,#0b513b);color:var(--world-brand-ink,#fff)}
@media(max-width:780px){#accountWorkspace .work-shell{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0}#accountWorkspace .work-body{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}#accountWorkspace .work-nav{padding:14px 18px;flex:none;overflow:visible;border-right:0;border-bottom:1px solid #d3e5d7}#accountWorkspace #workChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#accountWorkspace .work-choice{font-size:12px;min-height:42px;padding:9px}#accountWorkspace .work-content{padding:20px 16px 70px;flex:none;overflow:visible}#accountWorkspace .work-header{padding:17px 19px!important}#accountWorkspace .work-footer{padding:11px 18px}#accountWorkspace .work-section{padding:17px}#accountWorkspace .work-header h2{font-size:24px!important}}
@media(max-width:360px){#accountWorkspace .work-grid-2{grid-template-columns:1fr}#accountWorkspace .work-header p{font-size:11px}}
@media(prefers-reduced-motion:reduce){#accountWorkspace *{scroll-behavior:auto!important}}

.listing .listingPhoto{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:14px;margin-bottom:17px;border:1px solid var(--world-line,#cae1ce);background:#ecf4f0}
#accountWorkspace .work-record select{display:block;width:100%;padding:10px;margin:9px 0;border:1px solid #95bba6;color:#154d38;background:#fff;border-radius:10px}
