
/* A single app-home control, consistently the last control at the top right. */
html body a.ootb-app-home{position:static!important;inset:auto!important;transform:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;gap:0!important;flex:0 0 44px!important;border:1px solid #12354b!important;border-radius:8px!important;background:#12354b!important;color:#ffdd00!important;text-decoration:none!important;box-sizing:border-box!important;vertical-align:middle}
html body a.ootb-app-home svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round;stroke-linejoin:round;flex:none}
html body a.ootb-app-home:hover{background:#204b65!important}
html body a.ootb-app-home:focus-visible{outline:2px solid #ffdd00;outline-offset:3px}
html body a.ootb-app-fallback{position:fixed!important;top:12px!important;right:12px!important;z-index:1000}

.ootb-account-menu{position:relative;max-width:260px;flex-shrink:1;min-width:0}.ootb-account-menu summary{display:flex;align-items:center;gap:9px;min-height:44px;padding:4px 10px;border:1px solid #d8e3ec;border-radius:8px;cursor:pointer;list-style:none;color:#12354b;background:#fff}.ootb-account-menu summary::-webkit-details-marker{display:none}.ootb-account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ootb-account-menu summary>svg{width:16px;height:16px;flex:none}.ootb-account-options{position:absolute;right:0;top:100%;min-width:210px;padding:6px;background:#fff;border:1px solid #d8e3ec;border-radius:8px;box-shadow:0 6px 20px #12354b22;z-index:100}.ootb-account-options button{display:flex;width:100%;text-align:left;gap:8px;min-height:44px}.ootb-account-options svg{width:18px}.ootb-account-menu .avatar{flex:0 0 32px;width:32px;height:32px}.account,.personal-header>nav{min-width:0}

html .personal-header{padding-inline:16px}html .ootb-legal-page>header{padding-inline:20px}html .top #top-state:empty,html .top #top-lang:empty{display:none}

html .ootb-account-options .button{color:#12354b!important;background:white!important}.ootb-account-options .button:hover{background:#e6eff5!important}

.brand-loading{width:100%;max-width:650px;margin:12px auto;padding:20px 12px;box-sizing:border-box;color:#12354b;text-align:center;background:radial-gradient(ellipse,#edf8ff88,transparent 70%);font-family:Inter,system-ui,sans-serif}
.brand-scene{position:relative;width:100%;height:330px;margin:auto;max-width:600px}
.brand-loading .brand-logo{position:absolute;top:24px;left:20%;width:60%;height:auto;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.brand-slogan{position:absolute;top:130px;left:20%;width:60%;font-size:clamp(19px,3vw,30px);line-height:1.2;letter-spacing:-.5px}.brand-slogan strong{display:block;font-size:1.3em;font-weight:800;margin-top:2px}
.brand-smile{position:absolute;top:225px;left:34%;width:32%;height:55px;overflow:visible}.brand-smile path{fill:none;stroke:#ffdc00;stroke-width:8;stroke-linecap:round;stroke-dasharray:250;stroke-dashoffset:250;animation:brand-draw 2.8s ease-in-out infinite}
.brand-toy{position:absolute;width:15%;max-width:82px;height:auto;animation:brand-float 3.5s ease-in-out infinite}.brand-toy.duck{left:1%;top:120px}.brand-toy.cow{right:1%;top:110px;animation-delay:-1s}.brand-toy.gift{left:13%;top:245px;animation-delay:-2s}.brand-toy.pencils{right:11%;top:240px;animation-delay:-.7s}
.brand-spark{position:absolute;color:#ffda00;font:32px/1 system-ui;animation:brand-twinkle 2s ease-in-out infinite}.brand-spark.a{left:16%;top:95px}.brand-spark.b{right:18%;top:230px;animation-delay:-1s}.brand-spark.c{left:30%;top:270px;color:#87ccef;animation-delay:-.6s}
.brand-dots{display:flex;justify-content:center;gap:7px;margin:16px 0 12px}.brand-dots i{width:7px;height:7px;background:#008dc4;border-radius:50%;animation:brand-twinkle 1.4s infinite}.brand-dots i:nth-child(2){animation-delay:.2s}.brand-dots i:nth-child(3){animation-delay:.4s}.brand-status{font-size:14px;margin:0;line-height:1.5;color:#48677e}
.brand-loading.compact{max-width:340px;padding:4px;margin:4px auto}.compact .brand-scene{height:175px}.compact .brand-logo{top:3px}.compact .brand-slogan{top:65px;font-size:17px}.compact .brand-smile{top:125px;height:30px}.compact .brand-toy{width:13%;max-width:44px}.compact .duck,.compact .cow{top:60px}.compact .gift,.compact .pencils{top:130px}.compact .brand-spark.a{top:50px}.compact .brand-spark.b,.compact .brand-spark.c{top:130px}.compact .brand-dots{margin:8px}.compact .brand-status{font-size:12px}
@keyframes brand-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}@keyframes brand-twinkle{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes brand-draw{0%{stroke-dashoffset:250}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:250}}
@media(max-width:600px){.brand-scene{height:280px}.brand-slogan{top:105px}.brand-smile{top:185px}.brand-toy.duck,.brand-toy.cow{top:100px}.brand-toy.gift,.brand-toy.pencils{top:215px}.brand-spark.c{top:240px}.brand-status{font-size:12px}}
@media(prefers-reduced-motion:reduce){.brand-loading *{animation:none!important}.brand-smile path{stroke-dashoffset:0}.brand-dots i{opacity:.7}}

/* Approved BlueView mark and entry: shared with the app overview. */
.blueview-mark{display:block;width:54px;height:54px;flex:none;fill:none}
button.blueview-launch{appearance:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:72px;max-width:100%;padding:8px 12px;border:1px solid #3a5669;border-radius:13px;background:#102f44;color:#fff;text-align:left;font:inherit;box-shadow:0 3px 0 #071e2b}
.sidebar button.blueview-launch{width:100%;background:#14384e}
.blueview-launch .blueview-copy{display:block;min-width:0;margin:0;padding:0;line-height:1.2}
.blueview-launch .blueview-copy strong{display:block;color:#fff;font-size:19px;font-weight:700;letter-spacing:-.3px;line-height:1.2}
.blueview-launch .blueview-copy small{display:block;color:#ffdf24;font-size:11px;font-weight:500;margin-top:5px;white-space:nowrap;line-height:1.2}
.blueview-launch .blueview-arrow{width:20px;height:20px;flex:none;color:#ffdc00;margin-left:auto}
button.blueview-launch:hover{border-color:#ffdc00;background:#163c53}
button.blueview-launch:focus-visible{outline:3px solid #ffdc00;outline-offset:3px}
button.blueview-launch:disabled{cursor:wait;opacity:.8}
.customer-identity>button.blueview-launch{flex:none;min-width:215px}
.customer-identity>button.blueview-launch .blueview-mark{width:48px;height:48px}
.blueview-tile-icon{background:#102f44!important;color:#ffdc00!important;padding:7px!important;border-radius:14px!important;width:64px!important;height:64px!important}
.blueview-tile-icon .blueview-mark{width:100%;height:100%}
.nav-item>.blueview-mark{width:25px;height:25px}
.bottomnav button.blueview-launch{min-height:44px;padding:4px 8px;gap:5px;box-shadow:none;border:0;border-radius:8px}
.bottomnav .blueview-launch .blueview-mark{width:24px;height:24px}
.bottomnav .blueview-launch .blueview-copy strong{font-size:11px}
.bottomnav .blueview-launch small,.bottomnav .blueview-launch .blueview-arrow{display:none}
@media(max-width:900px){button.blueview-launch{gap:8px;padding:7px 9px;min-height:64px}.blueview-launch .blueview-mark{width:42px;height:42px}.blueview-launch .blueview-copy strong{font-size:17px}.customer-identity>button.blueview-launch{min-width:190px}.blueview-launch .blueview-arrow{width:16px}}


/* One app frame, including the installed iPad status-bar inset. */
:root{--ootb-safe-top:env(safe-area-inset-top,0px);--ootb-rail:224px;--ootb-extra-top:0px}
html.ootb-standalone{--ootb-extra-top:8px;--ootb-safe-top:calc(env(safe-area-inset-top,0px) + var(--ootb-extra-top))}
.ootb-app-fallback{top:calc(12px + var(--ootb-safe-top))!important}
html[data-ootb-app] .topbar{padding-top:var(--ootb-safe-top);min-height:calc(64px + var(--ootb-safe-top));height:auto}
html[data-ootb-app] .sidebar,html[data-ootb-app] .rail{padding-top:calc(16px + var(--ootb-safe-top));background:#102e43;color:#c1d3e1}
html[data-ootb-app] .sidebar .nav-item.active,html[data-ootb-app] .rail nav .active{background:#204b66;color:#fff;box-shadow:inset 3px 0 #ffdf00}
html[data-ootb-app="orders"] .top{padding-top:var(--ootb-safe-top)!important;height:calc(var(--top) + var(--ootb-safe-top))!important}
html[data-ootb-app="orders"] .frame{top:calc(var(--top) + var(--ootb-safe-top))!important}
html[data-ootb-app="orders"] .side{padding-bottom:env(safe-area-inset-bottom,0px)}
.ootb-unified-layout{display:grid;grid-template-columns:var(--ootb-rail) minmax(0,1fr);min-height:100dvh;background:#f3f6f9;color:#14364d;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}
.ootb-unified-sidebar{position:sticky;top:0;height:100dvh;overflow-y:auto;overscroll-behavior:contain;background:#102e43;color:#c1d3e1;padding:calc(18px + var(--ootb-safe-top)) 14px 44px;display:flex;flex-direction:column;min-width:0;z-index:10}
.ootb-unified-brand{background:white;border-radius:12px;padding:12px;margin-bottom:8px}.ootb-unified-brand img{display:block;width:100%;height:auto}
.ootb-rail-title{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#94afc1;margin:16px 7px 8px}
.ootb-rail-link,.ootb-local-nav button{display:flex;align-items:center;min-height:44px;padding:11px 12px;border:0;border-radius:8px;margin:3px 0;background:transparent;color:#c1d3e1;font-size:13px;text-align:left;text-decoration:none;width:100%;line-height:1.35}
.ootb-rail-link:hover,.ootb-local-nav button:hover{background:#1a4058;color:white}.ootb-rail-link.active,.ootb-local-nav button.active{background:#204b66;color:white;box-shadow:inset 3px 0 #ffdf00;font-weight:600}
.ootb-rail-link{gap:10px}.ootb-rail-link svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.7}.ootb-rail-link.active svg{color:#ffdf00}
.ootb-local-nav nav{display:block!important;background:none!important;padding:0!important}.ootb-quick-links{display:block}.ootb-unified-workspace{min-width:0}
.ootb-unified-header{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:20;width:100%;max-width:none;margin:0;border-radius:0;border-bottom:1px solid #dce6ef;background:white!important;color:#14364d!important;min-height:calc(66px + var(--ootb-safe-top));padding:calc(10px + var(--ootb-safe-top)) 18px 10px!important}
.ootb-unified-header h1{font-size:20px;line-height:1.25;margin:0;flex:1}.ootb-unified-header p{font-size:12px;color:#59768b;margin:5px 0 0}.ootb-unified-header .header-link{color:#14364d}.ootb-unified-header>.ootb-app-home{margin-left:auto!important}
.ootb-unified-main{padding:18px!important;max-width:none!important;width:100%;margin:0!important;min-width:0;overflow-wrap:anywhere}
.ootb-unified-main .title{margin:0 0 14px}.ootb-unified-main h1{font-size:23px}.ootb-unified-main .filters{gap:8px}.ootb-unified-main table{table-layout:fixed;width:100%;font-size:12px}.ootb-unified-main th{font-size:10px}.ootb-unified-main td,.ootb-unified-main th{padding:7px;overflow-wrap:anywhere;white-space:normal}.ootb-unified-main td{max-width:0;overflow:hidden;text-overflow:ellipsis}
.ootb-unified-menu,.ootb-unified-dismiss{display:none}.ootb-unified-main .org-calendar{width:100%;min-width:0}.ootb-unified-main .org-calendar.week{grid-template-columns:repeat(7,minmax(0,1fr))}.ootb-unified-main .org-calendar.week .org-day{min-height:220px}
html[data-ootb-app="project"] .layout{grid-template-columns:var(--ootb-rail) minmax(0,1fr)}html[data-ootb-app="project"] .rail{height:100dvh;overflow-y:auto}html[data-ootb-app="project"] .topbar{background:#fff;color:#14364d}html[data-ootb-app="project"] .link-list{display:none}html[data-ootb-app="project"] .rail footer{font-size:9px}
html[data-ootb-app="project"] .rail nav{display:grid}html[data-ootb-app="project"] .rail nav button{justify-content:flex-start;white-space:normal}html[data-ootb-app="project"] .rail footer{display:flex;flex-wrap:wrap}html[data-ootb-app="project"] .rail>p{display:block}
html[data-ootb-app] .ootb-legal-links{max-width:var(--ootb-rail);width:max-content!important;right:auto!important;font-size:9px!important}
@media(max-width:1100px){:root{--ootb-rail:206px}.ootb-unified-main{padding:12px!important}.ootb-unified-main .org-calendar.week{grid-template-columns:repeat(2,minmax(0,1fr))}.ootb-unified-main .org-calendar.week .org-day{min-height:155px}.ootb-unified-main .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ootb-unified-main .filters input,.ootb-unified-main .filters select{width:100%;min-width:0}.ootb-unified-main .workspace-toolbar{flex-wrap:wrap}.ootb-unified-main .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.ootb-unified-header{padding-left:12px!important;padding-right:12px!important}.ootb-unified-header h1{font-size:18px}}
@media(max-width:620px){.ootb-unified-layout{display:block}.ootb-unified-sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;transform:translateX(-100%);z-index:110}.ootb-unified-menu{display:block;min-width:44px;min-height:44px;background:#fff;border:1px solid #cbdce8;border-radius:7px;color:#14364d;font-size:21px}.rail-open .ootb-unified-sidebar{transform:none}.rail-open .ootb-unified-dismiss{display:block;position:fixed;inset:0;border:0;background:#102e4980;z-index:100}.ootb-unified-main .tiles{grid-template-columns:1fr}.ootb-unified-header p{display:none}.ootb-unified-main .org-calendar.month{grid-template-columns:repeat(7,minmax(0,1fr))}.ootb-unified-main .org-day h3{font-size:10px}}
html[data-ootb-theme="white"] .ootb-unified-sidebar{background:white;color:#14364d;border-right:1px solid #dce6ef}html[data-ootb-theme="white"] .ootb-rail-link,html[data-ootb-theme="white"] .ootb-local-nav button{color:#14364d}html[data-ootb-theme="white"] .ootb-rail-link.active,html[data-ootb-theme="white"] .ootb-local-nav button.active{background:#e5f1f8;color:#14364d}

html[data-ootb-app="home"] .topbar{background:#fff!important;color:#14364d!important}
html[data-ootb-app="home"] .topbar-location strong,html[data-ootb-app="home"] .account{color:#14364d!important}
@media(min-width:621px){html[data-ootb-app="home"] .server-shell{display:grid;grid-template-columns:var(--ootb-rail) minmax(0,1fr)}html[data-ootb-app="home"] .sidebar{width:var(--ootb-rail);transform:none;display:flex}html[data-ootb-app="home"] .workspace{grid-column:2}html[data-ootb-app="home"] .sidebar-toggle,html[data-ootb-app="home"] .topbar-logo{display:none}html[data-ootb-app="home"] .main{padding:20px 14px}html[data-ootb-app="home"] .topbar{padding-left:14px;padding-right:14px}html[data-ootb-app="home"] .topbar-location{font-size:12px}html[data-ootb-app="home"] .account{gap:6px}html[data-ootb-app="home"] .account-entry{max-width:170px}html[data-ootb-app="home"] .project-folders{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1500px){html[data-ootb-app="home"] .project-folders{grid-template-columns:repeat(4,minmax(0,1fr))}}
html[data-ootb-text="large"] .ootb-unified-main{font-size:16px}html[data-ootb-text="large"] .ootb-unified-main table,html[data-ootb-text="large"] .ootb-rail-link{font-size:14px}html[data-ootb-text="large"] .ootb-unified-main th{font-size:12px}html[data-ootb-text="large"] .ootb-unified-main button,html[data-ootb-text="large"] .ootb-unified-main input,html[data-ootb-text="large"] .ootb-unified-main textarea,html[data-ootb-text="large"] .ootb-unified-main select{font-size:15px}
html[data-ootb-text="small"] .ootb-unified-main{font-size:12px}html[data-ootb-text="small"] .ootb-unified-main table{font-size:11px}
.wb-history{margin-top:20px;padding:12px;border-top:1px solid #cadde9}.wb-history summary{cursor:pointer;min-height:36px;padding:8px}
html[data-ootb-app="home"] .topbar .account>.button.quiet{color:#14364d;background:white;border-color:#cadde9}
@media(min-width:621px){html[data-ootb-app="home"] .topbar .button.sidebar-toggle{display:none}html[data-ootb-app="home"] .sidebar{box-shadow:none}}
html[data-ootb-app="studio"] .topbar,html[data-ootb-app="exchange"] .top{background:white;color:#14364d;padding-top:calc(10px + var(--ootb-safe-top));min-height:calc(66px + var(--ootb-safe-top))}
html[data-ootb-app="studio"] .breadcrumb,html[data-ootb-app="studio"] .breadcrumb strong,html[data-ootb-app="studio"] .topbar-account,html[data-ootb-app="exchange"] .top .account button,html[data-ootb-app="exchange"] .top .account .button{color:#14364d}
@media(min-width:621px){html[data-ootb-app="studio"] .shell,html[data-ootb-app="exchange"] .layout{display:grid;grid-template-columns:var(--ootb-rail) minmax(0,1fr)}html[data-ootb-app="studio"] .sidebar,html[data-ootb-app="exchange"] .sidebar{width:var(--ootb-rail);transform:none;visibility:visible;box-shadow:none}html[data-ootb-app="studio"] .workspace,html[data-ootb-app="exchange"] .workspace{grid-column:2;min-width:0}html[data-ootb-app="studio"] .topbar .button.mobile-menu,html[data-ootb-app="studio"] .topbar-logo,html[data-ootb-app="exchange"] .menu-toggle,html[data-ootb-app="exchange"] .drawer-close,html[data-ootb-app="exchange"] .top-plate{display:none}html[data-ootb-app="exchange"] .brand{padding-right:12px}html[data-ootb-app="exchange"] main{padding:18px 12px}html[data-ootb-app="exchange"] .top{padding-left:12px;padding-right:12px}}

/* Isolate the shared rail from app-wide nav panels and header spacing. */
.ootb-unified-sidebar nav{display:block;flex:none;width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;gap:0}
.ootb-unified-sidebar .ootb-local-nav button{width:100%;max-width:none;text-align:left;justify-content:flex-start}
.ootb-unified-sidebar .ootb-local-nav button:hover:not(:disabled){background:#1a4058;color:white;border-color:transparent}
.ootb-unified-sidebar .ootb-rail-link:focus-visible,.ootb-unified-sidebar .ootb-local-nav button:focus-visible{outline:2px solid #ffdf00;outline-offset:-2px}
.ootb-unified-header>strong:first-of-type{flex:1;min-width:0}
.ootb-unified-header #account{margin-left:auto;color:#14364d;background:white;flex:0 0 auto}
.ootb-unified-header #account+.ootb-app-home{margin-left:0!important}
html[data-ootb-theme="white"] .ootb-unified-sidebar .ootb-rail-link:hover,html[data-ootb-theme="white"] .ootb-unified-sidebar .ootb-local-nav button:hover:not(:disabled){background:#e5f1f8;color:#14364d}
