/* Shared hub styling, deliberately excluded from home, Quotes and mounted apps. */
.app-shell .is-workspace {
 --primary:#C20000; --ring:#C20000; --blue-700:#C20000;
 --shadow-lg:0 12px 32px #32191912; --shadow-md:0 5px 18px #32191910;
 position:relative; isolation:isolate; background:#f0efed; color:#292529;
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; letter-spacing:normal;
}
.app-shell .is-workspace::before {content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#ffffffe6,#f7f6f3e0),url('/brand/page3/hex-silver.webp') center/cover no-repeat;}
.app-shell .is-workspace::after {content:'';position:fixed;inset:-25%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#ffffff70 48%,transparent 60%);animation:workspace-light 22s ease-in-out infinite alternate;}
@keyframes workspace-light{from{transform:translate3d(-18%,0,0);opacity:.2}to{transform:translate3d(18%,0,0);opacity:.65}}
.app-shell .is-workspace:has(:is(input,textarea,select):focus,.panel:hover,.ask-workspace:hover)::after{animation-play-state:paused}
.app-shell .is-workspace .topbar{background:#fcfbfaf5;border-bottom:1px solid #d9d2cf;box-shadow:0 2px 16px #24101008;backdrop-filter:none}
.app-shell .is-workspace .topbar :is(.brand-name,a,button){color:#292529}
.app-shell .is-workspace .topbar .brand-name{font:30px/1.12 "Raider Bevel",Impact,sans-serif;color:#C20000;white-space:normal;overflow:visible}
.app-shell .is-workspace .topbar .brand-mark{width:54px;height:54px;flex:0 0 54px;object-fit:contain}
.app-shell .is-workspace .topbar .role-chip{background:#C200000c;color:#850000;border:1px solid #C2000015}
.app-shell .is-workspace .topbar .icon-button{background:transparent;border:1px solid #dbd4d2;color:#292529}
.app-shell .is-workspace .desktop-rail{background:#251f23;border:1px solid #3c3036;border-radius:18px;box-shadow:0 12px 30px #28101518;padding:12px 10px}
.app-shell .is-workspace .rail-button{color:#f2ecee;font:15px/1.25 "Raider Straight",Impact,sans-serif;min-height:48px;transition:background .18s,transform .18s;border-radius:10px;gap:10px}
.app-shell .is-workspace .rail-button.is-active{background:#C20000;color:white;box-shadow:0 4px 14px #0002}
.app-shell .is-workspace .rail-button:not(.is-active):hover{background:#ffffff12;transform:translateX(2px)}
.app-shell .is-workspace .page-header{position:relative;padding:20px 22px;border:1px solid #fff;border-left:4px solid #C20000;border-radius:16px;background:linear-gradient(110deg,#fffffffc,#fffaf8f5);box-shadow:0 7px 22px #3010100a;gap:9px}
.app-shell .is-workspace .page-title{font:clamp(25px,2.5vw,36px)/1.15 "Raider Bevel",Impact,sans-serif;color:#30252a;letter-spacing:0;overflow-wrap:anywhere}
.app-shell .is-workspace :is(.section-title,.dashboard-section-heading h2){font-family:"Raider Half",Impact,sans-serif;letter-spacing:0;color:#30252a}
.app-shell .is-workspace :is(.page-subtitle,.section-copy){font:14px/1.55 Inter,ui-sans-serif,system-ui,sans-serif;color:#62565c;letter-spacing:0}
.app-shell .is-workspace .dashboard-kicker{font:13px/1.4 "Raider Straight",Impact,sans-serif;color:#C20000;letter-spacing:.035em}
.app-shell .is-workspace :is(.panel,.operations-metric,.ask-workspace,.ask-composer,.ask-status-grid article){background:#fffdfc;border:1px solid #dfd7d5;border-radius:15px;box-shadow:0 6px 20px #3010100a}
.app-shell .is-workspace :is(.primary-button,.secondary-button,.ghost-button,.folder-button,.segment,.nav-button){font-family:Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0}
.app-shell .is-workspace .primary-button{background:linear-gradient(115deg,#850000,#C20000);border:1px solid #C20000;color:white;box-shadow:0 5px 13px #C2000018;transition:box-shadow .2s,transform .2s}
.app-shell .is-workspace .primary-button:is(:hover,:focus-visible):not(:disabled){box-shadow:0 7px 18px #C2000030;transform:translateY(-1px)}
.app-shell .is-workspace .secondary-button{background:#fff;color:#850000;border:1px solid #d9c8c9;box-shadow:none}
.app-shell .is-workspace :is(.folder-button,.ask-example){background:#fffdfc;border:1px solid #d9d0cf;color:#392b31;box-shadow:0 3px 10px #30101005;transition:border-color .2s,box-shadow .2s}
.app-shell .is-workspace :is(.folder-button,.ask-example):is(:hover,:focus-visible){border-color:#C20000;box-shadow:0 0 0 2px #C2000010}
.app-shell .is-workspace .folder-button.is-active{background:#C200000a;border-color:#C20000;color:#850000;box-shadow:inset 3px 0 #C20000}
.app-shell .is-workspace .action-card{background:linear-gradient(120deg,#fffdfc,#fbf6f5);border:1px solid #d9cdcc;box-shadow:0 5px 16px #3413130c;color:#30252a;isolation:isolate;transition:transform .25s,box-shadow .25s,border-color .25s}
.app-shell .is-workspace .action-card .action-title{font:24px/1.2 "Raider Bevel",Impact,sans-serif;color:#30252a}
.app-shell .is-workspace .action-card .action-copy{font:13px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;color:#62535b}
.app-shell .is-workspace .action-card .action-icon{background:linear-gradient(135deg,#850000,#C20000);color:white;border-radius:12px}
.app-shell .is-workspace .action-card::before{background:radial-gradient(circle at 90% 20%,#C2000014,transparent 65%)}
.app-shell .is-workspace .action-card:is(:hover,:focus-visible){border-color:#C20000;transform:translateY(-3px);box-shadow:0 10px 25px #C2000018}
.app-shell .is-workspace .action-card::after{content:'';position:absolute;inset:auto 10% 0;height:2px;background:linear-gradient(90deg,transparent,#C20000,transparent);transform:scaleX(.2);opacity:0;transition:transform .4s,opacity .2s;pointer-events:none}
.app-shell .is-workspace .action-card:is(:hover,:focus-visible)::after{transform:scaleX(1);opacity:1}
.app-shell .is-workspace :is(input,select,textarea){font-family:Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;background:#fff;color:#292529;border-color:#bfb1b4;box-shadow:none}
.app-shell .is-workspace :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid #C20000;outline-offset:3px}
.app-shell .is-workspace .search-bar{background:white;border:1px solid #cbbfc0;box-shadow:none}
.app-shell .is-workspace .search-bar input{border:none}
.app-shell .is-workspace .file-row:hover{background:#C2000005}
.app-shell .is-workspace .mobile-nav{background:#fcfbfaf5;border-top:1px solid #d9d2cf}
.app-shell .is-workspace .mobile-nav .nav-button{color:#65565e}
.app-shell .is-workspace .mobile-nav .nav-button.is-active{background:#C20000;color:#fff}
@media(max-width:679px){.app-shell .is-workspace .topbar .brand-name{font-size:22px}.app-shell .is-workspace .topbar .brand-mark{width:44px;height:44px;flex-basis:44px}.app-shell .is-workspace .page-header{padding:16px 14px}.app-shell .is-workspace .action-card .action-title{font-size:22px}}
@media(max-width:359px){.app-shell .is-workspace .topbar .brand-name{font-size:20px}}
@media(prefers-reduced-motion:reduce){.app-shell .is-workspace::after{animation:none}.app-shell .is-workspace :is(.action-card,.primary-button,.rail-button){transition:none!important;transform:none!important}}
/* Prevent grid min-content widths from forcing mobile forms beyond the viewport. */
.app-shell .is-workspace :is(.page-header,.page-title-row,.page-title-row>div,.panel,.form-stack,.form-stack>div,.upload-account-search,.upload-account-search>div,.upload-choice>span){min-width:0;max-width:100%}
.app-shell .is-workspace :is(.upload-choice small,.upload-choice strong){overflow-wrap:anywhere}
.app-shell .is-workspace .segmented{grid-template-columns:repeat(2,minmax(0,1fr))}
.app-shell .is-workspace .segmented .segment{min-width:0;padding-inline:8px}
.app-shell .is-workspace .search-bar input{width:0;flex:1 1 0;min-width:0}
@media(max-width:679px){.app-shell .is-workspace .button-row>*{white-space:normal;min-width:0}.app-shell .is-workspace .customer-page-actions{min-width:0;width:100%}.app-shell .is-workspace .customer-page-actions>*{width:100%;max-width:100%}.app-shell .is-workspace .upload-choice{min-width:0;width:100%;font-family:Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0}.app-shell .is-workspace input[type=file]{max-width:100%;min-width:0;width:100%}}
/* Lightweight standalone hub utilities use the same palette, without app rewrites. */
@font-face{font-family:"Raider Bevel";src:url('/fonts/raider/raider-bevel.woff2') format('woff2');font-display:swap}
@font-face{font-family:"Raider Half";src:url('/fonts/raider/raider-half.woff2') format('woff2');font-display:swap}
@font-face{font-family:"Raider Straight";src:url('/fonts/raider/raider-straight.woff2') format('woff2');font-display:swap}
body.is-styled-workspace{--primary:#C20000;--ring:#C20000;--blue-700:#C20000;--card:#fffdfc;--border:#ddd3d2;background:linear-gradient(#ffffffe6,#f7f6f3df),url('/brand/page3/hex-silver.webp') center/cover fixed;color:#292529;font:15px/1.55 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:normal;margin:0}
.is-styled-workspace main{max-width:1050px;margin:auto;padding:24px 20px 60px;min-width:0;overflow-wrap:anywhere}
.is-styled-workspace h1{font:clamp(27px,4vw,40px)/1.15 "Raider Bevel",Impact,sans-serif;color:#30252a;margin:20px 0 12px}
.is-styled-workspace h2{font:24px/1.25 "Raider Half",Impact,sans-serif;color:#30252a}
.is-styled-workspace h3{font:600 17px/1.4 Inter,ui-sans-serif,system-ui,sans-serif}
.is-styled-workspace :is(section,.panel){background:#fffdfc;border:1px solid #ddd3d2;border-radius:15px;box-shadow:0 6px 20px #3010100a;padding:20px;margin:16px 0}
.is-styled-workspace a{color:#C20000;text-underline-offset:3px}
.is-styled-workspace button{background:linear-gradient(115deg,#850000,#C20000);color:#fff;border:1px solid #C20000;border-radius:10px;min-height:46px;padding:9px 14px;box-shadow:none;font:600 14px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0}
.is-styled-workspace :is(input,textarea,select){font:15px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;background:#fff;color:#292529;border:1px solid #bdadb1;border-radius:8px;min-height:44px;max-width:100%;min-width:0;padding:9px 12px;box-shadow:none;letter-spacing:0}
.is-styled-workspace input[type=checkbox]{min-height:24px}
.is-styled-workspace :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #C20000;outline-offset:3px}
.is-styled-workspace .notice{background:#fff0ca;border-left:4px solid #9c7215}
@media(max-width:600px){.is-styled-workspace main{padding:18px 14px 45px}.is-styled-workspace :is(section,.panel){padding:16px 14px}.is-styled-workspace form{min-width:0}}