/* NorthStar's app surface is isolated from the surrounding editorial page. */
.ns-demo{container-type:inline-size;width:100%;color:#081a34;font-family:Geist,Arial,sans-serif;text-align:left;line-height:1.45}
.ns-window{display:flex;overflow:hidden;border:1px solid #d6dfe9;border-radius:8px;background:#fff;box-shadow:0 10px 35px #0826500c;font-size:clamp(11px,1.08cqw,14px)}
.ns-demo :is(p,h3,h4,h5,ol,dl,dd){margin:0;max-width:none}.ns-demo p+p{margin-top:6px}.ns-demo :is(button,input,select){font:inherit;line-height:1.4}.ns-demo button{transition:background .15s,color .15s}.ns-demo button:focus-visible,.ns-demo input:focus-visible,.ns-demo select:focus-visible{outline:2px solid #2560a3;outline-offset:3px}.ns-demo .material-symbols-outlined{font-size:1.4em}
.ns-rail{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 10px 14px;width:64px;flex:none;border-right:1px solid #dce2e9;background:#fff}.ns-rail>img{margin:0 0 24px;width:30px;height:30px}.ns-rail-button{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:transparent;color:#53627a}.ns-rail-button[data-active=true]{background:#edf3ff;color:#2560a3}.ns-rail-divider{width:22px;border-top:1px solid #dce2e9;margin:6px 0}.ns-rail-decoration{display:flex;flex-direction:column;align-items:center;gap:24px;color:#8a96a5}.ns-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#edf0f6;color:#52617a;font-size:11px;font-weight:600;flex:none}.ns-rail>.ns-avatar{margin-top:auto}.ns-main{min-width:0;flex:1}.ns-view{height:auto;overflow:visible}
.ns-page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:clamp(20px,2.9cqw,38px);border-bottom:1px solid #dce2e9}.ns-demo .ns-page-title{font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,4.2cqw,52px);letter-spacing:-.035em;line-height:1.1;margin:0 0 9px}.ns-muted{color:#637083}.ns-button{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;background:#fff;border:1px solid #cdd7e2;border-radius:5px;color:#102a49;white-space:nowrap;font-weight:500}.ns-button.ns-primary{background:#2560a3;border-color:#2560a3;color:#fff}.ns-text-button{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#2560a3;padding:2px 0;text-align:left;font-weight:500}.ns-body{padding:clamp(18px,2.4cqw,30px)}.ns-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(230px,1fr);gap:20px}.ns-card{border:1px solid #dce2e9;border-radius:7px;padding:20px}.ns-card-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}.ns-demo h4{font:600 1.12em/1.4 Geist,Arial,sans-serif;letter-spacing:-.01em}.ns-demo h5{font:600 1em/1.4 Geist,Arial,sans-serif}.ns-table-wrap{overflow:visible}.ns-case-table{width:100%;border-collapse:collapse;text-align:left}.ns-case-table th{font-weight:400;color:#637083;font-size:.88em;padding:10px 10px 14px;border-bottom:1px solid #dce2e9;white-space:nowrap}.ns-case-table td{padding:17px 10px;border-bottom:1px solid #e5e9ef}.ns-case-table tr:last-child td{border:0}.ns-case-table td:first-child{min-width:140px}.ns-case-table td:first-child small{display:block;margin-top:4px;color:#637083;font-size:.82em}.ns-case-table td:last-child{white-space:nowrap}.ns-sort{display:flex;align-items:center;gap:5px;background:transparent;color:inherit;padding:0}.ns-sort .material-symbols-outlined{font-size:15px}.ns-status{display:inline-block;width:max-content;max-width:100%;border:1px solid #d5e4f7;border-radius:4px;padding:3px 8px;font-size:.85em;background:#edf5ff;color:#225c98;white-space:nowrap}.ns-status.ns-pending{background:#fbf4e7;border-color:#eee1c5;color:#826325}.ns-table-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #dce2e9;padding-top:14px;margin-top:8px;color:#637083;font-size:.88em}.ns-stages{display:grid;grid-template-columns:repeat(4,1fr);margin-top:17px;border:1px solid #dce2e9;border-radius:6px}.ns-stages>div{padding:15px;border-right:1px solid #dce2e9}.ns-stages>div:last-child{border:0}.ns-stages small{display:block;color:#637083}.ns-stages strong{display:block;font-size:1.6em;font-weight:500;margin-top:6px}.ns-context{display:flex;flex-direction:column;gap:16px}.ns-queue-item{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:21px 0;border-bottom:1px solid #e5e9ef}.ns-queue-item:last-child{border-bottom:0;padding-bottom:2px}.ns-queue-item p{font-size:.9em;color:#637083;margin:5px 0}.ns-queue-item small{font-size:.78em;color:#637083}.ns-queue-item .ns-button{font-size:.86em}.ns-deadline>div{display:flex;gap:13px;align-items:flex-start;margin-top:18px}.ns-deadline .material-symbols-outlined,.ns-deadline strong{color:#2560a3}.ns-deadline small{display:block;color:#637083;margin-top:5px}
.ns-case-header{justify-content:flex-start;padding-block:23px}.ns-case-header .ns-page-title{font-size:clamp(24px,3.2cqw,40px);margin-bottom:9px}.ns-case-header .ns-avatar{border:1px solid #dce2e9;background:#fff;border-radius:9px;width:42px;height:42px}.ns-case-meta{display:flex;gap:16px;align-items:center;font-size:.88em;color:#637083}.ns-case-tabs{display:flex;gap:8px;border-bottom:1px solid #dce2e9;padding:0 22px;flex-wrap:wrap}.ns-view-button,.ns-tab-label{background:transparent;padding:16px 20px;color:#53627a;border-bottom:2px solid transparent;white-space:nowrap;font-size:.94em}.ns-view-button[data-active=true]{border-color:#2560a3;color:#2560a3}.ns-tab-label{color:#8b97a6}.ns-case-grid{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:28px}.ns-request-toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:23px}.ns-request-toolbar h4{margin-right:auto}.ns-search{display:flex;align-items:center;gap:7px;border:1px solid #d2dbe5;border-radius:5px;padding:8px 10px;color:#637083;flex:1;min-width:150px;max-width:270px}.ns-search input{border:0;outline:0;min-width:0;width:100%;color:#081a34;background:transparent}.ns-search:focus-within{outline:2px solid #2560a3;outline-offset:2px}.ns-request-toolbar select{border:1px solid #d2dbe5;border-radius:5px;padding:9px;color:#102a49;background:white;max-width:100%}.ns-request{background:#f5f7ff;border-bottom:1px solid #dce2e9}.ns-request:first-child{border-top:1px solid #dce2e9}.ns-request-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:24px 17px}.ns-request-name{display:flex;gap:12px;align-items:center}.ns-request-name>.material-symbols-outlined{padding:10px;background:#edf3fd;border-radius:50%;color:#254d77}.ns-request-name strong{font-weight:600}.ns-request-name small{display:block;color:#637083;font-size:.86em;margin-top:6px}.ns-request-detail{padding:0 20px 20px;background:#fff;border-top:1px solid #e3e9f2}.ns-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0 8px;font-size:.94em}.ns-document-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #e5e9ef}.ns-document-row:last-child{border:0}.ns-document-row .material-symbols-outlined{color:#2560a3}.ns-document-row>.ns-muted,.ns-document-row>strong{margin-left:auto;font-size:.85em}.ns-case-context{border-left:1px solid #dce2e9;padding-left:26px}.ns-case-context dl>div{padding:21px 0;border-bottom:1px solid #dce2e9}.ns-case-context dt{font-size:.86em;color:#637083;margin-bottom:9px}.ns-case-context dd{font-size:.94em}.ns-portal{display:flex;gap:12px;align-items:center;padding-top:23px}.ns-portal small{display:block;color:#637083;margin-top:7px}.ns-portal .material-symbols-outlined{color:#2560a3}.ns-next-step{display:flex;gap:18px;align-items:center;justify-content:space-between;background:#eff4ff;border-radius:6px;padding:23px;margin-bottom:28px}.ns-next-step p{font-size:.9em;color:#53627a;margin-top:7px}.ns-overview-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px}.ns-overview-pair>section:not(.ns-card){padding-top:14px}.ns-overview-pair h4{margin-bottom:15px}.ns-activity{border-top:1px solid #dce2e9;padding-top:25px}.ns-activity ol{list-style:none;padding:0}.ns-activity li{display:flex;gap:16px;align-items:center;padding:22px 0;border-bottom:1px solid #e5e9ef}.ns-activity small{display:block;color:#637083;font-size:.85em;margin-top:6px}.ns-activity strong{font-weight:500}.ns-activity-dot{width:9px;height:9px;flex:none;background:#3567ae;border-radius:50%;box-shadow:0 0 0 6px #edf3ff;margin:0 7px}.ns-empty{padding:30px 10px;color:#637083}
@container(max-width:1000px){.ns-dashboard-grid{grid-template-columns:minmax(0,1fr) 225px;gap:15px}.ns-card{padding:15px}.ns-case-grid{grid-template-columns:minmax(0,1fr) 180px;gap:20px}.ns-case-context{padding-left:18px}.ns-request-summary{gap:12px;padding:20px 12px}.ns-case-table td{padding:14px 8px}.ns-path-column{display:none}.ns-request-toolbar{gap:10px}.ns-search{max-width:none}.ns-queue-item{flex-wrap:wrap;padding-block:16px}}
@container(max-width:700px){.ns-window{font-size:12px}.ns-rail{width:46px;padding:18px 5px 12px;gap:9px}.ns-rail>img{width:25px;height:25px;margin-bottom:12px}.ns-rail-button{width:33px;height:33px}.ns-rail-decoration{gap:19px}.ns-rail>.ns-avatar{width:29px;height:29px;font-size:9px}.ns-page-header{padding:20px;gap:12px}.ns-page-header>.ns-button{font-size:11px}.ns-body{padding:17px}.ns-dashboard-grid,.ns-case-grid{grid-template-columns:1fr}.ns-context,.ns-case-context{display:none}.ns-card{padding:14px}.ns-card-heading{gap:7px;margin-bottom:14px}.ns-case-table td:first-child{min-width:0}.ns-case-table th,.ns-case-table td{padding:13px 7px}.ns-stages>div{padding:11px 8px}.ns-stages small{font-size:10px}.ns-view{height:auto;overflow:visible}.ns-case-tabs{padding:0 10px;gap:0}.ns-view-button,.ns-tab-label{padding:13px 12px}.ns-tab-label:last-child{display:none}.ns-request-toolbar h4{width:100%}.ns-request-summary{grid-template-columns:1fr auto;gap:14px;padding:18px 12px}.ns-request-name{grid-column:1/-1}.ns-request-name>.material-symbols-outlined{padding:7px}.ns-request-summary>.ns-button{font-size:11px}.ns-request-summary>.ns-status{margin-left:41px}.ns-overview-pair{grid-template-columns:1fr;gap:16px}.ns-next-step{align-items:flex-start;flex-direction:column;padding:18px}.ns-case-meta{flex-wrap:wrap;gap:7px}.ns-case-header .ns-page-title{font-size:27px}.ns-case-header>.ns-avatar{display:none}.ns-document-row{gap:8px}.ns-detail-heading{flex-wrap:wrap}.ns-document-row>.ns-muted{max-width:90px;text-align:right}.ns-demo .ns-page-title{font-size:30px}}
@container(max-width:400px){.ns-page-header{flex-wrap:wrap;padding:18px 13px}.ns-body{padding:12px}.ns-card{padding:10px}.ns-case-table{font-size:10px}.ns-case-table th,.ns-case-table td{padding:13px 5px}.ns-case-table .ns-status{padding:3px 5px;font-size:9px}.ns-case-table td:first-child{max-width:108px}.ns-table-footer{align-items:flex-start;font-size:10px}.ns-stages{grid-template-columns:repeat(2,1fr)}.ns-stages>div{border-bottom:1px solid #dce2e9}.ns-stages>div:nth-child(2){border-right:0}.ns-stages>div:nth-child(3){border-bottom:0}.ns-view{height:auto;overflow:visible}.ns-request-toolbar>label:last-child{width:100%}.ns-request-toolbar select{width:100%}.ns-case-tabs .ns-tab-label{display:none}.ns-search{max-width:none}.ns-request-summary>.ns-status{margin-left:0}.ns-request-summary{padding-inline:10px}.ns-detail-heading{font-size:10px}.ns-document-row{font-size:11px}}
@media(max-width:650px){.product-preview .preview-tabs{gap:20px}.product-preview .preview-tabs button{font-size:12px}}

/* This is selectable page content, not an interactive application. */
.ns-demo{user-select:text;-webkit-user-select:text;cursor:auto}.ns-demo :is(.ns-button,.ns-text-button,.ns-rail-button,.ns-view-button,.ns-sort){cursor:auto}.ns-filter{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #d2dbe5;border-radius:5px;padding:9px;color:#102a49;background:#fff}.ns-search{min-height:36px}.ns-demo .ns-view[hidden]{display:none}

/* Real UI planes, with their original space retained beneath the raised cards. */
.product-preview{container-type:inline-size}
.ns-demo{perspective:clamp(2400px,350cqw,5200px);perspective-origin:50% 50%;padding-block:48px;--ns-yaw:15deg;--ns-pitch:10deg;--ns-roll:-1deg;--ns-scale:.94;--ns-depth-near:24px;--ns-depth-mid:42px;--ns-depth-front:62px}
[data-ns-preview=requests] .ns-demo{--ns-yaw:-12deg;--ns-roll:1deg}
.ns-window{position:relative;overflow:visible;transform-style:preserve-3d;transform-origin:50% 50%;transform:translateY(var(--ns-hover,0px)) rotateZ(var(--ns-roll)) rotateY(var(--ns-yaw)) rotateX(var(--ns-pitch)) scale(var(--ns-scale));box-shadow:0 2px 0 #c6d1dd,0 5px 0 #dce3eb,0 22px 38px -16px #08265040}
.ns-rail{border-radius:8px 0 0 8px}
.ns-main,.ns-view,.ns-body,.ns-dashboard-grid>div,.ns-context,.ns-case-grid>div,.ns-overview-pair,.ns-request-list{transform-style:preserve-3d}
.ns-dashboard-grid>div>.ns-card,.ns-context>.ns-card,.ns-stages,.ns-request-list,.ns-case-context,.ns-next-step,.ns-overview-pair>.ns-card{background:#fff;transform:translateZ(var(--ns-depth-near));box-shadow:0 2px 0 #d5dfea,0 12px 23px -10px #102e5060}
.ns-context>.ns-card:first-child,.ns-case-context{transform:translateZ(var(--ns-depth-mid))}
.ns-context>.ns-deadline,.ns-next-step{transform:translateZ(var(--ns-depth-front));box-shadow:0 2px 0 #d5dfea,0 18px 28px -12px #102e5060}
.ns-stages{transform:translateZ(10px)}
.ns-case-context{border:1px solid #dce2e9;border-radius:7px;padding:20px}
.ns-request-list{border:1px solid #dce2e9;border-radius:7px}
.ns-request:first-child{border-top:0;border-radius:7px 7px 0 0;transform:translateZ(14px);box-shadow:0 9px 16px -12px #102e5060}
.ns-request:last-child{border-bottom:0;border-radius:0 0 7px 7px}
.ns-next-step{background:#eff4ff}
.navy .ns-window{box-shadow:0 2px 0 #b6c5d6,0 5px 0 #d0dbe7,0 25px 45px -12px #0008}
@container(max-width:1000px){
  .ns-window{--ns-yaw:10deg;--ns-pitch:8deg;--ns-roll:-.65deg;--ns-scale:.95;--ns-depth-near:18px;--ns-depth-mid:28px;--ns-depth-front:38px}
  [data-ns-preview=requests] .ns-window{--ns-yaw:-10deg;--ns-roll:.65deg}
}
@container(max-width:700px){
  .ns-window{--ns-yaw:6deg;--ns-pitch:4deg;--ns-roll:-.35deg;--ns-scale:.96;--ns-depth-near:12px;--ns-depth-mid:18px;--ns-depth-front:24px}
  [data-ns-preview=requests] .ns-window{--ns-yaw:-6deg;--ns-roll:.35deg}
}
@container(max-width:400px){
  .ns-window{--ns-yaw:3deg;--ns-pitch:2deg;--ns-roll:0deg;--ns-scale:.97;--ns-depth-near:8px;--ns-depth-mid:12px;--ns-depth-front:16px}
  [data-ns-preview=requests] .ns-window{--ns-yaw:-3deg;--ns-roll:0deg}
  .ns-request:first-child{transform:translateZ(6px)}
}
@media(max-width:650px){.ns-demo{padding-block:24px}}
@media(prefers-reduced-motion:reduce){.ns-window{--ns-hover:0px!important}}
@media print{.ns-demo{padding:0;perspective:none}.ns-window,.ns-demo .ns-window *{transform:none!important;box-shadow:none!important}}