/* Accessible touch targets and compact app navigation. */
.jr-top,.pm-head,.pn-header{gap:10px;flex-wrap:wrap}
.jr-top>strong{min-width:120px}.jr-chat-link{flex-shrink:0}
.jca-push,.jca-sound{font-size:13px;min-height:44px}
#pc-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
#pc-directory article{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
#pc-directory h2{font-size:19px;margin:0}#pc-directory img,#pc-recipient img{border-radius:50%;object-fit:cover}
#pc-directory p{margin:0;overflow-wrap:anywhere}#pc-directory button{margin-top:auto;width:100%}
#pc-form textarea{width:100%;box-sizing:border-box;font-size:16px}#pc-form button{min-height:48px}
#pc-recipient{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0}#pc-recipient p{flex-basis:100%;margin:0}
.jr-workspace :is(button,a,input,select,textarea):focus-visible{outline:3px solid #926d00;outline-offset:3px}
@media(max-width:900px){
 .jr-top{position:relative!important}.jr-top>strong{flex-basis:50%}.jr-page-content{padding:16px}
 .wc-layout{grid-template-columns:minmax(0,1fr)}.wc-layout>aside{display:block}.wc-layout>aside>label{display:block}
 #wc-members{display:flex;gap:12px;overflow-x:auto;max-width:100%}.wc-member{min-width:170px;border:1px solid #ddd;border-radius:10px;padding:10px}
}
@media(max-width:640px){
 .jr-top{padding:8px 12px!important}.jr-top>strong{font-size:14px}.jr-top .jca-sound,.jr-top .jca-push{flex:1;padding:8px;font-size:12px}
 .jr-shell{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.jr-navigation{max-height:none;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
 .jr-page-content .card{padding:16px;border-radius:14px}.jr-page-content h1{font-size:25px;line-height:1.2}
 .wc-history{height:44vh;height:44dvh;min-height:220px}.wc-message{max-width:94%;font-size:15px}
 #pc-form{padding-bottom:8px}#pc-form button{width:100%}.pm-head>h1{width:100%}
}
@media(prefers-reduced-motion:reduce){.jr-workspace *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Keep sales filters readable on narrow screens. */
@media(max-width:640px){
 .pm-tabs{display:flex!important;flex-wrap:nowrap!important;gap:8px;overflow-x:auto;max-width:100%;padding-bottom:6px}
 .pm-tabs>button{flex:0 0 auto!important;width:auto!important;min-width:88px;white-space:nowrap;word-break:normal;overflow-wrap:normal;padding:12px 16px;min-height:44px}
}

@media(max-width:760px){
 body.pdv-fullpage .pm-head{display:grid!important;grid-template-columns:1fr auto;gap:8px!important;padding:12px!important;border-radius:16px!important}
 body.pdv-fullpage .pm-head h1{grid-column:1;grid-row:1;margin:0!important;font-size:26px!important}
 body.pdv-fullpage .pm-head .pdv-back-button{grid-column:2;grid-row:1;min-height:44px;padding:8px!important}
 body.pdv-fullpage .pm-head .pdv-back-button span{display:none}
 body.pdv-fullpage .pm-head .pm-account{grid-column:1/-1;margin:0!important;font-size:14px}
 body.pdv-fullpage .pm-head>button,body.pdv-fullpage .pm-head>[data-chat-top]{min-height:46px!important;padding:9px!important;font-size:12px!important;margin:0!important;width:auto!important}
 body.pdv-fullpage .pm-sidebar{height:auto!important;padding-bottom:env(safe-area-inset-bottom)!important}
 body.pdv-fullpage .pm-sidebar nav a{flex:0 0 88px!important;min-height:76px!important;font-size:12px!important;line-height:1.2;gap:6px!important;padding:8px 4px!important;white-space:normal;word-break:normal}
 body.pdv-fullpage .pm-sidebar nav svg{width:34px!important;height:34px!important;flex-shrink:0}
 body.pdv-fullpage .pm-content{padding-bottom:140px!important;min-width:0}
 body.pdv-fullpage .pm-content input,body.pdv-fullpage .pm-content select,body.pdv-fullpage .pm-content textarea{font-size:16px!important;min-height:46px}
}

@media(max-width:1024px){
 body.pdv-fullpage .pm-head{height:auto!important;min-height:0!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding:16px!important}
 body.pdv-fullpage .pm-head h1{flex:1 1 140px!important}
 body.pdv-fullpage .pm-head .pm-account{flex:0 1 auto}
 body.pdv-fullpage .pm-head>button,body.pdv-fullpage .pm-head>[data-chat-top]{min-height:44px;margin:0!important;position:static!important}
 body.pdv-fullpage .pm-tabs>button{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
 body.pdv-fullpage .pm-table .button{white-space:nowrap!important;min-width:64px}
}
@media(max-width:760px){body.pdv-fullpage .pm-head{display:grid!important;grid-template-columns:1fr auto}}

body.pdv-fullpage .pm-head{height:auto!important;flex-wrap:wrap!important}
body.pdv-fullpage .pm-head h1{min-width:130px;white-space:nowrap;word-break:normal}
body.pdv-fullpage .pm-table th,body.pdv-fullpage .pm-table .button{white-space:nowrap;word-break:normal;overflow-wrap:normal}

.nc-team{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}.nc-team article{display:flex;flex-direction:column;gap:10px}.nc-team h2,.nc-team p{margin:0}.nc-avatar{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#ffdb26;color:#191b1c;font-size:22px;font-weight:bold}.nc-page input,.nc-page textarea{width:100%;font-size:16px}.nc-page button{min-height:48px}.nc-page #nc-recent{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.nc-page .wc-message p{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:640px){.nc-page{padding:14px!important}.nc-page .wc-history{height:45dvh}.nc-page button{width:100%}}

.pdv-product-photo{width:56px;height:56px;object-fit:contain;border-radius:10px;vertical-align:middle;margin-right:12px;background:#f3f4f6} @media(max-width:1024px){.pdv-product-photo{width:64px;height:64px}input[type=file]{max-width:100%}}

/* Desktop workspace and touch application presentation. */
.jp-function-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:14px;background:#fff1af;color:#322900}.jp-function-icon svg{width:34px;height:34px}.jp-function-label{flex:1;min-width:0}
@media(min-width:1100px){.jp-dashboard{max-width:1600px}.jp-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.jp-action{min-height:98px;padding:16px}.pm-table th{position:sticky;top:0;z-index:1;background:#f5f6f8}.pm-content{min-width:0}}
@media(min-width:600px) and (max-width:1099px){.jp-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.jp-action{min-height:118px}.jp-function-icon{width:60px;height:60px;flex-basis:60px}.jp-function-icon svg{width:38px;height:38px}}
@media(max-width:599px){.jp-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jp-action{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;padding:14px;min-height:158px;border-left-width:1px}.jp-action>span:last-child{display:none}.jp-action strong{font-size:15px}.jp-action small{font-size:12px}.jp-function-icon{width:56px;height:56px;flex-basis:56px}.jp-function-icon svg{width:36px;height:36px}.jp-heading{gap:12px!important}.jp-tools{padding:14px}.pm-content{padding-bottom:env(safe-area-inset-bottom,16px)}}

@media(max-width:1024px){
 .jr-shell{display:flex;flex-direction:column;padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}.jr-sidebar{position:static;height:auto;padding:0;overflow:visible}.jr-brand{padding:10px 14px;margin:0;border:0}.jr-brand img{width:40px;height:40px}.jr-site{position:absolute;right:14px;top:14px;font-size:12px;margin:0}
 .jr-navigation{display:flex!important;flex-flow:row nowrap!important;position:fixed;left:0;right:0;bottom:0;z-index:100;gap:6px;overflow-x:auto;overflow-y:visible;align-items:stretch;max-height:96px!important;background:#1b1d1f;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:2px solid #ffda27}
 .jr-navigation>a,.jr-navigation details{flex:0 0 auto!important;width:92px!important}.jr-navigation>a,.jr-navigation summary{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:70px!important;font-size:11px;padding:5px!important;white-space:normal;text-align:center}.jr-navigation svg{width:30px;height:30px}.jr-navigation summary:after{display:none}.jr-navigation details>div{display:none}.jr-navigation details[open]>div{display:grid;position:fixed;left:12px;right:12px;bottom:96px;max-height:55dvh;overflow:auto;background:#25282b;border:1px solid #62666b;border-radius:12px;padding:12px;box-shadow:0 -8px 30px #0003}
 .jr-top{display:flex!important;flex-wrap:wrap!important;height:auto!important;align-items:center;gap:8px!important;padding:10px 12px!important}.jr-top>strong{flex:1!important;min-width:150px;font-size:14px}.jr-top .jr-profile{display:none}.jr-top .jca-sound,.jr-top .jca-push{flex:1 1 140px!important;width:auto!important;min-height:44px;white-space:normal;word-break:normal;overflow-wrap:normal;padding:8px!important;font-size:12px}.jr-top .jr-chat-link{flex:0 0 44px}.jr-top .jr-chat-link span{display:none}.jr-top .jr-back{flex:0 0 30px;padding:0}.jr-page-content{padding:16px 12px}
}

.jr-menu-toggle{display:none}
@media(max-width:1024px){
 .jr-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;min-width:88px;padding:10px 12px!important;border:0;border-radius:10px;background:#ffda27;color:#151515;font-weight:700}
 .jr-shell{padding-bottom:20px!important}.jr-navigation{display:none!important}.jr-menu-open .jr-navigation{display:block!important;position:fixed!important;inset:140px 12px 18px!important;width:auto!important;max-height:none!important;height:auto!important;overflow:auto!important;padding:14px!important;border:1px solid #62666b;border-radius:14px;box-shadow:0 0 0 100vmax #0007;z-index:9000}
 .jr-menu-open .jr-navigation>a,.jr-menu-open .jr-navigation details{width:100%!important;display:block}.jr-menu-open .jr-navigation>a,.jr-menu-open .jr-navigation summary{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;gap:14px!important;min-height:56px!important;padding:12px!important;font-size:15px!important}.jr-menu-open .jr-navigation summary:after{display:block;content:'⌄';margin-left:auto}.jr-menu-open .jr-navigation details[open]>div{position:static!important;max-height:none!important;overflow:visible!important;display:grid!important;box-shadow:none!important;margin:0 0 8px 20px;padding:8px!important;border:none!important}.jr-menu-open .jr-navigation details a{min-height:44px;display:flex;align-items:center}
 .jr-top{z-index:9100!important}.jr-menu-open .jr-top{position:relative!important}
}

.support-count{display:inline-flex!important;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;margin-left:7px;border-radius:999px;background:#d72631!important;color:#fff!important;font-size:12px!important;font-weight:800;line-height:1;box-sizing:border-box;flex-shrink:0}.support-has-waiting{position:relative}.jr-chat-link .support-count{display:inline-flex!important}.jr-navigation .support-count{margin-left:auto}.jp-action .support-count{margin-left:0}