/* Omvia Cloud v1.9.14 — Approved Reference Fidelity Layer
   Visual-only authority. Functional gallery/viewer code remains untouched. */
:root{
  --oc-ref-sidebar:268px;
  --oc-ref-main-max:1180px;
  --oc-ref-gap:18px;
  --oc-ref-card-radius:15px;
  --oc-ref-control-radius:11px;
  --oc-ref-card-pad:20px;
}
*{min-width:0}
.ref-shell{grid-template-columns:var(--oc-ref-sidebar) minmax(0,1fr)!important}
.ref-sidebar{padding:22px 18px 20px!important;gap:18px!important}
.ref-brand{height:58px!important;padding:0 10px!important}.ref-brand img{width:190px!important}
.ref-nav{gap:2px!important}.ref-nav-link{height:46px!important;border-radius:9px!important;padding:0 14px!important;gap:13px!important;font-size:13px!important;font-weight:560!important}
.ref-sidebar-storage{padding:16px 17px!important;border-radius:13px!important;background:var(--panel)!important;box-shadow:0 6px 22px rgba(32,50,88,.045)!important}
.ref-main{max-width:var(--oc-ref-main-max)!important;padding:27px 36px 84px!important;margin:0 auto!important}
.ref-topbar{min-height:52px!important;grid-template-columns:minmax(360px,730px) auto!important;gap:18px!important}
.ref-search{height:48px!important;border-radius:10px!important;padding:0 15px!important;box-shadow:none!important}.ref-search input{font-size:13px!important}
.ref-top-actions{gap:10px!important}.ref-icon-button{width:42px!important;height:42px!important;min-height:42px!important;border-radius:10px!important}.ref-avatar{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:10px!important}
.ref-heading{margin:32px 0 23px!important}.ref-heading h1{font-size:34px!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:7px 0 8px!important}.ref-heading p{font-size:14px!important;line-height:1.5!important}.ref-eyebrow{font-size:10px!important;letter-spacing:.17em!important}
.ref-content-grid{grid-template-columns:minmax(0,1fr) 310px!important;gap:18px!important}.ref-content-primary{gap:18px!important}
.ref-card,.section-card,.files-action-card{border-radius:12px!important;box-shadow:0 5px 18px rgba(31,51,90,.055)!important}
.ref-storage-card{min-height:246px!important;padding:24px 22px!important;grid-template-columns:minmax(0,1fr) 170px!important;gap:18px!important}.ref-storage-copy h2{font-size:28px!important;margin:14px 0 5px!important}.ref-storage-copy>p{font-size:13px!important}.ref-storage-legend{margin:22px 0 18px!important;gap:11px!important}.ref-storage-legend>span{font-size:12px!important}.ref-storage-legend strong{font-size:12px!important}.ref-storage-bar{height:8px!important}.ref-storage-meta{font-size:10px!important;margin-top:9px!important}
.ref-storage-ring{width:142px!important;height:142px!important}.ref-storage-ring::before{width:119px!important;height:119px!important}.ref-storage-ring strong{font-size:27px!important}.ref-storage-ring span{font-size:11px!important}
.ref-quick-card{padding:19px 20px!important}.ref-section-title{margin-bottom:14px!important}.ref-quick-grid{gap:12px!important}.ref-quick-grid>*{min-height:98px!important;border-radius:10px!important;background:var(--panel)!important;padding:13px!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:7px!important}.ref-action-icon{width:38px!important;height:38px!important;border-radius:10px!important}.ref-quick-grid strong{font-size:11px!important;line-height:1.2!important}
.ref-recent-card{overflow:hidden!important}.ref-table-head{font-size:9.5px!important;padding:11px 15px!important}.ref-file-row{min-height:44px!important;padding:7px 15px!important}.ref-file-name strong{font-size:11px!important}.ref-file-row>span{font-size:10px!important}.ref-file-icon{width:28px!important;height:28px!important}.ref-file-icon img{width:24px!important;height:24px!important}.ref-card-footer{min-height:47px!important;font-size:11px!important}
.ref-activity-card{padding:19px 18px!important}.ref-activity-row{min-height:62px!important;padding:10px 0!important}.ref-activity-icon{width:36px!important;height:36px!important;border-radius:10px!important}.ref-activity-row strong{font-size:11px!important}.ref-activity-row small,.ref-activity-row time{font-size:9.5px!important}.ref-activity-footer{min-height:48px!important;font-size:11px!important}

/* Files — same dashboard shell and hierarchy */
.files-ref-main{max-width:var(--oc-ref-main-max)!important}.files-heading{margin:31px 0 17px!important}.files-heading h1{font-size:34px!important}.files-action-card{padding:14px!important;margin-bottom:18px!important}.files-primary-actions{margin-bottom:12px!important}.files-action-button{min-height:44px!important;border-radius:10px!important}.files-filter-strip a{height:42px!important;border-radius:10px!important;font-size:12px!important}.section-head{min-height:64px!important;padding:13px 16px!important}.section-head h2{font-size:16px!important}.file-table-head{padding:10px 16px!important}.file-table{padding:5px 8px!important}.file-row{min-height:60px!important;padding:7px 9px!important;border-radius:10px!important}.file-icon,.folder-premium-icon{width:46px!important;height:46px!important;flex-basis:46px!important}.file-name{font-size:13px!important;line-height:1.3!important}.file-type,.table-cell{font-size:11px!important}.row-menu,.grid-action-btn{width:36px!important;height:36px!important;min-height:36px!important;border-radius:10px!important}

/* Gallery — approved reference geometry */
.gallery-experience-shell{grid-template-columns:260px minmax(0,1fr)!important}.gallery-sidebar{padding:21px 19px!important;gap:17px!important}.gallery-brand img{width:180px!important}.gallery-upload{height:44px!important;border-radius:8px!important}.gallery-side-nav{gap:2px!important}.gallery-side-nav a,.gallery-quick-access a{height:38px!important;border-radius:8px!important;font-size:12px!important}.gallery-storage-mini{padding-top:15px!important}.gallery-topbar{height:80px!important;padding:0 44px!important;grid-template-columns:minmax(300px,560px) auto!important}.gallery-search{height:43px!important;border-radius:8px!important}.gallery-main{padding:30px 44px 72px!important}.gallery-heading-row h1{font-size:31px!important;margin-bottom:4px!important}.gallery-heading-row p{font-size:13px!important}.gallery-sort{height:42px!important;border-radius:9px!important}.gallery-square-btn{width:42px!important;height:42px!important;border-radius:9px!important}.gallery-albums{grid-auto-columns:140px!important;gap:12px!important;margin:32px 0 29px!important}.gallery-album-card{border-radius:10px!important;padding-bottom:11px!important}.gallery-album-cover{height:126px!important}.gallery-album-card strong{font-size:12px!important;margin-top:9px!important}.gallery-album-card small{font-size:9.5px!important}.gallery-toolbar{margin-bottom:18px!important}.gallery-select-toggle,.gallery-filter-btn{height:40px!important;border-radius:9px!important}.gallery-photo-library .photo-native-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:11px!important}.photo-native-item{aspect-ratio:1.48!important;border-radius:9px!important}.photo-month{margin-bottom:26px!important}.photo-month-head{margin-bottom:12px!important}.photo-month-head strong{font-size:12px!important}

/* Secondary pages inherit the same cloud shell */
.page-main,.account-main,.admin-main{max-width:var(--oc-ref-main-max)!important;margin-inline:auto!important;padding:28px 34px 88px!important}.page-topbar,.admin-top,.account-top{min-height:62px!important;padding:0 18px!important;border-radius:12px!important}.context-sidebar{width:260px!important;padding:22px 18px!important;background:var(--panel)!important}.context-side-link{min-height:42px!important;border-radius:9px!important}.page-heading h1,.admin-heading h1{font-size:32px!important;line-height:1.05!important;letter-spacing:-.04em!important}.section-card{overflow:visible!important}.section-card,.account-profile-card,.account-plan-card,.setting-row,.stat,.plan-card{border-radius:12px!important}.form-control,.search-input{border-radius:10px!important}

/* Auth — approved two-column reference */
.ref-auth-page,.ref-register-page{padding:38px!important}.ref-auth-card{width:min(1360px,100%)!important;min-height:780px!important;grid-template-columns:1fr 1fr!important;border-radius:14px!important;box-shadow:0 12px 38px rgba(31,51,90,.07)!important}.ref-auth-form-side{padding:62px 92px!important}.ref-auth-brand img{width:206px!important}.ref-auth-copy{margin-top:61px!important}.ref-auth-copy h1,.ref-register-form-card h1{font-size:38px!important}.ref-auth-form{gap:18px!important;margin-top:31px!important}.ref-input{height:54px!important;border-radius:9px!important;background:var(--panel)!important}.ref-auth-primary{height:54px!important;border-radius:9px!important}.ref-auth-alt>*{min-height:47px!important;border-radius:8px!important;background:var(--panel)!important}.ref-auth-visual,.ref-register-visual{padding:66px!important;background:var(--panel)!important}.ref-cloud-outline{box-shadow:none!important}.ref-register-grid{width:min(1360px,100%)!important}.ref-register-form-card,.ref-register-visual{border-radius:14px!important}.ref-register-form-card{padding:44px 54px!important}.ref-register-top{width:min(1360px,100%)!important}

/* Never clip user-facing text */
.ref-heading,.page-heading,.section-head,.file-copy,.gallery-heading-row,.ref-auth-copy,.ref-register-form-card,.ref-activity-row>span,.ref-mobile-file>span{overflow:visible!important}.file-name,.ref-mobile-file strong,.ref-activity-row strong,.section-head h2,.page-heading h1,.admin-heading h1{overflow-wrap:anywhere!important;word-break:normal!important}.file-name{white-space:normal!important}.ref-mobile-file strong{white-space:normal!important;line-height:1.25!important}

@media(max-width:900px){
  :root{--oc-ref-card-radius:18px}
  body{padding-bottom:calc(94px + env(safe-area-inset-bottom))!important}.ref-shell,.gallery-experience-shell{display:block!important}.ref-sidebar,.gallery-sidebar,.context-sidebar{display:none!important}.ref-main,.files-ref-main,.gallery-main,.page-main,.account-main,.admin-main{width:100%!important;max-width:none!important;padding-left:24px!important;padding-right:24px!important;padding-top:calc(22px + env(safe-area-inset-top))!important;padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}
  .ref-topbar{grid-template-columns:minmax(0,1fr) 44px 44px!important;gap:10px!important;min-height:auto!important}.ref-mobile-brand{display:flex!important;grid-column:1!important;grid-row:1!important;height:58px!important}.ref-mobile-brand img{width:210px!important;max-width:66vw!important}.ref-top-actions{display:contents!important}.ref-top-actions>a.ref-icon-button{grid-column:2!important;grid-row:1!important}.ref-top-actions>button.ref-icon-button{grid-column:3!important;grid-row:1!important}.ref-avatar-button{grid-column:4!important;grid-row:1!important}.ref-topbar{grid-template-columns:minmax(0,1fr) 44px 44px 44px!important}.ref-search{grid-column:1/-1!important;grid-row:2!important;height:58px!important;border-radius:16px!important;padding:0 18px!important}.ref-search input{font-size:16px!important}
  .ref-heading{margin:39px 3px 23px!important}.ref-heading h1{font-size:43px!important;margin:10px 0 9px!important}.ref-heading p{font-size:16px!important}.ref-eyebrow{font-size:11px!important}
  .ref-content-grid{display:block!important}.ref-content-primary{gap:16px!important}.ref-card{border-radius:18px!important;box-shadow:0 4px 18px rgba(31,51,90,.05)!important}
  .ref-storage-card{min-height:350px!important;padding:26px 24px!important;grid-template-columns:minmax(0,1fr) 145px!important;gap:8px!important}.ref-storage-copy h2{font-size:31px!important}.ref-storage-copy>p{font-size:15px!important}.ref-storage-legend{grid-template-columns:1fr 1fr!important;gap:14px 10px!important;margin:25px 0 22px!important}.ref-storage-ring{width:135px!important;height:135px!important}.ref-storage-ring::before{width:112px!important;height:112px!important}.ref-storage-ring strong{font-size:30px!important}
  .ref-quick-card{padding:21px 18px!important}.ref-section-title h2{font-size:25px!important}.ref-section-title p{font-size:14px!important}.ref-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}.ref-quick-grid>*{min-height:102px!important;padding:10px 5px!important;border-radius:11px!important}.ref-action-icon{width:39px!important;height:39px!important}.ref-quick-grid strong{font-size:10.5px!important;line-height:1.18!important}
  .ref-recent-card{margin-bottom:0!important}.ref-mobile-files{display:block!important;padding:5px 15px!important}.ref-mobile-file{min-height:74px!important}.ref-mobile-file .ref-file-icon{width:42px!important;height:42px!important}.ref-mobile-file strong{font-size:14px!important}.ref-mobile-file small,.ref-mobile-file time{font-size:10.5px!important}.ref-activity-card{display:none!important}
  .ref-mobile-nav,.gallery-mobile-nav{left:14px!important;right:14px!important;bottom:calc(9px + env(safe-area-inset-bottom))!important;height:78px!important;border-radius:24px!important;padding:6px 8px!important}.ref-mobile-nav a,.gallery-mobile-nav a{height:58px!important;font-size:10px!important}.ref-mobile-create,.gallery-mobile-nav .upload-fab{width:64px!important;height:64px!important;transform:translateY(-10px)!important;box-shadow:0 8px 22px rgba(86,72,255,.19)!important}
  .files-heading{margin:39px 3px 19px!important}.files-action-card{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.files-primary-actions{grid-template-columns:1fr 1fr!important;gap:10px!important}.files-action-button{height:54px!important;border-radius:14px!important}.files-filter-strip a{height:54px!important;min-width:130px!important;border-radius:14px!important}.section-card{border-radius:18px!important}.file-row{min-height:76px!important}.file-icon,.folder-premium-icon{width:54px!important;height:54px!important;flex-basis:54px!important}.omvia-filetype{width:52px!important;height:52px!important}.omvia-filetype img{width:33px!important;height:33px!important}.file-name{font-size:15px!important}.row-menu{width:46px!important;height:46px!important;border-radius:14px!important}
  .gallery-topbar{height:auto!important;padding:calc(20px + env(safe-area-inset-top)) 22px 17px!important;grid-template-columns:minmax(0,1fr) 44px 44px!important}.gallery-mobile-brand{display:flex!important}.gallery-search{grid-column:1/-1!important;grid-row:2!important;height:56px!important;border-radius:15px!important}.gallery-main{padding-top:25px!important}.gallery-heading-row h1{font-size:39px!important}.gallery-albums{grid-auto-columns:122px!important;margin:24px 0 20px!important}.gallery-album-cover{height:100px!important}.gallery-photo-library .photo-native-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.photo-native-item{aspect-ratio:1.12!important;border-radius:12px!important}
  .ref-auth-page,.ref-register-page{padding:0!important}.ref-auth-card{display:block!important;width:100%!important;min-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important}.ref-auth-form-side{padding:32px 24px 48px!important}.ref-auth-brand img{width:192px!important}.ref-auth-copy{margin-top:43px!important}.ref-auth-copy h1,.ref-register-form-card h1{font-size:34px!important}.ref-auth-visual,.ref-register-visual{display:none!important}.ref-register-top{height:76px!important;padding:0 22px!important;margin:0!important}.ref-register-grid{display:block!important;width:100%!important}.ref-register-form-card{border:0!important;border-radius:0!important;box-shadow:none!important;padding:28px 22px 48px!important}
}

@media(max-width:520px){
  .ref-main,.files-ref-main,.gallery-main,.page-main,.account-main,.admin-main{padding-left:18px!important;padding-right:18px!important}.ref-mobile-brand img{width:185px!important}.ref-heading h1{font-size:38px!important}.ref-storage-card{padding:22px 19px!important;grid-template-columns:minmax(0,1fr) 122px!important;min-height:330px!important}.ref-storage-ring{width:116px!important;height:116px!important}.ref-storage-ring::before{width:96px!important;height:96px!important}.ref-storage-ring strong{font-size:26px!important}.ref-quick-grid{gap:5px!important}.ref-quick-grid>*{padding:8px 3px!important;min-height:94px!important}.ref-action-icon{width:34px!important;height:34px!important}.ref-quick-grid strong{font-size:9px!important}.gallery-main{padding-left:16px!important;padding-right:16px!important}
}