/* Bivend workspace 0.8: task-led navigation and progressive configuration. */
.product-icon{display:inline-block;flex:0 0 auto;vertical-align:middle}
.product-workspace{--product-sidebar:224px;--product-header:64px;--product-ink:#173343;--product-muted:#5b6e7a;--product-border:#dfe7eb;background:#f5f7fa;color:var(--product-ink)}
.product-workspace .header.product-header{position:sticky;top:0;z-index:40;max-width:none;min-height:var(--product-header);height:var(--product-header);padding:10px 28px 10px 22px;margin:0;border-bottom:1px solid var(--product-border);background:#fff}
.product-header-brand{display:flex;gap:12px;align-items:center;flex-shrink:0}
.product-workspace .brand{font-size:29px;letter-spacing:-1.4px;gap:6px}
.product-workspace .brand img{width:32px;height:32px}
.product-header-context{margin-right:auto;margin-left:40px;font-size:12px;color:#587181}
.product-workspace .account-header{font-size:12px;gap:20px}
.product-user-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-help-trigger{border:0;background:none;color:#3c5968;display:inline-flex;align-items:center;gap:8px;padding:8px;font-size:12px;border-radius:8px}
.product-help-trigger:hover{background:#edf5f5}
.product-workspace .account-header .button{font-size:12px;min-height:36px;padding:5px 12px;border-color:#d8e2e7}
.product-workspace .app-shell,.product-workspace.planner-page .app-shell{display:grid;grid-template-columns:var(--product-sidebar) minmax(0,1fr);gap:0;max-width:none;margin:0;padding:0;min-height:calc(100dvh - var(--product-header))}
.product-workspace .app-nav,.product-workspace.planner-page .app-nav{position:sticky;top:var(--product-header);height:calc(100dvh - var(--product-header));overflow:auto;overscroll-behavior:contain;align-self:start;padding:22px 14px 18px;margin:0;border-radius:0;border-right:1px solid var(--product-border);background:#fff;color:var(--product-ink);scrollbar-width:thin}
.product-nav-heading{display:flex;justify-content:space-between;align-items:center}
.product-workspace .app-nav .eyebrow{font-size:9px;color:#587181;letter-spacing:1.4px;margin:0 10px 9px}
.product-workspace .app-nav select{background:#f3f6f8;border:1px solid #e3e9ed;font-size:12px;font-weight:650;padding:10px;min-height:42px;color:#2d4959}
.product-workspace .switch-button{font-size:11px;color:#526a78;padding:6px 10px}
.product-workspace .app-nav nav{display:block;margin-top:12px}
.product-nav-group{margin-bottom:18px}
.product-nav-label{display:block;margin:0 10px 6px;font-size:9px;font-weight:750;letter-spacing:1px;text-transform:uppercase;color:#587181}
.product-workspace .app-nav nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;margin:3px 0;border-radius:7px;font-size:12px;min-height:39px;line-height:1.35;font-weight:550;color:#4e6472}
.product-workspace .app-nav nav a .product-icon{width:19px;height:19px;color:#7e949e}
.product-workspace .app-nav nav a:hover{background:#f1f6f7;color:#196f77}
.product-workspace .app-nav nav a[aria-current]{background:#e3f3f1;color:#096b71;font-weight:700;box-shadow:inset 3px 0 0 #0d7c83}
.product-workspace .app-nav nav a[aria-current] .product-icon{color:#0d7c83}
.product-workspace .role-label{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #e5ebee;color:#587181;font-size:9px;padding:12px 8px 0;margin-top:16px}
.product-admin-nav{border-top:1px solid #e6edef;padding-top:8px}
.product-workspace .app-main{padding:24px 30px 46px;min-width:0}
.product-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.product-page-heading .eyebrow{font-size:10px;letter-spacing:1px;margin:0 0 5px;color:#587181}
.product-workspace .product-page-heading .page-title{font-size:28px;letter-spacing:-.9px;line-height:1.25;margin:0;color:#1c3848}
.product-page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.product-workspace .button{gap:9px;border-radius:7px;font-size:13px;padding:11px 17px;min-height:42px;line-height:1.4;box-shadow:none;transition:background .15s,border-color .15s}
.product-workspace .button:hover{transform:none;background:#076c77}
.product-workspace .button.outline{border-color:#cfdee3;background:#fff;color:#385768}
.product-workspace .button.outline:hover{background:#edf5f5;border-color:#9fbfc4}
.product-workspace .button.small{font-size:12px;padding:8px 13px;min-height:38px}
.product-workspace .button .product-icon{width:17px;height:17px}
.product-workspace .panel{border-color:var(--product-border);border-radius:11px;padding:25px;box-shadow:0 2px 4px #132f3f02}
.product-workspace .panel h2{font-size:22px;letter-spacing:-.55px}
.product-workspace .panel p{font-size:13px;line-height:1.7;color:#536b79}
.product-workspace .stack label,.product-workspace .inline-form label{font-size:13px}
.product-workspace input,.product-workspace select,.product-workspace textarea{border-radius:7px}
.product-workspace .fine{font-size:12px;line-height:1.65;color:#587181}
.product-workspace .alert{font-size:13px;line-height:1.65}
.product-workspace .text-link{color:#126e78;font-size:12px}
.product-workspace .footer{margin:0 0 0 var(--product-sidebar);padding:24px 30px;background:#fff;border-top:1px solid var(--product-border)}
.product-nav-toggle,.product-nav-close{display:none}
.product-nav-backdrop{position:fixed;inset:var(--product-header) 0 0;z-index:44;border:0;background:#16303e72}
/* The first task and progress are clear; the guide never interrupts a visit. */
.product-welcome{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px;padding:30px 34px;margin:0 0 28px;border:1px solid #cbe0df;border-radius:13px;background:linear-gradient(110deg,#e9f6f2,#f4faf9 60%,#fff)}
.product-welcome .eyebrow{font-size:9px;letter-spacing:1.4px;margin:0 0 12px;color:#2e7d72}
.product-welcome h2{font-size:29px;line-height:1.2;letter-spacing:-.9px;max-width:620px;margin:0 0 12px;color:#1c514d}
.product-welcome p{font-size:14px;color:#4c716d;line-height:1.75;max-width:650px;margin:0 0 20px}
.product-welcome-progress{display:flex;justify-content:center;flex-direction:column;border-left:1px solid #cfe3dd;padding-left:32px;gap:8px;color:#426a65}
.product-welcome-progress>strong{font-size:44px;line-height:1.15;letter-spacing:-1px;color:#1d6e61}
.product-welcome-progress>strong small{font-size:22px;color:#4e7167;font-weight:450}
.product-welcome-progress>span{font-size:11px;line-height:1.5}
.product-welcome-progress .product-progress-label{font-size:12px;font-weight:650}
.product-welcome-progress progress{appearance:none;width:100%;height:7px;border:0;border-radius:10px;background:#d9eae4;overflow:hidden;margin:3px 0 5px;accent-color:#258a77}
.product-welcome-progress progress::-webkit-progress-bar{background:#d9eae4}
.product-welcome-progress progress::-webkit-progress-value{background:#258a77;border-radius:10px}
.product-welcome-progress progress::-moz-progress-bar{background:#258a77;border-radius:10px}
.product-welcome.is-ready .product-welcome-progress>strong{font-size:22px;letter-spacing:-.5px}
.product-welcome.is-ready .product-welcome-progress>.product-icon{width:40px;height:40px;color:#368b79;margin-bottom:8px}
.product-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 15px}
.product-section-heading h2{font-size:18px;letter-spacing:-.35px;margin:0}
.product-dashboard-metrics{gap:15px;margin:0 0 26px}
.product-dashboard-metrics>div{background:#fff;border:1px solid #e0e8ec;border-radius:10px;padding:20px 23px}
.product-dashboard-metrics small{font-size:12px;color:#587181}
.product-dashboard-metrics strong{font-size:33px;color:#244b5b;line-height:1.4}
.product-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:0 0 25px}
.product-workflow-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #dfe8ec;border-radius:11px;background:#fff;padding:24px;transition:border-color .15s,box-shadow .15s}
.product-workflow-card:hover{border-color:#a9cac8;box-shadow:0 6px 20px #264e5910}
.product-feature-icon{display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:10px;background:#e9f3f4;color:#31818a}
.product-workflow-card:nth-child(2) .product-feature-icon{background:#f0edf8;color:#78629c}
.product-workflow-card:nth-child(3) .product-feature-icon{background:#fff2e2;color:#ab792e}
.product-workflow-card h2{font-size:18px;letter-spacing:-.4px;line-height:1.3;margin:18px 0 10px}
.product-workflow-card p{font-size:13px;line-height:1.75;color:#587181;margin:0 0 20px}
.product-card-link{display:flex;align-items:center;gap:10px;color:#237681;font-size:12px;font-weight:650;margin-top:auto}
.product-card-link .product-icon{width:17px}
.product-inline-guide{display:flex;align-items:center;gap:18px;padding:20px 23px;background:#eef3f7;border-radius:10px;margin-bottom:26px}
.product-inline-guide>div{flex:1}
.product-inline-guide h2{font-size:16px;letter-spacing:-.3px;margin:0 0 6px}
.product-inline-guide p{font-size:12px;color:#587181;line-height:1.6;margin:0}
/* Calendar uses space for content; filtering is disclosed only when needed. */
.product-workspace.planner-page .app-main{padding-top:19px}
.product-workspace.planner-page .product-page-heading{margin-bottom:14px}
.product-workspace .planner-intro{margin-bottom:13px;gap:15px}
.product-workspace .planner-intro p{font-size:12px;margin:0 0 3px}
.product-workspace .content-planner .planner-intro-actions{display:none}
.product-workspace .planner-live{font-size:11px}
.product-workspace .planner-summary{display:flex;gap:25px;flex-wrap:wrap;margin:13px 0 18px;border:0}
.product-workspace .planner-summary>div{border:0;padding:0;background:transparent;gap:9px;min-width:155px}
.product-workspace .planner-summary .summary-icon{width:29px;height:29px;flex-basis:29px;font-size:17px;border-radius:8px}
.product-workspace .planner-summary strong{font-size:20px;display:inline;margin-right:6px}
.product-workspace .planner-summary small{font-size:11px;display:inline;color:#637887;line-height:1.4}
.product-workspace .planner-board{border-color:#d9e3e9;border-radius:10px;box-shadow:0 3px 9px #203d4d03;overflow:hidden}
.product-workspace .planner-toolbar{padding:16px 18px;gap:12px;border-bottom:1px solid #e5ecef}
.product-workspace .planner-date-nav{gap:7px;flex-wrap:wrap}
.product-workspace .planner-date-nav h2{font-size:18px;color:#314c5e;letter-spacing:-.4px;margin-left:12px}
.product-workspace .planner-control{font-size:12px;min-height:35px;border-radius:6px;display:inline-flex;justify-content:center;align-items:center;gap:6px}
.product-workspace .planner-view-tabs a{font-size:12px;min-height:34px;display:flex;align-items:center}
.planner-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.planner-filter-panel{border-bottom:1px solid #e3ebef;background:#fff}
.planner-filter-panel>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;font-size:12px;font-weight:600;padding:12px 18px;color:#567484}
.planner-filter-panel>summary::-webkit-details-marker{display:none}
.planner-filter-panel>summary::after{content:'⌄';font-size:16px;margin-left:auto;color:#587181}
.planner-filter-panel[open]>summary::after{content:'⌃'}
.planner-filter-count{font-size:10px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#dff0ee;color:#176c70}
.product-workspace .planner-filter-panel .planner-filters{padding:2px 18px 17px;gap:12px}
.product-workspace .planner-filters label{font-size:11px;color:#587181}
.product-workspace .planner-filters input,.product-workspace .planner-filters select{font-size:12px;min-height:36px;color:#2e5265;border-color:#ccdce3}
.planner-quick-status{display:flex;align-items:center;gap:6px;padding:10px 18px;border-bottom:1px solid #e6edf0;overflow-x:auto}
.planner-quick-status>a{font-size:11px;font-weight:600;white-space:nowrap;color:#587181;border-radius:5px;padding:6px 10px;background:#fff}
.planner-quick-status>a[aria-current]{color:#146e75;background:#e5f3f1}
.planner-quick-status>a:hover{background:#f0f6f6}
.planner-quick-status>.planner-clear{margin-left:auto;font-weight:400;font-size:11px}
.product-workspace .planner-context{padding:10px 18px;font-size:11px;background:#fbfcfd}
.product-workspace .planner-legend{font-size:10px;color:#5d7483}
.product-workspace .planner-week-viewport{max-height:none;height:clamp(360px,calc(100dvh - 390px),760px);overscroll-behavior:contain;scrollbar-width:thin}
.product-workspace .planner-week-header{z-index:5;background:#f9fbfc}
.product-workspace .planner-day-heading{padding:12px 7px 10px;min-height:80px;background:#f9fbfc;color:#617888}
.product-workspace .planner-day-heading strong{font-size:23px;color:#395c6b}
.product-workspace .planner-day-heading small{font-size:10px;color:#587181}
.product-workspace .planner-day-heading.is-today strong{background:#0e7d84;color:#fff;width:33px;height:33px;margin:auto;border-radius:50%;display:grid;place-items:center}
.product-workspace .planner-hour-label{font-size:10px;color:#587181;padding-top:7px}
.product-workspace .planner-hour-cell{min-height:86px;padding:5px;background:#fff}
.product-workspace .planner-hour-cell.is-today{background:#f5fbfa}
.product-workspace .planner-card{padding:9px;border-radius:7px;background:#fff;box-shadow:0 1px 3px #17334408}
.product-workspace .planner-card>strong{font-size:12px;line-height:1.4;color:#294e60}
.product-workspace .planner-card-account{font-size:10px;color:#587181}
.product-workspace .planner-card-bottom{font-size:9px}
.product-workspace .planner-card-top{font-size:11px}
.product-workspace .planner-month-day{min-height:150px}
.product-workspace .planner-month-day>header{padding-bottom:7px}
.content-planner[data-density="compact"] .planner-hour-cell{min-height:60px}
.content-planner[data-density="compact"] .planner-card{padding:6px 8px}
.content-planner[data-density="compact"] .planner-card-account{display:none}
.content-planner[data-density="compact"] .planner-card>strong{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:11px}
.planner-density-toggle[aria-pressed="true"]{background:#e5f3f1;border-color:#b5d5d0;color:#166e75}
.product-workspace .planner-footnote{font-size:10px;padding:12px 18px;color:#587181}
.product-workspace .planner-tip{font-size:11px;color:#587181;margin-top:12px}
.product-workspace .planner-empty-note{font-size:12px;color:#587181}
.product-workspace .planner-empty{padding:35px 20px}
.product-workspace .planner-empty h3{font-size:20px;color:#345a69}
/* Side detail keeps the calendar context; native dialog provides focus containment. */
.product-workspace .planner-detail{width:min(840px,95vw);max-width:none;height:100dvh;max-height:100dvh;margin:0 0 0 auto;border:0;border-left:1px solid #d7e3e9;border-radius:0;padding:0;box-shadow:-16px 0 70px #122b4930}
.product-workspace .planner-detail::backdrop,.product-help-dialog::backdrop{background:#18334560;backdrop-filter:blur(2px)}
.product-workspace .planner-detail-heading{position:sticky;top:0;background:#fff;z-index:2;padding:22px 26px;border-bottom:1px solid #e2eaef}
.product-workspace .planner-detail-heading h2{font-size:24px;letter-spacing:-.55px;line-height:1.25}
.product-workspace .planner-detail-body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;padding:24px 26px}
.product-workspace .planner-detail-times>div{font-size:11px}
.product-workspace .planner-caption{font-size:13px;line-height:1.7}
.product-workspace .planner-destination-row strong{font-size:12px}
.product-workspace .planner-destination-row small{font-size:11px}
.product-workspace .planner-detail-footer{font-size:11px;gap:16px}
.product-workspace .analytics-filters{padding:15px;gap:12px}
.product-workspace .analytics-kpis article>span{font-size:12px;color:#536e7d}
.product-workspace .analytics-kpis article>small{font-size:11px;color:#587181}
.product-workspace .analytics-period{font-size:11px;color:#587181}
.product-workspace .analytics-panel .fine{font-size:11px;color:#587181}
.product-workspace .social-metric-values>div>span{font-size:11px;color:#5e7785}
.product-workspace .social-metric-identity span:not(.network-dot){font-size:10px}
.product-workspace .social-metric-freshness{font-size:10px}
/* Assistance is on demand. A dismissed tip never hides transaction information. */
.product-help-dialog{width:min(480px,calc(100vw - 30px));padding:26px;border:1px solid #d1e2e6;border-radius:16px;color:#284c5c;box-shadow:0 20px 100px #19394835}
.product-help-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}
.product-dialog-close{width:34px;height:34px;display:grid;place-items:center;border:0;background:#eff4f6;border-radius:50%;font-size:24px;color:#587584;line-height:1}
.product-help-dialog .eyebrow{font-size:9px;margin:0 0 9px}
.product-help-dialog h2{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:0 0 12px}
.product-help-dialog>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#587181;margin-bottom:18px}
.product-help-dialog ol{padding-left:22px;font-size:13px;color:#4e6c7c;line-height:1.75;margin:0 0 24px}
.product-help-dialog li{padding-left:4px;margin-bottom:10px}
.product-help-actions{display:flex;gap:10px;flex-wrap:wrap}
.product-tip{position:fixed;right:28px;bottom:28px;z-index:60;max-width:min(420px,calc(100vw - 32px));display:flex;gap:18px;align-items:center;background:#173b4b;color:#f4ffff;border:1px solid #295768;border-radius:10px;padding:15px 16px 15px 19px;box-shadow:0 10px 35px #123a4928;font-size:12px;line-height:1.6}
.product-tip button{border:0;background:transparent;color:white;font-size:24px;line-height:1;padding:4px;flex-shrink:0}
@media(min-width:1700px){.product-workspace{--product-sidebar:238px}.product-workspace .app-main{padding-inline:36px}.product-workspace .app-nav nav a{font-size:13px;min-height:41px}.product-workspace .planner-week-viewport{height:calc(100dvh - 390px);max-height:900px}.product-workspace .planner-card>strong{font-size:13px}}
@media(max-width:1150px){.product-workspace{--product-sidebar:198px}.product-workspace .app-main{padding:22px 20px 38px}.product-workspace .app-nav{padding-inline:10px}.product-workspace .app-nav nav a{font-size:11px;gap:9px;padding:9px}.product-workspace .product-page-heading .page-title{font-size:25px}.product-page-actions{gap:7px}.product-page-actions .button{font-size:11px}.product-welcome{grid-template-columns:minmax(0,1fr) 180px;padding:25px;gap:25px}.product-welcome h2{font-size:25px}.product-welcome-progress{padding-left:25px}.product-workflow-grid{gap:12px}.product-workflow-card{padding:20px}.product-workflow-card h2{font-size:17px}.product-header-context{display:none}.product-workspace .planner-summary{gap:13px}.product-workspace .planner-summary>div{min-width:130px}.product-workspace .planner-summary small{display:block;font-size:10px}.product-workspace .planner-date-nav h2{margin-left:7px}.product-workspace .planner-week-viewport{height:calc(100dvh - 410px);min-height:350px}}
@media(max-width:850px){.product-workspace{--product-sidebar:0px;--product-header:60px}.product-workspace .header.product-header{padding-inline:15px}.product-nav-toggle{display:inline-grid;place-items:center;width:34px;height:36px;border:0;background:#eef4f5;border-radius:7px;color:#496d7d}.product-workspace .app-shell,.product-workspace.planner-page .app-shell{display:block}.product-workspace .app-nav,.product-workspace.planner-page .app-nav{position:fixed;top:var(--product-header);left:0;bottom:0;width:260px;height:calc(100dvh - var(--product-header));padding:20px 15px;z-index:45;border-right:1px solid #d8e3e7;box-shadow:8px 0 40px #14364424;visibility:hidden;transform:translateX(-105%);transition:transform .2s,visibility .2s}.product-workspace[data-nav-open="true"] .app-nav{visibility:visible;transform:translateX(0)}.product-workspace[data-nav-open="true"]{overflow:hidden}.product-nav-close{display:grid;place-items:center;border:0;background:#eef4f6;width:29px;height:29px;border-radius:7px;color:#4f7280;font-size:24px;line-height:1;margin:0 0 8px}.product-workspace .app-nav form{display:block}.product-workspace .app-nav nav{display:block;overflow:visible}.product-workspace .app-nav nav a{font-size:13px;min-height:42px}.product-workspace .app-main{padding:20px 20px 35px}.product-workspace .footer{margin-left:0}.product-workspace .account-header{gap:10px}.product-workspace .product-page-heading{align-items:flex-start}.product-page-actions .button.outline{display:none}.product-workspace .planner-summary{gap:18px}.product-workspace .planner-summary>div{min-width:125px}.product-workspace .planner-week-viewport{height:calc(100dvh - 400px);min-height:330px}.product-workflow-card{padding:20px}.product-inline-guide{flex-wrap:wrap}.product-workspace .planner-detail{width:min(780px,100vw)}}
@media(max-width:580px){.product-workspace .app-main{padding:18px 13px 32px}.product-workspace .header.product-header{padding-inline:12px;gap:10px}.product-workspace .brand{font-size:25px}.product-workspace .brand img{width:28px;height:28px}.product-header-brand{gap:8px}.product-user-name,.product-help-trigger span{display:none}.product-help-trigger{padding:6px}.product-workspace .account-header{gap:7px}.product-workspace .account-header .button{font-size:11px;min-height:32px;padding:5px 10px}.product-workspace .product-page-heading .page-title{font-size:24px}.product-page-heading .eyebrow{font-size:9px}.product-page-actions .button{font-size:10px;padding:7px 9px;min-height:35px}.product-page-actions .button .product-icon{width:15px}.product-welcome{display:block;padding:23px;margin-bottom:22px}.product-welcome h2{font-size:25px}.product-welcome p{font-size:13px}.product-welcome-progress{display:grid;grid-template-columns:1fr auto;border:0;border-top:1px solid #cee1da;padding:17px 0 0;margin-top:22px;gap:8px}.product-welcome-progress>strong{font-size:23px;grid-column:2;grid-row:1}.product-welcome-progress>strong small{font-size:16px}.product-welcome-progress progress{grid-column:1/-1}.product-welcome-progress>span:last-child{grid-column:1/-1}.product-welcome.is-ready .product-welcome-progress{display:none}.product-workflow-grid{grid-template-columns:1fr;gap:12px}.product-workflow-card{display:grid;grid-template-columns:40px 1fr;column-gap:15px;padding:20px}.product-workflow-card>.product-feature-icon{grid-row:1/3}.product-workflow-card h2{margin:0 0 8px}.product-workflow-card p{grid-column:2;margin-bottom:12px;font-size:12px}.product-card-link{grid-column:2}.product-inline-guide{padding:19px;gap:13px}.product-inline-guide>.product-feature-icon{display:none}.product-inline-guide .button{width:100%}.product-dashboard-metrics{gap:10px}.product-dashboard-metrics>div{padding:15px 17px}.product-dashboard-metrics strong{font-size:28px}.product-section-heading h2{font-size:16px}.product-section-heading .text-link{font-size:11px}.product-workspace .planner-intro p{font-size:11px}.product-workspace .planner-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 16px}.product-workspace .planner-summary>div{min-width:0;gap:8px}.product-workspace .planner-summary small{font-size:10px}.product-workspace .planner-summary strong{font-size:18px}.product-workspace .planner-toolbar{padding:13px;gap:12px}.product-workspace .planner-date-nav{width:100%}.product-workspace .planner-date-nav h2{font-size:17px;margin:0 0 4px;order:-1;width:100%}.planner-tools{width:100%;justify-content:space-between;gap:7px}.planner-density-toggle{font-size:10px!important;padding-inline:8px}.planner-filter-panel>summary{padding:11px 13px;font-size:11px}.product-workspace .planner-filter-panel .planner-filters{padding:2px 13px 15px}.planner-quick-status{padding:8px 10px;gap:2px}.planner-quick-status>a{padding:6px 8px;font-size:10px}.product-workspace .planner-context{padding:10px 13px}.product-workspace .planner-week-viewport{height:440px;min-height:320px}.product-workspace .planner-detail{width:100vw;border:0}.product-workspace .planner-detail-heading{padding:20px 18px}.product-workspace .planner-detail-body{grid-template-columns:1fr;padding:20px 18px;gap:20px}.product-workspace .planner-detail-heading h2{font-size:23px}.product-workspace .planner-preview{max-height:260px;min-height:180px}.product-workspace .planner-preview iframe{height:260px}.product-workspace .planner-detail-footer{align-items:flex-start;flex-wrap:wrap}.product-tip{right:16px;bottom:20px;font-size:12px}.product-help-dialog{padding:23px}.product-help-dialog h2{font-size:23px}.product-workspace .footer{padding:22px 15px}}
@media(prefers-reduced-motion:reduce){.product-workspace .app-nav,.product-workflow-card,.product-workspace .button{transition:none}.product-help-dialog::backdrop,.product-workspace .planner-detail::backdrop{backdrop-filter:none}}
@media print{.product-header,.product-nav-toggle,.product-nav-backdrop,.product-help-dialog,.product-tip,.product-page-actions,.planner-quick-status,.planner-filter-panel{display:none!important}.product-workspace .app-shell{display:block}.product-workspace .app-main{padding:0}.product-workspace .footer{margin:0}.product-workspace .planner-week-viewport{height:auto;max-height:none;overflow:visible}.product-workspace .planner-summary{display:grid;grid-template-columns:repeat(4,1fr)}}

.product-workspace:not(.product-ui-ready) .product-help-trigger,.product-workspace:not(.product-ui-ready) .product-nav-toggle,.product-workspace:not(.product-ui-ready) .product-nav-close{display:none}
@media(max-width:850px){.product-workspace:not(.product-ui-ready) .app-nav{position:static;visibility:visible;transform:none;height:auto;width:auto;box-shadow:none;border-bottom:1px solid #dfe7eb}.product-workspace:not(.product-ui-ready) .app-nav nav{display:flex;flex-wrap:wrap;gap:15px}.product-workspace:not(.product-ui-ready) .product-nav-group{flex:1;min-width:130px}}

.product-workspace .planner-footnote details{max-width:760px}.product-workspace .planner-footnote summary{cursor:pointer;font-weight:600}.product-workspace .planner-footnote details p{margin:10px 0 0;line-height:1.7}.product-workspace .planner-close{min-width:38px;min-height:38px}.product-workspace:not(.product-ui-ready) .planner-density-toggle{display:none}@media(max-width:580px){.planner-filter-hint{font-size:10px}.product-workspace .content-analytics .planner-intro-actions{display:flex}}

/* Keep the calendar, rather than repeated instructions, above the fold. */
.product-workspace .content-planner .planner-intro p{display:none}.product-workspace .content-planner .planner-intro{margin-bottom:9px}.product-workspace .content-planner .planner-summary{margin-top:8px;margin-bottom:12px}
@media(min-width:1151px){.product-workspace .planner-week-viewport{height:clamp(360px,calc(100dvh - 430px),900px)}}
.product-workspace .onboarding-steps strong{font-size:12px;line-height:1.35}.product-workspace .onboarding-steps small{font-size:10px}.product-workspace .setup-dialog .dialog-close{display:grid;place-items:center;width:32px;height:32px;background:#edf4f6;border:0;border-radius:50%;font-size:24px;color:#557582;line-height:1}.product-workspace .setup-step details>summary{font-size:12px;color:#477282}.product-workspace .setup-dialog h2{font-size:26px;letter-spacing:-.7px}.product-workspace .setup-step .panel-title h2{font-size:22px}

.product-space-name{font-size:13px;font-weight:650;color:#375666;background:#f1f5f7;border:1px solid #e3eaee;border-radius:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 12px;margin-bottom:20px}
.planner-pagination{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;border-block:1px solid #dfe8ed;background:#f8fbfc;margin-top:12px}.planner-pagination>div:first-child{display:grid;gap:3px}.planner-pagination strong{font-size:12px;color:#4b6e7f}.planner-pagination span{font-size:11px;color:#587181}.planner-pagination-actions{display:flex;gap:9px}.planner-pagination-note{font-size:11px;color:#587181;background:#f8fbfd;border-bottom:1px solid #e3ebf0;margin:0;padding:11px 18px}.content-analytics>.planner-pagination{border:1px solid #dce7ed;border-radius:8px;margin-top:10px}@media(max-width:580px){.planner-pagination{padding:14px;flex-wrap:wrap;gap:12px}.planner-pagination-actions{margin-left:auto}.planner-pagination-note{padding:10px 13px;font-size:10px}}

/* Visible focus and mobile controls across workspace dialogs. */
.product-workspace summary:focus-visible,.product-workspace textarea:focus-visible{outline:3px solid #087f8c;outline-offset:4px}
.product-workspace .skip:focus{z-index:100}
@media(max-width:580px){
 .product-nav-toggle,.product-nav-close,.product-help-trigger,.product-dialog-close,.product-workspace .setup-dialog .dialog-close,.product-workspace .planner-close{min-width:44px;min-height:44px}
 .product-workspace .account-header .button,.product-page-actions .button,.product-workspace .planner-control,.planner-quick-status>a,.product-workspace .planner-view-tabs a,.planner-pagination .button{min-height:44px}
 .product-workspace .app-nav nav a{min-height:44px}
 .product-workspace input:not([type=checkbox]):not([type=radio]):not([type=range]),.product-workspace select,.product-workspace textarea{font-size:16px;min-height:44px}
 .product-workspace .setup-dialog .dialog-close{right:12px;top:12px}
 .product-help-dialog,.product-workspace .setup-dialog{max-height:calc(100dvh - 24px);overflow:auto}
 .product-workspace .setup-dialog h2{padding-right:35px}
}