.clock-trigger.btn{gap:7px;flex-shrink:0;padding:6px 10px;min-height:34px;border-radius:99px;background:#fff;border-color:#c7dbde;color:#205d66;font-size:12px;box-shadow:0 2px 4px #133c4806}.clock-trigger.btn:hover{background:#e6f2f2;border-color:#72a7ac}.clock-trigger strong{font-variant-numeric:tabular-nums}.clock-chevron{margin-left:4px;color:#63878e}
dialog.clock-dialog{width:410px;max-width:calc(100vw - 28px);border:1px solid #dce5ec;border-radius:20px;padding:24px;box-shadow:0 24px 90px #0c263e42}.clock-dialog h2{font-size:18px}.clock-hero{padding:24px;border-radius:13px;background:linear-gradient(120deg,#123e50,#246d70);color:white}.clock-hero .eyebrow{color:#b6d9dc;font-size:10px;letter-spacing:1.8px}.clock-hero>div{font-size:35px;letter-spacing:-1px;margin:10px 0;font-weight:600;font-variant-numeric:tabular-nums}.clock-hero p{color:#c3dddf;font-size:12px;margin:0}.clock-advances{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.clock-advances .btn{padding:12px 5px;gap:5px;flex-wrap:wrap;background:#f4f8fa;border-radius:10px}.clock-advances span{font-size:12px}.clock-panel form label{margin:16px 0;font-size:13px}.clock-panel form .primary{width:100%;background:#206970;border-color:#206970;border-radius:9px}.clock-note{border-top:1px solid #e2e8ee;padding-top:17px;margin-top:20px;color:#567784;font-size:12px;line-height:1.7}.clock-note small{margin-top:8px;font-size:11px}
.preview-switch{position:relative;flex-shrink:0;font-size:12px}.preview-switch summary{list-style:none;cursor:pointer;padding:7px 12px;border:1px solid #ffffff24;border-radius:99px;color:#e4e6ed;white-space:nowrap;transition:background .2s}.preview-switch summary::-webkit-details-marker{display:none}.preview-switch[open] summary,.preview-switch summary:hover{background:#ffffff15}.preview-dot{display:inline-block;width:6px;height:6px;background:#e9bf64;border-radius:50%;margin-right:5px}.preview-popover{position:absolute;right:0;top:calc(100% + 12px);width:280px;background:#fff;border:1px solid #e2e5ee;box-shadow:0 24px 60px -18px #0b0d1766;border-radius:16px;padding:20px;color:#293449;z-index:60}.preview-popover p{font-size:12px;margin:8px 0 14px}.preview-popover label{font-size:12px}.preview-popover select{font-size:13px;width:100%;min-height:38px}
.reset-lab{margin:18px 0;font-size:14px;width:100%;text-align:left}.account-node:has(small){min-height:48px}.storage-error{margin:0;padding:10px;background:#fce6e6;color:#962c37}
/* Inside the lab the dialog and its backdrop stay within the simulated screen, whose rect app.js publishes as --screen-*. */
dialog.screen-framed{position:fixed;inset:auto;top:calc(var(--screen-top) + var(--screen-height) / 2);left:calc(var(--screen-left) + var(--screen-width) / 2);transform:translate(-50%,-50%);margin:0;max-width:min(610px,var(--screen-width) - 24px);max-height:calc(var(--screen-height) - 24px)}
dialog.screen-framed::backdrop{position:fixed;inset:var(--screen-top) var(--screen-right) var(--screen-bottom) var(--screen-left)}
dialog.timeline-drawer{margin:0 0 0 auto;position:fixed;inset:0 0 0 auto;max-height:100dvh;height:100dvh;max-width:600px;width:min(600px,100vw);border-radius:0;border:0;padding:28px;box-sizing:border-box}
dialog.timeline-drawer.screen-framed{transform:none;margin:0;inset:var(--screen-top) var(--screen-right) var(--screen-bottom) auto;height:auto;max-height:none;width:min(600px,var(--screen-width));max-width:var(--screen-width);border-left:1px solid #dbe0eb}
.approval-timeline{list-style:none;margin:25px 0;padding:0}.timeline-step{display:grid;grid-template-columns:22px 1fr;gap:12px;position:relative;padding-bottom:28px}.timeline-step:not(:last-child):before{content:"";position:absolute;left:8px;top:16px;bottom:0;width:2px;background:#d8e1eb}.timeline-dot{height:18px;width:18px;border:3px solid #93a9bc;border-radius:50%;background:white;z-index:1}.timeline-step.approved .timeline-dot,.timeline-step.complete .timeline-dot,.timeline-step.provisioned .timeline-dot{background:#267768;border-color:#267768}.timeline-step.rejected .timeline-dot,.timeline-step.error .timeline-dot{background:#b13d4c;border-color:#b13d4c}.timeline-step h3{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:16px}.timeline-step p,.timeline-step blockquote{font-size:14px;overflow-wrap:anywhere}.timeline-step blockquote,.info-exchange{padding:12px;margin:12px 0;background:#f0f4f8;border-left:3px solid #748db5}.timeline-step .request-answers{font-size:14px}
.drift-panel{padding:22px}.drift-alert{border:1px solid #e4acb4;border-left:4px solid #b9364d;border-radius:6px;padding:16px;margin:14px 0;background:#fff4f5}.drift-alert h3{margin:0;color:#a12d43;font-size:16px}.drift-alert p{font-size:14px}.drift-alert .inline-actions{flex-wrap:wrap}.success-note{color:#246b59}.certification-inspector summary{cursor:pointer}.product-main details summary{cursor:pointer}.product-main td details ul{padding-left:18px;line-height:1.7}.product-main td small{overflow-wrap:anywhere}
@media(max-width:900px){.clock-label{display:none}.clock-trigger.btn{padding:5px 8px;font-size:11px}.preview-switch summary{font-size:11px;padding:6px 8px}}
@media(max-width:650px){.clock-chevron{display:none}.clock-trigger.btn{gap:4px;font-size:10px;padding:4px 6px;min-height:29px}.workstation .browser-addressbar{gap:5px;padding:3px 8px 5px}.lab-shell .solution-sidebar .reset-lab{width:auto;min-width:100px;margin:0;align-self:center}.lab-shell .solution-sidebar{max-height:94px}.environment-bar .campus-account-nav{margin-left:auto}.environment-bar .campus-brand{gap:5px}.environment-bar .campus-brand strong{font-size:12px}.environment-bar .campus-account-nav .campus-nav-link{padding:6px;font-size:11px}.environment-bar .preview-switch summary{font-size:10px;padding:5px 6px}.preview-switch{position:static}.preview-popover{right:10px;top:auto;margin-top:10px;width:min(280px,calc(100vw - 20px))}dialog.timeline-drawer{padding:20px}}
.identity-360-drawer{width:min(680px,100vw);padding:28px}.identity-360-drawer .identity-summary{margin-top:8px}.filter-pills{display:flex;gap:6px;flex-wrap:wrap;align-items:end}.filter-pills .btn{padding:7px 11px;border-radius:99px;font-size:12px}.filter-pills .btn.selected{background:#e6f2f3;border-color:#5f9da2;color:#205d66}.source-card .btn{margin-right:8px}.source-config-tabs{display:flex;gap:8px;margin-bottom:18px}.source-config-tabs .btn{flex:1}.notification-studio{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px}.notification-list{display:grid;align-content:start;gap:6px}.notification-list .btn{text-align:left;justify-content:flex-start}.notification-editor{padding:22px}.variable-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.variable-chips .btn{font:12px ui-monospace,monospace;padding:6px 8px}.notification-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.notification-preview{border:1px solid #dfe6ec;border-radius:8px;padding:16px;background:#fbfcfd;min-height:230px}.notification-preview>div{white-space:pre-wrap;color:#4f6270;font-size:13px;line-height:1.6}.finance-dashboard{background:#f5f8f8;margin:-25px;padding:25px;min-height:100%}.finance-hero{padding:24px 26px;border-radius:12px;background:linear-gradient(120deg,#123e50,#236f70);color:#fff;margin-bottom:20px}.finance-hero h1{color:#fff;margin:8px 0}.finance-hero p{color:#c2dcdd;margin:0}.finance-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.finance-cards article{padding:20px;display:grid;gap:8px}.finance-cards strong{font-size:26px;color:#173e50}.finance-cards span{font-size:12px;color:#68808a}.finance-cards .positive{color:#258369}.access-denied{margin:28px auto;max-width:560px;text-align:center;padding:44px 30px}.denied-code{font-size:64px;line-height:1;font-weight:700;color:#b24758;letter-spacing:-3px}.access-denied code{color:#9d3548}.finance-header .product-brand svg{color:#4eaf8e}
@media(max-width:700px){.notification-studio,.notification-columns{grid-template-columns:1fr}.notification-list{display:flex;overflow:auto}.notification-list .btn{white-space:nowrap}.finance-cards{grid-template-columns:1fr}.finance-dashboard{margin:-20px -13px;padding:18px 13px}.clock-hero>div{font-size:29px}}

/* Shared source schema and isolated email rendering. */
.email-preview-frame{width:100%;height:390px;border:0;background:white;border-radius:8px}
.mail-body .email-preview-frame{height:530px}
.source-config-tabs{flex-wrap:wrap}
.source-config-tabs .btn{flex:1 1 130px;font-size:14px}
[data-connector-panel][hidden],#campaign-specific-reviewer[hidden],#campaign-manager-note[hidden],[data-schema-row][hidden]{display:none!important}
.schema-scroll{max-height:48vh;overflow:auto;border:1px solid #dce5ec;border-radius:8px}
.schema-scroll th{position:sticky;top:0;background:#eef4f7}
.schema-details{margin:20px 0}.schema-details td{white-space:pre-wrap;overflow-wrap:anywhere}
.schema-details table{table-layout:fixed}.schema-details td:first-child{width:40%}
.api-operation{padding:16px;border:1px solid #dce5ec;border-radius:8px;margin:12px 0}
.api-operation pre{overflow:auto;padding:16px;background:#102d3d;color:#d0e5ef;border-radius:6px;font-size:14px}
.connector-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.connector-catalog article{padding:18px}.lesson-code{width:100%;font:14px/1.6 ui-monospace,monospace;white-space:pre;resize:vertical;background:#102d3d;color:#e2edf3;padding:18px}
.notification-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.notification-preview{min-width:0}.notification-columns textarea{font:14px/1.6 ui-monospace,monospace}
@media(max-width:700px){.connector-catalog,.notification-columns{grid-template-columns:1fr}.source-config-tabs .btn{flex:1 1 40%}.email-preview-frame{height:360px}}

/* Approval facts have independent columns; lengthy form answers open on demand. */
.approval-queue table{width:100%;table-layout:fixed;min-width:900px}.approval-queue th:nth-child(1){width:12%}.approval-queue th:nth-child(2),.approval-queue th:nth-child(3){width:16%}.approval-queue th:nth-child(4){width:24%}.approval-queue th:nth-child(5){width:18%}.approval-queue th:nth-child(6){width:14%}.approval-queue td{vertical-align:top;overflow-wrap:anywhere;padding:18px 12px}.approval-queue td>strong,.approval-queue td>small{display:block}.approval-queue td>small{margin-top:6px;line-height:1.5}.approval-reference .btn{padding:0;font-family:ui-monospace,monospace;white-space:nowrap}.approval-queue .badge{margin-top:8px;white-space:normal;line-height:1.4}.approval-access details{margin-top:12px;font-size:12px}.approval-access summary{color:#315f91;font-weight:600;cursor:pointer}.approval-access details[open]{background:#f5f8fc;padding:10px;border-radius:6px}.approval-access dl{margin:12px 0 0}.approval-access dd{margin:4px 0 12px}.approval-actions{display:grid;gap:7px}.approval-actions .btn{padding:7px 9px;justify-content:center;width:100%;font-size:12px}.approval-queue td:before{display:none}
@media(max-width:950px){.approval-queue{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}.approval-queue .table-scroll{overflow:visible}.approval-queue table,.approval-queue tbody{display:block;min-width:0}.approval-queue thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.approval-queue tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff;border:1px solid #dce5ee;border-radius:12px;margin-bottom:16px;padding:10px;gap:10px}.approval-queue td{display:block;border:0;padding:6px;min-width:0}.approval-queue td:before{display:block;content:attr(data-label);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#738396;margin-bottom:8px}.approval-queue td:nth-child(1),.approval-queue td:nth-child(4),.approval-queue td:nth-child(6){grid-column:1/-1}.approval-queue td:nth-child(1){border-bottom:1px solid #eef2f6;padding-bottom:14px}.approval-actions{display:flex;flex-wrap:wrap}.approval-actions .btn{width:auto;flex:1;white-space:nowrap}}
.logo-editor-row{display:flex;gap:18px;align-items:flex-start}.logo-editor-row>div:last-child{min-width:0;flex:1}.logo-editor .app-logo{width:64px;height:64px;flex:none}.app-logo.custom-logo{background:#fff;border:1px solid #e2e8f0;padding:4px}.app-logo img{width:100%;height:100%;object-fit:contain;display:block}.logo-editor small{display:block;line-height:1.6;color:#687a8e;font-size:12px}.logo-editor input[type=file]{max-width:100%;font-size:12px}.logo-editor [role=status]{font-size:12px;color:#527163;line-height:1.6}.logo-editor [role=status].logo-error{color:#b0354d}.logo-editor .btn{font-size:12px;margin-top:4px}@media(max-width:450px){.logo-editor-row{flex-direction:column}}