/* Presentation only. All rules are scoped so the existing home pages retain their design. */
.nx-app, .nx-login {
    --nx-ink:#162b35; --nx-muted:#6c7f87; --nx-line:#e1e9e9; --nx-teal:#365fc7;
    --nx-soft:#eef7f4; --nx-paper:#fff; --nx-bg:#f5f7f8;
    font-family:'Segoe UI Variable','Segoe UI',Arial,sans-serif !important;
    color:var(--nx-ink); font-size:14px; line-height:1.55;
    -webkit-font-smoothing:antialiased;
}
.nx-app { background:var(--nx-bg) !important; padding:0 0 0 242px !important; min-height:100vh; }
.nx-app *, .nx-login * { box-sizing:border-box; }
.nx-app :is(h1,h2,h3,h4,h5,h6), .nx-login :is(h1,h2,h3) { font-family:inherit !important; letter-spacing:-.035em; }
.nx-app :is(a,button,input,select,textarea) { transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s; }
.nx-app a { text-underline-offset:4px; }
.nx-app a:focus-visible, .nx-login a:focus-visible { outline:3px solid #25bca0; outline-offset:4px; }

/* Existing navigation, restyled as a persistent workspace rail. */
.nx-app nav.navbar { position:fixed !important; inset:0 auto 0 0 !important; margin:0 !important; border-radius:0 !important; width:242px; padding:28px 18px 20px; background:#17243b !important; border-right:1px solid #2c3a50; box-shadow:none; z-index:1030; overflow:auto; }
.nx-app nav.navbar > .container { width:100%; max-width:none; min-height:100%; padding:0; display:flex; flex-direction:column; align-items:stretch; flex-wrap:nowrap; justify-content:flex-start; }
.nx-app .navbar-brand { height:auto !important; float:none; display:block; color:#fff !important; white-space:normal; margin:0 0 30px; padding:0 12px 24px; border-bottom:1px solid #35445d; font-size:13px; font-weight:500; overflow-wrap:anywhere; }
.nx-app .navbar-brand::before { content:'B /  BUSINESS PRO'; display:block; font-size:15px; letter-spacing:.08em; font-weight:750; margin-bottom:17px; color:#dae6ff; }
.nx-app .navbar-brand > span::before { content:'Signed in as'; display:block; color:#9bb3b8; font-size:10px; text-transform:uppercase; letter-spacing:.12em; margin-bottom:3px; }
.nx-app #mainNav { display:flex !important; align-items:stretch; flex-direction:column; flex:1; }
.nx-app .navbar-nav { flex-direction:column !important; gap:7px; width:100%; margin:0 !important; }
.nx-app .navbar-nav::before { content:'WORKSPACE'; color:#88a4ab; font-size:10px; letter-spacing:.18em; padding:8px 12px 12px; font-weight:650; }
.nx-app .navbar-nav .nav-link { display:flex; align-items:center; gap:12px; border-radius:9px; padding:12px 14px !important; color:#bfd0d4 !important; font-size:13px; font-weight:550; text-decoration:none; }
.nx-app .navbar-nav .nav-link::before { content:attr(data-nx-icon); width:20px; text-align:center; font-size:18px; line-height:1; color:#7eaaa9; }
.nx-app .navbar-nav .nav-link:hover { color:#fff !important; background:#263a59; }
.nx-app .navbar-nav .nav-link.nx-current { color:#ffffff !important; background:#304a77; box-shadow:inset 3px 0 #8caeff; }
.nx-app .navbar-nav .nav-link.nx-current::before { color:#d6e3ff; }
.nx-app .navbar-nav > li:last-child { margin-top:25px; padding-top:12px; border-top:1px solid #35445d; }
.nx-app .navbar-nav .dropdown-menu { position:static !important; transform:none !important; border:0; background:#22324c; border-radius:10px; padding:6px; box-shadow:none; min-width:0; }
.nx-app .navbar-nav .dropdown-item { color:#cfdee0; font-size:12px; padding:10px 12px; border-radius:6px; }
.nx-app .navbar-nav .dropdown-item:hover, .nx-app .navbar-nav .dropdown-item.nx-current { background:#304a77; color:#d8ffeb; }
.nx-app .navbar-toggler { display:none; }
.nx-app nav .session-timer { order:3; margin:30px 0 0; padding:14px 12px; background:#22324c; border:1px solid #35445d; border-radius:10px; color:#bdd1d4; gap:6px; font:11px/1.5 'Segoe UI',sans-serif; }
.nx-app nav .session-timer strong { color:#d6e3ff; font-size:17px; margin-left:auto; }
.nx-app nav .session-timer.session-warning { background:#553600; color:#fff4d6; border-color:#bf9148; }

/* Page structure and contextual headings. */
.nx-app .body-content { width:100%; max-width:1560px !important; margin:auto; padding:0 36px 32px !important; }
.nx-topline { display:flex; justify-content:space-between; gap:20px; align-items:center; min-height:72px; border-bottom:1px solid var(--nx-line); color:#71858b; font-size:12px; margin-bottom:32px; }
.nx-topline b { font-weight:600; color:#243d46; }
.nx-topline .nx-location { display:flex; gap:10px; align-items:center; }
.nx-topline .nx-mark { color:#365fc7; background:#eef2fc; border:1px solid #d1e8dd; border-radius:6px; padding:5px 10px; font-size:10px; font-weight:650; letter-spacing:.06em; }
.nx-page-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:0 0 30px; animation:nx-enter .5s ease both; }
.nx-eyebrow { color:#365fc7; font-size:10px; font-weight:750; letter-spacing:.16em; text-transform:uppercase; margin:0 0 9px; }
.nx-page-heading h1 { font-size:clamp(27px,3vw,38px); line-height:1.2; font-weight:650; margin:0 0 9px; color:#17313a; }
.nx-page-heading p { font-size:13px; color:var(--nx-muted); margin:0; max-width:650px; }
.nx-page-heading .nx-page-number { font:400 48px/1 Georgia,serif; color:#d4e2df; padding-bottom:3px; }
.nx-app .body-content > hr { border-color:var(--nx-line); margin-top:35px; }
.nx-app footer { color:#829398; font-size:11px; letter-spacing:.02em; padding-top:12px; }
.nx-app .body-content > .container-fluid { padding:0 !important; }
.nx-app .w3-container { min-height:0; background:transparent; }
.nx-app :is(.w3-card,.w3-card-4,.card-soft,.card,.acc-box,.toolbar) { border:1px solid var(--nx-line) !important; border-radius:14px !important; background:#fff !important; box-shadow:0 3px 12px #15343c04 !important; }
.nx-app :is(.w3-card,.w3-card-4,.acc-box,.toolbar) { padding:22px !important; margin-bottom:22px !important; }
.nx-app .w3-margin-right { margin-right:14px !important; }
.nx-app :is(.card-header,.modalPopup .header,.modalPopup2 .header,.modalPopup3 .header) { background:#fff !important; color:#193640 !important; border-bottom:1px solid var(--nx-line) !important; padding:18px 22px !important; font-weight:650; }
.nx-app .card-body { padding:22px !important; }
.nx-app :is(.card-header h5,.acc-title) { font-size:15px; font-weight:650; letter-spacing:-.02em; }
.nx-app .acc-title { border-left:3px solid #365fc7; padding-left:12px; color:#23434b; }
.nx-app .w3-card > u { display:block; padding:0 0 16px; border-bottom:1px solid var(--nx-line); margin-bottom:17px; text-decoration:none; font-weight:650; font-size:15px; color:#24434c; }
.nx-app .w3-card > u + br { display:none; }
.nx-app :is(.w3-text-blue,.w3-text-indigo) { color:#365fc7 !important; }
.nx-app .pill, .nx-app .badge { border:1px solid #d6e9e0; background:#eef2fc; color:#216950; font-size:10px; font-weight:600; border-radius:5px; }
.nx-app label { font-size:12px; font-weight:600; color:#526b73; letter-spacing:0; }

/* Form controls retain every ID and event binding. */
.nx-app :is(input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],input[type=tel],select,textarea) { font-family:inherit; font-size:13px !important; color:#213e47 !important; background:#fcfdfd !important; border:1px solid #d9e3e4 !important; border-radius:8px !important; padding:10px 12px !important; min-height:42px; box-shadow:inset 0 1px 2px #12343c03; max-width:100%; }
.nx-app :is(input,select,textarea):focus { outline:none; border-color:#36a894 !important; box-shadow:0 0 0 3px #14a58b15 !important; background:#fff !important; }
.nx-app ::placeholder { color:#91a0a5; opacity:1; font-size:12px; }
.nx-app input[type=checkbox], .nx-app input[type=radio] { accent-color:var(--nx-teal); width:16px; height:16px; }
.nx-app input[type=file] { max-width:100%; font-size:12px; color:#5a737c; }
.nx-app input[type=file]::file-selector-button { background:#e9f4ef; color:#176c5c; border:1px solid #d1e7db; border-radius:7px; padding:9px 14px; margin-right:10px; }
.nx-app :is(.btn,.w3-btn,.w3-button,.acc-btn,input[type=submit],input[type=button]) { border-radius:8px !important; padding:10px 16px !important; font:600 12px/1.45 'Segoe UI',sans-serif !important; min-height:38px; letter-spacing:0; box-shadow:none !important; white-space:normal; cursor:pointer; }
.nx-app :is(.btn-primary,.btn-success,.w3-green,.w3-blue,.w3-indigo,.acc-btn,input[type=submit]) { background:#365fc7 !important; color:#fff !important; border:1px solid #365fc7 !important; }
.nx-app :is(.btn-primary,.btn-success,.w3-green,.w3-blue,.w3-indigo,.acc-btn,input[type=submit]):hover { background:#284ba6 !important; border-color:#284ba6 !important; box-shadow:0 4px 12px #365fc724 !important; }
.nx-app :is(.btn-outline,.btn-outline-primary,.btn-outline-secondary,.btn-light) { background:#fff !important; color:#28655e !important; border:1px solid #d1e2dd !important; }
.nx-app :is(.btn-danger,.w3-red,input.w3-red,.btn-delete) { background:#fff0ef !important; border:1px solid #f1d3d0 !important; color:#af413b !important; }
.nx-app :is(.btn-danger,.w3-red,input.w3-red,.btn-delete):hover { background:#fbe1de !important; color:#8a2d28 !important; }
.nx-app .w3-table a.w3-text-blue { display:inline-block; padding:9px 12px; background:#edf5f2; border:1px solid #dce9e3; border-radius:7px; font-size:12px; font-weight:650; text-decoration:none; white-space:nowrap; }
.nx-app .w3-table:not([id]) { margin:0 0 16px; }
.nx-app .w3-table:not([id]) td { padding:7px; vertical-align:middle; }

/* Dense data remains readable and horizontally scrollable at narrow widths. */
.nx-app .nx-table-scroll { width:100%; overflow-x:auto; overscroll-behavior-x:contain; border:1px solid var(--nx-line); border-radius:10px; margin:14px 0; scrollbar-color:#b6ccc7 #f6f9f8; scrollbar-width:thin; }
.nx-app :is(.responsive-gridview,.grid-modern,.gv,.table,.nx-data-grid) { display:table !important; width:100% !important; margin:0 !important; border:0 !important; border-collapse:collapse !important; float:none !important; background:#fff !important; font-size:12px !important; box-shadow:none !important; }
.nx-app :is(.responsive-gridview,.grid-modern,.gv,.table,.nx-data-grid) thead { display:table-header-group !important; }
.nx-app :is(.responsive-gridview,.grid-modern,.gv,.table,.nx-data-grid) tbody { display:table-row-group !important; }
.nx-app :is(.responsive-gridview,.grid-modern,.gv,.table,.nx-data-grid) tr { display:table-row !important; border:0 !important; box-shadow:none !important; }
.nx-app :is(.responsive-gridview,.grid-modern,.gv,.table,.nx-data-grid) th { display:table-cell !important; padding:13px 14px !important; background:#f0f3f8 !important; color:#536d73 !important; font-size:10px !important; text-transform:uppercase; letter-spacing:.065em; font-weight:700; border:0 !important; border-bottom:1px solid #dce7e4 !important; text-align:left !important; white-space:nowrap; }
.nx-app :is(.responsive-gridview,.grid-modern,.gv,.table,.nx-data-grid) td { display:table-cell !important; padding:13px 14px !important; background:#fff !important; color:#314c55; border:0 !important; border-bottom:1px solid #edf1f1 !important; font-size:12px !important; text-align:left !important; vertical-align:middle; min-width:65px; }
.nx-app :is(.responsive-gridview,.grid-modern,.gv,.table,.nx-data-grid) td::before { display:none !important; }
.nx-app :is(.responsive-gridview,.grid-modern,.gv,.table,.nx-data-grid) tr:hover td { background:#f6f8fc !important; }
.nx-app :is(.responsive-gridview,.grid-modern,.gv,.table,.nx-data-grid) td :is(input[type=submit],input[type=button],.btn,.w3-btn) { padding:6px 10px !important; min-height:30px; font-size:11px !important; }
.nx-app :is(.pgr,.pagination) a { border:1px solid #dae6e1; background:#fff; border-radius:6px; color:#365fc7; padding:5px 10px; text-decoration:none; }
.nx-app .table-wrap { border-radius:10px; }
.nx-app .toolbar { max-width:none; display:grid; gap:16px; }
.nx-app .toolbar textarea { min-height:190px; }
.nx-app .acc-container { gap:20px; }

/* Modal location, visibility and toolkit behavior remain controlled by the existing application. */
.nx-app .modalBackground { background:#10272f !important; opacity:.65 !important; backdrop-filter:blur(4px); }
.nx-app :is(.modalPopup,.modalPopup2,.modalPopup3) { border:1px solid #d7e5e1 !important; border-radius:17px !important; box-shadow:0 24px 90px #06283338 !important; background:#fff !important; color:#213e47; max-width:calc(100vw - 28px) !important; max-height:88vh !important; overflow:auto; font-family:inherit !important; }
.nx-app :is(.modalPopup,.modalPopup2,.modalPopup3) .body { padding:22px !important; }
.nx-app :is(.modalPopup,.modalPopup2,.modalPopup3) .footer { background:#f6f9f8 !important; border-top:1px solid #e1eae7; padding:15px 22px; }
.nx-app :is(.modalPopup,.modalPopup2,.modalPopup3) .header { border-radius:16px 16px 0 0; }
.nx-app.nx-print { padding:26px !important; }
.nx-app.nx-print > form { max-width:1200px; margin:auto; }

/* Login: a quiet editorial composition with an animated, abstract workspace illustration. */
.nx-login { margin:0; padding:0; min-height:100vh; background:#f6f8f6; }
.nx-login > form > .aspNetHidden { display:none; }
.nx-login > form { display:grid; grid-template-columns:minmax(400px,1.08fr) minmax(400px,1fr); min-height:100vh; margin:0; }
.nx-login .nx-login-story { position:relative; display:flex; flex-direction:column; justify-content:space-between; padding:48px clamp(35px,5.5vw,90px); background:#10353a; overflow:hidden; color:#fff; isolation:isolate; }
.nx-login-story::before { content:''; position:absolute; inset:0; z-index:-1; opacity:.17; background-image:linear-gradient(#85b6a722 1px,transparent 1px),linear-gradient(90deg,#85b6a722 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(#000,transparent 90%); }
.nx-login-story::after { content:''; position:absolute; z-index:-1; width:650px; height:650px; border-radius:50%; background:radial-gradient(circle,#4d9d8040,transparent 70%); top:20%; left:-250px; animation:nx-breathe 12s ease-in-out infinite alternate; }
.nx-login-logo { display:flex; align-items:center; gap:13px; font-size:15px; font-weight:650; letter-spacing:.03em; }
.nx-login-logo span { display:grid; place-items:center; height:36px; width:36px; background:#c1f1d8; color:#123c38; border-radius:10px; font-size:20px; font-weight:700; }
.nx-login-story .nx-story-copy { margin:65px 0 35px; }
.nx-story-copy .nx-eyebrow { color:#a2c9b8; margin-bottom:20px; }
.nx-story-copy h2 { font-size:clamp(38px,4.6vw,67px); line-height:1.08; font-weight:450; color:#f4f8f4; margin:0 0 24px; max-width:540px; letter-spacing:-.05em; }
.nx-story-copy h2 em { font-family:Georgia,serif; color:#a8e7c8; font-weight:400; }
.nx-story-copy > p:last-child { color:#a9c2c5; line-height:1.8; max-width:370px; font-size:14px; }
.nx-work-art { position:relative; height:195px; max-width:410px; margin:15px 0 45px; }
.nx-art-orbit { position:absolute; width:180px; height:180px; border:1px solid #4d8178; border-radius:50%; left:45%; top:5px; }
.nx-art-orbit::after { content:''; width:130px; height:130px; border:1px solid #3c6864; border-radius:50%; position:absolute; inset:24px; }
.nx-art-card { position:absolute; border:1px solid #4e7776; background:#23494cee; border-radius:13px; padding:18px 20px; box-shadow:0 14px 36px #001d2424; width:260px; top:15px; left:0; transform:rotate(-4deg); animation:nx-float 7s ease-in-out infinite; }
.nx-art-card span { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.12em; color:#91b9ac; }
.nx-art-card strong { display:block; font-size:16px; font-weight:500; margin:8px 0 14px; color:#e4f5ed; }
.nx-art-line { height:5px; border-radius:5px; width:75%; background:#3a615e; margin:8px 0; }
.nx-art-line.short { width:48%; background:#93cdb0; }
.nx-art-tag { position:absolute; top:130px; left:110px; background:#c3edda; color:#285346; padding:13px 18px; border-radius:10px; box-shadow:0 12px 30px #001d2420; font-size:12px; transform:rotate(3deg); animation:nx-float 7s ease-in-out 1s infinite; }
.nx-story-footer { border-top:1px solid #315459; padding-top:22px; display:flex; gap:22px; flex-wrap:wrap; color:#a3bfbf; font-size:11px; letter-spacing:.03em; }
.nx-login .login-form { align-self:center; width:100%; max-width:490px; margin:55px auto !important; padding:20px 48px !important; background:transparent !important; border-radius:0; box-shadow:none !important; animation:nx-enter .65s ease both; }
.nx-login .login-form > hr { display:none; }
.nx-login .login-form h1 { font-size:34px; font-weight:600; margin:0 0 12px; padding:0; line-height:1.2; color:#193c42; }
.nx-login .nx-login-intro { color:#7b8d90; font-size:13px; line-height:1.7; margin-bottom:30px; }
.nx-login .login-form .content { padding:0; text-align:left; }
.nx-login .input-field { padding:0 !important; margin-bottom:18px; }
.nx-login .input-field label { display:block; font-size:12px; color:#405b60; margin-bottom:8px; font-weight:600; }
.nx-login .input-field input { display:block; width:100%; max-width:none; border:1px solid #d7e2dd !important; background:#fff !important; border-radius:8px !important; padding:14px 15px !important; font:14px 'Segoe UI',sans-serif !important; color:#153a3f; outline:none; height:49px; transition:box-shadow .2s,border-color .2s; }
.nx-login .input-field input:focus { border-color:#218e78 !important; box-shadow:0 0 0 4px #139c7e0f; }
.nx-login .input-field input::placeholder { color:#a0b0ad; font-size:12px; letter-spacing:0; }
.nx-login .login-form a.link { display:block; margin:0; text-transform:none; letter-spacing:0; text-align:center; font-size:13px; font-weight:600; text-decoration:none; }
.nx-login .login-form a[id$=LinkButton1] { background:#365fc7; color:#fff !important; padding:14px; border-radius:8px; box-shadow:0 4px 10px #08745e13; }
.nx-login .login-form a[id$=LinkButton1]:hover { background:#284ba6; box-shadow:0 6px 18px #08745e25; }
.nx-login .login-form a[id$=LinkButton2] { color:#365fc7 !important; background:#edf2ff; border:1px solid #d6dff3; border-radius:8px; padding:12px; }
.nx-login .login-form a[id$=LinkButton2]:hover { background:#e2eaff; }
.nx-login .login-form .content > hr { border:0; border-top:1px solid #e0e8e2; margin:25px 0; opacity:1; }
.nx-login .login-form .content > a[href='#'] { color:#648078; font-size:11px; font-weight:500; margin-top:18px; }
.nx-login .nx-otp-label { font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#688179; margin-bottom:15px; }
.nx-login input[id$=TextBox2] { letter-spacing:.22em; }
.nx-login .nx-login-note { color:#90a29a; font-size:10px; text-align:center; margin:26px 0 0; }
.nx-login span[id$=Label3] { font-size:12px; line-height:1.5; display:block; margin-top:7px; color:#b0463d !important; }

@keyframes nx-enter { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
@keyframes nx-float { 0%,100% { translate:0 0; } 50% { translate:0 -8px; } }
@keyframes nx-breathe { to { transform:translate(70px,40px); opacity:.7; } }
@media (min-width:1600px) { .nx-app .body-content { padding-inline:50px !important; } }
@media (max-width:1100px) { .nx-app { padding-left:215px !important; } .nx-app nav.navbar { width:215px; padding-inline:13px; } .nx-app .body-content { padding-inline:22px !important; } .nx-login .login-form { padding-inline:32px !important; } }
@media (max-width:800px) {
    .nx-app { padding:0 !important; }
    .nx-app nav.navbar { position:relative !important; width:100%; height:auto; padding:16px; overflow:visible; }
    .nx-app nav.navbar > .container { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:12px; }
    .nx-app .navbar-brand { height:auto !important; float:none; display:block; padding:0; margin:0 auto 0 0; border:0; font-size:11px; }
    .nx-app .navbar-brand::before { margin:0 0 5px; font-size:12px; }
    .nx-app .navbar-brand > span::before { display:none; }
    .nx-app nav .session-timer { order:0; margin:0; padding:7px 9px; font-size:10px; max-width:210px; }
    .nx-app nav .session-timer strong { font-size:14px; }
    .nx-app #mainNav { flex-basis:100%; width:100%; min-width:0; }
    .nx-app .navbar-nav { flex-direction:row !important; flex-wrap:wrap; gap:3px; }
    .nx-app .navbar-nav::before { display:none; }
    .nx-app .navbar-nav .nav-link { padding:8px 10px !important; font-size:11px; gap:6px; }
    .nx-app .navbar-nav .nav-link::before { font-size:14px; width:16px; }
    .nx-app .navbar-nav > li:last-child { margin:0; padding:0; border:0; }
    .nx-app .navbar-nav .dropdown-menu { position:absolute !important; top:100%; z-index:1050; min-width:180px; box-shadow:0 8px 20px #17243b20; }
    .nx-app .body-content { padding:0 16px 20px !important; }
    .nx-topline { min-height:55px; margin-bottom:24px; font-size:10px; }
    .nx-topline .nx-mark { font-size:9px; }
    .nx-page-heading { margin-bottom:22px; }
    .nx-page-heading p { font-size:12px; }
    .nx-page-heading .nx-page-number { font-size:34px; }
    .nx-app :is(.w3-col.m6,.w3-col.m4,.w3-col.m3) { width:100% !important; }
    .nx-app .w3-margin-right { margin-right:0 !important; }
    .nx-app :is(.w3-card,.w3-card-4,.acc-box,.toolbar,.card-body) { padding:16px !important; }
    .nx-app .acc-box { width:100% !important; flex-basis:100% !important; }
    .nx-app .nx-toolbar-scroll { overflow-x:auto; }
    .nx-login > form { display:flex; flex-direction:column; }
    .nx-login .nx-login-story { padding:25px 28px; }
    .nx-login-story .nx-story-copy { margin:30px 0 12px; }
    .nx-story-copy h2 { font-size:34px; max-width:400px; margin-bottom:14px; }
    .nx-story-copy > p:last-child { font-size:12px; max-width:400px; margin:0; }
    .nx-login .nx-work-art,.nx-login .nx-story-footer { display:none; }
    .nx-login .login-form { margin:28px auto !important; max-width:460px; padding:12px 28px 30px !important; }
    .nx-login .login-form h1 { font-size:29px; }
}
@media (prefers-reduced-motion:reduce) { .nx-app *, .nx-login *, .nx-login *::after { animation:none !important; transition:none !important; } }
@media print { .nx-app { padding:0 !important; background:#fff !important; } .nx-app nav.navbar,.nx-app .nx-topline,.nx-app .nx-page-heading,.nx-app footer { display:none !important; } .nx-app .body-content { padding:0 !important; } .nx-app .nx-table-scroll { overflow:visible; border:0; } }

.nx-app .nx-data-grid img { width:42px !important; height:42px !important; object-fit:cover; border-radius:10px; background:#edf4f1; border:1px solid #e0eae4; }
.nx-app .nx-data-grid a { color:#365fc7; }
.nx-app .nx-data-grid tr > * { --bs-table-bg-type:transparent; --bs-table-accent-bg:transparent; }
.nx-app .acc-toolbar { background:#f6f9f7; border:1px solid #dfe9e3; box-shadow:none; padding:16px; }
.nx-app .acc-tool-btn { background:#fff !important; color:#356359 !important; border:1px solid #d5e4dc; font-size:12px; padding:9px 12px; border-radius:7px; box-shadow:none; }
.nx-app .acc-tool-btn:hover { background:#eaf4ee !important; box-shadow:none; }
.nx-app .acc-tool-btn.view, .nx-app .acc-tool-btn.filter { background:#137c6e !important; color:#fff !important; border-color:#137c6e; }
.nx-app .acc-tool-btn.dr, .nx-app .acc-tool-btn.cr { background:#f2eee4 !important; color:#75623d !important; border-color:#e4dcca; }
.nx-app .acc-date { flex:1 1 180px; max-width:none; width:calc(50% - 5px); }
.nx-app .acc-grid-wrapper { background:transparent; box-shadow:none; border:0; padding:0; }
.nx-app .acc-box > .acc-title:not(:first-child) { margin-top:24px; }
.nx-app .acc-box > .acc-btn { margin-top:10px; }
.nx-app .acc-summary-card { box-shadow:none; border-color:#dfe9e3; border-radius:12px; }
.nx-app .acc-summary-card.balance .acc-summary-value { color:#167b6c; }
.nx-app .acc-summary-card.balance::before { background:#167b6c; }
@media (max-width:800px) {
 .nx-app .acc-box { min-width:0 !important; }
 .nx-app .nx-toolbar-scroll > table > tbody > tr { display:flex; flex-wrap:wrap; gap:7px; }
 .nx-app .nx-toolbar-scroll > table > tbody > tr > td { display:block; flex:1 1 130px; padding:3px; }
 .nx-app .nx-toolbar-scroll .w3-text-blue { width:100%; text-align:center; }
 .nx-app .nx-toolbar-scroll input { width:100%; }
}

/* Compact workspace and dashboard analytics. */
.nx-app .body-content { max-width:none !important; padding:0 14px 20px !important; min-width:0; }
.nx-app .body-content > .container,.nx-app .body-content > .container-fluid { max-width:none !important; width:100%; padding-inline:0 !important; }
.nx-app .nx-topline { min-height:46px; margin-bottom:16px; }
.nx-app .nx-page-heading { margin-bottom:16px; }
.nx-app .nx-page-heading h1 { font-size:28px; margin-bottom:5px; }
.nx-app .nx-page-heading .nx-page-number { font-size:34px; }
.nx-app :is(.w3-card,.w3-card-4,.acc-box,.toolbar,.card-body) { padding:12px !important; margin-bottom:12px !important; min-width:0; }
.nx-app :is(.card-header,.modalPopup .header,.modalPopup2 .header,.modalPopup3 .header) { padding:12px !important; }
.nx-app .nx-table-scroll { margin:8px 0; max-width:100%; }
.nx-app :is(.responsive-gridview,.grid-modern,.gv,.table,.nx-data-grid) :is(th,td) { padding:7px 6px !important; min-width:0; white-space:normal; overflow-wrap:anywhere; }
.nx-app :is(.responsive-gridview,.grid-modern,.gv,.table,.nx-data-grid) td { font-size:11px !important; }
.nx-app :is(.responsive-gridview,.grid-modern,.gv,.table,.nx-data-grid) th { font-size:10px !important; letter-spacing:.015em; }
.nx-app .nx-data-grid td > span[style*="width:200px"] { width:auto !important; max-width:200px; }
.nx-app .nx-data-grid td :is(input[type=submit],input[type=button],.btn,.w3-btn) { padding:5px 7px !important; font-size:11px !important; }
.nx-app.nx-print { padding:12px !important; }
.nx-app.nx-print > form { max-width:none; }
.nx-app .body-content > .col-12 { padding-inline:0; }
.nx-app .body-content .row { --bs-gutter-x:16px; }
.nx-app .body-content > .row { margin-inline:0; }
.nx-app .body-content > .row > .col-md-12 { padding-inline:0; }
.nx-app .body-content > .col-12 > .row > h4 { font-size:16px; margin:12px 0 8px; }
.nx-app .body-content > .col-12 > .row > h4 u { text-decoration:none; }
.nx-app .metric .count { font-size:26px; font-variant-numeric:tabular-nums; }
.nx-app .body-content a[id$="LinkButton4"][onclick*="Logout All"] { width:auto; margin:0 8px 10px auto; }
.nx-analytics { margin-bottom:22px; }
.nx-analytics-toolbar { display:flex; flex-wrap:wrap; gap:12px; align-items:end; padding:14px; border:1px solid #dce8e4; background:#edf5f2; border-radius:12px; }
.nx-analytics-toolbar > div { margin-right:auto; }
.nx-analytics-toolbar h2 { font-size:17px; margin:0 0 4px; font-weight:650; }
.nx-analytics-toolbar p,.nx-chart-card > p { font-size:11px; color:#6c7f87; margin:0; }
.nx-analytics-toolbar label { margin:0; font-size:11px; }
.nx-app .nx-analytics-toolbar select,.nx-app .nx-due-label select { display:block; width:100%; max-width:240px; min-height:34px; padding:6px 9px !important; font-size:12px !important; margin-top:4px; }
.nx-chart-caption { font-size:11px; color:#6c7f87; margin:10px 2px; }
.nx-chart-layout { display:grid; grid-template-columns:minmax(220px,.85fr) minmax(260px,1.15fr) minmax(300px,1.4fr); gap:12px; }
.nx-chart-card { background:#fff; border:1px solid #e1e9e9; border-radius:12px; padding:16px; min-width:0; box-shadow:0 3px 14px #15343c04; }
.nx-chart-title { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:6px; }
.nx-chart-title h3 { font-size:14px; font-weight:650; margin:0; }
.nx-chart-title > span { font-size:8px; color:#7b918d; letter-spacing:.1em; }
#nx-status-chart svg { display:block; width:100%; height:195px; }
.nx-ring-total { font-size:29px; font-weight:650; fill:#193c42; }
.nx-ring-label { font-size:9px; fill:#748981; letter-spacing:.08em; }
.nx-chart-legend { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; font-size:10px; }
.nx-chart-legend span::before { content:''; width:7px; height:7px; display:inline-block; border-radius:50%; background:#0b9180; margin-right:5px; }
.nx-chart-legend .nx-complete-key::before { background:#6383df; }
#nx-group-chart { max-height:220px; overflow:auto; margin-top:16px; padding-right:5px; }
.nx-bar-row { margin-bottom:14px; }
.nx-bar-label { display:flex; justify-content:space-between; gap:10px; font-size:11px; margin-bottom:5px; }
.nx-bar-label span { overflow-wrap:anywhere; }
.nx-bar-track { display:flex; height:9px; background:#f0f5f3; border-radius:4px; overflow:hidden; }
.nx-bar-track > span { display:block; height:100%; transform-origin:left; animation:nx-bar-grow .65s ease both; }
.nx-bar-active { background:#0b9180; }.nx-bar-complete { background:#6383df; }
.nx-ring-segment { animation:nx-chart-reveal .8s ease both; }
.nx-chart-line { stroke-dasharray:1; animation:nx-line-draw 1s ease both; }
.nx-chart-area { animation:nx-chart-reveal 1s ease both; }
#nx-due-chart svg { display:block; width:100%; min-height:155px; margin-top:14px; }
.nx-axis-label { font:11px 'Segoe UI',sans-serif; fill:#728780; }
.nx-due-label { font-size:10px !important; margin:0; }
.nx-chart-details { font-size:11px; color:#536d65; max-height:130px; overflow:auto; }
.nx-chart-details summary { cursor:pointer; padding-bottom:6px; }
.nx-chart-empty { display:grid; place-items:center; min-height:190px; text-align:center; color:#788b86; font-size:12px; }
@keyframes nx-bar-grow { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes nx-line-draw { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@keyframes nx-chart-reveal { from { opacity:0; } to { opacity:1; } }
@media (min-width:801px) { .nx-app { padding-left:205px !important; } .nx-app nav.navbar { width:205px; padding:20px 12px; } .nx-app .navbar-nav .nav-link { padding:10px !important; } }
@media (max-width:1250px) { .nx-chart-layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } .nx-due-card { grid-column:1 / -1; } }
@media (max-width:600px) { .nx-app .body-content { padding-inline:8px !important; } .nx-chart-layout { grid-template-columns:minmax(0,1fr); } .nx-analytics-toolbar > div { flex-basis:100%; } .nx-analytics-toolbar label { flex:1 1 140px; } .nx-chart-card { padding:12px; } }
@media (prefers-reduced-motion:reduce) { .nx-analytics * { animation:none !important; } }
@media print { .nx-app .body-content { padding:0 !important; } .nx-analytics-toolbar button { display:none; } .nx-chart-layout { display:block; } .nx-chart-card { break-inside:avoid; margin-bottom:12px; } #nx-group-chart { max-height:none; } }
.nx-app .navbar-nav { display:flex !important; padding:0 !important; list-style:none; }
.nx-app .navbar-nav > .nav-item { list-style:none; width:100%; }
.nx-app .body-content .row { margin-inline:0 !important; }
.nx-dashboard-actions { flex:0 0 100%; width:100%; text-align:right; }
.nx-app .body-content .nx-dashboard-actions a[id$="LinkButton4"] { margin:0 0 8px auto; }
@media (max-width:800px) { .nx-app .navbar-nav > .nav-item { width:auto; } }
.nx-app .nx-toolbar-scroll { max-width:100%; overflow-x:auto; }
@media (max-width:1250px) {
 .nx-app .nx-toolbar-scroll > table > tbody > tr { display:flex; flex-wrap:wrap; gap:6px; }
 .nx-app .nx-toolbar-scroll > table > tbody > tr > td { display:block; flex:1 1 130px; padding:3px; }
 .nx-app .nx-toolbar-scroll input { width:100%; }
}
/* Keep wide records legible on phones; every column remains reachable by scrolling. */
@media (max-width:800px) { .nx-app table.nx-wide-grid { min-width:760px !important; } }
@media (min-width:801px) { .nx-app table.nx-data-grid { min-width:0 !important; width:100% !important; } }
@media (min-width:801px) and (max-width:1100px) { .nx-app .acc-container { flex-direction:column; } .nx-app .acc-box { width:100%; flex-basis:auto !important; } }

/* Compact charts with readable labels and user-selectable views. */
.nx-analytics .nx-analytics-toolbar { padding:9px 12px; gap:10px; background:#fff; }
.nx-analytics .nx-analytics-toolbar h2 { font-size:15px; margin:0; }
.nx-analytics .nx-analytics-toolbar > div > p { display:none; }
.nx-analytics .nx-chart-layout { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; align-items:start; }
.nx-analytics .nx-chart-card { padding:12px; min-height:222px; border-radius:9px; box-shadow:none; }
.nx-analytics .nx-due-card { grid-column:auto; }
.nx-analytics .nx-chart-title { min-height:30px; margin-bottom:8px; flex-wrap:wrap; }
.nx-analytics .nx-chart-title h3 { font-size:14px; }
.nx-app .nx-chart-title select,.nx-app .nx-due-tools select { min-height:28px; padding:3px 6px !important; font-size:12px !important; width:auto; max-width:145px; border-radius:5px !important; }
.nx-analytics .nx-chart-caption { margin:7px 0; font-size:12px; }
.nx-analytics #nx-status-chart { display:flex; align-items:center; flex-wrap:wrap; gap:10px; min-height:148px; }
.nx-analytics #nx-status-chart svg { width:140px; height:130px; flex:0 0 140px; }
.nx-analytics .nx-chart-legend { flex:1; display:flex; flex-direction:column; align-items:flex-start; gap:9px; font-size:13px; color:#29463f; white-space:nowrap; }
.nx-analytics #nx-status-chart > .nx-bar-row { width:100%; margin:0; }
.nx-analytics #nx-status-chart:has(.nx-bar-row) .nx-chart-legend { display:none; }
.nx-analytics #nx-group-chart { max-height:148px; margin-top:9px; padding-right:4px; }
.nx-analytics .nx-bar-label { font-size:13px; gap:8px; margin-bottom:5px; color:#29463f; }
.nx-analytics .nx-bar-label strong { white-space:nowrap; font-variant-numeric:tabular-nums; }
.nx-analytics .nx-bar-track { height:7px; }
.nx-analytics .nx-bar-row { margin-bottom:12px; }
.nx-analytics .nx-chart-card > p { font-size:12px; }
.nx-analytics .nx-due-tools { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.nx-analytics .nx-due-tools p { margin:0; font-size:12px; color:#566e65; }
.nx-analytics #nx-due-chart svg { height:123px; min-height:0; margin-top:0; }
.nx-analytics .nx-axis-label { font-size:13px; fill:#405e53; }
.nx-analytics .nx-point-value { font:600 14px 'Segoe UI',sans-serif; fill:#244b40; }
.nx-analytics .nx-chart-details { font-size:12px; max-height:95px; }
.nx-analytics .nx-chart-empty { min-height:120px; margin:0; font-size:13px; }
.nx-analytics .nx-chart-data { width:100%; border-collapse:collapse; font-size:13px; }
.nx-analytics .nx-chart-data th { font-size:12px; color:#64766f; text-align:left; }
.nx-analytics .nx-chart-data :is(th,td) { padding:6px 4px; border-bottom:1px solid #e7efeb; }
.nx-analytics .nx-chart-data :is(th,td):not(:first-child) { text-align:right; }
@media (min-width:801px) and (max-width:1150px) {
 .nx-analytics #nx-status-chart { justify-content:center; gap:0; }
 .nx-analytics .nx-chart-legend { flex-direction:row; justify-content:center; flex-wrap:wrap; font-size:12px; }
 .nx-analytics .nx-chart-card { min-height:250px; }
}
@media (max-width:800px) { .nx-analytics .nx-chart-layout { grid-template-columns:1fr; } .nx-analytics .nx-chart-card { min-height:0; } }
/* Reports had an additional 28px page wrapper inside the workspace gutter. */
.nx-app.nx-report-page .body-content { padding-inline:4px !important; }
.nx-app.nx-report-page .body-content .w3-container { padding:0 !important; margin-inline:0 !important; max-width:none !important; width:100%; }
.nx-app.nx-report-page .w3-container > .w3-card { padding:6px !important; margin-inline:0 !important; }
.nx-app.nx-report-page .table-container { padding:0 !important; margin-inline:0 !important; }
.nx-app.nx-report-page .nx-table-scroll { margin:0; }
.nx-app.nx-report-page .toolbar-grid { margin-inline:0 !important; }
@media print { .nx-analytics .nx-chart-layout { display:block; } }
.nx-analytics .nx-chart-title { margin-bottom:6px; }
.nx-analytics #nx-due-chart svg { height:115px; }
.nx-analytics .nx-chart-details summary { padding-bottom:0; }
.nx-app.nx-report-page .toolbar-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.nx-app.nx-report-page .toolbar-grid > .w3-col { float:none; width:auto !important; min-width:0; padding:4px !important; }
.nx-app.nx-report-page .toolbar-grid > .m12 { grid-column:1 / -1; }
.nx-app.nx-report-page .toolbar-grid::before,.nx-app.nx-report-page .toolbar-grid::after { display:none; }
@media (max-width:800px) { .nx-app.nx-report-page .toolbar-grid { grid-template-columns:1fr; } }

/* Unified workspace density and hierarchy. */
.nx-app { --nx-line:#dfe5ef; --nx-muted:#66748a; --nx-teal:#365fc7; background:#f3f5f9 !important; color:#24324a; font:14px/1.5 "Segoe UI",Arial,sans-serif; }
.nx-app :is(h1,h2,h3,h4,h5,h6) { font-family:inherit !important; }
.nx-app .nx-topline { min-height:40px; margin-bottom:14px; }
.nx-app .nx-topline .nx-mark { background:#fff; color:#64748b; border-color:#dfe5ef; }
.nx-app .nx-page-heading { align-items:center; gap:12px; margin-bottom:18px; }
.nx-app .nx-page-heading h1 { font-size:25px; letter-spacing:-.6px; color:#202e46; }
.nx-app .nx-page-heading .nx-page-number { display:none; }
.nx-app .nx-page-heading .nx-eyebrow { display:none; }
.nx-app .navbar-brand { margin-bottom:16px; padding-bottom:18px; }
.nx-app .navbar-nav { gap:3px; }
.nx-app .navbar-nav .nav-link { padding:10px 12px !important; border-radius:6px; font-weight:500; }
.nx-app .navbar-nav .nav-link::before { color:#a7b8d6; }
.nx-app :is(.w3-card,.w3-card-4,.card-soft,.card,.acc-box,.toolbar) { border-radius:9px !important; box-shadow:0 2px 5px #20314d04 !important; }
.nx-app :is(input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],input[type=tel],select,textarea) { min-height:36px; padding:7px 10px !important; border-radius:5px !important; border-color:#d4dce9 !important; background:#fff !important; }
.nx-app :is(input,select,textarea):focus { border-color:#7190d9 !important; box-shadow:0 0 0 3px #365fc719 !important; }
.nx-app :is(.btn,.w3-btn,.w3-button,.acc-btn,input[type=submit],input[type=button]) { padding:7px 12px !important; min-height:34px; border-radius:5px !important; }
.nx-app .nx-data-grid th { text-transform:none !important; font-size:11px !important; letter-spacing:0 !important; color:#526079 !important; }
.nx-app .nx-data-grid td { font-size:12px !important; line-height:1.4; }
.nx-app .nx-table-scroll { border-radius:7px; background:#fff; }
.nx-app .nx-data-grid tr:nth-child(even) td { background:#fafbfe !important; }
.nx-app .nx-data-grid tr:hover td { background:#edf2fc !important; }
.nx-app :is(.card-header,.acc-title) { color:#24324a !important; }
.nx-app .acc-title { border-color:#365fc7; }
.nx-app .metric { border-radius:8px; box-shadow:none; }
.nx-app .nx-chart-card { border-color:#dfe5ef; }
.nx-app .nx-chart-title h3 { color:#24324a; font-weight:600; }
.nx-app .nx-analytics-toolbar { border-radius:8px; border-color:#dfe5ef; }
@media(min-width:801px) { .nx-app:not(.nx-print) { padding-left:196px !important; } .nx-app nav.navbar { width:196px; padding:22px 12px; } }
@media(max-width:800px) { .nx-app .nx-page-heading h1 { font-size:23px; } .nx-app .body-content { padding-inline:10px !important; } }
/* Sign-in uses the same typography and restrained palette as the workspace. */
.nx-login { margin:0; background:#f3f5f9; font:14px/1.5 "Segoe UI",Arial,sans-serif; color:#24324a; }
.nx-login > form { min-height:100vh; display:grid; grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr); }
.nx-login .nx-login-story { background:#17243b; padding:48px; display:flex; flex-direction:column; justify-content:space-between; }
.nx-login .nx-login-story::before,.nx-login .nx-login-story::after,.nx-login .nx-work-art { display:none; }
.nx-login .nx-story-copy { margin:auto 0; padding:60px 0; }
.nx-login .nx-story-copy h2 { font:600 clamp(32px,4vw,52px)/1.16 "Segoe UI",sans-serif; letter-spacing:-1.5px; color:#fff; }
.nx-login .nx-story-copy h2 em { font-style:normal; color:#a9c3ff; }
.nx-login .nx-story-copy p { color:#c1cee2; }
.nx-login .nx-story-footer { color:#a7b7cf; border-color:#35445d; gap:14px; }
.nx-login .login-form { position:relative; align-self:center; width:100%; box-sizing:border-box; max-width:470px; margin:32px auto !important; padding:32px 38px !important; background:#fff; border:1px solid #dfe5ef; border-radius:12px; box-shadow:0 8px 32px #1b2d4b08; }
.nx-login .login-form h1 { font-size:28px; margin:8px 0; letter-spacing:-.5px; color:#24324a; }
.nx-login .login-form > hr { display:none; }
.nx-login .nx-eyebrow { color:#5576bc; font-size:10px; }
.nx-login .nx-login-intro { color:#66748a; font-size:13px; margin:0 0 24px; }
.nx-login .input-field { margin:16px 0; }
.nx-login .input-field label { display:block; margin-bottom:6px; font-weight:600; font-size:12px; }
.nx-login .input-field input { box-sizing:border-box; height:43px; border-color:#d4dce9 !important; border-radius:6px !important; }
.nx-login .login-form .content > hr { margin:20px 0; }
.nx-login .nx-login-support { color:#66748a; font-size:12px; text-align:center; }
.nx-login .bp-info-bar { position:absolute; right:16px; top:14px; margin:0; padding:0; }
@media(max-width:800px) {
 .nx-login > form { display:flex; flex-direction:column; }
 .nx-login .nx-login-story { padding:22px; }
 .nx-login .nx-story-copy,.nx-login .nx-story-footer { display:none; }
 .nx-login .login-form { width:calc(100% - 28px); max-width:470px; margin:24px auto !important; padding:28px 24px !important; }
}
@media print { .nx-app:not(.nx-print) { padding:0 !important; } }

.nx-login .login-form { background:#fff !important; }
.nx-login .nx-story-copy h2 em { font-family:inherit; }

/* Reclaim the full page width without losing the menu control. */
.nx-sidebar-toggle { border:1px solid #ccd7eb; background:white; color:#365fc7; border-radius:5px; padding:6px 10px; white-space:nowrap; font:600 12px "Segoe UI",sans-serif; cursor:pointer; }
.nx-topline { justify-content:flex-start; gap:12px; }
.nx-topline .nx-mark { margin-left:auto; }
.nx-app.nx-sidebar-hidden { padding-left:0 !important; }
.nx-app.nx-sidebar-hidden nav.navbar { display:none !important; }
.nx-chart-drilldown { cursor:pointer; }
.nx-chart-drilldown:hover { background:#edf2ff; }
.nx-chart-drilldown:focus-visible,.nx-sidebar-toggle:focus-visible { outline:3px solid #7190d9; outline-offset:2px; }
.nx-chart-details > button { display:block; width:100%; text-align:left; background:#fff; color:#365fc7; border:0; border-bottom:1px solid #e3e8f0; padding:8px 4px; font:inherit; }
.nx-task-dialog { width:min(1400px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); padding:0; border:1px solid #dfe5ef; border-radius:12px; color:#24324a; box-shadow:0 20px 80px #17243b55; }
.nx-task-dialog[open] { display:flex; flex-direction:column; }
.nx-task-dialog::backdrop { background:#17243b99; }
.nx-task-dialog header,.nx-task-dialog footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; flex-shrink:0; background:#f5f7fb; }
.nx-task-dialog h2 { font:600 20px "Segoe UI",sans-serif; margin:0 0 5px; }
.nx-task-dialog p { margin:0; font-size:13px; }
.nx-task-dialog button { border:1px solid #ccd7eb; background:white; color:#365fc7; padding:7px 12px; border-radius:5px; cursor:pointer; }
.nx-task-dialog button:disabled { opacity:.45; cursor:default; }
.nx-task-body { overflow:auto; padding:12px 20px; min-height:90px; }
.nx-task-table { border-collapse:collapse; width:100%; font:12px/1.5 "Segoe UI",sans-serif; }
.nx-task-table th { background:#edf2fa; position:sticky; top:0; white-space:nowrap; text-align:left; }
.nx-task-table td,.nx-task-table th { padding:9px 10px; border-bottom:1px solid #e1e7ef; min-width:80px; max-width:280px; overflow-wrap:anywhere; }
.nx-task-table tr:nth-child(even) { background:#fafbfe; }
@media(max-width:600px) { .nx-topline .nx-mark { display:none; } .nx-task-dialog { width:calc(100vw - 16px); } .nx-task-body { padding:8px; } }
@media print { .nx-sidebar-toggle,.nx-task-dialog { display:none!important; } }