:root{--sa:#3B0B14;--sa2:#3B0B14;--sa-dark:#2A0710;--sa-soft:#fff2f2;--sa-bg:#fbfaf9;--sa-card:#fff;--sa-border:#ece7e4;--text:#241d1f;--muted:#766d70;--green:#2da66a;--green-soft:#eaf8f0;--yellow:#d99b23;--yellow-soft:#fff7e7;--red:#e14458;--red-soft:#fff0f2;--blue:#3f7fc4;--blue-soft:#eef6ff;--purple:#7752bd;--purple-soft:#f4efff;--shadow:0 8px 30px rgba(68,30,40,.06);--radius:14px}
*{box-sizing:border-box}.sa-portal-body{margin:0;background:var(--sa-bg);color:var(--text);font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif);font-size:14px;line-height:1.45}.sa-portal-body a{text-decoration:none;color:inherit}.sa-portal-body button,.sa-portal-body input,.sa-portal-body select,.sa-portal-body textarea{font:inherit}.sa-app-v2{min-height:100vh;display:flex}.sa-sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:#fff;border-right:1px solid var(--sa-border);z-index:100;display:flex;flex-direction:column;overflow-y:auto}.sa-logo{height:94px;background:#3B0B14;display:flex;align-items:center;gap:10px;padding:20px 22px;color:#fff!important;letter-spacing:2px;font-size:15px;font-weight:700}.sa-logo img{width:42px;height:42px;object-fit:contain;border-radius:50%;background:#fff}.sa-sidebar nav{padding:22px 13px;display:flex;flex-direction:column;gap:4px}.sa-sidebar nav a{display:flex;align-items:center;gap:13px;min-height:43px;padding:9px 13px;border-radius:8px;color:#3f3538;position:relative}.sa-sidebar nav a i{width:21px;text-align:center;font-style:normal;color:var(--sa);font-size:18px}.sa-sidebar nav a b{margin-left:auto;background:var(--sa);color:#fff;border-radius:20px;padding:2px 7px;font-size:13px}.sa-sidebar nav a:hover,.sa-sidebar nav a.active{background:#3B0B14;color:#fff}.sa-sidebar nav a:hover i,.sa-sidebar nav a.active i{color:#fff}.sa-help-card{margin:auto 16px 18px;background:linear-gradient(145deg,#fff7f4,#ffe9e9);border:1px solid #f5dddd;border-radius:12px;padding:18px}.sa-help-card i{font-style:normal;font-size:28px;color:var(--sa)}.sa-help-card h3{margin:8px 0 5px;color:var(--sa)}.sa-help-card p{color:var(--muted);font-size:13px}.sa-help-card a{display:block;background:var(--sa);color:#fff!important;padding:10px 12px;border-radius:7px;text-align:center;font-weight:600}.sa-main-v2{margin-left:220px;min-width:0;width:calc(100% - 220px);display:flex;flex-direction:column;min-height:100vh}.sa-topbar{height:82px;background:#fff;border-bottom:1px solid var(--sa-border);display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:80}.sa-menu-toggle{display:none;background:none;border:0;font-size:24px;color:var(--sa);cursor:pointer}.sa-global-search{width:360px;height:42px;border:1px solid var(--sa-border);border-radius:8px;display:flex;align-items:center;background:#fff}.sa-global-search input{border:0;outline:0;padding:0 14px;flex:1;min-width:0;background:transparent}.sa-global-search button{border:0;background:none;font-size:22px;color:var(--sa);padding:5px 12px}.sa-top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.sa-notification-menu,.sa-profile-menu{position:relative}.sa-notification-toggle{width:42px;height:42px;border:0;background:transparent;color:var(--sa);font-size:24px;position:relative;cursor:pointer}.sa-notification-toggle b{position:absolute;top:0;right:0;background:var(--sa);color:#fff;border:2px solid #fff;min-width:19px;height:19px;line-height:15px;border-radius:50%;font-size:13px}.sa-profile-toggle{display:flex;align-items:center;gap:10px;border:0;background:transparent;cursor:pointer;padding:4px}.sa-profile-toggle img{width:42px;height:42px;border-radius:50%;object-fit:cover}.sa-profile-toggle span{text-align:left;min-width:105px}.sa-profile-toggle strong{display:block;font-size:13px}.sa-profile-toggle small{display:block;color:var(--muted);font-size:13px}.sa-profile-toggle i{font-style:normal}.sa-profile-dropdown,.sa-notification-popup{position:absolute;right:0;top:calc(100% + 12px);background:#fff;border:1px solid var(--sa-border);box-shadow:var(--shadow);border-radius:10px;min-width:210px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s;z-index:120}.sa-profile-menu.open .sa-profile-dropdown,.sa-notification-menu.open .sa-notification-popup{opacity:1;visibility:visible;transform:none}.sa-profile-dropdown a{display:block;padding:10px 12px;border-radius:7px}.sa-profile-dropdown a:hover{background:var(--sa-soft);color:var(--sa)}.sa-notification-popup{width:340px;padding:0;overflow:hidden}.sa-popup-head{padding:13px 15px;border-bottom:1px solid var(--sa-border);display:flex;justify-content:space-between}.sa-popup-head a{color:var(--sa);font-size:13px}.sa-notification-popup>a{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid #f2eeee}.sa-notification-popup>a:hover{background:#fff8f8}.sa-notification-popup>a>span{width:9px;height:9px;border-radius:50%;background:var(--sa);margin-top:5px}.sa-notification-popup strong,.sa-notification-popup small{display:block}.sa-notification-popup small{color:var(--muted);margin-top:2px}.sa-notification-popup>p{padding:18px;margin:0;color:var(--muted)}.sa-content-v2{padding:24px 28px 34px;flex:1}.sa-portal-footer{display:flex;justify-content:space-between;padding:18px 28px;border-top:1px solid var(--sa-border);background:#fff;color:var(--muted);font-size:13px}.sa-page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.sa-page-heading h1{font-size:28px;line-height:1.2;margin:0 0 5px}.sa-page-heading p{margin:0;color:var(--muted)}.sa-heading-actions{display:flex;gap:10px;flex-wrap:wrap}.sa-title-status{display:flex;align-items:center;gap:12px}.sa-card{background:var(--sa-card);border:1px solid var(--sa-border);border-radius:var(--radius);box-shadow:0 2px 10px rgba(52,31,38,.02);padding:18px}.sa-card h2,.sa-card h3{margin-top:0}.sa-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.sa-card-head h3{margin:0}.sa-card-head a{color:var(--sa);font-size:13px;font-weight:600}.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--sa);background:#3B0B14;color:#fff!important;border-radius:7px;padding:10px 17px;font-weight:600;cursor:pointer;min-height:40px}.sa-btn:hover{filter:brightness(.96);transform:translateY(-1px)}.sa-btn-light{background:#fff;color:var(--sa)!important}.sa-btn-outline{background:#fff;color:var(--sa)!important}.sa-btn-success{background:#15914f;border-color:#15914f}.sa-btn-block{width:100%}.sa-btn-small{padding:7px 11px;min-height:33px;font-size:13px}.sa-icon-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sa-border);border-radius:7px;padding:7px 10px;color:var(--sa)!important;background:#fff;font-size:13px}.sa-icon-btn.danger{color:var(--red)!important}.sa-status{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:600;background:var(--blue-soft);color:var(--blue)}.sa-status.success{background:var(--green-soft);color:var(--green)}.sa-status.warning{background:var(--yellow-soft);color:#b9790a}.sa-status.danger{background:var(--red-soft);color:var(--red)}.sa-status.purple{background:var(--purple-soft);color:var(--purple)}.sa-status.info{background:var(--blue-soft);color:var(--blue)}.success-text{color:var(--green)!important}.danger-text{color:var(--red)!important}.sa-eyebrow{font-size:13px;letter-spacing:1.3px;font-weight:700;color:var(--sa)}.sa-alert{border-radius:9px;padding:13px 15px;margin:0 0 16px;border:1px solid var(--sa-border)}.sa-alert.success{background:var(--green-soft);border-color:#ccebd8;color:#157445}.sa-alert.warning{background:var(--yellow-soft);border-color:#f4ddac;color:#9c6a0f}.sa-alert.danger{background:var(--red-soft);border-color:#f2cad1;color:#b42c42}.sa-info-banner{background:#f4f8ff;border:1px solid #dbe7f7;border-radius:9px;padding:14px 16px;margin:14px 0;color:#38516d}.sa-info-banner.compact{font-size:13px;padding:10px}.sa-grid{display:grid;gap:16px}.sa-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-stat-grid{display:grid;gap:14px;margin-bottom:20px}.sa-stat-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.sa-stat-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.sa-stat-card{background:#fff;border:1px solid var(--sa-border);border-radius:12px;padding:18px;min-height:105px;position:relative}.sa-stat-card>span{display:block;color:#554b4e;font-size:13px}.sa-stat-card>strong{display:block;font-size:25px;margin:7px 0}.sa-stat-card>small{color:var(--muted);font-size:13px}.sa-stat-card.icon{padding-left:76px}.sa-stat-card.icon>i{position:absolute;left:18px;top:23px;width:44px;height:44px;border-radius:50%;background:var(--sa-soft);display:grid;place-items:center;font-style:normal;color:var(--sa);font-size:20px}.sa-table-wrap{overflow-x:auto}.sa-table{width:100%;border-collapse:collapse;min-width:800px}.sa-table th{font-size:13px;text-align:left;color:#61575a;padding:12px;border-bottom:1px solid var(--sa-border);font-weight:600}.sa-table td{padding:13px 12px;border-bottom:1px solid #f0ecea;vertical-align:middle}.sa-table tbody tr:hover{background:#fffafa}.sa-table td>small,.sa-table td strong+small{display:block;color:var(--muted);font-size:13px;margin-top:3px}.sa-person{display:flex;align-items:center;gap:10px}.sa-person img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#eee}.sa-person strong,.sa-person small{display:block}.sa-person small{color:var(--muted);font-size:13px}.sa-person.large img{width:70px;height:70px}.sa-filter-bar{display:flex;align-items:flex-end;gap:12px;margin-bottom:18px}.sa-filter-bar label{min-width:180px;flex:1}.sa-filter-bar a{padding:10px;color:var(--sa)}.sa-form label{display:block;font-size:13px;font-weight:600;color:#4f4548;margin-bottom:13px}.sa-form input,.sa-form select,.sa-form textarea,.sa-filter-bar input,.sa-filter-bar select{display:block;width:100%;border:1px solid var(--sa-border);border-radius:7px;padding:10px 11px;margin-top:6px;background:#fff;outline:none;color:var(--text)}.sa-form input:focus,.sa-form select:focus,.sa-form textarea:focus,.sa-filter-bar input:focus,.sa-filter-bar select:focus{border-color:#b87485;box-shadow:0 0 0 3px rgba(122,0,31,.06)}.sa-form-grid{display:grid;gap:14px}.sa-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.sa-check{display:flex!important;align-items:center;gap:8px}.sa-check input{width:auto!important;margin:0!important}.sa-tabs{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--sa-border);margin-bottom:18px;overflow-x:auto}.sa-tabs a{padding:10px 2px;border-bottom:2px solid transparent;white-space:nowrap;color:#60575a}.sa-tabs a.active{color:var(--sa);border-color:var(--sa);font-weight:600}.sa-table-tools{display:flex;justify-content:space-between}.sa-progress-bar,.sa-progress-cell span{display:block;height:7px;background:#eee;border-radius:20px;overflow:hidden}.sa-progress-bar span,.sa-progress-cell i{display:block;height:100%;background:linear-gradient(90deg,#e3a322,#ca6c1c);border-radius:20px}.sa-progress-cell{min-width:120px}.sa-progress-cell b{font-size:13px}.sa-admin-hero{min-height:330px;border-radius:17px;background:radial-gradient(circle at 65% 55%,rgba(159,83,73,.13),transparent 22%),linear-gradient(120deg,#fff0ed,#f7e2dc);display:grid;grid-template-columns:1.1fr .85fr 260px;align-items:center;gap:10px;padding:36px 28px;margin-bottom:16px;overflow:hidden}.sa-admin-hero h1{font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif);color:#5c0d1d;font-size:42px;line-height:1.05;margin:12px 0}.sa-admin-hero h1 em{font-weight:400}.sa-admin-hero p{color:#5b4b4e;max-width:520px}.sa-admin-hero>div:first-child>div{display:flex;align-items:center;gap:18px;margin-top:20px}.sa-admin-hero>div:first-child>div>a{color:var(--sa);font-weight:600}.sa-album-mock{height:280px;display:flex;align-items:center;justify-content:center;perspective:800px}.sa-album-mock .book{width:190px;height:245px;background:linear-gradient(140deg,#6d071a,#8c1227 55%,#4c0511);box-shadow:16px 20px 40px rgba(74,21,31,.3);transform:rotate(-8deg) rotateY(-7deg);border-radius:4px;color:#d9bd84;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px 18px;text-align:center;border-left:8px solid #3e0610}.sa-album-mock .book:before{content:"";width:98px;height:112px;border:5px solid #c8a76b;background:linear-gradient(135deg,#d8aa8e,#7e3c3c);box-shadow:inset 0 0 0 5px #7b0c20}.sa-album-mock .book span,.sa-album-mock .book b{font-size:13px;letter-spacing:1px}.sa-balance-card{background:linear-gradient(145deg,#5b1720,#3d0d14);color:#fff;border-radius:10px;padding:22px;box-shadow:var(--shadow)}.sa-balance-card>span,.sa-balance-card>small,.sa-balance-card>b,.sa-balance-card>strong{display:block}.sa-balance-card>strong{font-size:24px;margin:8px 0 16px}.sa-balance-card hr{border:0;border-top:1px solid rgba(255,255,255,.15)}.sa-balance-card>b{font-size:17px;margin:5px 0 16px}.sa-balance-card a{display:block;background:#fff;color:var(--sa)!important;padding:10px;border-radius:6px;text-align:center;font-weight:600}.sa-dashboard-grid{display:grid;grid-template-columns:1.7fr .9fr .9fr;gap:16px}.sa-order-chart{grid-row:span 2}.sa-order-chart svg{width:100%;height:250px}.sa-chart-legend{display:flex;gap:20px;font-size:13px}.sa-chart-legend span{display:flex;gap:6px;align-items:center}.sa-chart-legend i{width:9px;height:9px;border-radius:50%;background:var(--sa)}.sa-chart-legend span:nth-child(2) i{background:#e8ae38}.sa-chart-legend span:nth-child(3) i{background:#56ad7a}.sa-recent-order,.sa-recent-message{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f2eeee}.sa-mini-cover{width:38px;height:38px;border-radius:5px;background:linear-gradient(135deg,#9e5c4d,#5e1020);color:#fff;display:grid;place-items:center;font-size:13px}.sa-recent-order>div:nth-child(2),.sa-recent-message>div{flex:1;min-width:0}.sa-recent-order strong,.sa-recent-order small,.sa-recent-message strong,.sa-recent-message small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-recent-order small,.sa-recent-message small{color:var(--muted);font-size:13px}.sa-recent-message img{width:34px;height:34px;border-radius:50%;object-fit:cover}.sa-recent-message time{font-size:13px;color:var(--muted)}.sa-sales-overview{grid-column:1/span 2}.sa-sales-overview>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sa-sales-overview span{padding:12px;border-right:1px solid var(--sa-border)}.sa-sales-overview strong{display:block;font-size:19px;margin-top:6px}.sa-payment-donut{display:grid;grid-template-columns:1fr 1fr;align-items:center}.sa-payment-donut .sa-card-head{grid-column:1/-1}.sa-donut,.sa-progress-donut{--progress:60;width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--progress)*1%),#ececec 0);display:grid;place-content:center;text-align:center;position:relative}.sa-donut:after,.sa-progress-donut:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}.sa-donut strong,.sa-donut small,.sa-progress-donut strong,.sa-progress-donut span{position:relative;z-index:1}.sa-donut strong,.sa-progress-donut strong{font-size:18px}.sa-donut small,.sa-progress-donut span{font-size:13px;color:var(--muted)}.sa-payment-donut ul{list-style:none;padding:0;margin:0}.sa-payment-donut li{display:flex;align-items:center;gap:6px;font-size:13px;padding:4px}.sa-payment-donut li b{margin-left:auto}.sa-payment-donut li i{width:8px;height:8px;border-radius:50%}.sa-payment-donut i.green{background:var(--green)}.sa-payment-donut i.yellow{background:var(--yellow)}.sa-project-card-grid,.sa-album-grid,.sa-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sa-project-card,.sa-album-card,.sa-template-card{background:#fff;border:1px solid var(--sa-border);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(50,30,36,.03)}.sa-project-cover,.sa-album-cover,.sa-template-preview{height:190px;background:linear-gradient(145deg,#e2cbbf,#80505a);display:grid;place-items:center;overflow:hidden}.sa-project-cover span,.sa-cover-placeholder>span,.sa-template-preview>span{width:90px;height:110px;background:linear-gradient(150deg,#6f031c,#a42f45);color:#fff;display:grid;place-items:center;border:4px double #d1b36f;box-shadow:8px 10px 20px rgba(0,0,0,.2)}.sa-project-card>div:last-child,.sa-album-card-body,.sa-template-card>div:last-child{padding:15px}.sa-project-card h3,.sa-album-card h3,.sa-template-card h3{margin:9px 0 4px;font-size:14px}.sa-project-card p,.sa-album-card p,.sa-template-card p{color:var(--muted);font-size:13px}.sa-cover-art{width:70%;height:80%;background:linear-gradient(145deg,#e5d4bd,#fff7ee);box-shadow:10px 15px 25px rgba(65,39,28,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b3020;border-left:8px solid #b99a70}.sa-cover-art span{font-size:13px;letter-spacing:1px}.sa-cover-art b{margin-top:18px}.sa-album-cover img,.sa-template-preview img{width:100%;height:100%;object-fit:cover}.sa-album-meta{display:flex;justify-content:space-between;border-top:1px solid var(--sa-border);padding-top:10px;margin-top:12px;color:var(--muted);font-size:13px}.sa-template-actions{display:flex;justify-content:space-between;margin-top:12px;border-top:1px solid var(--sa-border);padding-top:9px}.sa-template-actions a{color:var(--sa);font-size:13px}.sa-project-tabs{display:flex;gap:20px;background:#fff;border:1px solid var(--sa-border);border-radius:10px;padding:0 15px;margin-bottom:16px;overflow-x:auto}.sa-project-tabs a{padding:14px 3px;white-space:nowrap;border-bottom:2px solid transparent}.sa-project-tabs a.active{color:var(--sa);border-color:var(--sa);font-weight:600}.sa-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;margin-bottom:16px}.sa-project-overview{display:grid;grid-template-columns:220px 1fr 145px 190px;gap:18px;align-items:center}.sa-cover-placeholder{height:260px;border-radius:8px;background:linear-gradient(145deg,#e7d3c7,#80515d);display:grid;place-items:center;overflow:hidden}.sa-cover-placeholder.large{height:250px;position:relative}.sa-cover-placeholder img{width:100%;height:100%;object-fit:cover}.sa-cover-placeholder a{position:absolute;bottom:10px;background:#fff;color:var(--sa)!important;padding:7px 10px;border-radius:5px;font-size:13px}.sa-key-list{margin:0}.sa-key-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f0ecea}.sa-key-list.two{display:grid;grid-template-columns:repeat(2,1fr);column-gap:22px}.sa-key-list dt{color:var(--muted);font-size:13px}.sa-key-list dd{margin:0;text-align:right;font-weight:600;font-size:13px}.sa-stage-list{border-left:2px solid #e2e2e2;padding-left:16px}.sa-stage-list>div{position:relative;padding:6px 0}.sa-stage-list>div>span{position:absolute;left:-22px;top:10px;width:10px;height:10px;border-radius:50%;background:#d7d7d7}.sa-stage-list>div.done>span{background:var(--green)}.sa-stage-list>div.current>span{background:var(--yellow)}.sa-stage-list b,.sa-stage-list small{display:block;font-size:13px}.sa-stage-list small{color:var(--muted)}.sa-stage-list.compact{font-size:13px}.sa-file-row,.sa-activity-row,.sa-milestone-row,.sa-version-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0ecea}.sa-file-row>div,.sa-activity-row>div,.sa-milestone-row>div,.sa-version-row>div{flex:1}.sa-file-row strong,.sa-file-row small,.sa-activity-row strong,.sa-activity-row small,.sa-milestone-row strong,.sa-milestone-row small,.sa-version-row strong,.sa-version-row small{display:block}.sa-file-row small,.sa-activity-row small,.sa-milestone-row small,.sa-version-row small{color:var(--muted);font-size:13px}.sa-file-icon{width:38px;height:38px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:13px;font-weight:700}.sa-activity-row>span{width:9px;height:9px;border-radius:50%;background:var(--purple)}.sa-version-row>span:first-child{width:35px;height:35px;border-radius:8px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center}.sa-profile-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}.sa-profile-photo{display:flex;align-items:center;gap:18px;margin-bottom:22px}.sa-profile-photo img{width:100px;height:100px;border-radius:50%;object-fit:cover}.sa-modal{position:fixed;inset:0;background:rgba(33,10,17,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:200;opacity:0;visibility:hidden;transition:.2s}.sa-modal.open{opacity:1;visibility:visible}.sa-modal-dialog{width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:24px;position:relative}.sa-modal-dialog.wide{width:min(850px,100%)}.sa-modal-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:25px;cursor:pointer}.sa-wizard-steps,.sa-proof-steps{display:flex;justify-content:space-between;background:#fff;border:1px solid var(--sa-border);border-radius:10px;padding:14px 18px;margin-bottom:16px}.sa-wizard-steps button{border:0;background:none;color:var(--muted);display:flex;align-items:center;gap:8px;position:relative;font-weight:600}.sa-wizard-steps button span,.sa-proof-steps>span:first-letter{width:25px;height:25px}.sa-wizard-steps button span{border-radius:50%;background:#e3e3e3;display:grid;place-items:center}.sa-wizard-steps button.active{color:var(--sa)}.sa-wizard-steps button.active span{background:var(--sa);color:#fff}.sa-wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.sa-wizard-main{min-width:0}.sa-wizard-panel{display:none;background:#fff;border:1px solid var(--sa-border);border-radius:12px;padding:18px}.sa-wizard-panel.active{display:block}.sa-choice-grid,.sa-option-grid,.sa-sheet-grid{display:grid;gap:12px;margin-bottom:18px}.sa-choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-choice-card{border:1px solid var(--sa-border);border-radius:10px;padding:18px;display:flex;gap:14px;cursor:pointer;position:relative}.sa-choice-card.selected,.sa-choice-card:has(input:checked){border-color:#a04c62;box-shadow:0 0 0 2px rgba(122,0,31,.05);background:#fffafa}.sa-choice-card input{position:absolute;right:14px;top:14px;width:auto}.sa-choice-icon{width:52px;height:52px;border-radius:50%;background:var(--sa-soft);color:var(--sa);display:grid;place-items:center;font-size:24px;flex:0 0 auto}.sa-choice-card h3{margin:0 0 6px}.sa-choice-card strong{color:var(--sa)}.sa-choice-card ul{padding-left:17px;color:var(--muted);font-size:13px}.sa-choice-card.compact{grid-column:span 1;padding:12px}.sa-sheet-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.sa-sheet-grid label,.sa-option-grid label{border:1px solid var(--sa-border);border-radius:8px;padding:12px;cursor:pointer;position:relative}.sa-sheet-grid label:has(input:checked),.sa-option-grid label:has(input:checked){border-color:#aa5e72;background:#fff9fa}.sa-sheet-grid input,.sa-option-grid input{position:absolute;right:8px;top:8px;width:auto;margin:0}.sa-sheet-grid strong,.sa-sheet-grid small,.sa-sheet-grid span,.sa-option-grid strong,.sa-option-grid small{display:block}.sa-sheet-grid small,.sa-option-grid small{color:var(--muted);font-size:13px;margin-top:4px}.sa-sheet-grid span{color:var(--sa);font-weight:600;margin-top:6px}.sa-option-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sa-wizard-actions{display:flex;justify-content:space-between;margin-top:18px}.sa-order-summary{position:sticky;top:100px;background:#fff;border:1px solid var(--sa-border);border-radius:12px;padding:18px}.sa-summary-service{background:var(--yellow-soft);border:1px solid #f3dfb6;border-radius:8px;padding:12px;margin-bottom:14px}.sa-summary-service span,.sa-summary-service small{display:block}.sa-order-summary dl>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.sa-order-summary dd{margin:0;font-weight:600}.sa-summary-total{display:flex;justify-content:space-between;color:var(--sa);font-size:16px;font-weight:700;padding:15px 0}.sa-advance-box{background:var(--green-soft);border-radius:8px;padding:12px}.sa-advance-box span,.sa-advance-box strong,.sa-advance-box small{display:block}.sa-advance-box strong{font-size:20px;color:var(--green)}.sa-upload-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sa-upload-drop{border:2px dashed #d4b9c0!important;border-radius:10px!important;padding:25px!important;text-align:center;background:#fffafa}.sa-upload-drop span,.sa-upload-drop strong,.sa-upload-drop small{display:block}.sa-upload-drop span{font-size:30px;color:var(--sa)}.sa-upload-drop small{color:var(--muted);font-weight:400;margin-top:7px}.sa-review-list>div{display:grid;grid-template-columns:1fr 1fr;padding:8px;border-bottom:1px solid #eee}.sa-review-list dt{color:var(--muted)}.sa-review-list dd{margin:0;font-weight:600}.sa-secure-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.sa-secure-strip span{background:var(--green-soft);padding:12px;border-radius:8px;color:#246b48}.sa-proof-steps>span{display:flex;align-items:center;gap:8px;color:var(--muted)}.sa-proof-steps>span:before{content:"";width:25px;height:25px;border-radius:50%;background:#e6e6e6;display:inline-block}.sa-proof-steps>span.done:before{background:var(--sa);box-shadow:inset 0 0 0 7px var(--sa)}.sa-proof-steps>span.current{color:var(--sa);font-weight:700}.sa-proof-steps>span.current:before{background:var(--sa)}.sa-proof-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.sa-proof-header{display:grid;grid-template-columns:120px 1.3fr .8fr 1fr;gap:14px;align-items:center}.sa-proof-thumb{height:95px;border-radius:7px;background:linear-gradient(145deg,#ddc8b9,#7b293b);display:grid;place-items:center;color:#fff}.sa-check-card{background:var(--yellow-soft);border-radius:8px;padding:12px}.sa-check-card h4{margin:0 0 6px}.sa-check-card ul{padding-left:16px;margin:0;font-size:13px}.sa-proof-toolbar{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-bottom:12px}.sa-proof-frame{height:530px;background:#f4efec;border-radius:8px;overflow:hidden;display:grid;place-items:center}.sa-proof-frame iframe,.sa-proof-frame img{width:100%;height:100%;border:0;object-fit:contain}.sa-action-row{display:flex;gap:10px}.sa-payment-layout,.sa-invoice-layout,.sa-timeline-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.sa-payment-summary-grid{display:grid;grid-template-columns:repeat(3,1fr)}.sa-payment-summary-grid>div{text-align:center;padding:15px;border-right:1px solid var(--sa-border)}.sa-payment-summary-grid>div:last-child{border:0}.sa-payment-summary-grid span,.sa-payment-summary-grid strong{display:block}.sa-payment-summary-grid strong{font-size:21px;margin-top:7px}.sa-payment-method-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.sa-payment-method-preview div{border:1px solid var(--sa-border);border-radius:8px;padding:13px;text-align:center}.sa-payment-note{font-size:13px;color:var(--muted);text-align:center}.sa-invoice-head{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:25px;border-bottom:1px solid var(--sa-border);padding-bottom:18px;margin-bottom:18px}.sa-invoice-title{text-align:center}.sa-invoice-title>span{font-size:24px;color:var(--sa);font-weight:700}.sa-invoice-totals{display:flex;justify-content:flex-end}.sa-invoice-totals dl{width:330px}.sa-invoice-totals dl>div{display:flex;justify-content:space-between;padding:8px}.sa-invoice-totals .total{font-size:16px;color:var(--sa);font-weight:700;border-top:1px solid var(--sa-border)}.sa-invoice-totals .paid{color:var(--green)}.sa-invoice-totals .due{background:var(--red-soft);color:var(--red);font-weight:700}.sa-invoice-note{background:var(--yellow-soft);border-radius:8px;padding:14px;margin-top:15px}.sa-message-layout{display:grid;grid-template-columns:310px minmax(0,1fr) 280px;gap:14px;height:calc(100vh - 155px);min-height:650px}.sa-conversation-list,.sa-chat,.sa-contact-panel{padding:0;overflow:hidden}.sa-search-box{margin:14px;border:1px solid var(--sa-border);border-radius:8px;padding:10px;color:var(--muted)}.sa-conversation-list .sa-tabs{margin:0 14px}.sa-conversation{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #f0ecea}.sa-conversation.active{background:#fff2f3;border-left:3px solid var(--sa)}.sa-conversation img{width:42px;height:42px;border-radius:50%;object-fit:cover}.sa-conversation>div{flex:1;min-width:0}.sa-conversation strong,.sa-conversation small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-conversation small,.sa-conversation time{font-size:13px;color:var(--muted)}.sa-chat{display:flex;flex-direction:column}.sa-chat>header{padding:14px;border-bottom:1px solid var(--sa-border)}.sa-chat-body{flex:1;padding:15px;overflow-y:auto;background:#fff}.sa-chat-date{text-align:center;color:var(--muted);font-size:13px;margin:12px}.sa-bubble{max-width:72%;padding:12px 14px;border-radius:10px;margin:8px 0;background:#f7f5f4}.sa-bubble.mine{margin-left:auto;background:#f7dfe4}.sa-bubble p{margin:0}.sa-bubble time{display:block;text-align:right;color:var(--muted);font-size:13px}.sa-chat-compose{border-top:1px solid var(--sa-border);padding:12px;display:flex;gap:8px;align-items:flex-end}.sa-chat-compose textarea{flex:1;border:1px solid var(--sa-border);border-radius:8px;padding:10px;resize:none}.sa-contact-panel{padding:16px}.sa-chat-empty{text-align:center;color:var(--muted);padding:80px 20px}.sa-file-name{display:flex;align-items:center;gap:10px}.sa-notification-list{padding:0}.sa-notification-row{display:flex;gap:12px;padding:15px;border-bottom:1px solid var(--sa-border)}.sa-notification-row.unread{background:#fff8f8}.sa-notification-icon{color:var(--sa)}.sa-notification-row p{margin:4px 0;color:var(--muted)}.sa-notification-row small{color:var(--muted)}.sa-settings-tabs{display:flex;gap:20px;border-bottom:1px solid var(--sa-border);margin-bottom:16px;overflow-x:auto}.sa-settings-tabs a{padding:10px;white-space:nowrap}.sa-settings-tabs a.active{color:var(--sa);border-bottom:2px solid var(--sa)}.sa-switch-list{margin:15px 0}.sa-switch-list label{display:flex!important;justify-content:space-between;align-items:center;border-bottom:1px solid var(--sa-border);padding:11px 0}.sa-switch-list input{width:42px!important;height:23px}.sa-report-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:12px;align-items:end;margin-bottom:16px}
.sa-report-filter>label{display:block;min-width:0;max-width:100%;flex:none}
.sa-report-filter .sa-smart-date{height:48px!important;min-height:48px!important;max-height:48px!important;width:100%!important;min-width:0!important;margin-top:6px!important;overflow:visible!important}
.sa-report-filter button.sa-smart-date-trigger{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 48px 0 14px!important;margin:0!important;inset:auto!important;transform:none!important;aspect-ratio:auto!important;overflow:hidden!important;background:#fffaf9!important;color:#180409!important;-webkit-text-fill-color:#180409!important;border:1px solid rgba(116,19,35,.17)!important;border-radius:12px!important;box-shadow:none!important;line-height:1.25!important}
.sa-report-filter button.sa-smart-date-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit!important;-webkit-text-fill-color:inherit!important}
.sa-report-filter button.sa-smart-date-trigger svg{flex:none!important}
.sa-report-filter button.sa-smart-date-trigger::before,.sa-report-filter button.sa-smart-date-trigger::after{content:none!important;display:none!important}
@media(max-width:650px){.sa-report-filter{grid-template-columns:minmax(0,1fr)!important}.sa-report-filter>label{grid-column:1}.sa-report-filter>.sa-btn,.sa-report-filter>button[type="submit"]{grid-column:1;justify-self:stretch}}
html[data-sa-theme="dark"] .sa-app-v2 .sa-report-filter>label{color:#e8d5d7!important;-webkit-text-fill-color:#e8d5d7!important}
.sa-report-filter button.sa-smart-date-trigger>span{flex:0 1 auto!important;width:max-content!important;max-width:100%!important;text-align:left!important;white-space:nowrap!important}
html[data-sa-theme="dark"] .sa-report-filter button.sa-smart-date-trigger{background:#2b0f12!important;color:#fff7f7!important;-webkit-text-fill-color:#fff7f7!important;border-color:#68474c!important}
html[data-sa-theme="dark"] .sa-calendar-popup{background:#241014!important;color:#fff7f7!important;-webkit-text-fill-color:#fff7f7!important;border-color:#68474c!important}
html[data-sa-theme="dark"] .sa-calendar-popup .sa-calendar-head strong,html[data-sa-theme="dark"] .sa-calendar-popup .sa-calendar-grid button{color:#fff7f7!important;-webkit-text-fill-color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-calendar-popup .sa-calendar-week span{color:#e8d5d7!important;-webkit-text-fill-color:#e8d5d7!important}
html[data-sa-theme="dark"] .sa-calendar-popup :is(.sa-calendar-head button,.sa-calendar-actions button){background:#402027!important;color:#fff7f7!important;-webkit-text-fill-color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-calendar-popup .sa-calendar-grid button.is-selected{background:#741323!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-sa-theme="dark"] .sa-calendar-popup .sa-calendar-grid button:hover:not(:disabled){background:#59303a!important}
.sa-report-filter label{flex:1}.sa-report-chart svg{width:100%;height:250px}.sa-bar-row{display:grid;grid-template-columns:100px 1fr 35px;gap:10px;align-items:center;margin:13px 0}.sa-bar-row>div{height:8px;background:#eee;border-radius:20px;overflow:hidden}.sa-bar-row i{display:block;height:100%;background:linear-gradient(90deg,var(--sa),#c46a80)}.sa-timeline-event{display:grid;grid-template-columns:20px 1fr auto;gap:10px;padding:15px 0;border-bottom:1px solid var(--sa-border);position:relative}.sa-timeline-event>span{width:12px;height:12px;border-radius:50%;background:var(--green);margin-top:4px}.sa-timeline-event strong,.sa-timeline-event small{display:block}.sa-timeline-event p{margin:3px 0;color:var(--muted)}.sa-client-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px}.sa-client-project{grid-column:1}.sa-project-summary-content{display:grid;grid-template-columns:190px 1fr 130px 165px;gap:16px;align-items:center}.sa-client-dashboard-grid>div:nth-of-type(3),.sa-client-dashboard-grid>div:nth-of-type(4),.sa-client-dashboard-grid>div:nth-of-type(5){min-height:250px}.sa-album-preview{display:flex;background:#eee4dc;border-radius:8px;padding:8px;height:200px}.sa-album-preview .page{flex:1;background:#fff8ef;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif);color:#7a3d31}.sa-album-preview .page b{font-size:27px;font-style:italic}.sa-album-preview .collage{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px}.sa-album-preview .collage i{background:linear-gradient(145deg,#c48f75,#5b2d34)}.sa-quick-actions{display:grid;gap:8px}.sa-quick-actions a{border:1px solid var(--sa-border);padding:12px;border-radius:8px}.sa-designer-message{display:flex;align-items:center;gap:18px;background:linear-gradient(90deg,#fff0f2,#fff9f8);border:1px solid #f3dade;border-radius:12px;padding:18px;margin-top:16px}.sa-designer-message>span{font-size:45px;color:var(--sa)}.sa-designer-message>div{flex:1}.sa-designer-message h3,.sa-designer-message p{margin:0}.sa-support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sa-support-grid .sa-card{text-align:center}.sa-support-grid i{font-style:normal;font-size:45px;color:var(--sa)}.sa-support-grid a:not(.sa-btn){display:block;padding:10px;border-bottom:1px solid var(--sa-border);color:var(--sa)}.sa-auth-v2{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.sa-auth-visual{background:linear-gradient(150deg,rgba(88,0,20,.92),rgba(125,0,31,.88)),radial-gradient(circle at 70% 30%,#c18e83,#4e0015);color:#fff;padding:55px;display:flex;flex-direction:column;justify-content:space-between}.sa-auth-brand{display:flex;align-items:center;gap:13px;letter-spacing:2px}.sa-brand-mark{width:50px;height:50px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif);font-size:20px}.sa-auth-visual h1{font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif);font-size:52px;line-height:1.08;max-width:600px;margin:16px 0}.sa-auth-visual p{max-width:540px;color:#f2dfe4}.sa-auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:35px;background:#fffaf9}.sa-auth-card{width:min(460px,100%);background:#fff;border:1px solid var(--sa-border);border-radius:16px;padding:34px;box-shadow:var(--shadow)}.sa-auth-card h2{font-size:29px;margin:10px 0}.sa-auth-card>p{color:var(--muted)}.sa-auth-card label{display:block;margin:14px 0;font-weight:600;font-size:13px}.sa-auth-card input{display:block;width:100%;padding:12px;border:1px solid var(--sa-border);border-radius:8px;margin-top:6px}.sa-auth-row{display:flex;justify-content:space-between;align-items:center}.sa-auth-row .sa-check{margin:0}.sa-auth-row a,.sa-auth-foot a{color:var(--sa);font-weight:600}.sa-auth-foot{text-align:center}.sa-drawer-overlay{display:none}
@media(max-width:1250px){.sa-stat-grid.five{grid-template-columns:repeat(3,1fr)}.sa-dashboard-grid{grid-template-columns:1.5fr 1fr}.sa-dashboard-grid>div:nth-child(3),.sa-payment-donut{grid-column:2}.sa-sales-overview{grid-column:1}.sa-admin-hero{grid-template-columns:1fr .7fr 230px}.sa-admin-hero h1{font-size:35px}.sa-project-overview{grid-template-columns:180px 1fr 130px}.sa-project-overview .sa-stage-list{grid-column:2/-1}.sa-project-card-grid,.sa-album-grid,.sa-template-grid{grid-template-columns:repeat(3,1fr)}.sa-message-layout{grid-template-columns:280px 1fr}.sa-contact-panel{display:none}.sa-project-summary-content{grid-template-columns:170px 1fr 120px}.sa-project-summary-content .sa-stage-list{grid-column:2/-1}}
@media(max-width:980px){.sa-sidebar{left:auto;right:0;transform:translateX(100%);transition:.25s;box-shadow:-15px 0 35px rgba(0,0,0,.12)}.sa-sidebar.open{transform:none}.sa-drawer-overlay{display:block;position:fixed;inset:0;background:rgba(30,7,14,.45);z-index:90;opacity:0;visibility:hidden;transition:.2s}.sa-drawer-overlay.open{opacity:1;visibility:visible}.sa-main-v2{margin-left:0;width:100%}.sa-menu-toggle{display:block;order:3;margin-left:5px}.sa-topbar{padding:0 18px}.sa-global-search{width:min(360px,45vw)}.sa-profile-toggle span{display:none}.sa-profile-toggle img{width:38px;height:38px}.sa-content-v2{padding:20px 16px}.sa-admin-hero{grid-template-columns:1fr 220px}.sa-balance-card{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center}.sa-balance-card hr{display:none}.sa-balance-card a{grid-column:3}.sa-stat-grid.four,.sa-stat-grid.five{grid-template-columns:repeat(2,1fr)}.sa-dashboard-grid{grid-template-columns:1fr}.sa-dashboard-grid>*{grid-column:auto!important}.sa-project-card-grid,.sa-album-grid,.sa-template-grid{grid-template-columns:repeat(2,1fr)}.sa-detail-grid,.sa-payment-layout,.sa-invoice-layout,.sa-timeline-layout,.sa-proof-layout,.sa-wizard-layout,.sa-profile-grid,.sa-client-dashboard-grid{grid-template-columns:1fr}.sa-order-summary{position:static}.sa-project-overview{grid-template-columns:160px 1fr}.sa-project-overview .sa-progress-donut{grid-column:1}.sa-project-overview .sa-stage-list{grid-column:2}.sa-message-layout{grid-template-columns:240px 1fr;height:calc(100vh - 130px)}.sa-client-dashboard-grid>*{grid-column:auto}.sa-project-summary-content{grid-template-columns:160px 1fr}.sa-project-summary-content .sa-progress-donut{grid-column:1}.sa-project-summary-content .sa-stage-list{grid-column:2}.sa-support-grid{grid-template-columns:1fr}.sa-auth-v2{grid-template-columns:1fr}.sa-auth-visual{display:none}.sa-proof-header{grid-template-columns:100px 1fr}.sa-proof-header>div:nth-child(3),.sa-proof-header>div:nth-child(4){grid-column:span 1}.sa-sheet-grid{grid-template-columns:repeat(3,1fr)}.sa-option-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.sa-topbar{height:68px}.sa-global-search{display:none}.sa-top-actions{margin-left:auto;gap:5px}.sa-menu-toggle{font-size:22px}.sa-notification-popup{width:min(320px,calc(100vw - 25px));right:-55px}.sa-content-v2{padding:15px 11px}.sa-portal-footer{padding:14px;display:block;text-align:center}.sa-page-heading{display:block}.sa-heading-actions{margin-top:12px}.sa-page-heading h1{font-size:23px}.sa-stat-grid.four,.sa-stat-grid.five{grid-template-columns:1fr 1fr;gap:9px}.sa-stat-card{padding:13px;min-height:92px}.sa-stat-card>strong{font-size:20px}.sa-stat-card.icon{padding-left:13px}.sa-stat-card.icon>i{position:static;width:34px;height:34px;margin-bottom:7px}.sa-admin-hero{grid-template-columns:1fr;padding:22px 17px;min-height:0}.sa-admin-hero h1{font-size:31px}.sa-album-mock{display:none}.sa-balance-card{display:block}.sa-balance-card a{margin-top:10px}.sa-project-card-grid,.sa-album-grid,.sa-template-grid{grid-template-columns:1fr}.sa-filter-bar,.sa-report-filter{display:grid;grid-template-columns:1fr 1fr}.sa-filter-bar label{min-width:0}.sa-form-grid.two,.sa-form-grid.three{grid-template-columns:1fr}.sa-choice-grid.two{grid-template-columns:1fr}.sa-sheet-grid{grid-template-columns:repeat(2,1fr)}.sa-option-grid{grid-template-columns:1fr}.sa-upload-tabs{grid-template-columns:1fr}.sa-secure-strip{grid-template-columns:1fr}.sa-wizard-steps,.sa-proof-steps{overflow-x:auto;justify-content:flex-start;gap:25px}.sa-wizard-steps button,.sa-proof-steps span{min-width:max-content}.sa-project-overview,.sa-project-summary-content{grid-template-columns:1fr}.sa-cover-placeholder,.sa-cover-placeholder.large{height:240px}.sa-project-overview .sa-progress-donut,.sa-project-overview .sa-stage-list,.sa-project-summary-content .sa-progress-donut,.sa-project-summary-content .sa-stage-list{grid-column:auto}.sa-progress-donut{margin:auto}.sa-key-list.two{grid-template-columns:1fr}.sa-invoice-head{grid-template-columns:1fr;text-align:left}.sa-invoice-title{text-align:left}.sa-payment-summary-grid{grid-template-columns:1fr}.sa-payment-summary-grid>div{border-right:0;border-bottom:1px solid var(--sa-border)}.sa-payment-method-preview{grid-template-columns:1fr 1fr}.sa-message-layout{display:block;height:auto}.sa-conversation-list{max-height:280px;margin-bottom:12px}.sa-chat{min-height:550px}.sa-bubble{max-width:86%}.sa-proof-header{grid-template-columns:1fr}.sa-proof-frame{height:380px}.sa-action-row{display:grid}.sa-auth-form-wrap{padding:15px}.sa-auth-card{padding:24px}.sa-donut{margin:auto}.sa-payment-donut{grid-template-columns:1fr}.sa-payment-donut ul{margin-top:10px}.sa-sales-overview>div{grid-template-columns:1fr}.sa-designer-message{align-items:flex-start;flex-wrap:wrap}.sa-modal-dialog{padding:20px 14px}.sa-profile-photo{align-items:flex-start}.sa-profile-photo img{width:80px;height:80px}}
@media print{.sa-sidebar,.sa-topbar,.sa-portal-footer,.sa-btn,.sa-icon-btn,.sa-help-card{display:none!important}.sa-main-v2{margin:0;width:100%}.sa-content-v2{padding:0}.sa-card{box-shadow:none}}

/* V2.1 navigation, profile and upload polish */
.sa-svg-icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sa-sidebar nav a i{display:grid;place-items:center}.sa-menu-toggle .sa-svg-icon,.sa-notification-toggle .sa-svg-icon,.sa-global-search .sa-svg-icon{width:21px;height:21px;margin:auto}.sa-profile-menu{z-index:500}.sa-profile-toggle{position:relative;z-index:2;max-width:250px}.sa-profile-toggle span{min-width:0}.sa-profile-toggle strong{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-profile-dropdown{z-index:600;top:calc(100% + 8px);min-width:235px}.sa-profile-dropdown:before{content:'';position:absolute;right:20px;top:-7px;width:13px;height:13px;background:#fff;border-left:1px solid var(--sa-border);border-top:1px solid var(--sa-border);transform:rotate(45deg)}.sa-profile-dropdown a{position:relative;z-index:1}.sa-topbar{overflow:visible}.sa-top-actions{position:relative;z-index:100}.sa-live-upload-form .sa-upload-drop{position:relative;min-height:210px;border:1.5px dashed rgba(59,11,20,.35);background:radial-gradient(circle at 50% 35%,rgba(59,11,20,.07),transparent 55%),#fffaf9;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;cursor:pointer;overflow:hidden;transition:.25s}.sa-live-upload-form .sa-upload-drop:hover,.sa-live-upload-form .sa-upload-drop.is-dragging{border-color:#3B0B14;transform:translateY(-2px);box-shadow:0 16px 34px rgba(59,11,20,.10)}.sa-live-upload-form .sa-upload-orbit{width:72px;height:72px;border-radius:50%;background:#3B0B14;color:#fff;display:grid;place-items:center;box-shadow:0 13px 30px rgba(59,11,20,.22);position:relative;margin-bottom:14px}.sa-live-upload-form .sa-upload-orbit:before,.sa-live-upload-form .sa-upload-orbit:after{content:'';position:absolute;inset:-8px;border:1px solid rgba(59,11,20,.22);border-radius:50%;animation:saPulse 2.2s infinite}.sa-live-upload-form .sa-upload-orbit:after{inset:-16px;animation-delay:.55s}.sa-live-upload-form .sa-upload-orbit svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@keyframes saPulse{0%{opacity:.8;transform:scale(.85)}70%,100%{opacity:0;transform:scale(1.18)}}.sa-upload-pick{display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:#3B0B14;color:#fff;border-radius:999px;padding:10px 18px;font-weight:700}.sa-upload-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.sa-upload-summary div{background:#f8f1ef;border:1px solid #eadfdb;border-radius:12px;padding:10px;text-align:center}.sa-upload-summary strong{display:block;color:#3B0B14;font-size:18px}.sa-upload-summary small{color:var(--muted)}.sa-upload-overall{height:10px;border-radius:999px;background:#efe7e4;overflow:hidden;margin:10px 0}.sa-upload-overall span{display:block;width:0;height:100%;background:#3B0B14;transition:width .2s}.sa-upload-queue{display:grid;gap:8px;max-height:230px;overflow:auto;margin:12px 0}.sa-upload-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border:1px solid var(--sa-border);border-radius:12px;padding:10px 12px;background:#fff}.sa-upload-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-upload-item small{color:var(--muted)}.sa-upload-item .bar{grid-column:1/-1;height:6px;background:#eee7e4;border-radius:99px;overflow:hidden}.sa-upload-item .bar i{display:block;height:100%;width:0;background:#3B0B14;transition:width .15s}.sa-upload-item.done .bar i{background:var(--green)}.sa-upload-item.error .bar i{background:var(--red)}.sa-upload-submit{position:relative;overflow:hidden}.sa-upload-submit.is-uploading{pointer-events:none}.sa-upload-submit.is-uploading:after{content:'';width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:saSpin .8s linear infinite}@keyframes saSpin{to{transform:rotate(360deg)}}.sa-profile-uploader{display:inline-flex!important;align-items:center;gap:9px;border-radius:999px!important;position:relative;overflow:hidden}.sa-profile-uploader:before{content:'';width:9px;height:9px;border-radius:50%;background:#3B0B14;box-shadow:0 0 0 0 rgba(59,11,20,.3);animation:saProfilePulse 1.8s infinite}@keyframes saProfilePulse{70%{box-shadow:0 0 0 9px rgba(59,11,20,0)}}.sa-profile-photo img{transition:.25s}.sa-profile-photo.is-previewing img{transform:scale(1.04);box-shadow:0 0 0 5px rgba(59,11,20,.12)}
@media(max-width:650px){.sa-upload-summary{grid-template-columns:1fr 1fr}.sa-upload-summary div:last-child{grid-column:1/-1}.sa-profile-dropdown{position:fixed;right:10px;top:64px;width:min(280px,calc(100vw - 20px))}.sa-profile-toggle strong{max-width:92px}}


/* ===== V2.2 UI/UX corrections ===== */
.sa-logo{height:94px;padding:17px 18px;gap:12px;background:linear-gradient(135deg,#3B0B14 0%,#27070d 100%);letter-spacing:0}.sa-logo img{width:45px;height:52px;object-fit:contain;border-radius:0;background:transparent;filter:none;flex:0 0 auto}.sa-logo-copy{min-width:0;display:flex;flex-direction:column;line-height:1}.sa-logo-copy strong{font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif);font-size:17px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.sa-logo-copy small{font-size:13px;letter-spacing:.22em;margin-top:7px;color:rgba(255,255,255,.72);white-space:nowrap}
.sa-profile-toggle{min-height:50px;padding:5px 12px 5px 5px!important;border:1px solid transparent!important;border-radius:999px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(59,11,20,.32),rgba(213,174,105,.55),rgba(59,11,20,.18)) border-box!important;box-shadow:0 8px 25px rgba(59,11,20,.09);transition:.24s ease}.sa-profile-toggle:hover,.sa-profile-menu.open .sa-profile-toggle{transform:translateY(-1px);box-shadow:0 14px 34px rgba(59,11,20,.16)}.sa-profile-toggle img{box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(59,11,20,.12)}.sa-profile-chevron{width:18px;height:18px;display:grid;place-items:center;transition:transform .2s}.sa-profile-chevron .sa-svg-icon{width:16px;height:16px}.sa-profile-menu.open .sa-profile-chevron{transform:rotate(180deg)}.sa-profile-dropdown{padding:9px;border-radius:15px;box-shadow:0 22px 60px rgba(59,11,20,.18)}.sa-profile-dropdown a{display:flex;align-items:center;gap:10px;padding:11px 12px}.sa-profile-dropdown a i{width:22px;display:grid;place-items:center;color:var(--sa)}.sa-profile-dropdown a i .sa-svg-icon{width:18px;height:18px}.sa-profile-dropdown .sa-profile-logout{border-top:1px solid var(--sa-border);margin-top:5px;color:#9d2338}
.sa-btn,.sa-upload-pick,.sa-profile-uploader{position:relative;isolation:isolate;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.sa-btn:before,.sa-upload-pick:before,.sa-profile-uploader:after{content:'';position:absolute;inset:-3px auto -3px -45%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-18deg);transition:left .65s ease;z-index:-1}.sa-btn:hover:before,.sa-upload-pick:hover:before,.sa-profile-uploader:hover:after{left:120%}.sa-btn:not(.sa-btn-light):not(.sa-btn-outline){border-radius:999px;background:linear-gradient(115deg,#3B0B14,#611426 58%,#3B0B14);box-shadow:0 11px 25px rgba(59,11,20,.17)}.sa-btn:not(.sa-btn-light):not(.sa-btn-outline):hover{box-shadow:0 16px 35px rgba(59,11,20,.24)}
.sa-profile-uploader{padding:11px 18px!important;border:1px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#3B0B14,#d4af6a,#3B0B14) border-box!important;color:#3B0B14!important;box-shadow:0 9px 26px rgba(59,11,20,.10)}.sa-profile-uploader:before{width:28px;height:28px;display:grid;place-items:center;background:#3B0B14;color:#fff;box-shadow:none;animation:none}.sa-profile-uploader:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(59,11,20,.17)}
.sa-form select,.sa-filter-bar select{appearance:none;-webkit-appearance:none;background-color:#fff!important;background-image:linear-gradient(45deg,transparent 50%,#3B0B14 50%),linear-gradient(135deg,#3B0B14 50%,transparent 50%),linear-gradient(90deg,rgba(59,11,20,.08),rgba(59,11,20,.08))!important;background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%,calc(100% - 40px) 50%!important;background-size:5px 5px,5px 5px,1px 22px!important;background-repeat:no-repeat!important;padding-right:48px!important}.sa-form input[type=date],.sa-filter-bar input[type=date]{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,rgba(59,11,20,.22),rgba(212,175,106,.35)) border-box!important;border:1px solid transparent!important;border-radius:12px!important;min-height:46px;box-shadow:0 7px 20px rgba(59,11,20,.045)}.sa-form input[type=date]::-webkit-calendar-picker-indicator,.sa-filter-bar input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.78;filter:sepia(1) saturate(5) hue-rotate(315deg)}.sa-form select:focus,.sa-filter-bar select:focus,.sa-form input[type=date]:focus{outline:none;box-shadow:0 0 0 4px rgba(59,11,20,.08),0 10px 25px rgba(59,11,20,.08)}
.sa-choice-icon{display:grid!important;place-items:center}.sa-choice-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sa-choice-card.selected .sa-choice-icon{box-shadow:0 10px 25px rgba(59,11,20,.13)}.sa-print-only-block{display:none}.print-review-line{display:none!important}.sa-order-wizard:has([name="service_type"][value="design_print"]:checked) .print-review-line,.sa-order-wizard:has([name="service_type"][value="print_only"]:checked) .print-review-line,.sa-order-wizard:has([name="service_type"][value="reprint"]:checked) .print-review-line{display:flex!important}
.sa-upload-drop{position:relative;overflow:hidden}.sa-upload-drop>input[type=file]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:5}.sa-order-draft-drop{min-height:245px!important;border:1.5px dashed rgba(59,11,20,.32)!important;border-radius:20px!important;background:radial-gradient(circle at 50% 30%,rgba(59,11,20,.08),transparent 52%),linear-gradient(145deg,#fff,#fff8f6)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px!important;transition:.25s}.sa-order-draft-drop:hover,.sa-order-draft-drop.is-dragging{border-color:#3B0B14!important;transform:translateY(-2px);box-shadow:0 18px 45px rgba(59,11,20,.11)}.sa-order-draft-drop .sa-upload-orbit{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#3B0B14,#6b1930);color:#fff;box-shadow:0 15px 35px rgba(59,11,20,.23);margin-bottom:15px;position:relative}.sa-order-draft-drop .sa-upload-orbit:before,.sa-order-draft-drop .sa-upload-orbit:after{content:'';position:absolute;inset:-8px;border:1px solid rgba(59,11,20,.22);border-radius:50%;animation:saPulse 2.2s infinite}.sa-order-draft-drop .sa-upload-orbit:after{inset:-16px;animation-delay:.55s}.sa-order-draft-drop .sa-upload-orbit svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sa-order-draft-drop .sa-upload-pick{margin-top:14px;border-radius:999px;padding:11px 21px;background:linear-gradient(115deg,#3B0B14,#6a1930);color:#fff;box-shadow:0 12px 28px rgba(59,11,20,.18)}.sa-cloud-link{padding:20px!important;border:1px solid var(--sa-border);border-radius:18px;background:#fff;display:flex!important;flex-direction:column;justify-content:center}.sa-cloud-link input{margin-top:12px!important}.sa-draft-uploading .sa-order-draft-drop{pointer-events:none}.sa-draft-uploading .sa-order-draft-drop:after{content:'UPLOADING';position:absolute;right:16px;top:16px;padding:5px 9px;border-radius:99px;background:#3B0B14;color:#fff;font-size:13px;font-weight:800;letter-spacing:.12em}.sa-order-upload-summary{margin-top:14px}.sa-order-upload-queue{max-height:300px}
.sa-live-upload-form .sa-upload-drop>input[type=file]{display:block!important}.sa-live-upload-form .sa-upload-drop{min-height:240px}.sa-live-upload-form .sa-upload-pick{background:linear-gradient(115deg,#3B0B14,#68182e);box-shadow:0 12px 28px rgba(59,11,20,.2)}.sa-upload-submit{border-radius:999px!important;min-height:50px!important}.sa-upload-item.uploading{border-color:rgba(59,11,20,.28);box-shadow:0 8px 22px rgba(59,11,20,.07)}
.sa-milestone-row{display:flex!important;align-items:center;gap:12px;padding:13px 0!important}.sa-milestone-icon{width:34px!important;height:34px!important;flex:0 0 34px;border-radius:11px;display:grid!important;place-items:center;background:#f8f0ed;color:#3B0B14;border:1px solid #eadbd6}.sa-milestone-icon .sa-svg-icon{width:17px;height:17px}.sa-milestone-row.current .sa-milestone-icon{background:#3B0B14;color:#fff;box-shadow:0 8px 20px rgba(59,11,20,.2)}
@media(max-width:650px){.sa-logo{height:82px}.sa-logo-copy strong{font-size:16px}.sa-profile-toggle{padding:4px!important}.sa-profile-chevron{display:none}.sa-order-draft-drop{min-height:210px!important}.sa-upload-tabs{gap:12px}}


/* ===== V2.4 corrective controls ===== */
html{margin-top:0!important}.sa-portal-body{padding-top:0!important}.sa-app-v2{--sa:#3B0B14}
.sa-logo{justify-content:flex-start;gap:13px}.sa-logo img{width:40px!important;height:48px!important}.sa-logo-copy strong{font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif);font-size:18px!important;letter-spacing:.015em}.sa-logo-copy small{font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif);font-size:13px!important;letter-spacing:.24em!important}
.sa-admin-orders-table{min-width:1120px}.sa-inline-status-form{display:grid;grid-template-columns:minmax(165px,1fr) 38px;gap:7px;align-items:center;margin-bottom:7px}.sa-inline-status-form select{width:100%;height:38px;border:1px solid #e7d8d4;border-radius:11px;padding:0 38px 0 11px;background:#fff;color:#3B0B14;font-size:13px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#3B0B14 50%),linear-gradient(135deg,#3B0B14 50%,transparent 50%);background-position:calc(100% - 16px) 16px,calc(100% - 11px) 16px;background-size:5px 5px;background-repeat:no-repeat}.sa-status-save{width:38px;height:38px;border:0;border-radius:11px;background:linear-gradient(135deg,#3B0B14,#64162a);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px rgba(59,11,20,.18)}.sa-status-save:hover{transform:translateY(-1px)}.sa-status-save svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.sa-admin-update{border:1px solid rgba(59,11,20,.18)!important;background:linear-gradient(145deg,#fff,#fff9f7)!important}.sa-admin-update:before{content:'LIVE ADMIN CONTROL';display:inline-flex;margin-bottom:12px;padding:5px 9px;border-radius:99px;background:#3B0B14;color:#fff;font-size:13px;font-weight:800;letter-spacing:.13em}.sa-admin-update .sa-btn{width:100%;min-height:48px}
.sa-stage-list>div{position:relative}.sa-stage-list>div>span{width:13px!important;height:13px!important;border-radius:50%!important;background:#d9d9d9!important;border:3px solid #fff!important;box-shadow:0 0 0 1px #d7d2d0!important}.sa-stage-list>div.done>span{background:#2da66a!important;box-shadow:0 0 0 1px #2da66a!important}.sa-stage-list>div.current>span{background:#d99b23!important;box-shadow:0 0 0 1px #d99b23,0 0 0 5px rgba(217,155,35,.12)!important}.sa-stage-list>div.done>span:after{content:'✓';position:absolute;color:#fff;font-size:13px;line-height:7px;left:0;top:0}
.sa-upload-drop input[type=file],.sa-order-draft-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;padding:0!important;margin:0!important}.sa-upload-drop{cursor:pointer}.sa-upload-drop *{pointer-events:none}.sa-upload-item{animation:saQueueIn .22s ease both}@keyframes saQueueIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.sa-form select,.sa-filter-bar select,.sa-form input[type=date],.sa-filter-bar input[type=date]{min-height:46px;border-radius:13px!important;box-shadow:0 7px 22px rgba(59,11,20,.055)!important}
.sa-wizard-steps button em{font-style:normal}
@media(max-width:900px){.sa-admin-orders-table{min-width:980px}.sa-topbar{padding-inline:14px}.sa-top-actions{gap:8px}.sa-global-search{display:none}.sa-logo-copy strong{font-size:16px!important}}


/* ===== V2.4 ADMIN CONTROL + WORDPRESS UI ISOLATION ===== */
html.sa-portal-runtime{margin-top:0!important}
html.sa-portal-runtime body.admin-bar{margin-top:0!important;padding-top:0!important}
html.sa-portal-runtime body.admin-bar #wpadminbar{display:none!important}
.sa-logo{padding:17px 18px!important;gap:12px!important}
.sa-logo img{width:45px!important;height:45px!important;background:transparent!important;border-radius:0!important}
.sa-logo-copy{display:flex;min-width:0;flex-direction:column;line-height:1.05}
.sa-logo-copy strong{font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif);font-size:18px;letter-spacing:.02em;text-transform:none;white-space:nowrap}
.sa-logo-copy small{font-size:13px;letter-spacing:.22em;margin-top:5px;opacity:.78;white-space:nowrap}
.sa-admin-update{border:1px solid rgba(59,11,20,.18)!important;background:linear-gradient(145deg,#fff,#fff9f7)!important;box-shadow:0 18px 45px rgba(59,11,20,.08)!important}
.sa-admin-update h3:before{content:'✦';display:inline-grid;place-items:center;width:29px;height:29px;margin-right:9px;border-radius:9px;background:#3B0B14;color:#fff;font-size:13px;vertical-align:middle}
.sa-inline-status-form{display:grid!important;grid-template-columns:minmax(145px,1fr) 38px;gap:7px;align-items:center;margin-bottom:7px}
.sa-inline-status-form select{height:38px!important;margin:0!important;border-radius:11px!important;border:1px solid rgba(59,11,20,.2)!important;background-color:#fff!important;padding:0 35px 0 11px!important}
.sa-status-save{width:38px;height:38px;border:0;border-radius:11px;background:linear-gradient(135deg,#3B0B14,#6d1d31);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px rgba(59,11,20,.2);transition:.2s}
.sa-status-save:hover{transform:translateY(-1px) scale(1.03)}
.sa-status-save .sa-svg-icon{width:18px;height:18px;stroke-width:2.3}
.sa-stage-list>div>span,.sa-milestone-row .sa-milestone-icon{display:grid!important;place-items:center!important;flex:0 0 auto!important}
.sa-stage-list>div>span:after{content:'';width:7px;height:7px;border-radius:50%;background:#d8d8d8;display:block}
.sa-stage-list>div.done>span:after{background:#2da66a;box-shadow:0 0 0 4px rgba(45,166,106,.13)}
.sa-stage-list>div.current>span:after{background:#d99b23;box-shadow:0 0 0 4px rgba(217,155,35,.15)}
.sa-milestone-row .sa-svg-icon{width:18px!important;height:18px!important;display:block!important}
.sa-form input[type=date],.sa-form select,.sa-filter-bar select,.sa-filter-bar input[type=date]{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#3B0B14 50%),linear-gradient(135deg,#3B0B14 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:35px!important}
.sa-form input[type=date]::-webkit-calendar-picker-indicator,.sa-filter-bar input[type=date]::-webkit-calendar-picker-indicator{opacity:.75;cursor:pointer;filter:sepia(1) saturate(4) hue-rotate(315deg)}
@media(max-width:900px){.sa-logo-copy strong{font-size:16px}.sa-logo-copy small{font-size:13px}.sa-inline-status-form{grid-template-columns:minmax(125px,1fr) 38px}}


/* ===== V2.5 profile, brand and premium controls ===== */
@media(min-width:981px){.sa-sidebar{width:242px!important}.sa-main-v2{margin-left:242px!important;width:calc(100% - 242px)!important}}
.sa-logo{min-width:0!important;padding:16px 17px!important}.sa-logo img{flex:0 0 43px!important}.sa-logo-copy{min-width:0!important;overflow:visible!important}.sa-logo-copy strong{font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif)!important;font-size:16px!important;font-weight:750!important;letter-spacing:.005em!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important}.sa-logo-copy small{font-size:13px!important;letter-spacing:.19em!important}
.sa-profile-photo{display:grid!important;grid-template-columns:118px minmax(0,1fr);gap:24px;align-items:center;padding:22px!important;border-radius:22px!important}.sa-profile-avatar-stage{width:112px;height:112px;position:relative;border-radius:50%;padding:5px;background:linear-gradient(145deg,#3B0B14,#c9a268);box-shadow:0 16px 38px rgba(59,11,20,.18)}.sa-profile-avatar-stage img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover;border:4px solid #fff}.sa-profile-upload-ring{position:absolute;inset:-6px;border:1px solid rgba(59,11,20,.2);border-radius:50%}.sa-profile-identity{min-width:0}.sa-profile-kicker{display:block;color:#3B0B14;font-size:13px;font-weight:800;letter-spacing:.16em}.sa-profile-identity h3{font-size:24px!important;line-height:1.15;margin:6px 0 4px!important}.sa-profile-identity>p{margin:0 0 15px;color:var(--muted)}
.sa-profile-uploader{display:grid!important;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:11px;max-width:390px;padding:10px 13px!important;border:1px solid rgba(59,11,20,.2)!important;border-radius:16px!important;background:linear-gradient(135deg,#fff7f3,#fff)!important;color:#3B0B14!important;box-shadow:0 11px 28px rgba(59,11,20,.08);cursor:pointer!important}.sa-profile-upload-icon{width:42px;height:42px;border-radius:13px;background:#3B0B14;color:#fff;display:grid;place-items:center}.sa-profile-upload-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.sa-profile-upload-copy strong,.sa-profile-upload-copy small{display:block;text-align:left}.sa-profile-upload-copy small{color:var(--muted);font-size:13px;margin-top:2px}.sa-profile-upload-arrow{font-size:20px}.sa-profile-uploader.is-uploading .sa-profile-upload-icon{animation:saSpin .8s linear infinite}
.sa-native-select-source{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important}.sa-premium-select{position:relative;margin-top:6px;z-index:20}.sa-premium-select.open{z-index:900}.sa-premium-select-trigger{width:100%;min-height:48px;border:1px solid rgba(59,11,20,.14);border-radius:14px;background:linear-gradient(180deg,#fffaf5,#f9ecdf);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 24px rgba(59,11,20,.06);padding:0 13px 0 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#302124;text-align:left;cursor:pointer;transition:.22s}.sa-premium-select-trigger:hover,.sa-premium-select.open .sa-premium-select-trigger{border-color:rgba(59,11,20,.42);background:#fff5eb;box-shadow:0 0 0 4px rgba(59,11,20,.07),0 12px 30px rgba(59,11,20,.09)}.sa-premium-select-trigger>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-premium-select-trigger i{width:29px;height:29px;flex:0 0 29px;border-radius:9px;background:#3B0B14;color:#fff;display:grid;place-items:center}.sa-premium-select-trigger svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:.2s}.sa-premium-select.open .sa-premium-select-trigger svg{transform:rotate(180deg)}.sa-premium-select-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:260px;overflow:auto;padding:7px;background:#fff9f3;border:1px solid rgba(59,11,20,.14);border-radius:15px;box-shadow:0 22px 55px rgba(29,7,12,.18);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s}.sa-premium-select.open .sa-premium-select-menu{opacity:1;visibility:visible;transform:none}.sa-premium-select-option{display:block;width:100%;border:0;background:transparent;border-radius:10px;padding:10px 12px;text-align:left;color:#443236;cursor:pointer}.sa-premium-select-option:hover,.sa-premium-select-option:focus-visible{background:#3B0B14;color:#fff;outline:0}.sa-premium-select-option.is-selected{background:#f0ddcd;color:#3B0B14;font-weight:750}.sa-premium-select-option.is-disabled{opacity:.45;cursor:not-allowed}.sa-premium-select-menu{scrollbar-width:thin;scrollbar-color:#3B0B14 rgba(59,11,20,.09)}.sa-premium-select-menu::-webkit-scrollbar{width:7px}.sa-premium-select-menu::-webkit-scrollbar-thumb{background:#3B0B14;border-radius:99px}
.sa-premium-date{position:relative;margin-top:6px}.sa-premium-date input[type=date]{margin-top:0!important;min-height:48px!important;padding:0 48px 0 15px!important;border:1px solid rgba(59,11,20,.14)!important;border-radius:14px!important;background:linear-gradient(180deg,#fffaf5,#f9ecdf)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 24px rgba(59,11,20,.06)!important}.sa-premium-date input[type=date]:focus{border-color:rgba(59,11,20,.42)!important;box-shadow:0 0 0 4px rgba(59,11,20,.07),0 12px 30px rgba(59,11,20,.09)!important}.sa-premium-date input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:48px;height:100%;cursor:pointer}.sa-premium-date-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:33px;height:33px;border:0;border-radius:10px;background:#3B0B14;color:#fff;display:grid;place-items:center;cursor:pointer}.sa-premium-date-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sa-order-draft-drop .sa-upload-pick{display:inline-flex!important;align-items:center;justify-content:center;min-width:150px;font-weight:750;letter-spacing:.01em}.sa-order-draft-drop strong{font-size:16px;color:#321c21}.sa-order-draft-drop small{max-width:560px}.sa-upload-item.error span{max-width:450px;color:#b12d45;font-size:13px}
@media(max-width:650px){.sa-profile-photo{grid-template-columns:1fr!important;text-align:center}.sa-profile-avatar-stage{margin:auto}.sa-profile-uploader{margin:auto;text-align:left}.sa-logo-copy strong{font-size:15px!important}}

/* ===== V2.6 FINAL UI SYSTEM ===== */
.sa-portal-body,.sa-portal-body *{font-family:'Google Sans Flex',Arial,sans-serif!important}
.sa-logo-copy strong{font-family:'Google Sans Flex',Arial,sans-serif!important;font-weight:680!important;font-size:17px!important;letter-spacing:-.01em!important}.sa-logo-copy small{font-family:'Google Sans Flex',Arial,sans-serif!important;font-weight:560!important;letter-spacing:.18em!important}
.sa-premium-select-menu{position:fixed!important;right:auto!important;top:auto;bottom:auto;z-index:2147482000!important;display:block!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-8px) scale(.985)!important;transform-origin:top center!important;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s!important;background:#fffaf5!important;border:1px solid rgba(59,11,20,.16)!important;box-shadow:0 26px 70px rgba(29,7,12,.24)!important;overflow:auto!important;padding:8px!important;will-change:opacity,transform}
.sa-premium-select-menu.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important;transition:opacity .16s ease,transform .16s ease!important}.sa-premium-select-menu.opens-up{transform-origin:bottom center!important;transform:translateY(8px) scale(.985)!important}.sa-premium-select-menu.opens-up.open{transform:translateY(0) scale(1)!important}
.sa-premium-select.open .sa-premium-select-trigger{position:relative;z-index:3}
.sa-native-date-source{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.sa-smart-date{position:relative;margin-top:6px;min-width:0;max-width:100%;height:48px;min-height:48px;max-height:48px;flex:0 0 auto;align-self:stretch;overflow:visible}.sa-smart-date-trigger{position:relative!important;inset:auto!important;width:100%;height:48px;min-height:48px;max-height:48px;min-width:0;flex:0 0 48px;align-self:center;aspect-ratio:auto!important;border:1px solid rgba(59,11,20,.14);border-radius:14px;background:linear-gradient(180deg,#fffaf5,#f9ecdf);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 24px rgba(59,11,20,.06);padding:0 48px 0 15px;display:flex;align-items:center;justify-content:flex-start;color:#302124;cursor:pointer;text-align:left}.sa-smart-date-trigger:hover,.sa-smart-date-trigger:focus-visible{border-color:rgba(59,11,20,.42);outline:0;box-shadow:0 0 0 4px rgba(59,11,20,.07),0 12px 30px rgba(59,11,20,.09)}.sa-smart-date-trigger svg{position:absolute!important;top:50%!important;right:7px!important;left:auto!important;bottom:auto!important;transform:translateY(-50%)!important;transition:none!important;animation:none!important;flex:none!important;width:34px;height:34px;padding:8px;border-radius:10px;background:#3B0B14;color:#fff;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sa-smart-date-trigger>span{display:block!important;flex:0 1 auto!important;width:max-content!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.25!important;text-align:left!important;font-size:13px!important;transition:none!important;animation:none!important}
.sa-portal-integrated-page #sa-public-theme .sa-app-v2[data-sa-section="projects"] .sa-admin-delivery-field .sa-smart-date-trigger>span{flex:0 1 auto!important;width:max-content!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;line-height:1.25!important;align-self:center!important}
/* One compact calendar surface for Reports, Projects and admin/client portal dates. */
.sa-calendar-popup{position:fixed;z-index:2147482500;box-sizing:border-box;width:min(292px,calc(100vw - 24px));min-width:0;max-width:292px;max-height:none;background:#fffaf5;border:1px solid rgba(59,11,20,.16);border-radius:14px;box-shadow:0 20px 50px rgba(29,7,12,.20);padding:10px;overflow:visible;color:#302124}
.sa-calendar-head{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:6px;margin-bottom:4px}
.sa-calendar-head strong{text-align:center;font-size:13px;line-height:1.25;min-width:0;white-space:normal}
.sa-calendar-head button,.sa-calendar-actions button{border:0;border-radius:8px;background:#f1dfd2;color:#3B0B14;height:30px;min-height:30px;font-size:12px;font-weight:680;cursor:pointer}
.sa-calendar-week,.sa-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.sa-calendar-week span{text-align:center;font-size:11px;font-weight:680;color:#8a7379;padding:3px 0}
.sa-calendar-grid>span,.sa-calendar-grid button{height:29px;min-height:29px;min-width:0;padding:0;border:0;border-radius:7px;background:transparent;color:#332328;font-size:12px;cursor:pointer}
.sa-calendar-grid button:hover{background:#f1dfd2}
.sa-calendar-grid button.is-today{box-shadow:inset 0 0 0 1px #3B0B14}
.sa-calendar-grid button.is-selected{background:#3B0B14;color:#fff}
.sa-calendar-grid button:disabled{opacity:.25;cursor:not-allowed}
.sa-calendar-actions{display:flex;justify-content:space-between;gap:8px;margin-top:7px}
.sa-calendar-actions button{padding:0 14px}
.sa-upload-summary{grid-template-columns:repeat(3,1fr)!important}.sa-upload-item{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;align-items:center!important;padding:13px 14px 18px!important;border:1px solid var(--sa-border);border-radius:13px;background:#fff}.sa-upload-item .bar{position:absolute!important;left:14px!important;right:14px!important;bottom:8px!important;height:5px!important;border-radius:99px!important;background:#f0e5e3!important;overflow:hidden}.sa-upload-item .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3B0B14,#c79258);transition:width .2s}.sa-upload-item.done{border-color:#b9dfc7;background:#f4fbf6}.sa-upload-item.uploading{border-color:#d6bd9b;background:#fffaf2}.sa-upload-retry{white-space:nowrap}
.sa-stage-list>div>span:after{width:9px!important;height:9px!important}.sa-stage-list>div.done>span:before{content:'✓';position:absolute;color:#fff;font-size:13px;z-index:2}.sa-stage-list>div>span{position:relative}
@media(max-width:620px){.sa-calendar-popup{min-width:0!important;width:min(292px,calc(100vw - 24px))!important;max-width:292px!important}.sa-upload-item{grid-template-columns:minmax(0,1fr) auto!important}.sa-upload-retry{grid-column:2}.sa-logo-copy strong{font-size:15px!important}}

/* V2.9.4 Client dashboard motion and premium album-preview typography */
.sa-animated-stats .sa-stat-card{overflow:hidden;isolation:isolate}.sa-animated-stats .sa-stat-card:after{content:"";position:absolute;inset:auto -28px -42px auto;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(59,11,20,.075),transparent 68%);pointer-events:none}.sa-animated-stats .sa-stat-card.sa-stat-reveal{animation:saStatReveal .62s cubic-bezier(.22,.8,.22,1) both}.sa-animated-stats .sa-count-up{font-variant-numeric:tabular-nums;transform-origin:left center;transition:color .25s ease}.sa-animated-stats .sa-count-up.is-counted{animation:saNumberSettle .38s cubic-bezier(.2,.9,.25,1)}
@keyframes saStatReveal{0%{opacity:.28;transform:translateY(12px) scale(.985)}100%{opacity:1;transform:none}}@keyframes saNumberSettle{0%{transform:scale(.94)}65%{transform:scale(1.045)}100%{transform:scale(1)}}
.sa-progress-donut.sa-progress-animate{transform:scale(.92);opacity:.65;box-shadow:0 0 0 0 rgba(45,166,106,.16);transition:opacity .3s ease,transform .4s ease,box-shadow .4s ease}.sa-progress-donut.sa-progress-animate.is-animating{opacity:1;transform:scale(1);animation:saProgressBreath 1.35s ease-out both}.sa-progress-donut.sa-progress-animate.is-complete{opacity:1;transform:scale(1);box-shadow:0 14px 32px rgba(45,166,106,.12)}.sa-progress-donut.sa-progress-animate strong{font-variant-numeric:tabular-nums}
@keyframes saProgressBreath{0%{box-shadow:0 0 0 0 rgba(45,166,106,.28)}55%{box-shadow:0 0 0 12px rgba(45,166,106,.06)}100%{box-shadow:0 10px 28px rgba(45,166,106,.1)}}
.sa-stage-list>div.current{background:linear-gradient(90deg,#fff8e8,#fffdf7);border:1px solid rgba(217,155,35,.3);border-radius:10px;padding:9px 10px;margin:4px 0;animation:saCurrentStagePulse 1.85s ease-in-out infinite;transform-origin:left center}.sa-stage-list>div.current>span{top:13px!important}.sa-stage-list>div.current b{color:#6f4600}.sa-milestone-row.current{border-radius:11px;padding-left:8px!important;padding-right:8px!important;background:linear-gradient(90deg,#fff8eb,rgba(255,248,235,.35));animation:saMilestonePulse 2s ease-in-out infinite}
@keyframes saCurrentStagePulse{0%,100%{transform:scale(1);box-shadow:0 3px 10px rgba(217,155,35,.08)}50%{transform:scale(1.022);box-shadow:0 9px 23px rgba(217,155,35,.18)}}@keyframes saMilestonePulse{0%,100%{box-shadow:0 0 0 0 rgba(59,11,20,0)}50%{box-shadow:0 8px 20px rgba(59,11,20,.09)}}
.sa-album-preview{position:relative;overflow:hidden;background:linear-gradient(135deg,#e9ded4,#d8c4b5);box-shadow:inset 0 0 0 1px rgba(59,11,20,.08)}.sa-album-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 24% 16%,rgba(255,255,255,.75),transparent 34%),linear-gradient(115deg,transparent 48%,rgba(59,11,20,.045) 49%,transparent 50%);pointer-events:none}.sa-album-preview .sa-preview-copy{position:relative;padding:22px;text-align:center;background:linear-gradient(145deg,#fffaf3,#f7ece0);color:#3B0B14}.sa-preview-kicker{font-family:inherit!important;font-size:13px!important;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#a67b50!important;margin-bottom:12px}.sa-album-preview .sa-preview-copy b{font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif);font-size:clamp(25px,2.4vw,38px);font-style:normal;line-height:1.03;letter-spacing:-.03em;color:#3B0B14;text-wrap:balance}.sa-album-preview .sa-preview-copy small{display:block;margin-top:15px;font-family:inherit;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#7a6560}.sa-album-preview .sa-preview-copy:after{content:"";width:44px;height:1px;background:#c9a36a;display:block;margin:14px auto 0}.sa-album-preview .collage{position:relative}.sa-album-preview .collage i{border-radius:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
@media (prefers-reduced-motion:reduce){.sa-animated-stats .sa-stat-card,.sa-animated-stats .sa-count-up,.sa-progress-donut.sa-progress-animate,.sa-stage-list>div.current,.sa-milestone-row.current{animation:none!important;transition:none!important}}
@media(max-width:650px){.sa-stage-list>div.current{transform:none!important;animation:saCurrentStageGlow 1.85s ease-in-out infinite}.sa-album-preview .sa-preview-copy{padding:16px}.sa-album-preview .sa-preview-copy b{font-size:24px}}@keyframes saCurrentStageGlow{0%,100%{box-shadow:0 3px 10px rgba(217,155,35,.08)}50%{box-shadow:0 8px 20px rgba(217,155,35,.18)}}


/* V2.9.6: keep the timeline aligned; animate only the active marker/icon. */
.sa-stage-list>div.current{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  margin:0!important;
  padding:6px 0!important;
  animation:none!important;
  transform:none!important;
  box-shadow:none!important;
}
.sa-stage-list>div.current>span{
  top:10px!important;
  animation:saActiveStageIconPulse 1.55s ease-in-out infinite!important;
  transform-origin:center!important;
}
.sa-stage-list>div.current b{color:inherit!important}
.sa-milestone-row.current{
  background:transparent!important;
  padding-left:0!important;
  padding-right:0!important;
  animation:none!important;
  transform:none!important;
  box-shadow:none!important;
}
.sa-milestone-row.current .sa-milestone-icon{
  animation:saActiveStageIconPulse 1.55s ease-in-out infinite!important;
}
@keyframes saActiveStageIconPulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 1px #d99b23,0 0 0 4px rgba(217,155,35,.10)}
  50%{transform:scale(1.18);box-shadow:0 0 0 1px #d99b23,0 0 0 9px rgba(217,155,35,.18)}
}
.sa-project-visual{position:relative;overflow:hidden;background:#efe1db!important}
.sa-project-visual>img{width:100%;height:100%;object-fit:cover;display:block}
.sa-project-visual>small{position:absolute;left:10px;right:10px;bottom:48px;padding:8px 10px;border-radius:8px;background:rgba(59,11,20,.82);color:#fff;text-align:center;font-size:13px;font-weight:700;line-height:1.25;backdrop-filter:blur(8px)}
.sa-project-visual>a{position:absolute!important;left:10px!important;right:10px!important;bottom:10px!important;z-index:2}
@media (prefers-reduced-motion:reduce){.sa-stage-list>div.current>span,.sa-milestone-row.current .sa-milestone-icon{animation:none!important}}


/* V2.9.7 branded order confirmation experience */
.sa-order-success-overlay{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px;background:rgba(28,9,14,.58);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);opacity:0;visibility:hidden;transition:opacity .34s ease,visibility .34s ease;overflow:hidden}
.sa-order-success-overlay.is-visible{opacity:1;visibility:visible}
.sa-order-success-card{position:relative;width:min(520px,100%);padding:42px 38px 34px;text-align:center;background:linear-gradient(155deg,#fff 0%,#fff9f7 100%);border:1px solid rgba(255,255,255,.82);border-radius:28px;box-shadow:0 34px 100px rgba(35,7,13,.32);transform:translateY(28px) scale(.92);opacity:0;transition:transform .55s cubic-bezier(.2,.86,.25,1.22),opacity .35s ease;isolation:isolate}
.sa-order-success-overlay.is-visible .sa-order-success-card{transform:none;opacity:1}
.sa-order-success-check{position:relative;width:96px;height:96px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(145deg,#4bae76,#208b54);box-shadow:0 18px 44px rgba(32,139,84,.25);display:grid;place-items:center;animation:saSuccessFloat 2.1s ease-in-out infinite;z-index:2}
.sa-order-success-check svg{width:74px;height:74px;overflow:visible}.sa-order-success-check circle{fill:none;stroke:rgba(255,255,255,.35);stroke-width:2}.sa-order-success-check path{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:44;stroke-dashoffset:44;animation:saSuccessDraw .7s .42s cubic-bezier(.65,0,.35,1) forwards}
.sa-order-success-rings{position:absolute;left:50%;top:90px;width:112px;height:112px;transform:translate(-50%,-50%);z-index:1}.sa-order-success-rings span{position:absolute;inset:0;border:1px solid rgba(48,150,91,.33);border-radius:50%;animation:saSuccessRing 2.2s ease-out infinite}.sa-order-success-rings span+span{animation-delay:1.05s}
.sa-order-success-eyebrow{display:block;color:#8a5a62;font-size:13px;font-weight:800;letter-spacing:.22em;margin-bottom:8px}.sa-order-success-card h2{margin:0;color:#3B0B14;font-size:34px;line-height:1.1}.sa-order-success-card>p{max-width:420px;margin:14px auto 22px;color:#6d5c60;font-size:14px;line-height:1.65}
.sa-order-success-project{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;padding:16px;border:1px solid #eadbdd;border-radius:16px;background:rgba(255,255,255,.78);margin-bottom:20px}.sa-order-success-project>div{min-width:0}.sa-order-success-project small{display:block;color:#8a7a7d;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.sa-order-success-project strong{display:block;color:#2f2024;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-order-success-project>.sa-status{grid-column:1/-1;justify-self:center;margin-top:2px}
.sa-order-success-redirect{font-size:13px;color:#76666a;margin:0 0 17px}.sa-order-success-redirect b{color:#3B0B14;font-size:14px}.sa-order-success-redirect>div{height:4px;margin-top:9px;border-radius:99px;background:#eee2e3;overflow:hidden}.sa-order-success-redirect i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3B0B14,#b66574);transform-origin:left;animation:saSuccessCountdown 4s linear forwards}
.sa-order-success-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 25px;border-radius:999px;background:#3B0B14;color:#fff!important;font-weight:700;box-shadow:0 14px 32px rgba(59,11,20,.22);transition:transform .22s ease,box-shadow .22s ease}.sa-order-success-button:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(59,11,20,.28)}.sa-order-success-button span{font-size:18px}
.sa-order-success-confetti{position:absolute;inset:0;pointer-events:none}.sa-order-success-confetti i{--x:calc((var(--i) * 37) % 100);position:absolute;left:calc(var(--x) * 1%);top:-18px;width:8px;height:13px;border-radius:2px;background:hsl(calc(335 + var(--i) * 19),55%,calc(48% + (var(--i) % 3)*10%));opacity:0;animation:saSuccessConfetti calc(2.3s + (var(--i) % 4)*.22s) calc(var(--i)*.055s) ease-out forwards;transform:rotate(calc(var(--i)*29deg))}
@keyframes saSuccessDraw{to{stroke-dashoffset:0}}@keyframes saSuccessRing{0%{transform:scale(.72);opacity:.72}75%,100%{transform:scale(1.55);opacity:0}}@keyframes saSuccessFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes saSuccessCountdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes saSuccessConfetti{0%{opacity:0;transform:translateY(-10px) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translateY(105vh) rotate(520deg)}}
@media(max-width:560px){.sa-order-success-overlay{padding:16px}.sa-order-success-card{padding:35px 22px 27px;border-radius:23px}.sa-order-success-card h2{font-size:29px}.sa-order-success-project{grid-template-columns:1fr;text-align:center}.sa-order-success-project>.sa-status{grid-column:auto}.sa-order-success-check{width:84px;height:84px}.sa-order-success-check svg{width:64px;height:64px}}
@media(prefers-reduced-motion:reduce){.sa-order-success-card,.sa-order-success-overlay,.sa-order-success-check,.sa-order-success-rings span,.sa-order-success-check path,.sa-order-success-confetti i{animation:none!important;transition:none!important}.sa-order-success-check path{stroke-dashoffset:0}.sa-order-success-redirect i{animation:none!important;transform:none!important}}


/* V2.9.8 live Google Drive proof preview + soft live refresh */
.sa-content-v2{transition:opacity .18s ease}.sa-content-v2.sa-live-updating{opacity:.58}.sa-live-proof-preview{position:relative;min-height:330px;border:1px solid var(--sa-border);border-radius:12px;overflow:hidden;background:#f8f2ec;display:grid;place-items:center}.sa-live-proof-preview>img{display:block;width:100%;height:420px;object-fit:contain;background:#15100f}.sa-live-proof-preview>iframe{display:block;width:100%;height:520px;border:0;background:#fff}.sa-live-proof-caption{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid rgba(59,11,20,.12);border-radius:9px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sa-live-proof-caption strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-live-proof-caption small{color:var(--muted);white-space:nowrap}@media(max-width:720px){.sa-live-proof-preview>img{height:300px}.sa-live-proof-preview>iframe{height:420px}.sa-live-proof-caption{position:static;border-radius:0;border-width:1px 0 0;display:block}.sa-live-proof-caption small{display:block;margin-top:3px}}


/* V2.10.2 instant order-review navigation + zero-reload success close */
.sa-wizard-panel{content-visibility:auto;contain-intrinsic-size:1px 620px}
.sa-wizard-panel.active{content-visibility:visible}
.sa-order-success-overlay.is-leaving{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.sa-order-success-overlay.is-leaving .sa-order-success-card{transform:translateY(12px) scale(.98);opacity:0;transition:transform .22s ease,opacity .18s ease}
.sa-order-success-redirect i{animation-duration:1.1s!important}


/* V2.10.4 — admin/client portal interaction polish */
.sa-card[data-sa-portal-motion]{opacity:0;transform:translateY(8px);transition:opacity .38s ease var(--sa-card-delay,0ms),transform .38s cubic-bezier(.2,.75,.28,1) var(--sa-card-delay,0ms),box-shadow .22s ease,border-color .22s ease}.sa-card[data-sa-portal-motion].sa-card-visible{opacity:1;transform:none}.sa-card[data-sa-portal-motion]:hover{border-color:rgba(59,11,20,.16);box-shadow:0 14px 34px rgba(59,11,20,.07)}.sa-content-v2.sa-live-updating{opacity:.74;transition:opacity .12s ease}.sa-btn,.sa-icon-btn,.sa-tabs a{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.sa-btn:active,.sa-icon-btn:active{transform:scale(.98)}
@media(prefers-reduced-motion:reduce){.sa-card[data-sa-portal-motion]{opacity:1!important;transform:none!important;transition:none!important}}


/* V2.11.0 — admin-only full motion and dedicated Proof Viewer workspace */
.sa-admin-portal .sa-content-v2{overflow:hidden}
.sa-admin-portal [data-sa-admin-motion="1"]{opacity:0;transform:translateY(18px) scale(.988);transition:opacity .52s ease var(--sa-admin-delay,0ms),transform .62s cubic-bezier(.2,.82,.24,1) var(--sa-admin-delay,0ms),box-shadow .24s ease,border-color .24s ease}
.sa-admin-portal [data-sa-admin-motion="1"].sa-admin-motion-in{opacity:1;transform:none}
.sa-admin-portal .sa-sidebar nav a[data-sa-nav-motion="1"]{opacity:0;transform:translateX(-11px);transition:opacity .4s ease var(--sa-nav-delay,0ms),transform .45s cubic-bezier(.2,.8,.24,1) var(--sa-nav-delay,0ms),background .2s ease,color .2s ease}
.sa-admin-portal .sa-sidebar nav a.sa-nav-motion-in{opacity:1;transform:none}
.sa-admin-portal .sa-sidebar nav a:hover i,.sa-admin-portal .sa-sidebar nav a.active i{animation:saAdminIconPop .36s ease}
.sa-admin-portal .sa-admin-hero{position:relative;background-size:130% 130%;animation:saAdminHeroGlow 10s ease-in-out infinite alternate}
.sa-admin-portal .sa-admin-hero:after{content:"";position:absolute;inset:auto -12% -55% 24%;height:75%;background:radial-gradient(ellipse,rgba(59,11,20,.12),transparent 68%);filter:blur(18px);pointer-events:none;animation:saAdminHeroShadow 5s ease-in-out infinite}
.sa-admin-portal .sa-admin-hero>div{position:relative;z-index:1}
.sa-admin-portal .sa-album-mock .book{animation:saAdminBookFloat 4.2s ease-in-out infinite;transform-style:preserve-3d;will-change:transform}
.sa-admin-portal .sa-balance-card{overflow:hidden;position:relative;animation:saAdminBalanceFloat 5s ease-in-out infinite}
.sa-admin-portal .sa-balance-card:after{content:"";position:absolute;inset:-70% -35%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.18) 50%,transparent 58%);transform:translateX(-70%) rotate(8deg);animation:saAdminShine 5.4s ease-in-out infinite;pointer-events:none}
.sa-admin-portal .sa-stat-card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.sa-admin-portal .sa-stat-card:hover{transform:translateY(-5px);border-color:rgba(59,11,20,.18);box-shadow:0 18px 38px rgba(59,11,20,.10)}
.sa-admin-portal .sa-stat-card>i{transition:transform .28s ease,background .28s ease}.sa-admin-portal .sa-stat-card:hover>i{transform:rotate(-7deg) scale(1.09);background:#f5dfe3}
.sa-admin-portal .sa-admin-count-done{animation:saAdminCountPop .34s ease}
.sa-admin-portal .sa-order-chart .sa-chart-line{vector-effect:non-scaling-stroke}
.sa-admin-portal .sa-chart-legend i{animation:saAdminLegendPulse 2.3s ease-in-out infinite}.sa-admin-portal .sa-chart-legend span:nth-child(2) i{animation-delay:.25s}.sa-admin-portal .sa-chart-legend span:nth-child(3) i{animation-delay:.5s}
.sa-admin-portal .sa-progress-cell span i,.sa-admin-portal .sa-progress-bar span,.sa-admin-portal .sa-bar-row i{transition:width 1.05s cubic-bezier(.2,.78,.24,1);position:relative;overflow:hidden}
.sa-admin-portal .sa-progress-cell span i:after,.sa-admin-portal .sa-progress-bar span:after,.sa-admin-portal .sa-bar-row i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:saAdminProgressShine 2.4s ease-in-out infinite}
.sa-admin-portal .sa-donut{transition:background .08s linear;filter:drop-shadow(0 8px 18px rgba(45,166,106,.12))}
.sa-admin-portal .sa-recent-order,.sa-admin-portal .sa-recent-message{transition:transform .22s ease,background .22s ease,padding .22s ease}.sa-admin-portal .sa-recent-order:hover,.sa-admin-portal .sa-recent-message:hover{transform:translateX(5px);background:#fff7f7;padding-left:8px;padding-right:8px;border-radius:9px}
.sa-admin-portal .sa-table tbody tr{transition:background .22s ease,transform .22s ease,box-shadow .22s ease}.sa-admin-portal .sa-table tbody tr:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(59,11,20,.06);position:relative;z-index:1}
.sa-admin-portal .sa-status{transition:transform .2s ease,box-shadow .2s ease}.sa-admin-portal .sa-status:hover{transform:translateY(-1px) scale(1.025);box-shadow:0 6px 16px rgba(59,11,20,.08)}
.sa-admin-portal .sa-btn,.sa-admin-portal .sa-icon-btn,.sa-admin-portal button{position:relative;overflow:hidden}.sa-admin-ripple{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.38);transform:scale(0);animation:saAdminRipple .62s ease-out;z-index:5}.sa-admin-portal .sa-btn-light .sa-admin-ripple,.sa-admin-portal .sa-icon-btn .sa-admin-ripple{background:rgba(59,11,20,.13)}
.sa-admin-portal .sa-notification-toggle b,.sa-admin-portal .sa-sidebar nav a b{animation:saAdminBadgePulse 2.1s ease-in-out infinite;transform-origin:center}
.sa-admin-portal .sa-proof-viewer-hero-link{white-space:nowrap}
.sa-action-stack{display:flex;gap:6px;flex-wrap:wrap}.sa-proof-viewer-action{border-color:rgba(59,11,20,.24)!important;background:#fff7f7!important;font-weight:700}
.sa-proof-viewer-page-heading{align-items:center}.sa-proof-viewer-admin-layout{display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:18px;align-items:start}.sa-proof-viewer-selector{position:sticky;top:105px;display:grid;gap:18px;background:linear-gradient(150deg,#fff,#fff7f5)}.sa-proof-order-select-form{display:grid;gap:10px}.sa-proof-order-select-form label{display:grid;gap:6px;color:#4d363c;font-size:13px;font-weight:800}.sa-proof-order-select-form .sa-btn{width:100%}.sa-proof-shortcode-help{padding:14px;border:1px solid rgba(59,11,20,.09);border-radius:13px;background:#fff}.sa-proof-shortcode-help>span{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f3e4e7;color:#3B0B14;font-size:13px;font-weight:900;letter-spacing:.08em}.sa-proof-shortcode-help h3{margin:8px 0 4px;font-size:13px}.sa-proof-shortcode-help p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.sa-proof-shortcode-help code{display:block;margin-top:10px;padding:10px;border-radius:9px;background:#2e1118;color:#fff;font-size:13px;overflow:auto}.sa-proof-viewer-main{min-width:0;display:grid;gap:15px}.sa-proof-viewer-order-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px 16px;background:linear-gradient(110deg,#fff,#fff5f3)}.sa-proof-viewer-order-strip>div:nth-child(2)>span{display:block;color:#96656e;font-size:13px;font-weight:900;letter-spacing:.13em}.sa-proof-viewer-order-strip h3{margin:3px 0 2px;color:#3B0B14}.sa-proof-viewer-order-strip p{margin:0;color:var(--muted);font-size:13px}.sa-proof-viewer-order-strip>a{color:#3B0B14;font-size:13px;font-weight:800}.sa-proof-viewer-editor-stage{min-width:0}.sa-proof-viewer-editor-stage .sa-viewer-shortcode-form{margin-top:0}
@keyframes saAdminHeroGlow{0%{background-position:0 50%}100%{background-position:100% 50%}}@keyframes saAdminHeroShadow{0%,100%{transform:translateX(-2%) scale(.94);opacity:.6}50%{transform:translateX(4%) scale(1.05);opacity:1}}@keyframes saAdminBookFloat{0%,100%{transform:perspective(900px) rotateY(-10deg) rotateZ(-8deg) translateY(0)}50%{transform:perspective(900px) rotateY(-5deg) rotateZ(-5deg) translateY(-10px)}}@keyframes saAdminBalanceFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes saAdminShine{0%,60%{transform:translateX(-85%) rotate(8deg)}90%,100%{transform:translateX(85%) rotate(8deg)}}@keyframes saAdminIconPop{0%{transform:scale(.9)}65%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes saAdminCountPop{0%{transform:scale(.92)}70%{transform:scale(1.07)}100%{transform:scale(1)}}@keyframes saAdminLegendPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(59,11,20,.15)}50%{transform:scale(1.18);box-shadow:0 0 0 5px rgba(59,11,20,0)}}@keyframes saAdminProgressShine{0%,40%{transform:translateX(-110%)}80%,100%{transform:translateX(110%)}}@keyframes saAdminRipple{to{transform:scale(1);opacity:0}}@keyframes saAdminBadgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.13)}}
@media(max-width:1050px){.sa-proof-viewer-admin-layout{grid-template-columns:1fr}.sa-proof-viewer-selector{position:static;grid-template-columns:1fr 1fr}.sa-proof-order-select-form{grid-column:1/-1}}
@media(max-width:700px){.sa-proof-viewer-selector{grid-template-columns:1fr}.sa-proof-order-select-form{grid-column:auto}.sa-proof-viewer-order-strip{grid-template-columns:auto 1fr}.sa-proof-viewer-order-strip>a{grid-column:1/-1}.sa-proof-viewer-page-heading .sa-btn{width:100%;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.sa-admin-portal [data-sa-admin-motion="1"],.sa-admin-portal .sa-sidebar nav a[data-sa-nav-motion="1"]{opacity:1!important;transform:none!important;transition:none!important}.sa-admin-portal .sa-admin-hero,.sa-admin-portal .sa-admin-hero:after,.sa-admin-portal .sa-album-mock .book,.sa-admin-portal .sa-balance-card,.sa-admin-portal .sa-balance-card:after,.sa-admin-portal .sa-chart-legend i,.sa-admin-portal .sa-notification-toggle b,.sa-admin-portal .sa-sidebar nav a b,.sa-admin-portal .sa-progress-cell span i:after,.sa-admin-portal .sa-progress-bar span:after,.sa-admin-portal .sa-bar-row i:after{animation:none!important}}


/* V2.11.1 — Orders page only controls Pending/Confirmed approval. */
.sa-order-gate-alert{margin:0 0 16px!important;border-radius:15px!important}.sa-order-gate-form select:disabled{opacity:.72;cursor:not-allowed}.sa-order-gate-note{display:block;margin-top:6px;max-width:190px;color:#8a777c;font-size:13px;line-height:1.4}.sa-full-control-action{background:#3B0B14!important;border-color:#3B0B14!important;color:#fff!important}.sa-admin-orders-table th:nth-child(5){min-width:215px}.sa-admin-orders-table td:nth-child(5){vertical-align:middle}.sa-admin-orders-table .sa-action-stack{min-width:132px}.sa-admin-orders-table .sa-action-stack a{justify-content:center;text-align:center}


/* V2.11.2 — unmistakable client/order/album identity and new-order attention. */
.sa-new-order-attention{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;margin:15px 0;padding:14px 17px;border:1px solid #e5bd61;border-radius:17px;background:linear-gradient(135deg,#fff6dc,#fffdf8);box-shadow:0 12px 30px rgba(146,92,5,.1);color:#3B0B14}.sa-new-order-attention>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#3B0B14;color:#fff;font-size:20px;font-weight:900}.sa-new-order-attention strong,.sa-new-order-attention small{display:block}.sa-new-order-attention small{margin-top:3px;color:#806d50}.sa-new-order-attention>b{white-space:nowrap}.sa-stat-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.sa-stat-new-orders{background:linear-gradient(145deg,#fff7dd,#fff)!important;border-color:#efcf83!important}.sa-new-orders-summary{border-radius:16px!important}.sa-order-badge-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-bottom:5px}.sa-order-badge-row b,.sa-order-badge-row em,.sa-order-badge-row i{display:inline-flex;padding:3px 6px;border-radius:999px;font-size:13px;font-style:normal;font-weight:900;letter-spacing:.08em}.sa-order-badge-row b{background:#3B0B14;color:#fff}.sa-order-badge-row em{background:#daf4e4;color:#167341}.sa-order-badge-row i{background:#eaf2ff;color:#285f9f}.sa-unseen-order-row{background:linear-gradient(90deg,#fff7dd 0,#fff 18%)!important}.sa-unseen-order-row td:first-child{box-shadow:inset 4px 0 #d79a18}.sa-order-id-stack strong,.sa-order-id-stack small,.sa-client-identity strong,.sa-client-identity span,.sa-client-identity small{display:block}.sa-order-id-stack small,.sa-client-identity small{margin-top:3px;color:#847277;font-size:13px}.sa-client-identity span{margin-top:3px;color:#3B0B14;font-size:13px;font-weight:850;letter-spacing:.04em}.sa-order-project-identity{display:flex;align-items:center;gap:10px;min-width:230px;color:inherit}.sa-order-project-identity img,.sa-mini-order-thumb{width:54px;height:54px;border-radius:13px;object-fit:cover;border:1px solid rgba(59,11,20,.12);background:#f5e8e4}.sa-order-project-identity strong,.sa-order-project-identity small{display:block}.sa-order-project-identity small{margin-top:3px;color:#857277;font-size:13px}.sa-recent-order-identifiable{grid-template-columns:54px minmax(0,1fr) auto!important}.sa-recent-order-identifiable.is-new{background:#fff9e7;border-radius:12px;padding:8px}.sa-recent-orders-card{min-width:0}.sa-identity-orders-table th:nth-child(2){min-width:250px}.sa-identity-orders-table th:nth-child(3){min-width:165px}.sa-identity-orders-table th:nth-child(4){min-width:210px}.sa-order-identity-filter{grid-template-columns:minmax(260px,1.4fr) minmax(190px,.75fr) minmax(210px,.85fr) auto auto!important}.sa-project-identity-table th:first-child{min-width:280px}
@media(max-width:1350px){.sa-stat-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.sa-order-identity-filter{grid-template-columns:1fr 1fr!important}.sa-order-identity-filter button,.sa-order-identity-filter>a{align-self:end}}
@media(max-width:760px){.sa-stat-grid.six{grid-template-columns:1fr 1fr}.sa-new-order-attention{grid-template-columns:42px 1fr}.sa-new-order-attention>b{grid-column:2}.sa-order-identity-filter{grid-template-columns:1fr!important}}


/* V2.11.3 — responsive Proof Viewer workspace and functional Settings tabs */
.sa-proof-viewer-admin-layout,.sa-proof-viewer-main,.sa-proof-viewer-editor-stage,.sa-proof-viewer-editor-stage>*,.sa-proof-viewer-order-strip{min-width:0;max-width:100%;box-sizing:border-box}
.sa-proof-viewer-admin-layout{width:100%;grid-template-columns:minmax(260px,300px) minmax(0,1fr)}
.sa-proof-viewer-selector{min-width:0}
.sa-proof-viewer-order-strip{grid-template-columns:auto minmax(0,1fr) auto;overflow:hidden}
.sa-proof-viewer-order-strip>div:nth-child(2){min-width:0}
.sa-proof-viewer-order-strip h3,.sa-proof-viewer-order-strip p,.sa-proof-viewer-order-strip>a{overflow-wrap:anywhere;word-break:break-word}
.sa-proof-viewer-editor-stage .sa-proof-front,.sa-proof-viewer-editor-stage .sa-proof-viewer-admin-workspace{min-width:0;max-width:100%}

.sa-settings-shell{min-width:0;max-width:100%}
.sa-settings-tabs{gap:5px;padding:5px;margin-bottom:16px;border:1px solid var(--sa-border);border-radius:13px;background:#fff;overflow-x:auto;scrollbar-width:thin;position:sticky;top:94px;z-index:22;box-shadow:0 8px 24px rgba(59,11,20,.04)}
.sa-settings-tabs button{appearance:none;border:0;background:transparent;color:#4d4145;padding:11px 14px;border-radius:9px;white-space:nowrap;cursor:pointer;font:inherit;font-weight:650;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
.sa-settings-tabs button:hover{background:#fff4f3;color:var(--sa);transform:translateY(-1px)}
.sa-settings-tabs button.active{background:#3B0B14;color:#fff;box-shadow:0 7px 18px rgba(59,11,20,.16)}
.sa-settings-tabs button:focus-visible{outline:3px solid rgba(59,11,20,.18);outline-offset:2px}
.sa-settings-form{min-width:0;overflow:hidden}
.sa-settings-panel{min-width:0;animation:saSettingsPanelIn .32s cubic-bezier(.2,.75,.25,1) both}
.sa-settings-panel[hidden],.sa-settings-module-panel[hidden]{display:none!important}
.sa-settings-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--sa-border)}
.sa-settings-panel-head h3{margin:3px 0 4px;font-size:20px;color:#2d171d}
.sa-settings-panel-head p{margin:0;color:var(--muted);font-size:13px;max-width:720px}
.sa-settings-info{display:flex;gap:10px;align-items:flex-start;margin:14px 0 18px;padding:13px 14px;border:1px solid #eadbdd;border-radius:10px;background:#fff8f7;color:#6d555b}
.sa-settings-info strong{color:#3B0B14;white-space:nowrap}
.sa-settings-info span{font-size:13px;line-height:1.5}
.sa-settings-module-panel{min-width:0;margin-top:16px;animation:saSettingsPanelIn .32s cubic-bezier(.2,.75,.25,1) both}
.sa-settings-module-panel>*{max-width:100%;box-sizing:border-box}
@keyframes saSettingsPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1350px){.sa-proof-viewer-admin-layout{grid-template-columns:1fr}.sa-proof-viewer-selector{position:static;grid-template-columns:1fr}.sa-proof-order-select-form{min-width:0}.sa-proof-shortcode-help{min-width:0}}
@media(max-width:900px){.sa-proof-viewer-selector{grid-template-columns:1fr}.sa-proof-viewer-order-strip{grid-template-columns:auto minmax(0,1fr)}.sa-proof-viewer-order-strip>a{grid-column:1/-1}.sa-settings-tabs{top:76px}.sa-settings-info{display:grid}.sa-settings-info strong{white-space:normal}}
@media(max-width:600px){.sa-settings-tabs{margin-left:-4px;margin-right:-4px;padding:4px}.sa-settings-tabs button{padding:10px 11px;font-size:13px}.sa-settings-panel-head h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.sa-settings-panel,.sa-settings-module-panel{animation:none!important}.sa-settings-tabs button{transition:none!important}}


/* ===== V2.11.4 PROOF SELECT BOUNDARY + CLIENT ALBUM EXPLORER ===== */
.sa-proof-order-select-form,.sa-proof-order-select-form label{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.sa-proof-order-select-form label{overflow:hidden}
.sa-proof-order-select-form .sa-proof-order-native{display:block!important;position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;height:48px!important;margin:0!important;padding:0 50px 0 14px!important;border:1px solid rgba(59,11,20,.16)!important;border-radius:13px!important;color:#302124!important;font-weight:700!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;appearance:none!important;-webkit-appearance:none!important;background-color:#fff8ef!important;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%),linear-gradient(#3B0B14,#3B0B14)!important;background-position:calc(100% - 22px) 50%,calc(100% - 17px) 50%,calc(100% - 7px) 50%!important;background-size:5px 5px,5px 5px,34px 34px!important;background-repeat:no-repeat!important;box-shadow:0 8px 22px rgba(59,11,20,.055)!important;cursor:pointer}
.sa-proof-order-select-form .sa-proof-order-native:focus{outline:none!important;border-color:rgba(59,11,20,.46)!important;box-shadow:0 0 0 4px rgba(59,11,20,.08),0 10px 25px rgba(59,11,20,.08)!important}
.sa-proof-order-select-form .sa-proof-order-native.sa-native-select-source{position:relative!important;width:100%!important;max-width:100%!important;height:48px!important;opacity:1!important;pointer-events:auto!important;margin:0!important;padding:0 50px 0 14px!important}.sa-proof-order-select-form .sa-native-select-source+.sa-premium-select{display:none!important}
.sa-client-identity-link{color:inherit;text-decoration:none;transition:.2s}
.sa-client-identity-link:hover strong,.sa-client-identity-link:hover em{color:var(--sa)}
.sa-client-identity-link em{display:block;margin-top:4px;color:#8b5c66;font-size:13px;font-style:normal;font-weight:750}
.sa-clients-page-heading{align-items:center}
.sa-client-search-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end;margin-bottom:16px}
.sa-client-search-bar label{display:grid;gap:6px;font-size:13px;font-weight:800;color:#4d363c;min-width:0}
.sa-client-search-bar input{width:100%;min-width:0;height:46px;border:1px solid var(--sa-border);border-radius:12px;padding:0 14px;outline:0}
.sa-client-search-bar input:focus{border-color:#9e5b6c;box-shadow:0 0 0 4px rgba(59,11,20,.06)}
.sa-client-search-bar>a{height:42px;display:flex;align-items:center;padding:0 8px;color:var(--sa);font-weight:750}
.sa-client-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sa-client-directory-card{display:grid;gap:15px;color:inherit;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden}
.sa-client-directory-card:hover{transform:translateY(-4px);border-color:rgba(59,11,20,.24);box-shadow:0 18px 45px rgba(59,11,20,.10)}
.sa-client-directory-top{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}
.sa-client-directory-top img{width:58px;height:58px;border-radius:16px;object-fit:cover;background:#f4e3e0}
.sa-client-directory-top>div{min-width:0}
.sa-client-directory-top span{display:block;color:#9b6872;font-size:13px;font-weight:900;letter-spacing:.12em}
.sa-client-directory-top h3{margin:3px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-client-directory-top p{margin:0;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-client-directory-top>b{align-self:start;padding:5px 7px;border-radius:999px;background:#e7f7eb;color:#19713b;font-size:13px;letter-spacing:.07em}
.sa-client-directory-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--sa-border);border-radius:12px;overflow:hidden;background:#fff9f7}
.sa-client-directory-metrics span{padding:11px 8px;text-align:center;color:var(--muted);font-size:13px;border-right:1px solid var(--sa-border)}
.sa-client-directory-metrics span:last-child{border-right:0}
.sa-client-directory-metrics strong{display:block;color:#2f2024;font-size:14px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-client-last-album{display:grid;gap:2px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#fff7f4,#f8e8e5);min-width:0}
.sa-client-last-album small{color:#9b6872;font-size:13px;font-weight:900;letter-spacing:.12em}
.sa-client-last-album strong,.sa-client-last-album span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-client-last-album span{color:var(--muted);font-size:13px}
.sa-client-directory-open{display:flex;justify-content:space-between;align-items:center;padding-top:2px;color:var(--sa);font-weight:800;font-size:13px}
.sa-client-directory-open b{font-size:18px}
.sa-client-profile-banner{display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:17px;background:linear-gradient(115deg,#fff,#fff3ef);margin-bottom:16px}
.sa-client-profile-banner>img{width:86px;height:86px;border-radius:20px;object-fit:cover;background:#f3dfdc}
.sa-client-profile-copy{min-width:0}
.sa-client-profile-copy>span{color:#99636d;font-size:13px;font-weight:900;letter-spacing:.14em}
.sa-client-profile-copy h2{margin:4px 0 3px}
.sa-client-profile-copy p{margin:0;color:var(--muted);white-space:normal;overflow-wrap:anywhere}
.sa-client-profile-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.sa-client-album-heading{margin:22px 0 12px}
.sa-client-album-heading h2{margin:3px 0 0}
.sa-client-album-heading>b{padding:7px 10px;border-radius:999px;background:#f2e3e5;color:var(--sa);font-size:13px}
.sa-client-album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sa-client-album-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:0;padding:0;overflow:hidden;transition:.22s}
.sa-client-album-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(59,11,20,.10)}
.sa-client-album-card.is-new{border-color:#d59c24;box-shadow:0 0 0 3px rgba(213,156,36,.10)}
.sa-client-album-cover{position:relative;display:block;min-height:320px;background:#3B0B14;overflow:hidden}
.sa-client-album-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.sa-client-album-cover:hover img{transform:scale(1.04)}
.sa-client-album-cover>span{position:absolute;left:10px;top:10px;padding:5px 8px;border-radius:999px;background:#fff;color:#3B0B14;font-size:13px;font-weight:900;letter-spacing:.08em}
.sa-client-album-body{padding:16px;min-width:0;display:flex;flex-direction:column;gap:13px}
.sa-client-album-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
.sa-client-album-title>div{min-width:0}
.sa-client-album-title small{color:#9b6872;font-size:13px;font-weight:900;letter-spacing:.12em}
.sa-client-album-title h3{margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-client-album-title>.sa-status{flex:0 0 auto}
.sa-client-album-body dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.sa-client-album-body dl>div{padding:8px 9px;border:1px solid var(--sa-border);border-radius:9px;background:#fffaf8;min-width:0}
.sa-client-album-body dt{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.sa-client-album-body dd{margin:2px 0 0;font-size:13px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-client-album-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}
.sa-client-album-progress>span{height:7px;border-radius:99px;background:#eee4e3;overflow:hidden}
.sa-client-album-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3B0B14,#bd657c)}
.sa-client-album-progress b{font-size:13px}
.sa-client-album-payment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.sa-client-album-payment span{font-size:13px;color:var(--muted);padding:7px;border-radius:8px;background:#f8eeee;text-align:center}
.sa-client-album-payment b{display:block;color:#38272b;font-size:13px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-client-album-actions{display:flex;gap:8px;margin-top:auto}
.sa-client-album-actions .sa-btn{flex:1;justify-content:center;padding-inline:10px;font-size:13px}
@media(max-width:1450px){.sa-client-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-client-album-grid{grid-template-columns:1fr}.sa-client-album-card{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:900px){.sa-client-profile-banner{grid-template-columns:70px minmax(0,1fr)}.sa-client-profile-banner>img{width:70px;height:70px}.sa-client-profile-actions{grid-column:1/-1;justify-content:flex-start}.sa-client-directory-grid{grid-template-columns:1fr}.sa-client-album-card{grid-template-columns:175px minmax(0,1fr)}}
@media(max-width:650px){.sa-client-search-bar{grid-template-columns:1fr}.sa-client-search-bar .sa-btn{width:100%}.sa-client-album-card{grid-template-columns:1fr}.sa-client-album-cover{min-height:230px;max-height:320px}.sa-client-album-title{display:grid}.sa-client-album-title>.sa-status{justify-self:start}.sa-client-profile-banner{grid-template-columns:1fr;text-align:center}.sa-client-profile-banner>img{margin:auto}.sa-client-profile-actions{justify-content:center}.sa-client-album-body dl{grid-template-columns:1fr}.sa-client-album-actions{display:grid}.sa-clients-page-heading{align-items:flex-start}.sa-clients-page-heading .sa-btn{width:100%}}


/* V2.11.5 — final mobile responsiveness, visible mobile search and live-filter state. */
.sa-live-search-hidden{display:none!important}.sa-app-v2.sa-live-search-loading .sa-global-search{opacity:.72}.sa-app-v2.sa-live-search-loading .sa-global-search:after{content:"";width:14px;height:14px;border:2px solid rgba(59,11,20,.18);border-top-color:#3b0b14;border-radius:50%;animation:saSearchSpin .65s linear infinite;margin-right:10px}@keyframes saSearchSpin{to{transform:rotate(360deg)}}
.sa-help-card a[target="_blank"],.sa-support-grid a[target="_blank"]{display:inline-flex;align-items:center;justify-content:center;gap:7px}
@media(max-width:900px){
 .sa-app-v2 .sa-topbar{height:auto;min-height:68px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px}
 .sa-app-v2 .sa-menu-toggle{order:1;flex:0 0 auto}
 .sa-app-v2 .sa-top-actions{order:2;margin-left:auto;min-width:0}
 .sa-app-v2 .sa-global-search{display:flex!important;order:3;flex:0 0 100%;width:100%!important;max-width:none!important;height:42px;margin:0!important}
 .sa-app-v2 .sa-global-search input{font-size:16px!important;min-width:0}
 .sa-app-v2 .sa-content-v2{overflow-x:hidden;padding-left:12px;padding-right:12px}
 .sa-app-v2 .sa-filter-bar,.sa-app-v2 .sa-order-identity-filter,.sa-app-v2 .sa-client-search-bar{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
 .sa-app-v2 .sa-filter-actions,.sa-app-v2 .sa-actions,.sa-app-v2 .sa-action-row{display:flex;flex-wrap:wrap;gap:8px}
 .sa-app-v2 .sa-table-wrap,.sa-app-v2 .sa-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .sa-app-v2 table{min-width:720px}
 .sa-app-v2 .sa-support-grid{grid-template-columns:1fr!important}
}
@media(max-width:560px){
 .sa-app-v2 .sa-topbar{padding:8px 10px;gap:7px}
 .sa-app-v2 .sa-profile-toggle>span,.sa-app-v2 .sa-profile-chevron{display:none!important}
 .sa-app-v2 .sa-profile-toggle{padding:4px!important;min-width:42px}
 .sa-app-v2 .sa-content-v2{padding:12px 9px 22px!important}
 .sa-app-v2 .sa-card,.sa-app-v2 .sa-page-heading,.sa-app-v2 .sa-project-card,.sa-app-v2 .sa-client-directory-card,.sa-app-v2 .sa-client-album-card{max-width:100%;min-width:0}
 .sa-app-v2 .sa-btn,.sa-app-v2 button,.sa-app-v2 input,.sa-app-v2 select,.sa-app-v2 textarea{max-width:100%}
 .sa-app-v2 .sa-support-grid .sa-btn{width:100%;white-space:normal;text-align:center}
 .sa-app-v2 .sa-page-heading{align-items:flex-start;gap:10px}.sa-app-v2 .sa-page-heading>div:last-child{width:100%}
}


/* V2.11.6 — right-aligned mobile controls and compact active-chat header. */
@media(max-width:900px){
 .sa-app-v2 .sa-topbar{justify-content:flex-end}
 .sa-app-v2 .sa-top-actions{order:1!important;margin-left:auto!important;flex:0 0 auto}
 .sa-app-v2 .sa-menu-toggle{order:2!important;margin-left:2px!important;margin-right:0!important;display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px}
 .sa-app-v2 .sa-menu-toggle:hover,.sa-app-v2 .sa-menu-toggle:focus-visible{background:var(--sa-soft)}
 .sa-app-v2 .sa-global-search{order:3!important}
 .sa-app-v2.sa-mobile-chat-active .sa-global-search{display:none!important}
 .sa-app-v2.sa-mobile-chat-active .sa-topbar{min-height:60px!important;height:60px!important;flex-wrap:nowrap!important;padding-top:7px!important;padding-bottom:7px!important}
 .sa-app-v2.sa-mobile-chat-active .sa-content-v2{padding-top:8px!important}
}
@media(max-width:560px){
 .sa-app-v2 .sa-top-actions{gap:4px!important}
 .sa-app-v2 .sa-notification-toggle,.sa-app-v2 .sa-profile-toggle,.sa-app-v2 .sa-menu-toggle{width:40px!important;height:40px!important;min-width:40px!important}
 .sa-app-v2 .sa-profile-toggle img{width:36px!important;height:36px!important}
 .sa-app-v2.sa-mobile-chat-active .sa-topbar{min-height:56px!important;height:56px!important;padding-left:8px!important;padding-right:8px!important}
}


/* V2.11.7 — professional studio hero, consistent action corners and scrollbar-free messaging surfaces. */
.sa-app-v2{--sa-action-radius:8px}
.sa-app-v2 .sa-btn,
.sa-app-v2 .sa-icon-btn,
.sa-app-v2 .sa-help-card a,
.sa-app-v2 .sa-balance-card a,
.sa-app-v2 .sa-quick-actions a,
.sa-app-v2 .sa-action-stack a,
.sa-app-v2 .sa-client-album-actions a,
.sa-app-v2 .sa-proof-viewer-action,
.sa-app-v2 .sa-full-control-action,
.sa-app-v2 .sa-status-save,
.sa-app-v2 .sa-modal-dialog button:not(.sa-modal-close),
.sa-app-v2 .sa-support-grid .sa-btn,
.sa-app-v2 .sa-menu-toggle{border-radius:var(--sa-action-radius)!important}
.sa-app-v2 .sa-admin-hero-pro{min-height:360px;grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr);gap:34px;align-items:stretch;padding:38px 40px;border:1px solid #e7d8d3;border-radius:12px;background:linear-gradient(132deg,#fff 0%,#fffaf7 48%,#f3e2dd 100%);box-shadow:0 18px 55px rgba(59,11,20,.075);isolation:isolate}
.sa-app-v2 .sa-admin-hero-pro:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#3B0B14 0 30%,#c69c5b 30% 44%,transparent 44%);z-index:2}
.sa-app-v2 .sa-admin-hero-pro:after{inset:auto -8% -65% 30%;height:92%;background:radial-gradient(ellipse,rgba(59,11,20,.1),transparent 68%);filter:blur(24px)}
.sa-app-v2 .sa-admin-hero-pro .sa-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-right:8px}
.sa-app-v2 .sa-admin-hero-pro .sa-eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;font-size:13px;letter-spacing:.18em;color:#74414b}
.sa-app-v2 .sa-admin-hero-pro .sa-eyebrow:before{content:"";width:24px;height:1px;background:#c69c5b}
.sa-app-v2 .sa-admin-hero-pro h1{max-width:690px;margin:14px 0 13px;font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif);font-size:46px;line-height:1.04;letter-spacing:-.045em;color:#24171b}
.sa-app-v2 .sa-admin-hero-pro h1 em{display:inline-block;color:#6b1727;font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif);font-weight:400;letter-spacing:-.025em}
.sa-app-v2 .sa-admin-hero-pro p{max-width:620px;margin:0;color:#6e5b60;font-size:14px;line-height:1.7}
.sa-app-v2 .sa-admin-hero-pro .sa-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:23px}
.sa-app-v2 .sa-admin-hero-pro .sa-hero-actions .sa-btn{min-height:42px;padding:10px 17px;box-shadow:none}
.sa-app-v2 .sa-admin-hero-pro .sa-hero-actions .sa-btn-outline{border-color:#cdb8b7;background:rgba(255,255,255,.8);color:#3B0B14!important}
.sa-app-v2 .sa-admin-hero-pro .sa-hero-text-link{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 5px;color:#3B0B14;font-weight:750}
.sa-app-v2 .sa-admin-hero-pro .sa-hero-text-link span{transition:transform .2s ease}
.sa-app-v2 .sa-admin-hero-pro .sa-hero-text-link:hover span{transform:translateX(4px)}
.sa-app-v2 .sa-hero-metrics{display:flex;align-items:stretch;gap:0;margin-top:25px;width:max-content;max-width:100%;border-top:1px solid #eadfdb}
.sa-app-v2 .sa-hero-metrics>span{min-width:116px;padding:14px 24px 0 0;margin-right:24px;border-right:1px solid #eadfdb}
.sa-app-v2 .sa-hero-metrics>span:last-child{margin-right:0;border-right:0}
.sa-app-v2 .sa-hero-metrics b,.sa-app-v2 .sa-hero-metrics small{display:block}
.sa-app-v2 .sa-hero-metrics b{font-size:22px;line-height:1;color:#3B0B14}
.sa-app-v2 .sa-hero-metrics small{margin-top:5px;color:#8a757a;font-size:13px}
.sa-app-v2 .sa-hero-showcase{position:relative;min-height:282px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(59,11,20,.08);border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(245,226,220,.82));overflow:hidden}
.sa-app-v2 .sa-hero-showcase:before{content:"";position:absolute;width:260px;height:260px;right:5%;top:-28%;border:1px solid rgba(198,156,91,.28);border-radius:50%}
.sa-app-v2 .sa-hero-showcase:after{content:"";position:absolute;width:190px;height:190px;left:-68px;bottom:-105px;border:1px solid rgba(59,11,20,.1);border-radius:50%}
.sa-app-v2 .sa-admin-hero-pro .sa-album-mock{position:absolute;left:25px;top:4px;width:52%;height:245px;z-index:1}
.sa-app-v2 .sa-admin-hero-pro .sa-album-mock .book{width:158px;height:214px;border-left-width:7px;box-shadow:18px 24px 45px rgba(59,11,20,.25)}
.sa-app-v2 .sa-admin-hero-pro .sa-album-mock .book:before{width:80px;height:96px}
.sa-app-v2 .sa-admin-hero-pro .sa-balance-card{position:absolute;right:18px;bottom:18px;width:min(286px,68%);z-index:3;padding:17px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:linear-gradient(145deg,#4e111b,#2e0910);box-shadow:0 18px 36px rgba(59,11,20,.22)}
.sa-app-v2 .sa-cashflow-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.13)}
.sa-app-v2 .sa-cashflow-heading span,.sa-app-v2 .sa-cashflow-heading small{display:block}
.sa-app-v2 .sa-cashflow-heading span{font-size:13px;font-weight:850;letter-spacing:.14em;color:#f5dfe3}
.sa-app-v2 .sa-cashflow-heading small{color:#caaeb4;font-size:13px}
.sa-app-v2 .sa-cashflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px 0}
.sa-app-v2 .sa-cashflow-grid>span{min-width:0}
.sa-app-v2 .sa-cashflow-grid>span+span{padding-left:10px;border-left:1px solid rgba(255,255,255,.13)}
.sa-app-v2 .sa-cashflow-grid small,.sa-app-v2 .sa-cashflow-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sa-app-v2 .sa-cashflow-grid small{color:#c7aeb3;font-size:13px}
.sa-app-v2 .sa-cashflow-grid strong{margin-top:4px;color:#fff;font-size:16px}
.sa-app-v2 .sa-admin-hero-pro .sa-balance-card>a{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:8px 10px;border-radius:8px;background:#fff;color:#3B0B14!important;font-size:13px;font-weight:800}
.sa-app-v2 .sa-admin-hero-pro .sa-balance-card>a span{font-size:15px}
.sa-chat-body,.sa-conversation-list,.sa-message-layout [class*="scroll"]{scrollbar-width:none;-ms-overflow-style:none}
.sa-chat-body::-webkit-scrollbar,.sa-conversation-list::-webkit-scrollbar,.sa-message-layout [class*="scroll"]::-webkit-scrollbar{display:none;width:0;height:0}
@media(max-width:1180px){.sa-app-v2 .sa-admin-hero-pro{grid-template-columns:minmax(0,1fr) minmax(330px,.75fr);padding:34px 30px}.sa-app-v2 .sa-admin-hero-pro h1{font-size:40px}.sa-app-v2 .sa-hero-metrics>span{min-width:102px;padding-right:16px;margin-right:16px}.sa-app-v2 .sa-admin-hero-pro .sa-album-mock{left:8px}.sa-app-v2 .sa-admin-hero-pro .sa-balance-card{right:12px;bottom:12px}}
@media(max-width:880px){.sa-app-v2 .sa-admin-hero-pro{grid-template-columns:1fr;padding:30px 24px}.sa-app-v2 .sa-hero-showcase{min-height:255px}.sa-app-v2 .sa-admin-hero-pro .sa-album-mock{display:flex;left:4%;top:4px;width:47%;height:220px}.sa-app-v2 .sa-admin-hero-pro .sa-balance-card{width:min(300px,58%)}.sa-app-v2 .sa-admin-hero-pro h1{font-size:38px}}
@media(max-width:620px){.sa-app-v2 .sa-admin-hero-pro{padding:25px 18px;gap:23px}.sa-app-v2 .sa-admin-hero-pro h1{font-size:33px;letter-spacing:-.035em}.sa-app-v2 .sa-admin-hero-pro p{font-size:13px}.sa-app-v2 .sa-admin-hero-pro .sa-hero-actions{display:grid;grid-template-columns:1fr 1fr}.sa-app-v2 .sa-admin-hero-pro .sa-hero-actions .sa-btn{width:100%}.sa-app-v2 .sa-admin-hero-pro .sa-hero-text-link{grid-column:1/-1;padding-left:2px}.sa-app-v2 .sa-hero-metrics{width:100%}.sa-app-v2 .sa-hero-metrics>span{flex:1;min-width:0;padding-right:9px;margin-right:9px}.sa-app-v2 .sa-hero-showcase{min-height:225px}.sa-app-v2 .sa-admin-hero-pro .sa-album-mock{left:0;width:44%;height:194px}.sa-app-v2 .sa-admin-hero-pro .sa-album-mock .book{width:118px;height:168px;padding:21px 12px}.sa-app-v2 .sa-admin-hero-pro .sa-album-mock .book:before{width:58px;height:67px;border-width:3px}.sa-app-v2 .sa-admin-hero-pro .sa-balance-card{right:9px;bottom:9px;width:64%;padding:13px}.sa-app-v2 .sa-cashflow-heading small{display:none}.sa-app-v2 .sa-cashflow-grid strong{font-size:13px}}
@media(max-width:420px){.sa-app-v2 .sa-admin-hero-pro .sa-hero-actions{grid-template-columns:1fr}.sa-app-v2 .sa-admin-hero-pro .sa-hero-text-link{grid-column:auto}.sa-app-v2 .sa-hero-showcase{min-height:205px}.sa-app-v2 .sa-admin-hero-pro .sa-album-mock{opacity:.72;left:-8px}.sa-app-v2 .sa-admin-hero-pro .sa-balance-card{width:72%}.sa-app-v2 .sa-hero-metrics small{font-size:13px}}
.sa-app-v2 .sa-order-success-button,.sa-app-v2 .sa-premium-date-button,.sa-app-v2 .sa-calendar-head button,.sa-app-v2 .sa-calendar-actions button,.sa-app-v2 .sa-settings-tabs button{border-radius:var(--sa-action-radius)!important}


/* V2.11.8 — contained proof-order menu and centered static cashflow dashboard. */
.sa-proof-order-select-form,.sa-proof-order-select-form label{overflow:visible!important}
.sa-proof-order-select-form .sa-proof-order-native.sa-native-select-source{
 position:absolute!important;width:1px!important;height:1px!important;min-width:1px!important;
 opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;
 border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important
}
.sa-proof-order-select-form .sa-native-select-source+.sa-premium-select{
 display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
 margin-top:0!important;z-index:35!important
}
.sa-proof-order-select-form .sa-proof-order-premium .sa-premium-select-trigger{
 width:100%!important;max-width:100%!important;min-width:0!important;min-height:48px!important;
 padding:0 8px 0 13px!important;border-radius:8px!important;border-color:rgba(59,11,20,.2)!important;
 background:linear-gradient(180deg,#fff,#fff8f2)!important;box-shadow:0 7px 20px rgba(59,11,20,.055)!important
}
.sa-proof-order-select-form .sa-proof-order-premium .sa-premium-select-trigger>span{
 min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
 font-size:13px!important;font-weight:800!important;color:#342327!important
}
.sa-proof-order-select-form .sa-proof-order-premium .sa-premium-select-trigger i{
 width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:7px!important
}
.sa-premium-select-menu.sa-proof-order-premium-menu{
 padding:6px!important;border-radius:10px!important;border-color:rgba(59,11,20,.2)!important;
 background:#fff!important;box-shadow:0 20px 52px rgba(35,10,16,.22)!important;
 overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:none!important
}
.sa-premium-select-menu.sa-proof-order-premium-menu::-webkit-scrollbar{display:none!important;width:0!important}
.sa-proof-order-premium-menu .sa-premium-select-option{
 display:grid!important;gap:2px!important;width:100%!important;padding:9px 10px!important;
 border-radius:7px!important;border:1px solid transparent!important;white-space:normal!important
}
.sa-proof-order-premium-menu .sa-premium-select-option strong,
.sa-proof-order-premium-menu .sa-premium-select-option span{
 display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important
}
.sa-proof-order-premium-menu .sa-premium-select-option strong{font-size:13px!important;line-height:1.25!important}
.sa-proof-order-premium-menu .sa-premium-select-option span{font-size:13px!important;line-height:1.3!important;color:#846f74!important}
.sa-proof-order-premium-menu .sa-premium-select-option:hover span,
.sa-proof-order-premium-menu .sa-premium-select-option:focus-visible span{color:#f3dfe3!important}
.sa-proof-order-premium-menu .sa-premium-select-option.is-selected{
 background:#3B0B14!important;color:#fff!important;border-color:#3B0B14!important
}
.sa-proof-order-premium-menu .sa-premium-select-option.is-selected span{color:#f4dde2!important}

.sa-admin-portal .sa-cashflow-showcase{display:grid!important;place-items:center!important;padding:30px!important;min-height:282px!important}
.sa-admin-portal .sa-cashflow-showcase .sa-album-mock{display:none!important}
.sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase .sa-balance-card{
 position:relative!important;inset:auto!important;width:min(460px,100%)!important;max-width:100%!important;
 padding:27px 28px!important;border-radius:12px!important;animation:none!important;transform:none!important;
 box-shadow:0 24px 55px rgba(59,11,20,.24)!important
}
.sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase .sa-balance-card:after{animation:none!important;opacity:.38!important}
.sa-admin-portal .sa-cashflow-showcase .sa-cashflow-heading{padding-bottom:15px!important}
.sa-admin-portal .sa-cashflow-showcase .sa-cashflow-heading span{font-size:13px!important}
.sa-admin-portal .sa-cashflow-showcase .sa-cashflow-heading small{font-size:13px!important}
.sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid{gap:20px!important;padding:21px 0!important}
.sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid>span+span{padding-left:20px!important}
.sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid small{font-size:13px!important}
.sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid strong{margin-top:7px!important;font-size:25px!important;overflow:visible!important}
.sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase .sa-balance-card>a{
 min-height:44px!important;padding:10px 13px!important;font-size:13px!important
}
@media(max-width:880px){
 .sa-admin-portal .sa-cashflow-showcase{min-height:265px!important;padding:26px!important}
 .sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase .sa-balance-card{width:min(520px,100%)!important}
}
@media(max-width:620px){
 .sa-admin-portal .sa-cashflow-showcase{min-height:0!important;padding:15px!important}
 .sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase .sa-balance-card{width:100%!important;padding:20px!important}
 .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid{gap:12px!important;padding:16px 0!important}
 .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid>span+span{padding-left:12px!important}
 .sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid strong{font-size:19px!important}
}


/* V2.11.9 — settings spacing, stable live refresh, admin photo and cashflow polish. */
.sa-settings-tabs{margin-bottom:24px!important}
.sa-content-v2,.sa-content-v2.sa-live-updating{opacity:1!important;transition:none!important}
.sa-settings-panel,.sa-settings-module-panel{animation:none!important}
.sa-switch-list label>span{display:grid;gap:3px}
.sa-switch-list label>span small{font-size:13px;font-weight:500;color:var(--muted);line-height:1.4}
.sa-admin-profile-setting{
 display:grid;grid-template-columns:112px minmax(0,1fr);gap:22px;align-items:center;
 padding:18px;margin:0 0 20px;border:1px solid #eadbdd;border-radius:12px;
 background:linear-gradient(135deg,#fff7f4,#fff)
}
.sa-admin-profile-photo{width:108px;height:108px;padding:4px;border-radius:50%;background:linear-gradient(145deg,#3B0B14,#c9a268);box-shadow:0 15px 34px rgba(59,11,20,.16)}
.sa-admin-profile-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #fff}
.sa-admin-profile-copy{min-width:0}
.sa-admin-profile-copy h4{margin:5px 0 3px;font-size:19px;color:#2d171d}
.sa-admin-profile-copy>p{margin:0 0 13px;color:var(--muted);font-size:13px}
.sa-admin-profile-setting .sa-profile-uploader{max-width:430px}
.sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase .sa-balance-card.sa-cashflow-pulse{animation:saCashflowSettle .8s cubic-bezier(.2,.75,.25,1) both!important}
@keyframes saCashflowSettle{
 0%{box-shadow:0 18px 38px rgba(59,11,20,.17)}
 45%{box-shadow:0 30px 68px rgba(59,11,20,.30),0 0 0 5px rgba(201,162,104,.08)}
 100%{box-shadow:0 24px 55px rgba(59,11,20,.24)}
}
@media(max-width:650px){
 .sa-settings-tabs{margin-bottom:18px!important}
 .sa-admin-profile-setting{grid-template-columns:1fr;text-align:center;padding:16px}
 .sa-admin-profile-photo{margin:auto}
 .sa-admin-profile-setting .sa-profile-uploader{margin:auto;text-align:left}
}


/* No flash-of-hidden-content when changing portal sections or project tabs. */
.sa-card[data-sa-portal-motion],
.sa-admin-portal [data-sa-admin-motion="1"],
.sa-admin-portal .sa-sidebar nav a[data-sa-nav-motion="1"]{
 opacity:1!important;transform:none!important
}
.sa-project-tab-panel.is-active{animation:none!important}


/* V2.12.0 — professional admin identity panel. */
.sa-admin-profile-pro{border:1px solid var(--sa-border);border-radius:16px;background:linear-gradient(145deg,#fff,#fff9f7);padding:22px;box-shadow:0 16px 42px rgba(59,11,20,.06);margin-bottom:22px}.sa-admin-profile-pro-head{display:grid;grid-template-columns:auto 76px minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:20px}.sa-admin-identity-label{display:inline-flex;align-items:center;gap:8px;color:var(--sa);font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:13px;white-space:nowrap}.sa-admin-identity-label svg{width:18px;height:18px}.sa-admin-profile-avatar{width:74px;height:74px;padding:3px;border-radius:50%;background:linear-gradient(145deg,#3B0B14,#c9a268);position:relative;box-shadow:0 12px 26px rgba(59,11,20,.18)}.sa-admin-profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff}.sa-admin-profile-avatar>span{position:absolute;right:0;bottom:5px;width:16px;height:16px;border-radius:50%;background:#28a85e;color:transparent;border:3px solid #fff}.sa-admin-profile-name{min-width:0}.sa-admin-profile-name h4{font-size:23px;margin:0 0 4px;color:#23191b}.sa-admin-profile-name p{margin:0;color:var(--muted);font-size:13px}.sa-admin-active-badge{display:inline-flex;align-items:center;gap:7px;background:#edf9f1;border:1px solid #c7ead2;color:#16864a;border-radius:8px;padding:8px 11px;font-size:13px;font-weight:700;white-space:nowrap}.sa-admin-profile-pro-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px}.sa-admin-upload-zone{min-height:220px;border:1.5px dashed #d8b9be;border-radius:14px;background:#fff;display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-content:center;padding:24px;cursor:pointer;transition:.2s}.sa-admin-upload-zone:hover{border-color:var(--sa);box-shadow:0 12px 28px rgba(59,11,20,.08);transform:translateY(-1px)}.sa-admin-upload-round{width:68px;height:68px;border-radius:50%;background:#fff4f1;color:var(--sa);display:grid;place-items:center}.sa-admin-upload-round svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sa-admin-upload-main{min-width:0}.sa-admin-upload-main strong,.sa-admin-upload-main small,.sa-admin-upload-main em{display:block}.sa-admin-upload-main strong{font-size:19px;color:#25171a}.sa-admin-upload-main small{margin-top:7px;color:var(--muted);font-size:13px}.sa-admin-upload-main em{margin-top:18px;padding:11px 12px;border:1px solid #eee0dd;border-radius:9px;background:#fffaf8;color:#6d5a5e;font-size:13px;font-style:normal}.sa-admin-upload-actions{grid-column:2;display:flex;gap:10px;align-items:center}.sa-admin-upload-actions b,.sa-admin-upload-actions i{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:8px;padding:9px 15px;font-style:normal;font-size:13px}.sa-admin-upload-actions b{background:var(--sa);color:#fff!important;-webkit-text-fill-color:#fff!important}.sa-admin-upload-actions i{border:1px solid #dbc9cc;background:#fff;color:var(--sa)}.sa-admin-photo-usage{border:1px solid #eedede;border-radius:14px;background:linear-gradient(145deg,#fffafa,#fff);padding:18px}.sa-admin-photo-usage h5{display:flex;align-items:center;gap:9px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #eee2e3;font-size:15px;color:#3b2026}.sa-admin-photo-usage h5 svg{width:19px;height:19px;color:var(--sa)}.sa-admin-photo-usage>div{display:grid;grid-template-columns:42px minmax(0,1fr) 46px;align-items:center;gap:11px;padding:13px 0}.sa-admin-photo-usage>div+div{border-top:1px solid #f1e8e9}.sa-admin-usage-icon{width:40px;height:40px;border-radius:50%;background:#fff4f1;color:var(--sa);display:grid;place-items:center}.sa-admin-usage-icon svg{width:19px;height:19px}.sa-admin-photo-usage p{margin:0;min-width:0}.sa-admin-photo-usage strong,.sa-admin-photo-usage small{display:block}.sa-admin-photo-usage strong{font-size:13px}.sa-admin-photo-usage small{margin-top:3px;color:var(--muted);font-size:13px}.sa-admin-photo-usage img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 2px #8d263a}.sa-admin-profile-tip{display:flex;align-items:center;gap:11px;margin-top:18px;padding:13px 15px;border:1px solid #eddcd7;border-radius:11px;background:#fff8f3}.sa-admin-profile-tip>span{width:34px;height:34px;border-radius:9px;background:#fff;color:var(--sa);display:grid;place-items:center}.sa-admin-profile-tip p{margin:0}.sa-admin-profile-tip strong,.sa-admin-profile-tip small{display:block}.sa-admin-profile-tip strong{font-size:13px}.sa-admin-profile-tip small{color:var(--muted);font-size:13px;margin-top:2px}
@media(max-width:900px){.sa-admin-profile-pro-head{grid-template-columns:auto 64px minmax(0,1fr)}.sa-admin-active-badge{grid-column:2/4;justify-self:start}.sa-admin-profile-pro-grid{grid-template-columns:1fr}.sa-admin-upload-zone{min-height:200px}.sa-admin-photo-usage{display:none}}
@media(max-width:560px){.sa-admin-profile-pro{padding:15px;border-radius:12px}.sa-admin-profile-pro-head{grid-template-columns:58px minmax(0,1fr);gap:11px}.sa-admin-identity-label{grid-column:1/-1}.sa-admin-profile-avatar{width:56px;height:56px}.sa-admin-profile-name h4{font-size:18px}.sa-admin-active-badge{grid-column:1/-1}.sa-admin-upload-zone{grid-template-columns:52px minmax(0,1fr);gap:11px;padding:16px}.sa-admin-upload-round{width:50px;height:50px}.sa-admin-upload-main strong{font-size:16px}.sa-admin-upload-main em{font-size:13px;line-height:1.5}.sa-admin-upload-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.sa-admin-profile-tip{align-items:flex-start}}
.sa-admin-upload-status{grid-column:1/-1;display:block;margin-top:4px;color:var(--muted);font-size:13px;font-style:normal}.sa-admin-profile-pro.has-error .sa-admin-upload-status{color:#b42c42}.sa-admin-profile-pro.is-uploading .sa-admin-upload-zone{opacity:.78;pointer-events:none}.sa-admin-upload-actions [data-sa-profile-remove],.sa-admin-upload-actions [data-sa-profile-choose]{cursor:pointer;user-select:none}


/* V2.12.3 — exact client motion parity in Admin Portal */
.sa-admin-portal [data-sa-admin-motion="1"]{opacity:0!important;transform:translateY(8px)!important;transition:opacity .38s ease var(--sa-admin-delay,0ms),transform .38s cubic-bezier(.2,.75,.28,1) var(--sa-admin-delay,0ms),box-shadow .22s ease,border-color .22s ease!important}
.sa-admin-portal [data-sa-admin-motion="1"].sa-admin-motion-in{opacity:1!important;transform:none!important}
.sa-admin-portal .sa-sidebar nav a[data-sa-nav-motion="1"]{opacity:0;transform:translateY(8px);transition:opacity .38s ease var(--sa-nav-delay,0ms),transform .38s cubic-bezier(.2,.75,.28,1) var(--sa-nav-delay,0ms),background .2s ease,color .2s ease}
.sa-admin-portal .sa-sidebar nav a.sa-nav-motion-in{opacity:1;transform:none}
.sa-admin-portal .sa-admin-hero,.sa-admin-portal .sa-balance-card,.sa-admin-portal .sa-album-mock .book{animation:none!important}
.sa-admin-portal .sa-admin-hero:after,.sa-admin-portal .sa-balance-card:after{animation:none!important}
.sa-photo-action-with-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;overflow:hidden;position:relative}
.sa-photo-action-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:rgba(59,11,20,.08);flex:0 0 auto;transition:transform .28s cubic-bezier(.2,.8,.24,1),background .24s ease}
.sa-admin-upload-actions b .sa-photo-action-icon{background:rgba(255,255,255,.15)}
.sa-photo-action-icon svg{width:16px!important;height:16px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sa-photo-action-with-icon:hover .sa-photo-action-icon{transform:translateY(-1px) rotate(-4deg) scale(1.06)}
.sa-photo-action-with-icon:active .sa-photo-action-icon{transform:scale(.94)}
@media(max-width:560px){.sa-photo-action-with-icon{min-height:44px!important}.sa-photo-action-icon{width:26px;height:26px}}

/* V3.24 — profile picker cleanup in both portal roles. */
.sa-app-v2 input[type="file"][data-sa-profile-input]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}

/* V3.24 — minimalist Album/Project hover, intentionally subtle. */
.sa-app-v2[data-sa-section="albums"] .sa-album-card,
.sa-app-v2[data-sa-section="albums"] .sa-project-card,
.sa-app-v2[data-sa-section="albums"] .sa-client-album-card{
  position:relative;
  overflow:hidden;
  transform:translateZ(0);
  transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s ease,border-color .24s ease;
}
.sa-app-v2[data-sa-section="albums"] .sa-album-card::after,
.sa-app-v2[data-sa-section="albums"] .sa-project-card::after,
.sa-app-v2[data-sa-section="albums"] .sa-client-album-card::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  background:#3B0B14;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .24s ease;
  pointer-events:none;
}
.sa-app-v2[data-sa-section="albums"] .sa-album-card:hover,
.sa-app-v2[data-sa-section="albums"] .sa-project-card:hover,
.sa-app-v2[data-sa-section="albums"] .sa-client-album-card:hover{
  transform:translateY(-4px);
  border-color:rgba(59,11,20,.20);
  box-shadow:0 14px 30px rgba(59,11,20,.08);
}
.sa-app-v2[data-sa-section="albums"] .sa-album-card:hover::after,
.sa-app-v2[data-sa-section="albums"] .sa-project-card:hover::after,
.sa-app-v2[data-sa-section="albums"] .sa-client-album-card:hover::after{transform:scaleX(1)}
.sa-app-v2[data-sa-section="albums"] .sa-album-card img,
.sa-app-v2[data-sa-section="albums"] .sa-project-card img,
.sa-app-v2[data-sa-section="albums"] .sa-client-album-card img{
  transition:transform .38s cubic-bezier(.2,.7,.2,1),filter .28s ease;
}
.sa-app-v2[data-sa-section="albums"] .sa-album-card:hover img,
.sa-app-v2[data-sa-section="albums"] .sa-project-card:hover img,
.sa-app-v2[data-sa-section="albums"] .sa-client-album-card:hover img{transform:scale(1.018);filter:saturate(1.03)}
@media (hover:none){
 .sa-app-v2[data-sa-section="albums"] .sa-album-card:hover,
 .sa-app-v2[data-sa-section="albums"] .sa-project-card:hover,
 .sa-app-v2[data-sa-section="albums"] .sa-client-album-card:hover{transform:none;box-shadow:0 2px 10px rgba(52,31,38,.02)}
}
@media (prefers-reduced-motion:reduce){
 .sa-app-v2[data-sa-section="albums"] .sa-album-card,
 .sa-app-v2[data-sa-section="albums"] .sa-project-card,
 .sa-app-v2[data-sa-section="albums"] .sa-client-album-card,
 .sa-app-v2[data-sa-section="albums"] img{transition:none!important}
}

/* V3.25 — same minimalist hover on Projects in Admin and Client portals. */
.sa-app-v2[data-sa-section="projects"] .sa-project-card,
.sa-app-v2[data-sa-section="projects"] .sa-client-album-card,
.sa-app-v2[data-sa-section="projects"] .sa-order-project-card{
  position:relative;
  overflow:hidden;
  transform:translateZ(0);
  transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s ease,border-color .24s ease;
}
.sa-app-v2[data-sa-section="projects"] .sa-project-card::after,
.sa-app-v2[data-sa-section="projects"] .sa-client-album-card::after,
.sa-app-v2[data-sa-section="projects"] .sa-order-project-card::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#3B0B14;
  transform:scaleX(0);transform-origin:left center;transition:transform .24s ease;pointer-events:none;
}
.sa-app-v2[data-sa-section="projects"] .sa-project-card:hover,
.sa-app-v2[data-sa-section="projects"] .sa-client-album-card:hover,
.sa-app-v2[data-sa-section="projects"] .sa-order-project-card:hover{
  transform:translateY(-4px);border-color:rgba(59,11,20,.20);box-shadow:0 14px 30px rgba(59,11,20,.08);
}
.sa-app-v2[data-sa-section="projects"] .sa-project-card:hover::after,
.sa-app-v2[data-sa-section="projects"] .sa-client-album-card:hover::after,
.sa-app-v2[data-sa-section="projects"] .sa-order-project-card:hover::after{transform:scaleX(1)}
.sa-app-v2[data-sa-section="projects"] .sa-project-card img,
.sa-app-v2[data-sa-section="projects"] .sa-client-album-card img,
.sa-app-v2[data-sa-section="projects"] .sa-order-project-card img{transition:transform .38s cubic-bezier(.2,.7,.2,1),filter .28s ease}
.sa-app-v2[data-sa-section="projects"] .sa-project-card:hover img,
.sa-app-v2[data-sa-section="projects"] .sa-client-album-card:hover img,
.sa-app-v2[data-sa-section="projects"] .sa-order-project-card:hover img{transform:scale(1.018);filter:saturate(1.03)}

/* Admin Projects table: subtle row lift without breaking table layout. */
.sa-app-v2[data-sa-section="projects"] .sa-project-identity-table tbody tr{
  position:relative;transition:background .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.7,.2,1);
}
.sa-app-v2[data-sa-section="projects"] .sa-project-identity-table tbody tr:hover{
  background:#fffafa;transform:translateY(-2px);box-shadow:0 9px 22px rgba(59,11,20,.065);
}
.sa-app-v2[data-sa-section="projects"] .sa-project-identity-table tbody tr:hover td:first-child{box-shadow:inset 2px 0 0 #3B0B14}
.sa-app-v2[data-sa-section="projects"] .sa-order-project-identity img{transition:transform .32s cubic-bezier(.2,.7,.2,1),filter .25s ease}
.sa-app-v2[data-sa-section="projects"] .sa-project-identity-table tbody tr:hover .sa-order-project-identity img{transform:scale(1.035);filter:saturate(1.04)}
@media (hover:none){
 .sa-app-v2[data-sa-section="projects"] .sa-project-card:hover,
 .sa-app-v2[data-sa-section="projects"] .sa-client-album-card:hover,
 .sa-app-v2[data-sa-section="projects"] .sa-order-project-card:hover,
 .sa-app-v2[data-sa-section="projects"] .sa-project-identity-table tbody tr:hover{transform:none;box-shadow:none}
}
@media (prefers-reduced-motion:reduce){
 .sa-app-v2[data-sa-section="projects"] .sa-project-card,
 .sa-app-v2[data-sa-section="projects"] .sa-client-album-card,
 .sa-app-v2[data-sa-section="projects"] .sa-order-project-card,
 .sa-app-v2[data-sa-section="projects"] .sa-project-identity-table tbody tr,
 .sa-app-v2[data-sa-section="projects"] img{transition:none!important}
}

/* V2.12.6 — Cashflow Received/Pending count-up emphasis. */
.sa-admin-portal .sa-cashflow-value{
  display:inline-block;
  font-variant-numeric:tabular-nums;
  will-change:transform,opacity;
}
.sa-admin-portal .sa-cashflow-value:not(.sa-admin-count-done){
  opacity:.72;
  transform:translateY(2px);
}
.sa-admin-portal .sa-cashflow-value.sa-admin-count-done{
  opacity:1;
  transform:translateY(0);
  transition:opacity .22s ease,transform .28s cubic-bezier(.22,.72,.25,1);
}
@media (prefers-reduced-motion:reduce){
 .sa-admin-portal .sa-cashflow-value{opacity:1!important;transform:none!important;transition:none!important}
}


/* V2.12.7 — cashflow card remains completely static; only numeric text counts up. */
.sa-admin-portal .sa-cashflow-showcase,
.sa-admin-portal .sa-cashflow-showcase .sa-balance-card{
  transform:none!important;
  opacity:1!important;
  animation:none!important;
  transition:none!important;
  width:min(520px,100%)!important;
  min-width:0!important;
}
.sa-admin-portal .sa-cashflow-showcase .sa-balance-card.sa-cashflow-pulse{animation:none!important}
.sa-admin-portal .sa-cashflow-showcase .sa-balance-card:after{animation:none!important}
.sa-admin-portal .sa-cashflow-value{
  display:block!important;
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}


/* V2.12.8 — absolute cashflow layout stability: preserve the live card DOM and animate numbers only. */
.sa-admin-portal .sa-admin-hero-pro[data-sa-admin-motion="1"],
.sa-admin-portal .sa-admin-hero-pro[data-sa-admin-motion="1"].sa-admin-motion-in{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}
.sa-admin-portal .sa-cashflow-showcase{
  contain:layout paint!important;
}
.sa-admin-portal .sa-cashflow-showcase .sa-balance-card{
  box-sizing:border-box!important;
  flex:none!important;
  inset:auto!important;
  position:relative!important;
  width:min(520px,100%)!important;
  max-width:520px!important;
  margin:0!important;
  translate:none!important;
  scale:none!important;
  rotate:none!important;
}
.sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
.sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid>span{
  min-width:0!important;
  width:100%!important;
}
.sa-admin-portal .sa-cashflow-showcase .sa-cashflow-value{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
}
@media(max-width:620px){
 .sa-admin-portal .sa-cashflow-showcase .sa-balance-card{max-width:none!important}
}


/* V2.12.9 — zero-layout-shift Cashflow Snapshot. The card is immutable; only text digits change. */
.sa-admin-portal .sa-admin-hero-pro,
.sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase,
.sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase .sa-balance-card,
.sa-admin-portal .sa-admin-hero-pro .sa-cashflow-showcase .sa-balance-card *{
  animation-name:none!important;
  animation-duration:0s!important;
  animation-delay:0s!important;
}
.sa-admin-portal .sa-admin-hero-pro,
.sa-admin-portal .sa-admin-hero-pro.sa-admin-motion-in,
.sa-admin-portal .sa-admin-hero-pro[data-sa-admin-motion],
.sa-admin-portal .sa-admin-hero-pro[data-sa-admin-motion].sa-admin-motion-in{
  opacity:1!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  rotate:none!important;
  transition:none!important;
  animation:none!important;
}
.sa-admin-portal .sa-cashflow-showcase{
  box-sizing:border-box!important;
  height:var(--sa-cashflow-showcase-height,282px)!important;
  min-height:var(--sa-cashflow-showcase-height,282px)!important;
  max-height:var(--sa-cashflow-showcase-height,282px)!important;
  overflow:hidden!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  rotate:none!important;
  opacity:1!important;
  transition:none!important;
  animation:none!important;
}
.sa-admin-portal .sa-cashflow-showcase .sa-balance-card{
  box-sizing:border-box!important;
  width:var(--sa-cashflow-card-width,min(520px,100%))!important;
  min-width:var(--sa-cashflow-card-width,min(520px,100%))!important;
  max-width:var(--sa-cashflow-card-width,min(520px,100%))!important;
  height:var(--sa-cashflow-card-height,auto)!important;
  min-height:var(--sa-cashflow-card-height,0)!important;
  max-height:var(--sa-cashflow-card-height,none)!important;
  margin:0!important;
  flex:none!important;
  opacity:1!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  rotate:none!important;
  transition:none!important;
  animation:none!important;
  contain:layout paint style!important;
  will-change:auto!important;
}
.sa-admin-portal .sa-cashflow-showcase .sa-balance-card:hover,
.sa-admin-portal .sa-cashflow-showcase .sa-balance-card:focus,
.sa-admin-portal .sa-cashflow-showcase .sa-balance-card:focus-within{
  transform:none!important;
  translate:none!important;
  scale:none!important;
  box-shadow:0 24px 55px rgba(59,11,20,.24)!important;
}
.sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  contain:layout!important;
}
.sa-admin-portal .sa-cashflow-showcase .sa-cashflow-grid>span{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.sa-admin-portal .sa-cashflow-showcase .sa-cashflow-value{
  display:block!important;
  box-sizing:border-box!important;
  inline-size:100%!important;
  min-inline-size:0!important;
  max-inline-size:100%!important;
  block-size:1.25em!important;
  min-block-size:1.25em!important;
  max-block-size:1.25em!important;
  line-height:1.25!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
  opacity:1!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  transition:none!important;
  animation:none!important;
  will-change:contents!important;
}
@media(max-width:880px){
 .sa-admin-portal .sa-cashflow-showcase{--sa-cashflow-showcase-height:265px}
}
@media(max-width:620px){
 .sa-admin-portal .sa-cashflow-showcase{--sa-cashflow-showcase-height:225px}
}
@media(max-width:420px){
 .sa-admin-portal .sa-cashflow-showcase{--sa-cashflow-showcase-height:205px}
}


/* V2.12.10 — Projects-style minimalist hover for Recent Orders and Recent Messages. */
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-order,
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-message{
  position:relative;
  z-index:0;
  overflow:hidden;
  box-sizing:border-box;
  margin-inline:-8px;
  padding:9px 8px!important;
  border-radius:10px;
  transform:translateZ(0)!important;
  transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s ease,background-color .24s ease,border-color .24s ease!important;
}
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-order::after,
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-message::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:#3B0B14;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .24s ease;
  pointer-events:none;
}
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:hover,
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:focus-visible,
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:hover,
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:focus-visible{
  transform:translateY(-4px)!important;
  padding-left:8px!important;
  padding-right:8px!important;
  background:#fff!important;
  border-color:rgba(59,11,20,.20)!important;
  box-shadow:0 14px 30px rgba(59,11,20,.08)!important;
  outline:none;
  z-index:2;
}
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:hover::after,
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:focus-visible::after,
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:hover::after,
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:focus-visible::after{
  transform:scaleX(1);
}
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-order .sa-mini-order-thumb,
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-message img{
  transform:translateZ(0);
  transition:transform .38s cubic-bezier(.2,.7,.2,1),filter .28s ease;
}
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:hover .sa-mini-order-thumb,
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:focus-visible .sa-mini-order-thumb,
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:hover img,
.sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:focus-visible img{
  transform:scale(1.035);
  filter:saturate(1.04);
}
@media (hover:none){
  .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:hover,
  .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:hover{
    transform:none!important;
    box-shadow:none!important;
  }
  .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:not(.is-new):hover,
  .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:hover{background:transparent!important}
  .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order.is-new:hover{background:#fff9e7!important}
  .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:hover::after,
  .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:hover::after{transform:scaleX(0)}
  .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:hover .sa-mini-order-thumb,
  .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:hover img{transform:none;filter:none}
}
@media (prefers-reduced-motion:reduce){
  .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order,
  .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message,
  .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order::after,
  .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message::after,
  .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order .sa-mini-order-thumb,
  .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message img{transition:none!important}
}


/* V2.12.11 — full-width Payment History, scrollbar-free billing tables and balanced section spacing. */
.sa-app-v2[data-sa-section="payments"] .sa-payment-page,
.sa-app-v2[data-sa-section="payments"] .sa-client-payment-layout,
.sa-app-v2[data-sa-section="payments"] .sa-payment-main,
.sa-app-v2[data-sa-section="payments"] .sa-payment-side,
.sa-app-v2[data-sa-section="payments"] .sa-payment-history-card,
.sa-app-v2[data-sa-section="payments"] .sa-admin-payments-card{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.sa-app-v2[data-sa-section="payments"] .sa-client-payment-layout{
  grid-template-columns:minmax(0,1fr) minmax(260px,300px);
  gap:20px;
  align-items:start;
}
.sa-app-v2[data-sa-section="payments"] .sa-payment-main,
.sa-app-v2[data-sa-section="payments"] .sa-payment-side{
  display:grid;
  gap:18px;
  align-content:start;
}
.sa-app-v2[data-sa-section="payments"] .sa-payment-main>.sa-card,
.sa-app-v2[data-sa-section="payments"] .sa-payment-side>.sa-card,
.sa-app-v2[data-sa-section="payments"] .sa-payment-main>.sa-alert{
  margin:0!important;
}
.sa-app-v2[data-sa-section="payments"] .sa-payment-history-card{
  grid-column:1/-1;
  margin:0!important;
}
.sa-app-v2[data-sa-section="payments"] .sa-payment-history-card>h3{
  margin:0 0 16px;
}
.sa-app-v2[data-sa-section="payments"] .sa-payment-history-wrap,
.sa-app-v2[data-sa-section="payments"] .sa-admin-payments-wrap{
  width:100%;
  max-width:100%;
  overflow:visible!important;
  scrollbar-width:none;
}
.sa-app-v2[data-sa-section="payments"] .sa-payment-history-wrap::-webkit-scrollbar,
.sa-app-v2[data-sa-section="payments"] .sa-admin-payments-wrap::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}
.sa-app-v2[data-sa-section="payments"] .sa-payment-history-table,
.sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:fixed;
}
.sa-app-v2[data-sa-section="payments"] .sa-payment-history-table th,
.sa-app-v2[data-sa-section="payments"] .sa-payment-history-table td,
.sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table th,
.sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table td{
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}
.sa-app-v2[data-sa-section="payments"] .sa-payment-history-table th:nth-child(1){width:24%}
.sa-app-v2[data-sa-section="payments"] .sa-payment-history-table th:nth-child(2){width:24%}
.sa-app-v2[data-sa-section="payments"] .sa-payment-history-table th:nth-child(3){width:18%}
.sa-app-v2[data-sa-section="payments"] .sa-payment-history-table th:nth-child(4){width:17%}
.sa-app-v2[data-sa-section="payments"] .sa-payment-history-table th:nth-child(5){width:17%}
.sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table{table-layout:auto}
.sa-app-v2[data-sa-section="payments"] .sa-admin-payments-card{margin-top:0}
.sa-app-v2[data-sa-section="payments"] .sa-payment-summary-card,
.sa-app-v2[data-sa-section="payments"] .sa-secure-payment-card,
.sa-app-v2[data-sa-section="payments"] .sa-payment-order-summary,
.sa-app-v2[data-sa-section="payments"] .sa-payment-history-card,
.sa-app-v2[data-sa-section="payments"] .sa-admin-payments-card{
  position:relative;
  overflow:hidden;
}
.sa-app-v2[data-sa-section="payments"] .sa-secure-payment-card{
  padding-top:20px;
  padding-bottom:20px;
}
.sa-app-v2[data-sa-section="payments"] .sa-payment-trust{
  margin-top:14px;
}
@media(max-width:980px){
  .sa-app-v2[data-sa-section="payments"] .sa-client-payment-layout{
    grid-template-columns:minmax(0,1fr);
    gap:18px;
  }
  .sa-app-v2[data-sa-section="payments"] .sa-payment-history-card{grid-column:auto}
}
@media(max-width:700px){
  .sa-app-v2[data-sa-section="payments"] .sa-payment-history-card,
  .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-card{padding:16px}
  .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table,
  .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table tbody,
  .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table tr,
  .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table td,
  .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table,
  .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table tbody,
  .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table tr,
  .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table td{
    display:block;
    width:100%!important;
  }
  .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table thead,
  .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table thead{display:none}
  .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table tbody,
  .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table tbody{display:grid;gap:12px}
  .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table tr:not(.sa-empty-row),
  .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table tr:not(.sa-empty-row){
    padding:10px 12px;
    border:1px solid var(--sa-border);
    border-radius:10px;
    background:#fff;
  }
  .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table td,
  .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table td{
    display:grid;
    grid-template-columns:minmax(92px,38%) minmax(0,1fr);
    gap:12px;
    align-items:center;
    padding:8px 0;
    border:0;
    text-align:right;
  }
  .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table td+td,
  .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table td+td{border-top:1px solid #f3eeee}
  .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table td::before,
  .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table td::before{
    content:attr(data-label);
    color:var(--muted);
    font-size:13px;
    font-weight:650;
    text-align:left;
  }
  .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table .sa-empty-row td,
  .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table .sa-empty-row td{
    display:block;
    padding:14px 0;
    text-align:left;
  }
  .sa-app-v2[data-sa-section="payments"] .sa-payment-history-table .sa-empty-row td::before,
  .sa-app-v2[data-sa-section="payments"] .sa-admin-payments-table .sa-empty-row td::before{display:none}
}
@media(max-width:650px){
  .sa-app-v2[data-sa-section="payments"] .sa-payment-summary-grid{gap:0}
  .sa-app-v2[data-sa-section="payments"] .sa-payment-main,
  .sa-app-v2[data-sa-section="payments"] .sa-payment-side,
  .sa-app-v2[data-sa-section="payments"] .sa-client-payment-layout{gap:14px}
}

/* V3.33 — premium welcome sparkle; replaces ambiguous hand emoji. */
.sa-welcome-title{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
}
.sa-welcome-mark{
  display:inline-grid;
  place-items:center;
  width:31px;
  height:31px;
  flex:0 0 31px;
  margin-top:1px;
  border:1px solid rgba(86,9,26,.13);
  border-radius:50%;
  color:#5a0b1d;
  background:linear-gradient(145deg,#fff8f6,#f8ece9);
  box-shadow:0 5px 14px rgba(78,9,24,.09);
  vertical-align:middle;
}
.sa-welcome-mark svg{
  width:17px;
  height:17px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:650px){
  .sa-welcome-title{gap:7px}
  .sa-welcome-mark{width:28px;height:28px;flex-basis:28px}
  .sa-welcome-mark svg{width:15px;height:15px}
}



/* V2.12.13 — remove the decorative outline/ring from the header profile avatar in both portals. */
.sa-app-v2 .sa-profile-toggle{
 border:0!important;
 outline:0!important;
 background:transparent!important;
 background-image:none!important;
 box-shadow:none!important;
}
.sa-app-v2 .sa-profile-toggle:hover,
.sa-app-v2 .sa-profile-toggle:focus,
.sa-app-v2 .sa-profile-toggle:focus-visible,
.sa-app-v2 .sa-profile-menu.open .sa-profile-toggle{
 border:0!important;
 outline:0!important;
 background:transparent!important;
 background-image:none!important;
 box-shadow:none!important;
 transform:none!important;
}
.sa-app-v2 .sa-profile-toggle:before,
.sa-app-v2 .sa-profile-toggle:after{content:none!important;display:none!important}
.sa-app-v2 .sa-profile-toggle img{
 border:0!important;
 outline:0!important;
 box-shadow:none!important;
}

/* V2.12.14 instant navigation feedback without layout shift. */
.sa-app-v2.sa-page-opening .sa-content-v2{pointer-events:none}
.sa-app-v2.sa-page-opening .sa-topbar:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#3b0b14;transform-origin:left;animation:sa-fast-load .55s ease-out infinite alternate;z-index:30}
@keyframes sa-fast-load{from{transform:scaleX(.18);opacity:.45}to{transform:scaleX(.92);opacity:1}}
@media(prefers-reduced-motion:reduce){.sa-app-v2.sa-page-opening .sa-topbar:after{animation:none;transform:scaleX(1)}}


/* V2.12.16 — isolate the portal from public-theme header/profile/cursor code. */
.sa-portal-body>.sa-global-account-fallback,
.sa-portal-body .sa-global-account-fallback,
.sa-portal-body>.site-header,
.sa-portal-body>.sa-wp-header,
.sa-portal-body>.premium-cursor,
.sa-portal-body .premium-cursor,
.sa-portal-body .header-account:not(.sa-profile-menu){display:none!important}
html.has-custom-cursor .sa-portal-body,
html.has-custom-cursor .sa-portal-body *{cursor:auto!important}
.sa-portal-body a,
.sa-portal-body button,
.sa-portal-body [role="button"],
.sa-portal-body input[type="button"],
.sa-portal-body input[type="submit"],
.sa-portal-body input[type="file"],
.sa-portal-body select{cursor:pointer!important}
.sa-portal-body input[type="text"],
.sa-portal-body input[type="email"],
.sa-portal-body input[type="password"],
.sa-portal-body input[type="search"],
.sa-portal-body input[type="number"],
.sa-portal-body textarea{cursor:text!important}
@media(max-width:900px){
 .sa-app-v2 .sa-menu-toggle{display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:relative!important;z-index:6!important}
 .sa-app-v2 .sa-top-actions{display:flex!important}
}


/* V2.12.17 — compact premium cursor inside admin/client portal. */
.sa-portal-cursor{
 position:fixed;left:0;top:0;width:28px;height:28px;border:1px solid rgba(59,11,20,.48);
 border-radius:50%;background:rgba(59,11,20,.025);pointer-events:none;z-index:2147483000;
 transform:translate3d(-120px,-120px,0) translate(-50%,-50%);display:grid;place-items:center;
 opacity:0;visibility:hidden;will-change:transform,width,height,opacity;
 transition:width .18s ease,height .18s ease,background .18s ease,border-color .18s ease,opacity .15s ease,box-shadow .18s ease;
 mix-blend-mode:multiply;box-shadow:0 5px 18px rgba(59,11,20,.10)
}
.sa-portal-cursor:before{content:"";width:4px;height:4px;border-radius:50%;background:#3B0B14;transition:.18s}
.sa-portal-cursor.is-visible{opacity:1;visibility:visible}
.sa-portal-cursor.is-button{width:42px;height:42px;background:rgba(59,11,20,.07);border-color:rgba(59,11,20,.42);box-shadow:0 8px 22px rgba(59,11,20,.13)}
.sa-portal-cursor.is-card{width:46px;height:46px;background:rgba(59,11,20,.045);border-color:rgba(59,11,20,.30)}
.sa-portal-cursor.is-image{width:52px;height:52px;background:rgba(59,11,20,.09);border-color:rgba(59,11,20,.24);backdrop-filter:blur(1px)}
.sa-portal-cursor.is-text{width:20px;height:20px;background:transparent;border-color:rgba(59,11,20,.38)}
.sa-portal-cursor.is-dark{mix-blend-mode:normal;border-color:rgba(248,243,236,.82);background:rgba(248,243,236,.08);box-shadow:0 6px 20px rgba(0,0,0,.15)}
.sa-portal-cursor.is-dark:before{background:#f8f3ec;box-shadow:0 0 10px rgba(255,255,255,.34)}
@media (pointer:fine) and (prefers-reduced-motion:no-preference){
 html.sa-portal-custom-cursor .sa-portal-body,
 html.sa-portal-custom-cursor .sa-portal-body *{cursor:none!important}
}
@media (pointer:coarse),(prefers-reduced-motion:reduce){.sa-portal-cursor{display:none!important}}


/* V2.12.18 — portal cursor is activated by real mouse movement, including hybrid devices. */
.sa-portal-cursor{width:26px!important;height:26px!important;display:grid!important;pointer-events:none!important;z-index:2147483000!important}
.sa-portal-cursor.is-blue{
 width:42px!important;height:42px!important;
 background:radial-gradient(circle,rgba(91,126,255,.20) 0%,rgba(91,126,255,.09) 58%,rgba(91,126,255,0) 76%)!important;
 border-color:rgba(91,126,255,.68)!important;
 box-shadow:0 8px 22px rgba(91,126,255,.18)!important;
 mix-blend-mode:normal!important
}
.sa-portal-cursor.is-blue:before{background:#5b7eff!important;box-shadow:0 0 10px rgba(91,126,255,.46)!important}
.sa-portal-cursor.is-text{width:18px!important;height:18px!important;background:transparent!important;box-shadow:none!important}
.sa-portal-cursor.is-dark.is-blue{border-color:rgba(226,234,255,.92)!important;background:rgba(118,149,255,.14)!important}
.sa-portal-cursor.is-dark.is-blue:before{background:#f7f9ff!important}
html.sa-portal-custom-cursor body.sa-portal-body,
html.sa-portal-custom-cursor body.sa-portal-body *{cursor:none!important}
@media(pointer:coarse){html.sa-portal-custom-cursor body.sa-portal-body,html.sa-portal-custom-cursor body.sa-portal-body *{cursor:auto!important}.sa-portal-cursor{display:none!important}}


/* V2.12.19 — always-active portal cursor with native-safe fallback. */
@media (hover:hover) and (pointer:fine){
 html.sa-portal-custom-cursor body.sa-portal-body,
 html.sa-portal-custom-cursor body.sa-portal-body *:not(iframe):not(object):not(embed){cursor:none!important}
 .sa-portal-cursor,
 .sa-portal-cursor:not(.is-visible){
  display:grid!important;visibility:visible!important;opacity:1!important;
  width:26px!important;height:26px!important;border:1px solid rgba(59,11,20,.58)!important;
  border-radius:50%!important;background:rgba(255,255,255,.34)!important;
  box-shadow:0 5px 18px rgba(59,11,20,.13),inset 0 0 0 1px rgba(255,255,255,.48)!important;
  backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;
  mix-blend-mode:normal!important;pointer-events:none!important;z-index:2147483647!important;
 }
 .sa-portal-cursor:before{width:4px!important;height:4px!important;background:#3B0B14!important;box-shadow:0 0 7px rgba(59,11,20,.32)!important}
 .sa-portal-cursor.is-blue,.sa-portal-cursor.is-button,.sa-portal-cursor.is-card,.sa-portal-cursor.is-image{
  width:44px!important;height:44px!important;border-color:rgba(75,113,255,.80)!important;
  background:radial-gradient(circle,rgba(91,126,255,.25) 0%,rgba(91,126,255,.12) 58%,rgba(91,126,255,.04) 100%)!important;
  box-shadow:0 9px 26px rgba(75,113,255,.24),inset 0 0 0 1px rgba(255,255,255,.58)!important;
 }
 .sa-portal-cursor.is-blue:before,.sa-portal-cursor.is-button:before,.sa-portal-cursor.is-card:before,.sa-portal-cursor.is-image:before{background:#4f73ff!important;box-shadow:0 0 12px rgba(79,115,255,.68)!important}
 .sa-portal-cursor.is-text{width:20px!important;height:20px!important;background:rgba(255,255,255,.25)!important;border-color:rgba(59,11,20,.52)!important;box-shadow:0 4px 14px rgba(59,11,20,.10)!important}
 .sa-portal-cursor.is-dark{border-color:rgba(255,255,255,.88)!important;background:rgba(255,255,255,.12)!important;box-shadow:0 7px 22px rgba(0,0,0,.24)!important}
 .sa-portal-cursor.is-dark:before{background:#fff!important;box-shadow:0 0 10px rgba(255,255,255,.62)!important}
 iframe,object,embed{cursor:auto!important}
}
@media(pointer:coarse){.sa-portal-cursor{display:none!important}}

/* V2.12.20 — unified responsive premium cursor states across portal. */
html{scroll-behavior:smooth}
@media(pointer:fine){
 html.sa-portal-custom-cursor body.sa-portal-body,html.sa-portal-custom-cursor body.sa-portal-body *:not(iframe):not(object):not(embed){cursor:none!important}
 .sa-portal-cursor{
  width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;
  opacity:1!important;visibility:visible!important;display:grid!important;pointer-events:none!important;z-index:2147483646!important;
  border:1px solid rgba(59,11,20,.58)!important;border-radius:50%!important;background:rgba(255,255,255,.18)!important;
  box-shadow:0 3px 12px rgba(59,11,20,.10)!important;mix-blend-mode:normal!important;
  transition:width .22s cubic-bezier(.2,.8,.2,1),height .22s cubic-bezier(.2,.8,.2,1),background .22s ease,border-color .22s ease,box-shadow .22s ease!important;
  animation:saPortalCursorBreath 1.15s ease-in-out infinite!important
 }
 .sa-portal-cursor:before{content:""!important;width:4px!important;height:4px!important;border-radius:50%!important;background:#3b0b14!important;box-shadow:0 0 7px rgba(59,11,20,.35)!important}
 .sa-portal-cursor[data-sa-state="menu"],.sa-portal-cursor[data-sa-state="link"]{width:30px!important;height:30px!important;background:rgba(79,115,255,.10)!important;border-color:rgba(79,115,255,.72)!important;box-shadow:0 6px 18px rgba(79,115,255,.20)!important}
 .sa-portal-cursor[data-sa-state="button"],.sa-portal-cursor[data-sa-state="card"]{width:40px!important;height:40px!important;background:rgba(79,115,255,.12)!important;border-color:rgba(79,115,255,.78)!important;box-shadow:0 8px 22px rgba(79,115,255,.24)!important}
 .sa-portal-cursor[data-sa-state="upload"]{width:50px!important;height:50px!important;background:rgba(79,115,255,.13)!important;border-color:rgba(79,115,255,.86)!important;box-shadow:0 9px 26px rgba(79,115,255,.28)!important;animation:saPortalUploadRing .85s linear infinite,saPortalCursorBreath 1.15s ease-in-out infinite!important}
 .sa-portal-cursor[data-sa-state="text"],.sa-portal-cursor[data-sa-state="default"]{width:16px!important;height:16px!important}
 .sa-portal-cursor[data-sa-blue="1"]:before{background:#4f73ff!important;box-shadow:0 0 11px rgba(79,115,255,.72)!important}
 .sa-portal-cursor[data-sa-dark="1"]{border-color:rgba(255,255,255,.90)!important;background:rgba(255,255,255,.10)!important;box-shadow:0 7px 22px rgba(0,0,0,.25)!important}
 .sa-portal-cursor[data-sa-dark="1"]:before{background:#fff!important;box-shadow:0 0 10px rgba(255,255,255,.65)!important}
 iframe,object,embed{cursor:auto!important}
}
@keyframes saPortalCursorBreath{0%,100%{scale:1}50%{scale:.88}}
@keyframes saPortalUploadRing{0%{outline:0 solid rgba(79,115,255,.34)}100%{outline:10px solid rgba(79,115,255,0)}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.sa-portal-cursor{display:none!important}html.sa-portal-custom-cursor body.sa-portal-body,html.sa-portal-custom-cursor body.sa-portal-body *{cursor:auto!important}html{scroll-behavior:auto}}


/* V2.12.21 — exact portal cursor hierarchy + sound-wave zoom-out, with stable pointer coordinates. */
@media(hover:hover) and (pointer:fine){
 html.sa-portal-custom-cursor body.sa-portal-body,html.sa-portal-custom-cursor body.sa-portal-body *:not(iframe):not(object):not(embed){cursor:none!important}
 .sa-portal-cursor{width:16px!important;height:16px!important;min-width:0!important;min-height:0!important;display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;z-index:2147483647!important;border:1px solid rgba(255,248,232,.96)!important;border-radius:50%!important;background:rgba(255,255,255,.06)!important;box-shadow:0 2px 11px rgba(25,13,15,.28),0 0 0 1px rgba(59,11,20,.28)!important;mix-blend-mode:normal!important;animation:none!important;transition:width .18s cubic-bezier(.2,.8,.2,1),height .18s cubic-bezier(.2,.8,.2,1),background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important;will-change:transform,width,height!important}
 .sa-portal-cursor:before{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:4px!important;height:4px!important;margin:-2px 0 0 -2px!important;border-radius:50%!important;background:#fff8e8!important;box-shadow:0 0 0 1px rgba(59,11,20,.60),0 0 8px rgba(255,248,232,.55)!important;transform:none!important;animation:none!important}
 .sa-portal-cursor:after{content:""!important;position:absolute!important;inset:-1px!important;border:1px solid rgba(82,119,255,.58)!important;border-radius:50%!important;opacity:0!important;pointer-events:none!important;transform:scale(.72)!important}
 .sa-portal-cursor[data-sa-wave="1"]{outline:0 solid transparent!important}
 .sa-portal-cursor[data-sa-wave="1"]:after{animation:saPortalSoundWave 1.05s cubic-bezier(.15,.65,.3,1) infinite!important}
 .sa-portal-cursor[data-sa-state="input"],.sa-portal-cursor[data-sa-state="text"]{width:14px!important;height:14px!important;background:transparent!important}
 .sa-portal-cursor[data-sa-state="menu"],.sa-portal-cursor[data-sa-state="link"]{width:34px!important;height:34px!important;border-color:rgba(82,119,255,.90)!important;background:rgba(82,119,255,.10)!important;box-shadow:0 7px 21px rgba(82,119,255,.24)!important}
 .sa-portal-cursor[data-sa-state="button"],.sa-portal-cursor[data-sa-state="auth"]{width:48px!important;height:48px!important;border-color:rgba(82,119,255,.96)!important;background:rgba(82,119,255,.14)!important;box-shadow:0 9px 26px rgba(82,119,255,.30)!important}
 .sa-portal-cursor[data-sa-state="card"]{width:56px!important;height:56px!important;border-color:rgba(82,119,255,.90)!important;background:rgba(82,119,255,.11)!important;box-shadow:0 11px 30px rgba(82,119,255,.27)!important}
 .sa-portal-cursor[data-sa-state="image"],.sa-portal-cursor[data-sa-state="upload"]{width:70px!important;height:70px!important;border-color:rgba(82,119,255,.98)!important;background:radial-gradient(circle,rgba(82,119,255,.18),rgba(82,119,255,.08) 62%,transparent 74%)!important;box-shadow:0 13px 36px rgba(82,119,255,.35)!important}
 .sa-portal-cursor[data-sa-blue="1"]:before{background:#5277ff!important;box-shadow:0 0 13px rgba(82,119,255,.85)!important}
 .sa-portal-cursor[data-sa-dark="1"]{border-color:rgba(255,248,232,.98)!important;box-shadow:0 8px 28px rgba(0,0,0,.36)!important}
 iframe,object,embed{cursor:auto!important}
}
@keyframes saPortalSoundWave{0%{opacity:.74;transform:scale(.72)}70%,100%{opacity:0;transform:scale(1.55)}}
@media(pointer:coarse){.sa-portal-cursor{display:none!important}}


/* V2.12.22 — authoritative portal cursor sizes + visible sound-wave effect. */
@media (hover:hover) and (pointer:fine){
 html.sa-portal-cursor-v1222,html.sa-portal-cursor-v1222 body,html.sa-portal-cursor-v1222 body *:not(iframe):not(object):not(embed){cursor:none!important}
 html.sa-portal-cursor-v1222 .sa-portal-cursor{
  display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:none!important;position:fixed!important;left:0!important;top:0!important;z-index:2147483647!important;
  width:16px!important;height:16px!important;border:1px solid rgba(255,248,232,.96)!important;border-radius:50%!important;background:rgba(255,255,255,.05)!important;
  box-shadow:0 2px 10px rgba(25,13,15,.28),0 0 0 1px rgba(59,11,20,.26)!important;mix-blend-mode:normal!important;
  transform:translate3d(var(--sa-pcx,-80px),var(--sa-pcy,-80px),0) translate(-50%,-50%)!important;
  transition:width .18s cubic-bezier(.2,.8,.2,1),height .18s cubic-bezier(.2,.8,.2,1),background .18s ease,border-color .18s ease,box-shadow .18s ease!important;animation:none!important;
 }
 html.sa-portal-cursor-v1222 .sa-portal-cursor::before,html.sa-portal-cursor-v1222 .sa-portal-cursor::after{content:""!important;position:absolute!important;inset:-1px!important;border:1px solid rgba(76,112,255,.72)!important;border-radius:50%!important;opacity:0!important;transform:scale(.72)!important}
 html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-wave="1"]::before{animation:saPortalWaveV1222 1.1s cubic-bezier(.12,.62,.28,1) infinite!important}
 html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-wave="1"]::after{animation:saPortalWaveV1222 1.1s .38s cubic-bezier(.12,.62,.28,1) infinite!important}
 html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-state="menu"]{width:34px!important;height:34px!important;border-color:rgba(76,112,255,.82)!important;background:rgba(76,112,255,.09)!important;box-shadow:0 6px 18px rgba(76,112,255,.22)!important}
 html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-state="button"]{width:48px!important;height:48px!important;border-color:rgba(76,112,255,.88)!important;background:rgba(76,112,255,.13)!important;box-shadow:0 9px 25px rgba(76,112,255,.28)!important}
 html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-state="card"]{width:56px!important;height:56px!important;border-color:rgba(76,112,255,.84)!important;background:rgba(76,112,255,.12)!important;box-shadow:0 10px 28px rgba(76,112,255,.26)!important}
 html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-state="image"],html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-state="upload"]{width:60px!important;height:60px!important;border-color:rgba(76,112,255,.92)!important;background:radial-gradient(circle,rgba(76,112,255,.18),rgba(76,112,255,.08) 62%,rgba(76,112,255,.02))!important;box-shadow:0 12px 32px rgba(76,112,255,.31)!important}
 html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-state="input"]{width:14px!important;height:14px!important;background:transparent!important}
 html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-state="text"]{width:12px!important;height:12px!important;background:transparent!important}
 html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-blue="1"]{border-color:rgba(76,112,255,.9)!important}
 html.sa-portal-cursor-v1222 .sa-portal-cursor[data-sa-dark="1"]{border-color:rgba(255,255,255,.94)!important;background:rgba(255,255,255,.10)!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important}
}
@keyframes saPortalWaveV1222{0%{opacity:.72;transform:scale(.72)}72%{opacity:.12}100%{opacity:0;transform:scale(1.72)}}


/* V2.12.23 — portal uses native system cursor only. */
.sa-portal-body,.sa-portal-body *,html .sa-portal-body,html .sa-portal-body *{cursor:auto!important}
.sa-portal-body a,.sa-portal-body button,.sa-portal-body [role="button"],.sa-portal-body input[type="button"],.sa-portal-body input[type="submit"],.sa-portal-body label[for]{cursor:pointer!important}
.sa-portal-body input,.sa-portal-body textarea,.sa-portal-body [contenteditable="true"]{cursor:text!important}
.sa-portal-body .premium-cursor,.sa-portal-body .sa-pulse-cursor,.sa-portal-body .sa-dashboard-cursor{display:none!important}


/* V2.12.24 — portal always uses the native operating-system cursor. */
html.sa-portal-custom-cursor,
html.sa-portal-cursor-v1222,
html.has-custom-cursor,
html.sa-public-pulse-cursor,
html.sa-portal-custom-cursor body.sa-portal-body,
html.sa-portal-cursor-v1222 body.sa-portal-body,
html.has-custom-cursor body.sa-portal-body,
body.sa-portal-body,
body.sa-portal-body *{
  cursor:auto!important;
}
body.sa-portal-body a,
body.sa-portal-body button,
body.sa-portal-body [role="button"],
body.sa-portal-body input[type="button"],
body.sa-portal-body input[type="submit"],
body.sa-portal-body input[type="file"],
body.sa-portal-body label[for],
body.sa-portal-body summary{
  cursor:pointer!important;
}
body.sa-portal-body input:not([type="button"]):not([type="submit"]):not([type="file"]),
body.sa-portal-body textarea,
body.sa-portal-body [contenteditable="true"]{
  cursor:text!important;
}
body.sa-portal-body select{cursor:default!important}
body.sa-portal-body .sa-portal-cursor,
body.sa-portal-body .premium-cursor,
body.sa-portal-body .sa-pulse-cursor,
body.sa-portal-body .sa-dashboard-cursor{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}


/* V2.12.25 — BFCache/back-navigation interaction recovery. */
html.sa-history-restored .sa-app-v2[data-sa-section="albums"] .sa-album-card,
html.sa-history-restored .sa-app-v2[data-sa-section="albums"] .sa-client-album-card,
html.sa-history-restored .sa-app-v2[data-sa-section="albums"] .sa-project-card{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.sa-app-v2 .sa-album-card,.sa-app-v2 .sa-client-album-card,.sa-app-v2 .sa-project-card{will-change:transform,box-shadow}


/* V2.12.26 — premium SPA navigation: portal shell stays mounted, only content changes. */
.sa-spa-progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:2147483000;pointer-events:none;opacity:0;overflow:hidden;transition:opacity .18s ease;background:transparent}
.sa-spa-progress i{display:block;width:38%;height:100%;transform:translateX(-120%);background:linear-gradient(90deg,transparent,#3b0b14 35%,#8f4554 70%,transparent);box-shadow:0 0 14px rgba(59,11,20,.32)}
.sa-spa-progress.is-active{opacity:1}.sa-spa-progress.is-active i{animation:saSpaProgress 1s cubic-bezier(.4,0,.2,1) infinite}
.sa-app-v2.sa-spa-navigating .sa-content-v2{pointer-events:none}.sa-app-v2.sa-spa-navigating .sa-sidebar,.sa-app-v2.sa-spa-navigating .sa-topbar{pointer-events:auto}
.sa-content-v2{transition:opacity .16s ease,transform .2s cubic-bezier(.2,.75,.25,1);will-change:opacity,transform}
.sa-content-v2.sa-spa-content-out{opacity:.42;transform:translateY(4px)}
.sa-content-v2.sa-spa-content-in{animation:saSpaContentIn .34s cubic-bezier(.2,.78,.24,1) both}
@keyframes saSpaProgress{0%{transform:translateX(-120%)}55%{transform:translateX(145%)}100%{transform:translateX(290%)}}
@keyframes saSpaContentIn{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.sa-spa-progress i,.sa-content-v2.sa-spa-content-in{animation:none!important}.sa-content-v2{transition:none!important}}


/* V2.12.29 — true one-tap switching between mobile drawer, profile and notifications. */
@media(max-width:900px){
 .sa-app-v2 .sa-topbar{
  z-index:140!important;
  isolation:isolate;
 }
 .sa-app-v2 .sa-sidebar{
  top:var(--sa-mobile-topbar-height,112px)!important;
  bottom:0!important;
  height:auto!important;
  max-height:calc(100dvh - var(--sa-mobile-topbar-height,112px))!important;
  z-index:130!important;
 }
 .sa-app-v2 .sa-drawer-overlay{
  top:var(--sa-mobile-topbar-height,112px)!important;
  z-index:120!important;
 }
 .sa-app-v2 .sa-profile-dropdown,
 .sa-app-v2 .sa-notification-popup{
  z-index:160!important;
 }
 .sa-app-v2.sa-drawer-active .sa-topbar,
 .sa-app-v2 .sa-top-actions,
 .sa-app-v2 .sa-menu-toggle{
  pointer-events:auto!important;
 }
}

/* V2.12.30 — authoritative single-open UI state. Theme/mobile scripts cannot keep two panels visible. */
.sa-portal-body .site-header,
.sa-portal-body .sa-wp-header,
.sa-portal-body .sa-global-account-fallback,
.sa-portal-body .mobile-nav,
.sa-portal-body .sa-wp-mobile-nav,
.sa-portal-body > .header-account{display:none!important;visibility:hidden!important;pointer-events:none!important}
.sa-app-v2:not(.sa-ui-profile-open) .sa-profile-dropdown,
.sa-app-v2:not(.sa-ui-notifications-open) .sa-notification-popup{
 opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-6px)!important
}
.sa-app-v2.sa-ui-profile-open .sa-profile-dropdown{
 opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important
}
.sa-app-v2.sa-ui-notifications-open .sa-notification-popup{
 opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important
}
.sa-app-v2.sa-ui-profile-open .sa-notification-popup,
.sa-app-v2.sa-ui-notifications-open .sa-profile-dropdown{
 opacity:0!important;visibility:hidden!important;pointer-events:none!important
}
@media(max-width:980px){
 .sa-app-v2:not(.sa-ui-drawer-open) .sa-sidebar{transform:translateX(100%)!important;pointer-events:none!important}
 .sa-app-v2.sa-ui-drawer-open .sa-sidebar{transform:none!important;pointer-events:auto!important}
 .sa-app-v2:not(.sa-ui-drawer-open) .sa-drawer-overlay{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
 .sa-app-v2.sa-ui-drawer-open .sa-drawer-overlay{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
 .sa-app-v2.sa-ui-profile-open .sa-sidebar,
 .sa-app-v2.sa-ui-notifications-open .sa-sidebar{transform:translateX(100%)!important;pointer-events:none!important}
 .sa-app-v2.sa-ui-profile-open .sa-drawer-overlay,
 .sa-app-v2.sa-ui-notifications-open .sa-drawer-overlay{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}

/* V2.12.31 — one authoritative state for hamburger, profile and notifications. */
.sa-app-v2 .sa-profile-dropdown,
.sa-app-v2 .sa-notification-popup{
 opacity:0!important;
 visibility:hidden!important;
 pointer-events:none!important;
 transform:translateY(-6px)!important;
}
.sa-app-v2[data-sa-ui-state="profile"] .sa-profile-dropdown{
 opacity:1!important;
 visibility:visible!important;
 pointer-events:auto!important;
 transform:none!important;
}
.sa-app-v2[data-sa-ui-state="notifications"] .sa-notification-popup{
 opacity:1!important;
 visibility:visible!important;
 pointer-events:auto!important;
 transform:none!important;
}
.sa-app-v2[data-sa-ui-state="profile"] .sa-notification-popup,
.sa-app-v2[data-sa-ui-state="notifications"] .sa-profile-dropdown,
.sa-app-v2[data-sa-ui-state="drawer"] .sa-profile-dropdown,
.sa-app-v2[data-sa-ui-state="drawer"] .sa-notification-popup{
 opacity:0!important;
 visibility:hidden!important;
 pointer-events:none!important;
}
@media(max-width:980px){
 .sa-app-v2 .sa-sidebar{
  transform:translateX(100%)!important;
  pointer-events:none!important;
 }
 .sa-app-v2 .sa-drawer-overlay{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
 }
 .sa-app-v2[data-sa-ui-state="drawer"] .sa-sidebar{
  transform:none!important;
  pointer-events:auto!important;
 }
 .sa-app-v2[data-sa-ui-state="drawer"] .sa-drawer-overlay{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
 }
 .sa-app-v2[data-sa-ui-state="profile"] .sa-sidebar,
 .sa-app-v2[data-sa-ui-state="notifications"] .sa-sidebar,
 .sa-app-v2[data-sa-ui-state="none"] .sa-sidebar{
  transform:translateX(100%)!important;
  pointer-events:none!important;
 }
}


/* V2.12.35 — loader-free portal navigation with a soft content swap. */
body.sa-portal-body > .loader,
body.sa-portal-body > .progress,
body.sa-portal-body > .preloader,
body.sa-portal-body > .page-loader,
body.sa-portal-body > .site-loader,
body.sa-portal-body > .loading-screen,
body.sa-portal-body .sa-spa-progress{
 display:none!important;
 visibility:hidden!important;
 opacity:0!important;
 pointer-events:none!important;
}
.sa-app-v2.sa-page-opening .sa-topbar:after{display:none!important;content:none!important;animation:none!important}
.sa-app-v2.sa-page-opening .sa-content-v2,
.sa-app-v2.sa-spa-navigating .sa-content-v2{pointer-events:auto!important}
.sa-content-v2.sa-spa-content-out{opacity:1!important;transform:none!important}
.sa-content-v2.sa-spa-content-in{animation:saPortalSoftSwap .24s cubic-bezier(.2,.72,.24,1) both!important}
@keyframes saPortalSoftSwap{from{opacity:.74;transform:translateY(3px)}to{opacity:1;transform:none}}
.sa-content-v2{view-transition-name:sa-portal-content}
::view-transition-old(sa-portal-content){animation:saPortalOld .14s ease both}
::view-transition-new(sa-portal-content){animation:saPortalNew .22s cubic-bezier(.2,.72,.24,1) both}
@keyframes saPortalOld{to{opacity:.82}}
@keyframes saPortalNew{from{opacity:.72;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.sa-content-v2.sa-spa-content-in,::view-transition-old(sa-portal-content),::view-transition-new(sa-portal-content){animation:none!important}}


/* V2.12.36 — sequential fade: old page fully fades out before new page fades in. */
.sa-content-v2{view-transition-name:none!important}
.sa-content-v2.sa-spa-fade-out{
 opacity:0!important;
 transform:none!important;
 transition:opacity .14s ease!important;
 pointer-events:none!important;
}
.sa-content-v2.sa-spa-fade-in{
 opacity:0!important;
 transform:none!important;
 transition:none!important;
 pointer-events:none!important;
}
.sa-content-v2.sa-spa-fade-in.is-visible{
 opacity:1!important;
 transition:opacity .22s ease!important;
}
::view-transition-old(sa-portal-content),
::view-transition-new(sa-portal-content){animation:none!important}
@media(prefers-reduced-motion:reduce){
 .sa-content-v2.sa-spa-fade-out,
 .sa-content-v2.sa-spa-fade-in,
 .sa-content-v2.sa-spa-fade-in.is-visible{opacity:1!important;transition:none!important;pointer-events:auto!important}
}


/* V2.12.37 — keep the Accounts profile identity card horizontal and readable in both portal roles.
   Dashboard's legacy .sa-profile-photo grid used to override the Accounts card and squeeze the
   name into a one-character-wide column. This higher-specificity rule restores the intended card. */
.sa-app-v2 .sa-client-identity-card.sa-profile-photo{
 display:block!important;
 grid-template-columns:none!important;
 gap:0!important;
 align-items:stretch!important;
 padding:0!important;
 overflow:hidden!important;
}
.sa-app-v2 .sa-client-identity-card .sa-client-identity-head{
 display:grid!important;
 grid-template-columns:96px minmax(0,1fr) auto!important;
 gap:18px!important;
 align-items:center!important;
 width:100%!important;
}
.sa-app-v2 .sa-client-identity-card .sa-profile-avatar-stage{
 grid-column:auto!important;
 grid-row:auto!important;
}
.sa-app-v2 .sa-client-identity-card .sa-profile-identity{
 min-width:0!important;
 width:auto!important;
 max-width:100%!important;
 writing-mode:horizontal-tb!important;
}
.sa-app-v2 .sa-client-identity-card .sa-profile-identity h3,
.sa-app-v2 .sa-client-identity-card [data-sa-live-name]{
 display:block!important;
 width:auto!important;
 max-width:100%!important;
 margin:6px 0 4px!important;
 white-space:normal!important;
 word-break:normal!important;
 overflow-wrap:break-word!important;
 hyphens:none!important;
 writing-mode:horizontal-tb!important;
 text-orientation:mixed!important;
 line-height:1.2!important;
}
.sa-app-v2 .sa-client-identity-card .sa-profile-identity>p{
 max-width:100%!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important;
}
.sa-app-v2 .sa-client-identity-card .sa-client-active-badge{
 grid-column:auto!important;
 grid-row:auto!important;
 align-self:start!important;
}
.sa-app-v2 .sa-client-identity-card .sa-client-photo-tools{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) auto!important;
 gap:18px!important;
 align-items:center!important;
 width:100%!important;
}
@media(max-width:700px){
 .sa-app-v2 .sa-client-identity-card .sa-client-identity-head{
  grid-template-columns:78px minmax(0,1fr)!important;
  gap:14px!important;
 }
 .sa-app-v2 .sa-client-identity-card .sa-client-active-badge{
  grid-column:2!important;
  justify-self:start!important;
  margin-top:-8px!important;
 }
 .sa-app-v2 .sa-client-identity-card .sa-client-photo-tools{
  grid-template-columns:1fr!important;
 }
}
@media(max-width:430px){
 .sa-app-v2 .sa-client-identity-card .sa-client-identity-head{
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:12px!important;
  padding:16px!important;
 }
 .sa-app-v2 .sa-client-identity-card .sa-client-identity-head .sa-profile-avatar-stage{
  width:62px!important;
  height:62px!important;
 }
 .sa-app-v2 .sa-client-identity-card .sa-profile-identity h3,
 .sa-app-v2 .sa-client-identity-card [data-sa-live-name]{font-size:19px!important}
 .sa-app-v2 .sa-client-identity-card .sa-client-photo-tools{padding:16px!important}
}


/* Calling is retired: hide any stale settings markup before JavaScript cleanup. */
[data-sa-call-settings],.sa-call-settings,.sa-calling-settings,.sa-website-calling,.sa-website-calling-settings,.sa-settings-call-card{display:none!important}


/* =========================================================
   v2.12.42 — Calling settings removal + dashboard icon alignment
   ========================================================= */
.sa-app-v2 [data-sa-call-settings],
.sa-app-v2 .sa-call-settings,
.sa-app-v2 .sa-calling-settings,
.sa-app-v2 .sa-website-calling,
.sa-app-v2 .sa-website-calling-settings,
.sa-app-v2 .sa-settings-call-card,
.sa-app-v2 .sa-rt-call-actions,
.sa-app-v2 [data-sa-call-button],
.sa-app-v2 [data-sa-call-start]{display:none!important}
.sa-admin-portal .sa-dashboard-stat-grid{align-items:stretch!important;gap:14px!important}
.sa-admin-portal .sa-dashboard-stat-card{
 display:grid!important;
 grid-template-columns:48px minmax(0,1fr)!important;
 grid-template-rows:auto auto auto!important;
 column-gap:14px!important;
 row-gap:2px!important;
 align-content:center!important;
 min-height:132px!important;
 padding:20px 18px!important;
 text-align:left!important;
 overflow:hidden!important;
}
.sa-admin-portal .sa-dashboard-stat-card>.sa-dashboard-stat-icon{
 position:static!important;
 inset:auto!important;
 grid-column:1!important;
 grid-row:1 / span 3!important;
 align-self:start!important;
 width:46px!important;
 height:46px!important;
 margin:0!important;
 border-radius:50%!important;
 display:grid!important;
 place-items:center!important;
 background:#f8e9ec!important;
 border:1px solid rgba(59,11,20,.06)!important;
 color:#3B0B14!important;
 box-shadow:0 8px 18px rgba(59,11,20,.06)!important;
 transform:none!important;
}
.sa-admin-portal .sa-dashboard-stat-card>.sa-dashboard-stat-icon .sa-svg-icon{width:20px!important;height:20px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.sa-admin-portal .sa-dashboard-stat-card>span,
.sa-admin-portal .sa-dashboard-stat-card>strong,
.sa-admin-portal .sa-dashboard-stat-card>small{grid-column:2!important;position:static!important;transform:none!important;min-width:0!important}
.sa-admin-portal .sa-dashboard-stat-card>span{grid-row:1!important;align-self:end!important;font-size:13px!important;line-height:1.25!important;margin:0!important;color:#554b4e!important}
.sa-admin-portal .sa-dashboard-stat-card>strong{grid-row:2!important;font-size:25px!important;line-height:1.12!important;margin:5px 0 3px!important;color:#251b1e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sa-admin-portal .sa-dashboard-stat-card>small{grid-row:3!important;font-size:13px!important;line-height:1.35!important;margin:0!important;color:var(--muted)!important}
.sa-admin-portal .sa-dashboard-stat-card:hover>.sa-dashboard-stat-icon{transform:translateY(-1px)!important;background:#f5dfe3!important}
@media(max-width:980px){.sa-admin-portal .sa-dashboard-stat-card{min-height:122px!important}}
@media(max-width:650px){
 .sa-admin-portal .sa-dashboard-stat-grid{gap:9px!important}
 .sa-admin-portal .sa-dashboard-stat-card{grid-template-columns:38px minmax(0,1fr)!important;column-gap:10px!important;min-height:108px!important;padding:14px 12px!important}
 .sa-admin-portal .sa-dashboard-stat-card>.sa-dashboard-stat-icon{width:36px!important;height:36px!important}
 .sa-admin-portal .sa-dashboard-stat-card>.sa-dashboard-stat-icon .sa-svg-icon{width:17px!important;height:17px!important}
 .sa-admin-portal .sa-dashboard-stat-card>span{font-size:13px!important}
 .sa-admin-portal .sa-dashboard-stat-card>strong{font-size:20px!important;margin:4px 0 2px!important}
 .sa-admin-portal .sa-dashboard-stat-card>small{font-size:13px!important}
}


/* =========================================================
   v2.12.43 — final calling removal + live order KPI polish
   ========================================================= */
.sa-app-v2 [data-setting="website-calling"],
.sa-app-v2 [data-setting="calling"],
.sa-app-v2 [id*="website-calling" i],
.sa-app-v2 [class*="website-calling" i],
.sa-app-v2 [id*="calling-settings" i],
.sa-app-v2 [class*="calling-settings" i]{display:none!important}
.sa-admin-portal .sa-dashboard-stat-card .sa-dashboard-stat-icon svg{
 width:20px!important;height:20px!important;display:block!important;
 overflow:visible!important;fill:none!important;stroke:currentColor!important;
 stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.sa-admin-portal .sa-dashboard-stat-card .sa-dashboard-stat-icon::before,
.sa-admin-portal .sa-dashboard-stat-card .sa-dashboard-stat-icon::after{content:none!important;display:none!important}


/* V2.12.48 — Premium client Dashboard refinement.
   Visual-only scope: no order/payment/auth/Drive logic changes. */
.sa-client-portal[data-sa-section="dashboard"] .sa-content-v2{
  background:var(--sa-bg,#fbfaf9);
}
.sa-client-portal[data-sa-section="dashboard"] .sa-page-heading{
  position:relative;overflow:hidden;
  margin-bottom:16px;padding:20px 22px;
  border:1px solid rgba(59,11,20,.10);border-radius:18px;
  background:linear-gradient(135deg,#fff 0%,#fffafa 58%,#fff4f3 100%);
  box-shadow:0 10px 30px rgba(59,11,20,.045);
}
.sa-client-portal[data-sa-section="dashboard"] .sa-page-heading:after{
  content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#3B0B14;
}
.sa-client-portal[data-sa-section="dashboard"] .sa-page-heading h1{font-size:30px;letter-spacing:-.025em;margin-bottom:6px}
.sa-client-portal[data-sa-section="dashboard"] .sa-page-heading p{font-size:13px;color:#7c6f73}
.sa-client-portal[data-sa-section="dashboard"] .sa-welcome-mark{box-shadow:0 7px 18px rgba(59,11,20,.08)}

.sa-client-portal[data-sa-section="dashboard"] .sa-stat-grid.five{gap:12px;margin-bottom:18px}
.sa-client-portal[data-sa-section="dashboard"] .sa-stat-card{
  min-height:112px;padding:17px 18px;border-radius:16px;
  border-color:rgba(59,11,20,.09);background:linear-gradient(155deg,#fff,#fffdfc);
  box-shadow:0 7px 22px rgba(53,28,34,.035);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.sa-client-portal[data-sa-section="dashboard"] .sa-stat-card:before{
  content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:0 0 3px 3px;background:rgba(59,11,20,.18)
}
.sa-client-portal[data-sa-section="dashboard"] .sa-stat-card>span{font-size:13px;font-weight:650;color:#6d6064}
.sa-client-portal[data-sa-section="dashboard"] .sa-stat-card>strong{font-size:26px;letter-spacing:-.025em;color:#2f2226}
.sa-client-portal[data-sa-section="dashboard"] .sa-stat-card>small{font-size:13px}
.sa-client-portal[data-sa-section="dashboard"] .sa-stat-card:hover{transform:translateY(-2px);border-color:rgba(59,11,20,.16);box-shadow:0 12px 28px rgba(59,11,20,.065)}

.sa-client-portal[data-sa-section="dashboard"] .sa-client-dashboard-grid{
  grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:stretch;
}
.sa-client-portal[data-sa-section="dashboard"] .sa-client-dashboard-grid>.sa-card{
  border-radius:17px;border-color:rgba(59,11,20,.095);box-shadow:0 8px 26px rgba(53,28,34,.04);padding:20px;
}
.sa-client-portal[data-sa-section="dashboard"] .sa-client-project{padding:20px 21px!important}
.sa-client-portal[data-sa-section="dashboard"] .sa-card-head{margin-bottom:15px}
.sa-client-portal[data-sa-section="dashboard"] .sa-card-head h3,
.sa-client-portal[data-sa-section="dashboard"] .sa-client-dashboard-grid>aside.sa-card>h3{font-size:14px;letter-spacing:-.01em;color:#302428}
.sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-content{
  grid-template-columns:220px minmax(0,1fr) 126px 190px;gap:20px;align-items:center;
}
.sa-client-portal[data-sa-section="dashboard"] .sa-project-visual{
  height:185px!important;border-radius:14px!important;border:1px solid rgba(59,11,20,.10);box-shadow:0 8px 20px rgba(59,11,20,.07)
}
.sa-client-portal[data-sa-section="dashboard"] .sa-project-visual>small{left:12px;right:12px;bottom:50px;border-radius:9px;background:rgba(59,11,20,.86)}
.sa-client-portal[data-sa-section="dashboard"] .sa-project-visual>a{left:12px!important;right:12px!important;bottom:11px!important;border-radius:9px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(59,11,20,.11)!important;color:#3B0B14!important;text-align:center!important;padding:8px!important;font-weight:700!important}
.sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-content>div:nth-child(2)>h2{margin:0 0 12px;font-size:19px;letter-spacing:-.02em}
.sa-client-portal[data-sa-section="dashboard"] .sa-key-list>div{padding:8px 0;border-bottom-color:#f1ebec}
.sa-client-portal[data-sa-section="dashboard"] .sa-key-list dt{font-size:13px;letter-spacing:.02em;color:#85777b}
.sa-client-portal[data-sa-section="dashboard"] .sa-key-list dd{font-size:13px;font-weight:700;color:#3b2d31}
.sa-client-portal[data-sa-section="dashboard"] .sa-progress-donut{width:104px;height:104px;box-shadow:0 10px 28px rgba(45,166,106,.10)}
.sa-client-portal[data-sa-section="dashboard"] .sa-stage-list.compact{padding-left:5px}
.sa-client-portal[data-sa-section="dashboard"] .sa-stage-list.compact>div{padding:7px 0}
.sa-client-portal[data-sa-section="dashboard"] .sa-stage-list.compact b{font-size:13px}

.sa-client-portal[data-sa-section="dashboard"] .sa-activity-row{padding:11px 2px;border-bottom:1px solid #f3eeee}
.sa-client-portal[data-sa-section="dashboard"] .sa-activity-row:last-child{border-bottom:0}
.sa-client-portal[data-sa-section="dashboard"] .sa-activity-row strong{font-size:13px}
.sa-client-portal[data-sa-section="dashboard"] .sa-activity-row small{font-size:13px;color:#8b7c80}
.sa-client-portal[data-sa-section="dashboard"] .sa-milestone-row{border-bottom:1px solid #f3eeee}
.sa-client-portal[data-sa-section="dashboard"] .sa-milestone-row:last-child{border-bottom:0}
.sa-client-portal[data-sa-section="dashboard"] .sa-quick-actions{gap:9px}
.sa-client-portal[data-sa-section="dashboard"] .sa-quick-actions a{
  display:flex;align-items:center;min-height:45px;padding:11px 12px;border-radius:10px;
  background:#fffafa;border-color:rgba(59,11,20,.09);font-size:13px;font-weight:650;color:#4a3339;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.sa-client-portal[data-sa-section="dashboard"] .sa-quick-actions a:hover{background:#fff4f3;border-color:rgba(59,11,20,.18);transform:translateX(2px)}
.sa-client-portal[data-sa-section="dashboard"] .sa-album-preview{border-radius:13px!important;box-shadow:inset 0 0 0 1px rgba(59,11,20,.07)}
.sa-client-portal[data-sa-section="dashboard"] .sa-designer-message{
  margin-top:18px;padding:18px 20px;border-radius:16px;
  background:linear-gradient(100deg,#fff6f5,#fff 70%);border-color:rgba(59,11,20,.10);box-shadow:0 8px 24px rgba(59,11,20,.035)
}
.sa-client-portal[data-sa-section="dashboard"] .sa-designer-message>span{font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif);font-size:52px;line-height:.8;color:#8f4c59}
.sa-client-portal[data-sa-section="dashboard"] .sa-designer-message h3{font-size:13px;margin-bottom:3px}
.sa-client-portal[data-sa-section="dashboard"] .sa-designer-message p{font-size:13px;color:#776a6e}

@media(max-width:1450px){
  .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-content{grid-template-columns:190px minmax(0,1fr) 110px 165px;gap:15px}
  .sa-client-portal[data-sa-section="dashboard"] .sa-project-visual{height:170px!important}
}
@media(max-width:1180px){
  .sa-client-portal[data-sa-section="dashboard"] .sa-client-dashboard-grid{grid-template-columns:1fr}
  .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-content{grid-template-columns:210px minmax(0,1fr) 120px;}
  .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-content .sa-stage-list{grid-column:2/4}
}
@media(max-width:820px){
  .sa-client-portal[data-sa-section="dashboard"] .sa-page-heading{padding:17px 18px;border-radius:15px}
  .sa-client-portal[data-sa-section="dashboard"] .sa-page-heading h1{font-size:25px}
  .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-content{grid-template-columns:1fr 1fr;align-items:start}
  .sa-client-portal[data-sa-section="dashboard"] .sa-project-visual{grid-column:1/-1;height:auto!important;aspect-ratio:16/9}
  .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-content .sa-progress-donut{grid-column:1}
  .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-content .sa-stage-list{grid-column:2}
}
@media(max-width:650px){
  .sa-client-portal[data-sa-section="dashboard"] .sa-page-heading{margin-bottom:13px;padding:15px 16px}
  .sa-client-portal[data-sa-section="dashboard"] .sa-page-heading h1{font-size:23px}
  .sa-client-portal[data-sa-section="dashboard"] .sa-stat-card{min-height:96px;padding:14px;border-radius:13px}
  .sa-client-portal[data-sa-section="dashboard"] .sa-client-dashboard-grid>.sa-card{padding:15px;border-radius:14px}
  .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-content{grid-template-columns:1fr}
  .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-content .sa-progress-donut,
  .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-content .sa-stage-list{grid-column:auto}
  .sa-client-portal[data-sa-section="dashboard"] .sa-project-visual{aspect-ratio:3/2}
}
@media(hover:none){
  .sa-client-portal[data-sa-section="dashboard"] .sa-stat-card:hover{transform:none;box-shadow:0 7px 22px rgba(53,28,34,.035)}
  .sa-client-portal[data-sa-section="dashboard"] .sa-quick-actions a:hover{transform:none}
}


/* V2.12.49 — Global portal typography readability parity (Admin + Client).
 * No layout, permissions, payment, Drive or order logic changes.
 * Normal body text remains 14px; only formerly tiny supporting text is raised.
 */
.sa-portal-body{font-size:14px;line-height:1.5}
.sa-portal-body .sa-page-heading p{font-size:13px;line-height:1.5}
.sa-portal-body .sa-card-head a,
.sa-portal-body .sa-btn-small,
.sa-portal-body .sa-icon-btn,
.sa-portal-body .sa-form label,
.sa-portal-body .sa-stat-card>span,
.sa-portal-body .sa-stat-card>small,
.sa-portal-body .sa-table th,
.sa-portal-body .sa-table td>small,
.sa-portal-body .sa-table td strong+small,
.sa-portal-body .sa-person small{font-size:13px}

/* Project Overview is the visual typography reference requested for portal detail text. */
.sa-client-portal[data-sa-section="dashboard"] .sa-key-list dt{font-size:13px!important;line-height:1.4}
.sa-client-portal[data-sa-section="dashboard"] .sa-key-list dd{font-size:13px!important;line-height:1.45}
.sa-client-portal[data-sa-section="dashboard"] .sa-stage-list.compact b{font-size:13px!important}
.sa-client-portal[data-sa-section="dashboard"] .sa-activity-row small{font-size:13px!important}
.sa-client-portal[data-sa-section="dashboard"] .sa-quick-actions a{font-size:13px!important}
.sa-client-portal[data-sa-section="dashboard"] .sa-designer-message p{font-size:13px!important;line-height:1.5}

/* V2.12.50 — Sidebar hover/active state clarity (Admin + Client).
 * Only the current page uses the solid burgundy active treatment.
 * Hovered inactive links stay visually distinct so two items never look active.
 */
.sa-app-v2 .sa-sidebar nav a:not(.active):hover{
  background:#fff3f3!important;
  color:#3B0B14!important;
  box-shadow:inset 3px 0 0 rgba(59,11,20,.55)!important;
  transform:none!important;
}
.sa-app-v2 .sa-sidebar nav a:not(.active):hover i{
  color:#3B0B14!important;
  animation:none!important;
}
.sa-app-v2 .sa-sidebar nav a.active,
.sa-app-v2 .sa-sidebar nav a.active:hover{
  background:#3B0B14!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
.sa-app-v2 .sa-sidebar nav a.active i,
.sa-app-v2 .sa-sidebar nav a.active:hover i{
  color:#fff!important;
}
.sa-app-v2 .sa-sidebar nav a:focus-visible{
  outline:2px solid rgba(59,11,20,.30)!important;
  outline-offset:2px!important;
}
@media (hover:none){
  .sa-app-v2 .sa-sidebar nav a:not(.active):hover{
    background:transparent!important;
    color:#3f3538!important;
    box-shadow:none!important;
  }
  .sa-app-v2 .sa-sidebar nav a:not(.active):hover i{color:var(--sa)!important}
}

/* V2.12.51 — invoice-style client billing rows with album thumbnails and secure remaining-payment actions. */
.sa-billing-table-card,.sa-payment-due-card,.sa-payment-history-card{overflow:hidden}
.sa-billing-table{width:100%;overflow-x:auto}
.sa-billing-row{display:grid;align-items:center;gap:14px;min-width:1180px;padding:13px 12px;border-bottom:1px solid var(--sa-border);font-size:13px;color:var(--text)}
.sa-invoice-parity-table .sa-billing-row{grid-template-columns:64px 145px minmax(180px,1.35fr) 120px 120px 110px 110px 110px 120px 76px}
.sa-payment-parity-table .sa-billing-row{grid-template-columns:64px minmax(210px,1.5fr) 150px 110px 110px 120px 120px 150px}
.sa-payment-history-table .sa-billing-row{grid-template-columns:64px minmax(210px,1.5fr) minmax(180px,1fr) 150px 120px 110px 120px}
.sa-billing-row:last-child{border-bottom:0}.sa-billing-head{background:#fffaf9;color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.035em}
.sa-billing-thumb{width:52px;height:52px;border-radius:10px;overflow:hidden;background:#f6f2f1;border:1px solid var(--sa-border);display:grid;place-items:center}
.sa-billing-thumb img{width:100%;height:100%;object-fit:cover;display:block}.sa-billing-thumb i{width:24px;height:24px;color:var(--sa)}.sa-billing-thumb svg{width:100%;height:100%}
.sa-billing-project{display:flex;flex-direction:column;gap:3px;min-width:0}.sa-billing-project b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-billing-project small{color:var(--muted);font-size:13px}
.sa-billing-row .sa-status{font-style:normal;white-space:nowrap}.sa-billing-view{min-width:54px;text-align:center;padding:8px 12px}.sa-pay-balance{white-space:nowrap;padding:9px 13px}.sa-pay-balance.is-loading{opacity:.7;cursor:wait}
.sa-payment-due-card>.sa-card-head,.sa-payment-history-card>.sa-card-head{align-items:flex-end}.sa-payment-due-card .sa-card-head p,.sa-payment-history-card .sa-card-head p{margin:4px 0 0;color:var(--muted)}
.sa-payment-feedback{min-height:20px;margin-top:10px;font-size:13px;font-weight:600}.sa-payment-feedback.is-error{color:#b4233f}.sa-payment-feedback.is-success{color:#16824d}
.sa-billing-empty{padding:28px 16px;text-align:center;color:var(--muted)}.sa-billing-empty.sa-paid-up{display:flex;flex-direction:column;gap:4px}.sa-billing-empty.sa-paid-up strong{color:#16824d;font-size:15px}
.sa-billing-project-identity{display:flex;align-items:center;gap:14px;margin-bottom:14px}.sa-billing-project-identity img{width:76px;height:76px;border-radius:12px;object-fit:cover;border:1px solid var(--sa-border)}.sa-billing-project-identity div{display:flex;flex-direction:column;gap:3px}.sa-billing-project-identity small{color:var(--muted)}.sa-billing-project-identity strong{font-size:16px}.sa-billing-project-identity span{color:var(--muted);font-size:13px}
@media(max-width:980px){.sa-billing-row{min-width:1080px}.sa-payment-due-card>.sa-card-head{align-items:flex-start;gap:12px;flex-wrap:wrap}}
@media(max-width:650px){.sa-billing-table-card,.sa-payment-due-card,.sa-payment-history-card{padding-left:10px;padding-right:10px}.sa-billing-row{padding:11px 8px}.sa-billing-project-identity img{width:64px;height:64px}}


/* V2.12.52 — native hand cursor over the complete interactive control, including its text/icon children.
 * Applies to both Admin and Client portals. This intentionally comes after the native-cursor reset.
 */
body.sa-portal-body :is(
  a,
  button,
  [role="button"],
  input[type="button"],
  input[type="submit"],
  input[type="file"],
  label[for],
  summary,
  .sa-btn,
  .sa-icon-btn,
  .sa-menu-toggle,
  .sa-notification-toggle,
  .sa-profile-toggle
),
body.sa-portal-body :is(
  a,
  button,
  [role="button"],
  input[type="button"],
  input[type="submit"],
  input[type="file"],
  label[for],
  summary,
  .sa-btn,
  .sa-icon-btn,
  .sa-menu-toggle,
  .sa-notification-toggle,
  .sa-profile-toggle
) *{
  cursor:pointer!important;
}
/* Button/link copy is UI chrome, not selectable document text. */
body.sa-portal-body :is(a,button,[role="button"],.sa-btn,.sa-icon-btn,.sa-menu-toggle,.sa-notification-toggle,.sa-profile-toggle){
  -webkit-user-select:none!important;
  user-select:none!important;
}
/* Preserve the I-beam only for real editable fields, never for button/link labels. */
body.sa-portal-body input:not([type="button"]):not([type="submit"]):not([type="file"]),
body.sa-portal-body textarea,
body.sa-portal-body [contenteditable="true"]{
  cursor:text!important;
  -webkit-user-select:text!important;
  user-select:text!important;
}

/* V2.12.54 — client payments section spacing + project stage marker line centering. */
.sa-app-v2[data-sa-section="payments"] .sa-payment-due-card + .sa-payment-history-card{
  margin-top:18px!important;
}
.sa-app-v2 .sa-stage-list{
  border-left:2px solid #e2e2e2!important;
  padding-left:16px!important;
}
.sa-app-v2 .sa-stage-list>div>span{
  width:14px!important;
  height:14px!important;
  left:-24px!important;
}
@media(max-width:650px){
  .sa-app-v2[data-sa-section="payments"] .sa-payment-due-card + .sa-payment-history-card{margin-top:14px!important}
}


/* V2.12.55 — premium live Order Overview. Values and chart come from live DB aggregates. */
.sa-admin-portal .sa-order-overview-live{grid-column:1/-1;padding:26px 28px 24px;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#fffdfc 100%);box-shadow:0 16px 46px rgba(59,11,20,.055)}
.sa-order-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:22px}
.sa-order-overview-head h3{margin:0;color:#3b0b14;font-size:26px;line-height:1.12}
.sa-order-overview-head p{margin:6px 0 0;color:#816f74;font-size:13px}
.sa-order-overview-range{display:flex;align-items:center;gap:10px;min-width:180px;padding:7px 8px 7px 13px;border:1px solid #eadcda;border-radius:14px;background:#fff9f6;box-shadow:0 8px 24px rgba(59,11,20,.04)}
.sa-order-overview-range>span{width:21px;height:21px;color:#5a111b;display:grid;place-items:center}.sa-order-overview-range .sa-svg-icon{width:20px;height:20px}
.sa-order-overview-range select{appearance:auto;width:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#34262a;padding:8px 4px!important;margin:0!important;font-weight:650;cursor:pointer}
.sa-order-overview-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}
.sa-order-overview-kpi{min-height:132px;display:flex;align-items:center;gap:18px;padding:20px;border:1px solid #eee2df;border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(59,11,20,.025)}
.sa-order-overview-kpi-icon{width:68px;height:68px;flex:0 0 68px;border-radius:18px;display:grid;place-items:center;background:#f5e8e5;color:#5a101a}
.sa-order-overview-kpi.progress .sa-order-overview-kpi-icon{background:#fff1db;color:#dd8f00}.sa-order-overview-kpi.delivered .sa-order-overview-kpi-icon{background:#e5f4ea;color:#178b50}
.sa-order-overview-kpi-icon .sa-svg-icon{width:31px;height:31px;stroke-width:1.8}
.sa-order-overview-kpi>div>span{display:block;color:#5e5155;font-size:14px;font-weight:650}
.sa-order-overview-kpi strong{display:block;margin-top:2px;color:#3b0b14;font-size:30px;line-height:1.15}.sa-order-overview-kpi.progress strong{color:#dd8f00}.sa-order-overview-kpi.delivered strong{color:#178b50}
.sa-order-overview-kpi p{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:9px 0 0}.sa-order-overview-kpi p b{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:13px;line-height:1;font-weight:850;background:#eef1f0;color:#6c6668}.sa-order-overview-kpi p b.positive{background:#e4f4e8;color:#16894f}.sa-order-overview-kpi p b.negative{background:#fde8eb;color:#bd3149}.sa-order-overview-kpi p b.neutral{background:#f2efef;color:#786f72}.sa-order-overview-kpi p small{color:#897a7f;font-size:13px}
.sa-order-overview-chart-shell{position:relative;border:1px solid #eee3e0;border-radius:18px;background:linear-gradient(180deg,#fff,#fffdfc);padding:12px 14px 4px;overflow:hidden}
.sa-order-overview-svg{display:block;width:100%;height:340px;overflow:visible}.sa-overview-grid-line{stroke:var(--sa-overview-grid-ink,#eee7e5);stroke-width:1;stroke-dasharray:5 6}.sa-overview-axis-label{fill:var(--sa-overview-label-ink,#8a787e);font-size:13px;font-weight:500}
.sa-overview-line{vector-effect:non-scaling-stroke;stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round}.sa-overview-line.orders{stroke:var(--sa-overview-orders-ink,#4d0c16);stroke-width:3.7}.sa-overview-line.progress{stroke:#e69b0c}.sa-overview-line.delivered{stroke:#27985d}.sa-overview-area{stroke:none;pointer-events:none}
.sa-overview-point{vector-effect:non-scaling-stroke;stroke:var(--sa-overview-point-outline,#fff);stroke-width:2;transition:r .16s ease}.sa-overview-point:hover{r:6}.sa-overview-point.orders{fill:var(--sa-overview-orders-ink,#4d0c16)}.sa-overview-point.progress{fill:#e69b0c}.sa-overview-point.delivered{fill:#27985d}
.sa-order-overview-legend{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;padding:15px 0 2px;color:#4d4044;font-size:13px;font-weight:650}.sa-order-overview-legend span{display:inline-flex;align-items:center;gap:7px}.sa-order-overview-legend i{width:10px;height:10px;border-radius:50%;background:var(--sa-overview-orders-ink,#4d0c16)}.sa-order-overview-legend .progress i{background:#e69b0c}.sa-order-overview-legend .delivered i{background:#27985d}
.sa-order-overview-insight{display:grid;grid-template-columns:42px auto minmax(0,1fr);align-items:center;gap:12px;margin-top:17px;padding:14px 16px;border:1px solid #eee3e0;border-radius:15px;background:#fffaf8}.sa-order-overview-insight-icon{width:38px;height:38px;border-radius:10px;background:#f7e8e5;color:#65141f;display:grid;place-items:center;font-size:18px;font-weight:900}.sa-order-overview-insight strong{color:#3b0b14}.sa-order-overview-insight p{margin:0;color:#66575c;font-size:13px;line-height:1.5}
@media(max-width:900px){.sa-order-overview-kpis{grid-template-columns:1fr}.sa-order-overview-kpi{min-height:auto}.sa-order-overview-svg{height:300px}}
@media(max-width:620px){.sa-admin-portal .sa-order-overview-live{padding:18px 15px}.sa-order-overview-head{align-items:stretch;flex-direction:column}.sa-order-overview-head h3{font-size:22px}.sa-order-overview-range{width:100%}.sa-order-overview-kpi{padding:16px}.sa-order-overview-kpi-icon{width:56px;height:56px;flex-basis:56px}.sa-order-overview-kpi strong{font-size:26px}.sa-order-overview-chart-shell{padding:8px 4px 0}.sa-order-overview-svg{height:270px}.sa-order-overview-insight{grid-template-columns:38px 1fr}.sa-order-overview-insight p{grid-column:1/-1}}


/* v2.13.34 — Order Overview SVG ink follows the active website theme.
 * Keep the approved light/dark panel design intact; repair the graph ink itself,
 * rather than covering the chart with a theme-change overlay or regenerating data. */
.sa-order-overview-live{
 --sa-overview-orders-ink:#4d0c16;
 --sa-overview-grid-ink:#eee7e5;
 --sa-overview-label-ink:#8a787e;
 --sa-overview-point-outline:#fff;
}
.sa-order-overview-live .sa-order-overview-svg #sa-overview-fill-orders stop{
 stop-color:var(--sa-overview-orders-ink);
}
/* When both database series are identical, show a slim delivered line inside
 * the orders line. This preserves true values while keeping both visible. */
.sa-order-overview-live.sa-overview-coincident .sa-overview-line.orders{stroke-width:6}
.sa-order-overview-live.sa-overview-coincident .sa-overview-line.delivered{stroke-width:2.6}
.sa-order-overview-live.sa-overview-coincident .sa-overview-point.orders{stroke-width:1.2}
.sa-order-overview-live.sa-overview-coincident .sa-overview-point.delivered{stroke-width:1.2}
html[data-sa-theme="dark"] .sa-order-overview-live,
html[data-theme="dark"] .sa-order-overview-live{
 --sa-overview-orders-ink:#f2b5c4;
 --sa-overview-grid-ink:#65454f;
 --sa-overview-label-ink:#d9bec5;
 --sa-overview-point-outline:#21090d;
}

/* V2.12.58 — restore Order Overview to its original dashboard grid position.
   Keep the new LIVE design/data, but place it where the legacy Order Overview lived:
   left/main column spanning two dashboard rows instead of forcing a full-width row. */
@media(min-width:981px){
 .sa-admin-portal .sa-dashboard-grid > .sa-order-overview-live{
  grid-column:auto!important;
  grid-row:span 2!important;
  min-width:0;
 }
}
@media(max-width:980px){
 .sa-admin-portal .sa-dashboard-grid > .sa-order-overview-live{grid-column:auto!important;grid-row:auto!important}
}

/* V2.12.59 — Client album explorer: photo-first card layout + canonical order timing. */
.sa-app-v2[data-sa-section="clients"] .sa-client-album-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.sa-app-v2[data-sa-section="clients"] .sa-client-album-card{
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:0;
  padding:0;
  overflow:hidden;
  border:1px solid var(--sa-border);
  border-radius:16px;
  background:#fff;
  box-shadow:0 4px 16px rgba(59,11,20,.035);
  transform:none;
}
.sa-app-v2[data-sa-section="clients"] .sa-client-album-card:hover{
  transform:translateY(-2px);
  border-color:rgba(59,11,20,.18);
  box-shadow:0 10px 26px rgba(59,11,20,.07);
}
.sa-app-v2[data-sa-section="clients"] .sa-client-album-cover{
  position:relative;
  display:block;
  width:100%;
  min-height:0;
  height:auto;
  aspect-ratio:1.82/1;
  overflow:hidden;
  background:#f4efed;
  border-bottom:1px solid var(--sa-border);
  border-radius:15px 15px 13px 13px;
}
.sa-app-v2[data-sa-section="clients"] .sa-client-album-cover img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:none!important;
  transition:transform .35s ease!important;
}
.sa-app-v2[data-sa-section="clients"] .sa-client-album-card:hover .sa-client-album-cover img{transform:scale(1.02)!important}
.sa-app-v2[data-sa-section="clients"] .sa-client-album-cover .sa-client-album-new{
  position:absolute;left:10px;top:10px;z-index:2;padding:5px 8px;border-radius:999px;background:#fff;color:#3B0B14;font-size:13px;font-weight:850;letter-spacing:.06em;box-shadow:0 5px 14px rgba(59,11,20,.10)
}
.sa-app-v2[data-sa-section="clients"] .sa-client-album-cover .sa-client-album-cover-status{
  position:absolute;right:10px;top:10px;left:auto;z-index:2;margin:0;box-shadow:0 4px 14px rgba(59,11,20,.08)
}
.sa-app-v2[data-sa-section="clients"] .sa-client-album-body{
  flex:1;
  padding:14px 15px 15px;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.sa-app-v2[data-sa-section="clients"] .sa-client-album-title{display:block}
.sa-app-v2[data-sa-section="clients"] .sa-client-album-title small{font-size:13px;font-weight:800;letter-spacing:.08em;color:#8a6f74}
.sa-app-v2[data-sa-section="clients"] .sa-client-album-title h3{margin:3px 0 0;font-size:18px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-app-v2[data-sa-section="clients"] .sa-client-album-summary-line{margin:1px 0;color:#4f4144;font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sa-app-v2[data-sa-section="clients"] .sa-client-album-summary-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:auto;padding-top:10px;border-top:1px solid var(--sa-border)}
.sa-app-v2[data-sa-section="clients"] .sa-client-album-summary-meta>span{display:grid;gap:2px;color:var(--muted);font-size:13px;min-width:0}
.sa-app-v2[data-sa-section="clients"] .sa-client-album-summary-meta b{font-size:13.5px;color:#38272b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-app-v2[data-sa-section="clients"] .sa-client-album-actions{margin-top:1px}
.sa-app-v2[data-sa-section="clients"] .sa-client-album-actions .sa-btn{width:100%;min-height:40px;border-radius:10px;font-size:14px}
@media(max-width:1320px){.sa-app-v2[data-sa-section="clients"] .sa-client-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.sa-app-v2[data-sa-section="clients"] .sa-client-album-grid{grid-template-columns:1fr}.sa-app-v2[data-sa-section="clients"] .sa-client-album-cover{aspect-ratio:1.55/1}}
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="clients"] .sa-client-album-card{background:#210c0e;border-color:#68474c}
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="clients"] .sa-client-album-title h3,
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="clients"] .sa-client-album-summary-meta b{color:#fff7f7}
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="clients"] .sa-client-album-summary-line,
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="clients"] .sa-client-album-summary-meta>span{color:#e0cfd1}

/* Client-directory dark surfaces: these were missed by the shared .sa-card rules.
   Keep the three metrics on the same dark palette as the client card,
   and make the new-client badge and footer action readable. */
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="clients"] .sa-client-search-bar label{
  color:#f2e0e4!important;-webkit-text-fill-color:#f2e0e4!important;
}
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="clients"] .sa-client-directory-metrics{
  background:#30151b!important;border-color:#68474c!important;
}
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="clients"] .sa-client-directory-metrics span{
  color:#e8d5d7!important;-webkit-text-fill-color:#e8d5d7!important;
  border-right-color:#68474c!important;
}
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="clients"] .sa-client-directory-metrics strong{
  color:#fff7f7!important;-webkit-text-fill-color:#fff7f7!important;
}
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="clients"] .sa-client-directory-top>b{
  background:#214633!important;color:#d9ffe9!important;-webkit-text-fill-color:#d9ffe9!important;
  border:1px solid #467b60!important;
}
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="clients"] .sa-client-directory-top span,
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="clients"] .sa-client-last-album small{
  color:#f0b7c3!important;-webkit-text-fill-color:#f0b7c3!important;
}
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="clients"] .sa-client-directory-top p,
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="clients"] .sa-client-last-album span{
  color:#e3cbd0!important;-webkit-text-fill-color:#e3cbd0!important;
}
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="clients"] .sa-client-directory-open{
  color:#f4adb9!important;-webkit-text-fill-color:#f4adb9!important;
}
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="clients"] .sa-client-directory-open:hover{
  color:#fff0f3!important;-webkit-text-fill-color:#fff0f3!important;
}


/* V2.12.60 — dashboard balance/alignment polish for Order Overview + Recent cards. */
.sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-grid{
  align-items:stretch;
  grid-auto-flow:row dense;
}
.sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-grid > .sa-card,
.sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-grid > .sa-order-overview-live{
  height:100%;
  min-width:0;
}
.sa-admin-portal .sa-recent-orders-card,
.sa-admin-portal .sa-recent-messages-card,
.sa-client-portal .sa-recent-orders-card,
.sa-client-portal .sa-recent-messages-card{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:408px;
}
.sa-admin-portal .sa-recent-orders-card .sa-card-head,
.sa-admin-portal .sa-recent-messages-card .sa-card-head,
.sa-client-portal .sa-recent-orders-card .sa-card-head,
.sa-client-portal .sa-recent-messages-card .sa-card-head{
  min-height:34px;
  align-items:center;
  margin-bottom:12px;
}
.sa-admin-portal .sa-recent-orders-card > p,
.sa-admin-portal .sa-recent-messages-card > p,
.sa-client-portal .sa-recent-orders-card > p,
.sa-client-portal .sa-recent-messages-card > p{
  margin-top:auto;
}
.sa-admin-portal .sa-recent-orders-card .sa-recent-order:last-child,
.sa-admin-portal .sa-recent-messages-card .sa-recent-message:last-child,
.sa-client-portal .sa-recent-orders-card .sa-recent-order:last-child,
.sa-client-portal .sa-recent-messages-card .sa-recent-message:last-child{
  border-bottom:0;
}
@media (min-width:981px){
  .sa-admin-portal .sa-dashboard-grid,
  .sa-client-portal .sa-dashboard-grid{
    grid-template-columns:minmax(0,1.62fr) minmax(320px,.89fr) minmax(320px,.89fr);
  }
}
@media (max-width:980px){
  .sa-admin-portal .sa-recent-orders-card,
  .sa-admin-portal .sa-recent-messages-card,
  .sa-client-portal .sa-recent-orders-card,
  .sa-client-portal .sa-recent-messages-card{
    min-height:auto;
  }
}


/* V2.12.61 — Admin invoice/payment project thumbnail parity. */
.sa-admin-portal[data-sa-section="invoices"] .sa-admin-billing-project-with-thumb,
.sa-admin-portal[data-sa-section="payments"] .sa-admin-billing-project-with-thumb{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:190px;
}
.sa-admin-portal .sa-admin-billing-project-thumb{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  border-radius:10px!important;
  object-fit:cover!important;
  object-position:center!important;
  border:1px solid rgba(59,11,20,.10)!important;
  background:#f7f1ef!important;
  box-shadow:0 3px 10px rgba(59,11,20,.055)!important;
}
.sa-admin-portal .sa-admin-billing-project-thumb-placeholder{
  width:48px;height:48px;flex:0 0 48px;border-radius:10px;border:1px solid rgba(59,11,20,.10);
  background:#fbf6f4;display:grid;place-items:center;color:#6b2630;font-size:21px;line-height:1;
}
.sa-admin-portal .sa-admin-billing-project-copy{min-width:0;display:block;flex:1}
@media(max-width:980px){
 .sa-admin-portal .sa-admin-billing-project-thumb,.sa-admin-portal .sa-admin-billing-project-thumb-placeholder{width:44px!important;height:44px!important;flex-basis:44px!important}
}


/* V2.12.63 — portal-wide four-corner rounding for card media (Admin + Client).
 * Scope: visual/card media only. Profile avatars, header logo and chat/contact avatars retain
 * their existing circular identity treatment. This is CSS-only and changes no portal logic.
 */
.sa-app-v2{
  --sa-card-image-radius:14px;
}

/* Primary project / album / preview media. */
.sa-app-v2 .sa-project-visual > img,
.sa-app-v2 .sa-cover-placeholder > img,
.sa-app-v2 .sa-album-cover > img,
.sa-app-v2 .sa-client-album-cover > img,
.sa-app-v2 .sa-project-card img,
.sa-app-v2 .sa-album-card img,
.sa-app-v2 .sa-client-album-card img,
.sa-app-v2 .sa-order-project-card img,
.sa-app-v2 .sa-proof-frame > img,
.sa-app-v2 .sa-live-proof-preview > img,
.sa-app-v2 .sa-template-preview > img{
  border-radius:var(--sa-card-image-radius)!important;
  -webkit-clip-path:inset(0 round var(--sa-card-image-radius));
  clip-path:inset(0 round var(--sa-card-image-radius));
}

/* Compact project thumbnails used by dashboard, lists, invoices and payments. */
.sa-app-v2 .sa-mini-order-thumb,
.sa-app-v2 .sa-order-project-identity img,
.sa-app-v2 .sa-billing-thumb,
.sa-app-v2 .sa-billing-thumb > img,
.sa-app-v2 .sa-billing-project-identity img,
.sa-app-v2 .sa-admin-billing-project-thumb,
.sa-app-v2 .sa-admin-billing-project-thumb-placeholder{
  border-radius:var(--sa-card-image-radius)!important;
}

/* Future/current portal card media classes from companion modules.
 * Only actual IMG nodes are targeted, so controls/dropdowns with similar class names are untouched.
 */
.sa-app-v2 img[class*="thumb"],
.sa-app-v2 img[class*="thumbnail"],
.sa-app-v2 img[class*="cover"],
.sa-app-v2 img[class*="visual"],
.sa-app-v2 img[class*="preview"],
.sa-app-v2 [class*="thumb"] > img,
.sa-app-v2 [class*="thumbnail"] > img,
.sa-app-v2 [class*="cover"] > img,
.sa-app-v2 [class*="visual"] > img,
.sa-app-v2 [class*="preview"] > img{
  border-radius:var(--sa-card-image-radius)!important;
}

/* Preserve identity/avatar circles exactly as before. */
.sa-app-v2 .sa-logo img,
.sa-app-v2 .sa-profile-toggle img,
.sa-app-v2 .sa-person img,
.sa-app-v2 .sa-recent-message img,
.sa-app-v2 .sa-conversation img,
.sa-app-v2 .sa-profile-avatar-stage img,
.sa-app-v2 .sa-admin-profile-photo img,
.sa-app-v2 .sa-admin-profile-avatar img,
.sa-app-v2 .sa-admin-photo-usage img,
.sa-app-v2 img[data-sa-live-avatar]{
  border-radius:50%!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
}


/* V2.12.64 — true media-wrapper clipping + Cancelled Orders parity.
 * Fixes the visible square/line behind a rounded image by making the media wrapper,
 * not the IMG itself, the single clipping surface. Cancelled-order overlays inherit
 * the same radius so no square corner can leak through. Visual-only change.
 */
.sa-app-v2{
  --sa-card-image-radius:14px;
}

/* One clipping surface for large card media across Admin + Client. */
.sa-app-v2 .sa-project-visual,
.sa-app-v2 .sa-cover-placeholder,
.sa-app-v2 .sa-album-cover,
.sa-app-v2 .sa-album-detail-cover,
.sa-app-v2 .sa-client-album-cover,
.sa-app-v2 .sa-project-cover,
.sa-app-v2 .sa-proof-frame,
.sa-app-v2 .sa-live-proof-preview,
.sa-app-v2 .sa-template-preview{
  border-radius:var(--sa-card-image-radius)!important;
  overflow:hidden!important;
  overflow:clip!important;
  border:0!important;
  outline:0!important;
  background-clip:padding-box!important;
  isolation:isolate!important;
}

/* Wrapper owns the curve; the child image stays square internally so there is no
 * anti-aliased second edge / L-shaped line visible behind the rounded corner. */
.sa-app-v2 .sa-project-visual>img,
.sa-app-v2 .sa-cover-placeholder>img,
.sa-app-v2 .sa-album-cover>img,
.sa-app-v2 .sa-album-detail-cover>img,
.sa-app-v2 .sa-client-album-cover>img,
.sa-app-v2 .sa-project-cover>img,
.sa-app-v2 .sa-proof-frame>img,
.sa-app-v2 .sa-live-proof-preview>img,
.sa-app-v2 .sa-template-preview>img{
  border-radius:0!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  outline:0!important;
}

/* Cancelled Orders has its own grayscale layer + overlay. Clip both to the exact
 * same four-corner radius, including the dedicated Cancelled page. */
.sa-app-v2[data-sa-section="albums"] .sa-cancelled-orders-page .sa-album-cover,
.sa-app-v2[data-sa-section="albums"] .sa-cancelled-orders-page .sa-album-detail-cover,
.sa-app-v2[data-sa-section="albums"] .sa-cancelled-orders-page .sa-album-card.is-cancelled .sa-album-cover,
.sa-app-v2[data-sa-section="albums"] .sa-cancelled-orders-page .sa-album-card.is-cancelled .sa-album-detail-cover{
  border-radius:var(--sa-card-image-radius)!important;
  overflow:hidden!important;
  overflow:clip!important;
  border:0!important;
  outline:0!important;
  isolation:isolate!important;
}
.sa-app-v2[data-sa-section="albums"] .sa-cancelled-orders-page .sa-album-cover>img,
.sa-app-v2[data-sa-section="albums"] .sa-cancelled-orders-page .sa-album-detail-cover>img,
.sa-app-v2[data-sa-section="albums"] .sa-cancelled-orders-page .sa-album-card.is-cancelled .sa-album-cover>img,
.sa-app-v2[data-sa-section="albums"] .sa-cancelled-orders-page .sa-album-card.is-cancelled .sa-album-detail-cover>img{
  border-radius:0!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
}
.sa-app-v2[data-sa-section="albums"] .sa-cancelled-orders-page .sa-album-cover::before,
.sa-app-v2[data-sa-section="albums"] .sa-cancelled-orders-page .sa-album-cover::after,
.sa-app-v2[data-sa-section="albums"] .sa-cancelled-orders-page .sa-album-detail-cover::before,
.sa-app-v2[data-sa-section="albums"] .sa-cancelled-orders-page .sa-album-detail-cover::after,
.sa-app-v2[data-sa-section="albums"] .sa-album-cover.is-cancelled-cover::after{
  border-radius:inherit!important;
}

/* Compact real image nodes that do not have a dedicated wrapper. */
.sa-app-v2 .sa-mini-order-thumb,
.sa-app-v2 .sa-order-project-identity img,
.sa-app-v2 .sa-billing-thumb,
.sa-app-v2 .sa-billing-thumb>img,
.sa-app-v2 .sa-billing-project-identity img,
.sa-app-v2 .sa-admin-billing-project-thumb,
.sa-app-v2 .sa-admin-billing-project-thumb-placeholder{
  border-radius:var(--sa-card-image-radius)!important;
  overflow:hidden!important;
}


/* ==========================================================================
   v2.12.65 — WEBSITE-INTEGRATED ADMIN/CLIENT PORTAL
   The portal keeps its own dashboard UI, but now lives between the active
   website header and footer. The website theme remains loaded and untouched.
   ========================================================================== */
.sa-portal-integrated-page .sa-portal-site-shell{
  --sa-site-header-height:0px;
  --sa-site-sticky-offset:0px;
  --sa-site-flow-offset:0px;
  position:relative;
  z-index:1;
  width:100%;
  max-width:none;
  margin:0;
  padding:var(--sa-site-flow-offset) 0 0;
  background:var(--sa-bg,#fbfaf9);
  overflow:visible;
  isolation:isolate;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2{
  width:100%;
  min-height:calc(100vh - var(--sa-site-sticky-offset));
  margin:0;
  background:var(--sa-bg,#fbfaf9);
  color:var(--text,#241d1f);
  font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif)!important;
  font-size:15px!important;
  line-height:1.6!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 :is(button,input,select,textarea){font-family:inherit!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 :is(h1,h2,h3,h4,h5,h6){font-family:inherit!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 a{text-decoration:none}
.sa-portal-integrated-page .sa-portal-site-shell .sa-main-v2{
  margin-left:0!important;
  min-width:0;
  width:auto!important;
  flex:1 1 auto;
  min-height:calc(100vh - var(--sa-site-sticky-offset));
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-topbar{
  top:var(--sa-site-sticky-offset)!important;
}
/* Website footer is canonical in integrated mode; avoid a duplicate portal footer. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-portal-footer{display:none!important}

@media(min-width:981px){
  .sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar{
    position:sticky!important;
    inset:auto!important;
    top:var(--sa-site-sticky-offset)!important;
    align-self:flex-start;
    flex:0 0 242px;
    width:242px!important;
    height:calc(100vh - var(--sa-site-sticky-offset))!important;
    max-height:calc(100vh - var(--sa-site-sticky-offset))!important;
    transform:none!important;
  }
}
@media(max-width:980px){
  /* The website's existing hamburger drives this portal sidebar.
     Follow the measured public header, never the hidden portal topbar. */
  .sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar{
    position:fixed!important;
    top:var(--sa-portal-drawer-top,76px)!important;
    bottom:8px!important;
    left:auto!important;
    right:8px!important;
    height:auto!important;
    max-height:calc(100dvh - var(--sa-portal-drawer-top,76px) - 8px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  .sa-portal-integrated-page .sa-portal-site-shell .sa-drawer-overlay{
    top:var(--sa-portal-drawer-top,76px)!important;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
  }
}
/* Theme typography/layout rules must not resize the portal shell itself. */
.sa-portal-integrated-page .sa-portal-site-shell,
.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2,
.sa-portal-integrated-page .sa-portal-site-shell .sa-main-v2{
  max-width:none!important;font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif)!important;font-size:15px!important;line-height:1.6!important;}

/* ========================================================================== 
   v2.12.66 — WEBSITE-NATIVE PORTAL REDESIGN
   Root visual integration: the portal now uses the same 1280px container,
   side margins, radius, maroon, typography and card language as the public
   website. Portal data, routes, role logic and SPA behavior are unchanged.
   ========================================================================== */
.sa-portal-integrated-page .sa-portal-site-shell{
  --sa-site-container:1280px;
  background:#fff!important;
  padding:clamp(24px,3vw,42px) 0 clamp(64px,7vw,96px)!important;
  overflow:visible!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2{
  --sa:#741323;
  --sa2:#741323;
  --sa-dark:#180409;
  --sa-soft:#fbf1f2;
  --sa-bg:#fff;
  --sa-card:#fffdfc;
  --sa-border:rgba(116,19,35,.11);
  --text:#180409;
  --muted:#6f5d60;
  --shadow:0 14px 38px rgba(116,19,35,.07);
  --radius:22px;
  display:grid!important;
  grid-template-columns:216px minmax(0,1fr)!important;
  align-items:start!important;
  gap:24px!important;
  width:min(calc(100% - 48px),var(--sa-site-container))!important;
  max-width:var(--sa-site-container)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  color:var(--text)!important;
  font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif)!important;
  font-size:15px!important;
  line-height:1.6!important;
}

/* Remove the duplicated app-brand block: website header is now the canonical brand. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-logo{display:none!important}

/* Website-like navigation card rather than a separate full-height app rail. */
@media(min-width:981px){
  .sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar{
    position:sticky!important;
    inset:auto!important;
    top:calc(var(--sa-site-sticky-offset) + 24px)!important;
    align-self:start!important;
    width:216px!important;
    height:auto!important;
    max-height:calc(100vh - var(--sa-site-sticky-offset) - 48px)!important;
    min-height:0!important;
    border:1px solid var(--sa-border)!important;
    border-radius:22px!important;
    background:#fffdfc!important;
    box-shadow:0 14px 38px rgba(116,19,35,.065)!important;
    overflow:auto!important;
    transform:none!important;
  }
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav{
  padding:12px!important;
  gap:3px!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav a{
  min-height:43px!important;
  padding:9px 12px!important;
  gap:11px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  color:#49383c!important;
  font-size:13.5px!important;
  font-weight:570!important;
  transition:background-color .24s ease,border-color .24s ease,color .24s ease,transform .24s ease!important;line-height:1.4!important;}
.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav a i{
  width:19px!important;
  color:#741323!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav a:not(.active):hover{
  background:#fbf3f3!important;
  border-color:rgba(116,19,35,.08)!important;
  color:#741323!important;
  transform:translateX(2px)!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav a:not(.active):hover i{color:#741323!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav a.active,
.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav a.active:hover{
  background:#741323!important;
  border-color:#741323!important;
  color:#fff!important;
  box-shadow:0 9px 20px rgba(116,19,35,.16)!important;
  transform:none!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav a.active i{color:#fff!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav a b{
  background:#fff!important;
  color:#741323!important;
  min-width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 6px!important;
  border-radius:999px!important;
  font-size:13px!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-help-card{
  margin:4px 12px 12px!important;
  padding:16px!important;
  border:1px solid rgba(116,19,35,.10)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#fffdfc,#fff7f4)!important;
  box-shadow:none!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-help-card i{font-size:22px!important;color:#741323!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-help-card h3{margin:7px 0 4px!important;font-size:16px!important;color:#180409!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-help-card p{margin:0 0 12px!important;font-size:13px!important;line-height:1.55!important;color:#756568!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-help-card a{
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 12px!important;
  border-radius:10px!important;
  background:#741323!important;
  color:#fff!important;font-size:13.5px!important;}

/* The content is now a normal website column, not an app viewport. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-main-v2{
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  background:transparent!important;
}

/* Remove the second account/header bar. Keep only the portal search row. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-topbar{
  position:relative!important;
  top:auto!important;
  z-index:30!important;
  width:100%!important;
  height:auto!important;
  min-height:46px!important;
  margin:0 0 20px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-top-actions{display:none!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-global-search{
  width:min(100%,480px)!important;
  height:46px!important;
  border:1px solid rgba(116,19,35,.12)!important;
  border-radius:999px!important;
  background:#fffdfc!important;
  box-shadow:0 8px 24px rgba(116,19,35,.045)!important;
  overflow:hidden!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-global-search input{
  padding:0 18px!important;
  color:#180409!important;
  font-size:14px!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-global-search input::placeholder{color:#8a777a!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-global-search button{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  color:#741323!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-content-v2{
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  /* Canonical canvas: never expose the light website shell through section margins/gaps. */
  background:var(--sa-bg,#fbfaf9)!important;
}

/* v2.13.02 — Client/portal canvas root fix.
   Direct children use margins for vertical rhythm; the canvas underneath must follow --sa-bg. */
.sa-app-v2 .sa-content-v2{background:var(--sa-bg,#fbfaf9);}

/* Stop public-theme global heading rules from making dashboard headings enormous. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 h1,
.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 h2,
.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 h3,
.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 h4,
.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 h5,
.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 h6{
  font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif)!important;
  color:#180409!important;
  letter-spacing:-.02em!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-page-heading{
  margin:0 0 22px!important;
  padding:0!important;
  align-items:flex-end!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-page-heading h1{
  margin:0 0 6px!important;
  font-size:clamp(25px,2.2vw,32px)!important;
  line-height:1.12!important;
  font-weight:700!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-page-heading p{
  max-width:720px!important;
  margin:0!important;
  color:#766669!important;
  font-size:14px!important;
  line-height:1.6!important;
}

/* Website card language across every portal section. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-card,
.sa-portal-integrated-page .sa-portal-site-shell .sa-stat-card,
.sa-portal-integrated-page .sa-portal-site-shell .sa-order-overview-live,
.sa-portal-integrated-page .sa-portal-site-shell .sa-form-card,
.sa-portal-integrated-page .sa-portal-site-shell .sa-filter-bar{
  border-color:rgba(116,19,35,.10)!important;
  border-radius:22px!important;
  background:#fffdfc!important;
  box-shadow:0 10px 30px rgba(116,19,35,.045)!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-card{padding:20px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-stat-card{border-radius:16px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-card-head h3,
.sa-portal-integrated-page .sa-portal-site-shell .sa-card>h3{
  font-size:18px!important;
  line-height:1.25!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-card-head a{color:#741323!important}

/* Website-style buttons, inputs and filter controls. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-btn{
  min-height:40px!important;
  padding:9px 18px!important;
  border-radius:999px!important;
  border-color:#741323!important;
  background:#741323!important;
  color:#fff!important;
  box-shadow:none!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-btn:hover{background:#86172a!important;transform:translateY(-1px)!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-btn-light,
.sa-portal-integrated-page .sa-portal-site-shell .sa-btn-outline{
  background:#fffdfc!important;
  color:#741323!important;
  border-color:rgba(116,19,35,.18)!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-icon-btn,
.sa-portal-integrated-page .sa-portal-site-shell .sa-status-save{
  border-radius:999px!important;
}
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-form input,.sa-form select,.sa-form textarea,.sa-filter-bar input,.sa-filter-bar select){
  border-color:rgba(116,19,35,.12)!important;
  border-radius:14px!important;
  background:#fff!important;
}

/* Dashboard hero now reads like a premium website section, not a separate app. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-hero-pro{
  min-height:0!important;
  padding:34px 36px!important;
  gap:28px!important;
  border:1px solid rgba(116,19,35,.11)!important;
  border-radius:22px!important;
  background:radial-gradient(circle at 92% 18%,rgba(116,19,35,.08),transparent 28%),linear-gradient(135deg,#fffdfc,#fff7f3)!important;
  box-shadow:0 14px 38px rgba(116,19,35,.055)!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-hero-pro:before{height:2px!important;background:linear-gradient(90deg,#741323,rgba(116,19,35,0))!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-hero-pro h1{
  margin:13px 0 12px!important;
  max-width:650px!important;
  font-size:clamp(32px,3.3vw,44px)!important;
  line-height:1.04!important;
  color:#180409!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-hero-pro h1 em{
  font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif)!important;
  color:#741323!important;
  font-weight:500!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-hero-pro p{color:#715f62!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-hero-showcase{
  border-color:rgba(116,19,35,.09)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#fff,#f9ece8)!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-hero-pro .sa-balance-card{
  border-radius:16px!important;
  background:linear-gradient(145deg,#741323,#3b0b14)!important;
}

.sa-portal-integrated-page .sa-portal-site-shell .sa-new-order-attention{
  margin:20px 0!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-dashboard-stat-grid{gap:12px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-dashboard-grid{gap:18px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-order-overview-live{padding:24px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-order-overview-kpi,
.sa-portal-integrated-page .sa-portal-site-shell .sa-order-overview-chart-shell,
.sa-portal-integrated-page .sa-portal-site-shell .sa-order-overview-insight{border-radius:16px!important}

/* Tables stay functional but visually use the site's soft dividers. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-table-wrap{border-radius:16px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-table th{
  color:#6f5d60!important;
  border-bottom-color:rgba(116,19,35,.10)!important;font-size:13px!important;line-height:1.35!important;}
.sa-portal-integrated-page .sa-portal-site-shell .sa-table td{border-bottom-color:rgba(116,19,35,.07)!important;font-size:13.5px!important;line-height:1.45!important;}
.sa-portal-integrated-page .sa-portal-site-shell .sa-table tbody tr:hover{background:#fff7f5!important}

/* Tablet/mobile uses the website's smaller margins; navigation remains a drawer. */
@media(max-width:980px){
  .sa-portal-integrated-page .sa-portal-site-shell{padding:20px 0 60px!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2{
    display:block!important;
    width:min(calc(100% - 28px),var(--sa-site-container))!important;font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif)!important;font-size:15px!important;line-height:1.6!important;}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-main-v2{width:100%!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-topbar{
    display:flex!important;
    gap:10px!important;
    margin-bottom:16px!important;
  }
  /* In integrated mobile mode the public header already owns the button. */
  .sa-portal-integrated-page .sa-portal-site-shell .sa-menu-toggle{display:none!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-global-search{width:100%!important;flex:1!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar{
    top:var(--sa-portal-drawer-top,76px)!important;
    width:min(310px,calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
    padding-top:12px!important;
    border-left:1px solid rgba(116,19,35,.11)!important;
    background:#fffdfc!important;
  }
  .sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav{padding-top:0!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-admin-hero-pro{padding:26px 22px!important}
}
@media(max-width:700px){
  .sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2{width:min(calc(100% - 24px),var(--sa-site-container))!important;font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif)!important;font-size:15px!important;line-height:1.6!important;}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-card{padding:16px!important;border-radius:16px!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-page-heading{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-heading-actions{width:100%!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-heading-actions .sa-btn{flex:1!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-admin-hero-pro{border-radius:16px!important}
}

/* Dark mode follows the website's current #160708 / #210C0E palette. */
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell{background:#160708!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2{
  --sa-bg:#160708;--sa-card:#210c0e;--sa-border:#68474c;--text:#fff7f7;--muted:#e8d5d7;--sa-soft:#301014;
  color:#fff7f7!important;
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell :is(.sa-sidebar,.sa-card,.sa-stat-card,.sa-order-overview-live,.sa-global-search,.sa-help-card,.sa-filter-bar){
  background:#210c0e!important;
  border-color:#68474c!important;
  color:#fff7f7!important;
  box-shadow:0 14px 38px rgba(0,0,0,.22)!important;
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 :is(h1,h2,h3,h4,h5,h6,strong){color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 :is(p,small,.muted){color:#e0cfd1!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav a{color:#e8d5d7!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav a:not(.active):hover{background:#301014!important;color:#fff7f7!important;border-color:#68474c!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell .sa-global-search input{color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell .sa-admin-hero-pro{background:radial-gradient(circle at 90% 18%,rgba(173,53,73,.12),transparent 28%),#210c0e!important;border-color:#68474c!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell .sa-hero-showcase{background:#301014!important;border-color:#68474c!important}

/* ========================================================================== 
   v2.12.67 — ALL PAGES WEBSITE-NATIVE PORTAL REDESIGN
   One visual system for admin + client portal sections. Website header/footer
   remain canonical. Backend routes, data, forms, permissions and actions stay.
   ========================================================================== */
.sa-portal-integrated-page .sa-portal-site-shell{
  --sa-portal-gap:28px;
  --sa-portal-sidebar:204px;
  --sa-surface:#fffdfc;
  --sa-surface-soft:#fff8f6;
  --sa-line:rgba(116,19,35,.105);
  --sa-line-strong:rgba(116,19,35,.17);
  --sa-copy:#180409;
  --sa-copy-soft:#735f63;
  --sa-accent:#741323;
  --sa-accent-hover:#86172a;
  --sa-radius-lg:16px;
  --sa-radius-md:12px;
  --sa-shadow-soft:0 12px 34px rgba(116,19,35,.055);
  padding-top:30px!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2{
  grid-template-columns:var(--sa-portal-sidebar) minmax(0,1fr)!important;
  gap:var(--sa-portal-gap)!important;
  width:min(calc(100% - 48px),1280px)!important;font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif)!important;font-size:15px!important;line-height:1.6!important;}

/* Public website header is the only desktop header. */
@media(min-width:981px){
  .sa-portal-integrated-page .sa-portal-site-shell .sa-topbar{display:none!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar{
    width:var(--sa-portal-sidebar)!important;
    top:calc(var(--sa-site-sticky-offset) + 22px)!important;
    max-height:calc(100vh - var(--sa-site-sticky-offset) - 44px)!important;
  }
}

/* Sidebar behaves like a website secondary-navigation card, not an app rail. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar{
  border-radius:22px!important;
  border:1px solid var(--sa-line)!important;
  background:var(--sa-surface)!important;
  box-shadow:var(--sa-shadow-soft)!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav{padding:10px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav a{
  min-height:40px!important;padding:9px 11px!important;border-radius:12px!important;
  font-size:13.5px!important;font-weight:600!important;color:#49373b!important;line-height:1.4!important;}
.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav a.active{
  background:var(--sa-accent)!important;border-color:var(--sa-accent)!important;
  box-shadow:0 8px 20px rgba(116,19,35,.15)!important
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-help-card{
  margin:6px 10px 10px!important;padding:14px!important;border-radius:16px!important;
  background:linear-gradient(145deg,#fffdfc,#fff6f2)!important
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-help-card h3{font-size:15px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-help-card a{font-size:13px!important;min-height:40px!important;border-radius:10px!important;}

/* Every page gets the same content rhythm. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-main-v2,
.sa-portal-integrated-page .sa-portal-site-shell .sa-content-v2{min-width:0!important;width:100%!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-content-v2{padding:0!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-content-v2>*{max-width:100%}
.sa-portal-integrated-page .sa-portal-site-shell .sa-page-heading{
  position:relative!important;display:flex!important;align-items:flex-end!important;
  justify-content:space-between!important;gap:22px!important;margin:0 0 22px!important;
  padding:0 0 18px!important;border-bottom:1px solid rgba(116,19,35,.085)!important
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-page-heading>div:first-child{min-width:0}
.sa-portal-integrated-page .sa-portal-site-shell .sa-page-heading h1{
  margin:0 0 7px!important;font-size:clamp(27px,2.2vw,34px)!important;
  line-height:1.06!important;font-weight:720!important;letter-spacing:-.035em!important
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-page-heading p{
  max-width:760px!important;font-size:14px!important;line-height:1.6!important;color:var(--sa-copy-soft)!important
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-eyebrow{
  display:inline-flex!important;align-items:center!important;gap:9px!important;margin-bottom:8px!important;
  color:var(--sa-accent)!important;font-size:13px!important;font-weight:800!important;letter-spacing:.15em!important
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-eyebrow:before{
  content:"";width:22px;height:1px;background:var(--sa-accent);opacity:.55
}

/* Unified surfaces. */
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-card,.sa-stat-card,.sa-filter-bar,.sa-form-card,.sa-order-overview-live,.sa-proof-panel,.sa-proof-card,.sa-album-card,.sa-album-detail-card,.sa-payment-summary-card,.sa-secure-payment-card,.sa-payment-order-summary,.sa-payment-history-card,.sa-report-filter,.sa-notification-list){
  background:var(--sa-surface)!important;border:1px solid var(--sa-line)!important;
  border-radius:var(--sa-radius-lg)!important;box-shadow:var(--sa-shadow-soft)!important
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-card{padding:20px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-card-head{margin-bottom:14px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-card-head h3{font-size:18px!important;letter-spacing:-.02em!important;line-height:1.25!important;}
.sa-portal-integrated-page .sa-portal-site-shell .sa-card-head a{font-weight:700!important;color:var(--sa-accent)!important}

/* Stats: readable cards across Dashboard, Orders, Projects, Clients, Reports and Files. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-stat-grid{
  display:grid!important;gap:12px!important;margin:0 0 22px!important;align-items:stretch!important
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-stat-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-stat-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-stat-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-stat-card{
  min-width:0!important;min-height:118px!important;padding:17px 18px!important;overflow:hidden!important;
  position:relative!important;display:block!important
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-stat-card:before{
  content:"";position:absolute;left:18px;top:0;width:32px;height:2px;border-radius:0 0 2px 2px;background:var(--sa-accent);opacity:.75
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-stat-card>span{font-size:13px!important;color:#6f5e61!important;font-weight:520!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-stat-card>strong{
  display:block!important;margin:8px 0 4px!important;font-size:24px!important;line-height:1.05!important;
  letter-spacing:-.035em!important;color:var(--sa-copy)!important;overflow-wrap:anywhere
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-stat-card>small{font-size:13px!important;color:#89777a!important;line-height:1.4!important;}
/* Dashboard icon-stat root fix: restore actual card width/content instead of thin vertical strips. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon{
  display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;column-gap:12px!important;align-content:center!important;
  padding:16px!important;min-width:0!important;width:auto!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>i{
  position:static!important;grid-column:1!important;grid-row:1/4!important;width:44px!important;height:44px!important;
  align-self:center!important;border-radius:14px!important;background:#faecec!important;color:var(--sa-accent)!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>span,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>strong,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>small{
  grid-column:2!important;min-width:0!important;font-size:13.5px!important;}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>strong{font-size:22px!important;margin:3px 0!important}

/* Dashboard: hero + clear editorial two-column content below. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-admin-hero-pro{
  margin-bottom:20px!important;padding:34px 36px!important;border-radius:24px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-grid>.sa-order-overview-live{
  grid-column:1/-1!important;grid-row:auto!important;width:100%!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-grid>.sa-card{min-width:0!important;height:100%!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] :is(.sa-recent-orders-card,.sa-recent-messages-card){min-height:360px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message{
  padding:10px 0!important;gap:10px!important;border-bottom:1px solid rgba(116,19,35,.065)!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-recent-order:last-child,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-recent-message:last-child{border-bottom:0!important}

/* Filters/search bars are proper website form panels. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-filter-bar,
.sa-portal-integrated-page .sa-portal-site-shell .sa-client-search-bar,
.sa-portal-integrated-page .sa-portal-site-shell .sa-report-filter{
  margin:0 0 20px!important;padding:18px!important;gap:12px!important;align-items:end!important
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-order-identity-filter{
  display:grid!important;grid-template-columns:minmax(220px,1.3fr) minmax(170px,.85fr) minmax(180px,.9fr) auto auto!important
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-client-search-bar{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important
}
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-filter-bar,.sa-client-search-bar,.sa-form) label{
  min-width:0!important;font-size:13.5px!important;font-weight:650!important;color:#443237!important
}
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-form input,.sa-form select,.sa-form textarea,.sa-filter-bar input,.sa-filter-bar select,.sa-client-search-bar input){
  width:100%!important;min-height:40px!important;margin-top:7px!important;padding:8px 12px!important;font-size:14px!important;
  border:1px solid rgba(116,19,35,.13)!important;border-radius:13px!important;background:#fff!important;
  color:var(--sa-copy)!important;box-shadow:none!important
}
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-form input,.sa-form select,.sa-form textarea,.sa-filter-bar input,.sa-filter-bar select,.sa-client-search-bar input):focus{
  outline:none!important;border-color:rgba(116,19,35,.40)!important;box-shadow:0 0 0 4px rgba(116,19,35,.055)!important
}

/* Buttons: one website language everywhere. */
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-btn,.sa-full-control-action){
  min-height:40px!important;padding:8px 14px!important;border-radius:10px!important;
  background:var(--sa-accent)!important;border-color:var(--sa-accent)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:none!important;font-size:14px!important;font-weight:700!important;white-space:nowrap
}
/* Canonical interactive control states; keep the icon/control dimensions unchanged. */
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-btn,.sa-full-control-action):is(:hover,:focus-visible){
  background:var(--sa-accent-hover)!important;border-color:var(--sa-accent-hover)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;transform:translateY(-1px)!important;
}
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-btn-light,.sa-btn-outline){
  background:#fff!important;color:var(--sa-accent)!important;-webkit-text-fill-color:var(--sa-accent)!important;
  border-color:rgba(116,19,35,.18)!important;
}
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-btn-light,.sa-btn-outline):is(:hover,:focus-visible){
  background:#f8edef!important;border-color:rgba(116,19,35,.42)!important;
  color:#741323!important;-webkit-text-fill-color:#741323!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-icon-btn:not(.sa-full-control-action){border-radius:10px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-icon-btn:is(:hover,:focus-visible){
  background:#f8edef!important;border-color:rgba(116,19,35,.42)!important;
  color:#741323!important;-webkit-text-fill-color:#741323!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-help-card a:is(:hover,:focus-visible){
  background:#86172a!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* Focus ring is keyboard-specific; no persistent blue mouse/touch highlight. */
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-btn,.sa-full-control-action,.sa-icon-btn,.sa-help-card a):focus-visible{
  outline:2px solid #b65b70!important;outline-offset:3px!important;
}

/* Orders/Projects tables: all columns + action remain inside the website container. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-card>.sa-table-wrap{margin:-2px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-table-wrap{
  width:100%!important;max-width:100%!important;overflow-x:auto!important;border-radius:16px!important;scrollbar-width:thin
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-table th{
  padding:12px 10px!important;background:#fff9f7!important;color:#69575b!important;font-size:13px!important;
  font-weight:750!important;text-transform:none!important;border-bottom:1px solid var(--sa-line)!important;line-height:1.35!important;}
.sa-portal-integrated-page .sa-portal-site-shell .sa-table td{
  padding:14px 10px!important;color:#332327!important;font-size:13.5px!important;line-height:1.45!important;
  border-bottom:1px solid rgba(116,19,35,.065)!important;overflow-wrap:anywhere
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-table tbody tr:last-child td{border-bottom:0!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table,
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table{min-width:0!important;table-layout:fixed!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table th:nth-child(1){width:11%}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table th:nth-child(2){width:18%}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table th:nth-child(3){width:14%}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table th:nth-child(4){width:16%}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table th:nth-child(5){width:9%}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table th:nth-child(6){width:13%}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table th:nth-child(7){width:9%}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table th:nth-child(8){width:10%}
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table th:nth-child(1){width:23%}
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table th:nth-child(2){width:15%}
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table th:nth-child(3){width:17%}
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table th:nth-child(4){width:9%}
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table th:nth-child(5){width:11%}
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table th:nth-child(6){width:10%}
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table th:nth-child(7){width:8%}
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table th:nth-child(8){width:7%}
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-order-project-identity,.sa-client-identity){min-width:0!important;max-width:100%!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-order-project-identity{gap:9px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-order-project-identity img{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:12px!important}
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-order-project-identity strong,.sa-order-project-identity small,.sa-client-identity strong,.sa-client-identity small,.sa-client-identity span){white-space:normal!important;overflow-wrap:anywhere!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-action-stack{min-width:0!important;width:100%!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-action-stack .sa-full-control-action{width:100%!important;min-width:0!important;padding-inline:10px!important;font-size:13px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-inline-status-form{min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 30px!important;gap:5px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-inline-status-form select{min-width:0!important;width:100%!important;font-size:13px!important}

/* Clients directory + album cards. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="clients"] .sa-client-directory-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="clients"] .sa-client-directory-card{
  display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;min-height:286px!important;padding:16px!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="clients"] .sa-client-directory-card:hover{
  transform:translateY(-3px)!important;border-color:rgba(116,19,35,.20)!important;box-shadow:0 18px 38px rgba(116,19,35,.09)!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="clients"] .sa-client-directory-top{grid-template-columns:58px minmax(0,1fr) auto!important;gap:12px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="clients"] .sa-client-directory-top img{width:58px!important;height:58px!important;border-radius:16px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="clients"] .sa-client-directory-top h3{font-size:18px!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="clients"] .sa-client-directory-metrics{margin-top:15px!important;border-radius:14px!important;overflow:hidden!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="clients"] .sa-client-last-album{margin-top:14px!important;border-radius:14px!important;background:#fbefec!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="clients"] .sa-client-directory-open{margin-top:auto!important;padding-top:16px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="clients"] .sa-client-album-grid{gap:18px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="clients"] .sa-client-album-card{overflow:hidden!important;padding:0!important}

/* Albums, files, proofs and payment modules inherit the same website cards. */
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-albums-page,.sa-files-manager,.sa-proof-wrap,.sa-payment-page,.sa-settings-shell,.sa-rt-chat){
  width:100%!important;max-width:100%!important;min-width:0!important
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-album-grid{gap:18px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-album-card{overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-album-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 40px rgba(116,19,35,.09)!important}
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-proof-panel,.sa-proof-card,.sa-proof-file-list-shell){border-radius:16px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-payment-layout{gap:18px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-payment-main,
.sa-portal-integrated-page .sa-portal-site-shell .sa-payment-side{min-width:0!important}

/* Messages become a contained website workspace instead of a full-screen app. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="messages"] .sa-rt-chat{
  min-height:620px!important;height:min(720px,calc(100vh - var(--sa-site-sticky-offset) - 70px))!important;
  border:1px solid var(--sa-line)!important;border-radius:22px!important;background:var(--sa-surface)!important;
  box-shadow:var(--sa-shadow-soft)!important;overflow:hidden!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="messages"] :is(.sa-rt-conversations,.sa-rt-conversation-panel,.sa-rt-details){background:var(--sa-surface)!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="messages"] .sa-rt-chat-header{border-bottom-color:var(--sa-line)!important}

/* Reports/settings/support/Profile follow the same editorial spacing. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="reports"] .sa-grid.two,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid{gap:18px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid>.sa-card{min-height:230px!important;padding:24px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-settings-tabs{
  top:calc(var(--sa-site-sticky-offset) + 12px)!important;padding:6px!important;border-radius:16px!important;
  border-color:var(--sa-line)!important;box-shadow:0 10px 28px rgba(116,19,35,.05)!important
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-settings-panel{padding-top:6px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-profile-grid{gap:18px!important}

/* Status pills and progress are quieter and consistent. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-status{padding:5px 9px!important;border-radius:999px!important;font-size:13px!important;font-weight:750!important}
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-progress-cell span,.sa-progress-bar span){height:6px!important;border-radius:999px!important;background:#f0e9e8!important;overflow:hidden!important}
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-progress-cell span i,.sa-progress-bar span i){border-radius:999px!important;background:linear-gradient(90deg,#741323,#b24b5e)!important}

/* Responsive tiers. */
@media(max-width:1180px) and (min-width:981px){
  .sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2{--sa-portal-sidebar:190px;--sa-portal-gap:20px;width:min(calc(100% - 32px),1280px)!important;font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif)!important;font-size:15px!important;line-height:1.6!important;}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-stat-grid.five,
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-stat-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="clients"] .sa-client-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table,
  .sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table{min-width:980px!important;table-layout:auto!important}
}
@media(max-width:980px){
  .sa-portal-integrated-page .sa-portal-site-shell{padding-top:18px!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2{display:block!important;width:min(calc(100% - 28px),1280px)!important;font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif)!important;font-size:15px!important;line-height:1.6!important;}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-topbar{margin-bottom:20px!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-stat-grid.four,
  .sa-portal-integrated-page .sa-portal-site-shell .sa-stat-grid.five,
  .sa-portal-integrated-page .sa-portal-site-shell .sa-stat-grid.six,
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-grid{grid-template-columns:1fr!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-grid>.sa-order-overview-live{grid-column:auto!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="clients"] .sa-client-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid{grid-template-columns:1fr!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-order-identity-filter{grid-template-columns:1fr 1fr!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table,
  .sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table{min-width:960px!important;table-layout:auto!important}
}
@media(max-width:700px){
  .sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2{width:min(calc(100% - 24px),1280px)!important;font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif)!important;font-size:15px!important;line-height:1.6!important;}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-page-heading{align-items:flex-start!important;flex-direction:column!important;padding-bottom:15px!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-page-heading h1{font-size:28px!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-heading-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-stat-grid.four,
  .sa-portal-integrated-page .sa-portal-site-shell .sa-stat-grid.five,
  .sa-portal-integrated-page .sa-portal-site-shell .sa-stat-grid.six,
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-stat-grid{grid-template-columns:1fr 1fr!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="clients"] .sa-client-directory-grid{grid-template-columns:1fr!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-order-identity-filter,
  .sa-portal-integrated-page .sa-portal-site-shell .sa-client-search-bar{grid-template-columns:1fr!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-admin-hero-pro{padding:24px 18px!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="messages"] .sa-rt-chat{height:calc(100dvh - var(--sa-site-sticky-offset) - 86px)!important;min-height:520px!important;border-radius:16px!important}
}
@media(max-width:480px){
  .sa-portal-integrated-page .sa-portal-site-shell .sa-stat-grid.four,
  .sa-portal-integrated-page .sa-portal-site-shell .sa-stat-grid.five,
  .sa-portal-integrated-page .sa-portal-site-shell .sa-stat-grid.six,
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-stat-grid{grid-template-columns:1fr!important}
  .sa-portal-integrated-page .sa-portal-site-shell .sa-heading-actions{grid-template-columns:1fr!important}
}

/* Dark mode parity for every newly unified surface. */
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell{
  --sa-surface:#210c0e;--sa-surface-soft:#2b0f12;--sa-line:#68474c;--sa-line-strong:#7d555b;
  --sa-copy:#fff7f7;--sa-copy-soft:#e0cfd1;--sa-shadow-soft:0 14px 38px rgba(0,0,0,.24)
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell :is(.sa-card,.sa-stat-card:not(.sa-dashboard-stat-card),.sa-filter-bar,.sa-client-search-bar,.sa-form-card,.sa-order-overview-live,.sa-sidebar,.sa-proof-panel,.sa-proof-card,.sa-album-card,.sa-album-detail-card,.sa-payment-summary-card,.sa-secure-payment-card,.sa-payment-order-summary,.sa-payment-history-card,.sa-report-filter,.sa-notification-list,.sa-rt-chat,.sa-rt-conversations,.sa-rt-conversation-panel,.sa-rt-details){
  background:var(--sa-surface)!important;border-color:var(--sa-line)!important;color:var(--sa-copy)!important;box-shadow:var(--sa-shadow-soft)!important
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell .sa-table th{background:#2b0f12!important;color:#e0cfd1!important;border-color:#68474c!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell .sa-table td{color:#f7ecee!important;border-color:rgba(104,71,76,.55)!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell .sa-table tbody tr:hover{background:#301014!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell :is(.sa-form input,.sa-form select,.sa-form textarea,.sa-filter-bar input,.sa-filter-bar select,.sa-client-search-bar input){background:#301014!important;color:#fff7f7!important;border-color:#68474c!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell .sa-stat-card>span,
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell .sa-stat-card>small,
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell .sa-page-heading p{color:#e0cfd1!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-portal-site-shell .sa-client-last-album{background:#301014!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>i{background:#301014!important;color:#fff!important}


/* ========================================================================== 
   v2.12.68 — 200PX WEBSITE HEADER CLEARANCE + ORDER TABLE ROOT FIX
   Requested root fixes only:
   - Keep the integrated portal 200px below the website header/menu on desktop.
   - Stop theme-enhanced selects from rendering twice inside portal forms.
   - Restore readable order/project tables with deliberate column widths and
     internal horizontal scrolling instead of squeezing text vertically.
   ========================================================================== */
@media (min-width:981px){
  .sa-portal-integrated-page .sa-portal-site-shell{
    padding-top:200px!important;
  }
}

/* Public-theme main.js enhances every form <select>. Hide the native source
   inside the portal once enhanced so only one control is visible. */
.sa-portal-integrated-page .sa-portal-site-shell select[data-enhanced="true"]:not([data-sa-native-select="1"]){
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  padding:0!important;
  margin:0!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .custom-select{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  z-index:25!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .custom-select-trigger{
  width:100%!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:9px 40px 9px 14px!important;
  border:1px solid #d9cdd0!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#26181b!important;
  -webkit-text-fill-color:#26181b!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-align:left!important;
  cursor:pointer!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .custom-select-trigger::before{display:none!important}
.sa-portal-integrated-page .sa-portal-site-shell .custom-select-trigger::after{
  position:absolute!important;
  right:15px!important;
  width:8px!important;
  height:8px!important;
  border-right:1.5px solid #741323!important;
  border-bottom:1.5px solid #741323!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .custom-select-menu{
  left:0!important;
  right:0!important;
  top:calc(100% + 7px)!important;
  min-width:190px!important;
  padding:7px!important;
  border:1px solid rgba(116,19,35,.14)!important;
  border-radius:14px!important;
  background:#fffdfc!important;
  box-shadow:0 18px 45px rgba(24,4,9,.15)!important;
  z-index:1000!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .custom-select-option{
  min-height:38px!important;
  padding:9px 11px!important;
  border-radius:9px!important;
  color:#26181b!important;
  border-left:3px solid transparent!important;
  background:#fff!important;
  font-size:13px!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .custom-select-option:hover,
.sa-portal-integrated-page .sa-portal-site-shell .custom-select-option[aria-selected="true"],
.sa-portal-integrated-page .sa-portal-site-shell .custom-select-option.is-selected{
  padding-left:11px!important;
  border-left-color:#741323!important;
  background:#fcf8f6!important;
  color:#26181b!important;
}

/* Never compress Orders / Projects into per-letter wrapping. The table owns its
   natural width and the card supplies horizontal scrolling when required. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-table-wrap,
.sa-portal-integrated-page .sa-portal-site-shell .sa-table-scroll{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table{
  width:100%!important;
  min-width:1240px!important;
  table-layout:auto!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table{
  width:100%!important;
  min-width:1120px!important;
  table-layout:auto!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table th,
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table th{
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table td,
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table td{
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* Orders explicit readable columns. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table :is(th,td):nth-child(1){min-width:118px!important;width:118px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table :is(th,td):nth-child(2){min-width:205px!important;width:205px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table :is(th,td):nth-child(3){min-width:165px!important;width:165px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table :is(th,td):nth-child(4){min-width:190px!important;width:190px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table :is(th,td):nth-child(5){min-width:100px!important;width:100px!important;white-space:nowrap!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table :is(th,td):nth-child(6){min-width:210px!important;width:210px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table :is(th,td):nth-child(7){min-width:130px!important;width:130px!important;white-space:nowrap!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table :is(th,td):nth-child(8){min-width:155px!important;width:155px!important}

.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table .sa-inline-status-form{
  width:100%!important;
  min-width:190px!important;
  grid-template-columns:minmax(145px,1fr) 38px!important;
  gap:7px!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table .sa-inline-status-form .custom-select{
  min-width:145px!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table .sa-action-stack{
  min-width:145px!important;
  width:145px!important;
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-orders-table .sa-action-stack .sa-full-control-action{
  width:145px!important;
  min-width:145px!important;
  white-space:nowrap!important;
}

/* Projects readable columns and action button. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table :is(th,td):nth-child(1){min-width:265px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table :is(th,td):nth-child(2){min-width:165px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table :is(th,td):nth-child(3){min-width:170px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table :is(th,td):nth-child(4){min-width:105px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table :is(th,td):nth-child(5){min-width:115px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table :is(th,td):nth-child(6){min-width:135px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table :is(th,td):nth-child(7){min-width:105px!important;white-space:nowrap!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-project-identity-table :is(th,td):nth-child(8){min-width:135px!important}

/* Tablet/mobile should not inherit the 200px desktop clearance. */
@media (max-width:980px){
  .sa-portal-integrated-page .sa-portal-site-shell{padding-top:22px!important}
}

/* Portal enhanced dropdowns in website dark mode. */
html[data-sa-theme="dark"]:not([data-theme="light"]) .sa-portal-integrated-page .sa-portal-site-shell .custom-select-trigger{
  background:#741323!important;
  border-color:#982f40!important;
  color:#fff7f7!important;
  -webkit-text-fill-color:#fff7f7!important;
}
html[data-sa-theme="dark"]:not([data-theme="light"]) .sa-portal-integrated-page .sa-portal-site-shell .custom-select-trigger::after{
  border-right-color:#fff!important;border-bottom-color:#fff!important;
}
html[data-sa-theme="dark"]:not([data-theme="light"]) .sa-portal-integrated-page .sa-portal-site-shell .custom-select-menu{
  background:#210c0e!important;
  border-color:#68474c!important;
}
html[data-sa-theme="dark"]:not([data-theme="light"]) .sa-portal-integrated-page .sa-portal-site-shell .custom-select-option{
  background:#210c0e!important;
  border-left-color:transparent!important;
  color:#e8d5d7!important;
}
html[data-sa-theme="dark"]:not([data-theme="light"]) .sa-portal-integrated-page .sa-portal-site-shell .custom-select-option:hover,
html[data-sa-theme="dark"]:not([data-theme="light"]) .sa-portal-integrated-page .sa-portal-site-shell .custom-select-option[aria-selected="true"],
html[data-sa-theme="dark"]:not([data-theme="light"]) .sa-portal-integrated-page .sa-portal-site-shell .custom-select-option.is-selected{
  background:#741323!important;
  border-left-color:transparent!important;
  color:#fff7f7!important;
}

/* ========================================================================== 
   v2.12.69 — COMPACT WEBSITE-SCALE PORTAL PASS
   Visual-density fix only. Keeps the v2.12.68 200px desktop clearance,
   routing/data/actions and table readability unchanged while reducing the
   oversized dashboard/app feel across admin + client portal pages.
   ========================================================================== */
@media (min-width:981px){
  .sa-portal-integrated-page .sa-portal-site-shell{
    --sa-portal-gap:22px!important;
    --sa-portal-sidebar:188px!important;
  }
  .sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2{
    grid-template-columns:188px minmax(0,1fr)!important;
    gap:22px!important;font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif)!important;font-size:16px!important;line-height:1.65!important;}
}

/* Compact secondary navigation. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar{border-radius:16px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav{padding:8px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav a{
  min-height:38px!important;padding:7px 9px!important;border-radius:10px!important;
  font-size:13.5px!important;line-height:1.4!important;}
.sa-portal-integrated-page .sa-portal-site-shell .sa-help-card{
  margin:5px 8px 8px!important;padding:12px!important;border-radius:14px!important
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-help-card h3{font-size:14px!important;margin-bottom:5px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-help-card p{font-size:13px!important;line-height:1.55!important;}
.sa-portal-integrated-page .sa-portal-site-shell .sa-help-card a{min-height:40px!important;padding:8px 10px!important;border-radius:10px!important;font-size:13.5px!important;}

/* All page headings/cards use a denser website rhythm. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-page-heading{
  gap:16px!important;margin-bottom:17px!important;padding-bottom:14px!important
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-page-heading h1{
  margin-bottom:5px!important;font-size:clamp(25px,1.9vw,30px)!important
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-page-heading p{font-size:14px!important;line-height:1.6!important;}
.sa-portal-integrated-page .sa-portal-site-shell .sa-eyebrow,
.sa-portal-integrated-page .sa-portal-site-shell .sa-page-heading>div:first-child:before{font-size:13px!important;margin-bottom:6px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-card{padding:16px!important;border-radius:16px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-card-head{margin-bottom:10px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-card-head h3{font-size:18px!important;line-height:1.25!important;}

/* Generic stats on Orders, Projects, Clients, Reports, etc. */
.sa-portal-integrated-page .sa-portal-site-shell .sa-stat-grid{gap:10px!important;margin-bottom:17px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-stat-card{
  min-height:90px!important;padding:13px 14px!important;border-radius:17px!important
}
.sa-portal-integrated-page .sa-portal-site-shell .sa-stat-card:before{left:14px!important;width:26px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-stat-card>span{font-size:13.5px!important;}
.sa-portal-integrated-page .sa-portal-site-shell .sa-stat-card>strong{margin:5px 0 3px!important;font-size:20px!important}
.sa-portal-integrated-page .sa-portal-site-shell .sa-stat-card>small{font-size:13px!important;line-height:1.5!important;}

/* Dashboard hero: same design, reduced scale. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-admin-hero-pro{
  min-height:270px!important;
  grid-template-columns:minmax(0,1.12fr) minmax(330px,.78fr)!important;
  gap:22px!important;margin-bottom:15px!important;padding:24px 26px!important;border-radius:19px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-admin-hero-pro .sa-eyebrow{
  font-size:13px!important;letter-spacing:.15em!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-admin-hero-pro h1{
  max-width:590px!important;margin:9px 0 8px!important;font-size:clamp(29px,2.7vw,36px)!important;line-height:1.02!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-admin-hero-pro p{
  max-width:560px!important;font-size:14px!important;line-height:1.6!important;}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-admin-hero-pro .sa-hero-actions{
  gap:8px!important;margin-top:16px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-admin-hero-pro .sa-hero-actions .sa-btn{
  min-height:40px!important;padding:8px 14px!important;border-radius:10px!important;font-size:14px!important;}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-hero-metrics{margin-top:17px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-hero-metrics>span{
  min-width:92px!important;padding:10px 16px 0 0!important;margin-right:16px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-hero-metrics b{font-size:18px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-hero-metrics small{margin-top:3px!important;font-size:13.5px!important;}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-hero-showcase{
  min-height:220px!important;border-radius:15px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-admin-hero-pro .sa-balance-card{
  right:14px!important;bottom:14px!important;width:min(255px,72%)!important;padding:13px!important;border-radius:13px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-cashflow-heading{padding-bottom:8px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-cashflow-heading span{font-size:13.5px!important;}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-cashflow-heading small{font-size:13.5px!important;}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-cashflow-grid{padding:9px 0!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-cashflow-grid small{font-size:13.5px!important;}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-cashflow-grid strong{font-size:14px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-admin-hero-pro .sa-balance-card>a{
  min-height:40px!important;padding:8px 12px!important;border-radius:10px!important;font-size:14px!important;}

/* Dashboard quick stats — v2.13.12 left-aligned copy inside each card. */
.sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0 0 26px!important;
  padding:0!important;
  align-items:stretch!important;
  background:transparent!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon{
  position:relative!important;min-width:0!important;
  min-height:104px!important;height:auto!important;
  padding:12px 11px!important;
  display:grid!important;grid-template-columns:37px minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  column-gap:9px!important;align-items:center!important;
  text-align:left!important;overflow:hidden!important;
  border:1px solid #dfcbd0!important;border-radius:16px!important;
  background:linear-gradient(145deg,#fffdfd 0%,#fff8f9 100%)!important;
  box-shadow:0 12px 28px rgba(59,11,20,.045)!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon::before{
  content:""!important;position:absolute!important;top:-1px!important;left:24px!important;
  width:42px!important;height:5px!important;border-radius:0 0 7px 7px!important;
  background:#d32247!important;opacity:1!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon::after{content:none!important;display:none!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-icon{
  position:static!important;inset:auto!important;grid-column:1!important;grid-row:1!important;
  align-self:center!important;justify-self:start!important;width:37px!important;height:37px!important;
  margin:0!important;border-radius:11px!important;display:grid!important;place-items:center!important;
  background:#fff4f5!important;border:1px solid #e3c2c8!important;color:#741323!important;
  box-shadow:0 7px 18px rgba(116,19,35,.05)!important;transform:none!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-icon :is(.sa-svg-icon,svg){
  width:19px!important;height:19px!important;display:block!important;
  color:currentColor!important;fill:none!important;stroke:currentColor!important;
  stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-copy{
  grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center!important;gap:2px!important;margin:0!important;padding:0!important;
  position:static!important;transform:none!important;text-align:left!important;
}
/* Dashboard count values share one scale; there is no revenue-only last card. */
.sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-copy>span,
.sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-copy>strong{
  font-size:clamp(15px,1.28vw,18px)!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-copy>small{
  display:block!important;position:static!important;min-width:0!important;max-width:100%!important;
  width:100%!important;margin:0!important;padding:0!important;text-align:left!important;
  transform:none!important;overflow:visible!important;text-overflow:clip!important;
  white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-copy>span{
  font-size:11.7px!important;font-weight:700!important;line-height:1.25!important;color:#5d3a42!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-copy>strong{
  font-size:clamp(16px,1.45vw,19px)!important;font-weight:750!important;
  line-height:1.16!important;letter-spacing:-.25px!important;color:#240b10!important;
  white-space:nowrap!important;font-variant-numeric:tabular-nums!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-copy>small{
  font-size:10.3px!important;font-weight:500!important;line-height:1.32!important;
  color:#69565b!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon:hover{
  transform:translateY(-1px)!important;border-color:#cf9eaa!important;
  box-shadow:0 15px 32px rgba(59,11,20,.08)!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon:hover>.sa-dashboard-stat-icon{
  transform:none!important;background:#f9e8eb!important;
}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon{
  background:radial-gradient(circle at 27% 22%,rgba(160,26,51,.24),transparent 34%),linear-gradient(145deg,#4a111a 0%,#2a090e 84%)!important;
  border-color:#8b4a57!important;box-shadow:0 16px 34px rgba(0,0,0,.20)!important;color:#fff7f7!important;
}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon::before,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon::before{background:#ff3158!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-icon,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-icon{
  background:linear-gradient(145deg,#651522,#410d15)!important;border-color:#86444f!important;
  color:#fff!important;box-shadow:0 9px 21px rgba(0,0,0,.16)!important;
}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-copy>span,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-copy>span{color:#f7e7ea!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-copy>strong,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-copy>strong{color:#fff!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-copy>small,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-copy>small{color:#ead6da!important}
@media(max-width:1320px){
  .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-grid{gap:10px!important}
  .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon{
    grid-template-columns:35px minmax(0,1fr)!important;column-gap:8px!important;
    padding:12px 10px!important;
  }
  .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-icon{
    width:35px!important;height:35px!important;border-radius:10px!important;
  }
  .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-copy>span{font-size:11.3px!important}
  .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon>.sa-dashboard-stat-copy>small{font-size:10.1px!important}
}
@media(max-width:1120px){
  .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-card.icon{min-height:104px!important;padding:12px 11px!important;column-gap:9px!important}
}
@media(max-width:460px){
  .sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-stat-grid{grid-template-columns:1fr!important}
}

/* Order Overview: reduce the oversized panel/KPIs/chart while preserving data. */
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-live{
  padding:18px!important;border-radius:16px!important
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-head{
  gap:16px!important;margin-bottom:15px!important
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-head h3{font-size:21px!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-head p{margin-top:4px!important;font-size:14px!important;}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-range{
  min-width:174px!important;min-height:44px!important;padding:5px 7px 5px 11px!important;border-radius:12px!important;align-items:center!important
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-range select{padding:6px 3px!important;font-size:13.5px!important;white-space:nowrap!important;line-height:1.2!important;}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-kpis{gap:12px!important;margin-bottom:14px!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-kpi{
  min-height:96px!important;gap:13px!important;padding:14px!important;border-radius:14px!important
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-kpi-icon{
  width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:13px!important
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-kpi-icon .sa-svg-icon{width:23px!important;height:23px!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-kpi>div>span{font-size:13.5px!important;}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-kpi strong{font-size:23px!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-kpi p{margin-top:6px!important;gap:7px!important;flex-wrap:nowrap!important;align-items:center!important;white-space:nowrap!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-kpi p b{padding:3px 6px!important;font-size:13px!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-kpi p small{font-size:13.5px!important;}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-chart-shell{padding:9px 10px 3px!important;border-radius:14px!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-svg{height:245px!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-legend{gap:20px!important;padding:10px 0 1px!important;font-size:13px!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-insight{margin-top:12px!important;padding:10px 12px!important;border-radius:13px!important}

/* Recent dashboard cards should not dominate the page. */
.sa-admin-portal[data-sa-section="dashboard"] .sa-dashboard-grid{gap:14px!important}
.sa-admin-portal[data-sa-section="dashboard"] :is(.sa-recent-orders-card,.sa-recent-messages-card){min-height:300px!important}

/* Filters/forms/buttons: slightly tighter across all portal pages. */
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-filter-bar,.sa-client-search-bar,.sa-report-filter){padding:13px!important;border-radius:14px!important}
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-form input,.sa-form select,.sa-form textarea,.sa-filter-bar input,.sa-filter-bar select,.sa-client-search-bar input){min-height:40px!important;padding:8px 12px!important;border-radius:10px!important;font-size:14px!important}
.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-btn,.sa-full-control-action){min-height:40px!important;padding:8px 14px!important;border-radius:10px!important;font-size:14px!important;line-height:1.25!important}
.sa-portal-integrated-page .sa-portal-site-shell .custom-select-trigger{min-height:40px!important;padding:8px 38px 8px 12px!important;font-size:14px!important;border-radius:10px!important}

/* Keep responsive layouts usable; do not over-compress phones. */
@media (max-width:980px){
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-admin-hero-pro{min-height:0!important;padding:22px 20px!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-admin-hero-pro h1{font-size:31px!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="dashboard"] .sa-hero-showcase{min-height:210px!important}
}

/* ========================================================================== 
   v2.12.72 — ALBUMS / CANCELLED / SETTINGS COMPACT WEBSITE ROOT PASS
   Targeted visual-only correction for the remaining oversized portal pages.
   Keeps all routes, actions, Drive settings, album controls and 200px desktop
   website-header clearance unchanged.
   ========================================================================== */

/* ---------- Albums + Cancelled Orders: canonical summary-card geometry ---------- */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-grid:not(.sa-trash-grid){
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-card.sa-album-detail-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  height:100%!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(116,19,35,.12)!important;
  border-radius:16px!important;
  background:#fffdfc!important;
  box-shadow:0 8px 24px rgba(24,4,9,.04)!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-card.sa-album-detail-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(116,19,35,.20)!important;
  box-shadow:0 14px 30px rgba(24,4,9,.075)!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-layout{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  height:100%!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-cover{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:1.82/1!important;
  overflow:hidden!important;
  border-radius:15px 15px 13px 13px!important;
  background:#f4e9e5!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-cover>img,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-cover>.sa-cover-art{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-body{
  flex:1 1 auto!important;
  min-width:0!important;
  padding:14px 15px 15px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-title{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-title>div{min-width:0!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-title small{
  display:block!important;
  margin:0 0 4px!important;
  color:#8a6f74!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-title h3{
  margin:0!important;
  color:#180409!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:740!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-title p{
  margin:4px 0 0!important;
  color:#756568!important;
  font-size:13px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-summary-line{
  margin:2px 0 0!important;
  color:#493a3e!important;
  font-size:14px!important;
  line-height:1.55!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-summary-meta{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:end!important;
  margin-top:auto!important;
  padding-top:10px!important;
  border-top:1px solid rgba(116,19,35,.09)!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-summary-meta>span{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
  color:#78696c!important;
  font-size:13px!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-summary-meta b{
  color:#180409!important;
  font-size:13.5px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-summary-status{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-height:28px!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-summary-status .sa-status{
  padding:5px 8px!important;
  font-size:13px!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin-top:1px!important;
  padding:10px 0 0!important;
  border-top:1px solid rgba(116,19,35,.09)!important;
  background:transparent!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-actions .sa-btn,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-actions .sa-album-trash-button,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-actions .sa-album-cancel-button{
  width:100%!important;
  min-height:40px!important;
  padding:8px 12px!important;
  border-radius:10px!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-actions form{width:100%!important;margin:0!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-trash-button{
  background:#fff!important;
  color:#741323!important;
  border:1px solid rgba(116,19,35,.18)!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-card-select{
  top:10px!important;
  left:10px!important;
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
  background:rgba(255,253,252,.96)!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-card-select .sa-album-check-ui{width:16px!important;height:16px!important;flex-basis:16px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] :is(.sa-cancelled-stamp,.sa-hold-stamp){transform:scale(.82)!important;transform-origin:center!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-bulk-toolbar{
  min-height:46px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-bulk-actions .sa-btn{min-height:40px!important;padding:8px 12px!important;border-radius:10px!important}
@media(max-width:1180px){
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-grid:not(.sa-trash-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-grid:not(.sa-trash-grid){grid-template-columns:1fr!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-cover{aspect-ratio:1.55/1!important}
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-card.sa-album-detail-card{
  background:#210c0e!important;border-color:#68474c!important
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-title h3,
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-summary-meta b{color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-summary-line,
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-detail-title p,
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-summary-meta>span{color:#e0cfd1!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="albums"] .sa-album-trash-button{background:#261317!important;color:#f4dadd!important;border-color:#68474c!important}

/* ---------- Settings: canonical website-theme spacing / typography ---------- */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-shell{
  padding-top:12px!important;
  font-family:var(--font,"Google Sans Flex","Google Sans","Helvetica Neue",Arial,sans-serif)!important;
  font-size:15px!important;
  line-height:1.6!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-page-heading{margin-bottom:12px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-tabs{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:60px!important;
  padding:10px 12px!important;
  margin:0 0 18px!important;
  border:1px solid rgba(116,19,35,.13)!important;
  border-radius:16px!important;
  background:#fffdfc!important;
  overflow-x:auto!important;
  box-shadow:0 8px 24px rgba(59,11,20,.035)!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-tabs button{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:8px 13px!important;
  border:0!important;
  border-radius:10px!important;
  font-family:inherit!important;
  font-size:14.5px!important;
  line-height:1.2!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-tabs button:not(.active){
  background:#fff!important;
  color:#4d4145!important;
  box-shadow:inset 0 0 0 1px rgba(116,19,35,.08)!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-tabs button:hover:not(.active){
  background:#fff4f3!important;
  color:#741323!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-tabs button.active{
  background:#741323!important;
  color:#fff!important;
  box-shadow:0 7px 17px rgba(116,19,35,.15)!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-form,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-module-panel>.sa-card,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-settings{
  padding:18px!important;
  border-radius:16px!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-module-panel{
  margin-top:16px!important;
  font-family:inherit!important;
  font-size:15px!important;
  line-height:1.6!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-module-panel *:not(svg):not(path){
  font-family:inherit!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-module-panel :is(h2,h3){
  line-height:1.2!important;
  letter-spacing:-.015em!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-module-panel h2{font-size:21px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-module-panel h3{font-size:18px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-module-panel :is(p,li,label,td,th){
  font-size:14.5px!important;
  line-height:1.55!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-panel-head{
  margin-bottom:14px!important;
  padding-bottom:13px!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-panel-head h3,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-settings h3{
  margin:3px 0 5px!important;
  font-size:20px!important;
  line-height:1.18!important;
  letter-spacing:-.015em!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-settings h4{
  margin:10px 0 8px!important;
  font-size:17px!important;
  line-height:1.25!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] :is(.sa-settings-panel-head p,.sa-drive-settings .sa-card-head p,.sa-help-text){
  margin:0!important;
  font-size:14.5px!important;
  line-height:1.58!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-form-grid{gap:12px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] :is(.sa-settings-form,.sa-drive-settings) label{
  gap:6px!important;
  font-size:14.5px!important;
  line-height:1.4!important;
  font-weight:600!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] :is(.sa-settings-form,.sa-drive-settings) :is(input:not([type="checkbox"]),select,textarea),
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-module-panel :is(input:not([type="checkbox"]),select,textarea){
  min-height:42px!important;
  padding:9px 12px!important;
  border-radius:10px!important;
  font-family:inherit!important;
  font-size:15px!important;
  line-height:1.35!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] :is(.sa-settings-form,.sa-drive-settings) textarea,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-module-panel textarea{
  min-height:96px!important;
  resize:vertical!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-switch-list{margin:16px 0!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-switch-list label{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:20px!important;
  min-height:64px!important;
  margin:0!important;
  padding:13px 0!important;
  border-bottom:1px solid rgba(116,19,35,.10)!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-switch-list label>span{
  min-width:0!important;
  font-size:14.5px!important;
  line-height:1.42!important;
  font-weight:600!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-switch-list label small{
  display:block!important;
  margin-top:4px!important;
  color:#74676a!important;
  font-size:13.5px!important;
  line-height:1.45!important;
  font-weight:400!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-switch-list input[type="checkbox"],
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-module-panel input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  margin:0!important;
  padding:0!important;
  accent-color:#741323!important;
  box-shadow:none!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-info,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-alert{
  padding:10px 12px!important;
  margin:10px 0!important;
  border-radius:10px!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-form>.sa-settings-panel>.sa-btn,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-settings .sa-btn,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-module-panel :is(button,.sa-btn){
  min-height:40px!important;
  padding:8px 13px!important;
  border-radius:10px!important;
  font-family:inherit!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:650!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-settings .sa-card-head{
  align-items:flex-start!important;
  margin-bottom:10px!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-settings>.sa-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px 16px!important;
  align-items:start!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-settings>.sa-form>.sa-check{
  grid-column:1/-1!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 11px!important;
  border:1px solid rgba(116,19,35,.10)!important;
  border-radius:10px!important;
  background:#fffaf9!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-settings>.sa-form>.sa-check input{
  width:22px!important;height:22px!important;min-height:22px!important;flex:0 0 22px!important;padding:0!important;accent-color:#741323!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-oauth-panel,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-service-panel{
  min-width:0!important;
  height:100%!important;
  padding:14px!important;
  border:1px solid rgba(116,19,35,.10)!important;
  border-radius:12px!important;
  background:#fffaf9!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-oauth-panel{grid-column:1!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-service-panel{grid-column:2!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-oauth-panel label,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-service-panel label{display:block!important;margin-bottom:9px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-oauth-panel .sa-inline-actions{margin-top:9px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-settings>.sa-form>button.sa-btn{grid-column:1/-1!important;justify-self:start!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-settings>.sa-inline-actions{margin-top:11px!important;gap:8px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-settings>.sa-inline-actions form{margin:0!important}

@media (max-width:760px){
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-shell{padding-top:8px!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-tabs{padding:8px!important;gap:6px!important;margin-bottom:14px!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-tabs button{font-size:14px!important;padding-inline:11px!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-settings>.sa-form{grid-template-columns:1fr!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-oauth-panel,
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-drive-service-panel{grid-column:1!important}
}

html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-tabs{
  background:#210c0e!important;border-color:#68474c!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-tabs button:not(.active){
  background:#2b0f12!important;color:#e8d5d7!important;box-shadow:inset 0 0 0 1px #68474c!important
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-settings-tabs button:hover:not(.active){background:#301014!important;color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] :is(.sa-drive-oauth-panel,.sa-drive-service-panel,.sa-drive-settings>.sa-form>.sa-check){background:#2b1013!important;border-color:#68474c!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-switch-list label{border-bottom-color:#4d3035!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="settings"] .sa-switch-list label small{color:#cdbabd!important}

/* =========================================================
   v2.12.73 — SUPPORT PAGE COMPACT WEBSITE-NATIVE ROOT FIX
   Scope: support section only. Neutralizes public-theme heading scale inside
   portal support cards and restores compact website proportions without
   changing any support links/actions.
   ========================================================= */
@media (min-width:981px){
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid>.sa-card{
    min-height:176px!important;
    padding:18px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:center!important;
    overflow:hidden!important;
  }
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid>.sa-card>i{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:40px!important;
  margin:0 0 13px!important;
  border:1px solid rgba(116,19,35,.12)!important;
  border-radius:14px!important;
  background:#fbefef!important;
  color:#741323!important;
  font-size:23px!important;
  line-height:1!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid>.sa-card>h2{
  margin:0 0 10px!important;
  max-width:100%!important;
  color:#180409!important;
  -webkit-text-fill-color:#180409!important;
  font-family:inherit!important;
  font-size:clamp(19px,1.45vw,23px)!important;
  font-weight:750!important;
  letter-spacing:-.035em!important;
  line-height:1.04!important;
  text-wrap:balance!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid>.sa-card>p{
  margin:0 auto 16px!important;
  max-width:290px!important;
  color:#655458!important;
  font-size:14px!important;
  line-height:1.6!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid>.sa-card>.sa-btn{
  min-height:40px!important;
  margin-top:auto!important;
  padding:8px 14px!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:750!important;
  line-height:1.2!important;
  white-space:normal!important;
  box-shadow:none!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid>.sa-card:last-child{
  align-items:stretch!important;
  text-align:left!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid>.sa-card:last-child>h2{
  text-align:left!important;
  margin-bottom:15px!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid>.sa-card:last-child>a:not(.sa-btn){
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:40px!important;
  padding:8px 2px!important;
  border-bottom:1px solid rgba(116,19,35,.10)!important;
  color:#741323!important;
  -webkit-text-fill-color:#741323!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.3!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid>.sa-card:last-child>a:not(.sa-btn):last-child{
  border-bottom:0!important;
}
@media (max-width:980px){
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid>.sa-card{
    min-height:0!important;
    padding:18px!important;
  }
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid>.sa-card>h2{
    font-size:23px!important;
  }
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid>.sa-card>i{
  background:#301014!important;
  border-color:#68474c!important;
  color:#f1b9bd!important;
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid>.sa-card>h2{
  color:#fff7f7!important;
  -webkit-text-fill-color:#fff7f7!important;
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="support"] .sa-support-grid>.sa-card>p{
  color:#e8d5d7!important;
}

/* =========================================================
   v2.12.92 — ORDERS CANONICAL IMAGE-FIRST SUMMARY CARDS
   One source of truth: equal-size image-first cards, compact status row and
   detail-page navigation. Replaces the former v2.12.75/76/77 layered rules.
   ========================================================= */
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch
}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-card{
  position:relative;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;
  border:1px solid rgba(116,19,35,.14);border-radius:16px;background:#fffdfb;
  box-shadow:0 8px 24px rgba(49,14,20,.045);transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease
}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-card:hover{transform:translateY(-2px);border-color:rgba(116,19,35,.22);box-shadow:0 14px 30px rgba(49,14,20,.085)}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-link{display:flex;flex-direction:column;height:100%;color:#180409;text-decoration:none}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-media{position:relative;aspect-ratio:1.82/1;overflow:hidden;background:#f4e9e5;border-radius:15px 15px 13px 13px}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(24,4,9,.14),transparent 42%);opacity:.28;transition:opacity .28s ease}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-card:hover .sa-order-gallery-media::after{opacity:.4}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-media img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.001);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-card:hover .sa-order-gallery-media img{transform:scale(1.025)}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-body{flex:1;display:flex;flex-direction:column;padding:14px 15px 14px}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-eyebrow{display:block;margin:0;color:#705d60;font-size:11.5px!important;line-height:1.35;font-weight:650;letter-spacing:.01em}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-body h2{margin:6px 0 0;color:#180409!important;font-family:inherit!important;font-size:17px!important;line-height:1.25!important;letter-spacing:-.015em!important;font-weight:710!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-client{margin:6px 0 0!important;color:#3f3234!important;font-size:12.5px!important;line-height:1.4!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-spec{margin:6px 0 0!important;color:#5f5052!important;font-size:12.5px!important;line-height:1.4!important;min-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding:10px 0;min-height:50px;border-top:1px solid rgba(116,19,35,.09)}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-badges{position:static;display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0;max-width:55%}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-badges span,
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-status{position:static;display:inline-flex;align-items:center;min-height:21px;padding:4px 7px;border:1px solid rgba(116,19,35,.09);border-radius:999px;background:#fff7f5;box-shadow:none;color:#741323;font-size:11.5px;line-height:1.1;font-weight:740;letter-spacing:.01em}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-badges .new-client{color:#147a43;background:#ebfaf1}.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-badges .online{color:#245e9b;background:#eef6ff}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-status{flex:0 1 auto;max-width:55%;min-width:0;white-space:normal;overflow-wrap:normal;text-align:center;justify-content:center}

/* Status color derives only from the existing order status value. */
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-status:is([data-sa-status="pending_payment"],[data-sa-status="pending_review"]){background:#fff3df;color:#a86a00;border-color:#f6e4bf}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-status[data-sa-status="download_available"]{background:#e7f6ed;color:#147a43;border-color:#cdebd9}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-status[data-sa-status="cancelled"]{background:#fdebed;color:#b52745;border-color:#f9d7dd}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-status[data-sa-status="final_files_ready"]{background:#f2eafa;color:#753ca0;border-color:#e7daf2}

.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:11px;min-height:49px;border-top:1px solid rgba(116,19,35,.10)}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-footer>span{display:grid;min-width:0;gap:2px}.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-footer b{color:#76676a;font-size:11.5px!important;letter-spacing:.025em}.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-footer small{color:#87787a;font-size:11.5px!important;line-height:1.3}
.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-footer>strong{flex:0 0 auto;display:flex;align-items:center;gap:5px;color:#741323;font-size:12px;font-weight:720;white-space:nowrap}.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-footer>strong i{font-style:normal;transition:transform .22s ease}.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-card:hover .sa-order-gallery-footer>strong i{transform:translate(2px,-2px)}
@media(max-width:1380px){.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-grid{grid-template-columns:1fr;gap:12px}.sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-media{aspect-ratio:1.55/1}}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-card{background:#210c0e;border-color:#68474c;box-shadow:0 10px 28px rgba(0,0,0,.22)}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-body h2{color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="orders"] :is(.sa-order-gallery-client,.sa-order-gallery-spec){color:#e8d5d7!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="orders"] :is(.sa-order-gallery-eyebrow,.sa-order-gallery-footer b,.sa-order-gallery-footer small){color:#cdb9bc!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-meta,
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-footer{border-color:#68474c}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="orders"] :is(.sa-order-gallery-badges span,.sa-order-gallery-status){border-color:#68474c;background:#301014;color:#f8e6e9}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-badges .new-client{color:#a9f0c7;background:#1b392b;border-color:#355d45}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-badges .online{color:#acd4ff;background:#1c324a;border-color:#365576}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-badges .new-order{color:#ffe0a3;background:#473018;border-color:#6e5331}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-status:is([data-sa-status="pending_payment"],[data-sa-status="pending_review"]){color:#ffd998;background:#4a3118;border-color:#76522c}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-status[data-sa-status="download_available"]{color:#a8efd0;background:#1b392b;border-color:#355d45}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-status[data-sa-status="cancelled"]{color:#ffbdc8;background:#4b202b;border-color:#77414e}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-status[data-sa-status="final_files_ready"]{color:#e0c2fa;background:#372344;border-color:#694c79}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="orders"] .sa-order-gallery-footer>strong{color:#f1b9bd}

/* =========================================================
   v2.13.20 — ORDERS FILTER: CANONICAL PREMIUM DROPDOWNS
   Reuse dashboard.js premium select for exactly the two Orders filters.
   No native browser option popup, no theme custom-select duplicate.
   This does not target any order card styles or other selects.
   ========================================================= */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter{
  display:grid!important;
  grid-template-columns:minmax(245px,1.35fr) minmax(170px,.78fr) minmax(170px,.78fr) 88px 84px!important;
  align-items:end!important;
  gap:12px!important;
  padding:14px!important;
  margin-top:0!important;
  margin-bottom:16px!important;
  border-radius:14px!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>label{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  min-width:0!important;
  margin:0!important;
  color:#2a171c!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.25!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>label>input,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>label>.sa-orders-filter-premium,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>.sa-btn,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>a{
  box-sizing:border-box!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:8px 0 0!important;
  border-radius:10px!important;
  font-family:inherit!important;
  font-size:13px!important;
  line-height:normal!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>label>input{
  display:block!important;
  width:100%!important;
  padding:0 14px 0 40px!important;
  border:1px solid rgba(116,19,35,.19)!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23741323' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='10.7' cy='10.7' r='6.4'/%3E%3Cpath d='m15.4 15.4 5 5'/%3E%3C/svg%3E")!important;
  background-position:13px center!important;
  background-repeat:no-repeat!important;
  background-size:18px 18px!important;
  color:#180409!important;
  -webkit-text-fill-color:#180409!important;
  box-shadow:none!important;
}
/* Native source remains in the form for GET submission, but does not paint. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter select[data-sa-orders-filter="1"]{
  position:absolute!important;width:1px!important;height:1px!important;
  min-width:1px!important;min-height:1px!important;
  opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;
  clip-path:inset(50%)!important;
}
/* One visible premium trigger replaces each Orders select. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>label>.sa-orders-filter-premium{
  display:block!important;position:relative!important;width:100%!important;
  min-width:0!important;padding:0!important;
  background:transparent!important;box-shadow:none!important;
  overflow:visible!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-orders-filter-premium>.sa-premium-select-trigger{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  box-sizing:border-box!important;width:100%!important;height:48px!important;
  min-height:48px!important;max-height:48px!important;
  padding:0 9px 0 14px!important;
  border:1px solid #741323!important;border-radius:10px!important;
  background:#741323!important;background-image:none!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:none!important;font-size:13px!important;font-weight:650!important;
  white-space:nowrap!important;cursor:pointer!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-orders-filter-premium>.sa-premium-select-trigger>span{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-orders-filter-premium>.sa-premium-select-trigger i{
  width:30px!important;height:30px!important;flex:0 0 30px!important;
  border-radius:8px!important;background:#4c0716!important;color:#fff!important;
  display:grid!important;place-items:center!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-orders-filter-premium.open>.sa-premium-select-trigger,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-orders-filter-premium>.sa-premium-select-trigger:hover{
  border-color:#aa5263!important;background:#831b2d!important;
}
/* Popup is appended directly to body by dashboard.js. */
body>.sa-premium-select-menu.sa-orders-filter-premium-menu{
  background:#fffaf9!important;color:#180409!important;
  border:1px solid rgba(116,19,35,.24)!important;
  border-radius:12px!important;box-shadow:0 16px 45px rgba(24,4,9,.18)!important;
  padding:6px!important;
}
body>.sa-premium-select-menu.sa-orders-filter-premium-menu .sa-premium-select-option{
  display:block!important;width:100%!important;padding:12px 14px!important;
  border:0!important;border-radius:8px!important;
  background:transparent!important;color:#180409!important;-webkit-text-fill-color:#180409!important;
  font-family:inherit!important;font-size:13px!important;font-weight:600!important;line-height:1.35!important;text-align:left!important;
}
body>.sa-premium-select-menu.sa-orders-filter-premium-menu .sa-premium-select-option:is(.is-selected,:hover,:focus-visible){
  background:#741323!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>.sa-btn,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  align-self:end!important;padding:0 12px!important;text-align:center!important;
  white-space:nowrap!important;font-weight:700!important;cursor:pointer!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>.sa-btn{
  background:#741323!important;border:1px solid #741323!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>a{
  background:transparent!important;border:1px solid rgba(116,19,35,.45)!important;
  color:#741323!important;-webkit-text-fill-color:#741323!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>a:is(:hover,:focus-visible){
  background:#f8edef!important;border-color:#af6f7a!important;
  color:#741323!important;-webkit-text-fill-color:#741323!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter :is(input,.sa-premium-select-trigger,.sa-btn,a):focus-visible{
  outline:2px solid #bf6a7b!important;outline-offset:2px!important;
}
@media(max-width:1050px){
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>label:first-of-type{
    grid-column:1/-1!important;
  }
}
@media(max-width:680px){
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>label:first-of-type{
    grid-column:auto!important;
  }
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>label{color:#fff7f7!important;}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>label>input{
  background-color:#210c0e!important;border-color:#68474c!important;
  color:#fff7f7!important;-webkit-text-fill-color:#fff7f7!important;
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-orders-filter-premium>.sa-premium-select-trigger{
  border-color:#a35665!important;background:#741323!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html[data-sa-theme="dark"] body>.sa-premium-select-menu.sa-orders-filter-premium-menu{
  background:#210c0e!important;color:#fff7f7!important;border-color:#69414b!important;
}
html[data-sa-theme="dark"] body>.sa-premium-select-menu.sa-orders-filter-premium-menu .sa-premium-select-option{
  color:#fff7f7!important;-webkit-text-fill-color:#fff7f7!important;
}
html[data-sa-theme="dark"] body>.sa-premium-select-menu.sa-orders-filter-premium-menu .sa-premium-select-option:is(.is-selected,:hover,:focus-visible){
  background:#741323!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>a{
  border-color:#92636c!important;color:#fff7f7!important;-webkit-text-fill-color:#fff7f7!important;
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="orders"] .sa-order-identity-filter>a:is(:hover,:focus-visible){
  background:#402027!important;border-color:#a77883!important;
  color:#fff7f7!important;-webkit-text-fill-color:#fff7f7!important;
}

/* =========================================================
   v2.12.96 — PROJECT CONTROL REFERENCE DESIGN — CANONICAL
   Replaces the previous project-control canonical block in-place.
   No duplicate project layout layer is appended below this block.
   ========================================================= */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace{
  container-type:inline-size;
  container-name:saProjectWorkspace;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  gap:14px!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] :is(
  .sa-project-layout,.sa-project-main-stack,.sa-project-side-stack,.sa-project-primary-card,
  .sa-project-stage-strip,.sa-project-lower-grid,.sa-project-summary-card,.sa-admin-update
){min-width:0!important;max-width:100%!important;box-sizing:border-box!important}

/* Refined role-aware Project Overview composition (v2.13.35).
   Restores the approved payment/control layout first on Admin, and makes
   Client summary sit alongside album details; existing actions remain intact. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-admin-view .sa-project-side-stack{order:-1!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-client-view .sa-project-layout{grid-template-columns:minmax(0,1fr) minmax(270px,320px)!important;align-items:start!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-client-view :is(.sa-project-main-stack,.sa-project-side-stack){display:contents!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-client-view .sa-project-primary-card{grid-column:1!important;grid-row:1!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-client-view .sa-project-side-stack>.sa-project-summary-card{grid-column:2!important;grid-row:1!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-client-view .sa-project-side-stack>.sa-cancel-balance-card{grid-column:1/-1!important;grid-row:2!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-client-view .sa-project-stage-strip{grid-column:1/-1!important;grid-row:3!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-client-view .sa-project-lower-grid{grid-column:1/-1!important;grid-row:4!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-admin-view.is-cancelled-project .sa-project-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-admin-view.is-cancelled-project .sa-project-side-stack>.sa-cancel-balance-card{grid-column:2!important;grid-row:1!important}
@container saProjectWorkspace (max-width:1080px){
 .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-admin-view .sa-project-side-stack{grid-template-columns:1fr!important}
 .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-admin-view .sa-project-side-stack>*{grid-column:1!important;grid-row:auto!important}
 .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-client-view .sa-project-layout{grid-template-columns:1fr!important}
 .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-client-view .sa-project-primary-card{grid-column:1!important;grid-row:1!important}
 .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-client-view .sa-project-side-stack>.sa-project-summary-card{grid-column:1!important;grid-row:2!important}
 .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-client-view .sa-project-side-stack>.sa-cancel-balance-card{grid-column:1!important;grid-row:3!important}
 .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-client-view .sa-project-stage-strip{grid-column:1!important;grid-row:4!important}
 .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-workspace.is-client-view .sa-project-lower-grid{grid-column:1!important;grid-row:5!important}
}

/* Main project information remains full width above the summary/control row. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  overflow:visible!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-main-stack{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;
  align-self:start!important;
}

/* Reference layout: compact payment summary + wide project control. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-side-stack{
  display:grid!important;
  grid-template-columns:minmax(260px,300px) minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  z-index:auto!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-side-stack>.sa-project-summary-card,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-side-stack>.sa-cancel-balance-card{
  grid-column:1!important;
  grid-row:auto!important;
  width:100%!important;
  position:static!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-side-stack>.sa-admin-update{
  grid-column:2!important;
  grid-row:1 / span 16!important;
  width:100%!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  overflow:visible!important;
}

/* Project Details / Album specification stays intact and readable. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-primary-card{
  display:grid!important;
  grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(135px,155px)!important;
  gap:16px!important;
  align-items:stretch!important;
  min-height:0!important;
  padding:16px!important;
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-cover-card{
  min-height:245px!important;height:auto!important;max-height:300px!important;
  border-radius:16px!important;overflow:hidden!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-cover-card>img{
  width:100%!important;height:100%!important;object-fit:cover!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-details-card{
  display:block!important;visibility:visible!important;opacity:1!important;min-width:0!important;padding:3px 0!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-details-card .sa-section-title h2{
  margin:4px 0 0!important;font-size:24px!important;line-height:1.08!important;letter-spacing:-.025em!important;
  white-space:normal!important;overflow:visible!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-fact-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:13px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-fact-grid>div{
  min-width:0!important;min-height:56px!important;padding:9px 10px!important;border-radius:10px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-fact-grid small,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-fact-grid strong{font-size:13.5px!important;line-height:1.4!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-progress-card{
  min-width:0!important;padding:12px!important;border-radius:14px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-progress-card .sa-progress-donut{
  transform:scale(.9)!important;margin:-4px auto 4px!important
}

.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-stage-strip{
  overflow:hidden!important;padding:15px!important;border-radius:16px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-stage-track{
  max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-lower-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-lower-grid>.sa-card{
  min-width:0!important;min-height:220px!important;padding:15px!important;overflow:hidden!important
}

/* Payment summary — compact reference card. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-summary-card{
  padding:16px!important;border-radius:16px!important;background:#fffdfc!important;
  border:1px solid rgba(116,19,35,.14)!important;box-shadow:0 10px 30px rgba(59,11,20,.045)!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-summary-card .sa-section-title h3{
  margin:4px 0 12px!important;font-size:22px!important;line-height:1.12!important;letter-spacing:-.025em!important;white-space:nowrap!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-summary-card .sa-key-list{
  margin:10px 0 14px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-summary-card .sa-key-list>div{
  min-height:42px!important;padding:9px 0!important;border-bottom:1px solid rgba(116,19,35,.11)!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-summary-card .sa-btn{
  min-height:42px!important;padding:9px 13px!important;border-radius:10px!important;font-size:14px!important
}

/* Full Project Control — reference hierarchy. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-update{
  container-type:inline-size;container-name:saAdminControl;
  padding:16px!important;border-radius:16px!important;background:#fffdfc!important;
  border:1px solid rgba(116,19,35,.14)!important;box-shadow:0 10px 30px rgba(59,11,20,.045)!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-control-head>span{
  min-height:28px!important;padding:6px 11px!important;border-radius:999px!important;background:#3b0b14!important;
  color:#fff!important;font-size:13px!important;line-height:1!important;letter-spacing:.13em!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-control-head h3{
  margin:8px 0 4px!important;font-size:25px!important;line-height:1.08!important;letter-spacing:-.03em!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-control-head p{
  margin:0 0 14px!important;font-size:14px!important;line-height:1.55!important;color:#5f5052!important
}

/* Order Approval strip with visual state icon. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-order-gate{
  display:grid!important;grid-template-columns:44px 165px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;
  padding:12px!important;margin:0 0 12px!important;border:1px solid rgba(116,19,35,.10)!important;border-radius:13px!important;
  background:linear-gradient(90deg,#fff3f3 0%,#fffafa 100%)!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-order-gate::before{
  content:'✓';grid-column:1;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
  background:#d99ca7;color:#fff;font-size:20px;font-weight:800
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-order-gate.is-pending::before{
  content:'!';background:#e6b15b;color:#fff
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-order-gate>div{grid-column:2!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-order-gate>p{grid-column:3!important;margin:0!important;font-size:13.5px!important;line-height:1.45!important;color:#645356!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-order-gate>a{
  grid-column:4!important;min-height:40px!important;padding:8px 14px!important;border:1px solid rgba(116,19,35,.48)!important;
  border-radius:9px!important;color:#741323!important;font-weight:750!important;display:inline-flex!important;align-items:center!important;justify-content:center!important
}

/* Client Project Source — wide clean card with 2+1 action grid. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-update .sa-cloud-source-admin{
  display:grid!important;grid-template-columns:56px minmax(0,1fr) minmax(300px,350px)!important;gap:14px!important;align-items:start!important;
  width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 12px!important;padding:13px!important;
  border-radius:14px!important;overflow:hidden!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-update .sa-cloud-source-icon{
  width:52px!important;height:52px!important;border-radius:12px!important;font-size:23px!important;background:#15884c!important;color:#fff!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-update .sa-cloud-source-copy{
  min-width:0!important;width:100%!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-update .sa-cloud-source-copy>small{
  font-size:13px!important;letter-spacing:.13em!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-update .sa-cloud-source-copy h3{
  margin:3px 0 2px!important;font-size:18px!important;line-height:1.2!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-update .sa-cloud-source-copy p{
  margin:0!important;font-size:13.5px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-update .sa-cloud-import-metrics{
  gap:7px!important;margin-top:8px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-update .sa-cloud-import-metrics span{
  padding:5px 9px!important;border-radius:999px!important;font-size:13px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-update .sa-cloud-source-url{
  width:min(100%,360px)!important;max-width:100%!important;margin-top:9px!important;padding:8px 10px!important;
  border-radius:9px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-update .sa-cloud-source-actions{
  grid-column:3!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;max-width:none!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-update .sa-cloud-source-actions .sa-btn{
  width:100%!important;min-width:0!important;min-height:40px!important;padding:8px 10px!important;border-radius:9px!important;
  font-size:13px!important;white-space:normal!important;text-align:center!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-update .sa-cloud-source-actions .sa-btn:nth-child(n+3){grid-column:1/-1!important}

/* Thumbnail — concise identity row. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-thumbnail{
  display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;
  padding:12px!important;margin:0 0 12px!important;border-radius:13px!important;background:#fff!important;border:1px solid rgba(116,19,35,.12)!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-thumbnail-preview{
  width:76px!important;height:76px!important;border-radius:50%!important;overflow:hidden!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-thumbnail strong{font-size:15px!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-thumbnail p{
  margin:3px 0 8px!important;font-size:13px!important;line-height:1.45!important;color:#65565a!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-thumbnail small{
  margin-top:6px!important;font-size:13px!important;line-height:1.4!important
}
.sa-portal-integrated-page #sa-public-theme .sa-app-v2[data-sa-section="projects"] :is(.sa-thumbnail-button,.sa-thumbnail-remove),
.sa-portal-integrated-page #sa-public-theme .sa-app-v2[data-sa-section="projects"] .sa-admin-update .sa-btn,
.sa-portal-integrated-page #sa-public-theme .sa-app-v2[data-sa-section="projects"] .sa-admin-update button:not(.sa-smart-date-trigger){
  min-height:40px!important;padding:8px 13px!important;border-radius:9px!important;font-size:13.5px!important;line-height:1.2!important
}
.sa-portal-integrated-page #sa-public-theme .sa-app-v2[data-sa-section="projects"] .sa-thumbnail-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:140px!important;min-height:40px!important;opacity:1!important;visibility:visible!important;cursor:pointer!important;
  border:1px solid #741323!important;background:#741323!important;color:#fff!important;-webkit-text-fill-color:#fff!important
}
.sa-portal-integrated-page #sa-public-theme .sa-app-v2[data-sa-section="projects"] .sa-thumbnail-button>span,html[data-sa-theme="dark"] .sa-portal-integrated-page #sa-public-theme .sa-app-v2[data-sa-section="projects"] .sa-thumbnail-button>span{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}
.sa-portal-integrated-page #sa-public-theme .sa-app-v2[data-sa-section="projects"] .sa-thumbnail-remove:not([hidden]){display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;border:1px solid #741323!important;border-radius:9px!important;background:#741323!important;color:#fff!important;-webkit-text-fill-color:#fff!important;margin:0!important;opacity:1!important}
.sa-portal-integrated-page #sa-public-theme .sa-app-v2[data-sa-section="projects"] .sa-thumbnail-remove:hover{background:#891a2c!important;border-color:#891a2c!important}
.sa-portal-integrated-page #sa-public-theme .sa-app-v2[data-sa-section="projects"] .sa-thumbnail-remove[hidden]{display:none!important}

/* Form geometry: core fields full-width row, notes side-by-side, actions split. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-project-form{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 16px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-project-form>input[type="hidden"],
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-project-form>.sa-alert{grid-column:1/-1!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-project-core-fields{
  grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 16px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-project-core-fields>label{min-width:0!important;margin:0!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-project-core-fields>label>small{
  display:block!important;position:static!important;margin:5px 0 0!important;font-size:13px!important;line-height:1.4!important;white-space:normal!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-delivery-field{grid-column:1/-1!important;min-height:0!important;align-self:start!important;font-size:13.5px!important;font-weight:650!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-project-name-field>input{
  height:40px!important;min-height:40px!important;margin-top:5px!important;padding:0 12px!important;border-radius:9px!important;box-shadow:none!important
}

/* Production stage: clean single native control. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-stage-select-shell{
  position:relative!important;display:block!important;width:100%!important;height:40px!important;margin-top:5px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] select.sa-production-stage-native{
  display:block!important;width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;
  padding:0 42px 0 12px!important;border:1px solid rgba(116,19,35,.17)!important;border-radius:9px!important;
  background:#fffdfc!important;background-image:none!important;color:#180409!important;-webkit-text-fill-color:#180409!important;
  box-shadow:none!important;font-size:13.5px!important;opacity:1!important;visibility:visible!important;appearance:none!important;-webkit-appearance:none!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-stage-select-icon{
  position:absolute!important;top:4px!important;right:4px!important;width:32px!important;height:32px!important;border-radius:8px!important;
  background:#741323!important;pointer-events:none!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-stage-select-shell :is(.sa-premium-select,.custom-select){display:none!important}

/* Delivery date is white like the reference, with maroon calendar control only. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-delivery-field .sa-smart-date{
  display:block!important;position:relative!important;width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;min-width:0!important;margin-top:5px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-delivery-field input[type="date"].sa-native-date-source{
  position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important
}
.sa-portal-integrated-page #sa-public-theme .sa-app-v2[data-sa-section="projects"] .sa-admin-delivery-field button.sa-smart-date-trigger{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;position:relative!important;width:100%!important;height:40px!important;min-height:40px!important;
  margin:0!important;padding:4px 43px 4px 12px!important;border:1px solid rgba(116,19,35,.17)!important;border-radius:9px!important;
  background:#fffdfc!important;background-image:none!important;color:#180409!important;-webkit-text-fill-color:#180409!important;
  box-shadow:none!important;font-size:13.5px!important;text-align:left!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-delivery-field button.sa-smart-date-trigger::before,
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-delivery-field button.sa-smart-date-trigger::after{display:none!important;content:none!important}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-delivery-field button.sa-smart-date-trigger svg{
  position:absolute!important;top:50%!important;right:5px!important;left:auto!important;bottom:auto!important;transform:translateY(-50%)!important;transition:none!important;animation:none!important;flex:none!important;width:30px!important;height:30px!important;padding:7px!important;border-radius:7px!important;
  background:#fff!important;color:#741323!important;stroke:#741323!important
}

/* Informational strips + two-column notes. */
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-project-form>.sa-control-separation-note{
  grid-column:1/-1!important;margin:0!important;padding:10px 12px!important;border-radius:11px!important;
  background:#f8efeb!important;border:0!important;font-size:13px!important;line-height:1.45!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-project-form>label{
  min-width:0!important;margin:0!important;font-size:13.5px!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-project-form>label textarea{
  width:100%!important;min-height:68px!important;max-height:96px!important;margin-top:5px!important;padding:10px 12px!important;
  border-radius:9px!important;font-size:14px!important;line-height:1.5!important;resize:vertical!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-project-form>label>small{
  display:block!important;margin-top:5px!important;font-size:13px!important;line-height:1.4!important
}
.sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-control-actions{
  grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(160px,.55fr) minmax(240px,1fr)!important;
  gap:10px!important;align-items:center!important;margin-top:0!important
}
.sa-portal-integrated-page #sa-public-theme .sa-app-v2[data-sa-section="projects"] .sa-admin-control-actions .sa-btn{
  min-height:42px!important;border-radius:9px!important;padding:9px 13px!important;font-size:14px!important
}
.sa-portal-integrated-page #sa-public-theme .sa-app-v2[data-sa-section="projects"] .sa-admin-control-actions .sa-btn:last-child{justify-self:stretch!important}

/* Dark mode: preserve the reference hierarchy without white leaks. */
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] :is(.sa-project-summary-card,.sa-admin-update){
  background:#210c0e!important;border-color:#68474c!important;box-shadow:0 12px 30px rgba(0,0,0,.20)!important;color:#fff7f7!important
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-order-gate{
  background:#2c1216!important;border-color:#68474c!important
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-thumbnail{
  background:#261114!important;border-color:#68474c!important
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] :is(
  select.sa-production-stage-native,.sa-admin-project-name-field>input,.sa-admin-delivery-field button.sa-smart-date-trigger,
  .sa-admin-project-form textarea
){background:#190a0c!important;border-color:#68474c!important;color:#fff7f7!important;-webkit-text-fill-color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-project-form>.sa-control-separation-note{
  background:#301418!important;color:#ead7da!important
}
html[data-sa-theme="dark"] .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-delivery-field button.sa-smart-date-trigger svg{
  background:#741323!important;color:#fff!important;stroke:#fff!important
}

/* Responsive behavior follows actual portal width. */
@container saAdminControl (max-width:760px){
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-update .sa-cloud-source-admin{
    grid-template-columns:48px minmax(0,1fr)!important
  }
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-update .sa-cloud-source-actions{
    grid-column:1/-1!important;grid-template-columns:1fr 1fr!important
  }
}
@container saProjectWorkspace (max-width:980px){
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-side-stack{grid-template-columns:1fr!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-side-stack>*{grid-column:1!important;grid-row:auto!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-primary-card{grid-template-columns:180px minmax(0,1fr)!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-progress-card{
    grid-column:1/-1!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;text-align:left!important
  }
}
@container saProjectWorkspace (max-width:700px){
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-primary-card,
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-lower-grid,
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-project-core-fields,
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-project-form,
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-control-actions{
    grid-template-columns:1fr!important
  }
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-order-gate{
    grid-template-columns:40px minmax(0,1fr)!important
  }
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-order-gate::before{grid-column:1!important;grid-row:1/3!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-order-gate>div,
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-order-gate>p{grid-column:2!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-admin-order-gate>a{grid-column:1/-1!important;width:100%!important}
  .sa-portal-integrated-page .sa-app-v2[data-sa-section="projects"] .sa-project-cover-card{min-height:230px!important;max-height:280px!important}
}


/* =========================================================
   v2.12.95 — ADMIN DASHBOARD REFERENCE REDESIGN
   Reference-led, website-native dashboard. Scoped to Dashboard only.
   Existing portal header/sidebar/data/actions remain untouched.
   ========================================================= */
.sa-admin-portal[data-sa-section="dashboard"] .sa-content-v2{
  background:linear-gradient(180deg,#fffdfb 0%,#fff 42%,#fffdfb 100%)!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-dashboard{
  display:grid;
  gap:18px;
  color:#180409;
  font-family:inherit;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero{
  position:relative;
  min-height:360px;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.72fr);
  gap:28px;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  padding:34px 34px 32px;
  border:1px solid rgba(116,19,35,.12);
  border-radius:24px;
  background:#f8eee7;
  box-shadow:0 18px 46px rgba(80,29,38,.07);
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-media{
  position:absolute;
  inset:0;
  z-index:-3;
  background-size:cover;
  background-position:center;
  filter:saturate(.86) contrast(.96) brightness(1.03);
  transform:scale(1.015);
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-wash{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(255,252,249,.98) 0%,rgba(255,252,249,.93) 34%,rgba(255,250,245,.62) 56%,rgba(255,250,245,.78) 100%),
    linear-gradient(180deg,rgba(116,19,35,.02),rgba(116,19,35,.06));
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero::after{
  content:"";
  position:absolute;
  right:-90px;
  top:-110px;
  width:380px;
  height:380px;
  border:1px solid rgba(184,119,65,.20);
  border-radius:50%;
  z-index:-1;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-copy{
  max-width:620px;
  min-width:0;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-kicker{
  display:inline-block;
  margin-bottom:13px;
  color:#741323;
  font-size:13px;
  line-height:1.2;
  font-weight:750;
  letter-spacing:.16em;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-copy h1{
  margin:0;
  max-width:600px;
  color:#180409!important;
  font-family:inherit!important;
  font-size:clamp(42px,4.2vw,68px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  font-weight:500!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-copy h1 strong{
  display:inline-block;
  color:#b77738;
  font-weight:600;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-copy h2{
  margin:17px 0 6px!important;
  color:#180409!important;
  font-family:inherit!important;
  font-size:20px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-copy>p{
  max-width:560px;
  margin:0!important;
  color:#6f6265!important;
  font-size:15px!important;
  line-height:1.55!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-actions .sa-btn{
  min-height:48px!important;
  padding:0 20px!important;
  border-radius:12px!important;
  font-size:14px!important;
  font-weight:700!important;
  gap:10px!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-actions .sa-ref-primary{
  min-width:210px;
  justify-content:space-between;
  box-shadow:0 12px 26px rgba(116,19,35,.18);
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-actions .sa-ref-secondary{
  min-width:180px;
  justify-content:space-between;
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(183,119,56,.58)!important;
  color:#741323!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-attention{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:14px;
  padding:8px 12px;
  border:1px solid rgba(184,119,65,.22);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#741323;
  font-size:13px;
  font-weight:650;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-attention b{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#741323;
  color:#fff;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow{
  position:relative;
  align-self:center;
  width:100%;
  max-width:480px;
  justify-self:end;
  padding:22px;
  border-radius:20px;
  color:#fff;
  background:linear-gradient(145deg,#711122 0%,#4b0712 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 20px 40px rgba(57,7,18,.24);
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(circle at 90% 0%,rgba(255,217,171,.16),transparent 34%);
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow-head{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding-bottom:15px;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow-head>span,
html body.sa-portal-integrated-page #sa-public-theme#sa-public-theme .sa-portal-site-shell .sa-app-v2.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow-head>span{
  color:#fff7f7!important;
  -webkit-text-fill-color:#fff7f7!important;
  display:flex;
  align-items:center;
  gap:9px;
  font-size:14px;
  letter-spacing:.08em;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow-head svg{
  width:20px;
  height:20px;
  color:#e0ad69;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow-head small,
html body.sa-portal-integrated-page #sa-public-theme#sa-public-theme .sa-portal-site-shell .sa-app-v2.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow-head small{
  -webkit-text-fill-color:#fff!important;
  padding:7px 10px;
  border:1px solid rgba(231,186,121,.62);
  border-radius:9px;
  color:#fff!important;
  font-size:12px;
  white-space:nowrap;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow-values{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  padding:20px 0;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow-values>div+div{
  padding-left:22px;
  border-left:1px solid rgba(255,255,255,.14);
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow-values small,
html body.sa-portal-integrated-page #sa-public-theme#sa-public-theme .sa-portal-site-shell .sa-app-v2.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow-values small{
  display:block;
  margin-bottom:5px;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:13px;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow-values strong,
html body.sa-portal-integrated-page #sa-public-theme#sa-public-theme .sa-portal-site-shell .sa-app-v2.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow-values strong{
  display:block;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(22px,2vw,30px);
  line-height:1.08;
  white-space:nowrap;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow>a{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:50px;
  padding:0 16px;
  border-radius:11px;
  background:#fffdfb;
  color:#5d101c;
  font-size:14px;
  font-weight:750;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow>a>span{
  display:flex;
  align-items:center;
  gap:9px;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow>a svg{
  width:20px;
  height:20px;
  color:#b77738;
}

.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-card{
  position:relative;
  min-width:0;
  min-height:112px;
  display:flex;
  align-items:center;
  gap:14px;
  overflow:hidden;
  padding:17px 18px;
  border:1px solid rgba(116,19,35,.11);
  border-radius:17px;
  background:#fff;
  box-shadow:0 8px 24px rgba(63,26,32,.035);
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-card::after{
  content:"";
  position:absolute;
  width:150px;
  height:70px;
  right:-30px;
  bottom:-38px;
  border-radius:50%;
  background:var(--sa-ref-wave,#f8e9e8);
  opacity:.72;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-card>i{
  position:relative;
  z-index:1;
  flex:0 0 46px;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:var(--sa-ref-icon-bg,#fae7e8);
  color:var(--sa-ref-icon,#9e1b31);
  font-style:normal;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-card>i svg{width:22px;height:22px}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-card>div{position:relative;z-index:1;min-width:0}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-card strong{
  display:block;
  color:#180409;
  font-size:24px;
  line-height:1;
  font-weight:760;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-card span{
  display:block;
  margin-top:4px;
  color:#2c1c21;
  font-size:14px;
  line-height:1.2;
  font-weight:700;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-card small{
  display:block;
  margin-top:5px;
  color:#827579;
  font-size:13px;
  line-height:1.25;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-card.tone-pink{--sa-ref-icon-bg:#fde9ed;--sa-ref-icon:#a51631;--sa-ref-wave:#f9e2e7}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-card.tone-gold{--sa-ref-icon-bg:#fbf0dd;--sa-ref-icon:#a86b12;--sa-ref-wave:#f8edd7}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-card.tone-green{--sa-ref-icon-bg:#e7f4ea;--sa-ref-icon:#25814a;--sa-ref-wave:#e5f2e7}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-card.tone-revenue{--sa-ref-icon-bg:#fde7e8;--sa-ref-icon:#ad1932;--sa-ref-wave:#f7dfe3}

.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-dashboard-lower{
  display:grid;
  grid-template-columns:minmax(0,1.78fr) minmax(360px,.92fr);
  gap:16px;
  align-items:start;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview-wrap{min-width:0}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview{
  min-height:100%;
  padding:22px!important;
  border-radius:20px!important;
  border:1px solid rgba(116,19,35,.11)!important;
  box-shadow:0 8px 26px rgba(63,26,32,.035)!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-head{
  align-items:flex-start!important;
  margin-bottom:16px!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-head h3{
  margin:0 0 4px!important;
  color:#180409!important;
  font-size:24px!important;
  line-height:1.2!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-head p{
  margin:0!important;
  color:#837579!important;
  font-size:13.5px!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range{
  min-width:190px!important;
  min-height:52px!important;
  border-radius:14px!important;
  padding:7px 9px 7px 13px!important;
  background:#fffaf8!important;
  border-color:rgba(116,19,35,.14)!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpis{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi{
  min-height:112px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff 0%,#fff9f8 100%)!important;
  border-color:rgba(116,19,35,.12)!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-chart-shell{
  min-height:330px!important;
  height:330px!important;
  margin-top:12px!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-legend{
  justify-content:flex-end!important;
  gap:18px!important;
  margin-top:2px!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack{
  display:grid;
  gap:14px;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack>.sa-card{
  padding:20px!important;
  border-radius:20px!important;
  border:1px solid rgba(116,19,35,.11)!important;
  box-shadow:0 8px 26px rgba(63,26,32,.035)!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack .sa-card-head{
  margin-bottom:8px!important;
  padding-bottom:8px;
  border-bottom:1px solid rgba(116,19,35,.08);
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack .sa-card-head h3{
  margin:0!important;
  font-size:18px!important;
  color:#180409!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack .sa-card-head a{
  color:#741323!important;
  font-size:13px!important;
  font-weight:700!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) minmax(132px,auto) 20px;
  gap:11px;
  align-items:center;
  min-height:78px;
  padding:10px 0;
  border-bottom:1px solid rgba(116,19,35,.08);
  color:#180409;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row:last-child{border-bottom:0}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row img{
  width:54px;
  height:54px;
  object-fit:cover;
  border-radius:10px!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row>div{min-width:0}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row strong,
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row span,
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row small{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row strong{font-size:13px;line-height:1.2}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row span{margin-top:3px;font-size:13px;color:#5c4a4f}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row small{margin-top:3px;font-size:12.5px;color:#89797e}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row .sa-status{
  min-width:124px;
  max-width:168px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
  font-size:12px!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row>b{font-size:22px;font-weight:400;color:#8d6b72}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-height:68px;
  padding:9px 0;
  border-bottom:1px solid rgba(116,19,35,.08);
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row:last-child{border-bottom:0}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row>i{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f9e8ea;
  color:#8f1730;
  font-style:normal;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row>i svg{width:20px;height:20px}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row strong{display:block;color:#25161a;font-size:13.5px;line-height:1.25}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row small{display:block;margin-top:3px;color:#8b7b7f;font-size:12.5px;line-height:1.3}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-empty{margin:16px 0;color:#8b7b7f;font-size:13px}

@media (max-width:1380px){
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);padding:28px}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-card:nth-child(4),
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-card:nth-child(5){min-height:100px}
}
@media (max-width:1120px){
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero{grid-template-columns:1fr;min-height:0}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow{justify-self:start;max-width:620px}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-dashboard-lower{grid-template-columns:1fr}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero{padding:22px;border-radius:18px}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-copy h1{font-size:clamp(36px,10vw,52px)!important}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack{grid-template-columns:1fr}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-chart-shell{height:260px!important;min-height:260px!important}
}
@media (max-width:560px){
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero{padding:18px}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-actions{display:grid;grid-template-columns:1fr}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-actions .sa-btn{width:100%;min-width:0}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow{padding:17px}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow-values{gap:12px}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-cashflow-values>div+div{padding-left:12px}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-grid{grid-template-columns:1fr}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-card{min-height:96px}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpis{grid-template-columns:1fr!important}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row{grid-template-columns:46px minmax(0,1fr) 12px}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row img{width:46px;height:46px}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row .sa-status{display:none!important}
}

/* v2.13.10 — exact approved Order Overview / Recent Orders / Recent Activity demo geometry. */
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-dashboard-lower{
  display:grid!important;
  grid-template-columns:minmax(0,1.7fr) minmax(390px,.95fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview{
  padding:24px!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#fffdfd 0%,#fff8f8 100%)!important;
  border:1px solid #dfc7cc!important;
  box-shadow:0 12px 30px rgba(59,11,20,.045)!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important;margin-bottom:20px!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-head h3{
  margin:0 0 5px!important;color:#180409!important;font-size:26px!important;line-height:1.12!important;font-weight:800!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-head p{
  margin:0!important;color:#78676c!important;font-size:14px!important;line-height:1.4!important;
}
/* v2.13.13 — compact outlined date range, preserving the native select. */
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range{
  flex:0 0 auto!important;position:relative!important;display:flex!important;
  align-items:center!important;gap:8px!important;width:auto!important;min-width:167px!important;
  min-height:42px!important;padding:5px 11px 5px 6px!important;border-radius:12px!important;
  background:#fffdfd!important;border:1px solid #e3c8cf!important;
  color:#741323!important;box-shadow:0 3px 10px rgba(59,11,20,.035)!important;
  transition:border-color .2s ease!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range>span{
  flex:0 0 30px!important;width:30px!important;height:30px!important;
  display:grid!important;place-items:center!important;color:#741323!important;
  background:#f9eef1!important;border-radius:9px!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range>span svg{
  width:16px!important;height:16px!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range select{
  appearance:none!important;-webkit-appearance:none!important;flex:1 1 auto!important;min-width:0!important;
  width:100%!important;min-height:30px!important;margin:0!important;padding:0 18px 0 0!important;
  border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;
  color:#3c1b23!important;-webkit-text-fill-color:#3c1b23!important;
  font-size:12.5px!important;font-weight:650!important;line-height:1.25!important;
  box-shadow:none!important;cursor:pointer!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range::after{
  content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:translateY(-67%) rotate(45deg);pointer-events:none;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range select option{
  color:#180409!important;-webkit-text-fill-color:#180409!important;background:#fff!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range:hover{
  background:#fff9fa!important;border-color:#c795a1!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range:focus-within{
  outline:2px solid rgba(116,19,35,.27)!important;outline-offset:2px!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpis{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-bottom:16px!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi{
  min-height:118px!important;padding:17px 18px!important;gap:15px!important;border-radius:16px!important;
  background:linear-gradient(145deg,#fff 0%,#fff6f7 100%)!important;border:1px solid #e2cbd0!important;box-shadow:0 8px 22px rgba(59,11,20,.03)!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi-icon{
  width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:15px!important;display:grid!important;place-items:center!important;
  box-shadow:0 6px 16px rgba(59,11,20,.045)!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi.orders .sa-order-overview-kpi-icon{background:#fff1f3!important;color:#9b1830!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi.delivered .sa-order-overview-kpi-icon{background:#e7f5eb!important;color:#19864d!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi-icon .sa-svg-icon{width:27px!important;height:27px!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi>div>span{font-size:13.5px!important;font-weight:700!important;color:#694d53!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi strong{font-size:29px!important;line-height:1!important;color:#250b11!important;margin-top:2px!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi p{margin:8px 0 0!important;display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:nowrap!important;white-space:nowrap!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi p b{min-width:68px!important;justify-content:center!important;text-align:center!important;border-radius:999px!important;padding:5px 10px!important;font-size:12.5px!important;font-style:normal!important}
/* The light badge backgrounds must retain dark, readable text even when the dashboard is dark. */
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi p b.negative{color:#a51d38!important;-webkit-text-fill-color:#a51d38!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi p b.positive{color:#146e3d!important;-webkit-text-fill-color:#146e3d!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi p b.neutral{color:#59464b!important;-webkit-text-fill-color:#59464b!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi p b.negative::before{content:"↓ ";font-weight:900!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi p small{font-size:13px!important;color:#746167!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-chart-shell{
  min-height:300px!important;height:300px!important;margin-top:0!important;border:1px solid #e3cbd0!important;border-radius:18px!important;
  background:linear-gradient(180deg,#fffdfd 0%,#fff9f9 100%)!important;padding:13px 15px 6px!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-legend{
  display:flex!important;justify-content:flex-end!important;gap:20px!important;margin-top:0!important;padding-top:13px!important;color:#5b444a!important;font-size:13px!important;font-weight:700!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack{display:grid!important;gap:16px!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack>.sa-card{
  padding:20px!important;border-radius:20px!important;background:linear-gradient(145deg,#fffdfd,#fff8f8)!important;border:1px solid #dfc7cc!important;
  box-shadow:0 12px 30px rgba(59,11,20,.045)!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack .sa-card-head{margin-bottom:5px!important;padding-bottom:10px!important;border-bottom:1px solid rgba(116,19,35,.10)!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack .sa-card-head h3{margin:0!important;font-size:19px!important;line-height:1.2!important;color:#180409!important;font-weight:800!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack .sa-card-head a{color:#741323!important;font-size:13px!important;font-weight:700!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row{
  display:grid!important;grid-template-columns:54px minmax(0,1fr) minmax(142px,auto) 18px!important;gap:12px!important;align-items:center!important;
  min-height:82px!important;padding:10px 0!important;border-bottom:1px solid rgba(116,19,35,.10)!important;color:#180409!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row:last-child{border-bottom:0!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row img{width:54px!important;height:54px!important;object-fit:cover!important;border-radius:10px!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row>div{min-width:0!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row strong{display:block!important;font-size:13px!important;line-height:1.2!important;white-space:nowrap!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#241418!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row span{display:block!important;margin-top:3px!important;font-size:13px!important;color:#5c4a4f!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row small{display:block!important;margin-top:3px!important;font-size:12.5px!important;color:#89797e!important;white-space:nowrap!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row .sa-status{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:142px!important;max-width:168px!important;
  min-height:34px!important;padding:7px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:750!important;font-style:normal!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row .sa-status::before{content:""!important;width:8px!important;height:8px!important;flex:0 0 8px!important;border-radius:50%!important;background:currentColor!important;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent)!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row>b{display:grid!important;place-items:center!important;width:18px!important;height:34px!important;line-height:1!important;font-size:24px!important;font-weight:400!important;color:#8d6b72!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row{
  display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:11px!important;align-items:center!important;min-height:68px!important;padding:10px 0!important;border-bottom:1px solid rgba(116,19,35,.10)!important;
}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row:last-child{border-bottom:0!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row>i{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#fff0f2!important;color:#a51a34!important;border:1px solid #f0ccd3!important;box-shadow:0 5px 14px rgba(116,19,35,.06)!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row>i svg{width:20px!important;height:20px!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row strong{display:block!important;color:#25161a!important;font-size:13.5px!important;line-height:1.3!important}
.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row small{display:block!important;margin-top:3px!important;color:#8b7b7f!important;font-size:12.5px!important;line-height:1.3!important}
@media(max-width:1180px){
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-dashboard-lower{grid-template-columns:1fr!important}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview{padding:18px!important}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-head{flex-direction:column!important;align-items:stretch!important}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range{width:100%!important;min-width:0!important}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpis{grid-template-columns:1fr!important}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-chart-shell{height:260px!important;min-height:260px!important}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack{grid-template-columns:1fr!important}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row{grid-template-columns:50px minmax(0,1fr) 18px!important}
 .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row .sa-status{display:none!important}
}

/* =========================================================
   v2.13.00 — FINAL DARK CASCADE ROOT FIX · ADMIN + CLIENT
   This block is intentionally the LAST CSS authority.
   Root fix: match the specificity of integrated-site light rules and
   explicitly darken the real page/module shells instead of relying on
   generic card inheritance.
   ========================================================= */
html[data-sa-theme="dark"]{
  --sa-bg:#160708;--sa-card:#210c0e;--sa-border:#68474c;--text:#fff7f7;--muted:#e8d5d7;
  --sa-soft:#301014;--sa-surface:#210c0e;--sa-surface-soft:#301014;--sa-input-bg:#2b0f12;
  --sa-line:#68474c;--sa-copy:#fff7f7;--sa-copy-muted:#e8d5d7;
  --green:#76d69b;--green-soft:#173a2a;--yellow:#ffd27a;--yellow-soft:#493513;
  --red:#ff9aae;--red-soft:#4a1822;--blue:#9ec8ff;--blue-soft:#17304b;
  --purple:#c8b6ff;--purple-soft:#2d244a;--shadow:0 12px 34px rgba(0,0,0,.26);
  background:#160708!important;color-scheme:dark;
}
html[data-sa-theme="dark"] body,
html[data-sa-theme="dark"] body.sa-portal-body,
html[data-sa-theme="dark"] body.sa-portal-integrated-page,
html[data-sa-theme="dark"] #page,
html[data-sa-theme="dark"] #content,
html[data-sa-theme="dark"] #primary,
html[data-sa-theme="dark"] .site,
html[data-sa-theme="dark"] .site-content,
html[data-sa-theme="dark"] .site-main,
html[data-sa-theme="dark"] .content-area,
html[data-sa-theme="dark"] .entry-content,
html[data-sa-theme="dark"] #sa-public-theme,
html[data-sa-theme="dark"] .sa-portal-site-shell,
html[data-sa-theme="dark"] .sa-app-v2,
html[data-sa-theme="dark"] .sa-main-v2,
html[data-sa-theme="dark"] .sa-content-v2{
  background:#160708!important;color:#fff7f7!important;
}
/* Integrated website rules use !important and higher specificity; match them explicitly. */
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-main-v2,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-content-v2,
html[data-sa-theme="dark"] body.sa-portal-integrated-page #sa-public-theme,
html[data-sa-theme="dark"] body.sa-portal-integrated-page #sa-public-theme .sa-content-v2{
  background:#160708!important;color:#fff7f7!important;
}
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 h1,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 h2,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 h3,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 h4,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 strong,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 b{
  color:#fff7f7!important;
}
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 p,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 small,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 span:not(.sa-status):not(.sa-kicker){
  border-color:#68474c;
}
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-main-v2,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-content-v2,
html[data-sa-theme="dark"] .sa-app-v2,
html[data-sa-theme="dark"] .sa-main-v2,
html[data-sa-theme="dark"] .sa-content-v2{background-color:#160708!important;background-image:none!important}
/* Fixed portal chrome. */
html[data-sa-theme="dark"] .sa-app-v2 .sa-sidebar,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar{
  background:#210c0e!important;border-color:#68474c!important;color:#fff7f7!important;
}
html[data-sa-theme="dark"] .sa-app-v2 .sa-sidebar nav a{color:#ead7da!important}
html[data-sa-theme="dark"] .sa-app-v2 .sa-sidebar nav a i,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav a i{color:#fff!important}
html[data-sa-theme="dark"] .sa-app-v2 .sa-sidebar nav a i svg,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-sidebar nav a i svg{color:#fff!important;stroke:currentColor!important}
html[data-sa-theme="dark"] .sa-app-v2 .sa-sidebar nav a:hover,
html[data-sa-theme="dark"] .sa-app-v2 .sa-sidebar nav a.active{background:#8b1529!important;color:#fff!important}
html[data-sa-theme="dark"] .sa-app-v2 .sa-help-card,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-help-card{
  background:#260f12!important;border-color:#68474c!important;color:#fff7f7!important;
}
html[data-sa-theme="dark"] .sa-app-v2 .sa-help-card :is(h3,p){color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-app-v2 :is(.sa-topbar,.sa-portal-footer,.sa-profile-dropdown,.sa-notification-popup,.sa-global-search),
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-topbar,.sa-portal-footer,.sa-profile-dropdown,.sa-notification-popup,.sa-global-search){
  background:#210c0e!important;border-color:#68474c!important;color:#fff7f7!important;
}
/* Real page header strips: no white separators/canvases. */
html[data-sa-theme="dark"] .sa-app-v2 .sa-page-heading,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 .sa-page-heading{
  background:#210c0e!important;border-color:#68474c!important;color:#fff7f7!important;
}
html[data-sa-theme="dark"] .sa-app-v2 .sa-page-heading :is(h1,h2,h3,p),
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-app-v2 .sa-page-heading :is(h1,h2,h3,p){color:#fff7f7!important}
/* Layout shells inherit dark instead of exposing theme white. */
html[data-sa-theme="dark"] .sa-app-v2 :is(
 .sa-stat-grid,.sa-dashboard-grid,.sa-client-dashboard-grid,.sa-project-card-grid,.sa-client-directory-grid,
 .sa-album-grid,.sa-template-grid,.sa-detail-grid,.sa-payment-layout,.sa-invoice-layout,.sa-timeline-layout,
 .sa-proof-layout,.sa-wizard-layout,.sa-profile-grid,.sa-support-grid,.sa-order-gallery-grid,.sa-grid,
 .sa-albums-page,.sa-files-manager,.sa-payment-page,.sa-proof-wrap,.sa-proof-front,.sa-settings-shell,
 .sa-message-page,.sa-report-page,.sa-billing-page
){background:#160708!important;color:#fff7f7!important}
/* Shared cards/tables/forms. */
html[data-sa-theme="dark"] .sa-app-v2 :is(
 .sa-card,.sa-stat-card:not(.sa-dashboard-stat-card),.sa-filter-bar,.sa-client-search-bar,.sa-form-card,.sa-order-overview-live,
 .sa-order-overview-kpi,.sa-order-overview-chart-shell,.sa-client-directory-card,.sa-client-album-card,
 .sa-order-gallery-card,.sa-album-card,.sa-album-detail-card,.sa-project-card,.sa-template-card,
 .sa-project-primary-card,.sa-project-stage-strip,.sa-project-summary-card,.sa-admin-update,.sa-payment-summary-card,
 .sa-secure-payment-card,.sa-payment-order-summary,.sa-payment-history-card,.sa-payment-due-card,.sa-billing-table-card,
 .sa-report-filter,.sa-notification-list,.sa-timeline-list,.sa-conversation-list,.sa-chat,.sa-contact-panel,
 .sa-designer-message,.sa-wizard-steps,.sa-proof-steps,.sa-wizard-panel,.sa-order-summary,.sa-table-wrap
){background:#210c0e!important;border-color:#68474c!important;color:#fff7f7!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important}
html[data-sa-theme="dark"] .sa-app-v2 :is(.sa-table,.sa-table thead,.sa-table tbody,.sa-table tr,.sa-table th,.sa-table td){background:#210c0e!important;border-color:#68474c!important;color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-app-v2 .sa-table tbody tr:hover{background:#301014!important}
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-table tbody tr:hover{background:#301014!important}
/* Inset information. */
html[data-sa-theme="dark"] .sa-app-v2 :is(
 .sa-project-fact-grid>div,.sa-admin-thumbnail,.sa-album-summary-meta>span,.sa-control-separation-note,.sa-settings-info,
 .sa-info-banner,.sa-client-last-album,.sa-order-overview-insight,.sa-drive-oauth-panel,.sa-drive-service-panel,
 .sa-drive-settings>.sa-form>.sa-check,.sa-album-detail-specs>div,.sa-album-detail-payment>span,.sa-search-box,
 .sa-bubble,.sa-quick-actions a,.sa-payment-method-preview div,.sa-notification-row.unread,.sa-album-preview,
 .sa-album-preview .page,.sa-proof-frame,.sa-upload-item,.sa-modal-dialog
){background:#301014!important;border-color:#68474c!important;color:#e8d5d7!important}
/* Form controls + outline/light buttons. */
html[data-sa-theme="dark"]:not([data-theme="light"]) .sa-app-v2 :is(input:not([type="checkbox"]):not([type="radio"]),select:not([data-sa-order-overview-range]),textarea,.custom-select-trigger,.sa-calendar-trigger,.sa-stage-select-shell,.sa-inline-status-form select),
html[data-sa-theme="dark"]:not([data-theme="light"]) body.sa-portal-integrated-page .sa-portal-site-shell :is(input:not([type="checkbox"]):not([type="radio"]),select:not([data-sa-order-overview-range]),textarea,.custom-select-trigger){
  background:#2b0f12!important;border-color:#68474c!important;color:#fff7f7!important;-webkit-text-fill-color:#fff7f7!important;
}
html[data-sa-theme="dark"] .sa-app-v2 input::placeholder,
html[data-sa-theme="dark"] .sa-app-v2 textarea::placeholder{color:#bca4a8!important;-webkit-text-fill-color:#bca4a8!important;opacity:1!important}
html[data-sa-theme="dark"] .sa-app-v2 :is(.sa-btn-light,.sa-btn-outline,.sa-icon-btn),
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-btn-light,.sa-btn-outline,.sa-icon-btn){
  background:#2b0f12!important;color:#fff7f7!important;
  -webkit-text-fill-color:#fff7f7!important;border-color:#68474c!important;
}
html[data-sa-theme="dark"] .sa-app-v2 :is(.sa-btn-light,.sa-btn-outline,.sa-icon-btn):is(:hover,:focus-visible),
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell :is(.sa-btn-light,.sa-btn-outline,.sa-icon-btn):is(:hover,:focus-visible){
  background:#402027!important;border-color:#9d6b76!important;
  color:#fff7f7!important;-webkit-text-fill-color:#fff7f7!important;
}
html[data-sa-theme="dark"] .sa-app-v2 :is(.sa-btn:not(.sa-btn-light):not(.sa-btn-outline),.sa-full-control-action):is(:hover,:focus-visible){
  background:#901c31!important;border-color:#901c31!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* CLIENT DASHBOARD / profile credit: remove remaining white dividers and inner tiles. */
html[data-sa-theme="dark"] .sa-client-portal[data-sa-section="dashboard"] :is(.sa-client-dashboard-grid,.sa-client-project,.sa-project-summary-content,.sa-key-list,.sa-key-list>div){background:#210c0e!important;border-color:#68474c!important;color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-client-portal[data-sa-section="dashboard"] :is(.sa-cover-placeholder a,.sa-project-visual a){background:#741323!important;color:#fff!important;border-color:#8f3142!important}
html[data-sa-theme="dark"] .sa-client-portal[data-sa-section="dashboard"] :is(.sa-progress-donut,.sa-donut){background-color:#301014!important}
html[data-sa-theme="dark"] .sa-client-portal[data-sa-section="dashboard"] :is(.sa-progress-donut,.sa-donut)::after{background:#210c0e!important}
/* PROJECTS / ALBUMS / CANCELLED. */
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="projects"] :is(.sa-project-card-grid,.sa-project-card,.sa-stat-grid,.sa-stat-card,.sa-table-wrap,.sa-table){background:#210c0e!important;border-color:#68474c!important;color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="albums"] :is(.sa-albums-page,.sa-album-tabs,.sa-album-toolbar,.sa-album-grid,.sa-album-card,.sa-album-detail-card,.sa-cancelled-orders-page){background:#210c0e!important;border-color:#68474c!important;color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="albums"] :is(.sa-album-tabs,.sa-album-toolbar){box-shadow:none!important}
/* ORDER & PRICING: target actual label markup, including selected tiles. */
html[data-sa-theme="dark"] .sa-client-portal[data-sa-section="order-pricing"] :is(.sa-order-wizard,.sa-wizard-layout,.sa-wizard-main,.sa-wizard-steps,.sa-wizard-panel,.sa-order-summary,.sa-choice-grid,.sa-sheet-grid,.sa-option-grid,.sa-upload-tabs,.sa-order-draft-drop){background:#210c0e!important;border-color:#68474c!important;color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-client-portal[data-sa-section="order-pricing"] :is(.sa-choice-card,.sa-sheet-grid>label,.sa-option-grid>label){background:#2b0f12!important;border-color:#68474c!important;color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-client-portal[data-sa-section="order-pricing"] :is(.sa-choice-card.selected,.sa-choice-card:has(input:checked),.sa-sheet-grid>label:has(input:checked),.sa-option-grid>label:has(input:checked)){
  background:#3c151a!important;border-color:#a12b42!important;color:#fff7f7!important;box-shadow:0 0 0 2px rgba(161,43,66,.15)!important;
}
html[data-sa-theme="dark"] .sa-client-portal[data-sa-section="order-pricing"] :is(.sa-wizard-steps button span,.sa-proof-steps>span:before){background:#4d3035!important;color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-client-portal[data-sa-section="order-pricing"] .sa-wizard-steps button.active span{background:#741323!important;color:#fff!important}
/* Billing / Payments. */
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="invoices"] :is(.sa-billing-table-card,.sa-table-wrap,.sa-table,.sa-invoice-layout),
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="payments"] :is(.sa-payment-layout,.sa-card,.sa-table-wrap,.sa-table,.sa-payment-history-card,.sa-payment-due-card){background:#210c0e!important;border-color:#68474c!important;color:#fff7f7!important}
/* Files + Timeline + Support: kill the light separators/canvas around the cards. */
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="downloads"] :is(.sa-files-manager,.sa-stat-grid,.sa-file-tabs,.sa-card,.sa-table-wrap,.sa-table),
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="timeline"] :is(.sa-timeline-layout,.sa-timeline-layout>aside,.sa-card,.sa-timeline-list),
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="support"] :is(.sa-support-grid,.sa-support-grid>.sa-card){background:#210c0e!important;border-color:#68474c!important;color:#fff7f7!important}
/* Proof page wrapper insurance; owning Proofs plugin also has its own canonical dark block. */
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="proofs"] :is(.sa-proof-wrap,.sa-proof-front,.sa-proof-version-list,.sa-proof-panel,.sa-proof-card,.sa-proof-file-list-shell){background:#210c0e!important;border-color:#68474c!important;color:#fff7f7!important}
/* Messages wrapper insurance; owning Messages plugin handles the real chat internals. */
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="messages"] :is(.sa-rt-page-heading,.sa-rt-chat,.sa-rt-conversations,.sa-rt-conversation-panel,.sa-rt-details){background:#210c0e!important;border-color:#68474c!important;color:#fff7f7!important}
/* Profile wrapper insurance; Accounts plugin handles the identity/upload components. */
html[data-sa-theme="dark"] .sa-app-v2[data-sa-section="profile"] :is(.sa-profile-grid,.sa-card,.sa-key-list,.sa-key-list>div){background:#210c0e!important;border-color:#68474c!important;color:#fff7f7!important}
/* Settings admin. */
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="settings"] :is(.sa-settings-shell,.sa-settings-tabs,.sa-settings-panel,.sa-settings-module-panel,.sa-card){background:#210c0e!important;border-color:#68474c!important;color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="settings"] .sa-settings-tabs button:not(.active){background:#2b0f12!important;color:#e8d5d7!important}
/* Admin list pages and exact integrated wrappers. */
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-portal[data-sa-section="orders"] :is(.sa-content-v2,.sa-filter-bar,.sa-order-gallery-grid,.sa-page-heading),
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-portal[data-sa-section="projects"] :is(.sa-content-v2,.sa-stat-grid,.sa-table-wrap,.sa-table,.sa-page-heading),
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-portal[data-sa-section="clients"] :is(.sa-content-v2,.sa-client-search-bar,.sa-stat-grid,.sa-client-directory-grid,.sa-page-heading),
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-portal[data-sa-section="invoices"] :is(.sa-content-v2,.sa-stat-grid,.sa-table-wrap,.sa-table,.sa-page-heading),
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-portal[data-sa-section="payments"] :is(.sa-content-v2,.sa-table-wrap,.sa-table,.sa-page-heading){background:#160708!important;color:#fff7f7!important}
/* Admin redesigned dashboard. */
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-admin-hero{background:radial-gradient(circle at 65% 55%,rgba(116,19,35,.20),transparent 24%),linear-gradient(120deg,#210c0e,#301014)!important;border-color:#68474c!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-balance-card{background:linear-gradient(145deg,#5b1720,#3d0d14)!important;border-color:#68474c!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-dashboard,
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-grid,
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-dashboard-lower,
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview-wrap,
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-dashboard,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-stat-grid,
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-dashboard-lower{background:#160708!important;background-image:none!important;color:#fff7f7!important}
/* Hero secondary action must not become white-on-white under global dark typography. */
html[data-sa-theme="dark"] body.sa-portal-integrated-page #sa-public-theme#sa-public-theme .sa-portal-site-shell .sa-app-v2.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-actions .sa-ref-secondary,
html[data-theme="dark"] body.sa-portal-integrated-page #sa-public-theme#sa-public-theme .sa-portal-site-shell .sa-app-v2.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-actions .sa-ref-secondary{
  background:#fffdfb!important;background-image:none!important;border-color:#b98992!important;
  color:#741323!important;-webkit-text-fill-color:#741323!important;
}
/* Dashboard contrast parity: maroon eyebrow must turn light on dark hero. */
html[data-sa-theme="dark"] body.sa-portal-integrated-page #sa-public-theme#sa-public-theme .sa-portal-site-shell .sa-app-v2.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero .sa-ref-kicker,
html[data-theme="dark"] body.sa-portal-integrated-page #sa-public-theme#sa-public-theme .sa-portal-site-shell .sa-app-v2.sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero .sa-ref-kicker{
 color:#f1c9d0!important;-webkit-text-fill-color:#f1c9d0!important;
}
/* Soft KPI chips retain dark ink on pale backgrounds in both palette modes. */
html[data-sa-theme="dark"] body.sa-portal-integrated-page #sa-public-theme#sa-public-theme .sa-portal-site-shell .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi p b.negative,
html[data-theme="dark"] body.sa-portal-integrated-page #sa-public-theme#sa-public-theme .sa-portal-site-shell .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi p b.negative{
 background:#ffe7eb!important;color:#9e1833!important;-webkit-text-fill-color:#9e1833!important;opacity:1!important;
}
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi p small,
html[data-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi p small{
 color:#ead8dc!important;-webkit-text-fill-color:#ead8dc!important;
}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero{background:#261014!important;border-color:#68474c!important;box-shadow:0 20px 46px rgba(0,0,0,.24)!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-media{filter:saturate(.72) brightness(.45) contrast(1.05)!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-hero-wash{background:linear-gradient(90deg,rgba(22,7,8,.98),rgba(22,7,8,.93) 42%,rgba(22,7,8,.62) 72%,rgba(22,7,8,.82))!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] :is(.sa-ref-stat-card,.sa-ref-overview,.sa-ref-side-stack>.sa-card,.sa-ref-overview .sa-order-overview-kpi){background:#210c0e!important;border-color:#68474c!important;color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range{background:#29121a!important;border-color:#67434c!important;color:#fbeff1!important;box-shadow:none!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range select{background:transparent!important;background-image:none!important;border:0!important;color:#fff7f8!important;-webkit-text-fill-color:#fff7f8!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-range>span{color:#f8e7ec!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-legend{color:#e8d5d7!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-kpi p small{color:#e8d5d7!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row>b{color:#fff!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row strong{color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row span{color:#e8d5d7!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row small{color:#c4aaae!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack .sa-card-head h3{color:#fff7f7!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack .sa-card-head a{color:#e7a9b0!important}
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range{background:#29121a!important;border-color:#67434c!important;color:#fbeff1!important;box-shadow:none!important}
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range select{background:transparent!important;background-image:none!important;border:0!important;color:#fff7f8!important;-webkit-text-fill-color:#fff7f8!important}
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-range>span{color:#f8e7ec!important}
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-legend{color:#e8d5d7!important}
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-order-overview-kpi p small{color:#e8d5d7!important}
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row>b{color:#fff!important}
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row strong{color:#fff7f7!important}
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row span{color:#e8d5d7!important}
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row small{color:#c4aaae!important}
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack .sa-card-head h3{color:#fff7f7!important}
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack .sa-card-head a{color:#e7a9b0!important}

/* v2.13.10 — exact approved dashboard lower panels in dark mode. */
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview,
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack>.sa-card,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack>.sa-card{
  background:radial-gradient(circle at 24% 17%,rgba(148,24,47,.20),transparent 37%),linear-gradient(145deg,#351016 0%,#21090d 88%)!important;
  border-color:#7c4651!important;box-shadow:0 16px 34px rgba(0,0,0,.20)!important;color:#fff7f7!important;
}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi{
  background:radial-gradient(circle at 18% 20%,rgba(150,27,50,.18),transparent 45%),linear-gradient(145deg,#3b1118,#26090d)!important;
  border-color:#7a4650!important;color:#fff7f7!important;
}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi.orders .sa-order-overview-kpi-icon,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi.orders .sa-order-overview-kpi-icon{background:linear-gradient(145deg,#fff4f5,#f7dfe3)!important;color:#9d1730!important;border:1px solid #f0ccd2!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi.delivered .sa-order-overview-kpi-icon,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi.delivered .sa-order-overview-kpi-icon{background:linear-gradient(145deg,#eef9f1,#dff1e5)!important;color:#16814a!important;border:1px solid #c8e7d3!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi>div>span,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi>div>span{color:#dfc5ca!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi strong,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi strong{color:#fff!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi p small,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-kpi p small{color:#ead8dc!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-chart-shell,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-chart-shell{
  background:radial-gradient(circle at 50% 18%,rgba(124,22,42,.10),transparent 42%),linear-gradient(180deg,#2d0d12,#21090d)!important;border-color:#70464e!important;
}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-head h3,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-head h3,
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack .sa-card-head h3,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-side-stack .sa-card-head h3{color:#fff!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-head p,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-head p{color:#e6d2d6!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-legend,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-legend{color:#f0dde1!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range{background:#29121a!important;border-color:#67434c!important;color:#fbeff1!important;box-shadow:none!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range>span,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range>span{color:#f8e7ec!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row{border-color:rgba(233,188,196,.13)!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row strong,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row strong{color:#fff!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row span,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row span{color:#ead7da!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row small,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row small{color:#cbb2b7!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row>b,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-order-row>b{color:#fff!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row>i,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row>i{background:#fff0f2!important;color:#a51a34!important;border:1px solid #f0ccd3!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row strong,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row strong{color:#fff!important}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row small,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-activity-row small{color:#d7bec3!important}

/* v2.13.13 — date range palette follows dark mode without an inner black dropdown box. */
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range>span,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range>span{
  background:#431d28!important;color:#fff0f3!important;
}
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range:hover,
html[data-theme="dark"] .sa-admin-portal[data-sa-section="dashboard"] .sa-ref-overview .sa-order-overview-range:hover{
  background:#32151f!important;border-color:#976773!important;
}
/* Dark icon/action parity — canonical across Admin and Client portal controls. */
html[data-sa-theme="dark"] .sa-app-v2 :is(.sa-sidebar nav a i,.sa-menu-toggle,.sa-notification-toggle,.sa-status-save) .sa-svg-icon,
html[data-theme="dark"] .sa-app-v2 :is(.sa-sidebar nav a i,.sa-menu-toggle,.sa-notification-toggle,.sa-status-save) .sa-svg-icon{color:#fff!important;stroke:currentColor!important}
html[data-sa-theme="dark"] .sa-app-v2 .sa-btn:not(.sa-btn-light):not(.sa-btn-outline) .sa-svg-icon,
html[data-theme="dark"] .sa-app-v2 .sa-btn:not(.sa-btn-light):not(.sa-btn-outline) .sa-svg-icon{color:#fff!important;stroke:currentColor!important}
html[data-sa-theme="dark"] .sa-app-v2 .sa-icon-btn,
html[data-theme="dark"] .sa-app-v2 .sa-icon-btn{color:#fff!important;align-items:center!important;justify-content:center!important}

/* V2.13.04 — Dark structural-container parity.
   Root fix for white bands exposed by WordPress/theme wrapper layers around portal sections. */
html[data-sa-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell :is(
  article,.type-page,.page,.entry-content,.wp-block-post-content,.wp-block-group,.wp-block-group__inner-container,
  .site-main,.content-area,.site-content,.page-content,.post-content,.inside-article,.entry-content-wrap
),
html[data-theme="dark"] body.sa-portal-integrated-page .sa-portal-site-shell :is(
  article,.type-page,.page,.entry-content,.wp-block-post-content,.wp-block-group,.wp-block-group__inner-container,
  .site-main,.content-area,.site-content,.page-content,.post-content,.inside-article,.entry-content-wrap
){
  background:#160708!important;
  background-image:none!important;
  color:#fff7f7!important;
}
/* The portal's own content canvas and direct layout sections must never expose a light parent through margins/gaps. */
html[data-sa-theme="dark"] .sa-app-v2 .sa-content-v2,
html[data-sa-theme="dark"] .sa-app-v2 .sa-content-v2>:is(
  .sa-stat-grid,.sa-dashboard-grid,.sa-client-dashboard-grid,.sa-project-card-grid,.sa-client-directory-grid,
  .sa-album-grid,.sa-order-gallery-grid,.sa-detail-grid,.sa-payment-layout,.sa-invoice-layout,.sa-timeline-layout,
  .sa-proof-layout,.sa-wizard-layout,.sa-profile-grid,.sa-support-grid,.sa-files-manager,.sa-settings-shell
),
html[data-theme="dark"] .sa-app-v2 .sa-content-v2,
html[data-theme="dark"] .sa-app-v2 .sa-content-v2>:is(
  .sa-stat-grid,.sa-dashboard-grid,.sa-client-dashboard-grid,.sa-project-card-grid,.sa-client-directory-grid,
  .sa-album-grid,.sa-order-gallery-grid,.sa-detail-grid,.sa-payment-layout,.sa-invoice-layout,.sa-timeline-layout,
  .sa-proof-layout,.sa-wizard-layout,.sa-profile-grid,.sa-support-grid,.sa-files-manager,.sa-settings-shell
){
  background:#160708!important;
  background-image:none!important;
}
/* Admin list pages: the stat strip and the card/table that follows it share one continuous dark canvas. */
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section] :is(.sa-stat-grid,.sa-stat-grid+ .sa-card,.sa-stat-grid+ .sa-table-wrap),
html[data-theme="dark"] .sa-admin-portal[data-sa-section] :is(.sa-stat-grid,.sa-stat-grid+ .sa-card,.sa-stat-grid+ .sa-table-wrap){
  background-color:#160708!important;
  background-image:none!important;
}
/* Keep the actual stat cards/surfaces distinct from the dark canvas. */
html[data-sa-theme="dark"] .sa-admin-portal[data-sa-section] .sa-stat-grid>.sa-stat-card:not(.sa-dashboard-stat-card),
html[data-theme="dark"] .sa-admin-portal[data-sa-section] .sa-stat-grid>.sa-stat-card:not(.sa-dashboard-stat-card){
  background:#210c0e!important;
  border-color:#68474c!important;
}

/* v2.13.21: Portal section headings use a single, semantic H1.
   Hide legacy inline eyebrow only at the top-level page heading. */
.sa-app-v2 .sa-page-heading > div:first-child > .sa-eyebrow { display:none!important; }

/* v2.13.38 — CLIENT DASHBOARD CONSISTENCY AND PROJECT GRID ROOT REPAIR
   Only dashboard content is styled below: sidebar, menu, topbar and button palette
   intentionally inherit the SAME shared portal rules as Projects and Albums. */
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"]{
  --sa-dash-line:var(--sa-line,rgba(116,19,35,.16));
  --sa-dash-muted:var(--sa-copy-soft,#75646a);
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-content-v2{
  min-width:0!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-dashboard-welcome-card{
  position:relative!important;isolation:isolate;
  min-height:0!important;height:auto!important;
  margin:0 0 19px!important;padding:22px 24px!important;
  border:1px solid var(--sa-dash-line)!important;
  border-radius:17px!important;background:var(--sa-surface,#fff)!important;
  box-shadow:0 3px 15px rgba(49,15,24,.035)!important;
  display:block!important;overflow:hidden!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-dashboard-welcome-card:before,
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-dashboard-welcome-card:after{
  content:none!important;display:none!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-dashboard-welcome-card>div{
  max-width:100%!important;padding:0!important;min-width:0!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-dashboard-welcome-card .sa-welcome-title{
  font-family:var(--font,'Google Sans Flex',Arial,sans-serif)!important;
  font-size:clamp(23px,2.2vw,31px)!important;line-height:1.21!important;
  letter-spacing:-.02em!important;font-weight:700!important;
  color:var(--sa-copy,#180409)!important;
  -webkit-text-fill-color:currentColor!important;
  margin:0 0 8px!important;overflow-wrap:break-word!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-dashboard-welcome-card p{
  margin:0!important;font-family:inherit!important;font-size:14px!important;line-height:1.5!important;
  color:var(--sa-copy-soft,#766669)!important;-webkit-text-fill-color:currentColor!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-stat-grid.five{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  margin:0 0 18px!important;gap:13px!important;background:transparent!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-stat-card{
  min-width:0!important;min-height:115px!important;padding:15px 16px!important;
  border-radius:14px!important;display:flex!important;flex-direction:column!important;
  justify-content:center!important;position:relative!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-stat-card:before{display:none!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-stat-card .sa-dash-metric-icon{
  display:inline-flex!important;align-items:center;justify-content:center;
  width:30px;height:30px;flex:0 0 30px;border-radius:9px;
  background:rgba(116,19,35,.075);color:var(--sa-accent,#741323);
  margin:0 0 8px!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-dash-metric-icon svg{width:17px;height:17px;stroke:currentColor;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-stat-card>span:not(.sa-dash-metric-icon){font-size:12.5px!important;line-height:1.4!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-stat-card>strong{
  font-size:clamp(17px,1.55vw,24px)!important;line-height:1.3!important;
  margin:3px 0 0!important;white-space:nowrap!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-stat-card>small{font-size:12.5px!important;line-height:1.4!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-dashboard-grid{
  display:grid!important;grid-template-columns:minmax(0,1.62fr) minmax(285px,.88fr)!important;
  gap:15px!important;align-items:stretch!important;
  min-width:0!important;background:transparent!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-dashboard-grid>*,
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-content>*{
  min-width:0!important;max-width:100%!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-dashboard-grid>.sa-card{
  min-width:0!important;padding:18px!important;
  border-radius:15px!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-dashboard-grid .sa-card-head{
  display:flex!important;gap:10px!important;align-items:center!important;
  justify-content:space-between!important;min-width:0!important;margin:0 0 14px!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-dashboard-grid .sa-card-head h3,
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-dashboard-grid>aside.sa-card>h3{
  margin:0!important;font-family:var(--font,'Google Sans Flex',Arial,sans-serif)!important;
  font-size:18px!important;line-height:1.3!important;font-weight:700!important;
  letter-spacing:-.015em!important;
}
/* Three children in the PHP renderer: cover, details, milestone rail.
   Crucially there is NO fourth column (the percentage donut is removed). */
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-project{
  container-type:inline-size;container-name:sa-project-summary;
  overflow:hidden!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-content.sa-project-summary-balanced{
  display:grid!important;
  grid-template-columns:minmax(138px,.82fr) minmax(192px,1.18fr) minmax(146px,.8fr)!important;
  gap:12px!important;align-items:start!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-balanced .sa-project-visual{
  width:100%!important;height:auto!important;min-width:0!important;
  aspect-ratio:4/5!important;margin:0!important;
  border-radius:11px!important;box-shadow:none!important;overflow:hidden!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-balanced .sa-project-visual img{object-fit:cover!important;width:100%!important;height:100%!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-balanced .sa-project-visual small{
  left:9px!important;right:9px!important;bottom:55px!important;text-align:center!important;
  max-width:calc(100% - 18px)!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-balanced .sa-project-visual>a{
  left:9px!important;right:9px!important;bottom:10px!important;
  padding:9px 7px!important;text-align:center!important;white-space:normal!important;
  font-size:12.5px!important;line-height:1.3!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-meta{
  min-width:0!important;width:100%!important;overflow:visible!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-meta h2{
  font-family:var(--font,'Google Sans Flex',Arial,sans-serif)!important;
  font-size:clamp(17px,1.5vw,22px)!important;font-weight:700!important;
  line-height:1.25!important;letter-spacing:-.02em!important;
  margin:0 0 9px!important;overflow-wrap:break-word!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-meta .sa-key-list.two{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;min-width:0!important;margin:0!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-meta .sa-key-list>div{
  display:grid!important;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr)!important;
  gap:6px!important;min-width:0!important;
  padding:8px 0!important;border-bottom:1px solid var(--sa-dash-line)!important;
  align-items:start!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-meta .sa-key-list dt{
  min-width:0!important;font-size:12px!important;line-height:1.4!important;
  color:var(--sa-dash-muted)!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-meta .sa-key-list dd{
  min-width:0!important;margin:0!important;
  font-size:12.4px!important;line-height:1.4!important;font-weight:680!important;
  text-align:left!important;overflow-wrap:break-word!important;word-break:normal!important;
}
/* Client dashboard production steps. Dedicated component: never inherits the
   legacy .sa-stage-list marker offsets/pulses/borders used on other screens. */
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-production-steps{
  position:relative!important;
  display:flex!important;flex-direction:column!important;
  min-width:0!important;width:100%!important;
  margin:0!important;padding:0 0 0 27px!important;
  border:0!important;background:transparent!important;
  grid-column:auto!important;gap:0!important;
  isolation:isolate!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-production-steps::before{
  content:"";position:absolute;z-index:0;
  top:20px;bottom:22px;left:10px;width:1px;
  background:var(--sa-dash-line,rgba(116,19,35,.2));
  pointer-events:none;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-production-steps>.sa-client-production-row{
  position:relative!important;display:block!important;
  min-width:0!important;min-height:58px!important;
  padding:10px 0 10px!important;margin:0!important;
  border:0!important;border-bottom:1px solid var(--sa-dash-line,rgba(116,19,35,.2))!important;
  border-radius:0!important;background:transparent!important;
  transform:none!important;animation:none!important;box-shadow:none!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-production-steps>.sa-client-production-row:last-child{border-bottom:0!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-production-steps>.sa-client-production-row>.sa-client-production-dot{
  position:absolute!important;z-index:1!important;
  top:15px!important;left:-22px!important;
  width:11px!important;height:11px!important;min-width:11px!important;
  padding:0!important;margin:0!important;
  display:block!important;border-radius:50%!important;
  border:2px solid #bd9da4!important;background:var(--sa-surface,#fff)!important;
  box-shadow:none!important;transform:none!important;animation:none!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-production-steps>.sa-client-production-row>.sa-client-production-dot::before,
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-production-steps>.sa-client-production-row>.sa-client-production-dot::after{content:none!important;display:none!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-production-steps>.sa-client-production-row.done>.sa-client-production-dot{background:#278759!important;border-color:#278759!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-production-steps>.sa-client-production-row.current>.sa-client-production-dot{
  background:var(--sa-accent,#741323)!important;border-color:var(--sa-accent,#741323)!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-production-steps .sa-client-production-copy{
  display:block!important;min-width:0!important;width:100%!important;padding:0!important;
  margin:0!important;background:transparent!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-production-steps .sa-client-production-copy b{
  display:block!important;margin:0!important;
  font-size:12.75px!important;font-weight:650!important;line-height:1.4!important;
  white-space:normal!important;overflow-wrap:break-word!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-production-steps .sa-client-production-copy small{
  display:block!important;margin:2px 0 0!important;
  font-size:11.75px!important;line-height:1.4!important;
  color:var(--sa-dash-muted,#766669)!important;
}
/* Separate Payment Summary column stays INSIDE its own card. */
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-payment-summary-card{
  min-width:0!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-payment-summary-card .sa-key-list{
  display:block!important;margin:14px 0 18px!important;width:100%!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-payment-summary-card .sa-key-list>div{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  min-height:47px!important;padding:10px 0!important;gap:10px!important;
  border-bottom:1px solid var(--sa-dash-line)!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-payment-summary-card .sa-key-list>div:last-child{border-bottom:0!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-payment-summary-card dt{
  flex:1 1 auto!important;min-width:0!important;font-size:12.5px!important;line-height:1.4!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-payment-summary-card dd{
  flex:0 0 auto!important;min-width:0!important;text-align:right!important;
  font-size:12.5px!important;margin:0!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-payment-summary-card .sa-status{
  max-width:100%!important;font-size:11.5px!important;line-height:1.35!important;white-space:normal!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-payment-summary-card>a.sa-btn{
  display:flex!important;align-items:center!important;justify-content:center!important;
  margin:12px 0 0!important;min-height:42px!important;width:100%!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-milestone-row{
  display:flex!important;align-items:center!important;min-width:0!important;
  gap:11px!important;min-height:60px!important;padding:11px 0!important;
  border-bottom:1px solid var(--sa-dash-line)!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-milestone-row:last-child{border-bottom:0!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-milestone-icon{
  width:36px!important;height:36px!important;flex:0 0 36px!important;
  display:grid!important;place-items:center!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-milestone-row>div{
  min-width:0!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;
  gap:3px!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-milestone-row strong{
  font-size:12.75px!important;line-height:1.32!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-milestone-row small{
  font-size:12px!important;line-height:1.4!important;
}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-designer-message{margin-top:15px!important;}
/* At narrow *card* widths, the production rail moves underneath without overlap.
   This is a container query, because the outer viewport does NOT represent card width. */
@container sa-project-summary (max-width:640px){
  .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-content.sa-project-summary-balanced{
    grid-template-columns:minmax(145px,.75fr) minmax(0,1.25fr)!important;
  }
  .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-production-steps{
    grid-column:1/-1!important;
    display:flex!important;flex-direction:column!important;
    column-gap:0!important;
  }
}
@container sa-project-summary (max-width:430px){
  .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-content.sa-project-summary-balanced{grid-template-columns:minmax(0,1fr)!important;}
  .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-project-summary-balanced .sa-project-visual{aspect-ratio:16/9!important;}
  .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-production-steps{grid-column:1!important;grid-template-columns:minmax(0,1fr)!important;}
}
@media(max-width:1180px){
  .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-dashboard-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}
@media(max-width:760px){
  .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-stat-grid.five{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-dashboard-grid>.sa-card{padding:14px!important;}
  .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-dashboard-welcome-card{padding:17px!important;}
}
/* Light/dark appearance follows the existing theme variables, without any
   dashboard-specific sidebar/nav/help-card/button recoloring. */
html:is([data-sa-theme="dark"],[data-theme="dark"]) .sa-client-portal[data-sa-section="dashboard"]{
  --sa-dash-line:rgba(168,94,108,.30);
  --sa-dash-muted:#cbb9bc;
}
html:is([data-sa-theme="dark"],[data-theme="dark"]) .sa-client-portal[data-sa-section="dashboard"] .sa-dashboard-welcome-card{
  background:#210c0e!important;border-color:var(--sa-dash-line)!important;
}
html:is([data-sa-theme="dark"],[data-theme="dark"]) .sa-client-portal[data-sa-section="dashboard"] .sa-dashboard-welcome-card .sa-welcome-title{
  color:#fff7f7!important;-webkit-text-fill-color:#fff7f7!important;
}
html:is([data-sa-theme="dark"],[data-theme="dark"]) .sa-client-portal[data-sa-section="dashboard"] .sa-dashboard-welcome-card p{
  color:#dbcbce!important;-webkit-text-fill-color:#dbcbce!important;
}
html:is([data-sa-theme="dark"],[data-theme="dark"]) .sa-client-portal[data-sa-section="dashboard"] .sa-client-production-steps>.sa-client-production-row.pending>.sa-client-production-dot{background:#210c0e!important;}

/* v2.13.38 dark mode: matching native dark *content* surfaces only. */
html:is([data-sa-theme="dark"],[data-theme="dark"]) body.sa-portal-integrated-page .sa-app-v2.sa-client-portal[data-sa-section="dashboard"] .sa-content-v2 :is(.sa-card,.sa-stat-card),
html:is([data-sa-theme="dark"],[data-theme="dark"]) body.sa-portal-integrated-page .sa-app-v2.sa-client-portal[data-sa-section="dashboard"] .sa-designer-message{
  background:#210c0e!important;background-image:none!important;
  border-color:#68474c!important;color:#fff7f7!important;
  box-shadow:0 5px 21px rgba(0,0,0,.10)!important;
}
html:is([data-sa-theme="dark"],[data-theme="dark"]) body.sa-portal-integrated-page .sa-app-v2.sa-client-portal[data-sa-section="dashboard"] .sa-content-v2 :is(h2,h3,h4,.sa-stat-card strong,.sa-activity-row strong,.sa-milestone-row strong,.sa-client-production-steps b,.sa-key-list dd){
  color:#fff7f7!important;-webkit-text-fill-color:currentColor!important;
}
html:is([data-sa-theme="dark"],[data-theme="dark"]) body.sa-portal-integrated-page .sa-app-v2.sa-client-portal[data-sa-section="dashboard"] .sa-content-v2 :is(.sa-key-list dt,.sa-client-production-steps small,.sa-stat-card>span,.sa-stat-card>small,.sa-activity-row small,.sa-milestone-row small,.sa-designer-message p){
  color:#d5c3c6!important;-webkit-text-fill-color:currentColor!important;
}
html:is([data-sa-theme="dark"],[data-theme="dark"]) body.sa-portal-integrated-page .sa-app-v2.sa-client-portal[data-sa-section="dashboard"] .sa-content-v2 .sa-project-summary-balanced,
html:is([data-sa-theme="dark"],[data-theme="dark"]) body.sa-portal-integrated-page .sa-app-v2.sa-client-portal[data-sa-section="dashboard"] .sa-content-v2 .sa-project-summary-meta,
html:is([data-sa-theme="dark"],[data-theme="dark"]) body.sa-portal-integrated-page .sa-app-v2.sa-client-portal[data-sa-section="dashboard"] .sa-content-v2 .sa-payment-summary-card .sa-key-list{
  background:transparent!important;color:inherit!important;
}
html:is([data-sa-theme="dark"],[data-theme="dark"]) body.sa-portal-integrated-page .sa-app-v2.sa-client-portal[data-sa-section="dashboard"] .sa-stat-card .sa-dash-metric-icon{
  background:#3e161d!important;color:#f4cbd2!important;
}


/* v2.13.40 — Project Overview composition (client Dashboard only).
   Native portal typography/colors/buttons/sidebar remain authoritative. */
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-client-project{container-type:inline-size;container-name:sa-project-summary;overflow:clip!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-layout{display:flex!important;flex-direction:column!important;gap:18px!important;min-width:0!important;width:100%!important;background:transparent!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-main{display:grid!important;grid-template-columns:minmax(170px,.78fr) minmax(0,1.6fr)!important;align-items:stretch!important;gap:19px!important;min-width:0!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-cover{position:relative!important;min-width:0!important;min-height:232px!important;overflow:hidden!important;border-radius:11px!important;background:var(--sa-bg,#f4eff0)!important;isolation:isolate;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-cover img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;max-width:none!important;display:block!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-information{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;gap:0!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-information h2{margin:0 0 2px!important;font-family:var(--font,'Google Sans Flex',Arial,sans-serif)!important;font-size:clamp(18px,1.5vw,23px)!important;font-weight:720!important;line-height:1.25!important;letter-spacing:-.02em!important;overflow-wrap:anywhere!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-id{display:flex!important;flex-wrap:wrap!important;gap:5px 8px!important;margin:0 0 12px!important;font-size:12px!important;line-height:1.4!important;color:var(--sa-dash-muted,var(--muted))!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-id strong{color:var(--text,#241d1f)!important;font-weight:680!important;overflow-wrap:anywhere!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 10px!important;margin:0 0 12px!important;padding:0!important;background:transparent!important;min-width:0!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-facts>div{min-width:0!important;min-height:52px!important;margin:0!important;padding:9px 11px!important;background:var(--sa-bg,#fbfaf9)!important;border:1px solid var(--sa-dash-line,rgba(116,19,35,.12))!important;border-radius:9px!important;display:flex!important;flex-direction:column!important;gap:3px!important;overflow:hidden!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-facts dt{margin:0!important;font-weight:500!important;font-size:11px!important;line-height:1.3!important;color:var(--sa-dash-muted,#766669)!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-facts dd{margin:0!important;font-weight:680!important;font-size:12.5px!important;line-height:1.3!important;color:var(--text,#241d1f)!important;overflow-wrap:anywhere!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-facts>div:last-child:nth-child(odd){grid-column:1 / -1!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-action{align-self:flex-start!important;min-height:36px!important;margin-top:auto!important;padding:8px 15px!important;font-size:12px!important;white-space:nowrap!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-production{min-width:0!important;padding:14px 0 0!important;margin:0!important;border:0!important;border-top:1px solid var(--sa-dash-line,rgba(116,19,35,.14))!important;background:transparent!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-production-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:8px!important;margin:0 0 13px!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-production-heading h4{margin:0!important;font-family:var(--font,'Google Sans Flex',Arial,sans-serif)!important;font-weight:700!important;font-size:14px!important;line-height:1.4!important;letter-spacing:0!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-production-heading a{font-size:12px!important;font-weight:650!important;text-decoration:none!important;color:var(--sa-accent,#741323)!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-stage-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;list-style:none!important;margin:0!important;padding:0!important;min-width:0!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-stage{display:flex!important;align-items:flex-start!important;gap:8px!important;min-width:0!important;min-height:61px!important;margin:0!important;padding:10px 8px!important;list-style:none!important;background:var(--sa-bg,#fbfaf9)!important;border:1px solid var(--sa-dash-line,rgba(116,19,35,.12))!important;border-radius:9px!important;box-shadow:none!important;animation:none!important;transform:none!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-stage.current{border-color:rgba(116,19,35,.32)!important;background:rgba(116,19,35,.055)!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-stage-index{flex:0 0 20px!important;width:20px!important;height:20px!important;border:1px solid var(--sa-dash-line,rgba(116,19,35,.2))!important;border-radius:50%!important;display:grid!important;place-items:center!important;line-height:1!important;font-size:10px!important;font-weight:700!important;color:var(--sa-dash-muted,#766669)!important;background:var(--sa-surface,#fff)!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-stage.current .sa-overview-stage-index{color:#fff!important;background:var(--sa-accent,#741323)!important;border-color:var(--sa-accent,#741323)!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-stage.done .sa-overview-stage-index{color:#fff!important;background:#1b8f59!important;border-color:#1b8f59!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-stage-copy{min-width:0!important;display:block!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-stage-copy strong{display:block!important;font-family:var(--font,'Google Sans Flex',Arial,sans-serif)!important;font-size:11.5px!important;line-height:1.28!important;font-weight:650!important;letter-spacing:0!important;color:var(--text,#241d1f)!important;overflow-wrap:anywhere!important;}
.sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-stage-copy small{display:block!important;margin-top:3px!important;font-size:10.5px!important;line-height:1.3!important;color:var(--sa-dash-muted,#766669)!important;}
@container sa-project-summary (max-width:560px){
 .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-main{grid-template-columns:minmax(140px,.7fr) minmax(0,1.3fr)!important;gap:13px!important;}
 .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-cover{min-height:216px!important;}
 .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-facts{gap:6px!important;}
 .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-facts>div{min-height:48px!important;padding:7px 8px!important;}
 .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@container sa-project-summary (max-width:490px){
 .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-main{grid-template-columns:1fr!important;gap:13px!important;}
 .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-cover{min-height:0!important;height:auto!important;aspect-ratio:16/10!important;}
 .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-action{margin-top:3px!important;}
}
html:is([data-sa-theme="dark"],[data-theme="dark"]) .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] :is(.sa-overview-facts>div,.sa-overview-stage){background:#2a1115!important;border-color:#68474c!important;}
html:is([data-sa-theme="dark"],[data-theme="dark"]) .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-stage.current{background:#3b171f!important;border-color:#a45e6b!important;}
html:is([data-sa-theme="dark"],[data-theme="dark"]) .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] :is(.sa-overview-id strong,.sa-overview-facts dd,.sa-overview-stage-copy strong,.sa-overview-production-heading h4,.sa-overview-information h2){color:#fff7f7!important;}
html:is([data-sa-theme="dark"],[data-theme="dark"]) .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] :is(.sa-overview-id,.sa-overview-facts dt,.sa-overview-stage-copy small){color:#d5c3c6!important;}
html:is([data-sa-theme="dark"],[data-theme="dark"]) .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-stage-index{background:#210c0e!important;border-color:#68474c!important;color:#d5c3c6!important;}
html:is([data-sa-theme="dark"],[data-theme="dark"]) .sa-portal-integrated-page .sa-client-portal[data-sa-section="dashboard"] .sa-overview-stage.current .sa-overview-stage-index{background:#741323!important;border-color:#741323!important;color:#fff!important;}