/* Brand-aligned depth: static relief remains visible with reduced motion. */
body.official-cloud-preview.official-depth{
 --official-depth-edge:#c4d5ee;
 --official-depth-shadow:0 3px 0 #dce7f6,0 14px 30px #073f9019;
 --official-depth-button:0 4px 0 #c0d1e9,0 9px 17px #073f901b;
 --official-depth-blue-button:0 5px 0 #052e70,0 12px 22px #00234d30;
}
.official-cloud-preview.official-depth .topbar{
 background:linear-gradient(165deg,#1858ad,var(--official-blue) 55%,#093b86);
 box-shadow:0 8px 22px #052e702b,inset 0 1px 0 #ffffff30;
}
.official-cloud-preview.official-depth .production-navigation button.active{
 background:linear-gradient(160deg,#ffffff20,#ffffff07);
 box-shadow:inset 0 1px 0 #ffffff38,0 3px 8px #002b622b;
}
.official-cloud-preview.official-depth .official-account>summary{
 padding-inline:12px;border:1px solid #ffffff42;border-radius:4px;
 background:linear-gradient(145deg,#ffffff1d,#ffffff05);
 box-shadow:inset 0 1px 0 #ffffff25,0 3px 0 #073476;
}
.official-cloud-preview.official-depth .official-account-panel{
 border-radius:6px;border-color:#d4e0f2;
 box-shadow:0 3px 0 #cbdcf3,0 20px 44px #062b6840;
}
.official-cloud-preview.official-depth .official-dashboard-hero{
 border-bottom:1px solid #ffffff45;box-shadow:inset 0 1px 0 #ffffff42;
}
.official-cloud-preview.official-depth #dashboardWelcome{
 text-shadow:0 2px 2px #00235455,0 7px 20px #001e4f40;
}
.official-cloud-preview.official-depth #dashboardAccessBadge{
 background:linear-gradient(150deg,#0b4499b3,#07316a9c);
 box-shadow:inset 0 1px 0 #ffffff30,0 4px 10px #001d5040;
}
.official-cloud-preview.official-depth .shell-card.production-quick-actions{
 background:linear-gradient(145deg,#1253a8,var(--official-blue) 65%,#073783);
 box-shadow:inset 0 1px 0 #ffffff1f,inset 0 -1px 0 #052d74,0 12px 25px #083d8c1a;
}
.official-cloud-preview.official-depth .quick-action,
.official-cloud-preview.official-depth .quick-action.primary{
 border:1px solid #83b0e9;border-radius:5px;
 background:linear-gradient(145deg,#246ac1,#1253a8 50%,#0b4499);
 box-shadow:var(--official-depth-blue-button),inset 0 1px 0 #ffffff42,inset 0 -1px 0 #ffffff12;
}
.official-cloud-preview.official-depth .quick-action strong{text-shadow:0 1px 2px #00265966}
.official-cloud-preview.official-depth .quick-action.official-tool-coming-soon{
 background:linear-gradient(145deg,#205b9e,#164883);border-color:#7296c1;
 box-shadow:0 3px 0 #052e70,inset 0 1px 0 #ffffff24;transform:none;
}
.official-cloud-preview.official-motion-enabled .quick-action.official-tool-coming-soon:before{content:none}
.official-cloud-preview.official-depth .official-project-card{
 padding:12px 12px 18px;border:1px solid #dce5f3;border-radius:5px;
 background:linear-gradient(145deg,#fff,#fff 75%,#f5f8fd);
 box-shadow:var(--official-depth-shadow),inset 0 1px 0 #fff;
 transition:box-shadow .35s ease,transform .35s ease,border-color .35s ease;
}
.official-cloud-preview.official-depth .official-project-photo{
 position:relative;border:1px solid #ffffff80;
 box-shadow:var(--official-shadow-x,0px) var(--official-shadow-y,12px) 23px #062b6c25,0 2px 0 #cfdef2;
}
.official-cloud-preview.official-depth .official-project-photo:after{
 content:'';position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(circle at var(--official-light-x,20%) var(--official-light-y,15%),#ffffff45,transparent 65%);
 opacity:.18;transition:opacity .35s ease;
 box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #001f5f22;
}
.official-cloud-preview.official-depth .official-project-card h3{margin-top:19px}
.official-cloud-preview.official-depth .official-project-card p{padding-bottom:2px}
.official-cloud-preview.official-depth .official-amenity-gallery{gap:16px;padding-bottom:6px}
.official-cloud-preview.official-depth .official-amenity-gallery img{
 border:5px solid #fff;box-shadow:0 2px 0 #c9d9ee,0 12px 24px #063f8b25;
}
.official-cloud-preview.official-depth .official-project-specifications{
 padding:20px 28px;background:linear-gradient(145deg,#fff,#f3f7fe);
 border:1px solid #e0e9f7;border-radius:5px;
 box-shadow:inset 0 2px 6px #073f900b,0 3px 0 #e4ecf8;
}
.official-cloud-preview.official-depth .official-project-specifications strong{
 text-shadow:0 2px 0 #aebfdb,0 6px 12px #163f6d15;
}
.official-cloud-preview.official-depth .official-project-specifications span{text-shadow:0 1px 0 #ffffffd9}
.official-cloud-preview.official-depth .official-project-overview{
 padding:26px;border:1px solid #dfE8f5;border-radius:6px;background:#fff;
 box-shadow:var(--official-depth-shadow);gap:36px;
}
.official-cloud-preview.official-depth .official-project-overview>img{
 border:4px solid #fff;box-shadow:0 2px 0 #d0ddf1,0 13px 25px #0b449926;
}
.official-cloud-preview.official-depth .official-site-plan img{
 border:8px solid #fff;box-shadow:0 3px 0 #dbe5f3,0 15px 32px #062f771e;
}
.official-cloud-preview.official-depth .official-project-location{
 border-left:3px solid #0b4499;padding:16px 22px;background:#f6f9fe;
 box-shadow:inset 0 1px 0 #fff,0 5px 12px #073f900b;
}
.official-cloud-preview.official-depth .official-layout-section{
 background:linear-gradient(145deg,#1765b7,var(--official-layout-blue) 60%,#063d85);
 border-radius:5px;box-shadow:0 5px 0 #063476,0 17px 34px #062f7733,inset 0 1px 0 #ffffff35;
}
.official-cloud-preview.official-depth .official-layout-section details{
 box-shadow:inset 0 1px 0 #ffffff1c;
}
.official-cloud-preview.official-depth .official-layout-section details[open]{
 background:#001f4c13;box-shadow:inset 0 3px 8px #001f4c1f;
}
.official-cloud-preview.official-depth .official-outline-button,
.official-cloud-preview.official-depth .button,
.official-cloud-preview.official-depth .field-clear-button{
 border-radius:4px;box-shadow:var(--official-depth-button),inset 0 1px 0 #fff;
}
.official-cloud-preview.official-depth .button.secondary,
.official-cloud-preview.official-depth .official-outline-button,
.official-cloud-preview.official-depth .field-clear-button{
 background:linear-gradient(150deg,#fff,#f1f6ff);border-color:#bdcde6;
}
.official-cloud-preview.official-depth .button.primary,
.official-cloud-preview.official-depth .button.dark{
 background:linear-gradient(145deg,#2266ba,#0b4499 70%,#073477);
 color:#fff;box-shadow:0 4px 0 #052e70,0 10px 20px #073f9029,inset 0 1px 0 #ffffff42;
}
.official-cloud-preview.official-depth .button:disabled,
.official-cloud-preview.official-depth .official-outline-button:disabled{box-shadow:0 2px 0 #d9e2ef;transform:none}
.official-cloud-preview.official-depth .generator-card,
.official-cloud-preview.official-depth .results,
.official-cloud-preview.official-depth .production-inventory>.shell-card,
.official-cloud-preview.official-depth .production-placeholder{
 padding:26px;border:1px solid #dce5f3;border-radius:6px;background:#fff;
 box-shadow:var(--official-depth-shadow),inset 0 1px 0 #fff;
}
.official-cloud-preview.official-depth input:not([type=checkbox]):not([type=radio]):not([type=file]),
.official-cloud-preview.official-depth select,
.official-cloud-preview.official-depth textarea{
 padding:11px 12px;border:1px solid #d4dfef;border-bottom:2px solid #7399cc;border-radius:4px;
 background:linear-gradient(180deg,#f8faff,#fff 65%);
 box-shadow:inset 0 2px 5px #073f9010,0 1px 0 #fff;
}
.official-cloud-preview.official-depth #adminPassword{padding-right:76px}
.official-cloud-preview.official-depth input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,
.official-cloud-preview.official-depth select:focus,
.official-cloud-preview.official-depth textarea:focus{
 border-color:#2865b4;box-shadow:inset 0 1px 3px #073f900e,0 0 0 3px #0b44991a;
}
.official-cloud-preview.official-depth input:not([type=checkbox]):not([type=radio]):not([type=file]):disabled,
.official-cloud-preview.official-depth select:disabled{
 background:#f3f6fa;border-color:#d5deeb;box-shadow:inset 0 1px 3px #073f900b;
}
.official-cloud-preview.official-depth .entry-mode,
.official-cloud-preview.official-depth .manual-fields,
.official-cloud-preview.official-depth .unit-details{
 border-radius:5px;box-shadow:inset 0 2px 6px #073f900a,0 1px 0 #fff;
}
.official-cloud-preview.official-depth .option-card,
.official-cloud-preview.official-depth .discount-card{
 border-radius:5px;background:linear-gradient(150deg,#fff,#f8faff);
 box-shadow:0 2px 0 #e2eaf6,0 7px 16px #073f900d;
}
.official-cloud-preview.official-depth .option-card:has(input:checked),
.official-cloud-preview.official-depth .discount-card:has(input:checked){
 border-color:#0b4499;box-shadow:inset 0 1px 0 #fff,0 3px 0 #b6ccec,0 9px 18px #073f901a;
}
.official-cloud-preview.official-depth .inventory-availability-results{
 border:1px solid #d2deef;border-radius:4px;box-shadow:inset 0 1px 5px #073f900b;
}
.official-cloud-preview.official-depth .inventory-availability-table th{
 background:linear-gradient(180deg,#1958a7,#0b4499);box-shadow:inset 0 1px 0 #ffffff30;
}
.official-cloud-preview.official-depth .inventory-availability-table tbody tr:hover{background:#f0f6ff}
.official-cloud-preview.official-depth .step{
 box-shadow:0 3px 0 #062e70,0 5px 10px #073f9023,inset 0 1px 0 #ffffff4a;
}
.official-cloud-preview.official-depth .admin-login{
 padding:24px;border:1px solid #dde7f5;border-radius:6px;box-shadow:var(--official-depth-shadow);
}
.official-cloud-preview.official-depth .admin-login .password-toggle{
 background:transparent;color:var(--official-blue);box-shadow:none;
 border-left:1px solid #d4dfef;padding-inline:14px;
}
.official-cloud-preview.official-depth .admin-login .forgot-password{
 background:transparent;color:var(--official-blue);box-shadow:none;
}
.official-cloud-preview.official-depth .admin-session{box-shadow:inset 0 1px 0 #fff,0 3px 9px #073f9010;border-radius:4px}
.official-cloud-preview.official-depth dialog{
 border:1px solid #d9e4f4;border-radius:8px;
 box-shadow:0 4px 0 #b7cceb,0 28px 65px #02285a59,inset 0 1px 0 #fff;
}
.official-cloud-preview.official-depth dialog::backdrop{background:#03224f87;backdrop-filter:blur(3px)}
.official-cloud-preview.official-depth>footer{
 background:linear-gradient(145deg,#1558aa,#0b4499 60%,#073883);
 box-shadow:inset 0 1px 0 #ffffff33,0 -10px 24px #073f9012;
}
@media(hover:hover) and (pointer:fine){
 .official-cloud-preview.official-depth .official-project-card:hover{
  transform:translateY(-6px);border-color:#bacfeb;
  box-shadow:0 5px 0 #cfdef3,0 22px 38px #062f772b;
 }
 .official-cloud-preview.official-depth .official-project-card:hover .official-project-photo:after{opacity:.6}
 .official-cloud-preview.official-depth .quick-action:hover:not(:disabled){
  transform:perspective(800px) translateY(-4px) rotateX(2deg);
  background:linear-gradient(145deg,#327bd0,#165ab5 60%,#0b4499);
  box-shadow:0 8px 0 #052e70,0 19px 30px #00234d40,inset 0 1px 0 #ffffff66;
 }
 .official-cloud-preview.official-depth .official-outline-button:hover:not(:disabled),
 .official-cloud-preview.official-depth .button:hover:not(:disabled){
  transform:perspective(800px) translateY(-3px) rotateX(2deg);
  box-shadow:0 6px 0 #adc4e4,0 15px 25px #073f902e,inset 0 1px 0 #fff;
 }
 .official-cloud-preview.official-depth .button.primary:hover:not(:disabled),
 .official-cloud-preview.official-depth .button.dark:hover:not(:disabled){
  box-shadow:0 6px 0 #052e70,0 15px 25px #073f9033,inset 0 1px 0 #ffffff66;
 }
}
.official-cloud-preview.official-depth .quick-action:active:not(:disabled),
.official-cloud-preview.official-depth .official-outline-button:active:not(:disabled),
.official-cloud-preview.official-depth .button:active:not(:disabled){
 transform:translateY(3px);box-shadow:0 1px 0 #adc4e4,0 3px 8px #073f901a;
}
@media(max-width:760px){
 .official-cloud-preview.official-depth .official-account>summary{padding-inline:7px}
 .official-cloud-preview.official-depth .official-project-card{padding:8px 8px 14px}
 .official-cloud-preview.official-depth .official-project-overview,
 .official-cloud-preview.official-depth .generator-card,
 .official-cloud-preview.official-depth .results,
 .official-cloud-preview.official-depth .production-inventory>.shell-card,
 .official-cloud-preview.official-depth .production-placeholder{padding:18px;gap:24px}
 .official-cloud-preview.official-depth .official-project-specifications{padding:15px 10px}
 .official-cloud-preview.official-depth .official-amenity-gallery{gap:10px}
 .official-cloud-preview.official-depth .admin-login{padding:18px}
}
@media(prefers-reduced-motion:reduce){
 .official-cloud-preview.official-depth:not(.official-motion-demo):not(.official-motion-enabled) .official-project-card,
 .official-cloud-preview.official-depth:not(.official-motion-demo):not(.official-motion-enabled) .quick-action,
 .official-cloud-preview.official-depth:not(.official-motion-demo):not(.official-motion-enabled) .official-outline-button,
 .official-cloud-preview.official-depth:not(.official-motion-demo):not(.official-motion-enabled) .button{transform:none!important}
}