/* HOTFIX724: hidden must always win over component display rules. */
[hidden],.pm-cloud-boot[hidden],.pm-cloud-auth-gate[hidden],.pm-cloud-shell[hidden]{display:none!important}
:root{--bg:#07111f;--bg2:#0a1727;--panel:#0f1d2e;--panel2:#13243a;--soft:#182b43;--border:#29425f;--text:#f7fbff;--sub:#99aec6;--accent:#13c8d8;--accent2:#2d7df7;--success:#21c77a;--warn:#f3b33e;--danger:#ef5f67;--shadow:0 24px 60px rgba(0,0,0,.28);font-family:Inter,"Segoe UI",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(135deg,#07111f,#0b1626 55%,#07111f);color:var(--text)}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}.pm-cloud-body{overflow-x:hidden}.pm-cloud-boot,.pm-cloud-auth-gate{min-height:100vh;display:grid;place-items:center;padding:24px}.pm-cloud-boot-card,.pm-cloud-auth-card{width:min(520px,100%);background:rgba(15,29,46,.94);border:1px solid var(--border);border-radius:28px;padding:34px;text-align:center;box-shadow:var(--shadow)}.pm-cloud-boot-logo,.pm-cloud-auth-logo{width:86px;height:86px;object-fit:contain;margin-bottom:14px}.pm-cloud-boot-card h1,.pm-cloud-auth-card h1{margin:8px 0 12px;font-size:30px}.pm-cloud-boot-card p,.pm-cloud-auth-card p{color:var(--sub);line-height:1.65}.pm-cloud-auth-card>span{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--accent)}.pm-cloud-spinner{width:34px;height:34px;border:3px solid #23415e;border-top-color:var(--accent);border-radius:50%;margin:22px auto 0;animation:pmspin .85s linear infinite}@keyframes pmspin{to{transform:rotate(360deg)}}
.pm-cloud-primary,.pm-cloud-secondary,.pm-cloud-ghost,.pm-cloud-icon-btn,.pm-cloud-user,.pm-cloud-text-btn{border:0;cursor:pointer;text-decoration:none}.pm-cloud-primary{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:900;padding:12px 18px;border-radius:13px;box-shadow:0 10px 24px rgba(25,143,221,.22)}.pm-cloud-primary:hover{filter:brightness(1.08)}.pm-cloud-primary:disabled{opacity:.5;cursor:not-allowed}.pm-cloud-primary.wide{width:100%;min-height:48px}.pm-cloud-secondary{display:inline-flex;align-items:center;justify-content:center;background:var(--soft);border:1px solid var(--border);color:var(--text);font-weight:800;padding:11px 16px;border-radius:12px}.pm-cloud-auth-card .pm-cloud-primary,.pm-cloud-auth-card .pm-cloud-secondary{display:flex;margin-top:12px}.pm-cloud-shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr);grid-template-rows:68px 1fr;grid-template-areas:"top top" "side main"}.pm-cloud-topbar{grid-area:top;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;padding:9px 18px;border-bottom:1px solid rgba(56,83,111,.62);background:rgba(6,15,27,.9);backdrop-filter:blur(16px)}.pm-cloud-brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;min-width:210px}.pm-cloud-brand img{width:38px;height:38px;object-fit:contain}.pm-cloud-brand span{display:flex;flex-direction:column;line-height:1.05}.pm-cloud-brand b{font-size:16px}.pm-cloud-brand small{color:var(--accent);font-weight:800;font-size:10px;letter-spacing:.1em}.pm-cloud-sync{display:flex;align-items:center;gap:8px;color:var(--sub);font-size:12px;font-weight:800;margin-right:auto}.pm-cloud-sync i{width:9px;height:9px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 4px rgba(243,179,62,.1)}.pm-cloud-sync[data-state="online"] i{background:var(--success);box-shadow:0 0 0 4px rgba(33,199,122,.12)}.pm-cloud-sync[data-state="offline"] i{background:var(--danger)}.pm-cloud-top-actions{display:flex;align-items:center;gap:8px}.pm-cloud-ghost,.pm-cloud-icon-btn{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:11px;min-height:38px;padding:8px 12px;font-weight:800}.pm-cloud-icon-btn{width:40px;padding:0;font-size:20px}.pm-cloud-user{display:flex;align-items:center;gap:8px;background:var(--soft);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:5px 12px 5px 5px}.pm-cloud-user>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));font-weight:900}.pm-cloud-user b{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.pm-cloud-sidebar{grid-area:side;position:sticky;top:68px;height:calc(100vh - 68px);padding:16px 12px 20px;border-right:1px solid rgba(56,83,111,.58);background:rgba(8,18,32,.76);overflow:auto}.pm-cloud-shop-card{padding:13px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,rgba(19,43,67,.92),rgba(12,29,48,.92));margin-bottom:13px}.pm-cloud-shop-card span{display:block;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.13em}.pm-cloud-shop-card b{display:block;margin:5px 0 2px;font-size:14px}.pm-cloud-shop-card small{color:var(--sub);font-size:10px}.pm-cloud-nav{display:grid;gap:6px}.pm-cloud-nav button{display:flex;align-items:center;gap:11px;width:100%;border:1px solid transparent;background:transparent;color:var(--sub);padding:11px 12px;border-radius:12px;text-align:left;font-weight:800;cursor:pointer}.pm-cloud-nav button:hover{background:rgba(25,43,65,.8);color:var(--text)}.pm-cloud-nav button.active{background:linear-gradient(90deg,rgba(19,200,216,.16),rgba(45,125,247,.12));border-color:rgba(19,200,216,.35);color:#fff}.pm-cloud-nav i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--soft);font-style:normal;font-size:11px;color:var(--accent)}.pm-cloud-nav em{margin-left:auto;min-width:24px;text-align:center;background:#243b55;color:#dcecff;border-radius:999px;padding:2px 7px;font-style:normal;font-size:10px}.pm-cloud-desktop-note{margin-top:18px;padding:13px;border:1px dashed #385777;border-radius:13px}.pm-cloud-desktop-note b{font-size:11px}.pm-cloud-desktop-note p{color:var(--sub);font-size:10px;line-height:1.5;margin:5px 0 0}.pm-cloud-back-link{display:block;margin:14px 8px 0;color:var(--sub);font-size:11px;text-decoration:none}.pm-cloud-main{grid-area:main;min-width:0;padding:22px clamp(16px,2.4vw,34px) 40px}.pm-cloud-view{display:none}.pm-cloud-view.active{display:block}.pm-cloud-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.pm-cloud-page-head.compact{align-items:center}.pm-cloud-page-head>div:first-child{max-width:760px}.pm-cloud-page-head span{display:block;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.14em}.pm-cloud-page-head h1{margin:5px 0 6px;font-size:clamp(26px,3vw,40px);letter-spacing:-.025em}.pm-cloud-page-head p{margin:0;color:var(--sub);line-height:1.55;font-size:13px}.pm-cloud-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.pm-cloud-kpis article,.pm-cloud-card{background:linear-gradient(145deg,rgba(15,29,46,.96),rgba(12,25,41,.95));border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.13)}.pm-cloud-kpis article{padding:16px}.pm-cloud-kpis span{display:block;color:var(--sub);font-size:10px;font-weight:800}.pm-cloud-kpis b{display:block;font-size:27px;margin:5px 0 3px}.pm-cloud-kpis small{color:#6f89a5;font-size:9px}.pm-cloud-dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.pm-cloud-card{padding:16px}.pm-cloud-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.pm-cloud-card-head span{display:block;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.12em}.pm-cloud-card-head h2{font-size:17px;margin:3px 0 0}.pm-cloud-text-btn{background:none;color:var(--accent);font-size:11px;font-weight:900;padding:7px}.pm-cloud-job-list{display:grid;gap:8px}.pm-cloud-job-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;background:rgba(20,40,61,.56);border:1px solid rgba(53,80,107,.6);border-radius:12px}.pm-cloud-job-row b{display:block;font-size:12px}.pm-cloud-job-row small{display:block;color:var(--sub);font-size:10px;margin-top:3px}.pm-cloud-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:#233a53;color:#dceaff}.pm-cloud-status.ready,.pm-cloud-status.completed{background:rgba(33,199,122,.15);color:#61e4a5}.pm-cloud-status.printing,.pm-cloud-status.accepted{background:rgba(45,125,247,.15);color:#75aafc}.pm-cloud-status.cancelled,.pm-cloud-status.rejected{background:rgba(239,95,103,.13);color:#ff8f95}.pm-cloud-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pm-cloud-quick-grid button{min-height:110px;text-align:left;background:rgba(20,40,61,.58);border:1px solid var(--border);color:var(--text);border-radius:14px;padding:13px;cursor:pointer}.pm-cloud-quick-grid button:hover{border-color:var(--accent)}.pm-cloud-quick-grid b{display:block;font-size:13px;margin-bottom:6px}.pm-cloud-quick-grid span{color:var(--sub);font-size:10px;line-height:1.5}.pm-cloud-empty{color:var(--sub);font-size:12px;padding:20px;text-align:center;border:1px dashed var(--border);border-radius:12px}.pm-cloud-search-wrap input,.pm-cloud-head-search{width:min(320px,100%);background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:11px 13px;outline:none}.pm-cloud-search-wrap input:focus,.pm-cloud-head-search:focus,.pm-cloud-field input:focus,.pm-cloud-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(19,200,216,.08)}.pm-cloud-pos-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.65fr);gap:14px}.pm-cloud-services-card{min-height:550px}.pm-cloud-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pm-cloud-service{display:flex;flex-direction:column;min-height:138px;padding:12px;background:rgba(19,38,59,.75);border:1px solid var(--border);border-radius:14px;color:var(--text);text-align:left;cursor:pointer;overflow:hidden}.pm-cloud-service:hover{border-color:var(--accent);transform:translateY(-1px)}.pm-cloud-service img{width:100%;height:75px;object-fit:cover;border-radius:9px;margin-bottom:9px;background:#0a1727}.pm-cloud-service b{font-size:11px;line-height:1.25}.pm-cloud-service small{color:var(--sub);font-size:9px;margin-top:3px}.pm-cloud-service strong{margin-top:auto;color:#fff;font-size:12px;padding-top:6px}.pm-cloud-cart-card{position:sticky;top:88px;align-self:start}.pm-cloud-cart-items{display:grid;gap:7px;max-height:310px;overflow:auto}.pm-cloud-cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;background:rgba(20,40,61,.55);border:1px solid rgba(53,80,107,.58);border-radius:10px}.pm-cloud-cart-item b{font-size:10px}.pm-cloud-cart-item small{display:block;color:var(--sub);font-size:9px;margin-top:2px}.pm-cloud-cart-item-actions{display:flex;align-items:center;gap:5px}.pm-cloud-cart-item-actions button{width:24px;height:24px;border:1px solid var(--border);background:var(--soft);color:var(--text);border-radius:7px;cursor:pointer}.pm-cloud-cart-total{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;margin:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.pm-cloud-cart-total span{color:var(--sub);font-size:10px}.pm-cloud-cart-total b{font-size:20px}.pm-cloud-field{display:grid;gap:5px;margin:9px 0}.pm-cloud-field>span{font-size:9px;color:var(--sub);font-weight:800;letter-spacing:.02em}.pm-cloud-field input,.pm-cloud-field textarea{width:100%;background:#0c1a2b;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 11px;outline:none;resize:vertical}.pm-cloud-helper{display:block;color:var(--sub);font-size:9px;line-height:1.5;margin-top:8px}.pm-cloud-form-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.65fr);gap:14px;max-width:1120px}.pm-cloud-production-form{padding:20px}.pm-cloud-form-section{display:flex;align-items:flex-start;gap:10px;margin:3px 0 11px}.pm-cloud-form-section>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));font-size:11px;font-weight:900}.pm-cloud-form-section h2{font-size:16px;margin:1px 0 3px}.pm-cloud-form-section p{margin:0;color:var(--sub);font-size:10px}.pm-cloud-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:9px 0 12px}.pm-cloud-option-grid.visa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-cloud-option-grid button{background:#0d1c2e;border:1px solid var(--border);border-radius:11px;color:var(--text);padding:10px;text-align:left;cursor:pointer}.pm-cloud-option-grid button.active{border:2px solid var(--accent);background:rgba(19,200,216,.09)}.pm-cloud-option-grid b{display:block;font-size:11px}.pm-cloud-option-grid small{display:block;color:var(--sub);font-size:9px;margin-top:2px}.pm-cloud-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.pm-cloud-check{display:flex;align-items:center;gap:8px;color:var(--text);font-size:10px;padding-top:9px}.pm-cloud-check input{width:17px;height:17px;accent-color:var(--accent)}.pm-cloud-progress{display:flex;align-items:center;gap:9px;margin-top:10px;padding:10px;background:rgba(45,125,247,.08);border:1px solid rgba(45,125,247,.25);border-radius:10px;color:#bad3ff;font-size:10px}.pm-cloud-progress i{width:15px;height:15px;border:2px solid #365f90;border-top-color:#75aafc;border-radius:50%;animation:pmspin .8s linear infinite}.pm-cloud-mobile-explainer{align-self:start}.pm-cloud-mobile-explainer>span{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.12em}.pm-cloud-mobile-explainer h2{font-size:18px;margin:5px 0 10px}.pm-cloud-mobile-explainer>p{color:var(--sub);font-size:11px;line-height:1.6}.pm-cloud-mobile-explainer ol{list-style:none;padding:0;margin:0;display:grid;gap:10px}.pm-cloud-mobile-explainer li{display:flex;gap:9px}.pm-cloud-mobile-explainer li>b{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:var(--soft);color:var(--accent);font-size:10px}.pm-cloud-mobile-explainer li p{margin:1px 0;color:var(--sub);font-size:10px;line-height:1.5}.pm-cloud-safety-note{margin-top:14px;padding:12px;background:rgba(243,179,62,.08);border:1px solid rgba(243,179,62,.25);border-radius:11px}.pm-cloud-safety-note b{font-size:11px;color:#ffd073}.pm-cloud-safety-note p{font-size:9px!important;margin:5px 0 0!important}.pm-cloud-segmented{display:flex;background:#0d1b2b;border:1px solid var(--border);border-radius:11px;padding:3px}.pm-cloud-segmented button{background:transparent;color:var(--sub);border:0;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}.pm-cloud-segmented button.active{background:var(--soft);color:#fff}.pm-cloud-jobs-table{display:grid;gap:8px}.pm-cloud-job-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(120px,.5fr) auto;gap:12px;align-items:center;padding:12px 13px;background:rgba(20,40,61,.5);border:1px solid rgba(53,80,107,.58);border-radius:12px}.pm-cloud-job-card h3{font-size:12px;margin:0 0 3px}.pm-cloud-job-card p{font-size:9px;color:var(--sub);margin:0;line-height:1.4}.pm-cloud-job-card .pm-cloud-job-meta{font-size:9px;color:var(--sub);text-align:right}.pm-cloud-customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pm-cloud-customer{display:flex;gap:10px;align-items:center;padding:12px;background:rgba(20,40,61,.5);border:1px solid rgba(53,80,107,.58);border-radius:12px}.pm-cloud-customer i{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#164159,#294d83);font-style:normal;font-weight:900;color:#bffaff}.pm-cloud-customer b{display:block;font-size:11px}.pm-cloud-customer small{display:block;color:var(--sub);font-size:9px;margin-top:3px}.pm-cloud-toast{position:fixed;right:18px;bottom:18px;z-index:9999;max-width:min(420px,calc(100vw - 36px));background:#142942;color:#fff;border:1px solid #345576;border-radius:13px;padding:12px 14px;box-shadow:var(--shadow);font-size:11px;font-weight:700}.pm-cloud-bottom-nav{display:none}
@media(max-width:1180px){.pm-cloud-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pm-cloud-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-cloud-dashboard-grid{grid-template-columns:1fr}.pm-cloud-customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.pm-cloud-shell{grid-template-columns:1fr;grid-template-rows:62px 1fr 66px;grid-template-areas:"top" "main" "bottom"}.pm-cloud-sidebar{display:none}.pm-cloud-topbar{height:62px;padding:8px 12px}.pm-cloud-brand{min-width:0}.pm-cloud-brand img{width:34px;height:34px}.pm-cloud-brand span small{font-size:8px}.pm-cloud-sync{font-size:10px}.pm-cloud-sync span{display:none}.pm-cloud-user b{display:none}.pm-cloud-ghost{display:none!important}.pm-cloud-main{padding:15px 12px 84px}.pm-cloud-bottom-nav{grid-area:bottom;position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 8px max(6px,env(safe-area-inset-bottom));background:rgba(6,15,27,.96);border-top:1px solid var(--border);backdrop-filter:blur(16px)}.pm-cloud-bottom-nav button{display:grid;place-items:center;gap:2px;background:transparent;border:0;color:var(--sub);font-size:9px;font-weight:800;padding:3px 2px;cursor:pointer}.pm-cloud-bottom-nav i{display:grid;place-items:center;width:29px;height:27px;border-radius:9px;font-style:normal;font-size:10px}.pm-cloud-bottom-nav button.active{color:#fff}.pm-cloud-bottom-nav button.active i{background:rgba(19,200,216,.14);color:var(--accent)}.pm-cloud-page-head{align-items:flex-start}.pm-cloud-page-head h1{font-size:28px}.pm-cloud-page-head>button{flex:0 0 auto}.pm-cloud-pos-layout,.pm-cloud-form-grid{grid-template-columns:1fr}.pm-cloud-cart-card{position:static}.pm-cloud-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pm-cloud-form-grid{max-width:none}.pm-cloud-mobile-explainer{order:2}}
@media(max-width:620px){.pm-cloud-top-actions{gap:4px}.pm-cloud-icon-btn{width:36px;min-height:36px}.pm-cloud-user{padding-right:5px}.pm-cloud-page-head,.pm-cloud-page-head.compact{display:grid;align-items:start}.pm-cloud-page-head .pm-cloud-primary{width:100%}.pm-cloud-page-head h1{font-size:24px}.pm-cloud-page-head p{font-size:11px}.pm-cloud-kpis{grid-template-columns:1fr 1fr;gap:8px}.pm-cloud-kpis article{padding:12px}.pm-cloud-kpis b{font-size:22px}.pm-cloud-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pm-cloud-service{min-height:128px;padding:9px}.pm-cloud-service img{height:68px}.pm-cloud-quick-grid{grid-template-columns:1fr}.pm-cloud-option-grid,.pm-cloud-option-grid.visa-grid{grid-template-columns:1fr 1fr}.pm-cloud-inline-fields{grid-template-columns:1fr}.pm-cloud-job-card{grid-template-columns:1fr auto}.pm-cloud-job-card .pm-cloud-job-meta{grid-column:1/-1;text-align:left}.pm-cloud-customer-grid{grid-template-columns:1fr}.pm-cloud-segmented{overflow:auto;max-width:100%}.pm-cloud-search-wrap input,.pm-cloud-head-search{width:100%}.pm-cloud-toast{bottom:80px}}

/* HOTFIX722 — direct Cloud App auth recovery */
.pm-cloud-login-form{display:grid;gap:12px;width:min(100%,390px);margin:18px auto 10px;text-align:left}
.pm-cloud-login-form .pm-cloud-primary{width:100%;min-height:48px;margin-top:2px}
.pm-cloud-login-error{padding:10px 12px;border:1px solid rgba(248,113,113,.45);background:rgba(127,29,29,.22);color:#fecaca;border-radius:10px;font-size:13px;line-height:1.4}
.pm-cloud-auth-card>.pm-cloud-secondary{display:block;width:min(100%,390px);margin:9px auto 0}

.pm-cloud-build{display:block;margin-top:14px;color:#68829d;font-size:10px;font-weight:800;letter-spacing:.04em}


/* HOTFIX725 — Neumorphism refresh for PrintMarks Cloud App */
:root{
  --bg:#0b1730;
  --bg2:#0d1b37;
  --panel:#0f1f3d;
  --panel2:#132648;
  --soft:#182d52;
  --soft2:#10213f;
  --border:rgba(158,195,255,.10);
  --border-strong:rgba(158,195,255,.16);
  --text:#f6fbff;
  --sub:#a7b9d2;
  --accent:#2fd0e7;
  --accent2:#4f8dff;
  --success:#2dd68a;
  --warn:#f3b33e;
  --danger:#ef6b73;
  --neo-shadow: 18px 18px 34px rgba(2,9,23,.40), -14px -14px 28px rgba(31,57,99,.30);
  --neo-shadow-soft: 12px 12px 24px rgba(3,10,26,.32), -10px -10px 20px rgba(27,51,91,.24);
  --neo-inset: inset 2px 2px 0 rgba(255,255,255,.035), inset -2px -2px 0 rgba(0,0,0,.26);
  --neo-pressed: inset 8px 8px 18px rgba(3,10,26,.46), inset -6px -6px 14px rgba(27,51,91,.20);
}
html,body{
  background:
    radial-gradient(circle at 12% 12%, rgba(47,208,231,.09), transparent 0 22%),
    radial-gradient(circle at 88% 8%, rgba(79,141,255,.12), transparent 0 18%),
    linear-gradient(145deg, #081326, #0e1c38 48%, #09152a 100%);
}
.pm-cloud-boot-card,.pm-cloud-auth-card,.pm-cloud-card,.pm-cloud-kpis article,.pm-cloud-shop-card,.pm-cloud-desktop-note,
.pm-cloud-job-row,.pm-cloud-quick-grid button,.pm-cloud-service,.pm-cloud-cart-item,.pm-cloud-job-card,.pm-cloud-customer,
.pm-cloud-safety-note,.pm-cloud-segmented,.pm-cloud-user,.pm-cloud-ghost,.pm-cloud-icon-btn,.pm-cloud-secondary,
.pm-cloud-nav button,.pm-cloud-bottom-nav button.active i,.pm-cloud-toast{
  background:linear-gradient(145deg, rgba(18,34,63,.96), rgba(12,25,47,.98));
  border:1px solid var(--border);
  box-shadow:var(--neo-shadow-soft);
}
.pm-cloud-boot-card,.pm-cloud-auth-card,.pm-cloud-card,.pm-cloud-kpis article,.pm-cloud-shop-card{
  border-radius:24px;
  box-shadow:var(--neo-shadow);
}
.pm-cloud-boot-card,.pm-cloud-auth-card{padding:38px 36px}
.pm-cloud-topbar{
  background:rgba(9,20,40,.76);
  backdrop-filter: blur(20px);
  border-bottom:1px solid var(--border);
  box-shadow:0 16px 36px rgba(0,0,0,.14);
}
.pm-cloud-sidebar{
  background:linear-gradient(180deg, rgba(8,19,39,.72), rgba(8,19,39,.58));
  border-right:1px solid var(--border);
}
.pm-cloud-brand,.pm-cloud-sync,.pm-cloud-back-link{filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}
.pm-cloud-primary{
  background:linear-gradient(135deg, rgba(47,208,231,.92), rgba(79,141,255,.95));
  border:1px solid rgba(185,240,255,.18);
  box-shadow: 12px 12px 24px rgba(0,14,32,.28), -7px -7px 18px rgba(68,112,176,.14), inset 1px 1px 0 rgba(255,255,255,.16);
  min-height:48px;
  border-radius:16px;
}
.pm-cloud-primary:hover{filter:none;transform:translateY(-1px);box-shadow: 14px 14px 28px rgba(0,14,32,.34), -8px -8px 18px rgba(68,112,176,.16), inset 1px 1px 0 rgba(255,255,255,.18)}
.pm-cloud-primary:active{transform:translateY(0);box-shadow:var(--neo-pressed)}
.pm-cloud-secondary,.pm-cloud-ghost,.pm-cloud-icon-btn,.pm-cloud-user,.pm-cloud-nav button,.pm-cloud-quick-grid button,.pm-cloud-service,
.pm-cloud-option-grid button,.pm-cloud-segmented button,.pm-cloud-cart-item-actions button{
  box-shadow:var(--neo-shadow-soft), var(--neo-inset);
}
.pm-cloud-secondary:hover,.pm-cloud-ghost:hover,.pm-cloud-icon-btn:hover,.pm-cloud-user:hover,.pm-cloud-nav button:hover,
.pm-cloud-quick-grid button:hover,.pm-cloud-service:hover,.pm-cloud-option-grid button:hover,.pm-cloud-segmented button:hover,
.pm-cloud-cart-item-actions button:hover{
  border-color:var(--border-strong);
  transform:translateY(-1px);
}
.pm-cloud-secondary:active,.pm-cloud-ghost:active,.pm-cloud-icon-btn:active,.pm-cloud-user:active,.pm-cloud-nav button:active,
.pm-cloud-quick-grid button:active,.pm-cloud-service:active,.pm-cloud-option-grid button:active,.pm-cloud-segmented button:active,
.pm-cloud-cart-item-actions button:active{
  transform:none;
  box-shadow:var(--neo-pressed);
}
.pm-cloud-nav button.active,
.pm-cloud-bottom-nav button.active,
.pm-cloud-option-grid button.active,
.pm-cloud-segmented button.active{
  background:linear-gradient(145deg, rgba(21,56,91,.98), rgba(14,34,61,.98));
  border-color:rgba(47,208,231,.35);
  box-shadow:0 0 0 1px rgba(47,208,231,.14), var(--neo-shadow-soft), inset 0 0 0 1px rgba(255,255,255,.03);
}
.pm-cloud-nav i,.pm-cloud-bottom-nav i,.pm-cloud-form-section>span,.pm-cloud-mobile-explainer li>b,.pm-cloud-customer i,.pm-cloud-user>span{
  box-shadow:var(--neo-shadow-soft), inset 1px 1px 0 rgba(255,255,255,.08);
}
.pm-cloud-kpis article,
.pm-cloud-card,
.pm-cloud-service,
.pm-cloud-job-row,
.pm-cloud-cart-item,
.pm-cloud-job-card,
.pm-cloud-customer,
.pm-cloud-quick-grid button,
.pm-cloud-production-form,
.pm-cloud-mobile-explainer,
.pm-cloud-shop-card{
  position:relative;
  overflow:hidden;
}
.pm-cloud-kpis article::before,
.pm-cloud-card::before,
.pm-cloud-service::before,
.pm-cloud-job-row::before,
.pm-cloud-cart-item::before,
.pm-cloud-job-card::before,
.pm-cloud-customer::before,
.pm-cloud-quick-grid button::before,
.pm-cloud-production-form::before,
.pm-cloud-mobile-explainer::before,
.pm-cloud-shop-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(140deg, rgba(255,255,255,.05), rgba(255,255,255,0) 42%);
  pointer-events:none;
}
.pm-cloud-field input,.pm-cloud-field textarea,.pm-cloud-search-wrap input,.pm-cloud-head-search{
  background:linear-gradient(145deg, rgba(10,24,46,.98), rgba(13,29,54,.98));
  border:1px solid rgba(152,191,255,.10);
  border-radius:15px;
  box-shadow:var(--neo-pressed), inset 1px 1px 0 rgba(255,255,255,.02);
  color:var(--text);
}
.pm-cloud-field input[type="file"]{padding:12px 13px}
.pm-cloud-search-wrap input:focus,.pm-cloud-head-search:focus,.pm-cloud-field input:focus,.pm-cloud-field textarea:focus{
  border-color:rgba(47,208,231,.38);
  box-shadow:var(--neo-pressed), 0 0 0 1px rgba(47,208,231,.18), 0 0 0 4px rgba(47,208,231,.05);
}
.pm-cloud-kpis b,.pm-cloud-page-head h1,.pm-cloud-card-head h2,.pm-cloud-form-section h2,.pm-cloud-mobile-explainer h2{
  text-shadow:0 2px 12px rgba(0,0,0,.18);
}
.pm-cloud-option-grid button,
.pm-cloud-service,
.pm-cloud-quick-grid button,
.pm-cloud-cart-item,
.pm-cloud-job-row,
.pm-cloud-job-card,
.pm-cloud-customer{border-radius:18px}
.pm-cloud-shop-card{padding:16px}
.pm-cloud-nav{gap:8px}
.pm-cloud-nav button{padding:12px 13px;border-radius:16px}
.pm-cloud-card{padding:18px}
.pm-cloud-kpis article{padding:18px}
.pm-cloud-segmented{padding:4px;border-radius:15px}
.pm-cloud-segmented button{border-radius:12px}
.pm-cloud-bottom-nav{background:rgba(10,20,40,.92);border-top:1px solid var(--border);backdrop-filter:blur(18px)}
.pm-cloud-top-actions{gap:10px}
.pm-cloud-icon-btn{font-size:19px}
.pm-cloud-toast{border-radius:18px}
@media(max-width:900px){
  .pm-cloud-card,.pm-cloud-kpis article,.pm-cloud-shop-card{border-radius:20px}
  .pm-cloud-main{padding:14px 12px 86px}
}
@media(max-width:620px){
  .pm-cloud-boot-card,.pm-cloud-auth-card{padding:28px 22px;border-radius:24px}
  .pm-cloud-card,.pm-cloud-kpis article,.pm-cloud-shop-card{border-radius:18px}
  .pm-cloud-nav button,.pm-cloud-option-grid button,.pm-cloud-service,.pm-cloud-cart-item,.pm-cloud-job-row,.pm-cloud-job-card,.pm-cloud-customer{border-radius:16px}
}


/* HOTFIX726 — Counter POS parent services, categories, and variation sheet */
.pm-cloud-service-toolbar{display:flex;align-items:center;gap:12px;margin:-4px 0 14px;min-width:0}
.pm-cloud-service-toolbar>small{margin-left:auto;color:var(--sub);font-size:10px;white-space:nowrap}
.pm-cloud-category-strip{display:flex;align-items:center;gap:8px;overflow:auto;padding:7px 5px 9px;scrollbar-width:thin;min-width:0;flex:1}
.pm-cloud-category-chip{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;border:1px solid var(--border);background:linear-gradient(145deg,rgba(18,34,63,.96),rgba(12,25,47,.98));color:var(--sub);border-radius:999px;padding:9px 13px;cursor:pointer;font-size:10px;font-weight:900;box-shadow:var(--neo-shadow-soft),var(--neo-inset)}
.pm-cloud-category-chip em{font-style:normal;min-width:20px;padding:2px 6px;border-radius:999px;background:rgba(117,154,203,.12);color:#c8dcf5;text-align:center;font-size:9px}
.pm-cloud-category-chip.active{color:#fff;border-color:rgba(47,208,231,.38);background:linear-gradient(145deg,rgba(22,61,96,.98),rgba(13,39,68,.98));box-shadow:0 0 0 1px rgba(47,208,231,.10),var(--neo-shadow-soft)}
.pm-cloud-category-chip.active em{background:rgba(47,208,231,.15);color:#8ff2ff}
.pm-cloud-service-parent{min-height:190px;padding:0;display:flex;flex-direction:column;overflow:hidden}
.pm-cloud-service-parent>img,.pm-cloud-service-placeholder{width:100%;height:98px;margin:0;border-radius:17px 17px 0 0;background:linear-gradient(145deg,#173153,#0c1c35);object-fit:cover;box-shadow:inset 0 -1px 0 rgba(255,255,255,.04)}
.pm-cloud-service-placeholder{display:grid;place-items:center;color:rgba(194,230,255,.8);font-size:25px;font-weight:1000;letter-spacing:.08em}
.pm-cloud-service-copy{display:flex;flex-direction:column;gap:4px;padding:12px 13px 13px;min-height:102px;flex:1}
.pm-cloud-service-copy>small{color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.pm-cloud-service-copy>b{font-size:12px;line-height:1.25}
.pm-cloud-service-copy>p{margin:0;color:var(--sub);font-size:9px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pm-cloud-service-meta{display:flex;align-items:end;gap:8px;margin-top:auto;padding-top:7px}
.pm-cloud-service-meta strong{margin-left:auto;padding:0;color:#fff;font-size:12px}
.pm-cloud-variation-badge,.pm-cloud-direct-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900}
.pm-cloud-variation-badge{background:rgba(47,208,231,.11);color:#79ecf8;border:1px solid rgba(47,208,231,.18)}
.pm-cloud-direct-badge{background:rgba(45,214,138,.10);color:#6fe0ac;border:1px solid rgba(45,214,138,.16)}
.pm-cloud-variation-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:rgba(2,8,19,.62);backdrop-filter:blur(12px)}
.pm-cloud-variation-modal[hidden]{display:none!important}
.pm-cloud-modal-open{overflow:hidden}
.pm-cloud-variation-sheet{width:min(760px,100%);max-height:min(760px,88vh);display:flex;flex-direction:column;background:linear-gradient(145deg,#13284a,#0b1a34);border:1px solid var(--border-strong);border-radius:28px;padding:20px;box-shadow:24px 24px 54px rgba(0,0,0,.42),-14px -14px 34px rgba(46,82,139,.15)}
.pm-cloud-variation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:2px 2px 14px}
.pm-cloud-variation-head span{color:var(--accent);font-size:9px;font-weight:1000;letter-spacing:.14em}
.pm-cloud-variation-head h2{margin:4px 0 3px;font-size:22px}
.pm-cloud-variation-head p{margin:0;color:var(--sub);font-size:10px}
.pm-cloud-variation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:auto;padding:5px 5px 16px}
.pm-cloud-variation-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;min-height:82px;background:linear-gradient(145deg,rgba(20,40,73,.98),rgba(12,27,51,.98));border:1px solid var(--border);border-radius:18px;padding:12px;color:var(--text);cursor:pointer;box-shadow:var(--neo-shadow-soft),var(--neo-inset)}
.pm-cloud-variation-option:hover{border-color:rgba(47,208,231,.36);transform:translateY(-1px)}
.pm-cloud-variation-option:active{transform:none;box-shadow:var(--neo-pressed)}
.pm-cloud-variation-option img{grid-row:1;width:58px;height:58px;object-fit:cover;border-radius:12px;display:none}
.pm-cloud-variation-option span{display:block;min-width:0}
.pm-cloud-variation-option b{display:block;font-size:11px;line-height:1.3}
.pm-cloud-variation-option small{display:block;color:var(--sub);font-size:9px;line-height:1.35;margin-top:4px}
.pm-cloud-variation-option em{display:block;color:#7590af;font-style:normal;font-size:8px;margin-top:5px}
.pm-cloud-variation-option strong{font-size:13px;color:#fff;white-space:nowrap}
.pm-cloud-variation-cancel{width:100%;margin-top:2px}
@media(max-width:900px){.pm-cloud-service-toolbar{display:block}.pm-cloud-service-toolbar>small{display:block;margin:0 5px 8px}.pm-cloud-service-parent{min-height:176px}.pm-cloud-variation-modal{align-items:end;padding:0}.pm-cloud-variation-sheet{width:100%;max-height:86vh;border-radius:28px 28px 0 0;padding:17px 14px max(17px,env(safe-area-inset-bottom))}.pm-cloud-variation-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.pm-cloud-category-strip{margin-left:-4px;margin-right:-4px}.pm-cloud-category-chip{padding:8px 11px}.pm-cloud-service-parent{min-height:166px}.pm-cloud-service-parent>img,.pm-cloud-service-placeholder{height:82px}.pm-cloud-service-copy{padding:10px;min-height:84px}.pm-cloud-variation-grid{grid-template-columns:1fr}.pm-cloud-variation-option{min-height:76px}.pm-cloud-variation-head h2{font-size:19px}}


/* HOTFIX728 — buttery-smooth Cloud App performance + production feedback */
.pm-cloud-service,.pm-cloud-category-chip,.pm-cloud-option-grid button,.pm-cloud-variation-option,.pm-cloud-primary,.pm-cloud-secondary,
.pm-cloud-ghost,.pm-cloud-icon-btn,.pm-cloud-user,.pm-cloud-nav button,.pm-cloud-segmented button,.pm-cloud-cart-item-actions button{
  transition:transform 120ms cubic-bezier(.2,.8,.2,1),border-color 120ms ease,opacity 120ms ease!important;
}
.pm-cloud-service-grid{contain:layout style}
.pm-cloud-service{content-visibility:auto;contain-intrinsic-size:190px;contain:layout paint style}
.pm-cloud-cart-item,.pm-cloud-job-row,.pm-cloud-job-card,.pm-cloud-customer{contain:layout paint style}
.pm-cloud-variation-modal{backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
.pm-cloud-brand,.pm-cloud-sync,.pm-cloud-back-link{filter:none!important}
.pm-cloud-tap-pulse{animation:pmCloudTapPulse .36s cubic-bezier(.2,.8,.2,1)}
@keyframes pmCloudTapPulse{0%{transform:scale(1)}45%{transform:scale(.965)}100%{transform:scale(1)}}
.pm-cloud-cart-item-new{animation:pmCloudCartIn .44s cubic-bezier(.16,1,.3,1);border-color:rgba(55,224,158,.42)!important}
@keyframes pmCloudCartIn{0%{opacity:.2;transform:translateX(12px) scale(.985)}100%{opacity:1;transform:none}}
.pm-cloud-add-fly{position:fixed;z-index:12050;pointer-events:none;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#1ecf91,#2b8cff);color:white;font-size:10px;font-weight:1000;letter-spacing:.02em;opacity:0;transform:translate3d(0,8px,0) scale(.92);box-shadow:0 10px 28px rgba(0,0,0,.24);will-change:transform,opacity;transition:transform .26s cubic-bezier(.16,1,.3,1),opacity .18s ease}
.pm-cloud-add-fly.show{opacity:1;transform:translate3d(0,-5px,0) scale(1)}
.pm-cloud-add-fly.leave{opacity:0;transform:translate3d(0,-24px,0) scale(.96)}
.pm-cloud-queue-feedback{position:fixed;left:50%;bottom:24px;z-index:12060;display:flex;align-items:center;gap:11px;width:min(390px,calc(100vw - 28px));padding:13px 15px;border:1px solid rgba(96,241,188,.28);border-radius:18px;background:rgba(12,33,54,.96);color:#fff;box-shadow:0 18px 48px rgba(0,0,0,.30);opacity:0;transform:translate3d(-50%,18px,0) scale(.96);will-change:transform,opacity;transition:transform .34s cubic-bezier(.16,1,.3,1),opacity .2s ease}
.pm-cloud-queue-feedback.show{opacity:1;transform:translate3d(-50%,0,0) scale(1)}
.pm-cloud-queue-feedback.leave{opacity:0;transform:translate3d(-50%,-10px,0) scale(.98)}
.pm-cloud-queue-feedback>i{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2bd99a,#2f91ff);font-style:normal;font-weight:1000;animation:pmCloudCheckPop .5s cubic-bezier(.16,1,.3,1)}
.pm-cloud-queue-feedback b,.pm-cloud-queue-feedback span{display:block}.pm-cloud-queue-feedback b{font-size:12px}.pm-cloud-queue-feedback span{margin-top:2px;color:#a9bfd8;font-size:9px}
@keyframes pmCloudCheckPop{0%{transform:scale(.55) rotate(-12deg)}100%{transform:none}}
.pm-cloud-sync-pulse{animation:pmCloudSyncPulse .7s ease}
@keyframes pmCloudSyncPulse{0%,100%{transform:none}40%{transform:scale(1.06)}}
#cloudSendSaleBtn[data-state="sending"]{position:relative;overflow:hidden;opacity:.88}
#cloudSendSaleBtn[data-state="sending"]::after{content:"";position:absolute;left:-45%;top:0;width:35%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:pmCloudSendSweep .75s linear infinite}
#cloudSendSaleBtn[data-state="sent"]{background:linear-gradient(135deg,#20ca87,#2f9dee)!important}
#cloudSendSaleBtn[data-state="error"]{background:linear-gradient(135deg,#d75865,#a33c58)!important}
@keyframes pmCloudSendSweep{to{left:125%}}
@media(max-width:900px){
  .pm-cloud-variation-modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .pm-cloud-queue-feedback{bottom:78px}
}
@media(prefers-reduced-motion:reduce){.pm-cloud-tap-pulse,.pm-cloud-cart-item-new,.pm-cloud-queue-feedback>i,.pm-cloud-sync-pulse,#cloudSendSaleBtn[data-state="sending"]::after{animation:none!important}.pm-cloud-add-fly,.pm-cloud-queue-feedback{transition:none!important}}

/* R10 — compact browser print lab. No morphology theme duplication. */
.pm-cloud-print-lab{align-self:start;position:sticky;top:88px;overflow:hidden}
.pm-cloud-print-lab>span{display:block;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.12em}
.pm-cloud-print-lab h2{margin:5px 0 7px;font-size:18px}
.pm-cloud-print-lab>p{margin:0 0 12px;color:var(--sub);font-size:10px;line-height:1.55}
.pm-cloud-print-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.pm-cloud-print-summary{margin:10px 0;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:rgba(11,28,46,.68);color:#b8cbe1;font-size:10px;font-weight:800}
.pm-cloud-sheet-preview{display:grid;gap:12px;max-height:min(56vh,620px);overflow:auto;padding:10px;background:#07111e;border:1px solid var(--border);border-radius:14px;overscroll-behavior:contain}
.pm-cloud-sheet-canvas{display:block;width:min(100%,360px);height:auto;margin:0 auto;background:#fff;border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.pm-cloud-print-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.pm-cloud-print-actions button{min-height:44px}
@media(max-width:900px){.pm-cloud-print-lab{position:static}.pm-cloud-sheet-preview{max-height:520px}}
@media(max-width:620px){.pm-cloud-print-controls,.pm-cloud-print-actions{grid-template-columns:1fr}.pm-cloud-sheet-canvas{width:min(100%,330px)}}

/* R11 compact Cloud Crop & Align + reliable browser print controls */
.pm-cloud-crop-card{margin:12px 0;padding:11px;border:1px solid var(--border);border-radius:14px;background:rgba(7,17,30,.72)}
.pm-cloud-crop-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.pm-cloud-crop-head b{display:block;font-size:11px;color:#fff}.pm-cloud-crop-head small{display:block;margin-top:2px;color:var(--sub);font-size:9px;line-height:1.35}
.pm-cloud-crop-head>span{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:rgba(19,200,216,.11);border:1px solid rgba(19,200,216,.3);color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.08em}
.pm-cloud-crop-canvas{display:block;width:min(100%,420px);height:auto;max-height:44vh;margin:0 auto;background:#eef2f5;border:1px solid #4a6179;border-radius:10px;touch-action:none;cursor:grab;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.pm-cloud-crop-canvas.dragging{cursor:grabbing}
.pm-cloud-crop-toolbar{display:grid;grid-template-columns:auto auto minmax(120px,1fr);gap:7px;align-items:center;margin-top:9px}
.pm-cloud-crop-toolbar button{min-height:38px;padding:8px 10px;font-size:9px}.pm-cloud-crop-toolbar label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;color:var(--sub);font-size:9px;font-weight:800}.pm-cloud-crop-toolbar input[type="range"]{width:100%;accent-color:var(--accent)}
@media(max-width:620px){.pm-cloud-crop-toolbar{grid-template-columns:1fr 1fr}.pm-cloud-crop-toolbar label{grid-column:1/-1}.pm-cloud-crop-canvas{max-height:52vh}}


/* R13 — in-app print preview + native system printer/PDF chooser; no extra browser tab. */
body.pm-cloud-modal-open{overflow:hidden}
.pm-cloud-print-modal{position:fixed;inset:0;z-index:13000;display:grid;place-items:center;padding:18px;background:rgba(2,8,18,.78);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.pm-cloud-print-modal[hidden]{display:none!important}
.pm-cloud-print-sheet{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;width:min(980px,100%);height:min(92vh,900px);overflow:hidden;border:1px solid #35516d;border-radius:22px;background:#0b1929;box-shadow:0 26px 80px rgba(0,0,0,.46)}
.pm-cloud-print-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 18px 12px;border-bottom:1px solid var(--border)}
.pm-cloud-print-modal-head span{display:block;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.13em}.pm-cloud-print-modal-head h2{margin:4px 0 3px;font-size:21px}.pm-cloud-print-modal-head p{margin:0;color:var(--sub);font-size:10px;line-height:1.45}
.pm-cloud-print-device-note{margin:10px 14px 0;padding:10px 12px;border:1px solid rgba(19,200,216,.25);border-radius:11px;background:rgba(19,200,216,.07);color:#bed7ea;font-size:10px;line-height:1.5}
.pm-cloud-print-modal-pages{min-height:0;overflow:auto;display:grid;align-content:start;justify-items:center;gap:16px;padding:14px;background:#d9dde1;overscroll-behavior:contain}
.pm-cloud-native-print-page{position:relative;width:min(100%,520px);aspect-ratio:var(--pm-print-ratio,2 / 3);background:#fff;box-shadow:0 6px 28px rgba(0,0,0,.28);overflow:hidden}
.pm-cloud-native-print-canvas,.pm-cloud-native-print-image{display:block;width:100%;height:100%;object-fit:fill;background:#fff}
.pm-cloud-print-page-badge{position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:999px;background:rgba(5,16,29,.76);color:#fff;font-size:9px;font-weight:800;pointer-events:none}
.pm-cloud-print-modal-actions{display:grid;grid-template-columns:minmax(140px,.55fr) minmax(220px,1fr);gap:10px;padding:12px 14px 8px;border-top:1px solid var(--border)}
.pm-cloud-print-modal-actions button{min-height:48px}.pm-cloud-print-system-help{display:block;padding:0 15px 14px;color:var(--sub);font-size:9px;line-height:1.5}
@media(max-width:700px){.pm-cloud-print-modal{padding:0;align-items:end}.pm-cloud-print-sheet{width:100%;height:94dvh;border-radius:22px 22px 0 0}.pm-cloud-print-modal-head{padding:14px 13px 10px}.pm-cloud-print-modal-head h2{font-size:18px}.pm-cloud-print-device-note{margin:8px 10px 0}.pm-cloud-print-modal-pages{padding:10px;gap:10px}.pm-cloud-print-modal-actions{grid-template-columns:1fr;padding:10px}.pm-cloud-print-modal-actions button{min-height:50px}.pm-cloud-print-system-help{padding:0 11px max(11px,env(safe-area-inset-bottom));font-size:8.5px}}
@media print{
  html,body{margin:0!important;padding:0!important;background:#fff!important;width:auto!important;height:auto!important;overflow:visible!important}
  /* R16: cloudPrintModal lives inside .pm-cloud-shell. Hiding the shell made the
     native Edge/Chrome preview completely blank even though the 300-DPI PNG was ready. */
  body.pm-cloud-print-active .pm-cloud-boot,body.pm-cloud-print-active .pm-cloud-auth-gate,body.pm-cloud-print-active .pm-cloud-toast{display:none!important}
  body.pm-cloud-print-active .pm-cloud-shell{display:block!important;position:static!important;width:auto!important;height:auto!important;min-height:0!important;background:#fff!important}
  body.pm-cloud-print-active .pm-cloud-shell > :not(#cloudPrintModal){display:none!important}
  body.pm-cloud-print-active #cloudPrintModal{display:block!important;position:static!important;inset:auto!important;padding:0!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  body.pm-cloud-print-active .pm-cloud-print-sheet{display:block!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;overflow:visible!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
  body.pm-cloud-print-active .pm-cloud-print-modal-head,body.pm-cloud-print-active .pm-cloud-print-device-note,body.pm-cloud-print-active .pm-cloud-print-modal-actions,body.pm-cloud-print-active .pm-cloud-print-system-help,body.pm-cloud-print-active .pm-cloud-print-page-badge{display:none!important}
  body.pm-cloud-print-active .pm-cloud-print-modal-pages{display:block!important;overflow:visible!important;padding:0!important;background:#fff!important}
  body.pm-cloud-print-active .pm-cloud-native-print-page{width:var(--pm-print-width)!important;height:var(--pm-print-height)!important;aspect-ratio:auto!important;margin:0!important;box-shadow:none!important;break-after:page;page-break-after:always;overflow:hidden!important}
  body.pm-cloud-print-active .pm-cloud-native-print-page:last-child{break-after:auto;page-break-after:auto}
  body.pm-cloud-print-active .pm-cloud-native-print-canvas,body.pm-cloud-print-active .pm-cloud-native-print-image{display:block!important;width:100%!important;height:100%!important;object-fit:fill!important}
}


/* R16 — Developer-only Cloud morphology themes + Windows Dashboard parity. */
.pm-cloud-theme-control{display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid var(--border);border-radius:11px;background:var(--soft);color:var(--sub);font-size:9px;font-weight:900}
.pm-cloud-theme-control[hidden]{display:none!important}.pm-cloud-theme-control select{min-height:28px;border:0;border-radius:8px;padding:4px 24px 4px 8px;background:var(--panel2);color:var(--text);font-size:10px;font-weight:800;outline:none}
body[data-cloud-theme="glassmorphism"]{--bg:#071427;--bg2:#0b1c34;--panel:rgba(19,38,68,.58);--panel2:rgba(25,49,85,.50);--soft:rgba(255,255,255,.075);--border:rgba(194,224,255,.18);--text:#f7fbff;--sub:#b7cae2;--accent:#43d8e8;--accent2:#709dff;--shadow:0 24px 70px rgba(0,0,0,.28)}
body[data-cloud-theme="glassmorphism"] .pm-cloud-card,body[data-cloud-theme="glassmorphism"] .pm-cloud-kpis article,body[data-cloud-theme="glassmorphism"] .pm-cloud-shop-card,body[data-cloud-theme="glassmorphism"] .pm-win-panel,body[data-cloud-theme="glassmorphism"] .pm-win-kpi-grid article,body[data-cloud-theme="glassmorphism"] .pm-win-quick-actions button{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(104,160,235,.055));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(210,235,255,.20);box-shadow:0 20px 52px rgba(0,0,0,.22),inset 1px 1px 0 rgba(255,255,255,.10)}
body[data-cloud-theme="glassmorphism"] .pm-cloud-topbar,body[data-cloud-theme="glassmorphism"] .pm-cloud-sidebar{background:rgba(5,18,36,.67);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
body[data-cloud-theme="claymorphism"]{--bg:#10172f;--bg2:#171d3a;--panel:#202a4d;--panel2:#26345b;--soft:#2e3c66;--border:rgba(185,198,255,.15);--text:#fbfbff;--sub:#bfc8e8;--accent:#79d9e8;--accent2:#9478ff;--shadow:0 18px 32px rgba(4,7,23,.35)}
body[data-cloud-theme="claymorphism"] .pm-cloud-card,body[data-cloud-theme="claymorphism"] .pm-cloud-kpis article,body[data-cloud-theme="claymorphism"] .pm-cloud-shop-card,body[data-cloud-theme="claymorphism"] .pm-win-panel,body[data-cloud-theme="claymorphism"] .pm-win-kpi-grid article,body[data-cloud-theme="claymorphism"] .pm-win-quick-actions button{background:linear-gradient(145deg,#28365f,#1c2749);border-color:rgba(210,214,255,.13);border-radius:22px;box-shadow:10px 12px 22px rgba(5,8,27,.33),inset 2px 2px 2px rgba(255,255,255,.06),inset -3px -3px 5px rgba(5,8,27,.20)}
body[data-cloud-theme="claymorphism"] .pm-cloud-primary,body[data-cloud-theme="claymorphism"] .pm-win-export{border-radius:17px;background:linear-gradient(135deg,#65d2e2,#8a73f7);box-shadow:7px 9px 16px rgba(5,8,27,.30),inset 1px 1px 0 rgba(255,255,255,.20)}
body[data-cloud-theme="neumorphism"] .pm-cloud-card,body[data-cloud-theme="neumorphism"] .pm-cloud-kpis article,body[data-cloud-theme="neumorphism"] .pm-win-panel,body[data-cloud-theme="neumorphism"] .pm-win-kpi-grid article,body[data-cloud-theme="neumorphism"] .pm-win-quick-actions button{box-shadow:12px 12px 24px rgba(3,10,26,.32),-9px -9px 18px rgba(33,59,100,.20),inset 1px 1px 0 rgba(255,255,255,.035)}

.pm-cloud-windows-dashboard{--wd-panel:var(--panel);--wd-panel2:var(--panel2);--wd-line:var(--accent2);--wd-good:#2dd68a;--wd-warn:#f3b33e;--wd-danger:#ef6b73;--wd-purple:#9a7cff;--wd-teal:#22c5c9}
.pm-win-dashboard-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;margin-bottom:10px}.pm-win-dashboard-title h1{margin:0;color:var(--text);font-size:30px;line-height:1.08;font-weight:900}.pm-win-dashboard-title p{margin:5px 0 0;color:var(--sub);font-size:12px}.pm-win-dashboard-header-actions{display:flex;align-items:center;gap:9px;justify-content:flex-end;flex-wrap:wrap}.pm-win-periods{display:grid;grid-template-columns:repeat(6,auto);gap:5px;padding:5px;background:var(--panel);border:1px solid var(--border);border-radius:16px}.pm-win-periods button{min-height:32px;padding:6px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--sub);font-size:10px;font-weight:900;cursor:pointer}.pm-win-periods button.active{background:var(--accent2);border-color:var(--accent2);color:white}.pm-win-export{min-height:38px;padding:0 16px;border:0;border-radius:14px;background:var(--accent2);color:white;font-size:10px;font-weight:900;cursor:pointer}
.pm-win-quick-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}.pm-win-quick-actions button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:74px;padding:10px 11px;border:1px solid var(--border);border-radius:18px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer;box-shadow:0 12px 24px rgba(0,0,0,.14)}.pm-win-quick-actions button:hover{border-color:var(--accent2);transform:translateY(-1px)}.pm-win-quick-actions i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--soft);font-style:normal;font-size:18px}.pm-win-quick-actions b,.pm-win-quick-actions small{display:block}.pm-win-quick-actions b{font-size:11px}.pm-win-quick-actions small{margin-top:3px;color:var(--sub);font-size:8.5px;line-height:1.25}.pm-win-quick-actions em{color:var(--sub);font-style:normal;font-size:23px;font-weight:900}
.pm-win-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:12px}.pm-win-kpi-grid article{min-height:126px;padding:11px 13px 8px;border:1px solid var(--border);border-radius:20px;background:var(--panel);overflow:hidden}.pm-win-kpi-grid header{display:flex;align-items:center;gap:7px;color:var(--sub);font-size:8.5px;font-weight:900}.pm-win-kpi-grid header i{font-style:normal;color:var(--accent);font-size:16px}.pm-win-kpi-grid article>b{display:block;margin-top:9px;color:var(--text);font-size:18px;line-height:1.1}.pm-win-kpi-grid article>small{display:block;margin-top:6px;color:var(--sub);font-size:8.5px;line-height:1.25}.pm-win-kpi-grid .good{color:var(--wd-good);font-weight:900}.pm-win-kpi-grid .bad{color:var(--wd-danger);font-weight:900}.pm-win-kpi-grid svg{display:block;width:100%;height:28px;margin-top:4px;overflow:visible}.pm-win-kpi-grid polyline{fill:none;stroke:var(--accent2);stroke-width:2.2;vector-effect:non-scaling-stroke}.pm-win-kpi-grid article[data-kpi="profit"] polyline,.pm-win-kpi-grid article[data-kpi="net_sales"] polyline{stroke:var(--wd-good)}.pm-win-kpi-grid article[data-kpi="costs"] polyline{stroke:var(--wd-warn)}.pm-win-kpi-grid article[data-kpi="tax"] polyline{stroke:var(--wd-purple)}.pm-win-kpi-grid article[data-kpi="receivables"] polyline{stroke:var(--wd-danger)}
.pm-win-dashboard-tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--border)}.pm-win-dashboard-tabs button{flex:0 0 auto;padding:9px 17px;border:1px solid var(--border);border-bottom:0;border-radius:10px 10px 0 0;background:var(--panel);color:var(--sub);font-size:10px;font-weight:900;cursor:pointer}.pm-win-dashboard-tabs button.active{background:var(--accent2);border-color:var(--accent2);color:white}.pm-win-dashboard-tab-panel{display:none;padding:10px;border:1px solid var(--border);border-top:0;border-radius:0 0 16px 16px;background:var(--panel2)}.pm-win-dashboard-tab-panel.active{display:block}.pm-win-panel{padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:var(--panel)}.pm-win-panel h2{margin:0;color:var(--text);font-size:16px}.pm-win-panel header span,.pm-win-panel header p,.pm-win-panel>small{color:var(--sub);font-size:9px}.pm-win-overview-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.pm-win-performance header{display:flex;justify-content:space-between;gap:10px;align-items:center}.pm-win-performance svg{width:100%;height:280px;margin-top:10px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}.pm-win-performance svg .current{fill:none;stroke:var(--accent2);stroke-width:3;vector-effect:non-scaling-stroke}.pm-win-performance svg .previous{fill:none;stroke:rgba(160,180,205,.42);stroke-width:2;stroke-dasharray:7 7;vector-effect:non-scaling-stroke}.pm-win-chart-labels{display:flex;justify-content:space-between;gap:4px;color:var(--sub);font-size:8px;overflow:hidden}.pm-win-insights header p{margin:4px 0 10px}.pm-win-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pm-win-insight-grid>div,.pm-win-top-period{padding:10px 11px;border:1px solid var(--border);border-radius:14px;background:var(--panel2)}.pm-win-insight-grid small,.pm-win-top-period small{display:block;color:var(--sub);font-size:8px;font-weight:800}.pm-win-insight-grid b,.pm-win-top-period b{display:block;margin-top:5px;color:var(--text);font-size:14px}.pm-win-insight-grid span,.pm-win-top-period span{display:block;margin-top:3px;color:var(--sub);font-size:8.5px}.pm-win-top-period{margin-top:8px}.pm-win-detail-grid,.pm-win-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pm-win-detail-list{display:grid;gap:7px;margin-top:13px}.pm-win-detail-list>span{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);color:var(--sub);font-size:9px}.pm-win-detail-list b{color:var(--text)}.pm-win-detail-list em{font-style:normal}.pm-win-big-number{display:block;margin-top:10px;font-size:36px;color:var(--text)}.pm-win-bars{display:grid;gap:6px;margin-top:12px}.pm-win-bars>div{display:grid;grid-template-columns:70px minmax(0,1fr) 30px;gap:7px;align-items:center;color:var(--sub);font-size:8px}.pm-win-bars i{display:block;width:var(--v);height:9px;border-radius:99px;background:linear-gradient(90deg,var(--accent2),var(--accent))}.pm-win-bars b{text-align:right;color:var(--text)}.pm-win-donut{width:112px;height:112px;margin:12px auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--accent2) 0 var(--pct,0%),var(--soft) var(--pct,0%) 100%);position:relative}.pm-win-donut:after{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--panel)}.pm-win-donut span{position:relative;z-index:1;color:var(--text);font-weight:900;font-size:14px}.pm-win-status-row{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--border);color:var(--sub);font-size:9.5px}.pm-win-status-row b{color:var(--text);text-align:right}
@media(max-width:1450px){.pm-win-quick-actions,.pm-win-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1040px){.pm-win-dashboard-header{grid-template-columns:1fr}.pm-win-dashboard-header-actions{justify-content:flex-start}.pm-win-periods{grid-template-columns:repeat(3,1fr)}.pm-win-overview-grid{grid-template-columns:1fr}.pm-win-performance svg{height:230px}.pm-win-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pm-cloud-theme-control span{display:none}.pm-cloud-theme-control{padding:4px}.pm-cloud-theme-control select{max-width:132px}.pm-win-dashboard-title h1{font-size:25px}.pm-win-dashboard-header-actions{display:grid;grid-template-columns:1fr auto;width:100%}.pm-win-periods{grid-template-columns:repeat(3,1fr)}.pm-win-periods button{padding:6px 7px}.pm-win-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-win-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pm-win-kpi-grid article{min-height:108px;padding:10px}.pm-win-kpi-grid article>b{font-size:16px}.pm-win-detail-grid,.pm-win-control-grid{grid-template-columns:1fr}.pm-win-insight-grid{grid-template-columns:1fr 1fr}.pm-win-performance svg{height:190px}.pm-win-export span{display:none}}
@media(max-width:430px){.pm-win-quick-actions{grid-template-columns:1fr}.pm-win-kpi-grid{grid-template-columns:1fr 1fr}.pm-win-kpi-grid header{font-size:7.5px}.pm-win-insight-grid{grid-template-columns:1fr}.pm-win-dashboard-tab-panel{padding:7px}.pm-win-panel{padding:11px}.pm-win-performance svg{height:160px}}

/* R24.6 — Cloud Formal Attire gallery shared by Rush ID and Auto Visa. */
.pm-cloud-formal-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:9px;margin:8px 0 10px}
.pm-cloud-formal-card{display:grid;grid-template-rows:112px auto;gap:6px;align-items:stretch;padding:7px;border:1px solid var(--border);border-radius:14px;background:var(--panel2);color:var(--text);cursor:pointer;overflow:hidden;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
.pm-cloud-formal-card:hover{transform:translateY(-1px);border-color:var(--accent2)}
.pm-cloud-formal-card.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 24%,transparent)}
.pm-cloud-formal-card img{display:block;width:100%;height:112px;object-fit:contain;border-radius:10px;background:linear-gradient(180deg,var(--soft),transparent)}
.pm-cloud-formal-card span{display:block;min-height:28px;font-size:9px;line-height:1.3;font-weight:900;text-align:center}
@media(max-width:700px){.pm-cloud-formal-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pm-cloud-formal-card{grid-template-rows:92px auto;padding:6px}.pm-cloud-formal-card img{height:92px}.pm-cloud-formal-card span{font-size:8px}}
@media(max-width:430px){.pm-cloud-formal-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}


.pm-cloud-precrop-modal{position:fixed;inset:0;z-index:12500;display:grid;place-items:center;padding:18px;background:rgba(2,8,18,.82);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.pm-cloud-precrop-modal[hidden]{display:none!important}
.pm-cloud-precrop-sheet{width:min(1360px,calc(100vw - 24px));height:min(94vh,980px);display:grid;grid-template-rows:auto 1fr;background:linear-gradient(180deg,#0b1524,#07111e);border:1px solid var(--border);border-radius:26px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.pm-cloud-precrop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 14px;border-bottom:1px solid var(--border)}
.pm-cloud-precrop-head span{display:block;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.13em}.pm-cloud-precrop-head h2{margin:5px 0 4px;font-size:23px}.pm-cloud-precrop-head p{margin:0;color:var(--sub);font-size:10px;line-height:1.45}
.pm-cloud-precrop-body{min-height:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.78fr);gap:0}
.pm-cloud-precrop-stage{min-width:0;padding:16px 16px 18px;display:grid;grid-template-rows:auto 1fr auto;gap:12px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01))}
.pm-cloud-precrop-canvas{display:block;width:100%;height:100%;max-height:100%;min-height:420px;background:#eef2f5;border:1px solid #4a6179;border-radius:14px;touch-action:none;cursor:grab;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.pm-cloud-precrop-canvas.dragging{cursor:grabbing}
.pm-cloud-precrop-toolbar{display:grid;grid-template-columns:repeat(2,minmax(120px,auto)) minmax(220px,1fr);gap:10px;align-items:end}.pm-cloud-precrop-toolbar label{display:grid;gap:7px;color:var(--sub);font-size:10px;font-weight:800}.pm-cloud-precrop-toolbar input[type=range]{width:100%}
.pm-cloud-precrop-side{min-height:0;overflow:auto;display:grid;align-content:start;gap:12px;padding:16px;background:rgba(2,8,18,.76);border-left:1px solid var(--border)}
.pm-cloud-precrop-side{grid-template-rows:auto 1fr}
.pm-cloud-precrop-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;position:sticky;top:0;z-index:2;padding-bottom:2px;background:linear-gradient(180deg,rgba(2,8,18,.95),rgba(2,8,18,.72) 72%,transparent)}
.pm-cloud-precrop-tab{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 8px;border:1px solid var(--border);border-radius:12px;background:rgba(10,22,36,.72);color:var(--sub);font-size:10px;font-weight:900;cursor:pointer}
.pm-cloud-precrop-tab i{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:rgba(255,255,255,.04);font-style:normal;color:var(--accent);font-size:12px}
.pm-cloud-precrop-tab.active{background:linear-gradient(135deg,rgba(19,200,216,.18),rgba(45,125,247,.12));border-color:rgba(19,200,216,.35);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.pm-cloud-precrop-tab.active i{background:rgba(19,200,216,.16);color:#fff}
.pm-cloud-precrop-panel{display:none}
.pm-cloud-precrop-panel.active{display:block}
.pm-cloud-btn-icon{display:inline-grid;place-items:center;min-width:16px;font-size:12px;line-height:1;color:var(--accent)}
.pm-cloud-primary .pm-cloud-btn-icon{color:#fff}
.pm-cloud-icon-actions{grid-template-columns:1fr;gap:6px}
.pm-cloud-icon-actions .pm-cloud-secondary,.pm-cloud-ai-actions .pm-cloud-secondary,.pm-cloud-print-actions .pm-cloud-secondary,.pm-cloud-print-actions .pm-cloud-primary,.pm-cloud-attire-move{gap:7px}
.pm-cloud-precrop-panel{padding:14px;border:1px solid var(--border);border-radius:16px;background:rgba(7,17,30,.75)}
.pm-cloud-precrop-panel>span{display:block;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.13em;margin-bottom:6px}.pm-cloud-precrop-panel h3{margin:0 0 10px;font-size:17px}.pm-cloud-precrop-panel .pm-cloud-helper{margin:0}
@media(max-width:980px){.pm-cloud-precrop-modal{padding:0;align-items:end}.pm-cloud-precrop-sheet{width:100%;height:96dvh;border-radius:24px 24px 0 0}.pm-cloud-precrop-body{grid-template-columns:1fr;grid-template-rows:minmax(340px,48vh) 1fr}.pm-cloud-precrop-stage{padding:14px}.pm-cloud-precrop-canvas{min-height:280px}.pm-cloud-precrop-side{border-left:0;border-top:1px solid var(--border)}.pm-cloud-precrop-toolbar{grid-template-columns:1fr 1fr}.pm-cloud-precrop-toolbar label{grid-column:1/-1}}

.pm-cloud-precrop-toolbar{grid-template-columns:repeat(3,minmax(120px,auto)) minmax(220px,1fr) minmax(220px,1fr)}
.pm-cloud-precrop-side input[type=range]{width:100%}
.pm-cloud-precrop-panel .pm-cloud-inline-fields{margin-top:10px}
.pm-cloud-precrop-panel .pm-cloud-field input[type=range]{width:100%}
@media(max-width:980px){.pm-cloud-precrop-toolbar{grid-template-columns:1fr 1fr}.pm-cloud-precrop-toolbar label{grid-column:1/-1}}

/* R24.19 — Windows-parity compact responsive Cloud UI (desktop/tablet/mobile). */
:root{--pm-ctl-h:34px;--pm-ctl-radius:9px;--pm-gap:7px}
.pm-cloud-primary,.pm-cloud-secondary{min-height:var(--pm-ctl-h);padding:7px 11px;border-radius:var(--pm-ctl-radius);font-size:9px;line-height:1.2;letter-spacing:.01em}
.pm-cloud-primary.wide{min-height:38px}.pm-cloud-main{padding:16px clamp(12px,1.7vw,24px) 30px}.pm-cloud-page-head{margin-bottom:12px;gap:12px}.pm-cloud-page-head h1{font-size:clamp(22px,2.3vw,32px)}.pm-cloud-page-head p{font-size:10.5px}.pm-cloud-card{padding:12px;border-radius:14px}.pm-cloud-kpis article{padding:12px}.pm-cloud-field{gap:4px;margin:6px 0}.pm-cloud-field>span{font-size:8.5px}.pm-cloud-field input,.pm-cloud-field textarea,.pm-cloud-field select{min-height:34px;padding:7px 9px;border-radius:9px;font-size:10px}.pm-cloud-check{padding-top:6px;font-size:9.5px}.pm-cloud-check input{width:15px;height:15px}.pm-cloud-inline-fields{gap:6px}.pm-cloud-option-grid{gap:6px;margin:6px 0 9px}.pm-cloud-option-grid button{padding:7px 8px;border-radius:9px}.pm-cloud-ai-actions{display:flex;flex-wrap:wrap;gap:6px}.pm-cloud-ai-actions button{flex:0 1 auto;min-width:112px}.pm-cloud-form-section{margin:2px 0 8px}.pm-cloud-form-section>span{width:24px;height:24px}.pm-cloud-form-section h2{font-size:14px}.pm-cloud-form-section p{font-size:9px}

/* Compact Windows-like Pre-Crop rather than a giant web dialog. */
.pm-cloud-precrop-modal{padding:10px;background:rgba(2,8,18,.72)}
.pm-cloud-precrop-sheet{width:min(1120px,calc(100vw - 20px));height:min(90vh,760px);border-radius:16px;background:linear-gradient(180deg,rgba(10,23,40,.96),rgba(5,15,28,.96));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.pm-cloud-precrop-head{padding:10px 12px 8px;gap:10px}.pm-cloud-precrop-head h2{font-size:18px;margin:2px 0}.pm-cloud-precrop-head p{font-size:9px}.pm-cloud-precrop-head span{font-size:8px}
.pm-cloud-precrop-body{grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr)}
.pm-cloud-precrop-stage{padding:10px;gap:7px}.pm-cloud-precrop-canvas{min-height:300px;border-radius:10px}
.pm-cloud-precrop-toolbar{grid-template-columns:repeat(3,auto) minmax(130px,1fr) minmax(130px,1fr);gap:6px}.pm-cloud-precrop-toolbar button{min-height:32px;padding:6px 9px;font-size:8.5px}.pm-cloud-precrop-toolbar label{gap:4px;font-size:8.5px}
.pm-cloud-precrop-side{gap:7px;padding:9px}.pm-cloud-precrop-tabs{gap:5px}.pm-cloud-precrop-tab{min-height:32px;padding:6px 7px;font-size:8px}.pm-cloud-precrop-tab i{width:18px;height:18px;font-size:10px}.pm-cloud-precrop-panel{padding:9px;border-radius:11px}.pm-cloud-precrop-panel>span{font-size:7.5px;margin-bottom:3px}.pm-cloud-precrop-panel h3{font-size:13px;margin:0 0 6px}.pm-cloud-precrop-panel .pm-cloud-helper{font-size:8px;line-height:1.35}
.pm-cloud-precrop-panel .pm-cloud-inline-fields{margin-top:5px}.pm-cloud-precrop-panel .pm-cloud-field{margin:4px 0}.pm-cloud-precrop-panel input[type=range],.pm-cloud-precrop-toolbar input[type=range]{height:16px;accent-color:var(--accent)}
.pm-cloud-precrop-panel input[type=range]::-webkit-slider-thumb,.pm-cloud-precrop-toolbar input[type=range]::-webkit-slider-thumb{width:14px;height:14px}.pm-cloud-precrop-panel input[type=range]::-moz-range-thumb,.pm-cloud-precrop-toolbar input[type=range]::-moz-range-thumb{width:14px;height:14px}
.pm-cloud-formal-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:5px 0 6px}.pm-cloud-formal-card{grid-template-rows:66px auto;gap:3px;padding:4px;border-radius:9px}.pm-cloud-formal-card img{height:66px;border-radius:7px}.pm-cloud-formal-card span{min-height:20px;font-size:7.5px}.pm-cloud-attire-move{width:100%;margin:4px 0}.pm-cloud-attire-move.active{border-color:var(--accent);background:rgba(19,200,216,.15);box-shadow:inset 0 0 0 1px rgba(19,200,216,.24)}

/* Tablet: preserve Windows-like two-pane workflow as long as practical. */
@media (max-width:1100px) and (min-width:721px){
  .pm-cloud-main{padding:12px 10px 78px}.pm-cloud-precrop-sheet{width:calc(100vw - 12px);height:94dvh}.pm-cloud-precrop-body{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.pm-cloud-precrop-canvas{min-height:260px}.pm-cloud-precrop-toolbar{grid-template-columns:repeat(3,auto) 1fr}.pm-cloud-precrop-toolbar label:last-child{grid-column:4}.pm-cloud-formal-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.pm-cloud-card{padding:10px}
}

/* Mobile: compact stacked workspace with touch-safe controls, not desktop-sized cards. */
@media (max-width:720px){
  :root{--pm-ctl-h:36px}.pm-cloud-main{padding:10px 8px 76px}.pm-cloud-page-head{margin-bottom:9px}.pm-cloud-page-head h1{font-size:21px}.pm-cloud-page-head p{font-size:9.5px}.pm-cloud-card{padding:9px;border-radius:11px}.pm-cloud-primary,.pm-cloud-secondary{min-height:36px;padding:7px 9px;font-size:8.5px}.pm-cloud-ai-actions{display:grid;grid-template-columns:1fr 1fr}.pm-cloud-ai-actions button{min-width:0;width:100%}.pm-cloud-inline-fields{grid-template-columns:1fr 1fr}.pm-cloud-field input,.pm-cloud-field textarea,.pm-cloud-field select{min-height:36px;font-size:10px}
  .pm-cloud-precrop-modal{padding:0;align-items:stretch}.pm-cloud-precrop-sheet{width:100%;height:100dvh;border-radius:0}.pm-cloud-precrop-head{padding:8px 9px}.pm-cloud-precrop-head p{display:none}.pm-cloud-precrop-body{grid-template-columns:1fr;grid-template-rows:minmax(235px,42dvh) minmax(0,1fr)}.pm-cloud-precrop-stage{padding:7px}.pm-cloud-precrop-canvas{min-height:190px;border-radius:8px}.pm-cloud-precrop-toolbar{grid-template-columns:repeat(3,1fr);gap:4px}.pm-cloud-precrop-toolbar label{grid-column:span 3;grid-template-columns:48px 1fr;align-items:center}.pm-cloud-precrop-side{padding:7px;border-left:0;border-top:1px solid var(--border);gap:6px}.pm-cloud-precrop-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.pm-cloud-precrop-tab{min-height:34px;padding:5px 4px;font-size:7.5px;flex-direction:column;gap:2px}.pm-cloud-precrop-tab i{width:18px;height:18px;font-size:10px}.pm-cloud-precrop-panel{padding:8px}.pm-cloud-formal-gallery{grid-template-columns:repeat(4,minmax(0,1fr));overflow-x:auto;scroll-snap-type:x proximity}.pm-cloud-formal-card{min-width:72px;grid-template-rows:56px auto;scroll-snap-align:start}.pm-cloud-formal-card img{height:56px}.pm-cloud-precrop-panel .pm-cloud-inline-fields{grid-template-columns:1fr 1fr;gap:5px}.pm-cloud-precrop-panel input[type=range],.pm-cloud-precrop-toolbar input[type=range]{height:18px}
}
@media (max-width:430px){
  .pm-cloud-ai-actions{grid-template-columns:1fr 1fr}.pm-cloud-inline-fields{grid-template-columns:1fr}.pm-cloud-precrop-panel .pm-cloud-inline-fields{grid-template-columns:1fr 1fr}.pm-cloud-formal-gallery{grid-template-columns:repeat(4,76px)}.pm-cloud-precrop-body{grid-template-rows:minmax(215px,39dvh) minmax(0,1fr)}.pm-cloud-precrop-canvas{min-height:175px}.pm-cloud-precrop-toolbar button{font-size:7.8px;padding:5px 4px}.pm-cloud-precrop-side{font-size:9px}.pm-cloud-precrop-tab span{line-height:1.05;text-align:center}
}

/* R24.22 Phase 1 — production AI activity feedback. */
.pm-cloud-ai-progress{margin-top:7px;padding:8px 9px;border:1px solid rgba(91,173,255,.28);border-radius:10px;background:linear-gradient(145deg,rgba(8,24,42,.92),rgba(7,18,32,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.pm-cloud-ai-progress[hidden]{display:none!important}.pm-cloud-ai-progress>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.pm-cloud-ai-progress b{font-size:7.5px;letter-spacing:.09em;color:var(--accent)}.pm-cloud-ai-progress div>span{font-size:8px;font-weight:900;color:var(--text)}
.pm-cloud-ai-progress>i{display:block;position:relative;height:4px;margin:6px 0 5px;border-radius:999px;background:rgba(112,145,176,.18);overflow:hidden}.pm-cloud-ai-progress>i>em{display:block;height:100%;width:3%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .24s ease;box-shadow:0 0 12px rgba(19,200,216,.38)}
.pm-cloud-ai-progress[data-state="busy"]>i>em{background-size:180% 100%;animation:pmCloudAiFlow 1.15s linear infinite}.pm-cloud-ai-progress[data-state="done"]{border-color:rgba(33,199,122,.38)}.pm-cloud-ai-progress[data-state="error"]{border-color:rgba(255,91,112,.45)}.pm-cloud-ai-progress[data-state="error"]>i>em{background:var(--danger)}.pm-cloud-ai-progress small{display:block;color:var(--sub);font-size:8px;line-height:1.35}
@keyframes pmCloudAiFlow{0%{filter:brightness(.88);transform:translateX(-3%)}50%{filter:brightness(1.18)}100%{filter:brightness(.88);transform:translateX(3%)}}
@media(max-width:720px){.pm-cloud-ai-progress{padding:7px 8px}.pm-cloud-ai-progress b{font-size:7px}.pm-cloud-ai-progress div>span,.pm-cloud-ai-progress small{font-size:7.5px}}

/* R24.25 — current Windows Pre-Crop desktop parity + tablet/mobile adaptive workspace */
#cloudPrecropModal .pm-cloud-precrop-sheet{grid-template-rows:auto minmax(0,1fr) auto}
#cloudPrecropModal .pm-cloud-precrop-body{display:grid;grid-template-columns:92px minmax(0,1fr) minmax(330px,380px);grid-template-areas:"rail stage side";min-height:0;overflow:hidden}
#cloudPrecropModal .pm-cloud-precrop-tabs{grid-area:rail;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:10px 7px;background:rgba(6,16,30,.9);border-right:1px solid var(--border);position:relative;top:auto;overflow-y:auto}
#cloudPrecropModal .pm-cloud-precrop-tab{width:78px;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 5px;border-radius:14px;font-size:9px;line-height:1.05;text-align:center;flex:0 0 auto}
#cloudPrecropModal .pm-cloud-precrop-tab i{width:30px;height:30px;border-radius:10px;font-size:15px;font-weight:900}
#cloudPrecropModal .pm-cloud-precrop-tab span{display:block;line-height:1.12}
#cloudPrecropModal .pm-cloud-precrop-stage{grid-area:stage;min-width:0;min-height:0;padding:10px;gap:7px;overflow:hidden}
#cloudPrecropModal .pm-cloud-precrop-canvas{min-height:0;height:100%;max-height:none}
#cloudPrecropModal .pm-cloud-precrop-side{grid-area:side;min-width:0;min-height:0;display:block;overflow-y:auto;overflow-x:hidden;padding:10px;background:rgba(3,10,21,.78);border-left:1px solid var(--border);border-top:0}
#cloudPrecropModal .pm-cloud-precrop-panel{display:none;padding:10px;border-radius:12px;margin:0;min-width:0}
#cloudPrecropModal .pm-cloud-precrop-panel.active{display:block}
#cloudPrecropModal .pm-cloud-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
#cloudPrecropModal .pm-cloud-panel-title>div>span{display:block;color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.12em;margin-bottom:2px}
#cloudPrecropModal .pm-cloud-panel-title h3{margin:0;font-size:15px}
#cloudPrecropModal .pm-cloud-panel-title>i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(19,200,216,.1);color:var(--accent);font-style:normal;font-weight:900}
#cloudPrecropModal .pm-cloud-toggle-bar{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}
#cloudPrecropModal .pm-cloud-switch-row,#cloudPrecropModal .pm-cloud-setting-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px 9px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.025)}
#cloudPrecropModal .pm-cloud-switch-row>span,#cloudPrecropModal .pm-cloud-setting-row>span{display:grid;gap:2px;min-width:0}
#cloudPrecropModal .pm-cloud-switch-row b,#cloudPrecropModal .pm-cloud-setting-row b{font-size:9px;color:var(--text)}
#cloudPrecropModal .pm-cloud-switch-row small,#cloudPrecropModal .pm-cloud-setting-row small{font-size:7.5px;color:var(--sub);line-height:1.25}
#cloudPrecropModal .pm-cloud-switch-row input,#cloudPrecropModal .pm-cloud-setting-row input{flex:0 0 auto;width:17px;height:17px}
#cloudPrecropModal .pm-cloud-fine-card{margin:7px 0;padding:8px;border:1px solid rgba(76,115,150,.5);border-radius:11px;background:rgba(7,18,31,.72)}
#cloudPrecropModal .pm-cloud-fine-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
#cloudPrecropModal .pm-cloud-fine-head span{display:block;color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.1em}
#cloudPrecropModal .pm-cloud-fine-head small{display:block;color:var(--sub);font-size:7.5px;margin-top:1px}
#cloudPrecropModal .pm-cloud-fine-head i{font-style:normal;color:var(--accent);font-size:14px}
#cloudPrecropModal .pm-cloud-fine-card .pm-cloud-field{margin:3px 0}
#cloudPrecropModal .pm-cloud-fine-card .pm-cloud-field>span{font-size:8px}
#cloudPrecropModal .pm-cloud-fit-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
#cloudPrecropModal .pm-cloud-precrop-footer{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(190px,240px);align-items:center;gap:8px;padding:7px 10px;border-top:1px solid var(--border);background:rgba(5,14,25,.96)}
#cloudPrecropModal .pm-cloud-precrop-footer-note{text-align:center;color:var(--sub);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#cloudPrecropModal .pm-cloud-precrop-footer .pm-cloud-secondary,#cloudPrecropModal .pm-cloud-precrop-footer .pm-cloud-primary{min-height:38px}
#cloudPrecropModal .pm-cloud-precrop-footer .pm-cloud-primary{width:100%}
#cloudPrecropModal .pm-cloud-icon-actions{grid-template-columns:1fr}
#cloudPrecropModal .pm-cloud-ai-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#cloudPrecropModal .pm-cloud-ai-actions button{min-width:0;width:100%}
#cloudPrecropModal .pm-cloud-formal-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-height:250px;overflow-y:auto;overflow-x:hidden;padding-right:2px}

/* Tablet: keep a generous preview, then use a touch navigation and scrollable settings below. */
@media (max-width:1100px){
  #cloudPrecropModal .pm-cloud-precrop-modal{padding:0;align-items:stretch}
  #cloudPrecropModal .pm-cloud-precrop-sheet{width:100%;height:100dvh;max-height:none;border-radius:0}
  #cloudPrecropModal .pm-cloud-precrop-body{grid-template-columns:1fr;grid-template-rows:minmax(330px,48dvh) auto minmax(0,1fr);grid-template-areas:"stage" "rail" "side"}
  #cloudPrecropModal .pm-cloud-precrop-stage{padding:8px 10px 7px}
  #cloudPrecropModal .pm-cloud-precrop-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px 8px;border-right:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:visible;background:rgba(5,15,28,.97)}
  #cloudPrecropModal .pm-cloud-precrop-tab{width:auto;min-height:48px;max-height:none;flex-direction:row;padding:6px 8px;font-size:9px}
  #cloudPrecropModal .pm-cloud-precrop-tab i{width:26px;height:26px;font-size:13px}
  #cloudPrecropModal .pm-cloud-precrop-tab br{display:none}
  #cloudPrecropModal .pm-cloud-precrop-side{border-left:0;padding:8px 10px 12px;background:rgba(3,10,21,.82)}
  #cloudPrecropModal .pm-cloud-precrop-panel{max-width:760px;margin:0 auto}
  #cloudPrecropModal .pm-cloud-formal-gallery{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none;overflow:visible}
  #cloudPrecropModal .pm-cloud-precrop-footer{grid-template-columns:auto minmax(0,1fr) minmax(190px,240px);padding:7px 10px calc(7px + env(safe-area-inset-bottom))}
}

/* Mobile: one-thumb-friendly vertical editor; every control remains reachable. */
@media (max-width:720px){
  #cloudPrecropModal .pm-cloud-precrop-head{padding:7px 8px 6px;align-items:center}
  #cloudPrecropModal .pm-cloud-precrop-head h2{font-size:16px;margin:1px 0}
  #cloudPrecropModal .pm-cloud-precrop-head p{display:none}
  #cloudPrecropModal .pm-cloud-precrop-head>div>span{font-size:7px}
  #cloudPrecropModal .pm-cloud-precrop-head .pm-cloud-secondary{min-height:34px;padding:6px 8px;font-size:8px}
  #cloudPrecropModal .pm-cloud-precrop-body{grid-template-rows:minmax(220px,38dvh) auto minmax(0,1fr)}
  #cloudPrecropModal .pm-cloud-precrop-stage{padding:5px 6px;gap:4px}
  #cloudPrecropModal .pm-cloud-crop-head small{display:none}
  #cloudPrecropModal .pm-cloud-precrop-canvas{min-height:160px;border-radius:8px}
  #cloudPrecropModal .pm-cloud-precrop-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  #cloudPrecropModal .pm-cloud-precrop-toolbar button{min-height:32px;padding:5px 3px;font-size:7px;gap:3px}
  #cloudPrecropModal .pm-cloud-precrop-toolbar .pm-cloud-btn-icon{font-size:10px;min-width:11px}
  #cloudPrecropModal .pm-cloud-precrop-toolbar label{grid-column:span 3;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:5px;font-size:7.5px}
  #cloudPrecropModal .pm-cloud-precrop-tabs{gap:3px;padding:4px 5px}
  #cloudPrecropModal .pm-cloud-precrop-tab{min-height:44px;padding:4px 3px;flex-direction:column;gap:2px;font-size:7px;border-radius:9px}
  #cloudPrecropModal .pm-cloud-precrop-tab i{width:20px;height:20px;font-size:10px;border-radius:7px}
  #cloudPrecropModal .pm-cloud-precrop-side{padding:6px 7px 9px}
  #cloudPrecropModal .pm-cloud-precrop-panel{padding:8px;border-radius:10px}
  #cloudPrecropModal .pm-cloud-panel-title{margin-bottom:5px}
  #cloudPrecropModal .pm-cloud-panel-title h3{font-size:12px}
  #cloudPrecropModal .pm-cloud-panel-title>div>span{font-size:7px}
  #cloudPrecropModal .pm-cloud-panel-title>i{width:26px;height:26px;font-size:11px}
  #cloudPrecropModal .pm-cloud-toggle-bar{grid-template-columns:1fr;gap:4px}
  #cloudPrecropModal .pm-cloud-switch-row,#cloudPrecropModal .pm-cloud-setting-row{padding:7px 8px}
  #cloudPrecropModal .pm-cloud-switch-row b,#cloudPrecropModal .pm-cloud-setting-row b{font-size:8.5px}
  #cloudPrecropModal .pm-cloud-switch-row small,#cloudPrecropModal .pm-cloud-setting-row small{font-size:7px}
  #cloudPrecropModal .pm-cloud-inline-fields{grid-template-columns:1fr 1fr;gap:5px}
  #cloudPrecropModal .pm-cloud-field{margin:3px 0}
  #cloudPrecropModal .pm-cloud-field>span{font-size:7.5px}
  #cloudPrecropModal .pm-cloud-field input,#cloudPrecropModal .pm-cloud-field select{min-height:34px;font-size:9px}
  #cloudPrecropModal .pm-cloud-formal-gallery{display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;max-height:none;padding:2px 0 5px;scroll-snap-type:x proximity}
  #cloudPrecropModal .pm-cloud-formal-card{min-width:76px;flex:0 0 76px;scroll-snap-align:start}
  #cloudPrecropModal .pm-cloud-fine-card{padding:7px;margin:5px 0}
  #cloudPrecropModal .pm-cloud-fit-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  #cloudPrecropModal .pm-cloud-print-actions button,#cloudPrecropModal .pm-cloud-ai-actions button{min-height:36px;padding:6px 5px;font-size:7.5px}
  #cloudPrecropModal .pm-cloud-ai-actions{grid-template-columns:1fr 1fr}
  #cloudPrecropModal .pm-cloud-precrop-footer{grid-template-columns:1fr 1.45fr;gap:5px;padding:5px 6px calc(5px + env(safe-area-inset-bottom))}
  #cloudPrecropModal .pm-cloud-precrop-footer-note{display:none}
  #cloudPrecropModal .pm-cloud-precrop-footer button{width:100%;min-width:0}
}

@media (max-width:390px){
  #cloudPrecropModal .pm-cloud-precrop-body{grid-template-rows:minmax(205px,35dvh) auto minmax(0,1fr)}
  #cloudPrecropModal .pm-cloud-precrop-tab{font-size:6.5px}
  #cloudPrecropModal .pm-cloud-inline-fields{grid-template-columns:1fr}
  #cloudPrecropModal .pm-cloud-fit-actions{grid-template-columns:1fr 1fr 1fr}
  #cloudPrecropModal .pm-cloud-ai-actions{grid-template-columns:1fr}
}


/* R24.101 — MOBILE/TOUCH FORMAL ATTIRE WINDOWS PARITY
   Keep the same editor logic on desktop/tablet/phone, but give touch controls
   real hit areas and preserve the ID/Visa canvas geometry without distortion. */
#cloudPrecropModal .pm-cloud-precrop-sheet{
  position:relative;
}
#cloudPrecropModal .pm-cloud-precrop-stage{
  justify-items:center;
}
#cloudPrecropModal .pm-cloud-crop-head,
#cloudPrecropModal .pm-cloud-precrop-toolbar{
  width:100%;
}
#cloudPrecropModal .pm-cloud-precrop-canvas{
  width:auto;
  height:100%;
  max-width:100%;
  max-height:100%;
  justify-self:center;
  align-self:center;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
}
#cloudPrecropModal .pm-cloud-attire-move{
  min-height:42px;
  width:100%;
  border-color:color-mix(in srgb,var(--accent) 42%,var(--border));
  background:color-mix(in srgb,var(--accent) 9%,var(--panel2));
}
#cloudPrecropModal .pm-cloud-attire-move.active{
  border-color:var(--accent);
  background:color-mix(in srgb,var(--accent) 16%,var(--panel2));
  box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent);
}
#cloudPrecropModal .pm-cloud-precrop-side{
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
#cloudPrecropModal input[type=range]{
  min-height:30px;
  touch-action:pan-x;
}
#cloudPrecropModal input[type=range]::-webkit-slider-thumb{
  width:22px;
  height:22px;
}
#cloudPrecropModal input[type=range]::-moz-range-thumb{
  width:22px;
  height:22px;
}

@media (max-width:1100px){
  #cloudPrecropModal .pm-cloud-precrop-body{
    grid-template-rows:minmax(340px,48dvh) auto minmax(0,1fr);
  }
  #cloudPrecropModal .pm-cloud-precrop-stage{
    min-height:0;
    overflow:hidden;
  }
  #cloudPrecropModal .pm-cloud-precrop-tabs{
    position:relative;
    z-index:4;
  }
  #cloudPrecropModal .pm-cloud-precrop-side{
    padding-bottom:calc(84px + env(safe-area-inset-bottom));
  }
  #cloudPrecropModal .pm-cloud-fine-card{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  #cloudPrecropModal .pm-cloud-fine-card>.pm-cloud-fine-head,
  #cloudPrecropModal .pm-cloud-fine-card>.pm-cloud-helper{
    grid-column:1/-1;
  }
  #cloudPrecropModal .pm-cloud-fine-card>.pm-cloud-inline-fields{
    display:contents;
  }
  #cloudPrecropModal .pm-cloud-fine-card>.pm-cloud-field{
    margin:0;
    padding:8px 9px;
    border:1px solid color-mix(in srgb,var(--border) 86%,transparent);
    border-radius:10px;
    background:color-mix(in srgb,var(--panel2) 72%,transparent);
  }
  #cloudPrecropModal .pm-cloud-fine-card>.pm-cloud-field>span{
    min-height:22px;
    font-size:8.5px;
    line-height:1.25;
  }
  #cloudPrecropModal .pm-cloud-fit-actions button,
  #cloudPrecropModal .pm-cloud-print-actions button,
  #cloudPrecropModal .pm-cloud-ai-actions button{
    min-height:42px;
  }
  #cloudPrecropModal .pm-cloud-switch-row,
  #cloudPrecropModal .pm-cloud-setting-row{
    min-height:48px;
  }
}

@media (max-width:720px){
  #cloudPrecropModal .pm-cloud-precrop-body{
    grid-template-rows:minmax(250px,43dvh) auto minmax(0,1fr);
  }
  #cloudPrecropModal .pm-cloud-precrop-head{
    min-height:48px;
  }
  #cloudPrecropModal .pm-cloud-precrop-stage{
    padding:6px 8px 7px;
  }
  #cloudPrecropModal .pm-cloud-precrop-canvas{
    min-height:0;
  }
  #cloudPrecropModal .pm-cloud-precrop-tabs{
    position:sticky;
    top:0;
    z-index:6;
    padding:5px 6px;
  }
  #cloudPrecropModal .pm-cloud-precrop-tab{
    min-height:48px;
    font-size:8px;
  }
  #cloudPrecropModal .pm-cloud-precrop-tab i{
    width:23px;
    height:23px;
    font-size:11px;
  }
  #cloudPrecropModal .pm-cloud-precrop-side{
    padding:8px 8px calc(88px + env(safe-area-inset-bottom));
  }
  #cloudPrecropModal .pm-cloud-precrop-panel{
    padding:10px;
  }
  #cloudPrecropModal .pm-cloud-panel-title h3{
    font-size:14px;
  }
  #cloudPrecropModal .pm-cloud-toggle-bar{
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  #cloudPrecropModal .pm-cloud-switch-row{
    align-items:flex-start;
    padding:10px;
    min-height:58px;
  }
  #cloudPrecropModal .pm-cloud-switch-row b{
    font-size:9.5px;
  }
  #cloudPrecropModal .pm-cloud-switch-row small{
    font-size:8px;
  }
  #cloudPrecropModal .pm-cloud-switch-row input{
    width:20px;
    height:20px;
  }
  #cloudPrecropModal .pm-cloud-inline-fields{
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  #cloudPrecropModal .pm-cloud-field input,
  #cloudPrecropModal .pm-cloud-field select{
    min-height:40px;
    font-size:10px;
  }
  #cloudPrecropModal .pm-cloud-formal-gallery{
    gap:8px;
    padding:3px 1px 8px;
    scroll-padding-inline:4px;
  }
  #cloudPrecropModal .pm-cloud-formal-card{
    min-width:94px;
    flex-basis:94px;
    grid-template-rows:76px auto;
    padding:6px;
  }
  #cloudPrecropModal .pm-cloud-formal-card img{
    height:76px;
  }
  #cloudPrecropModal .pm-cloud-formal-card span{
    min-height:28px;
    font-size:8.5px;
  }
  #cloudPrecropModal .pm-cloud-attire-move{
    min-height:46px;
    font-size:9px;
    position:sticky;
    top:0;
    z-index:2;
  }
  #cloudPrecropModal .pm-cloud-fine-card{
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding:8px;
  }
  #cloudPrecropModal .pm-cloud-fine-card>.pm-cloud-field{
    min-width:0;
    padding:9px;
  }
  #cloudPrecropModal .pm-cloud-fine-card>.pm-cloud-field>span{
    font-size:8.5px;
  }
  #cloudPrecropModal input[type=range]{
    width:100%;
    min-height:34px;
  }
  #cloudPrecropModal input[type=range]::-webkit-slider-thumb{
    width:24px;
    height:24px;
  }
  #cloudPrecropModal input[type=range]::-moz-range-thumb{
    width:24px;
    height:24px;
  }
  #cloudPrecropModal .pm-cloud-fit-actions{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
  }
  #cloudPrecropModal .pm-cloud-fit-actions button,
  #cloudPrecropModal .pm-cloud-print-actions button,
  #cloudPrecropModal .pm-cloud-ai-actions button{
    min-height:44px;
    font-size:8.5px;
  }
  #cloudPrecropModal .pm-cloud-precrop-footer{
    position:absolute;
    left:0;right:0;bottom:0;
    z-index:8;
    background:rgba(5,14,25,.985);
    box-shadow:0 -10px 28px rgba(0,0,0,.24);
  }
}

@media (max-width:520px){
  #cloudPrecropModal .pm-cloud-precrop-body{
    grid-template-rows:minmax(238px,42dvh) auto minmax(0,1fr);
  }
  #cloudPrecropModal .pm-cloud-toggle-bar{
    grid-template-columns:1fr;
  }
  #cloudPrecropModal .pm-cloud-inline-fields{
    grid-template-columns:1fr 1fr;
  }
  #cloudPrecropModal .pm-cloud-fine-card{
    grid-template-columns:1fr;
  }
  #cloudPrecropModal .pm-cloud-fine-card>.pm-cloud-fine-head,
  #cloudPrecropModal .pm-cloud-fine-card>.pm-cloud-helper{
    grid-column:1;
  }
  #cloudPrecropModal .pm-cloud-fine-card>.pm-cloud-field{
    display:grid;
    grid-template-columns:minmax(112px,.85fr) minmax(0,1.4fr);
    align-items:center;
    gap:8px;
  }
  #cloudPrecropModal .pm-cloud-fine-card>.pm-cloud-field>span{
    min-height:0;
  }
  #cloudPrecropModal .pm-cloud-formal-card{
    min-width:88px;
    flex-basis:88px;
  }
  #cloudPrecropModal .pm-cloud-fit-actions{
    grid-template-columns:1fr 1fr 1fr;
  }
  #cloudPrecropModal .pm-cloud-precrop-toolbar{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  #cloudPrecropModal .pm-cloud-precrop-toolbar label{
    grid-column:1/-1;
    min-height:34px;
  }
}

@media (max-width:380px){
  #cloudPrecropModal .pm-cloud-precrop-body{
    grid-template-rows:minmax(220px,39dvh) auto minmax(0,1fr);
  }
  #cloudPrecropModal .pm-cloud-fine-card>.pm-cloud-field{
    grid-template-columns:96px minmax(0,1fr);
    padding:8px 7px;
  }
  #cloudPrecropModal .pm-cloud-fit-actions{
    grid-template-columns:1fr;
  }
}


/* R24.102 — touch-first Rush ID / Auto Visa mobile editor */
#cloudPrecropModal .pm-cloud-attire-mode-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:8px 0 5px;
}
#cloudPrecropModal .pm-cloud-attire-mode-row button{
  min-height:44px;
}
#cloudPrecropModal .pm-cloud-touch-hint{
  display:block;
  margin:2px 0 8px;
}
#cloudPrecropModal[data-section="attire"] .pm-cloud-precrop-canvas{
  cursor:move;
}
#cloudPrecropModal[data-section="crop"] .pm-cloud-precrop-canvas{
  cursor:grab;
}

@media (max-width:720px){
  body.pm-cloud-modal-open{overflow:hidden;touch-action:none}
  #cloudPrecropModal .pm-cloud-precrop-sheet{
    height:100dvh;
    max-height:100dvh;
    overflow:hidden;
  }
  #cloudPrecropModal .pm-cloud-precrop-body{
    grid-template-rows:minmax(300px,55dvh) auto minmax(0,1fr);
  }
  #cloudPrecropModal .pm-cloud-precrop-stage{
    min-height:0;
    padding:5px 7px 6px;
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
  }
  #cloudPrecropModal .pm-cloud-precrop-canvas{
    width:auto!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    min-height:0!important;
    object-fit:contain;
  }
  #cloudPrecropModal .pm-cloud-precrop-toolbar{
    gap:5px;
  }
  #cloudPrecropModal .pm-cloud-precrop-toolbar button{
    min-height:44px;
    font-size:8.5px;
  }
  #cloudPrecropModal[data-section="attire"] .pm-cloud-precrop-toolbar label,
  #cloudPrecropModal[data-section="adjust"] .pm-cloud-precrop-toolbar label,
  #cloudPrecropModal[data-section="name"] .pm-cloud-precrop-toolbar label{
    display:none;
  }
  #cloudPrecropModal .pm-cloud-precrop-tabs{
    min-height:56px;
    gap:5px;
    padding:5px 6px;
    background:rgba(5,15,28,.985);
  }
  #cloudPrecropModal .pm-cloud-precrop-tab{
    min-height:48px;
    font-size:8.5px;
    gap:3px;
  }
  #cloudPrecropModal .pm-cloud-precrop-tab i{
    width:24px;height:24px;font-size:11px;
  }
  #cloudPrecropModal .pm-cloud-precrop-side{
    min-height:0;
    overflow-y:auto;
    padding:8px 8px calc(82px + env(safe-area-inset-bottom));
  }
  #cloudPrecropModal .pm-cloud-precrop-panel{
    padding:9px;
  }
  #cloudPrecropModal .pm-cloud-attire-mode-row{
    position:sticky;
    top:-8px;
    z-index:5;
    padding:6px 0;
    margin:0 0 4px;
    background:color-mix(in srgb,var(--panel) 94%,transparent);
    backdrop-filter:blur(10px);
  }
  #cloudPrecropModal .pm-cloud-attire-mode-row button{
    min-height:48px;
    font-size:9px;
  }
  #cloudPrecropModal .pm-cloud-attire-move{
    position:static;
  }
  #cloudPrecropModal .pm-cloud-fine-card{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  #cloudPrecropModal .pm-cloud-fine-card>.pm-cloud-field{
    display:block;
    padding:8px;
  }
  #cloudPrecropModal .pm-cloud-fine-card>.pm-cloud-field>span{
    display:block;
    min-height:24px;
    margin-bottom:2px;
  }
  #cloudPrecropModal input[type=range]{
    min-height:38px;
  }
  #cloudPrecropModal input[type=range]::-webkit-slider-thumb{
    width:28px;height:28px;
  }
  #cloudPrecropModal input[type=range]::-moz-range-thumb{
    width:28px;height:28px;
  }
  #cloudPrecropModal .pm-cloud-ai-actions{
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  #cloudPrecropModal .pm-cloud-ai-actions button{
    min-height:46px;
    font-size:8.5px;
  }
  #cloudPrecropModal .pm-cloud-precrop-footer{
    grid-template-columns:1fr 1.45fr;
    min-height:64px;
  }
  #cloudPrecropModal .pm-cloud-precrop-footer button{
    min-height:48px!important;
    font-size:9px;
  }

  /* The mobile page no longer duplicates a second full crop editor below the real Pre-Crop.
     Keep only a compact reopen button in the Rush/Visa print card. */
  .pm-cloud-view[data-view-panel="rush"] .pm-cloud-print-lab .pm-cloud-crop-card .pm-cloud-crop-canvas,
  .pm-cloud-view[data-view-panel="visa"] .pm-cloud-print-lab .pm-cloud-crop-card .pm-cloud-crop-canvas,
  .pm-cloud-view[data-view-panel="rush"] .pm-cloud-print-lab .pm-cloud-crop-toolbar > :not(#cloudRushPrecropBtn),
  .pm-cloud-view[data-view-panel="visa"] .pm-cloud-print-lab .pm-cloud-crop-toolbar > :not(#cloudVisaPrecropBtn){
    display:none!important;
  }
  .pm-cloud-view[data-view-panel="rush"] .pm-cloud-print-lab .pm-cloud-crop-toolbar,
  .pm-cloud-view[data-view-panel="visa"] .pm-cloud-print-lab .pm-cloud-crop-toolbar{
    display:block;
  }
  #cloudRushPrecropBtn,#cloudVisaPrecropBtn{
    display:flex!important;
    width:100%;
    min-height:48px;
    align-items:center;
    justify-content:center;
  }
  .pm-cloud-view[data-view-panel="rush"] .pm-cloud-print-lab .pm-cloud-crop-head small,
  .pm-cloud-view[data-view-panel="visa"] .pm-cloud-print-lab .pm-cloud-crop-head small{
    display:none;
  }
  .pm-cloud-sheet-preview{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
  }
  .pm-cloud-sheet-preview .pm-cloud-sheet-canvas{
    max-width:none;
    width:auto;
    height:min(42vw,220px);
  }
}

@media (max-width:430px){
  #cloudPrecropModal .pm-cloud-precrop-body{
    grid-template-rows:minmax(285px,52dvh) auto minmax(0,1fr);
  }
  #cloudPrecropModal .pm-cloud-fine-card{
    grid-template-columns:1fr;
  }
  #cloudPrecropModal .pm-cloud-attire-mode-row{
    grid-template-columns:1fr 1fr;
  }
  #cloudPrecropModal .pm-cloud-touch-hint{
    font-size:8px;
    line-height:1.35;
  }
}