/* WebFrame Next: calm surfaces, consistent spacing and a persistent workspace. */
:root{--nx-ink:#26352f;--nx-muted:#738078;--nx-accent:#42705a;--nx-line:#e2e7e2;--nx-surface:#fff;--bs-body-font-family:Inter,"Segoe UI",system-ui,sans-serif;--bs-body-color:#26352f;--bs-body-bg:#f5f6f3;--bs-border-color:#e2e7e2;--bs-secondary-color:#6b7870;--bs-tertiary-bg:#f3f5f1;--bs-link-color:#3d6853;--bs-link-hover-color:#294d3b}
*{box-sizing:border-box}body.wf-app-page{background:#f5f6f3!important;color:var(--nx-ink);font-size:14px;background-image:none!important}a{text-decoration:none}button,input,select,textarea{font:inherit}.nx-icon{flex-shrink:0;vertical-align:middle}.wf-skip{position:fixed;top:-100px;left:20px;z-index:9999;padding:12px 20px;background:white}.wf-skip:focus{top:10px} :focus-visible{outline:3px solid #67997f!important;outline-offset:3px}[hidden]{display:none!important}
.nx-sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--nx-line);display:flex;flex-direction:column;padding:28px 18px 18px;z-index:1040;overflow-y:auto}.nx-brand{display:flex;align-items:center;gap:9px;color:#283b30;font-size:21px;font-weight:730;letter-spacing:-.8px;white-space:nowrap}.nx-logo{display:inline-grid;place-items:center;background:#41694f;color:white;width:34px;height:36px;border-radius:10px}.nx-logo svg{width:23px;height:23px}.nx-next{font-size:8px;letter-spacing:1px;background:#eef3ed;padding:4px 5px;border-radius:4px;color:#5c7864;margin-left:1px}.nx-workspace{display:flex;gap:11px;align-items:center;padding:15px 10px;margin:28px 0 13px;background:#f7f8f5;border:1px solid #e9ece6;border-radius:10px}.nx-workspace-icon{display:grid;place-items:center;background:white;border:1px solid var(--nx-line);border-radius:8px;width:35px;height:37px;color:#67816d}.nx-workspace strong,.nx-workspace small{display:block}.nx-workspace strong{font-size:12px;font-weight:650}.nx-workspace small{font-size:10px;color:#8a948c;margin-top:3px}.nx-nav-label{font-size:9px;letter-spacing:1.6px;font-weight:650;color:#939d95;margin:23px 12px 10px}.nx-nav{display:flex;align-items:center;gap:11px;color:#6e7a72;border-radius:7px;padding:10px 12px;margin:3px 0;font-size:12px;transition:background .15s}.nx-nav .nx-icon{width:18px;height:18px;color:#879589}.nx-nav.active{background:#eaf1e9;color:#3b6548;font-weight:650}.nx-nav.active .nx-icon{color:#4b7758}.nx-nav:hover{background:#f2f5ef;color:#325840}.nx-more summary{padding:10px 12px;font-size:11px;color:#7e8b81;cursor:pointer}.nx-more .nx-nav{padding:7px 12px}.nx-sidebar-bottom{margin-top:auto;padding-top:24px}.nx-version{font-size:9px;color:#98a198;padding:14px 12px 0;border-top:1px solid #edf0ea;margin-top:15px}.nx-version span{float:right}
.nx-page{margin-left:246px;min-width:0}.nx-topbar{height:77px;border-bottom:1px solid var(--nx-line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 42px;background:#ffffffbd}.nx-breadcrumb{display:flex;align-items:center;gap:16px;font-size:11px;color:#8b958e}.nx-breadcrumb strong{color:#4b5d50;font-weight:550}.nx-top-actions{display:flex;align-items:center;gap:21px}.nx-top-actions form{margin:0}.nx-top-link{color:#7e897f;font-size:11px;display:flex;align-items:center;gap:8px}.nx-top-link .nx-icon{width:16px}.nx-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#e7e7d8;color:#5e6d54;font-size:12px;font-weight:600}.nx-signout,.nx-menu{border:0;background:none;color:#7b897e;padding:5px}.nx-menu{display:none}.nx-main{max-width:1640px;margin:0 auto;padding:37px 42px 22px;min-height:calc(100vh - 77px)}.nx-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.nx-eyebrow{font-size:9px;letter-spacing:2px;font-weight:650;color:#8a968b}.nx-heading h1{font-size:32px;font-weight:620;letter-spacing:-1.2px;margin:9px 0}.nx-heading p{margin:0;color:#8b948b;font-size:12px}.nx-date{font-size:10px;color:#939c93;margin-bottom:4px}.nx-dashboard-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(255px,1fr);gap:22px}.nx-welcome{background:#e8eee3;border:1px solid #e1e8da;border-radius:15px;padding:34px;display:flex;position:relative;overflow:hidden;min-height:265px}.nx-welcome>div:first-child{position:relative;z-index:2}.nx-pill{font-size:8px;letter-spacing:1.5px;color:#6c8366}.nx-welcome h2{font-size:31px;line-height:1.17;letter-spacing:-1.1px;margin:16px 0 12px;font-weight:620}.nx-welcome p{font-size:11px;line-height:1.8;color:#7a8873;margin-bottom:21px}.nx-welcome .btn{font-size:10px;padding:10px 14px}.nx-welcome .btn svg{width:14px;margin-left:10px}.nx-folder-art{position:absolute;width:185px;height:175px;right:27px;top:63px;transform:rotate(-8deg)}.nx-paper{position:absolute;top:5px;left:24px;width:121px;height:143px;background:#fffdf5;border-radius:7px;transform:rotate(15deg);box-shadow:0 8px 30px #46553214;padding:22px 18px}.nx-paper span{display:block;height:4px;background:#dbe3d3;margin-bottom:10px;border-radius:2px}.nx-paper span:last-child{width:65%}.nx-paper-back{transform:rotate(-9deg);background:#b8c9a8;top:0;left:12px}.nx-art-folder{position:absolute;inset:65px 0 0;background:linear-gradient(145deg,#88a47b,#6c8b60);border-radius:7px 11px 13px 13px;box-shadow:0 22px 22px #56694426;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#dce7d4}.nx-art-folder:before{content:'';position:absolute;top:-13px;left:0;width:72px;height:20px;background:#88a47b;border-radius:7px 7px 0 0}.nx-art-folder svg{width:30px;height:30px;opacity:.8}.nx-art-folder span{font-size:9px;letter-spacing:1px}.nx-art-star{position:absolute;right:-12px;top:-28px;color:#94a17c;font-size:45px}.nx-storage,.nx-recent{background:white;border:1px solid var(--nx-line);border-radius:15px;padding:23px}.nx-card-heading{display:flex;align-items:center;gap:12px}.nx-card-heading h2{font-size:12px;margin:0;font-weight:600}.nx-tile-icon{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:11px}.sage{background:#eef3e9;color:#79946b}.purple{background:#f1edf8;color:#a390c2}.peach{background:#fbf0e8;color:#bf9976}.blue{background:#eaf0f7;color:#7f9dbb}.nx-usage{display:block;font-size:29px;font-weight:620;letter-spacing:-1px;margin-top:21px}.nx-storage>p{font-size:10px;color:#9aa197}.nx-storage .progress{height:6px;background:#eef1e9;border-radius:5px;margin:20px 0}.nx-storage .progress-bar{background:#8da67a}.nx-storage-meta{display:flex;justify-content:space-between;font-size:10px;color:#81907f}.nx-storage-meta strong{color:#596b50}.nx-storage>small{display:block;color:#939c90;font-size:9px;margin-top:9px}.nx-storage>a{display:flex;justify-content:space-between;align-items:center;color:#6b805e;font-size:10px;padding-top:17px;margin-top:16px;border-top:1px solid #edf0e8}.nx-storage>a svg{width:14px}.nx-section{margin:30px 0}.nx-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:12px}.nx-section-heading h2{font-size:14px;font-weight:600;letter-spacing:-.2px;margin:0}.nx-section-heading>span,.nx-section-heading>a{font-size:10px;color:#8b978c}.nx-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.nx-shortcut{border:1px solid var(--nx-line);background:#fff;border-radius:12px;padding:21px;position:relative;transition:transform .15s,box-shadow .15s;color:var(--nx-ink)}.nx-shortcut:hover{transform:translateY(-3px);box-shadow:0 10px 23px #273d2810}.nx-shortcut strong{display:block;font-size:12px;font-weight:600;margin-top:18px}.nx-shortcut p{font-size:10px;color:#8f988d;margin:7px 0 0;line-height:1.5}.nx-shortcut-arrow{position:absolute;top:27px;right:20px;color:#a3aca0}.nx-shortcut-arrow svg{width:14px}.nx-bottom-grid{grid-template-columns:minmax(0,2.2fr) minmax(255px,1fr)}.nx-recent{min-height:272px}.nx-empty{text-align:center;padding:20px 10px 13px}.nx-empty h3{font-size:13px;margin:14px 0 8px}.nx-empty p{font-size:11px;color:#929d90}.nx-empty .btn{font-size:10px}.nx-media{border:1px solid #dfe5db;border-radius:15px;padding:25px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 70%,#becdab60,transparent 70%),#eaf0e3}.nx-media .nx-eyebrow{font-size:8px;color:#8a987a}.nx-media h2{font-size:26px;font-weight:550;letter-spacing:-.7px;margin-top:22px;line-height:1.2;position:relative}.nx-media p{font-size:10px;color:#8d987f;margin-top:12px}.nx-media-link{display:flex;align-items:center;justify-content:space-between;margin-top:25px;font-size:10px;color:#617650}.nx-media-link svg{width:15px}.nx-media-icon{position:absolute;right:-9px;bottom:47px;transform:rotate(-15deg);opacity:.17}.nx-media-icon svg{width:117px;height:117px}.nx-footer{display:flex;justify-content:space-between;gap:15px;padding-top:29px;font-size:9px;color:#a0a69b}.nx-footer a{color:#87967e}
/* Inherited feature screens use the same surface and form palette. */
.wf-app-page .card,.wf-app-page .modal-content,.wf-app-page .dropdown-menu,.wf-app-page .list-group{background:#fff!important;border-color:var(--nx-line)!important;color:var(--nx-ink);box-shadow:none!important;border-radius:12px}.wf-app-page .card-header,.wf-app-page .card-footer{background:#f8faf6!important;border-color:var(--nx-line)!important}.wf-app-page .table{--bs-table-bg:transparent;--bs-table-color:#435247;--bs-table-border-color:#e9ede5;--bs-table-hover-bg:#f2f6ee;--bs-table-hover-color:#314d36;color:#435247;font-size:12px}.wf-app-page .text-body-secondary{color:#7e8b7c!important}.wf-app-page .form-control,.wf-app-page .form-select,.wf-app-page .wf-rich-editor{background:#fff!important;color:#374936!important;border-color:#dfe5d9!important;border-radius:7px}.wf-app-page .form-control::placeholder{color:#9ba597}.wf-app-page .form-control:focus,.wf-app-page .form-select:focus{box-shadow:0 0 0 3px #63925b20;border-color:#8fa883!important}.form-label{font-size:11px;color:#72816c;margin-bottom:7px}.wf-app-page .list-group-item{background:#fff!important;color:#788672!important;border-color:#e5eadd!important}.wf-app-page .list-group-item.active{background:#eaf2e3!important;color:#4f6e42!important}.btn{border-radius:7px;font-size:12px;padding:8px 13px}.wf-app-page .btn-primary{--bs-btn-bg:#477054;--bs-btn-border-color:#477054;--bs-btn-hover-bg:#34583f;--bs-btn-hover-border-color:#34583f;--bs-btn-active-bg:#34583f;background:#477054!important;color:#fff!important;border-color:#477054!important}.wf-app-page .btn-outline-secondary,.wf-app-page .btn-outline-primary,.wf-app-page .btn-outline-success{color:#617559!important;border-color:#dce5d5!important;background:transparent}.wf-app-page .btn-outline-danger{color:#a94b47!important;border-color:#ebd7d0!important}.wf-app-page .btn-outline-secondary:hover,.wf-app-page .btn-outline-primary:hover{background:#edf3e7!important}.wf-app-page .wf-file-table tbody td{background:transparent;border-color:#e8ede2;color:#43513d}.wf-app-page .wf-file-title,.wf-app-page .wf-file-card-name,.wf-app-page .wf-file-card-name .btn-link{color:#42543c!important;text-shadow:none}.wf-app-page .wf-file-table thead th{background:#f5f8f0;color:#8a9680;border-color:#e7eddf;font-size:10px;font-weight:500}.wf-app-page .wf-file-table tbody tr:hover td{background:#f3f7ed}.wf-app-page .wf-file-card{background:#fff;border-color:#e3e9dc}.wf-app-page .wf-path{background:#eef3e6;color:#768868}.wf-file-sidebar{font-size:11px}.wf-file-sidebar .wf-area-nav{margin-bottom:16px}.wf-file-heading h1{font-size:25px;letter-spacing:-.5px}.wf-app-page .wf-dropzone{background:#f7faf3!important;border-color:#cdddc3!important;border-radius:10px;padding:15px!important}.wf-app-page .wf-info-board{background:white;border-color:var(--nx-line);color:#405238}.wf-app-page .wf-info-board-top{background:#eff4e9;color:#405238}.wf-app-page .wf-home-content{color:#405238}.wf-app-page .wf-messenger{border-color:var(--nx-line)}.wf-app-page .wf-login-panel{background:white;color:#26352f;border:1px solid var(--nx-line);border-radius:20px;box-shadow:0 20px 70px #243a2010}.wf-login-panel:before{display:none}.wf-login-brand h1{color:#32472e;letter-spacing:-1px;font-size:28px}.wf-login-copy{color:#85917e;font-size:13px;line-height:1.8}.wf-login-form .form-label{color:#687960}.wf-login-button{background:#477054;color:white;border:0}.wf-login-button:hover{background:#34583f;color:white}.wf-login-mark{background:#eaf2e2;color:#60854c;border:0;text-shadow:none}.wf-login-shell{margin:65px auto;max-width:430px}.nx-public-header{height:92px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e9de}.nx-public-header>span{font-size:11px;color:#8c9784}.nx-public-main{max-width:1380px;margin:auto;padding:56px 6%}.nx-setup{display:grid;grid-template-columns:1fr 1.3fr;gap:85px;align-items:start}.nx-setup-intro{padding-top:35px;position:sticky;top:35px}.nx-setup-intro h1{font-size:51px;line-height:1.14;letter-spacing:-2px;font-weight:540;margin:20px 0}.nx-setup-intro>p{font-size:14px;line-height:1.9;color:#8c9783;max-width:350px}.nx-setup-features{margin:36px 0;display:grid;gap:24px}.nx-setup-features>span{font-size:10px;color:#91a482;display:grid;grid-template-columns:27px 1fr;gap:4px}.nx-setup-features strong{font-size:12px;font-weight:550;color:#596e4e}.nx-setup-features small{grid-column:2;font-size:11px;color:#929c89}.nx-setup-note{font-size:10px;letter-spacing:.7px;color:#94a088;border-top:1px solid #e1e9d8;padding-top:25px}.nx-setup-form>.bg-body-tertiary{padding:0 0 23px!important;background:transparent!important;border:0!important;margin:0!important}.nx-setup-form .lead{font-size:12px;color:#929c8a;line-height:1.8}.nx-setup-form .card-body{padding:26px}.nx-setup-form .card-footer{padding:20px 26px}.nx-setup-form h2.h5{font-size:13px;margin-bottom:20px}.nx-setup-form hr{margin:25px 0;opacity:.12}.nx-setup-form .form-control{font-size:12px;min-height:39px}.nx-setup-form .card{box-shadow:0 9px 35px #405b2910!important}.nx-setup-form .card-footer .btn{width:100%;padding:12px}.nx-setup-form .col-md-3,.nx-setup-form .col-md-2,.nx-setup-form .col-md-4{width:50%}.nx-backdrop{position:fixed;inset:0;background:#15261c66;border:0;z-index:1035}
@media(min-width:1600px){.nx-folder-art{right:60px;transform:rotate(-8deg) scale(1.18)}}
@media(max-width:1200px){.nx-sidebar{width:218px;padding-inline:14px}.nx-page{margin-left:218px}.nx-main{padding:28px}.nx-topbar{padding-inline:28px}.nx-welcome{padding:25px}.nx-folder-art{opacity:.6;right:-25px;transform:rotate(-8deg) scale(.85)}.nx-welcome h2{font-size:28px}.nx-shortcut{padding:17px}.nx-shortcut p{font-size:9px}.nx-setup{gap:40px}.nx-setup-intro h1{font-size:44px}}
@media(max-width:991px){.nx-sidebar{transform:translateX(-100%);transition:transform .2s;width:246px}.nx-page{margin-left:0}.nx-menu{display:block}.nx-menu-open .nx-sidebar{transform:translateX(0)}.nx-main{padding:25px}.nx-topbar{padding:0 25px;height:66px}.nx-file-sidebar{display:none}.nx-setup{gap:28px}.nx-setup-intro h1{font-size:37px}.nx-public-main{padding:35px 5%}.wf-file-sidebar .wf-area-nav{display:flex;flex-direction:row;flex-wrap:wrap}.wf-file-sidebar .wf-area-nav .list-group-item{border-radius:6px!important}.nx-folder-art{opacity:.8;right:8px}}
@media(max-width:700px){.nx-main{padding:24px 16px}.nx-topbar{padding:0 16px}.nx-top-actions{gap:13px}.nx-top-link span{display:none}.nx-dashboard-grid,.nx-bottom-grid{grid-template-columns:1fr}.nx-heading h1{font-size:28px}.nx-date{display:none}.nx-welcome{min-height:260px}.nx-folder-art{right:16px;opacity:.6}.nx-welcome h2{font-size:30px}.nx-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nx-shortcut p{font-size:10px}.nx-section{margin:26px 0}.nx-storage{padding:22px}.nx-storage .nx-usage{margin-top:16px}.nx-recent{padding:20px 16px}.nx-media{min-height:245px}.nx-footer{flex-direction:column;gap:9px}.nx-public-header{height:75px;padding-inline:20px}.nx-public-header>span{display:none}.nx-public-main{padding:25px 20px}.nx-setup{grid-template-columns:1fr;gap:30px}.nx-setup-intro{position:static;padding:0}.nx-setup-intro h1{font-size:38px;margin:14px 0}.nx-setup-intro>p{font-size:12px}.nx-setup-features{display:none}.nx-setup-note{display:none}.nx-setup-form .card-body{padding:20px}.nx-setup-form .col-md-6{width:100%}.nx-setup-form .form-control{max-width:100%}.wf-login-shell{margin:25px auto}.wf-login-panel{padding:28px}.nx-breadcrumb{gap:10px}.wf-file-search{width:100%}.wf-file-search input{min-width:0}.nx-menu-open{overflow:hidden}.nx-section-heading>span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

.wf-app-page .wf-messenger{background:#fff;height:calc(100dvh - 155px);border-radius:14px}.wf-app-page .wf-messenger-sidebar{background:#f5f8f0;border-color:#e2e9d9}.wf-app-page .wf-messenger-header,.wf-app-page .wf-messenger-composer{background:#fff;border-color:#e2e9d9}.wf-app-page .wf-messenger-avatar{background:#e0ead7;color:#5b784a}.wf-app-page .wf-messenger-user:hover,.wf-app-page .wf-messenger-user.is-active{background:#e8f0e0}.wf-app-page .wf-messenger-bubble.is-me{background:#e4efd9;color:#425638}.wf-app-page .wf-messenger-bubble.is-peer{background:#f2f4ed;color:#425638}.wf-app-page .wf-messenger-composer textarea{background:white;color:#3b4f34;border-color:#dce5d3}.nx-preview-notice{background:#fff4d9;color:#775924;padding:12px 22px;font-size:12px;text-align:center}.nx-preview-notice a{color:#685022;text-decoration:underline}.nx-preview-notice + .nx-topbar{position:static}

/* Keep decorative artwork away from reading text on narrow displays. */
@media(max-width:700px){.nx-folder-art{display:none}.nx-welcome{min-height:245px}}
@media(max-width:991px){.nx-sidebar{visibility:hidden}.nx-menu-open .nx-sidebar{visibility:visible}}
.nx-eyebrow,.nx-nav-label{color:#72816b}.nx-heading p,.nx-shortcut p,.nx-setup-intro>p,.nx-setup-features small,.nx-setup-form .lead{color:#6f7e67}.nx-date,.nx-top-link,.nx-breadcrumb{color:#72806b}