
:root{--navy:#102b40;--teal:#007f7b;--ink:#17344a;--muted:#657989;--line:#dbe5e9}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#f1f5f6}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e7af43;outline-offset:3px}header{background:white;border-bottom:1px solid var(--line);padding:16px 3.3%;display:flex;align-items:center;gap:28px;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.logo{width:42px;height:42px;background:var(--teal);color:white;border-radius:12px;display:grid;place-items:center;font-size:27px;font-weight:800}.brand strong{font-size:24px;letter-spacing:-1px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:2px;color:var(--muted);text-transform:uppercase}.menu{display:flex;gap:10px;align-items:center;flex:1}.menu label{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:1px}select{max-width:410px;min-width:250px;width:100%;padding:12px;border:1px solid #cfdce2;border-radius:8px;background:#f7fafb;color:var(--ink)}.btn{border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:8px}.btn:hover{background:#eef7f6;border-color:#75b6b0}.primary{background:var(--teal);border-color:var(--teal);color:white}.primary:hover{background:#006d69;color:white}.date{font-size:12px;color:var(--muted)}main{padding:26px 3.3% 36px;max-width:1700px;margin:auto}.hero{background:#102c41;border-radius:16px;position:relative;overflow:hidden;min-height:278px;box-shadow:0 12px 28px #102c4114;color:white;padding:38px 40px}.hero-copy{position:relative;z-index:1;max-width:53%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#7fd3c6;text-transform:uppercase}.hero h1{font-size:clamp(29px,3vw,43px);font-weight:600;line-height:1.13;letter-spacing:-1.4px;margin:16px 0}.hero p{font-size:14px;line-height:1.7;color:#bdced9;max-width:460px}.hero-art{position:absolute;right:0;bottom:0;width:57%;height:100%;opacity:.9}.stats{display:flex;gap:22px;margin-top:26px;font-size:11px;color:#b9ced8}.stats b{font-size:15px;color:white;margin-right:6px}.sectionbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:29px 0 18px}.sectionbar h2{font-size:20px;margin:0 0 5px;letter-spacing:-.5px}.sectionbar p{font-size:12px;color:var(--muted);margin:0}.search{padding:12px 15px;width:270px;border:1px solid var(--line);border-radius:8px;background:white}.tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.tab{padding:9px 15px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:white;font-size:12px}.tab.active{background:var(--navy);border-color:var(--navy);color:white}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid var(--line);border-radius:11px;padding:20px;background:white;display:flex;align-items:flex-start;gap:15px;cursor:pointer;text-align:left;color:inherit;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #15354a0c;border-color:#83bab4}.ico{display:grid;place-items:center;flex-shrink:0;width:41px;height:41px;background:#e9f5f2;border-radius:9px;color:var(--teal)}svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.card small{font-size:9px;letter-spacing:1px;color:var(--teal);text-transform:uppercase;font-weight:700}.card h3{font-size:15px;margin:6px 0 8px;font-weight:600}.card p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.arrow{margin-left:auto;color:#8ba0ad}.bottom{margin-top:26px;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;line-height:1.6}#workspace{display:none;padding:0}body.working #dashboard{display:none}body.working #workspace{display:block}.workbar{display:flex;align-items:center;gap:12px;padding:12px 3.3%;background:#edf3f5;border-bottom:1px solid var(--line)}.worktitle{flex:1}.worktitle strong{display:block;font-size:14px}.worktitle small{color:var(--muted);font-size:11px}.frames{background:white;height:calc(100dvh - 146px);min-height:450px}.frames iframe{border:0;width:100%;height:100%;display:block;background:white}.frames iframe[hidden]{display:none}body.focus header{display:none}body.focus .frames{height:calc(100dvh - 65px)}#empty{padding:40px;text-align:center;color:var(--muted)}[hidden]{display:none!important}@media(min-width:1500px){.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){header{gap:14px;flex-wrap:wrap}.date{display:none}.brand{min-width:170px}.grid{grid-template-columns:repeat(2,1fr)}.hero{padding:28px}.hero-copy{max-width:70%}.hero-art{opacity:.35}.frames{height:calc(100dvh - 170px)}}@media(max-width:600px){header{padding:12px 16px}.brand{min-width:0;flex:1}.menu{order:3;flex-basis:100%}.menu select{max-width:none;min-width:0}.menu label{white-space:nowrap}.hero{min-height:260px;padding:24px}.hero-copy{max-width:100%}.hero-art{opacity:.16;width:100%}.hero h1{font-size:30px}.stats{gap:13px}.grid{grid-template-columns:1fr}.sectionbar{align-items:stretch;flex-direction:column}.search{width:100%}.bottom{flex-direction:column;gap:6px}.workbar{flex-wrap:wrap}.worktitle{flex-basis:100%}.frames{height:calc(100dvh - 235px)}body.focus .frames{height:calc(100dvh - 110px)}main{padding:18px 16px}.card{padding:17px}}

/* External resources: links only; original 15 embedded tools remain unchanged. */
.online-menu{display:flex;align-items:center;gap:8px;min-width:210px}.online-menu label{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.6px;white-space:nowrap}.online-menu select{min-width:170px;max-width:250px;width:100%;padding:11px 9px;border:1px solid #cfdce2;border-radius:8px;background:#fff;color:var(--ink)}
@media(max-width:1100px){.online-menu{order:4;flex-basis:100%}.online-menu select{max-width:none}}@media(max-width:600px){.online-menu{order:4;flex-basis:100%}.online-menu label{min-width:80px}}



/* Nayame Workspace V2 enhancements */
:root{--navy:#102b40;--teal:#007f7b;--ink:#17344a;--muted:#657989;--line:#dbe5e9}
body{background:linear-gradient(140deg,#edf5f6,#f7fafb 55%,#eaf1f4)}
header{position:sticky;top:0;box-shadow:0 4px 20px #12344a0b}
.card{position:relative;min-height:134px;box-shadow:0 2px 12px #15354a08}
.card:focus-visible{outline:3px solid #e7af43}
.card .fav{position:absolute;right:12px;top:11px;border:0;background:transparent;color:#a2b1ba;font-size:23px;line-height:1;padding:4px;cursor:pointer}
.card .fav.on{color:#dc9c32}
.card .arrow{align-self:end;margin-top:auto;margin-right:3px}
.quickbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0 8px}
.quickbar .btn{font-size:12px}.quickbar .hint{margin-left:auto;font-size:11px;color:var(--muted)}
.quickbar .btn.active{background:#e0f3ef;border-color:#8abfb7;color:#075d5b}
.statusline{font-size:12px;color:#607989;margin-top:10px}
.toast-v2{position:fixed;bottom:24px;right:24px;background:#102b40;color:#fff;padding:12px 18px;border-radius:10px;z-index:999;box-shadow:0 8px 30px #12344a33;font-size:13px;max-width:min(400px,90vw)}
.workbar{position:relative;z-index:2}.workbar .btn{white-space:nowrap}
@media(max-width:600px){.quickbar .hint{margin-left:0;width:100%}.card .fav{right:8px;top:8px}.workbar .btn{flex:1;justify-content:center}}



/* Compact, distraction-free dashboard header */
.hero{background:#ffffff!important;color:#17344a!important;min-height:0!important;padding:24px 30px!important;border:1px solid #dbe5e9!important;border-left:5px solid #007f7b!important;border-radius:12px!important;box-shadow:none!important}
.hero-copy{max-width:100%!important}
.hero .eyebrow{color:#007f7b!important;font-size:11px!important;letter-spacing:1.2px!important}
.hero h1{font-size:clamp(21px,2.2vw,29px)!important;font-weight:650!important;letter-spacing:-.6px!important;line-height:1.3!important;margin:9px 0 7px!important}
.hero p{color:#657989!important;font-size:13px!important;line-height:1.5!important;max-width:none!important;margin:0!important}
.hero .stats{margin-top:14px!important;gap:22px!important;color:#657989!important;font-size:12px!important}
.hero .stats b{color:#007f7b!important;font-size:14px!important}
.hero-art{display:none!important}
@media(max-width:600px){.hero{padding:19px 18px!important}.hero h1{font-size:21px!important}.hero .stats{gap:15px!important}}



:root{--navy:#123260;--teal:#087f89;--ink:#193a56;--line:#dce5ef}
body{background:#f5f7fa;color:#203b54;font-family:Segoe UI,Arial,sans-serif}
.portal-top{height:38px;background:#112f52;color:#e9f1fb;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 3%;font-size:12px;font-weight:500}
.portal-brand{min-height:125px;background:white;display:flex;align-items:center;padding:20px 4%;gap:18px}
.portal-mark{width:66px;height:66px;border:3px solid #147b90;color:#147b90;display:grid;place-items:center;font-size:42px;font-weight:800;border-radius:12px}
.portal-wordmark{font-size:39px;font-weight:800;letter-spacing:1.2px;color:#17375d;line-height:1.1}.portal-wordmark span{color:#ec8b25}.portal-subtitle{font-size:11px;letter-spacing:2.3px;color:#677f91;margin-top:6px;font-weight:700}
.portal-brand-right{margin-left:auto;text-align:right;display:grid;gap:7px;color:#315675}.portal-brand-right strong{font-size:16px}.portal-brand-right small{font-size:12px;color:#73899b}
header.portal-nav{background:#1a3e78;min-height:60px;padding:0 3%;display:flex;align-items:stretch;gap:16px;border:0;box-shadow:0 3px 8px #112e5218;position:relative;z-index:5;flex-wrap:nowrap}
.portal-nav-label{display:flex;align-items:center;color:#bbd2f0;font-size:11px;letter-spacing:1px;font-weight:700}
.portal-home{background:#244f91;border:0;color:white;padding:0 20px;font-size:14px;font-weight:700;display:flex;gap:8px;align-items:center;white-space:nowrap}.portal-home:hover{background:#3165aa}
header.portal-nav .menu,header.portal-nav .online-menu{display:flex;align-items:center;gap:10px;flex:1;min-width:0;max-width:430px}
header.portal-nav label{font-size:12px;color:#fff;font-weight:600;white-space:nowrap;letter-spacing:0;text-transform:none}
header.portal-nav select{min-width:0;max-width:none;width:100%;height:39px;padding:7px 12px;background:white;border:1px solid #b6c8de;color:#163453;border-radius:4px;font-size:13px}
header.portal-nav .date{color:#d6e5fa;white-space:nowrap;margin:auto 0 auto auto;font-size:12px}
.portal-notice{background:#f7a83e;color:#4a3013;padding:12px 4%;display:flex;gap:24px;align-items:center;font-size:13px}.portal-notice b{font-size:12px;letter-spacing:.7px;white-space:nowrap}
main#dashboard{max-width:1450px;padding:28px 3.3% 38px}
.hero{background:#fff;color:#193d61;min-height:0;padding:28px 34px;border-radius:7px;border:1px solid #e0e8f0;box-shadow:0 3px 12px #1333510b}
.hero-copy{max-width:none}.hero .eyebrow{color:#087f89;font-size:11px}.hero h1{font-size:29px;font-weight:700;letter-spacing:-.6px;margin:10px 0}.hero p{color:#617789;margin:0;font-size:14px;max-width:none}.hero .stats{color:#617789;margin-top:17px;gap:26px}.hero .stats b{color:#1b4c7b}
.sectionbar{margin:28px 0 17px}.sectionbar h2{font-size:22px;color:#183d61}.tabs .tab.active{background:#1a3e78;border-color:#1a3e78}.card{border-radius:6px;box-shadow:0 2px 7px #16345008}.card:hover{border-color:#3776ae}.bottom{margin-top:28px}
body.working .portal-notice{display:none}body.working .portal-brand{display:none}body.working .portal-top{display:none}
body.working .frames{height:calc(100dvh - 128px)}body.focus header.portal-nav{display:none}body.focus .frames{height:calc(100dvh - 65px)}
@media(max-width:1050px){.portal-brand-right{display:none}.portal-nav-label{display:none!important}header.portal-nav{gap:10px;padding:8px 2%}header.portal-nav .date{display:none}header.portal-nav .menu,header.portal-nav .online-menu{max-width:none}header.portal-nav label{display:none}}
@media(max-width:650px){.portal-top{height:auto;min-height:35px;font-size:10px}.portal-top span:nth-child(2){display:none}.portal-brand{min-height:90px;padding:14px 4%}.portal-mark{width:48px;height:48px;font-size:30px}.portal-wordmark{font-size:28px}.portal-subtitle{font-size:8px;letter-spacing:1px}header.portal-nav{flex-wrap:wrap}.portal-home{min-height:39px;padding:0 10px}header.portal-nav .menu,header.portal-nav .online-menu{flex:1 1 calc(50% - 25px);min-width:130px}.portal-notice{padding:10px 4%;gap:9px;font-size:11px}.portal-notice b{display:none}.hero{padding:22px}.hero h1{font-size:24px}.hero .stats{flex-wrap:wrap;gap:12px}.frames{height:calc(100dvh - 180px)}}

.cloud-gate{position:fixed;inset:0;background:rgba(8,22,37,.93);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.cloud-gate[hidden]{display:none!important}.cloud-card{background:white;color:#172b40;border-radius:16px;padding:26px;width:min(440px,100%);max-height:95vh;overflow:auto;box-shadow:0 12px 55px #0004}.cloud-wide{width:min(760px,100%)}.cloud-card label{display:block;margin:12px 0;font-weight:600}.cloud-card input:not([type=file]),.cloud-card textarea{display:block;width:100%;box-sizing:border-box;padding:11px;border:1px solid #aaa;border-radius:7px;margin-top:5px}.cloud-card button{background:#116c70;color:white;border:0;border-radius:7px;padding:10px 14px;margin:5px;cursor:pointer}.cloud-card button:disabled{opacity:.5}.cloud-close{float:right}.cloud-entry{border-bottom:1px solid #ddd;padding:10px 0;overflow-wrap:anywhere}.cloud-entry small{display:block;color:#52616b}#cloudMsg,#cloudLoginMsg{white-space:pre-wrap;overflow-wrap:anywhere}

.exportbar{display:flex;gap:16px;flex-wrap:wrap;padding:12px 22px;background:#edf8f5;color:#155448;font-size:13px;border-bottom:1px solid #c4e4dc}.exportbar label{font-weight:600}.export-error{color:#a42b22!important}
.shared-quote-table{width:100%;border-collapse:collapse;font-size:13px}.shared-quote-table th,.shared-quote-table td{padding:10px;border-bottom:1px solid #dae6ea;text-align:left}.shared-quote-table button{margin:3px}#sharedQuotesPanel{z-index:30000}#sharedQuotesPanel details{margin-top:24px;padding:14px;background:#f1f7f7}#sharedQuotesPanel summary{cursor:pointer}
.shared-quote-table{width:100%;border-collapse:collapse;font-size:13px}.shared-quote-table th,.shared-quote-table td{padding:10px;border-bottom:1px solid #dae6ea;text-align:left}.shared-quote-table button{margin:3px}#sharedQuotesPanel{z-index:30000}#sharedQuotesPanel details{margin-top:24px;padding:14px;background:#f1f7f7}#sharedQuotesPanel summary{cursor:pointer}
