/* Responsive behaviour only: preserve the approved card, colour and type styling. */
.c-app,.s-screen{max-width:480px!important;width:100%!important;height:auto!important;min-height:100vh!important;min-height:100svh!important;overflow:visible!important;margin-inline:auto;box-sizing:border-box}
.o-app.o-v3.c-app{height:auto!important;min-height:100svh!important;overflow:visible!important}
.c-app .c-main{overflow:visible!important;padding-bottom:calc(104px + env(safe-area-inset-bottom,0px));min-height:0}
.c-app .c-header,.c-app .c-personal{flex-shrink:0}
.c-app .o-nav,.s-screen .s-bottomnav{position:fixed!important;left:50%!important;right:auto!important;transform:translateX(-50%);width:min(calc(100vw - 26px),454px)!important;bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;z-index:60}
.c-app .c-demo,.s-screen .s-demo{position:fixed!important;bottom:env(safe-area-inset-bottom,0px)!important;left:50%!important;right:auto!important;transform:translateX(-50%);width:min(100vw,480px);height:14px;min-height:14px;line-height:14px;background:#eef4f7;z-index:61;pointer-events:none}
.s-screen{padding-bottom:0!important;display:flex;flex-direction:column;background:#eef4f7}
.s-screen .s-content{overflow:visible!important;min-height:0;padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important;flex:1}
.s-screen .s-header{flex-shrink:0}
.s-conversation .s-chat{overflow:visible!important;padding-bottom:calc(198px + env(safe-area-inset-bottom,0px))!important;min-height:340px}
.s-conversation .s-composer{position:fixed!important;left:50%!important;right:auto!important;transform:translateX(-50%);width:min(calc(100vw - 40px),440px)!important;bottom:calc(112px + env(safe-area-inset-bottom,0px))!important;z-index:62}
.od-action{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.od-action:focus-visible{outline:2px solid #3155D9;outline-offset:4px}.od-action:active{filter:brightness(.97)}
.od-hotspot-active{box-shadow:0 0 0 5px #FFFFFF65!important}.c-model-view>img{transition:transform .25s ease;will-change:transform}.c-gallery>[hidden],.c-document-group[hidden],.c-notice[hidden]{display:none!important}
.od-modal{color:#22364F;font-family:'DM Sans',sans-serif;font-size:13px;line-height:1.6;max-width:100%}.od-modal p{margin:0 0 15px;color:#6E819A;font-size:13px;line-height:1.65}.od-modal .od-help{font-size:11px;color:#8A9AB0;line-height:1.6}.od-demo-label{display:inline-flex;align-items:center;border-radius:12px;padding:5px 8px;background:#EEF3FA;color:#6C81A0;font-size:9px;line-height:1.4;letter-spacing:.5px;margin-bottom:15px}.od-summary{display:flex;flex-direction:column;gap:5px;background:#F1F5FA;border-radius:17px;padding:15px;margin:15px 0}.od-summary strong{color:#2B486E;font-size:14px;font-weight:600}.od-summary span{color:#8FA2BB;font-size:11px}.od-button{border:0;border-radius:26px;background:#0D1E4A;color:white;min-height:46px;width:100%;padding:12px 17px;font:550 12px/1.5 'DM Sans',sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:10px;touch-action:manipulation}.od-button-secondary{background:#EDF2F8;color:#35557E}.od-button:focus-visible,.od-modal input:focus-visible,.od-modal select:focus-visible,.od-modal textarea:focus-visible{outline:2px solid #3155D9;outline-offset:2px}.od-options{display:flex;flex-direction:column;gap:9px}.od-option{width:100%;background:#F4F7FB;border:1px solid transparent;border-radius:18px;display:flex;gap:11px;align-items:center;padding:12px;text-align:left;color:#45658B;font-family:inherit;font-size:12px;cursor:pointer;min-height:49px}.od-option>img{width:53px;height:52px;border-radius:12px;object-fit:cover}.od-option>span{flex:1}.od-option strong{display:block;font-weight:550;font-size:12px}.od-option small{display:block;font-size:10px;color:#94A7C0;margin-top:4px}.od-option>.od-action{color:#7188A8}.od-option.od-selected{border-color:#ADC0DA;background:#EDF3FB}.od-filter-options{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.od-filter{border:0;border-radius:19px;background:#F1F4F9;padding:9px 13px;min-height:36px;font:500 11px/1.3 'DM Sans',sans-serif;color:#8196B4;cursor:pointer}.od-filter.od-selected{background:#0D1E4A;color:white}.od-empty{font-size:12px;color:#8BA0BA;text-align:center;padding:25px 15px}.od-payment-amount{background:#F1F5FA;border-radius:20px;padding:18px;margin-bottom:18px}.od-payment-amount small{font-size:11px;color:#8198B7;display:block}.od-payment-amount strong{display:block;font:550 30px/1.2 'Manrope',sans-serif;letter-spacing:-1px;color:#24416B;margin-top:10px}.od-preview-image{width:100%;max-height:340px;border-radius:18px;object-fit:cover;margin-bottom:15px}.od-photo-large{max-height:60vh;border-radius:18px;overflow:hidden;background:#E8EEF5}.od-photo-large>img{width:100%;height:auto;max-height:60vh;object-fit:contain;display:block}.od-photo-caption{display:flex;flex-direction:column;gap:3px;margin-top:13px}.od-photo-caption strong{font-size:13px;color:#4D6D94}.od-photo-caption span{font-size:10px;color:#98ABC4}.od-photo-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-bottom:14px}.od-photo-controls>span{font-size:10px;color:#9AAFC9;margin-top:10px;white-space:nowrap}.od-plan-large .c-floorplan{width:100%;height:auto;max-height:440px}.od-form{display:flex;flex-direction:column;gap:14px}.od-form>label{display:flex;flex-direction:column;gap:6px;color:#536E92;font-size:11px;font-weight:500}.od-form>label>small{font-size:10px;color:#8B9FB9;font-weight:400}.od-form input:not([type=checkbox]),.od-form select,.od-form textarea{display:block;width:100%;border:1px solid #DCE5F2;border-radius:13px;background:#F8FAFD;min-height:44px;padding:11px 13px;font:400 13px/1.45 'DM Sans',sans-serif;color:#345579;box-sizing:border-box;max-width:100%}.od-form textarea{resize:vertical}.od-form input[type=file]{font-size:10px;padding:12px 8px}.od-form input::placeholder,.od-form textarea::placeholder{color:#A4B5CC}.od-form .od-field-error{font-size:11px;color:#B16D62;min-height:0}.od-form .od-check{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:40px;font-size:12px;color:#6D86A6}.od-check input{width:18px;height:18px;accent-color:#0D1E4A}.od-faq{display:flex;flex-direction:column;gap:10px}.od-faq details{background:white;border-radius:18px;padding:15px}.od-faq summary{font-size:12px;font-weight:550;color:#365780;cursor:pointer;line-height:1.6;list-style-position:inside}.od-faq details>p{font-size:11px;line-height:1.75;color:#8B9FBC;margin-top:12px}.od-chat-message{margin-top:22px}.od-chat-message:first-of-type{margin-top:0}.od-chat-file{display:flex;align-items:center;gap:8px;word-break:break-word}.od-chat-file>span{font-size:11px;line-height:1.5}.od-chat-file small{display:block;font-size:8px;color:#B9CAE2;margin-top:4px}.od-composer-input{flex:1;min-width:0;max-width:100%;height:38px;border:0;outline:none;background:transparent;color:#49668D;font:400 12px/1.4 'DM Sans',sans-serif;padding:0 4px}.od-composer-input::placeholder{color:#9FB1CA}.s-composer>.s-send{flex-shrink:0}.od-volume-input{width:100%;height:18px;accent-color:#9EADC5;margin:0;display:block;cursor:pointer;transform:translateY(-7px)}
.arua-reduced-motion *, .arua-reduced-motion *:before,.arua-reduced-motion *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@media(max-width:360px){.c-app .c-main{padding-left:17px;padding-right:17px}.c-app .c-header,.c-app .c-personal{padding-left:17px;padding-right:17px}.c-app h1{font-size:25px}.c-app .c-home-title h1{font-size:27px}.c-app .c-home-title h1>i{left:150px}.c-app .c-payment-home>div:first-child>small{font-size:6.8px}.c-app .c-select strong{font-size:11px}.c-app .c-quota-meta h2{font-size:19px}.c-app .c-quota-next{font-size:7px}.c-app .c-row{gap:8px;padding-left:11px;padding-right:11px}.c-app .c-row strong{font-size:10.5px}.c-app .c-row small{font-size:8.5px}.c-app .c-stage-row strong{font-size:10px}.c-app .c-stage-row b{font-size:7px}.c-app .c-timeline-legend{gap:10px;font-size:7px}.c-app .c-model-key{gap:13px}.c-app .c-chips>span{padding-left:12px;padding-right:12px;min-width:53px}.s-screen .s-content{padding-left:17px;padding-right:17px}.s-support h1{font-size:25px!important}.s-support .s-tabs{font-size:9px}.s-support .s-tabs>.s-tab-active{padding-left:9px;padding-right:9px}.s-support .s-ticket-name h3{font-size:12px}.s-screen .s-header{padding-left:17px;padding-right:17px}.s-screen .s-bottomnav .s-navitem>span,.c-app .o-nav-item{font-size:9px}.s-account .s-setting-row{padding-left:12px;padding-right:12px}.s-account .s-setting-text>strong{font-size:10.5px}.s-conversation .s-chat{padding-left:17px;padding-right:17px}.s-conversation .s-chat-agent{margin-right:8px}.s-conversation .s-chat-out{max-width:85%}}
@media(prefers-reduced-motion:reduce){.c-model-view>img{transition:none}}

/* Match the approved slim volume control while retaining native keyboard input. */
.od-volume-input{appearance:none;-webkit-appearance:none;height:3px;transform:none;background:linear-gradient(to right,#ACBAD2 0%,#ACBAD2 var(--volume,30%),#E6EDF8 var(--volume,30%),#E6EDF8 100%);border-radius:5px}.od-volume-input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;border:2px solid white;border-radius:50%;background:#ACBAD2;box-shadow:0 0 0 1px #DAE3F1}.od-volume-input::-moz-range-thumb{width:7px;height:7px;border:2px solid white;border-radius:50%;background:#ACBAD2;box-shadow:0 0 0 1px #DAE3F1}
