:root{--border:#e0e6ef;--input:#d9e1ec;--foreground:#18283f}body{background:#f4f6f9;color:#18283f}button{border:0;background:none}h1,h2,h3{margin-top:0}a{color:inherit}nav{background:#101e34;color:#bfcde2;width:245px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:10px}nav .navbtn{width:100%;text-align:left;padding:13px 18px;color:#bfcde2;border-radius:6px;margin:4px 0;font-size:14px}nav .navbtn.active{background:#253b59;color:#fff}nav .sideNote{margin-top:auto}.workspace{margin-left:245px}.topbar{position:sticky;top:0;z-index:5}select{font:inherit;color:inherit;border:1px solid var(--input);border-radius:6px;background:white;padding:10px;width:100%;max-width:100%}.field select{font-size:14px}table{border-collapse:collapse;width:100%}tr{border-bottom:1px solid var(--border)}th,td{text-align:left}.tablewrap{overflow:auto}.projectTabs{display:flex}.projectTabs .active{color:#2458dc;border-bottom:2px solid #2458dc}.projectTabs button{background:white}dialog{border:1px solid var(--border);border-radius:12px;max-width:850px;width:90vw;max-height:90vh;overflow:auto;padding:28px;color:inherit}dialog::backdrop{background:#13213d77}.toast{position:fixed;bottom:25px;right:25px;background:#142943;color:white;padding:16px 22px;border-radius:8px;z-index:20;max-width:420px}.check input{width:18px;height:18px}.tablewrap td small{max-width:300px}.mobilemenu{display:none}@media(max-width:850px){nav{width:200px}.workspace{margin-left:200px}}@media(max-width:700px){nav{position:relative;width:100%;display:block;padding:8px}.brand{padding:10px!important}.navLabel,.sideNote{display:none!important}.navlinks{display:flex;overflow:auto}nav .navbtn{white-space:nowrap;width:auto;font-size:12px}.workspace{margin:0}.topbar{position:static}.templateEditor textarea{height:380px}}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button,input,textarea{font:inherit}button{transition:background .15s}input,textarea{width:100%;border:1px solid var(--input);border-radius:6px;background:#fff;padding:10px 12px;color:var(--foreground)}input:focus,textarea:focus{outline:2px solid #8cacf1;outline-offset:1px}small{display:block;color:#748195;font-size:12px;margin-top:5px}h1{font-size:30px;font-weight:650;letter-spacing:-.7px;line-height:1.25;margin:7px 0 10px}h2{font-size:19px;font-weight:600}h3{font-size:16px;font-weight:600}p{margin:0}main{padding:36px 40px 50px;max-width:1550px;width:100%;margin:auto;min-height:calc(100vh - 128px)}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;padding:26px 12px 30px;color:#fff}.brand small{font-size:10px;letter-spacing:1.2px;color:#8ea3be}.brandIcon{background:#2458dc;color:#fff;display:grid;place-items:center;width:42px;height:42px;border-radius:10px}.navLabel{font-size:10px;letter-spacing:1.3px;margin:16px 24px;color:#8095b0}[data-slot=sidebar-menu]{padding:0 12px;gap:7px}[data-slot=sidebar-menu-button]{height:45px;padding:0 14px;font-size:14px}[data-slot=sidebar-menu-button] em{font-style:normal;margin-left:auto;background:#405775;border-radius:4px;padding:0 6px;font-size:12px}.sideNote{display:flex;align-items:center;gap:10px;border-top:1px solid #2a3a52;padding:20px 8px;font-size:13px}.sideNote small{font-size:10px;color:#8ea3be}.avatar{padding:8px;background:#2a3d59;border-radius:50%;color:#fff;font-size:12px}.topbar{background:white;min-height:76px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 32px;font-size:13px}.crumb,.saveStatus{display:flex;align-items:center;gap:15px}.crumb span{color:#b5bfce}.saveStatus{color:#748195;font-size:12px}.button{border:1px solid #d4dce9;border-radius:7px;display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:10px 16px;background:white;color:#253b5b;font-size:14px;font-weight:600;white-space:nowrap}.button:hover{background:#f0f4fc}.button.primary{background:#2458dc;border-color:#2458dc;color:white;box-shadow:0 3px 5px #2458dc12}.button.primary:hover{background:#1948c0}.button.small{padding:7px 10px;font-size:12px}.button.full{width:100%;margin:7px 0}.pageHeading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:30px}.pageHeading>div>p:not(.eyebrow){color:#718097;font-size:14px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;color:#687d9b}.stats{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:20px;margin-bottom:30px}.stats>div{border:1px solid var(--border);background:white;padding:23px 25px;border-radius:9px;border-top:3px solid #bccbed}.stats>div:first-child{border-top-color:#2458dc}.stats span{color:#63758d;font-size:13px}.stats strong{display:block;font-size:29px;letter-spacing:-.5px;margin:13px 0 12px;font-weight:600}.stats small{font-size:12px;color:#8693a5}.panel{border:1px solid var(--border);background:white;border-radius:10px;overflow:hidden}.panelHead{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--border)}.panelHead input{max-width:285px;font-size:13px;padding:8px 12px}.panelHead h2{display:flex;gap:10px;align-items:center}.count{padding:2px 7px;background:#eef2f8;color:#6b7a90;font-size:12px;border-radius:5px}.empty{padding:65px 25px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:15px}.empty p{color:#7b889b;font-size:14px}.emptyIcon{background:#eef3ff;padding:18px;border-radius:16px;color:#3d67bb;margin-bottom:6px}.empty h2{font-size:20px}.empty .button{margin-top:8px}.infoStrip{margin-top:22px;padding:23px;display:flex;align-items:center;gap:18px;background:#eaf0fb;border:1px solid #dce5f7;border-radius:9px;color:#38517b}.infoStrip b{font-size:14px}.infoStrip p{font-size:12px;color:#7284a2;margin-top:5px}.infoStrip>button{margin-left:auto;white-space:nowrap}.textLink{color:#2458dc;font-size:14px;font-weight:600;text-align:left}.badge{display:inline-block;font-size:12px;font-weight:500;padding:5px 9px;border:1px solid #e1e6ee;background:#f5f7fa;border-radius:5px;color:#68798f;white-space:nowrap}.badge.blue{color:#2458dc;background:#edf3ff;border-color:#d6e3ff}.badge.amber{color:#9e6818;background:#fff6e3;border-color:#f2e1bd}th{font-size:12px;color:#78869b!important;background:#fafbfd;height:47px!important;padding:14px 24px!important}td{font-size:14px;padding:20px 24px!important}footer{display:flex;justify-content:space-between;gap:10px;margin:0 40px;padding:20px 0;border-top:1px solid #e0e6ef;color:#8b98aa;font-size:12px}.projectLayout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.projectTabs{border-bottom:1px solid var(--border);border-radius:0;background:white;width:100%;justify-content:start;height:auto;padding:8px 20px;gap:10px}.projectTabs button{font-size:14px;padding:12px 8px;border:0;border-radius:0;color:#7a8799;box-shadow:none!important}.projectTabs button[data-state=active]{color:#2458dc;border-bottom:2px solid #2458dc}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:23px 20px;padding:25px}.field{display:flex;flex-direction:column;gap:8px;font-size:14px}.field>span{font-size:13px;color:#62738a}.field.wide{grid-column:1/-1}[data-slot=select-trigger]{width:100%;height:44px;font-size:14px;background:#fff}.summary{padding:24px;background:#fff;border:1px solid var(--border);border-radius:10px}.sumRow{display:flex;justify-content:space-between;gap:10px;margin-top:21px;font-size:13px}.sumRow span{color:#738198}.sumRow b{font-weight:500}.grand{border-top:1px solid var(--border);margin-top:22px;padding-top:20px;margin-bottom:16px}.grand span{font-size:13px;color:#738198}.grand strong{font-size:27px;display:block;font-weight:600;margin-top:6px}.muted{color:#7c8a9e;font-size:13px;line-height:1.7}.summary>.muted{margin-top:12px}.checklist{font-size:12px;border-top:1px solid var(--border);padding-top:20px;margin-top:20px;color:#9b6b25}.checklist p{margin:10px 0}.checklist b{color:#65748a}.sectionPad{padding:24px}.sectionPad h2{margin-bottom:14px;font-size:16px}.lineGroup{padding:22px;border-top:1px solid var(--border)}.lineGroup h3{display:flex;justify-content:space-between;margin-bottom:15px}.lineGroup h3 span{font-size:14px;font-weight:500}.line{display:flex;gap:14px;align-items:center;border-bottom:1px solid #eef1f6;padding:16px 0}.line>div{flex:1;font-size:14px}.line label{font-size:11px;color:#7b8ba2;width:90px}.line input{padding:7px;font-size:14px}.notice{padding:16px 20px;background:#fff8e9;border:1px solid #f0e1bf;border-radius:8px;color:#8c6930;font-size:14px;margin:20px 0}.catalogGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.catalogCard .panelHead{padding:15px 23px}.templateLayout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.templateList{padding:8px}.templateList button{display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:13px 12px;border-radius:5px;font-size:13px}.templateList button.selected{background:#edf3ff;color:#2458dc}.templateEditor{padding:26px}.templateEditor h2{margin-bottom:10px}.templateEditor textarea{height:420px;margin:20px 0;font-size:14px;line-height:1.8}.check{display:flex;align-items:center;gap:12px;font-size:14px;margin-bottom:14px}.release{margin-bottom:24px}.release h2{margin-top:12px}.release .panelHead p{font-size:12px;color:#8090a5;margin-top:6px}.docGrid{display:grid;grid-template-columns:1fr 1fr;padding:16px 22px;gap:8px}.docGrid button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border-radius:6px;font-size:13px}.docGrid button:hover{background:#f2f6fc}.docGrid button>span{flex:1}.docGrid svg{color:#6d87b5;flex-shrink:0}.docDialog{max-width:850px!important;max-height:90vh;overflow:auto}.paper{font-family:Georgia,serif;font-size:15px;line-height:1.8;padding:25px}.paper p{margin-bottom:14px}
@media(max-width:1150px){main{padding:25px}.projectLayout{grid-template-columns:1fr}.summary{max-width:none}.catalogGrid{grid-template-columns:1fr}.templateLayout{grid-template-columns:240px minmax(0,1fr)}.stats{gap:12px}.stats>div{padding:18px}.stats strong{font-size:23px}.saveStatus{font-size:0}}
@media(max-width:700px){main{padding:22px 16px}.topbar{padding:12px}.crumb{font-size:11px;gap:6px}.pageHeading{align-items:start;flex-direction:column;gap:14px}h1{font-size:26px}.stats{grid-template-columns:1fr}.stats>div{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:15px}.stats strong{margin:0;text-align:right}.stats small{grid-column:1/-1}.panelHead{flex-wrap:wrap;padding:18px}.formGrid{grid-template-columns:1fr;padding:20px;gap:18px}.field.wide{grid-column:auto}.templateLayout{grid-template-columns:1fr}.templateList{max-height:240px;overflow:auto}.docGrid{grid-template-columns:1fr}.infoStrip{flex-wrap:wrap}.infoStrip>button{margin:0}.line{flex-wrap:wrap}.line>div{min-width:100%}.projectTabs{padding:5px;gap:0}.projectTabs button{font-size:12px;padding:12px 7px}footer{margin:0 16px}footer span{display:none}.empty{padding:40px 18px}}


/* Smart Well workspace layout. Brand palette is defined below. */
:root{--border:#e3e3e3;--input:#d4d4d4;--foreground:#202020;--sw-ink:#191919;--sw-muted:#707070;--sw-canvas:#f6f6f4;--sw-focus:#555}
body{background:var(--sw-canvas);color:var(--sw-ink);font-family:Arial,Helvetica,sans-serif}
nav{background:#fff;color:#252525;border-right:1px solid var(--border);width:250px;padding:12px}
.workspace{margin-left:250px}
.brand{padding:26px 15px 35px;color:var(--sw-ink);display:block}
.brandWordmark{font-size:25px;line-height:1.05;letter-spacing:2px;font-weight:700}
.brandWordmark span{font-weight:300}
.brand small{color:#777;font-size:10px;letter-spacing:1.7px;margin-top:13px;font-weight:400}
.navLabel{color:#8a8a8a;font-size:10px;letter-spacing:1.3px;margin:12px 15px}
nav .navbtn{border-radius:3px;padding:14px 15px;color:#616161;display:flex;align-items:center;gap:12px;font-size:14px}
nav .navbtn:hover{background:#f3f3f1;color:#171717}
nav .navbtn.active{background:#202020;color:#fff}
.navIcon{display:inline-flex;width:19px;height:19px;align-items:center;justify-content:center}
.navIcon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sideNote{border-top-color:#e3e3e3;color:#4f4f4f;padding:22px 10px;gap:12px}
.sideNote small{color:#909090}.avatar{background:#eeeeeb;border-radius:3px;color:#333;letter-spacing:1px}
.topbar{background:#fff;border-bottom-color:#e3e3e3;min-height:78px;padding:15px 38px}
.crumb{color:#535353}.crumb span{color:#b2b2b2}.saveStatus{color:#808080}
main{padding:40px 42px 55px}h1{font-weight:500;font-size:32px;letter-spacing:-.8px;line-height:1.2}
.eyebrow{color:#858585;font-size:10px;letter-spacing:2px;font-weight:500}
.pageHeading{margin-bottom:33px}.pageHeading>div>p:not(.eyebrow){color:#777;max-width:650px;line-height:1.7}
.button{background:#fff;border-color:#d5d5d5;color:#252525;border-radius:3px;padding:12px 18px;font-weight:500;min-height:42px;box-shadow:none}
.button.primary{background:#202020;border-color:#202020;color:#fff;box-shadow:none}.button.primary:hover{background:#444;border-color:#444}
.button:hover{background:#efefec}.button:focus-visible,.navbtn:focus-visible,.textLink:focus-visible{outline:2px solid #555;outline-offset:3px}
.button.small{border-radius:3px;padding:8px 13px;font-size:12px;min-height:35px}
input,textarea,select{border-radius:3px;border-color:#d9d9d9;color:#252525;background:white}
input:focus,textarea:focus,select:focus{outline:2px solid #777;outline-offset:2px}input[type=checkbox]{accent-color:#202020}
.stats{gap:18px;margin-bottom:28px}.stats>div{border:1px solid #dfdfdc;border-top:1px solid #dfdfdc!important;border-radius:4px;padding:25px 27px}
.stats span{color:#747474}.stats strong{color:#252525;font-size:30px;font-weight:400;letter-spacing:-.7px;margin:15px 0 12px}.stats small{color:#8b8b8b}
.panel,.summary{border-color:#dfdfdc;border-radius:4px;box-shadow:none}.panelHead{padding:23px 26px}.panelHead h2{font-size:18px;font-weight:500}
.count{color:#696969;background:#efefed;border-radius:3px}.empty{padding:67px 25px}.emptyIcon{background:#f1f1ee;border-radius:4px;color:#575757;font-size:34px;padding:10px 20px}
.empty h2{font-weight:500}.empty p,.muted{color:#747474}.textLink{color:#303030;font-weight:500}.textLink:hover{text-decoration:underline;text-underline-offset:4px}
.infoStrip{background:#ebebe7;border:1px solid #e0e0dc;color:#343434;border-radius:4px;padding:24px}.infoStrip b{font-weight:500}.infoStrip p{color:#777}
.badge,.badge.blue{border-color:#dededb;background:#f2f2ef;color:#545454;border-radius:3px}.badge.amber{background:#fff7e9;color:#875d24;border-color:#ecdbbd}
small{color:#858585}th{background:#f7f7f5!important;color:#7a7a7a!important;font-weight:500}td{color:#333}
.projectTabs{border-color:#e3e3e3;padding:8px 20px}.projectTabs button{color:#828282}.projectTabs button.active{color:#191919;border-bottom:2px solid #191919}
.field>span{color:#656565}.sumRow span,.grand span{color:#777}.sumRow b{color:#333}.grand strong{font-weight:400;font-size:29px}
.checklist b{color:#777}.line label{color:#777}.notice{border-radius:4px;background:#fff9ee;color:#86622e;border-color:#eadfc9;line-height:1.65}
.templateList button{border-radius:3px;color:#555}.templateList button.selected{background:#ededeb;color:#171717}.templateEditor h2{font-weight:500}
.release .panelHead p{color:#858585}.docGrid button{border-radius:3px;color:#444}.docGrid button:hover{background:#f3f3f0}
footer{color:#969696;border-color:#dededa;letter-spacing:.2px}.footerBrand{color:#656565;font-size:11px;letter-spacing:1.5px}
.toast{background:#252525;color:white;border-radius:4px;box-shadow:0 6px 24px #0002}.docDialog,dialog{border-radius:5px}
@media(max-width:1150px){main{padding:28px}.stats>div{padding:20px}.stats strong{font-size:25px}}
@media(max-width:850px){nav{width:210px}.workspace{margin-left:210px}.brandWordmark{font-size:21px}}
@media(max-width:700px){nav{position:relative;width:100%;border-right:0;border-bottom:1px solid var(--border);padding:10px 14px}.workspace{margin:0}.brand{padding:12px 4px 18px!important}.brandWordmark{font-size:23px}.brand small{margin-top:8px}.navlinks{gap:6px}nav .navbtn{padding:11px 13px;font-size:12px;gap:7px}.navIcon{width:16px}.topbar{padding:12px 16px;min-height:64px}main{padding:27px 17px}h1{font-size:27px}.stats>div{padding:16px 18px}.stats strong{font-size:24px;margin:0}.stats{gap:10px}.pageHeading{margin-bottom:24px}.panelHead{padding:20px}.empty{padding:40px 22px}.projectTabs{padding:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.projectActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button.danger{color:#a12626;border:1px solid #dfbebe}.button.danger:hover{background:#fff1f1}

/* Shared corner radius for all button variants. */
:root{--button-radius:10px}
button,.button,.button.small,nav .navbtn,.projectTabs button,.templateList button,.docGrid button{border-radius:var(--button-radius)}

/* Official Smart Well palette supplied by the owner. */
:root{--sw-canvas:#EDEDF2;--sw-ink:#29292B;--foreground:#29292B;--sw-muted:#626268;--sw-accent:#69A658;--sw-gray:#AFAFB4;--border:#d9d9df;--input:#AFAFB4;--sw-focus:#46733a}
body{background:var(--sw-canvas);color:var(--sw-ink)}
.brandLogo{display:block;width:174px;max-width:100%;height:auto}.brand{padding:22px 15px 28px}.brand small{display:block;color:var(--sw-muted);font-size:9px;letter-spacing:1.2px}
nav,.topbar{background:#fff;border-color:var(--border)}
nav .navbtn{color:var(--sw-muted)}nav .navbtn:hover{background:var(--sw-canvas);color:var(--sw-ink)}nav .navbtn.active{background:var(--sw-accent);color:var(--sw-ink);font-weight:600}
.button{color:var(--sw-ink);border-color:var(--sw-gray)}.button:hover{background:var(--sw-canvas)}.button.primary{background:var(--sw-accent);border-color:var(--sw-accent);color:var(--sw-ink);font-weight:600}.button.primary:hover{background:#79b568;border-color:#79b568}
.button:focus-visible,.navbtn:focus-visible,.textLink:focus-visible,button:focus-visible,input:focus,textarea:focus,select:focus{outline:2px solid var(--sw-focus);outline-offset:3px}
input,textarea,select{border-color:var(--input);color:var(--sw-ink)}input[type=checkbox]{accent-color:var(--sw-focus)}
.panel,.summary,.stats>div{border-color:var(--border);border-radius:12px}.stats>div{border-top-color:var(--sw-accent)!important}.stats strong,.grand strong,.sumRow b,td{color:var(--sw-ink)}
.pageHeading>div>p:not(.eyebrow),.muted,.field>span,.eyebrow,.navLabel,.saveStatus,small,.stats span,.stats small,.empty p{color:var(--sw-muted)}
.avatar,.emptyIcon,.infoStrip{background:var(--sw-canvas);color:var(--sw-ink);border-radius:10px}.infoStrip{border-color:var(--sw-gray)}.infoStrip p{color:var(--sw-muted)}
.projectTabs button.active{color:var(--sw-ink);border-bottom-color:var(--sw-accent);background:#f0f6ed}
.templateList button.selected,.badge.blue{background:#e4efdf;color:#36582e}.badge.blue{border-color:var(--sw-accent)}.badge:not(.blue):not(.amber){background:var(--sw-canvas);color:var(--sw-muted)}
.docGrid button:hover{background:#f0f6ed}th{background:var(--sw-canvas)!important;color:var(--sw-muted)!important}
.toast{background:var(--sw-ink);border-radius:10px}footer{border-color:var(--sw-gray);color:var(--sw-muted)}.footerBrand{color:var(--sw-ink)}
@media(max-width:700px){.brandLogo{width:130px}.brand{padding:12px 4px 18px!important}}

.catalogEditor{margin-top:24px}.folderRow{background:#f5f8f3}.folderRow .textLink{font-weight:600}

.folderCreate{display:flex;align-items:end;gap:12px;padding:20px;margin-bottom:20px;flex-wrap:wrap}.folderCreate .field{flex:1;min-width:200px}

.deleteConfirm{border:1px solid #dfbebe;padding:24px;margin-bottom:24px;background:#fff8f8}.catalogEditor{margin-top:0}

.referenceText{white-space:pre-wrap;overflow-wrap:anywhere}.templateEditor textarea{min-height:560px}
