:root{--ucp-bg:#08090d;--ucp-panel:#101217;--ucp-panel2:#151820;--ucp-border:#262b36;--ucp-text:#f4f5f8;--ucp-muted:#9097a7;--ucp-purple:#7557f5;--ucp-purple2:#987cff;--ucp-green:#33cf91;--ucp-orange:#ff9f43;--ucp-red:#ff6b72;--ucp-blue:#5fa7ff;--ucp-radius:14px;--ucp-shadow:0 16px 45px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{margin-top:0!important;background:var(--ucp-bg)}body.ucp-standalone{margin:0!important;padding:0!important;background:var(--ucp-bg)!important;color:var(--ucp-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}body.ucp-standalone #wpadminbar{display:none!important}.ucf-client-portal{min-height:100vh}.ucp-boot{min-height:100vh;display:grid;place-content:center;text-align:center;gap:10px;color:var(--ucp-muted)}.ucp-spinner{width:34px;height:34px;border:3px solid #262a34;border-top-color:var(--ucp-purple);border-radius:50%;animation:ucpspin .8s linear infinite;margin:auto}@keyframes ucpspin{to{transform:rotate(360deg)}}
.ucp-login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(117,87,245,.2),transparent 34%),var(--ucp-bg)}.ucp-login-card{width:min(440px,100%);background:rgba(16,18,23,.95);border:1px solid var(--ucp-border);border-radius:22px;padding:32px;box-shadow:var(--ucp-shadow)}.ucp-login-logo{width:190px;max-height:56px;object-fit:contain;object-position:left;margin-bottom:25px}.ucp-eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:#a996ff}.ucp-login-card h1{font-size:30px;margin:8px 0}.ucp-login-card p{color:var(--ucp-muted);line-height:1.6}.ucp-login-card label{display:grid;gap:7px;margin:16px 0;font-size:13px;font-weight:700}.ucp-login-card input[type=text],.ucp-login-card input[type=password]{width:100%;background:#0b0d12;border:1px solid #303542;color:#fff;border-radius:10px;padding:13px 14px;outline:none}.ucp-login-card input:focus{border-color:var(--ucp-purple)}.ucp-check{display:flex!important;align-items:center;gap:9px!important;font-weight:500!important;color:var(--ucp-muted)}.ucp-primary,.ucp-button{border:1px solid var(--ucp-border);background:#171a21;color:#fff;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.ucp-primary{background:linear-gradient(135deg,#6948ef,#8068ff);border-color:#8068ff;width:100%;padding:13px}.ucp-inline{width:auto}.ucp-login-foot{margin-top:18px;color:#71798a;font-size:11px}.ucp-login-error{background:rgba(255,107,114,.1);border:1px solid rgba(255,107,114,.35);color:#ff9da2;padding:10px 12px;border-radius:10px;margin-top:15px}
.ucp-shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.ucp-sidebar{position:sticky;top:0;height:100vh;background:#0b0d12;border-right:1px solid var(--ucp-border);padding:20px 14px;display:flex;flex-direction:column;z-index:20}.ucp-brand{padding:4px 10px 22px}.ucp-brand img{width:170px;max-height:50px;object-fit:contain;object-position:left}.ucp-side-title{padding:6px 10px 10px;color:#697184;font-size:10px;font-weight:800;letter-spacing:.1em}.ucp-nav{display:grid;gap:4px}.ucp-nav button{appearance:none;border:0;background:transparent;color:#a4aaba;padding:11px 12px;border-radius:9px;text-align:left;font-weight:700;cursor:pointer;display:flex;gap:10px;align-items:center}.ucp-nav button:hover{background:#151821;color:#fff}.ucp-nav button.is-active{background:rgba(117,87,245,.18);color:#b9aaff}.ucp-side-bottom{margin-top:auto;border-top:1px solid var(--ucp-border);padding:16px 9px 0}.ucp-client-mini b{display:block;font-size:13px}.ucp-client-mini small{display:block;color:var(--ucp-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ucp-logout{margin-top:12px;width:100%;font-size:12px}
.ucp-main{min-width:0}.ucp-topbar{height:68px;border-bottom:1px solid var(--ucp-border);background:rgba(8,9,13,.9);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:15}.ucp-topbar h2{font-size:15px;margin:0}.ucp-topbar small{color:var(--ucp-muted)}.ucp-mobile-menu{display:none}.ucp-content{padding:24px 26px 54px;max-width:1440px;margin:auto}.ucp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:22px}.ucp-head h1{font-size:25px;margin:0 0 5px}.ucp-head p{margin:0;color:var(--ucp-muted);font-size:13px}.ucp-actions{display:flex;gap:8px;flex-wrap:wrap}.ucp-card{background:var(--ucp-panel);border:1px solid var(--ucp-border);border-radius:var(--ucp-radius);box-shadow:0 8px 28px rgba(0,0,0,.1)}.ucp-pad{padding:18px}.ucp-grid{display:grid;gap:14px}.ucp-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ucp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ucp-metric{padding:17px}.ucp-metric small{display:block;color:var(--ucp-muted);font-size:11px;margin-bottom:8px}.ucp-metric b{font-size:23px}.ucp-tone-purple b{color:#b09cff}.ucp-tone-green b{color:var(--ucp-green)}.ucp-tone-orange b{color:#ffb266}.ucp-tone-blue b{color:#73b3ff}.ucp-section{margin-top:18px}.ucp-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;margin-bottom:14px}.ucp-card-title small{color:var(--ucp-muted);font-weight:500}.ucp-list{display:grid;gap:9px}.ucp-row{background:#0d0f14;border:1px solid #20242d;border-radius:10px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:14px}.ucp-row-main{min-width:0}.ucp-row-main b{display:block}.ucp-row-main small{color:var(--ucp-muted);display:block;margin-top:4px}.ucp-row-right{text-align:right;white-space:nowrap}.ucp-money{font-weight:900}.ucp-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#20242e;color:#bac1cf;font-size:10px;font-weight:900}.ucp-pill.is-approved,.ucp-pill.is-paid,.ucp-pill.is-completed{background:rgba(51,207,145,.14);color:#65e8b1}.ucp-pill.is-sent,.ucp-pill.is-pending,.ucp-pill.is-partially-paid{background:rgba(255,159,67,.14);color:#ffc078}.ucp-pill.is-rejected,.ucp-pill.is-overdue{background:rgba(255,107,114,.14);color:#ff999e}.ucp-progress{height:7px;background:#222631;border-radius:999px;overflow:hidden;margin-top:8px}.ucp-progress span{display:block;height:100%;background:linear-gradient(90deg,#6647e8,#a288ff);border-radius:999px}.ucp-empty{text-align:center;color:var(--ucp-muted);padding:28px 10px}.ucp-table-wrap{overflow:auto}.ucp-table{width:100%;border-collapse:collapse;font-size:12px}.ucp-table th{text-align:left;color:#727a8b;font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:10px;border-bottom:1px solid var(--ucp-border)}.ucp-table td{padding:12px 10px;border-bottom:1px solid #1d212a}.ucp-table tr:last-child td{border-bottom:0}.ucp-button{font-size:12px;padding:9px 11px}.ucp-button.is-primary{background:var(--ucp-purple);border-color:var(--ucp-purple)}.ucp-button.is-success{background:rgba(51,207,145,.12);border-color:rgba(51,207,145,.35);color:#72e8b7}.ucp-button.is-danger{background:rgba(255,107,114,.1);border-color:rgba(255,107,114,.3);color:#ff9ca1}.ucp-payment-box{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.ucp-payment-box img{width:120px;height:120px;background:#fff;padding:5px;border-radius:10px;object-fit:contain}.ucp-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr);gap:16px}.ucp-detail-list{display:grid;gap:10px}.ucp-detail-list>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #1f232c;padding-bottom:9px}.ucp-detail-list small{color:var(--ucp-muted)}.ucp-timeline{display:grid;gap:0}.ucp-timeline-item{position:relative;padding:0 0 19px 25px}.ucp-timeline-item:before{content:"";position:absolute;left:6px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--ucp-purple)}.ucp-timeline-item:after{content:"";position:absolute;left:9px;top:16px;bottom:0;width:1px;background:#2b3040}.ucp-timeline-item:last-child:after{display:none}.ucp-timeline-item b{font-size:13px}.ucp-timeline-item p{margin:4px 0;color:#a2a9b8;font-size:12px}.ucp-timeline-item small{color:#687084;font-size:10px}.ucp-form{display:grid;gap:13px}.ucp-form label{display:grid;gap:6px;color:#adb4c2;font-size:12px;font-weight:700}.ucp-input,.ucp-select,.ucp-textarea{width:100%;background:#0c0e13;border:1px solid #2a2f3a;color:#fff;border-radius:9px;padding:11px 12px;outline:none}.ucp-textarea{min-height:105px;resize:vertical}.ucp-file-drop{border:1px dashed #3a4050;border-radius:12px;padding:22px;text-align:center}.ucp-file-kind{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#9d8bff}.ucp-file-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.ucp-alert{padding:11px 13px;border-radius:10px;background:rgba(95,167,255,.1);border:1px solid rgba(95,167,255,.25);color:#a8cfff;font-size:12px}.ucp-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:100;display:grid;place-items:center;padding:20px}.ucp-modal{width:min(760px,100%);max-height:min(90vh,900px);overflow:auto;background:#101319;border:1px solid #303543;border-radius:16px;box-shadow:var(--ucp-shadow)}.ucp-modal-head{padding:16px 18px;border-bottom:1px solid var(--ucp-border);display:flex;justify-content:space-between;align-items:center}.ucp-modal-head h2{margin:0;font-size:17px}.ucp-modal-body{padding:18px}.ucp-modal-foot{padding:14px 18px;border-top:1px solid var(--ucp-border);display:flex;justify-content:flex-end;gap:8px}.ucp-toast{position:fixed;right:18px;bottom:18px;background:#171a20;border:1px solid #343947;color:#fff;padding:11px 15px;border-radius:10px;z-index:200;box-shadow:var(--ucp-shadow);font-size:12px}.ucp-doc{background:#fff;color:#15171b;border-radius:12px;padding:26px}.ucp-doc-logo{width:175px}.ucp-doc-head{display:flex;justify-content:space-between;gap:20px;border-bottom:3px solid #1c2f55;padding-bottom:16px}.ucp-doc-title{text-align:right}.ucp-doc-title h2{font-size:28px;margin:0;color:#1c2f55}.ucp-doc-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.ucp-doc-meta div{background:#f2f4f8;border-radius:7px;padding:9px}.ucp-doc-meta small{display:block;color:#6b7280;font-size:9px}.ucp-doc-table{width:100%;border-collapse:collapse;margin-top:15px;font-size:11px}.ucp-doc-table th{background:#1c2f55;color:#fff;padding:8px;text-align:left}.ucp-doc-table td{border-bottom:1px solid #e4e7ed;padding:8px}.ucp-doc-total{margin:18px 0 0 auto;width:280px;display:grid;gap:7px}.ucp-doc-total div{display:flex;justify-content:space-between}.ucp-doc-total .grand{background:#f28a22;color:#fff;padding:8px;font-weight:900}.ucp-print-only{display:none}
@media(max-width:1050px){.ucp-grid-4{grid-template-columns:repeat(2,1fr)}.ucp-detail-grid{grid-template-columns:1fr}}
@media(max-width:760px){.ucp-shell{display:block}.ucp-sidebar{position:fixed;left:0;top:0;bottom:0;width:258px;transform:translateX(-102%);transition:.2s;box-shadow:20px 0 50px rgba(0,0,0,.45)}.ucp-shell.is-menu .ucp-sidebar{transform:none}.ucp-mobile-menu{display:inline-flex}.ucp-topbar{height:60px;padding:0 14px}.ucp-content{padding:16px 14px calc(30px + env(safe-area-inset-bottom))}.ucp-grid-4,.ucp-grid-2{grid-template-columns:1fr}.ucp-head{display:block}.ucp-actions{margin-top:12px}.ucp-row{align-items:flex-start}.ucp-payment-box{grid-template-columns:1fr}.ucp-table thead{display:none}.ucp-table,.ucp-table tbody,.ucp-table tr,.ucp-table td{display:block;width:100%}.ucp-table tr{padding:9px 0;border-bottom:1px solid var(--ucp-border)}.ucp-table td{border:0;padding:5px 9px;display:flex;justify-content:space-between;gap:12px}.ucp-table td:before{content:attr(data-label);color:#727a8b;font-size:10px;text-transform:uppercase;font-weight:800}.ucp-modal-backdrop{padding:8px;align-items:end}.ucp-modal{max-height:92vh;border-radius:16px 16px 0 0}.ucp-doc-meta{grid-template-columns:1fr}.ucp-doc{padding:15px}.ucp-doc-head{display:block}.ucp-doc-title{text-align:left;margin-top:12px}}
@media print{body{background:#fff!important}.ucp-sidebar,.ucp-topbar,.ucp-head,.ucp-actions,.ucp-button,.ucp-modal-head,.ucp-modal-foot{display:none!important}.ucp-content{padding:0}.ucp-card{box-shadow:none}.ucp-doc{border-radius:0;padding:12mm}.ucp-print-only{display:block}}
/* v3.0.0 Client Portal 2.0 */
.ucp-nav-badge{margin-left:auto;min-width:20px;height:20px;border-radius:999px;background:#7657f5;color:#fff;font-style:normal;font-size:10px;display:inline-grid;place-items:center;padding:0 5px}.ucp-preview-label{color:#b9aaff;display:block;margin-top:8px}.ucp-topbar-brand,.ucp-top-actions{display:flex;align-items:center;gap:10px}.ucp-icon-notice{position:relative;width:36px;height:36px;border-radius:10px;border:1px solid var(--ucp-border);background:#11141b;color:#fff;cursor:pointer}.ucp-icon-notice b{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:#7657f5;font-size:9px}.ucp-mobile-bottom{display:none}.ucp-block-small{display:block!important;margin-top:4px;color:var(--ucp-muted)}.ucp-small-action{margin-top:7px}.ucp-success-panel{padding:18px;border:1px solid rgba(51,207,145,.3);background:rgba(51,207,145,.09);border-radius:12px}.ucp-success-panel b{color:#75e7b8}.ucp-success-panel p{margin:5px 0 0;color:#a8b0bd;font-size:12px}.ucp-home-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.ucp-shortcut{border:1px solid var(--ucp-border);background:#0d1016;color:#fff;border-radius:11px;padding:13px;text-align:left;cursor:pointer}.ucp-shortcut b,.ucp-shortcut small{display:block}.ucp-shortcut small{margin-top:4px;color:var(--ucp-muted);font-size:10px}.ucp-approval-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.ucp-approval-card h3{margin:6px 0 2px}.ucp-approval-card p{margin:0;color:var(--ucp-muted);font-size:12px}.ucp-approval-card>div:last-child{display:grid;gap:9px;justify-items:end}.ucp-project-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:13px 0 10px}.ucp-project-stages span{text-align:center;font-size:9px;color:#71798a;background:#0b0d12;border:1px solid #242936;border-radius:999px;padding:5px 4px}.ucp-project-stages span.done{background:rgba(117,87,245,.18);border-color:rgba(117,87,245,.4);color:#c4b8ff}.ucp-project-meta{display:flex;justify-content:space-between;gap:12px;margin:9px 0 13px;color:var(--ucp-muted)}.ucp-doc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ucp-span-two{grid-column:1/-1}.ucp-support-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);gap:14px}.ucp-support-ticket{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #20242d;background:#0d0f14;color:#fff;border-radius:11px;padding:13px;text-align:left;cursor:pointer}.ucp-support-ticket:hover{border-color:#4a3e81}.ucp-support-ticket b,.ucp-support-ticket small{display:block}.ucp-support-ticket small{margin-top:4px;color:var(--ucp-muted)}.ucp-support-ticket>div:last-child{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.ucp-muted-copy{color:var(--ucp-muted);font-size:12px;line-height:1.6}.ucp-notice-row{width:100%;display:grid;grid-template-columns:38px 1fr 10px;gap:10px;align-items:center;border:1px solid #222630;background:#0d0f14;color:#fff;border-radius:11px;padding:12px;text-align:left;cursor:pointer}.ucp-notice-row.is-read{opacity:.68}.ucp-notice-icon{width:34px;height:34px;border-radius:9px;background:rgba(117,87,245,.14);display:grid;place-items:center;color:#bcaeff}.ucp-notice-row b,.ucp-notice-row small,.ucp-notice-row em{display:block}.ucp-notice-row small{margin-top:3px;color:#a9b0be}.ucp-notice-row em{margin-top:4px;color:#687084;font-style:normal;font-size:9px}.ucp-notice-row i{width:8px;height:8px;border-radius:50%;background:#8068ff}.ucp-project-modal-progress{margin:16px 0}.ucp-ticket-head{display:flex;gap:6px;margin-bottom:14px}.ucp-thread{display:grid;gap:10px;max-height:380px;overflow:auto;padding-right:4px}.ucp-thread-msg{max-width:86%;padding:11px 12px;border-radius:12px;background:#181c24;border:1px solid #252b36}.ucp-thread-msg.is-client{margin-left:auto;background:rgba(117,87,245,.14);border-color:rgba(117,87,245,.3)}.ucp-thread-msg b{font-size:10px;color:#bcaeff}.ucp-thread-msg p{margin:5px 0;font-size:12px;white-space:pre-wrap}.ucp-thread-msg small{color:#697184;font-size:9px}.ucp-support-attachment{display:flex;justify-content:space-between;gap:8px;color:#d8d2ff;text-decoration:none;border:1px solid #2a2f3a;background:#0d1016;padding:10px 12px;border-radius:9px;margin-top:6px}.ucp-support-attachment small{color:var(--ucp-muted)}
@media(max-width:900px){.ucp-support-layout{grid-template-columns:1fr}.ucp-doc-tabs{grid-template-columns:1fr}.ucp-span-two{grid-column:auto}.ucp-project-meta{display:grid}}
@media(max-width:760px){.ucp-content{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.ucp-mobile-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:35;background:rgba(9,11,15,.96);border-top:1px solid var(--ucp-border);padding:7px 7px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(16px)}.ucp-mobile-bottom button{appearance:none;border:0;background:transparent;color:#7f8798;display:grid;gap:2px;justify-items:center;padding:5px 2px;font-size:17px}.ucp-mobile-bottom button small{font-size:9px}.ucp-mobile-bottom button.is-active{color:#b9aaff}.ucp-approval-card{display:grid}.ucp-approval-card>div:last-child{display:flex;justify-items:initial;align-items:center;justify-content:space-between}.ucp-project-stages{grid-template-columns:repeat(5,minmax(52px,1fr));overflow:auto;padding-bottom:4px}.ucp-home-shortcuts{grid-template-columns:1fr}.ucp-top-actions>small{display:none}.ucp-thread-msg{max-width:94%}.ucp-support-ticket{align-items:flex-start}.ucp-support-ticket>div:last-child{display:grid}.ucp-payment-box img{width:105px;height:105px}}
/* v3.1 Services, AMC and renewal self-service */
.ucp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ucp-row-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.ucp-pill.is-renewal-due,.ucp-pill.is-changes-requested{background:rgba(255,159,67,.14);color:#ffc078}.ucp-pill.is-renewal-approved,.ucp-pill.is-renewed,.ucp-pill.is-active{background:rgba(51,207,145,.14);color:#65e8b1}.ucp-pill.is-expired,.ucp-pill.is-declined,.ucp-pill.is-cancelled{background:rgba(255,107,114,.14);color:#ff999e}
@media(max-width:1050px){.ucp-grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.ucp-grid-3{grid-template-columns:1fr}.ucp-row-actions .ucp-button{flex:1 1 auto}}

/* Udyojak CRM v6.2.11 — Client Portal fixed-layer and safe-zone recovery.
 * The portal now uses the same deterministic phone contract as the owner
 * workspace without changing its desktop presentation or printable documents.
 */
:root{
  --ucp-v6211-safe-top:env(safe-area-inset-top,0px);
  --ucp-v6211-safe-right:env(safe-area-inset-right,0px);
  --ucp-v6211-safe-bottom:env(safe-area-inset-bottom,0px);
  --ucp-v6211-safe-left:env(safe-area-inset-left,0px);
  --ucp-v6211-nav-base:68px;
  --ucp-v6211-nav-total:calc(var(--ucp-v6211-nav-base) + var(--ucp-v6211-safe-bottom));
  --ucp-v6211-layer-topbar:110;
  --ucp-v6211-layer-nav:200;
  --ucp-v6211-layer-menu-shade:310;
  --ucp-v6211-layer-menu:320;
  --ucp-v6211-layer-modal:700;
  --ucp-v6211-layer-toast:800;
}

@media(max-width:760px){
  html:has(body.ucp-standalone.ucp-v6211-ready){overflow:hidden!important}
  body.ucp-standalone.ucp-v6211-ready{
    width:100%!important;
    height:var(--ucp-v6211-vh,100dvh)!important;
    min-height:0!important;
    overflow:hidden!important;
    overscroll-behavior:none;
  }
  body.ucp-standalone.ucp-v6211-ready .ucf-client-portal,
  body.ucp-standalone.ucp-v6211-ready .ucp-shell{
    width:100%!important;
    height:var(--ucp-v6211-vh,100dvh)!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.ucp-standalone.ucp-v6211-ready .ucp-main{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scroll-padding-top:14px;
    scroll-padding-bottom:calc(var(--ucp-v6211-nav-total) + 18px);
    -webkit-overflow-scrolling:touch;
  }
  body.ucp-standalone.ucp-v6211-ready .ucp-topbar{
    top:0!important;
    z-index:var(--ucp-v6211-layer-topbar)!important;
    width:100%!important;
    height:calc(60px + var(--ucp-v6211-safe-top))!important;
    min-height:calc(60px + var(--ucp-v6211-safe-top))!important;
    padding:var(--ucp-v6211-safe-top) max(14px,var(--ucp-v6211-safe-right)) 0 max(14px,var(--ucp-v6211-safe-left))!important;
  }
  body.ucp-standalone.ucp-v6211-ready .ucp-content{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:16px max(14px,var(--ucp-v6211-safe-right)) calc(var(--ucp-v6211-nav-total) + 22px) max(14px,var(--ucp-v6211-safe-left))!important;
    overflow-x:hidden!important;
  }
  body.ucp-standalone.ucp-v6211-ready .ucp-content :is(.ucp-card,.ucp-grid,.ucp-section,.ucp-row,.ucp-table-wrap,.ucp-doc-tabs,.ucp-support-layout){min-width:0;max-width:100%}

  body.ucp-standalone.ucp-v6211-ready .ucp-mobile-bottom{
    z-index:var(--ucp-v6211-layer-nav)!important;
    width:100%!important;
    height:var(--ucp-v6211-nav-total)!important;
    min-height:var(--ucp-v6211-nav-total)!important;
    padding:4px max(4px,var(--ucp-v6211-safe-right)) var(--ucp-v6211-safe-bottom) max(4px,var(--ucp-v6211-safe-left))!important;
    isolation:isolate;
  }
  body.ucp-standalone.ucp-v6211-ready .ucp-mobile-bottom button{
    min-width:0!important;
    min-height:var(--ucp-v6211-nav-base)!important;
    max-height:var(--ucp-v6211-nav-base)!important;
    touch-action:manipulation;
  }

  body.ucp-standalone.ucp-v6211-ready .ucp-sidebar{
    top:0!important;
    bottom:0!important;
    z-index:var(--ucp-v6211-layer-menu)!important;
    height:var(--ucp-v6211-vh,100dvh)!important;
    max-height:var(--ucp-v6211-vh,100dvh)!important;
    padding-top:calc(20px + var(--ucp-v6211-safe-top))!important;
    padding-bottom:calc(16px + var(--ucp-v6211-safe-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  body.ucp-standalone.ucp-v6211-ready .ucp-shell.is-menu:before{
    content:"";
    position:fixed;
    inset:0;
    z-index:var(--ucp-v6211-layer-menu-shade);
    background:rgba(0,0,0,.56);
    backdrop-filter:blur(2px);
  }
  body.ucp-standalone.ucp-menu-open .ucp-mobile-bottom,
  body.ucp-standalone.ucp-modal-open .ucp-mobile-bottom{
    visibility:hidden!important;
    pointer-events:none!important;
  }

  body.ucp-standalone.ucp-v6211-ready .ucp-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
  }
  body.ucp-standalone.ucp-v6211-ready .ucp-actions{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:2px!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }
  body.ucp-standalone.ucp-v6211-ready :is(.ucp-button,.ucp-primary,.ucp-mobile-menu,.ucp-icon-notice,.ucp-shortcut,.ucp-support-ticket){min-height:44px}
  body.ucp-standalone.ucp-v6211-ready :is(.ucp-row-main,.ucp-row-right,.ucp-support-ticket>div,.ucp-detail-list>div>*){min-width:0;overflow-wrap:anywhere}
  body.ucp-standalone.ucp-v6211-ready .ucp-row-right{white-space:normal!important}
  body.ucp-standalone.ucp-v6211-ready :is(.ucp-table-wrap,.ucp-project-stages,.ucp-thread,.ucp-doc){overscroll-behavior:contain}

  body.ucp-standalone.ucp-v6211-ready .ucp-modal-backdrop{
    z-index:var(--ucp-v6211-layer-modal)!important;
    width:100%!important;
    height:var(--ucp-v6211-vh,100dvh)!important;
    max-height:var(--ucp-v6211-vh,100dvh)!important;
    padding:var(--ucp-v6211-safe-top) var(--ucp-v6211-safe-right) 0 var(--ucp-v6211-safe-left)!important;
    overflow:hidden!important;
    align-items:end!important;
  }
  body.ucp-standalone.ucp-v6211-ready .ucp-modal{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:min(92dvh,calc(var(--ucp-v6211-vh,100dvh) - var(--ucp-v6211-safe-top)))!important;
    max-height:calc(var(--ucp-v6211-vh,100dvh) - var(--ucp-v6211-safe-top))!important;
    border-radius:16px 16px 0 0!important;
    overflow:hidden!important;
  }
  body.ucp-standalone.ucp-v6211-ready .ucp-modal-head{
    position:relative;
    z-index:3;
    flex:0 0 auto!important;
    padding:max(12px,var(--ucp-v6211-safe-top)) max(14px,var(--ucp-v6211-safe-right)) 12px max(14px,var(--ucp-v6211-safe-left))!important;
  }
  body.ucp-standalone.ucp-v6211-ready .ucp-modal-head [data-modal-close]{min-width:44px!important;min-height:44px!important;padding:8px!important}
  body.ucp-standalone.ucp-v6211-ready .ucp-modal-body{
    flex:1 1 auto!important;
    min-width:0!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scroll-padding-bottom:72px;
    -webkit-overflow-scrolling:touch;
  }
  body.ucp-standalone.ucp-v6211-ready .ucp-modal-foot{
    position:relative;
    z-index:4;
    flex:0 0 auto!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:12px max(14px,var(--ucp-v6211-safe-right)) calc(12px + var(--ucp-v6211-safe-bottom)) max(14px,var(--ucp-v6211-safe-left))!important;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
  body.ucp-standalone.ucp-v6211-ready .ucp-modal-foot>.ucp-button{display:inline-flex!important;flex:0 0 auto!important;min-height:44px!important}
  body.ucp-standalone.ucp-v6211-ready .ucp-modal-foot>.is-primary{order:-1}
  body.ucp-standalone.ucp-v6211-ready .ucp-toast{
    z-index:var(--ucp-v6211-layer-toast)!important;
    right:max(12px,var(--ucp-v6211-safe-right))!important;
    bottom:calc(var(--ucp-v6211-nav-total) + 10px)!important;
    max-width:calc(100vw - max(24px,var(--ucp-v6211-safe-left)) - max(24px,var(--ucp-v6211-safe-right)))!important;
  }
  body.ucp-standalone.ucp-modal-open .ucp-toast{bottom:calc(10px + var(--ucp-v6211-safe-bottom))!important}
}

/* Explicit acceptance band for compact iPhone/Android/PWA viewports. */
@media(min-width:320px) and (max-width:430px){
  body.ucp-standalone.ucp-v6211-ready :is(.ucp-content,.ucp-head,.ucp-card,.ucp-grid,.ucp-row,.ucp-doc-tabs,.ucp-support-layout){width:100%!important;max-width:100%!important;min-width:0!important}
  body.ucp-standalone.ucp-v6211-ready :is(.ucp-actions,.ucp-row-actions,.ucp-file-actions){max-width:100%!important;flex-wrap:wrap!important}
  body.ucp-standalone.ucp-v6211-ready :is(.ucp-input,.ucp-select,.ucp-textarea){font-size:16px!important}
}

@media(max-width:360px){
  body.ucp-standalone.ucp-v6211-ready .ucp-actions{display:grid!important;grid-template-columns:1fr!important}
  body.ucp-standalone.ucp-v6211-ready .ucp-actions>.ucp-button{width:100%!important}
  body.ucp-standalone.ucp-v6211-ready .ucp-detail-list>div{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
  body.ucp-standalone.ucp-v6211-ready .ucp-approval-card>div:last-child{display:grid!important;grid-template-columns:1fr!important}
  body.ucp-standalone.ucp-v6211-ready .ucp-approval-card>div:last-child>.ucp-button{width:100%!important}
}