@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Bengali:wght@400;500;600;700&display=swap');
:root{--ink:#183c31;--green:#184f3d;--soft:#eaf1e5;--lime:#d1ef93;--muted:#819087;--border:#e6ebe3;--bg:#f7f9f4;--orange:#e9a65b}*{box-sizing:border-box}body{margin:0;font:14px/1.6 'DM Sans','Noto Sans Bengali',sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--border);border-radius:9px;padding:10px 15px;background:#fff;color:var(--ink);font-weight:600}button:hover{background:#edf3e7}button:disabled{opacity:.5;cursor:wait}a{color:var(--green);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #a5c969;outline-offset:3px}svg{width:20px;height:20px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.layout{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--border);padding:32px 20px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font:800 22px Manrope,sans-serif;letter-spacing:-1px;padding:0 10px 35px}.brandmark{display:grid;place-items:center;background:var(--green);color:var(--lime);width:34px;height:37px;border-radius:10px}.brandmark svg{width:26px;height:26px}.navlabel{font-size:10px;letter-spacing:2px;color:#99a69e;padding:8px 14px}.navitem{width:100%;display:flex;align-items:center;gap:12px;padding:13px 16px;border:0;background:transparent;margin:4px 0;text-align:left;color:#7b8982;font-weight:500}.navitem.active{background:var(--soft);color:var(--green);font-weight:700}.navitem .counter{margin-left:auto;background:#d9e8c8;border-radius:5px;padding:0 6px;font-size:11px}.sidebottom{margin-top:auto}.networkcard{background:#f5f8ef;border:1px solid #e4eadc;border-radius:10px;padding:15px;margin:20px 3px;font-size:11px}.networkcard strong{display:block;font-size:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5f9b63;margin-right:7px}.networkcard p{margin:7px 0 0;color:var(--muted)}.user{display:flex;align-items:center;gap:9px;padding:12px 5px;border-top:1px solid var(--border)}.avatar{display:grid;place-items:center;background:#e9efd9;border-radius:50%;width:36px;height:36px;font-weight:700}.user strong{display:block;font-size:12px}.user small{font-size:10px;color:var(--muted)}.user button{margin-left:auto;padding:5px 9px;border:0}.topbar{display:flex;justify-content:space-between;align-items:center;background:#ffffffd9;border-bottom:1px solid var(--border);height:83px;padding:0 38px;gap:20px}.breadcrumb{color:#94a197;font-size:12px}.breadcrumb b{color:#4b6658;margin-left:10px;font-weight:500}.topright{display:flex;align-items:center;gap:16px}.topright select{border:0;background:transparent;color:#688071;font-size:12px}.demoLabel{background:#fff0d8;color:#9b6b24;font-size:10px;letter-spacing:.8px;padding:5px 9px;border-radius:5px;font-weight:700}.page{padding:31px 38px;max-width:1700px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}h1{font:800 29px/1.35 Manrope,'Noto Sans Bengali',sans-serif;letter-spacing:-1px;margin:0}h2{font:700 16px Manrope,'Noto Sans Bengali',sans-serif;margin:0}h3{margin:0;font-size:14px}.heading p{margin:6px 0 0;color:var(--muted);font-size:12px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#23664b}.primary svg{width:16px;height:16px;margin-right:6px}.hero{background:#193f32;color:white;border-radius:15px;min-height:175px;display:grid;grid-template-columns:1fr 270px;overflow:hidden;position:relative;padding:27px 30px;margin-bottom:24px}.hero .eyebrow{font-size:9px;letter-spacing:2px;color:#b6d894;display:flex;align-items:center;gap:8px}.hero h2{font-size:26px;font-weight:500;line-height:1.3;margin:10px 0}.hero p{color:#bccdc2;font-size:12px;max-width:480px;margin:8px 0}.hero a{color:var(--lime);font-size:11px;display:inline-block;margin-top:5px}.hero-art{display:grid;place-items:center;position:relative}.ring{border:1px solid #d7f2a72b;border-radius:50%;width:165px;height:165px;position:absolute;display:grid;place-items:center}.ring:before,.ring:after{content:'';position:absolute;border:1px dashed #d7f2a737;border-radius:50%;width:120px;height:120px}.ring:after{width:205px;height:205px}.hero-art .recycle{font-size:90px;color:#d1ef93;transform:rotate(-10deg);z-index:1}.floatbadge{position:absolute;bottom:4px;right:3px;font-size:9px;background:#365b49;border:1px solid #789569;padding:6px 10px;border-radius:7px;z-index:2}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.card{background:white;border:1px solid var(--border);border-radius:12px}.stat{padding:20px 20px 16px}.stathead{display:flex;justify-content:space-between;align-items:center;color:#76867a;font-size:11px}.iconbox{width:32px;height:32px;display:grid;place-items:center;background:#f1f5e9;border-radius:8px;color:#6c8b57}.stat strong{display:block;font:800 29px Manrope,sans-serif;letter-spacing:-1px;margin:9px 0}.stat strong span{font-size:13px;font-weight:500;color:#91a08f;letter-spacing:0}.stat small{color:#8b9a8e;font-size:10px}.stat small b{color:#60844d;font-weight:500}.middle{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-bottom:24px}.panelpad{padding:22px}.sectiontitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.sectiontitle p{font-size:10px;color:var(--muted);margin:4px 0 0}.sectiontitle a{font-size:11px}.sectiontitle select{border:1px solid var(--border);padding:5px;border-radius:6px;color:#81917d;background:#fff;font-size:10px}.bars{height:133px;display:flex;align-items:end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:0 10px;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#f1f4ed 33px)}.barcol{height:100%;flex:1;display:flex;gap:4px;align-items:end;max-width:42px;position:relative}.bar{flex:1;border-radius:4px 4px 0 0;background:#b8d89b;min-height:2px}.bar.secondary{background:#e2edcf}.barcol small{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);font-size:9px;color:#9aa68f;white-space:nowrap}.legend{font-size:9px;color:#82917b;display:flex;gap:15px;margin-top:34px}.legend i{width:7px;height:7px;background:#b8d89b;border-radius:2px;display:inline-block;margin-right:5px}.legend .light{background:#e2edcf}.material{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:11px 0;border-bottom:1px solid #f1f4ed}.material:last-child{border:0}.material .square{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:10px}.material strong{font-size:11px;font-weight:500}.material .track{width:80px;background:#f0f4e8;border-radius:10px;height:5px;margin:0 12px}.material .track span{height:5px;border-radius:10px;display:block;background:#779c61}.tablecard{overflow:hidden}.tableheader{padding:21px 22px 0}.filters{display:flex;justify-content:space-between;gap:14px;padding:0 22px 17px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{border:0;font-size:11px;padding:6px 10px;font-weight:500;color:#879583}.tabs button.selected{background:#eff4e5;color:#4b713d}.search{border:1px solid var(--border);padding:7px 12px;border-radius:7px;font-size:11px;width:220px;background:#fbfcf9;max-width:100%}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#fafbf8;padding:11px 22px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:9px;letter-spacing:.5px;color:#899783;font-weight:500}td{padding:15px 22px;border-bottom:1px solid #f0f3ec;font-size:11px;color:#71836e}td strong{display:block;font-size:11px;color:#38543e;font-weight:600}td small{font-size:9px;color:#9da993}.status{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 8px;font-size:9px;background:#fef4df;color:#a17d36}.status.received{background:#edf5e8;color:#658650}.status.flagged{background:#fff0e9;color:#af7650}.status.chain{background:#eaf0fd;color:#6b85b0}.rowaction{padding:4px 9px;border:0;color:#82957a;background:transparent}.tablefoot{display:flex;justify-content:space-between;padding:14px 22px;font-size:10px;color:#97a28f}.tablefoot button{padding:3px 8px;font-size:10px}.bottomnote{font-size:10px;color:#9ba78f;display:flex;justify-content:space-between;margin-top:22px}.bottomnote svg{width:12px;height:12px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.formcard{padding:28px;max-width:850px}.formcard label,.authform label{font-size:12px;font-weight:600;display:block;margin:0 0 17px}.formcard input,.formcard select,.formcard textarea,.authform input,.authform select{display:block;width:100%;background:#fbfcf8;border:1px solid #dfe7d7;border-radius:8px;padding:12px;margin-top:7px;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #aecb8d;outline-offset:1px}.formcard textarea{min-height:95px}.helper{font-size:11px;color:var(--muted);margin:10px 0}.notice{padding:13px 17px;background:#edf3e6;border:1px solid #dfe9d6;border-radius:8px;margin-bottom:20px;font-size:12px;color:#68815b}.notice.warn{background:#fff8e9;border-color:#f1e5c9;color:#9a7c42}.empty{text-align:center;padding:45px 25px;color:#91a089}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.authvisual{background:#173f32;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:10%;position:relative;overflow:hidden}.authvisual .brand{padding:0;margin-bottom:55px}.authvisual h1{font-size:clamp(34px,4vw,62px);line-height:1.18;max-width:530px;letter-spacing:-2px}.authvisual p{color:#b6cdb9;max-width:430px;margin:22px 0}.authvisual .giant{font-size:260px;color:#b7dc8a18;position:absolute;bottom:-80px;right:0}.authcontent{display:flex;align-items:center;justify-content:center;padding:40px}.authform{width:100%;max-width:390px}.authform h2{font-size:27px}.authform p{color:var(--muted);font-size:12px}.authform button.primary{width:100%;padding:13px}.authlinks{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.authlinks button{font-size:11px;border:0;padding:0;background:transparent}.authform .language{float:right;border:0;background:transparent;color:#748669}dialog{border:1px solid var(--border);border-radius:15px;padding:0;max-width:640px;width:94%;color:var(--ink)}dialog::backdrop{background:#15382bb3;backdrop-filter:blur(3px)}.dialoghead{padding:24px 28px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.dialogbody{padding:25px 28px}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.detailgrid small{display:block;color:var(--muted);font-size:10px}.detailgrid strong{font-size:12px}.timeline{border-left:2px solid #dce8cd;margin:20px 8px;padding-left:20px}.step{position:relative;margin:22px 0;font-size:12px}.step:before{content:'';width:9px;height:9px;background:#8eb66f;border:3px solid white;border-radius:50%;position:absolute;left:-27px;top:5px}.step small{display:block;color:var(--muted);font-size:10px}.detailphoto{max-width:100%;max-height:200px;border-radius:10px}.hash{font:10px monospace;overflow-wrap:anywhere;background:#f4f7f0;padding:10px;border-radius:7px}#toast{position:fixed;bottom:25px;right:25px;background:#1a4936;color:#fff;padding:14px 22px;border-radius:9px;box-shadow:0 8px 40px #173e3020;z-index:10;display:none;max-width:450px;font-size:12px}.demoRole{border:1px solid #dedfcf;border-radius:5px;padding:5px;background:#fff;font-size:10px;color:#66805c}.menuToggle{display:none}.proofbox{padding:25px}.proofbox code{overflow-wrap:anywhere;font-size:11px}.proofrow{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--border);align-items:center}.proofrow p{margin:4px 0;font-size:11px;color:var(--muted)}.proofrow a{font-size:11px}.accountactions{display:flex;gap:5px}.accountactions button{padding:4px 7px;font-size:10px}.uploadbox{border:1px dashed #c8d8b9;border-radius:9px;background:#f7faf2;padding:20px;text-align:center;font-size:11px;color:#829873}.uploadbox input{border:0;padding:5px;background:transparent}.pending{padding:25px}.mobileonly{display:none}@media(min-width:1600px){.page{padding:40px 55px}.topbar{padding:0 55px}.hero{min-height:200px}.bars{height:180px}}@media(max-width:1100px){.layout{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:25px 10px}.brand{font-size:20px}.page{padding:25px}.topbar{padding:0 25px}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:24px}.middle{grid-template-columns:1.3fr 1fr}.hero{grid-template-columns:1fr 180px}.floatbadge{right:-15px}.filters{flex-wrap:wrap}}@media(max-width:760px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;left:-250px;top:0;width:235px;z-index:8;transition:left .2s}.sidebar.open{left:0;box-shadow:0 0 0 100vw #173e3060}.topbar{height:65px;padding:0 18px}.menuToggle{display:inline-block;border:0;padding:4px}.breadcrumb{display:none}.topright{gap:7px}.page{padding:22px 16px}.heading{align-items:start;flex-wrap:wrap}h1{font-size:25px}.heading .actions{width:100%}.hero{grid-template-columns:1fr;padding:25px;min-height:160px}.hero-art{display:none}.hero h2{font-size:23px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat strong{font-size:25px}.middle{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr;gap:0}.formcard{padding:20px}.auth{grid-template-columns:1fr}.authvisual{padding:30px;min-height:230px}.authvisual .brand{margin-bottom:20px}.authvisual h1{font-size:32px}.authvisual p{margin:12px 0}.authcontent{padding:30px 22px}.bottomnote{display:block}.bottomnote span{display:block;margin:5px 0}.filters{padding:0 15px 15px}.search{width:100%}.demoLabel{font-size:8px}.topright select{max-width:100px}.proofrow{flex-wrap:wrap}.detailgrid{gap:12px}.networkcard{margin:10px 3px}}
.languageButtons,.roleButtons{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid #e0e8d9;background:#f7faf3;border-radius:9px;flex-wrap:nowrap;white-space:nowrap;flex-shrink:0;direction:ltr}.languageButtons button,.roleButtons button{border:0;background:transparent;padding:7px 10px;min-height:34px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;color:#78906d}.languageButtons button.selected,.roleButtons button.selected{background:#194e3c;color:#fff;box-shadow:0 2px 5px #173e3010}.roleButtons{background:#fff}.roleButtons button{font-size:10px;padding:7px 9px}.topright{flex-wrap:nowrap;min-width:0;gap:10px}.topbar{gap:18px}.breadcrumb{white-space:nowrap}.authform>.languageButtons{display:flex;width:max-content;max-width:100%;margin-bottom:28px;overflow-x:auto}.authform .languageButtons button{padding:7px 9px}.authform h2{clear:both}html[dir=rtl] body{font-family:'Noto Sans Arabic','Noto Sans Bengali',Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2{font-family:inherit;letter-spacing:0}html[dir=rtl] .sidebar{border-right:0;border-left:1px solid var(--border)}html[dir=rtl] .navitem{text-align:right}html[dir=rtl] .navitem .counter{margin-left:0;margin-right:auto}html[dir=rtl] .user button{margin-left:0;margin-right:auto}html[dir=rtl] table{text-align:right}html[dir=rtl] .timeline{border-left:0;border-right:2px solid #dce8cd;padding-left:0;padding-right:20px}html[dir=rtl] .step:before{left:auto;right:-27px}html[dir=rtl] .hash,html[dir=rtl] code{direction:ltr;text-align:left}html[dir=rtl] .primary svg{margin-right:0;margin-left:6px}@media(max-width:1250px){.topbar{padding-inline:20px}.breadcrumb{display:none}.topright{margin-inline-start:auto;max-width:100%;overflow-x:auto;scrollbar-width:thin}.topright .demoLabel{flex-shrink:0}.languageButtons button{padding:7px 8px}}@media(max-width:760px){.topbar{padding-inline:12px;height:76px}.topright{gap:7px}.topright .demoLabel{display:none}.menuToggle{flex-shrink:0}.languageButtons button{padding:6px 8px;font-size:10px}.roleButtons button{padding:6px 7px;font-size:9px}html[dir=rtl] .sidebar{left:auto;right:-250px;transition:right .2s}html[dir=rtl] .sidebar.open{right:0;left:auto}.authcontent{padding-inline:18px}.authform>.languageButtons{width:100%;justify-content:space-between}.authform .languageButtons button{padding:6px 7px;font-size:10px}}
/* Dedicated, addressable workspace pages */
html:has(.layout),body:has(.layout){height:100%;overflow:hidden}.layout{height:100dvh;min-height:0}.workspaceMain{height:100dvh;min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar{flex:0 0 83px}.sidebar{height:100dvh;position:relative;min-height:0;overflow-y:auto;overscroll-behavior:contain}.sidebar .navitem{border-radius:9px;flex-shrink:0}.sidebar .brand,.sidebar .navlabel,.sidebar .sidebottom{flex-shrink:0}.page{width:100%;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;scrollbar-gutter:stable;padding:26px 32px;margin:0;max-width:none}.page .heading{flex-shrink:0;margin-bottom:20px}.page h1:focus{outline:none}.designNotice{flex-shrink:0;font-size:11px;padding:10px 14px;margin-bottom:18px}.pageContent{flex:1;min-width:0}.bottomnote{flex-shrink:0;padding-top:15px;margin-top:16px}.page-dashboard .hero{min-height:130px;padding:20px 26px;margin-bottom:18px}.page-dashboard .hero h2{font-size:24px;margin:5px 0}.page-dashboard .hero p{margin:5px 0}.page-dashboard .hero-art .recycle{font-size:64px}.page-dashboard .ring{width:110px;height:110px}.page-dashboard .ring:before{width:85px;height:85px}.page-dashboard .ring:after{width:145px;height:145px}.page-dashboard .stats{margin-bottom:18px;gap:14px}.page-dashboard .stat{padding:15px 18px}.page-dashboard .stat strong{font-size:27px;margin:5px 0}.page-dashboard .middle{margin-bottom:0}.page-dashboard .bars{height:115px}.page-dashboard .panelpad{padding:18px}.page-dashboard .sectiontitle{margin-bottom:14px}.page-dashboard .material{padding:9px 0}.page-batches .pageContent,.page-receiving .pageContent,.page-users .pageContent{display:flex;flex-direction:column;min-height:330px}.page-batches .tablecard,.page-receiving .tablecard,.page-users .tablecard{display:flex;flex-direction:column;flex:1;min-height:0}.page-batches .tablewrap,.page-receiving .tablewrap,.page-users .tablewrap{overflow:auto;flex:1;min-height:200px}.tablewrap thead{position:sticky;top:0;z-index:1;background:#fafbf8}.tableheader,.filters,.tablefoot{flex-shrink:0}.fullPageForm{width:100%;max-width:none;padding:25px 28px}.fullPageForm .formgrid{gap:22px}.fullPageForm .uploadbox{min-height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center}.fullPageForm .uploadbox input{max-width:100%;font-size:12px}.fullPageForm textarea{min-height:90px}.fullPageForm .helper{margin:8px 0 15px}.fullPageForm .sectiontitle{margin-bottom:18px}.fullPageForm>button.primary{min-width:195px}.backLink{display:inline-block;border:1px solid #dce6d2;padding:9px 14px;border-radius:8px;font-size:12px;white-space:nowrap}.batchPage{width:100%}.batchPage .detailgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:18px;border-bottom:1px solid var(--border)}.batchPage .dialogbody{padding:24px 28px}.batchPage .detailgrid strong{font-size:14px}.batchPage .hash{max-width:850px}.batchPage #receiveForm{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.batchPage #receiveForm label{flex:1;min-width:200px;display:flex;flex-direction:column;font-size:12px}.batchPage #receiveForm input{width:100%;margin-top:8px;padding:12px}.batchPage .dialoghead{padding:20px 28px}.page-reports .stats{margin-bottom:20px}.page-reports .bars{height:115px}@media(min-width:1600px){.page{padding:30px 40px}.page-dashboard .hero{min-height:140px}.page-dashboard .bars{height:125px}}@media(max-width:1100px){.page{padding:22px}.batchPage .detailgrid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.topbar{flex-basis:76px}.sidebar{position:fixed;z-index:8}.page{padding:20px 14px}.page .heading{margin-bottom:16px}.designNotice{font-size:10px}.page-dashboard .hero{padding:20px;min-height:130px}.page-dashboard .stats{gap:10px}.page-dashboard .stat{padding:12px}.page-dashboard .stat strong{font-size:24px}.page-dashboard .middle{gap:14px}.page-batches .pageContent,.page-receiving .pageContent,.page-users .pageContent{min-height:430px}.fullPageForm{padding:20px}.fullPageForm .formgrid{grid-template-columns:1fr;gap:0}.fullPageForm .uploadbox{min-height:130px;margin-bottom:15px}.batchPage .dialoghead{padding:16px;gap:10px;flex-wrap:wrap}.batchPage .dialogbody{padding:18px}.batchPage .detailgrid{gap:15px}.batchPage .detailgrid strong{font-size:12px}.backLink{padding:7px 10px}.bottomnote{font-size:9px}.pageContent{flex-shrink:0}}
/* Draggable desktop application frame */
html,body{width:100%;height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 30% 15%,#f7faf2 0,#eaf0e5 55%,#dde7d8 100%)}.desktopWindow{position:fixed;display:flex;flex-direction:column;min-width:0;background:var(--bg);border:1px solid #cbd8c3;border-radius:13px;box-shadow:0 25px 85px #143c3024,0 5px 18px #153a3010;overflow:hidden;direction:ltr}.desktopWindow[hidden],.windowClosed[hidden]{display:none}.desktopWindow[data-maximized=true]{border-radius:0;border:0;box-shadow:none}.windowTitlebar{height:41px;flex:0 0 41px;display:flex;align-items:center;justify-content:space-between;background:#eef4e8;border-bottom:1px solid #dce6d4;padding-inline-start:17px;touch-action:none;cursor:grab;user-select:none;position:relative;z-index:3}.windowCaption{display:flex;align-items:center;gap:9px;font:700 12px Manrope,sans-serif;color:#315540;pointer-events:none}.windowCaption small{font:500 9px 'DM Sans',sans-serif;letter-spacing:1.5px;color:#8b9d80;margin-left:7px}.windowLogo{font-size:21px;color:#447a46}.windowControls{height:100%;display:flex;align-items:stretch;flex-shrink:0}.windowControls button{width:48px;height:100%;padding:0;display:grid;place-items:center;background:transparent;border:0;border-radius:0;color:#55724a}.windowControls button:hover{background:#dce8d1}.windowControls button:focus-visible{outline-offset:-4px}.windowControls button[aria-pressed=true]{color:#194e3c;background:#e2edd9}.windowControls button:last-child:hover{background:#c54343;color:#fff}.windowControls svg{width:15px;height:15px;stroke-width:1.7}.windowContent{position:relative;min-height:0;flex:1;overflow:hidden;direction:inherit}.windowContent #app{height:100%;min-height:0}html[dir=rtl] .windowContent{direction:rtl}.windowContent .layout,.windowContent .workspaceMain,.windowContent .sidebar{height:100%;min-height:0}.windowContent .auth{min-height:100%;height:100%;overflow:auto}.windowContent .authvisual{padding:8%}.windowContent .authvisual h1{font-size:40px}.windowContent .authvisual .brand{margin-bottom:30px}.windowContent .authcontent{padding:28px}.windowResize{position:absolute;z-index:5;touch-action:none}.resize-n,.resize-s{left:9px;right:9px;height:5px;cursor:ns-resize}.resize-n{top:0}.resize-s{bottom:0}.resize-e,.resize-w{top:9px;bottom:9px;width:5px;cursor:ew-resize}.resize-e{right:0}.resize-w{left:0}.resize-ne,.resize-nw,.resize-se,.resize-sw{width:12px;height:12px}.resize-ne{top:0;right:0;cursor:nesw-resize}.resize-nw{top:0;left:0;cursor:nwse-resize}.resize-se{bottom:0;right:0;cursor:nwse-resize}.resize-sw{bottom:0;left:0;cursor:nesw-resize}.resize-se:after{content:'';position:absolute;width:6px;height:6px;bottom:2px;right:2px;border-right:2px solid #a5b797;border-bottom:2px solid #a5b797}.desktopWindow[data-maximized=true] .windowResize{display:none}.windowAdjusting{user-select:none}.windowAdjusting .windowTitlebar{cursor:grabbing}.windowClosed{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;gap:20px}.closedLogo{font-size:65px;color:#407e4c;background:#f4f8ed;border:1px solid #d4dfc9;border-radius:25px;width:110px;height:110px;display:grid;place-items:center}.windowClosed h1{font-size:28px;letter-spacing:-.5px}.windowClosed button{padding:13px 24px}.desktopWindow[data-compact=true] .breadcrumb{display:none}.desktopWindow[data-compact=true] .topright{margin-inline-start:auto;max-width:100%;overflow-x:auto;scrollbar-width:thin}.desktopWindow[data-compact=true] .topbar{padding-inline:20px}.desktopWindow[data-compact=true] .page{padding:20px 24px}.desktopWindow[data-compact=true] .hero{grid-template-columns:1fr 190px}.desktopWindow[data-compact=true] .fullPageForm{padding:20px}.desktopWindow[data-compact=true] .fullPageForm label{margin-bottom:12px}.desktopWindow[data-compact=true] .fullPageForm input,.desktopWindow[data-compact=true] .fullPageForm select{padding:10px}.desktopWindow[data-compact=true] .fullPageForm .formgrid{gap:16px}.desktopWindow[data-compact=true] .fullPageForm textarea{min-height:75px}.desktopWindow[data-mobile=true] .layout{grid-template-columns:1fr}.desktopWindow[data-mobile=true] .sidebar{position:absolute;left:-250px;top:0;width:235px;height:100%;z-index:8}.desktopWindow[data-mobile=true] .sidebar.open{left:0;box-shadow:0 0 0 100vw #173e3060}.desktopWindow[data-mobile=true] .menuToggle{display:inline-block;flex-shrink:0}.desktopWindow[data-mobile=true] .stats{grid-template-columns:1fr 1fr}.desktopWindow[data-mobile=true] .middle,.desktopWindow[data-mobile=true] .auth{grid-template-columns:1fr}.desktopWindow[data-mobile=true] .formgrid{grid-template-columns:1fr}.desktopWindow[data-mobile=true] .hero{grid-template-columns:1fr}.desktopWindow[data-mobile=true] .hero-art{display:none}.desktopWindow[data-mobile=true] .topright .demoLabel{display:none}.desktopWindow[data-mobile=true] .heading{flex-wrap:wrap}.desktopWindow[data-mobile=true] .hero-art{display:none}html[dir=rtl] .desktopWindow[data-mobile=true] .sidebar{left:auto;right:-250px}html[dir=rtl] .desktopWindow[data-mobile=true] .sidebar.open{right:0;left:auto}@media(max-width:760px){.desktopWindow{border-radius:0}.windowTitlebar{cursor:default}.windowCaption small{display:none}.windowControls button{width:42px}.windowResize{display:none}.windowContent .authvisual h1{font-size:30px}.desktopWindow[data-compact=true] .page{padding:18px 14px}.windowContent .authcontent{padding:22px}}
.desktopWindow .sidebar{padding:22px 16px 16px}.desktopWindow .sidebar .brand{font-size:20px;padding:0 8px 23px;gap:8px}.desktopWindow .sidebar .navitem{font-size:12.5px;padding:10px 12px;line-height:1.4;gap:10px;margin:3px 0}.desktopWindow .sidebar .networkcard{padding:12px;margin:15px 3px}.desktopWindow .sidebar .navlabel{font-size:9px;padding:7px 12px}.desktopWindow .sidebar .user{padding:10px 3px}.desktopWindow .sidebar .sidebottom{margin-top:auto}.desktopWindow .sidebar .navitem svg{flex-shrink:0;width:18px;height:18px}
/* Fit the desktop overview to the available application height. */
.windowContent{container-type:size;container-name:workspace}
@container workspace (min-width:760px){
 .page-dashboard{overflow:hidden;scrollbar-gutter:auto;padding:18px 28px}
 .workspaceMain:has(.page-dashboard) .topbar{height:64px;flex-basis:64px;padding-inline:28px}
 .page-dashboard .heading{margin-bottom:12px;min-height:48px}
 .page-dashboard h1{font-size:clamp(20px,2.2cqw,27px)}
 .page-dashboard .designNotice{padding:8px 12px;margin-bottom:12px;font-size:10px}
 .page-dashboard .pageContent{min-height:0;flex:1;display:grid;grid-template-rows:94px 102px minmax(0,1fr);gap:12px}
 .page-dashboard .hero{min-height:0;height:100%;padding:12px 20px;margin:0;grid-template-columns:1fr 150px;align-items:center}
 .page-dashboard .hero .eyebrow{font-size:8px;letter-spacing:1.3px}
 .page-dashboard .hero h2{font-size:21px;margin:2px 0}
 .page-dashboard .hero p{font-size:11px;margin:2px 0;max-width:none}
 .page-dashboard .hero a{font-size:10px;margin-top:2px}
 .page-dashboard .hero-art{height:70px}
 .page-dashboard .hero-art .recycle{font-size:52px}
 .page-dashboard .ring{width:65px;height:65px}
 .page-dashboard .ring:before{width:80px;height:80px}
 .page-dashboard .ring:after{width:95px;height:95px}
 .page-dashboard .floatbadge{font-size:7px;padding:3px 6px;bottom:-1px;right:0}
 .page-dashboard .stats{margin:0;gap:12px}
 .page-dashboard .stat{padding:10px 14px;min-width:0}
 .page-dashboard .stat strong{font-size:25px;margin:2px 0}
 .page-dashboard .stat small{font-size:9px}
 .page-dashboard .iconbox{width:27px;height:27px}
 .page-dashboard .middle{min-height:0;gap:14px;margin:0}
 .page-dashboard .panelpad{padding:12px 16px;min-height:0;display:flex;flex-direction:column}
 .page-dashboard .sectiontitle{margin-bottom:8px;flex-shrink:0}
 .page-dashboard .sectiontitle h2{font-size:14px}
 .page-dashboard .sectiontitle p{font-size:9px;margin-top:2px}
 .page-dashboard .bars{height:auto;min-height:20px;flex:1}
 .page-dashboard .legend{margin-top:25px;flex-shrink:0}
 .page-dashboard .material{padding:6px 0;font-size:10px;flex:1;min-height:0}
 .page-dashboard .material strong{font-size:10px}
 .page-dashboard .bottomnote{padding-top:0;margin-top:10px;font-size:9px}
}
@container workspace (min-width:760px) and (max-height:610px){
 .workspaceMain:has(.page-dashboard) .topbar{height:53px;flex-basis:53px}
 .page-dashboard{padding:12px 20px}
 .page-dashboard .heading{min-height:38px;margin-bottom:8px}
 .page-dashboard .heading p{margin-top:2px;font-size:10px}
 .page-dashboard .actions button{padding:7px 10px;font-size:11px}
 .page-dashboard .designNotice{margin-bottom:8px;padding:5px 10px;font-size:9px}
 .page-dashboard .pageContent{grid-template-rows:68px 82px minmax(0,1fr);gap:8px}
 .page-dashboard .hero{padding:8px 16px}
 .page-dashboard .hero .eyebrow,.page-dashboard .hero p,.page-dashboard .floatbadge{display:none}
 .page-dashboard .hero-art{height:50px}
 .page-dashboard .hero-art .recycle{font-size:40px}
 .page-dashboard .ring{width:45px;height:45px}
 .page-dashboard .ring:before{width:55px;height:55px}
 .page-dashboard .ring:after{width:65px;height:65px}
 .page-dashboard .stat{padding:7px 11px}
 .page-dashboard .stat strong{font-size:22px;margin:0}
 .page-dashboard .stat small{font-size:8px}
 .page-dashboard .panelpad{padding:9px 12px}
 .page-dashboard .sectiontitle p{display:none}
 .page-dashboard .material{padding:3px 0}
 .page-dashboard .bottomnote{font-size:8px;margin-top:7px}
 .desktopWindow .sidebar{padding-top:14px}
}
@container workspace (min-width:760px){.page-dashboard .hero .eyebrow{display:none}.page-dashboard .stats,.page-dashboard .stat{min-height:0}.page-dashboard .hero h2{line-height:1.2}.page-dashboard .hero a{line-height:1.4}}
/* Keep every page fitted; only its information area scrolls. */
.windowContent .page{overflow:hidden;scrollbar-gutter:auto;min-height:0}
.windowContent .page>.heading,.windowContent .page>.designNotice,.windowContent .page>.bottomnote{flex-shrink:0}
.windowContent .page>.pageContent{flex:1 1 0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b4c6a6 #f1f5ed}
.windowContent .page-batches>.pageContent,.windowContent .page-receiving>.pageContent,.windowContent .page-users>.pageContent{min-height:0;overflow:hidden}
.windowContent .page-batches .tablecard,.windowContent .page-receiving .tablecard,.windowContent .page-users .tablecard{min-height:0}
.windowContent .page-batches .tablewrap,.windowContent .page-receiving .tablewrap,.windowContent .page-users .tablewrap{min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b4c6a6 #f1f5ed}
.windowContent .page-users>.pageContent>.notice{flex-shrink:0}
.windowContent .pageContent::-webkit-scrollbar,.windowContent .tablewrap::-webkit-scrollbar{width:7px;height:7px}
.windowContent .pageContent::-webkit-scrollbar-thumb,.windowContent .tablewrap::-webkit-scrollbar-thumb{background:#b4c6a6;border-radius:8px}
.windowContent .pageContent::-webkit-scrollbar-track,.windowContent .tablewrap::-webkit-scrollbar-track{background:#f1f5ed}
@container workspace (min-width:760px){
 .windowContent .page-dashboard>.pageContent{overflow:hidden;scrollbar-gutter:auto}
 .workspaceMain .topbar{height:64px;flex-basis:64px;padding-inline:28px}
 .windowContent .page{padding:18px 28px}
 .windowContent .page .heading{margin-bottom:12px;min-height:48px}
 .windowContent .page h1{font-size:clamp(20px,2.2cqw,27px)}
 .windowContent .designNotice{padding:8px 12px;margin-bottom:12px;font-size:10px}
 .windowContent .bottomnote{padding-top:0;margin-top:10px;font-size:9px}
}
@container workspace (min-width:760px) and (max-height:610px){
 .workspaceMain .topbar{height:53px;flex-basis:53px}
 .windowContent .page{padding:12px 20px}
 .windowContent .page .heading{min-height:38px;margin-bottom:8px}
 .windowContent .heading p{margin-top:2px;font-size:10px}
 .windowContent .actions button{padding:7px 10px;font-size:11px}
 .windowContent .designNotice{margin-bottom:8px;padding:5px 10px;font-size:9px}
 .windowContent .bottomnote{font-size:8px;margin-top:7px}
}
@container workspace (max-width:759px){
 .windowContent .page{padding:12px 14px}
 .windowContent .page .heading{margin-bottom:10px}
 .windowContent .page h1{font-size:21px}
 .windowContent .designNotice{margin-bottom:10px;padding:7px 10px}
 .windowContent .bottomnote{margin-top:8px;padding-top:0;gap:8px;flex-wrap:wrap}
}
/* Coordinated theme colors, including readable matching text. */
:root{--surface:#fff;--field:#fbfcf8;--hero:#193f32;--onhero:#fff;--herotext:#d0dfd5;--bar:#eef4e8;--desktop:#dde7d8;--chart:#8eb66f;--swatch:#184f3d}
body{background:radial-gradient(ellipse at 30% 15%,var(--bg),var(--desktop))}
.desktopWindow,.windowClosed{color:var(--ink)}.desktopWindow{border-color:var(--border)}
.sidebar,.card,.topbar,.authcontent,dialog,button{background:var(--surface);color:var(--ink);border-color:var(--border)}
.windowTitlebar{background:var(--bar);border-color:var(--border)}.windowCaption,.windowLogo,.windowControls button,.navitem,.breadcrumb,.breadcrumb b,.topright select{color:var(--muted)}
.windowCaption small,.navlabel,.stathead,.stat small,.stat strong span,.sectiontitle p,.material,.helper,.heading p,.user small,.networkcard p,.bottomnote,.legend,.barcol small,.proofrow p,.authform p,.tablefoot,td,td small{color:var(--muted)}
.navitem.active,.windowControls button[aria-pressed=true],.roleButtons button.selected,.languageButtons button.selected,.tabs button.selected{background:var(--soft);color:var(--green)}
button:hover,.windowControls button:hover{background:var(--soft)}
.primary,.brandmark{background:var(--green);color:var(--bg);border-color:var(--green)}.primary:hover{background:var(--green);filter:brightness(.92)}
.iconbox,.networkcard,.uploadbox,.hash{background:var(--soft);color:var(--green);border-color:var(--border)}
.avatar{background:var(--soft);color:var(--ink)}
.hero,.authvisual{background:var(--hero);color:var(--onhero)}.hero p,.authvisual p{color:var(--herotext)}.hero h2{color:var(--onhero)}.hero a,.hero-art .recycle,.hero .eyebrow{color:var(--lime)}
.floatbadge{background:var(--hero);color:var(--onhero);border-color:var(--muted)}
.formcard input,.formcard select,.formcard textarea,.authform input,.authform select,.search,.sectiontitle select{background:var(--field);color:var(--ink);border-color:var(--border)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
th{background:var(--field);color:var(--muted);border-color:var(--border)}td, .material,.proofrow,.user{border-color:var(--border)}td strong,.detailgrid strong{color:var(--ink)}
.bar,.legend i{background:var(--chart)}.bar.secondary,.legend .light{background:var(--soft)}.material .track{background:var(--soft)}.material .track span{background:var(--green)}
.bars{border-color:var(--border);background:repeating-linear-gradient(to top,transparent 0,transparent 32px,var(--border) 33px)}
.notice:not(.warn){background:var(--soft);color:var(--ink);border-color:var(--border)}
html[data-theme=midnight] .notice.warn{background:#42381f;border-color:#695834;color:#f1dca7}html[data-theme=midnight] .demoLabel{background:#42381f;color:#f1dca7}html[data-theme=midnight] .status{background:#42381f;color:#f1dca7}html[data-theme=midnight] .status.received{background:#284c38;color:#bfe8b0}html[data-theme=midnight] .status.flagged{background:#57372e;color:#ffd0bd}html[data-theme=midnight] .status.chain{background:#2b3c59;color:#c3d9ff}
.themeTools{margin-inline-start:auto;margin-inline-end:12px;height:100%;display:flex;align-items:center}
#themeToggle{display:flex;align-items:center;gap:7px;font-size:11px;padding:5px 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--ink)}#themeToggle svg{width:16px;height:16px}.currentThemeDot{width:9px;height:9px;background:var(--swatch);border-radius:50%}
.themePanel{position:absolute;z-index:20;top:47px;right:16px;width:238px;padding:15px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 35px #0003}.themePanel[hidden]{display:none}.themePanel>strong{font-size:12px;display:block;margin-bottom:10px}.themeChoices{display:grid;gap:5px}.themeChoices button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:12px;font-weight:500;text-align:start}.themeChoices i{width:21px;height:21px;border:1px solid #8885;border-radius:50%}.themeChoices b{margin-inline-start:auto;visibility:hidden}.themeChoices button[aria-pressed=true]{background:var(--soft);border-color:var(--green);color:var(--ink)}.themeChoices button[aria-pressed=true] b{visibility:visible}@media(max-width:480px){#themeToolLabel{display:none}.themeTools{margin-inline-end:4px}#themeToggle{padding:5px}.themePanel{right:8px;width:215px}}
.accountGuide{position:relative;z-index:1;background:#ffffff0d;border:1px solid #ffffff30;border-radius:12px;padding:16px 19px;margin:6px 0 22px;max-width:570px}.accountGuide h2{font-size:16px;color:var(--onhero,#fff);line-height:1.5}.accountGuide ol{padding-inline-start:20px;margin:12px 0;font-size:12px;line-height:1.75;color:var(--herotext,#d0dfd5)}.accountGuide li{padding-inline-start:4px;margin:7px 0}.authvisual .accountGuide p{font-size:11px;line-height:1.7;margin:10px 0 0;max-width:none;color:var(--herotext,#d0dfd5)}.windowContent .authvisual:has(.accountGuide){padding:28px 34px;justify-content:flex-start;overflow:auto;min-height:0}.windowContent .authvisual:has(.accountGuide)>.brand{margin-bottom:20px;flex-shrink:0}.windowContent .authvisual:has(.accountGuide)>h1{font-size:30px;flex-shrink:0}.windowContent .authvisual:has(.accountGuide)>p{margin:12px 0;flex-shrink:0}.authvisual .accountGuide{flex-shrink:0}.windowContent .authcontent{overflow:auto;min-height:0;align-items:safe center}@container workspace (max-width:759px){.windowContent .authvisual:has(.accountGuide){padding:22px}.windowContent .auth{overflow:auto;display:block}.windowContent .authvisual:has(.accountGuide){overflow:visible}.accountGuide{margin-bottom:12px}}
/* Compact account window: both instructions and form remain in view. */
.desktopWindow:has(.auth){height:min(640px,calc(100dvh - 32px))!important;top:max(16px,calc((100dvh - 640px)/2))!important}
.desktopWindow[data-maximized=true]:has(.auth){height:100dvh!important;top:0!important}
.windowContent .auth{height:100%;min-height:0;overflow:hidden;grid-template-columns:1fr 1fr}
.windowContent .authvisual:has(.accountGuide){padding:20px 28px;overflow:hidden;justify-content:center}
.windowContent .authvisual:has(.accountGuide)>.brand{margin-bottom:12px;font-size:20px;padding-bottom:0}
.windowContent .authvisual:has(.accountGuide)>h1{font-size:25px;line-height:1.25;letter-spacing:-.7px}
.windowContent .authvisual:has(.accountGuide)>p{font-size:11px;line-height:1.5;margin:9px 0}
.authvisual .giant{display:none}
.accountGuide{padding:12px 15px;margin:5px 0 12px;max-width:none}
.accountGuide h2{font-size:14px}
.accountGuide ol{font-size:11px;line-height:1.55;margin:8px 0;padding-inline-start:18px}
.accountGuide li{margin:5px 0}
.authvisual .accountGuide p{font-size:10px;line-height:1.5;margin-top:8px}
.windowContent .authcontent{padding:18px 28px;overflow:hidden;align-items:center}
.authform{max-width:420px}.authform h2{font-size:23px;line-height:1.3;margin:12px 0 6px}.authform>p{font-size:11px;margin:5px 0 10px}.authform label{font-size:11px;margin-bottom:9px}.authform input,.authform select{padding:8px 10px;margin-top:4px;line-height:1.4;min-height:34px}.authform button.primary{padding:9px;line-height:1.4}.authform .authlinks{margin-top:11px}.authform>p:last-child{margin-top:12px!important;font-size:9px!important}.authform #authMessage:empty{display:none}.authform .languageButtons{padding:3px;gap:2px}.authform .languageButtons button{padding:5px 7px;font-size:10px}.authvisual>small{font-size:10px}
@container workspace (max-height:570px){.windowContent .authvisual:has(.accountGuide){padding:14px 22px}.windowContent .authvisual:has(.accountGuide)>h1{font-size:21px}.windowContent .authvisual:has(.accountGuide)>p{margin:6px 0;font-size:10px}.accountGuide{padding:9px 12px;margin-bottom:8px}.accountGuide ol{font-size:10px;line-height:1.4}.accountGuide li{margin:4px 0}.authvisual .accountGuide p{font-size:9px}.windowContent .authcontent{padding:12px 22px}.authform h2{font-size:21px;margin-top:8px}.authform label{margin-bottom:7px}.authform input,.authform select{padding:6px 9px;min-height:30px}.authform .authlinks{margin-top:8px}}
@container workspace (max-width:759px){.windowContent .auth{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.windowContent .authvisual:has(.accountGuide){padding:12px}.windowContent .authvisual:has(.accountGuide)>.brand{font-size:16px}.windowContent .authvisual:has(.accountGuide)>h1{font-size:18px}.windowContent .authcontent{padding:12px}.accountGuide{padding:8px}.accountGuide h2{font-size:12px}.accountGuide ol{font-size:9px}.authvisual .accountGuide p{font-size:8px}.authform h2{font-size:19px}.authform .languageButtons{flex-wrap:wrap}}
/* Every screen fits; record navigation replaces scrolling. */
.windowContent .page>.pageContent{overflow:hidden;scrollbar-gutter:auto}
.windowContent .tablewrap{overflow:hidden!important;scrollbar-gutter:auto}
.tablewrap tr[hidden]{display:none!important}
.recordPager{display:flex;justify-content:center;align-items:center;gap:16px;flex-shrink:0;padding:8px 14px;border-top:1px solid var(--border);font-size:10px;color:var(--muted);background:var(--surface)}.recordPager button{padding:4px 10px;font-size:10px}.recordPager button:disabled{cursor:default;opacity:.4}
.fitCanvas{display:flow-root;width:100%;transform-origin:top left}.fitCanvas .fullPageForm{padding:18px 22px}.fitCanvas .fullPageForm .formgrid{gap:14px}.fitCanvas .fullPageForm label{margin-bottom:10px}.fitCanvas .fullPageForm input,.fitCanvas .fullPageForm select{padding:9px}.fitCanvas .fullPageForm textarea{min-height:65px}.fitCanvas .fullPageForm .uploadbox{min-height:125px}.fitCanvas .fullPageForm .sectiontitle{margin-bottom:12px}
.windowContent .authvisual:has(.accountGuide),.windowContent .authcontent{overflow:hidden!important;padding:12px 26px;display:flex;justify-content:center;align-items:center}.authFit{width:100%;max-width:570px;min-width:0;display:flow-root}.authcontent>.authFit{max-width:420px}.authFit>.brand{padding:0;margin-bottom:12px;font-size:20px}.authFit>h1{font-size:25px;line-height:1.25;letter-spacing:-.7px}.authFit>p{font-size:11px;margin:9px 0}.authFit>small{font-size:10px}.authFit .authform{width:100%}
#portalChainPanel{padding:16px 20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink);margin-bottom:12px}.chainForm{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chainForm label{font-size:11px;font-weight:600}.chainForm input,.chainForm select{display:block;width:100%;margin-top:5px;background:var(--field);color:var(--ink);border:1px solid var(--border);border-radius:7px;padding:9px}.chainForm input{font-family:monospace;font-size:11px}#portalChainMessage{font-size:11px;overflow-wrap:anywhere;line-height:1.5;min-height:18px}#portalWalletInfo{overflow-wrap:anywhere}#portalTxLinks{display:grid;gap:3px;font-size:10px}.prototypeProof{font-size:11px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.prototypeProof p{margin:5px 0}.prototypeProof code{overflow-wrap:anywhere;font-size:10px}
.authform input[aria-invalid=true],.authform select[aria-invalid=true]{border:2px solid #d94b4b;background:var(--field);outline:2px solid #d94b4b22;outline-offset:1px}.fieldIssue{display:block;color:#b63333;font-size:10px;line-height:1.35;margin-top:4px;font-weight:500}.fieldIssue[hidden]{display:none}html[data-theme=midnight] .fieldIssue{color:#ffb0a8}.authform #authMessage{font-size:11px;line-height:1.45;color:var(--ink);margin:7px 0}.authform #authMessage:not(:empty){background:var(--soft);border-inline-start:3px solid var(--green);padding:7px 10px;border-radius:5px}.authform .nextAction{outline:3px solid var(--green);outline-offset:3px;box-shadow:0 0 0 6px var(--soft)}
.demoGuideButton{display:inline-flex;align-items:center;padding:9px 13px;margin-top:10px;background:var(--lime);color:var(--hero);border-radius:8px;font-size:12px;font-weight:700;line-height:1.5}.demoGuideButton:hover{filter:brightness(.95)}.testGuide ol{margin-top:10px}.regularAccountHelp{border-top:1px solid #ffffff30;padding-top:8px;margin-top:10px;font-size:11px;color:var(--herotext);cursor:pointer}.regularAccountHelp>.accountGuide{border:0;padding:0;margin:8px 0 0;background:transparent}.regularAccountHelp>.accountGuide h2{display:none}

.windowSize{font:600 10px/1.4 'DM Sans',sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted);padding:3px 8px;margin-inline-start:15px;border:1px solid var(--border);border-radius:5px;pointer-events:none}.windowCaption{flex-shrink:0}@media(max-width:480px){.windowCaption small{display:none}.windowSize{margin-inline-start:6px;padding:2px 4px;font-size:9px}}
@container workspace (min-width:760px) and (max-height:690px){.desktopWindow .sidebar{padding:14px 12px 10px;overflow:hidden}.desktopWindow .sidebar .brand{padding-bottom:12px;font-size:19px}.desktopWindow .sidebar .navitem{padding:7px 10px;margin:2px 0;font-size:12px}.desktopWindow .sidebar .navlabel{padding:5px 10px;margin-top:8px!important}.desktopWindow .sidebar .networkcard{padding:9px;margin:10px 2px;font-size:10px}.desktopWindow .sidebar .networkcard strong{font-size:11px}.desktopWindow .sidebar .user{padding:8px 2px}.desktopWindow .sidebar .avatar{width:30px;height:30px}.desktopWindow .sidebar .user strong{font-size:11px}.desktopWindow .sidebar .user small{font-size:9px}}

#portalChainPanel .sectiontitle{align-items:start;gap:14px}#portalChainPanel .sectiontitle h2{flex:0 0 24%;font-size:16px}#portalChainPanel .sectiontitle>.walletGuide{flex:1}.walletGuide{background:var(--soft);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--ink);font-size:11px;line-height:1.5}.walletGuide strong{font-size:12px}.walletGuide ol{margin:5px 0 0;padding-inline-start:17px}.walletGuide li{margin:3px 0}#portalChainPanel>.walletGuide{width:49%;margin-inline-start:auto;margin-top:8px}.walletSafety{font-size:10px;line-height:1.5;color:var(--muted);margin-top:8px}@media(max-width:700px){#portalChainPanel .sectiontitle{flex-wrap:wrap}#portalChainPanel .sectiontitle h2{flex-basis:100%}#portalChainPanel>.walletGuide{width:100%}}

/* Preserve readable text; detailed instructions open at full size. */
.page-proof .pageContent{overflow:auto!important}.page-proof .fitCanvas{zoom:1!important}#portalChainPanel .sectiontitle{align-items:center;margin-bottom:10px}#portalChainPanel .sectiontitle h2{flex:1;font-size:16px}#portalChainPanel .helper,#portalChainMessage,#portalWalletInfo,.chainForm label,.prototypeProof{font-size:13px}#portalChainPanel .chainForm input,#portalChainPanel .chainForm select,#portalChainPanel button{font-size:13px}#portalChainPanel .walletHelpButton{background:var(--soft);color:var(--ink);font-size:13px;padding:8px 10px;white-space:normal}#portalChainPanel>.walletHelpButton{display:block;margin:8px 0 12px auto;max-width:49%}.walletSafety{font-size:12px}.walletHelpDialog{background:var(--surface);color:var(--ink);max-width:720px;max-height:85dvh}.walletHelpDialog .dialoghead h2{font-size:19px}.walletHelpDialog .dialogbody{font-size:16px;line-height:1.75}.walletHelpDialog li{margin-bottom:15px}.walletHelpDialog .dialogbody p{font-size:14px;padding:12px;background:var(--soft);border-radius:8px}

/* Place registry evidence beside transaction controls, within the same panel. */
.chainBottomRow{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-top:8px}.chainBottomRow .prototypeProof{margin:0;padding:10px 12px;font-size:12px;min-width:0}.chainBottomRow .prototypeProof code{font-size:11px}.chainBottomRow .prototypeProof .helper{font-size:11px;line-height:1.45;margin:5px 0}.chainBottomControls .actions{gap:6px}.chainBottomControls .actions button{padding:9px 10px}#portalChainPanel{padding:12px 16px;margin-bottom:0}#portalChainPanel .helper{margin:7px 0}#portalChainPanel>.walletHelpButton{margin-top:0;margin-bottom:5px}#portalChainPanel .walletSafety{margin:6px 0 0;font-size:11px}.page-proof .bottomnote{margin-top:8px}.chainBottomRow .prototypeProof details[open]{max-height:105px;overflow:auto}@media(max-width:700px){.chainBottomRow{grid-template-columns:1fr}}

#portalChainPanel>.walletSafety{display:none}#portalChainPanel>.helper:last-of-type{display:none}#portalChainPanel>.walletHelpButton{padding:4px 8px;margin:0 0 5px auto;font-size:12px}#portalChainPanel .sectiontitle{margin-bottom:4px}#portalChainPanel #portalWalletInfo{margin:3px 0}#portalChainPanel>.helper{margin:3px 0}.chainBottomRow{margin-top:3px}.chainBottomControls .actions{flex-wrap:nowrap}.chainBottomControls .actions button{padding:7px 6px;font-size:12px!important}.chainBottomRow .prototypeProof{font-size:12px}.chainBottomRow .prototypeProof p{margin:3px 0}.chainBottomControls #portalChainMessage{margin:5px 0}.chainBottomRow .prototypeProof details{font-size:11px}