:root{font-family:Arial,Helvetica,sans-serif;color:#203349;background:#f1f5fb;font-size:15px;--blue:#0055db;--navy:#16375e;--muted:#60758f;--line:#dbe4f1;--soft:#edf4ff;--radius:16px;--shadow:0 8px 26px rgba(22,55,94,.055)}
*{box-sizing:border-box}body{margin:0;min-width:1080px;min-height:100vh;display:flex;flex-direction:column}main{width:100%;max-width:1560px;margin:0 auto;padding:32px 40px 48px;flex:1}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.25;letter-spacing:-.7px;color:var(--navy);margin-bottom:14px}h2{font-size:22px;color:var(--navy);line-height:1.35;letter-spacing:-.3px}h3{color:var(--navy);font-size:18px}p{line-height:1.65}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9dbfff}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--navy);cursor:pointer;font-weight:600;transition:background .16s,border-color .16s,box-shadow .16s}button:hover{border-color:#b3cdf7;background:#f5f9ff}button:disabled{opacity:.55;cursor:default}button.primary{color:white;background:var(--blue);border-color:var(--blue)}button.primary:hover{background:#034bbb}input,select{min-height:43px;padding:10px 12px;color:var(--navy);background:white;border:1px solid #cad8e9;border-radius:9px;max-width:100%}input::placeholder{color:#8493a7}label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#446282}input[readonly]{background:#f7f9fd}select{cursor:pointer}.hint{color:var(--muted);font-size:13px;line-height:1.6}.eyebrow{display:block;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:1.8px;line-height:1.5;margin-bottom:12px}.quiet-button{font-weight:400;background:transparent}.text-button{border-color:transparent;color:var(--blue);font-weight:400}.badge{display:inline-flex;align-items:center;width:max-content;padding:5px 9px;background:var(--soft);color:#365983;border-radius:6px;font-size:11px;font-weight:600;line-height:1.3}.badge.default{color:#0055db;background:#e5efff}.icon{width:19px;height:19px;flex:0 0 auto;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.icon-tile{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--soft);color:var(--blue)}[hidden]{display:none!important}
.topbar{display:flex;align-items:center;gap:28px;padding:19px 40px;background:white;border-top:5px solid var(--blue);border-bottom:1px solid var(--line);min-height:99px}.product-brand{display:flex;align-items:center;flex:0 0 auto}.product-logo{display:block;width:280px;height:74px;object-fit:cover;object-position:center}.customer-brand{display:flex;align-items:center;gap:15px;min-width:0;border-left:1px solid var(--line);padding-left:28px}.customer-brand img{max-width:132px;max-height:54px;object-fit:contain}.customer-brand strong{font-size:17px;color:var(--navy);overflow-wrap:anywhere}.account-tools{display:flex;align-items:center;gap:18px;margin-left:auto;flex:0 0 auto}.language-control{display:flex;align-items:center;gap:9px;font-size:12px}.language-control select{min-height:36px;padding:7px 11px;font-size:13px}#userName{max-width:190px;overflow-wrap:anywhere;font-size:13px;color:var(--muted)}
.login-card{width:620px;margin:44px auto 40px;background:white;border:1px solid var(--line);border-top:5px solid var(--blue);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.login-heading{padding:30px 36px;background:var(--soft);border-bottom:1px solid #e1eaf8}.login-heading h1{font-size:29px;line-height:1.3;max-width:440px}.login-heading p{margin:0;font-size:16px;color:#446282}.login-body{padding:26px 36px 24px}.login-body form{display:grid;gap:17px}.login-body form h2{margin-bottom:0}.login-body form p{margin-bottom:0}.login-body form button.primary{min-height:47px;font-size:16px}.login-body small{font-size:12px;color:var(--muted);line-height:1.5}.login-divider{display:flex;align-items:center;gap:14px;margin:19px 0;color:var(--muted);font-size:12px}.login-divider:before,.login-divider:after{content:'';height:1px;background:var(--line);flex:1}.sso-button{width:100%;min-height:45px}.is-unavailable{background:#f7f9fd}.notice{font-size:13px;color:#735a30;background:#fff7e8;border:1px solid #e7d8b7;padding:14px;border-radius:9px;margin:14px 0}.login-area{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin:23px 0 0}.status-message{background:white;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:10px;padding:15px 20px;font-size:14px;line-height:1.6;max-width:1480px;margin:0 auto 22px}.status-message[role=alert]{color:#962b3c;background:#fff8f9;border-color:#f0ced4;border-left-color:#c93d55}
.catalog-hero{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:34px 38px;margin-bottom:31px;background:linear-gradient(115deg,#edf4ff 5%,#e5efff 65%,#dbe9ff);border:1px solid #d4e2f8;border-radius:var(--radius);position:relative;overflow:hidden}.catalog-hero p{font-size:16px;color:#446282;max-width:700px;margin:0}.catalog-hero h1{font-size:34px}.hero-count{text-align:center;color:var(--navy);padding:15px 30px;border-left:1px solid #c7d8f2;min-width:165px}.hero-count strong{display:block;font-size:42px;line-height:1.1;letter-spacing:-1px}.hero-count span{display:block;font-size:13px;color:#446282;margin-top:8px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.catalog-toolbar h2{margin:0}.search-control{position:relative;font-size:12px}.catalog-toolbar .search-control{min-width:310px}.search-control input{width:100%}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:26px;text-align:left;min-height:286px;background:white;border-radius:var(--radius);box-shadow:var(--shadow);font-weight:400}.project-card:hover{border-color:#a8c7f5;background:white;box-shadow:0 12px 30px rgba(0,85,219,.09)}.project-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.project-card h3{font-size:21px;margin:0 0 12px;line-height:1.35;overflow-wrap:anywhere}.project-card p{font-size:14px;color:var(--muted);margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-stats{display:flex;flex-wrap:wrap;gap:13px;font-size:12px;color:var(--muted);margin-top:auto;padding-top:6px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e9eef5;padding-top:17px;margin-top:18px;font-size:12px;color:var(--muted)}.card-action{display:flex;align-items:center;gap:6px;color:var(--blue);font-weight:700;font-size:13px}.empty-state{padding:48px 30px;text-align:center;color:var(--muted);background:#fff;border:1px dashed #cbd8e9;border-radius:14px;grid-column:1/-1;line-height:1.6}.empty-state .icon-tile{margin:0 auto 18px;width:58px;height:58px;border-radius:16px}.empty-state h3{margin-bottom:10px}.empty-state p{margin-bottom:0;font-size:14px}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:12px;color:var(--muted);margin:0 0 24px}.breadcrumb button{border:0;background:transparent;padding:0;color:var(--blue);font-weight:400;font-size:12px}.breadcrumb span{overflow-wrap:anywhere}.project-heading{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}.project-heading h1{overflow-wrap:anywhere;font-size:30px}.project-heading p{margin-bottom:20px;color:#506680;font-size:15px;max-width:870px;white-space:pre-wrap}.baseline-selector{background:white;padding:18px 20px;border:1px solid var(--line);border-radius:13px;display:grid;gap:8px;box-shadow:var(--shadow)}.baseline-selector select{width:100%;font-size:14px}.baseline-selector label{color:var(--navy);font-weight:700}.baseline-note{display:flex;align-items:flex-start;gap:13px;padding:16px 20px;margin:6px 0 24px;background:#eaf2ff;border:1px solid #d5e3f9;border-radius:11px;color:#365983;font-size:13px;line-height:1.6}.baseline-note strong{color:var(--navy);margin-right:8px}.baseline-note p{margin:0;white-space:pre-wrap}.baseline-note .icon{color:var(--blue);margin-top:2px}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:27px}.tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:13px 3px 15px;font-size:14px;color:var(--muted)}.tabs button[aria-current=page]{color:var(--blue);border-bottom-color:var(--blue)}.tabs button:hover{color:var(--blue);background:transparent}.page-pane{min-height:330px}.reading-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:27px 30px;box-shadow:var(--shadow)}.reading-card p{white-space:pre-wrap;color:#506680;font-size:15px}.reading-card>h2{margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;background:white;border:1px solid var(--line);padding:21px;border-radius:13px}.stat-card strong{display:block;color:var(--navy);font-size:27px;line-height:1.2}.stat-card span{font-size:12px;color:var(--muted)}.overview-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;margin-bottom:24px}.overview-grid h2{font-size:20px}.overview-grid button{margin-top:12px}.actor-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.actor-list li{border:1px solid #e1e8f2;background:#f7f9fd;border-radius:8px;padding:9px 13px;font-size:13px;color:#365983}.text-block+.text-block{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}.text-block h3{font-size:15px;margin-bottom:12px}.text-block p{margin-bottom:0}.text-block details{margin-top:12px;color:var(--blue);font-size:13px}.text-block summary{cursor:pointer}
.activity-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:25px;align-items:start}.activity-index,.diagram-index{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.index-heading{padding:21px 20px;border-bottom:1px solid #e7edf5}.index-heading h2{font-size:17px;margin-bottom:10px}.index-heading p{margin-bottom:16px}.index-heading label+label{margin-top:15px}.index-heading input,.index-heading select{width:100%;font-size:13px}#operations{padding:12px;max-height:660px;overflow:auto}.activity-row{display:flex;align-items:flex-start;gap:3px;margin:3px 0}.tree-toggle{padding:9px 4px;border:0;flex:0 0 22px;font-size:14px;color:var(--muted);border-radius:6px}.tree-placeholder{flex:0 0 22px}.activity-item{display:flex;flex-direction:column;align-items:stretch;gap:5px;flex:1;min-width:0;text-align:left;border:1px solid transparent;padding:11px 12px;background:transparent;font-weight:400}.activity-item:hover{border-color:#d7e5fa;background:#f7faff}.activity-item[aria-current=true]{background:#edf4ff;border-color:#c4d8fa;box-shadow:inset 3px 0 var(--blue)}.activity-item strong{font-size:13px;line-height:1.5;color:var(--navy);overflow-wrap:anywhere}.activity-item small{font-size:11px;color:var(--muted);line-height:1.5}.activity-item p{font-size:12px;margin:0;color:#60758f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.tree-children{margin-left:16px;border-left:1px solid #e1e8f2;padding-left:5px}.activity-details{min-height:390px}.activity-details .badge{margin-bottom:14px}.activity-details h2{font-size:26px;overflow-wrap:anywhere}.detail-path{font-size:12px;color:var(--muted);margin-bottom:15px;line-height:1.6}.detail-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px;color:#506680;font-size:12px}.detail-section{margin-top:25px;padding-top:24px;border-top:1px solid var(--line)}.detail-section h3{font-size:17px}.child-links{display:flex;flex-wrap:wrap;gap:9px}.child-links button{font-size:13px;font-weight:400}.detail-section p.hint{font-size:13px}
.diagram-workspace{display:grid;grid-template-columns:286px minmax(0,1fr);gap:24px;align-items:start}#diagrams{padding:12px;max-height:600px;overflow:auto}.diagram-item{display:flex;align-items:flex-start;justify-content:flex-start;gap:11px;text-align:left;width:100%;padding:14px 12px;margin-bottom:7px;border-color:transparent;font-weight:400}.diagram-item[aria-current=true]{background:#edf4ff;border-color:#c4d8fa;box-shadow:inset 3px 0 var(--blue)}.diagram-item .icon-tile{width:35px;height:35px;border-radius:9px}.diagram-item strong{display:block;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.diagram-item small{display:block;font-size:11px;color:var(--muted);margin-top:5px;line-height:1.4}.diagram-panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-height:500px;box-shadow:var(--shadow)}.diagram-panel>.empty-state{margin:24px;min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center}.viewer-toolbar{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:14px;background:#fbfcff}.viewer-toolbar strong{display:block;font-size:15px;color:var(--navy);overflow-wrap:anywhere}.viewer-toolbar .hint{display:block;margin-top:5px}.viewer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.viewer-actions button{font-size:12px;padding:8px 11px;min-height:34px;font-weight:400}.viewer-actions output{font-size:12px;color:var(--muted);min-width:43px;text-align:center}#viewport{overflow:auto;height:600px;cursor:grab;background-color:white;background-image:radial-gradient(#e9eef5 .7px,transparent .7px);background-size:14px 14px}#viewport:active{cursor:grabbing}#viewport img{display:block;max-width:none;margin:auto;user-select:none}#viewport:fullscreen{height:100vh;width:100vw;background:white;cursor:grab}#viewport:fullscreen:after{content:attr(data-fullscreen-hint);position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:10px 18px;border-radius:9px;font-size:13px;pointer-events:none}.section-heading h2{margin-bottom:8px}.file-list{display:grid;gap:13px}.file-card{display:flex;align-items:center;gap:19px;background:white;border:1px solid var(--line);padding:21px 24px;border-radius:13px}.file-card>div:nth-child(2){min-width:0;flex:1}.file-card h3{font-size:16px;margin:0 0 7px;overflow-wrap:anywhere}.file-card p{font-size:12px;margin:0;color:var(--muted)}.file-card button{font-size:13px}.loading-state{opacity:.65;pointer-events:none}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 40px;background:#f7f9fd;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer p{margin:0}.footer-brand{font-size:12px;font-weight:700;color:var(--navy)}.footer-brand span{font-weight:400;color:var(--muted)}
.diagram-panel:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;background:white}.diagram-panel:fullscreen #viewport{height:calc(100vh - 132px)}
#baselineMeta{white-space:pre-line;font-size:12px}.actor-list li strong{display:block;font-size:13px}.actor-list li span{display:block;font-size:12px;line-height:1.6;max-width:340px;margin-top:7px;color:#60758f}.overview-grid button{margin-right:7px}
.portal-help{width:660px;max-height:85vh;padding:0;border:1px solid #dbe4f1;border-top:5px solid #0055db;border-radius:16px;color:#203349;box-shadow:0 18px 60px #16375e33}.portal-help::backdrop{background:#16375e55}.help-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 28px;background:#edf4ff}.help-heading h2{margin:0}.portal-help>section{padding:27px 30px}.portal-help p{font-size:14px;color:#506680}.portal-help h3{font-size:16px;margin-top:22px}.portal-help h3:first-child{margin-top:0}
.project-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid[data-count="1"]{grid-template-columns:minmax(0,680px)}.tabs button:not([aria-current=page]){border-bottom-color:transparent}

/* Desktop diagram workspace: native textarea-like vertical resizing. */
#viewport{height:clamp(680px,74vh,1100px);min-height:420px;max-height:none;resize:vertical;box-sizing:border-box}
.diagram-panel:fullscreen #viewport{height:calc(100vh - 132px)!important;min-height:0;resize:none}
#viewport:fullscreen{height:100vh!important;min-height:0;resize:none}
.diagram-resize-hint{padding:8px 18px;margin:0;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}
.diagram-panel:fullscreen .diagram-resize-hint{display:none}

.button-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid transparent;border-radius:9px;font-weight:600;text-decoration:none;font-size:15px}.button-link:hover{background:#f5f9ff;border-color:#b3cdf7}.button-link:focus-visible{outline:3px solid #9dbfff}

.document-tools{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.document-format{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:5px;background:#edf4ff;color:#16375e;font-size:10px;font-weight:700}.deliverable-files .file-card{margin:8px 0}.deliverable-files small{display:block}.deliverable-files button{margin:8px}

.document-tools label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#536985;flex:1 1 130px;min-width:0}.document-tools label:first-child{flex:2 1 200px}.document-tools label input,.document-tools label select{width:100%;min-width:0}.document-tools label span{font-weight:500}.deliverable-files .document-format-icon{width:32px;height:32px;object-fit:contain;display:block}.deliverable-files .file-card h4{margin:0 0 5px}.deliverable-files .file-card p{margin:0 0 5px}
