/* The approved templates remain intact; this layer supplies the live shell and chosen mark. */
:root{--demo-navy:#0d1e4a;--demo-ice:#eef4f7;--demo-muted:#7e91ac;--app-surface:radial-gradient(ellipse at 3% 0%,#dceaf58a 0,transparent 49%),radial-gradient(ellipse at 100% 65%,#d5eae540 0,transparent 54%),linear-gradient(165deg,#eef4f7 0%,#f1f5f8 56%,#edf3f5 100%)}
html{min-height:100%;scroll-behavior:smooth}body{min-height:100svh;background:#eef4f7}body[data-view=public]{background:#fff}body,button,input,select,textarea{font-family:'DM Sans',Arial,sans-serif}button,a,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,[role=button],a{cursor:pointer}input,select,textarea{min-width:0}a{color:inherit}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #547da7;outline-offset:4px}img{max-width:100%}#app{min-height:100svh;outline:0;width:100%}.demo-frame{position:relative;margin:0 auto;isolation:isolate}.demo-frame.mobile{width:100%;max-width:480px;min-height:100svh;overflow:clip;background:var(--app-surface)}.screen.demo-frame.desktop{width:100%;min-height:100svh;height:auto;overflow:visible}.demo-frame .o-app.o-v3.c-app,.demo-frame .s-screen{background:transparent}.demo-frame .s-header,.demo-frame .o-header{background:transparent}.demo-frame .c-main,.demo-frame .s-content{background:transparent}.demo-frame .s-account .s-content{background:transparent}.demo-frame .c-demo,.demo-frame .s-demo{background:#edf3f6e8}.demo-frame .c-header,.demo-frame .c-personal,.demo-frame .s-header{position:relative;z-index:5}.demo-frame .c-photo img,.demo-frame .c-home-work-photo img,.demo-frame .s-announcement-photo{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.demo-frame .c-home-work:hover img{transform:scale(1.018)}.demo-frame .c-button:active,.demo-frame .s-primary:active{transform:scale(.985)}.demo-frame [role=button]{transition:box-shadow .18s ease,transform .18s ease}.demo-frame .o-nav,.demo-frame .s-bottomnav{box-shadow:0 8px 28px #0d1e4a0b;border:1px solid #ffffffb3}
.arua-chosen-logo{display:block;width:116px;height:46px;object-fit:contain;object-position:center;mix-blend-mode:multiply}.arua-logo-link{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;text-decoration:none!important;background:none;border:0;padding:0;min-width:84px;letter-spacing:0!important}.p4-header .arua-chosen-logo{width:138px;height:55px}.p4-footer .arua-chosen-logo{width:125px;height:50px}.p4-mheader .arua-chosen-logo{width:111px;height:45px}.c-header-left>.arua-logo-link{margin-left:-9px}.s-brand.arua-logo-link{letter-spacing:0}.s-brand .arua-chosen-logo{width:106px;height:43px}.v4-desktop-brand.arua-logo-link{margin:0 0 27px}.v4-desktop-brand .arua-chosen-logo{width:146px;height:58px}.a-brand .arua-chosen-logo,.a-sidebar .arua-chosen-logo{width:136px;height:54px}.c-personal{gap:8px}.demo-personal-brand{margin-left:auto}.demo-personal-brand .arua-chosen-logo{width:78px;height:34px}.demo-personal-brand+.c-circle{margin-left:2px}.demo-frame .c-personal>div:first-child{gap:9px;flex-shrink:0}
.demo-environment{position:fixed;bottom:18px;left:20px;z-index:25;gap:8px;align-items:center;border-radius:24px;padding:10px 14px;background:#fffffff0;border:1px solid #dfe8ef;color:#5b7294;box-shadow:0 4px 25px #0d1e4a0b;font-size:11px;min-height:40px}.demo-environment-dot{width:5px;height:5px;background:#71969c;border-radius:50%}.demo-frame .demo-inline-explore{font-size:8px;letter-spacing:.01em;border:0;padding:0 6px;line-height:12px;min-height:16px;background:none;color:#788fa9;vertical-align:baseline}.demo-demo-label{font-size:9px;color:#879ab0;text-align:center;padding:15px 0}.demo-env-grid{display:grid;gap:11px;margin:22px 0}.demo-env-grid button{display:flex;width:100%;text-align:left;gap:14px;border:1px solid #e7edf3;border-radius:18px;background:#f5f8fb;padding:18px;color:#0d1e4a;justify-content:flex-start}.demo-env-grid button svg{color:#7693ad}.demo-env-grid button span{display:flex;flex-direction:column;gap:5px}.demo-env-grid button strong{font-size:15px;font-weight:500}.demo-env-grid button small{font-size:11px;color:#8a9db2}.demo-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.demo-small-btn{padding:10px 14px;background:#eef3f8;border-radius:20px;font-size:12px;color:#5d7699;min-height:40px}.demo-description{font-size:13px;line-height:1.7;color:#8194ac}.skip-link{position:fixed;top:-100px;left:15px;padding:12px 18px;border-radius:20px;background:white;color:#0d1e4a;z-index:1000}.skip-link:focus{top:12px}
#demo-toast{position:fixed;z-index:1000;bottom:112px;left:50%;transform:translateX(-50%);max-width:min(88vw,440px);width:max-content;border-radius:18px;background:#0d1e4af5;color:#fff;box-shadow:0 8px 28px #0d1e4a20;padding:15px 20px;font-size:13px;line-height:1.5;text-align:center}#demo-toast[hidden]{display:none}#demo-modal{border:1px solid #e3eaf1;border-radius:25px;padding:0;max-width:min(92vw,590px);width:100%;max-height:88svh;color:#203652;background:#fff;box-shadow:0 18px 70px #0d1e4a28}#demo-modal::backdrop{background:#11244361;backdrop-filter:blur(5px)}.demo-modal-header{position:sticky;top:0;z-index:2;background:#fffffff8;padding:20px 22px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #edf1f5}.demo-modal-header h2{font-size:21px;line-height:1.25;flex:1}.demo-modal-header>button{width:38px;height:38px;flex-shrink:0;background:#f2f6fa;border-radius:50%;font-size:15px;color:#7690ac}#demo-modal-body{padding:23px;overflow-wrap:anywhere}#demo-modal-body p{line-height:1.65}#demo-modal-body input:not([type=checkbox]):not([type=range]),#demo-modal-body select,#demo-modal-body textarea{font:14px 'DM Sans',sans-serif;color:#274567;max-width:100%}.demo-form{display:grid;gap:16px}.demo-form>label{font-size:12px;display:grid;gap:7px;color:#7188a6}.demo-form input,.demo-form textarea,.demo-form select{display:block;width:100%;padding:13px 15px;border-radius:14px;border:1px solid #dfe8f1;background:#f6f9fc;min-height:46px}.demo-form textarea{min-height:95px;resize:vertical}.demo-form .demo-submit{width:100%;border-radius:25px;background:#0d1e4a;color:white;min-height:48px;margin-top:8px}.demo-form small{color:#91a2b7;font-size:11px;line-height:1.5}.demo-photo-modal{width:100%;height:auto;max-height:63svh;object-fit:contain;border-radius:15px}.demo-download-preview{background:#f5f8fb;border-radius:18px;padding:22px;color:#57728f;font-size:13px;line-height:1.75}.demo-state-form{display:flex;gap:8px}.demo-state-form button{min-height:44px;background:#f2f6fa;border-radius:17px;padding:10px 15px;color:#5b7598}.demo-reset-note{color:#95a4b6;font-size:11px;line-height:1.6;margin-top:17px}.demo-frame .v4-owner-desktop{width:100%;min-height:960px;height:auto}.demo-frame .v4-desktop-main{padding-bottom:50px}.demo-frame [data-global-action]{cursor:pointer}.demo-frame .a-sidebar{position:sticky}
@media(min-width:700px){body[data-view=owner]{background:radial-gradient(ellipse at 20% 0%,#d9e8f3 0%,transparent 65%),#eaf0f4}.demo-frame.mobile{box-shadow:0 0 90px #667d9312;min-height:100svh}.demo-frame.mobile .c-app,.demo-frame.mobile .s-screen{min-height:100svh}.demo-frame.mobile .c-header-left>strong{max-width:260px}.demo-frame.mobile .o-nav,.demo-frame.mobile .s-bottomnav{width:min(calc(100% - 26px),454px);left:50%;right:auto;transform:translateX(-50%)}.demo-frame.mobile .c-demo,.demo-frame.mobile .s-demo{width:min(100%,480px);left:50%;right:auto;transform:translateX(-50%)}} 
@media(max-width:699px){.demo-environment{display:none}.demo-frame .c-demo,.demo-frame .s-demo{font-size:7px}.demo-modal-header{padding:17px 19px}.demo-modal-header h2{font-size:19px}#demo-modal-body{padding:20px}.demo-frame .v4-owner-desktop{min-width:900px}}
.ad4-brand .arua-chosen-logo{width:136px;height:54px}.ad4-brand.arua-logo-link{min-height:54px;letter-spacing:0!important}.demo-frame.mobile{height:auto;overflow:visible}.demo-frame .c-personal,.demo-frame .c-header,.demo-frame .s-header{background:#eef4f7}.demo-personal-brand{min-height:44px}.demo-inline-explore{pointer-events:auto}.demo-frame .c-demo:has(.demo-inline-explore),.demo-frame .s-demo:has(.demo-inline-explore){pointer-events:auto}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}