/* Original Orbit Arrow workspace design. Scoped to the authenticated app. */
.app-shell{--line:#e8edf4;--soft:#edf3ff;--ink:#202938;--muted:#728096;grid-template-columns:230px minmax(0,1fr);gap:16px;padding:14px;background:#edf0f5;min-height:100vh}
.app-shell .sidebar{top:14px;height:calc(100vh - 28px);border:1px solid #ffffff;border-radius:24px;background:#f9fafc;overflow-y:auto;box-shadow:0 4px 24px #20355404}
.app-shell .brand{padding:25px 22px;font-size:17px;gap:11px}.app-shell .brand img{width:34px;height:34px;border-radius:10px}.app-shell .workspace-label{margin:0 14px 12px;border-radius:12px;background:#fff;padding:12px;font-size:12px}
.app-shell .nav-heading{padding:20px 14px 9px;font-size:10px;letter-spacing:.09em}.app-shell .nav-link{position:relative;border-radius:11px;min-height:41px;padding:10px 13px;margin:3px 0;font-size:13px;gap:12px}.app-shell .nav-link svg{width:18px;height:18px}.app-shell .nav-link.active{background:#e9f0ff;color:#2857bc}.app-shell .nav-link.active:before{content:'';position:absolute;left:-12px;top:12px;bottom:12px;width:3px;border-radius:4px;background:#3668df}.app-shell .nav-link:hover{background:#edf2fa;transform:translateX(2px)}
.app-shell .sidebar-bottom{background:#f9fafc;padding:18px;border-radius:0 0 24px 24px}.app-shell .avatar{border-radius:50%;background:#e4ecfc;color:#355991}.app-shell .main-shell{min-width:0}.app-shell .topbar{border:1px solid #fff;border-radius:23px;background:#fafbfd;min-height:70px;padding:12px 24px;gap:20px;margin-bottom:14px}.app-shell .global-search{background:#fff;border-radius:30px;min-height:38px;border-color:#edf0f5}.app-shell .global-search input{background:transparent}.app-shell .global-search button{border:0;box-shadow:none;background:transparent}.app-shell .context-title strong{font-size:15px}
.app-shell .main-shell>main{background:#f8f9fc;border:1px solid #fff;border-radius:24px;padding:28px;min-height:calc(100vh - 155px)}.app-shell .footer{border:0;padding:18px 24px;font-size:11px}.app-shell h1{font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.04em}.app-shell h2{font-size:16px;font-weight:600}.app-shell .page-heading{align-items:center;gap:16px;margin-bottom:26px}.app-shell .eyebrow{font-size:9px;letter-spacing:.1em}
.app-shell :is(button,.button){border-radius:20px;padding:8px 15px;min-height:35px;box-shadow:none;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s}.app-shell :is(button,.button):active{transform:translateY(1px)}.app-shell :is(button,.button).primary{background:#3668df;border-color:#3668df;box-shadow:0 4px 10px #3668df16}.app-shell :is(button,.button).primary:hover{background:#285acb;border-color:#285acb;box-shadow:0 5px 14px #3668df25}.app-shell :is(input,textarea,select){border-radius:10px;border-color:#dfe6ef;background:#fff}.app-shell input[type=checkbox]{border-radius:4px;accent-color:#3668df}.app-shell :is(.panel,.metric,.work-card,.portal-job,.table-wrap){border-radius:18px;border-color:#e8edf4;background:#fff;box-shadow:0 4px 16px #20355403}.app-shell .metric{padding:23px}.app-shell .metric strong{font-size:32px;letter-spacing:-.04em}.app-shell .work-card:hover{border-color:#b8caed;box-shadow:0 8px 20px #20355409;transform:translateY(-2px)}.app-shell .kanban-column{border-radius:20px;background:#edf1f7;padding:14px}.app-shell :is(td,th){padding:14px 16px}.app-shell th{background:#f8fafd;font-size:10px;letter-spacing:.04em}.app-shell .badge{border-radius:6px;padding:3px 8px}.app-shell .table-wrap{overflow-x:auto}.app-shell .table-wrap table{margin:0}.app-shell .filters{gap:12px;flex-wrap:wrap}
.app-shell .main-shell>main.job-workspace,.app-shell .main-shell>main.mail-workspace{padding:0;overflow:clip}.app-shell .work-header,.app-shell .client-tab-header{background:#fafbfd;border-radius:24px 24px 0 0}.app-shell .work-tabs,.app-shell .portal-tabs{display:flex;gap:10px;overflow-x:auto;padding:8px 0;border-bottom:1px solid #e6ebf3}.app-shell :is(.work-tabs,.portal-tabs)>a{display:inline-flex;align-items:center;flex-shrink:0;min-height:39px;padding:9px 17px;border:0;border-radius:20px;background:transparent;font-size:13px;white-space:nowrap}.app-shell :is(.work-tabs,.portal-tabs)>a:is(.active,.current,[aria-current]){background:#e8efff;color:#285bc5;font-weight:600}.app-shell .client-workspace{margin:0}.app-shell .client-tab-body{padding:24px 4px}.app-shell .client-event{background:#fff;border:1px solid #e8edf4;border-radius:15px;padding:18px;margin-bottom:12px}.app-shell .task-row{background:#fff;border-color:#e8edf4;border-radius:12px}.app-shell .task-line{align-items:center}.app-shell .task-discussion>summary{padding:10px 14px}.app-shell .week-counts{gap:12px}.app-shell .week-counts>a{border-radius:16px;padding:19px;background:#fff}.app-shell .calendar-day{background:#fff;border-color:#e8edf4}.app-shell .calendar-day.today{background:#edf3ff}.app-shell .capacity-grid .panel{padding:24px}
.app-shell .mailbox-toolbar{padding:20px 24px}.app-shell .mailbox-folders{padding:4px 20px;gap:8px;overflow-x:auto}.app-shell .mailbox-folders a{white-space:nowrap;padding:10px 13px;border:0;border-radius:18px}.app-shell .mailbox-folders a[aria-current]{background:#e9f0ff;color:#285bc5}.app-shell .mailbox-item{margin:5px 7px;border-radius:12px;border:1px solid transparent;padding:13px 10px}.app-shell .mailbox-item.current{background:#eaf1ff;border-color:#d9e5fc}.app-shell .mailbox-list{background:#fafbfd}.app-shell .mailbox-reader{background:#fff}.app-shell .mail-comment-bubble{background:#eef4ff;border-color:#e0e9fb;border-radius:16px}.app-shell .mail-reader-actions{gap:8px}.app-shell .mail-message h2{font-size:20px}.app-shell .portal-view{padding-top:20px}
/* Dashboard specificity keeps the bundled compatibility stylesheet from overriding this theme. */
.app-shell .oa-dashboard{margin:0;padding:0;background:transparent;min-height:0}.app-shell .oa-dashboard h1{font-size:28px}.app-shell .oa-stats{gap:18px}.app-shell :is(.oa-stat,.oa-card){border-radius:21px;border:1px solid #e8edf4;box-shadow:0 4px 16px #20355403}.app-shell .oa-stat{padding:24px;min-height:142px}.app-shell .oa-stat:first-child{background:linear-gradient(135deg,#3668df,#244fad);border-color:#3668df}.app-shell .oa-stat:first-child :is(span,strong,small){color:#fff}.app-shell .oa-stat strong{font-size:36px}.app-shell .oa-donut{width:142px;flex-basis:142px}.app-shell .oa-status-layout{min-height:210px}.app-shell .oa-card-title{padding:23px 24px 16px}.app-shell .oa-deadline-chart{height:240px;min-height:0;max-height:260px}.app-shell .oa-report-tabs{gap:8px;padding:8px 18px}.app-shell .oa-report-tabs a{padding:8px 12px;border-radius:18px;border:0}.app-shell .oa-report-tabs a[aria-current]{background:#eaf1ff}.app-shell .oa-heading-actions .button{border-radius:22px}.app-shell .oa-side-stack{gap:20px}
/* Dialogs are appended to body by existing app handlers. */
dialog.record-drawer,dialog.mail-compose-dialog,dialog.ai-dialog{border:1px solid #e3e9f3;border-radius:22px;box-shadow:0 28px 90px #182c4e30}dialog::backdrop{background:#1a29434d;backdrop-filter:blur(3px)}dialog[open]{animation:orbit-dialog-in .2s ease-out}.app-shell main{animation:orbit-enter .25s ease-out}.app-shell :is(.oa-stat,.metric,.work-card){transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.app-shell :is(.oa-stat,.metric):hover{transform:translateY(-2px);box-shadow:0 8px 22px #20355408}.app-shell .oa-donut svg{animation:orbit-enter .45s ease-out}.app-shell [aria-busy=true]::after{content:'';display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid #cbd8f5;border-top-color:#3668df;border-radius:50%;animation:orbit-spin .8s linear infinite}
@keyframes orbit-enter{from{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit-dialog-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}
@media(max-width:1200px){.app-shell{grid-template-columns:210px minmax(0,1fr);gap:12px;padding:10px}.app-shell .main-shell>main{padding:22px}.app-shell .oa-stats{gap:12px}.app-shell .oa-stat{padding:18px}.app-shell .oa-donut{width:112px;flex-basis:112px}}
@media(max-width:800px){.app-shell{display:block;padding:8px}.app-shell .sidebar{position:fixed;top:8px;left:8px;bottom:8px;height:calc(100dvh - 16px);width:230px;z-index:60;transform:translateX(-260px);transition:transform .2s ease}.app-shell.menu-open .sidebar{transform:translateX(0)}.app-shell .topbar{padding:12px 15px;border-radius:18px;gap:10px}.app-shell .main-shell>main{padding:20px 16px;border-radius:18px}.app-shell .global-search{min-width:0}.app-shell .global-search kbd{display:none}.app-shell .oa-donut{width:140px;flex-basis:140px}.app-shell h1,.app-shell .oa-dashboard h1{font-size:25px}.app-shell .page-heading{flex-wrap:wrap}.app-shell .oa-stat{min-height:125px}.app-shell .oa-report-tabs{padding:8px 12px}.app-shell .mailbox-folders{flex-wrap:nowrap}.app-shell .work-tabs{padding:8px 12px}.app-shell .mailbox-toolbar{padding:16px}.app-shell .portal-tabs{gap:5px}}
@media(max-width:480px){.app-shell .context-title strong{font-size:13px}.app-shell .top-right{gap:5px}.app-shell .global-search{max-width:180px}.app-shell .global-search button{display:none}.app-shell .oa-stat{padding:15px}.app-shell .oa-stat strong{font-size:30px}.app-shell .oa-card-title{padding:18px 16px}.app-shell .oa-donut{width:110px;flex-basis:110px}.app-shell :is(.work-tabs,.portal-tabs)>a{padding:8px 12px}.app-shell .page-heading .button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.app-shell *,.app-shell main,dialog[open]{animation:none!important;transition:none!important;scroll-behavior:auto!important}.app-shell :is(.oa-stat,.metric,.work-card):hover{transform:none}.app-shell .nav-link:hover{transform:none}}
@media print{.app-shell{display:block;padding:0;background:white}.app-shell .main-shell>main{border:0;padding:0;background:white}.app-shell .topbar{display:none}.app-shell *{animation:none!important;box-shadow:none!important}}