/* ============================================================================ PapilioHost client area — round 14 (admin's desktop Claude, 2026-09-26). Both looks. Loads LAST: after ca-r13 from includes/hooks/papilio_r14.php (console shell, signed-in AND guests), and from viewinvoice.tpl's own . Admin's list of 2026-09-26: A. every line icon in a hairline tile -> the glossy 3D sprite icon (.pc-g3 on the tile) B. KPI strip: one surface — strokes fade at BOTH ends, no per-cell tint blocks, one faded divider C. table rows: the hover light is one soft oval, no hard per-cell boxes D. Add funds: the isometric wallet -> the glossy wallet, floating E. invoice: fits one screen (vertical rhythm tightened ~15 %, nothing moved) F. file inputs (card-to-card receipt, ticket attachments) in the console language G. configure: both columns start on one line; responsive H. ticket: avatar + badge inside the message header, readable status, a smaller editor, phones I. users: the invite form laid out (label, field, access level), aligned rail, responsive J. dashboard: the right column floats (fixed + spring, script in papilio_r14.php) K. table icons: room for the glow inside the table's scroll box `:not(#_)` adds one id of specificity: it lets this layer win over the older !important layers without touching them. ========================================================================== */ /* ------------------------------------------------------------ A. glossy icons */ html body .pc-g3:not(#_):not(#_){background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important; display:grid !important;place-items:center !important;overflow:visible !important;flex:none !important;color:inherit} html body .pc-g3:not(#_):not(#_)::before,html body .pc-g3:not(#_):not(#_)::after{content:none !important;display:none !important} html body .pc-g3:not(#_):not(#_)>svg.pc-3di{display:block !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important; margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;opacity:1 !important; overflow:visible;filter:drop-shadow(0 4px 9px rgba(56,189,248,.24));transform:translateY(0); transition:transform .32s cubic-bezier(.22,1,.36,1),filter .32s cubic-bezier(.22,1,.36,1)} html body :is(a,label,button):hover>.pc-g3:not(#_):not(#_)>svg.pc-3di, html body :is(a,label):hover>*>.pc-g3:not(#_):not(#_)>svg.pc-3di{transform:translateY(-2px);filter:drop-shadow(0 8px 14px rgba(56,189,248,.34))} html.pl-light body .pc-g3:not(#_):not(#_)>svg.pc-3di{filter:drop-shadow(0 4px 9px rgba(2,132,199,.2))} html body svg.pc-3dsprite{position:absolute !important;width:0 !important;height:0 !important;overflow:hidden !important;pointer-events:none} /* sizes per place (the tiles were sized for 16-20px line glyphs) */ html body .pc-quickbar>a>.pc-g3:not(#_):not(#_),html body .pc-favbar a>.pc-g3:not(#_):not(#_){width:44px !important;height:44px !important} html body .pc-quick60 a>.pc-g3:not(#_):not(#_){width:32px !important;height:32px !important} html body .pc-act>.pc-g3:not(#_):not(#_){width:34px !important;height:34px !important} html body :is(.pc-af-method,.pc-af-help,.pl-inv-help,.pc-svc-help a,.pc-contact-info li,.pc-contact-info li>a)>.pc-g3:not(#_):not(#_){width:38px !important;height:38px !important} html body .pl-acct-head>.pc-g3:not(#_):not(#_){width:42px !important;height:42px !important} html body .pc-acct-box>.pc-g3:not(#_):not(#_){width:36px !important;height:36px !important} html body .pc-sec-row>.pc-g3:not(#_):not(#_){width:52px !important;height:52px !important} html body .pc-switchbar>.pc-g3:not(#_):not(#_){width:30px !important;height:30px !important} html body .pc-subhead2>.pc-g3:not(#_):not(#_){width:40px !important;height:40px !important} html body .pc-subhead h2>.pc-g3:not(#_):not(#_){width:34px !important;height:34px !important;margin-right:4px !important} html body .pc-depts a>.pc-g3:not(#_):not(#_){width:48px !important;height:48px !important} html body .pc-kbquick a>.pc-g3:not(#_):not(#_){width:36px !important;height:36px !important} html body .pc-sent>.pc-g3:not(#_):not(#_){width:56px !important;height:56px !important;margin:0 auto 12px !important} html body .pl-vzc-title>.pc-g3:not(#_):not(#_){width:26px !important;height:26px !important} html body .pl-cfg-specs .sp>.pc-g3:not(#_):not(#_){width:34px !important;height:34px !important} html body .pl-cfg-hero .product-title>.pl-cfg-ic.pc-g3:not(#_):not(#_){width:44px !important;height:44px !important} html body .pl-cfg-hero .product-title.has-g3:not(#_):not(#_)::before{content:none !important;display:none !important} html body .pl-inv3 .pl-inv-doc-ic.pc-g3:not(#_):not(#_){width:46px !important;height:46px !important} html body .pl-rc-head>.pc-g3:not(#_):not(#_){width:34px !important;height:34px !important} @media(max-width:760px){ html body .pc-quickbar>a>.pc-g3:not(#_):not(#_),html body .pc-favbar a>.pc-g3:not(#_):not(#_){width:40px !important;height:40px !important} html body .pc-sec-row>.pc-g3:not(#_):not(#_),html body .pc-depts a>.pc-g3:not(#_):not(#_){width:44px !important;height:44px !important} html body .pl-cfg-hero .product-title>.pl-cfg-ic.pc-g3:not(#_):not(#_){width:38px !important;height:38px !important} } /* ------------------------------------------------------------ B. KPI strip (Papilio look) */ @property --kpa{syntax:"";inherits:false;initial-value:0} html body.pc .pc-kpis.pc-kpis-art .pc-kpi.pc-kpi{--kpa:0;transition:--kpa .42s cubic-bezier(.22,1,.36,1); background:radial-gradient(56% 120% at 50% 0%,rgba(var(--kh),calc(var(--kpa)*.11)),rgba(var(--kh),0) 100%) !important} html body.pc .pc-kpis.pc-kpis-art .pc-kpi.pc-kpi:hover{--kpa:1} html body.pc .pc-kpis.pc-kpis-art .pc-kpi.pc-kpi::before{content:"" !important;position:absolute !important;top:0 !important;left:14% !important;right:14% !important; height:2px !important;border-radius:2px;pointer-events:none;opacity:.72 !important; background:linear-gradient(90deg,rgba(var(--kh),0),rgba(var(--kh),.9) 50%,rgba(var(--kh),0)) !important; transition:opacity .42s cubic-bezier(.22,1,.36,1),left .42s cubic-bezier(.22,1,.36,1),right .42s cubic-bezier(.22,1,.36,1) !important} html body.pc .pc-kpis.pc-kpis-art .pc-kpi.pc-kpi:hover::before{opacity:1 !important;left:7% !important;right:7% !important} html.pl-light body.pc .pc-kpis.pc-kpis-art .pc-kpi.pc-kpi{background:radial-gradient(56% 120% at 50% 0%,rgba(var(--kh),calc(var(--kpa)*.09)),rgba(var(--kh),0) 100%) !important} /* ------------------------------------------------------------ C. table rows: one soft oval of light */ @property --pc-rowa{syntax:"";inherits:false;initial-value:0} @media (min-width:761px){ html body.pc .pc-table.pc-table tbody tr:hover>td,html body.pc .pc-table.pc-table tbody tr.click:hover>td{background:transparent !important;background-image:none !important;box-shadow:none !important} html body.pc :is(.pc-table,table.table,.table-list)>tbody>tr:not(#_){--pc-rowa:0;transition:--pc-rowa .38s cubic-bezier(.22,1,.36,1) !important; background:radial-gradient(66% 66% at 50% 50%,rgba(56,189,248,calc(var(--pc-rowa)*.16)),rgba(56,189,248,calc(var(--pc-rowa)*.065)) 58%,rgba(56,189,248,0) 100%) !important} html body.pc :is(.pc-table,table.table,.table-list)>tbody>tr:not(#_):hover{--pc-rowa:1} html.pl-light body.pc :is(.pc-table,table.table,.table-list)>tbody>tr:not(#_){ background:radial-gradient(64% 64% at 50% 50%,rgba(14,165,233,calc(var(--pc-rowa)*.10)),rgba(14,165,233,calc(var(--pc-rowa)*.04)) 58%,rgba(14,165,233,0) 100%) !important} } /* Papilio look: every data column header sat 14px left of its values (th 2px, td 16px) - line them up */ html:not(.pl-ui2) body.pc .pc-table>thead>tr>th:not(:first-child){padding-left:16px !important} /* ------------------------------------------------------------ D. Add funds: the glossy wallet */ html body.pc .pc-af2-hero .art.pc-afw:not(#_){position:relative;flex:none;width:128px !important;height:104px !important;max-width:none !important;margin:0 !important;padding:0 !important; display:grid !important;place-items:center;background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;filter:none !important;object-fit:initial} html body.pc .pc-af2-hero .pc-afw::before{content:"";position:absolute;left:50%;top:46%;width:124px;height:88px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none; background:radial-gradient(closest-side,rgba(45,212,191,.24),rgba(45,212,191,.07) 62%,rgba(45,212,191,0))} html body.pc .pc-af2-hero .pc-afw::after{content:"";position:absolute;left:50%;bottom:7px;width:58px;height:9px;transform:translateX(-50%);border-radius:50%;pointer-events:none; background:radial-gradient(closest-side,rgba(1,5,14,.6),rgba(1,5,14,0));animation:pcAfShadow 6s cubic-bezier(.45,0,.55,1) infinite} html body.pc .pc-af2-hero .pc-afw:not(#_):not(#_)>svg.pc-3di{position:relative;z-index:1;width:76px !important;height:76px !important;display:block;overflow:visible; filter:drop-shadow(0 14px 20px rgba(10,143,168,.42));animation:pcAfFloat 6s cubic-bezier(.45,0,.55,1) infinite} @keyframes pcAfFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}} @keyframes pcAfShadow{0%,100%{transform:translateX(-50%) scale(1);opacity:.9}50%{transform:translateX(-50%) scale(.8);opacity:.5}} html.pl-light body.pc .pc-af2-hero .pc-afw::after{background:radial-gradient(closest-side,rgba(15,23,42,.22),rgba(15,23,42,0))} @media(max-width:760px){ html body.pc .pc-af2-hero .art.pc-afw:not(#_){width:84px !important;height:76px !important} html body.pc .pc-af2-hero .pc-afw::before{width:86px;height:64px} html body.pc .pc-af2-hero .pc-afw:not(#_):not(#_)>svg.pc-3di{width:56px !important;height:56px !important} html body.pc .pc-af2-hero .pc-afw::after{width:42px;bottom:4px} } @media(prefers-reduced-motion:reduce){ html body.pc .pc-af2-hero .pc-afw>svg.pc-3di,html body.pc .pc-af2-hero .pc-afw::after{animation-duration:6s !important;animation-iteration-count:infinite !important} } /* ------------------------------------------------------------ E. invoice: one screen at 1440x900 and up */ html body .pl-inv.pl-inv3{padding-top:18px !important;padding-bottom:24px !important} html body .pl-inv3 .pl-inv-topbar{margin-bottom:14px !important} html body .pl-inv3 .pl-inv-main{gap:12px !important} html body .pl-inv3 .pl-inv-side{gap:12px !important} html body .pl-inv3 .pl-inv-hero{padding:18px 22px 16px !important;row-gap:12px !important} html body .pl-inv3 .pl-inv-dates{padding-top:12px !important} html body .pl-inv3 .pl-inv-grid2{gap:12px !important} html body .pl-inv3 .pl-inv-box{padding:15px 18px 14px !important} html body .pl-inv3 .pl-inv-box address{line-height:1.5 !important} html body .pl-inv3 :is(.pl-inv-card-title,.pl-inv-ledger-head){min-height:48px !important} html body .pl-inv3 .pl-inv-items-head{padding-top:8px !important;padding-bottom:8px !important} html body .pl-inv3 .pl-inv-item{padding-top:11px !important;padding-bottom:11px !important} html body .pl-inv3 .pl-inv-totals{padding-top:6px !important} html body .pl-inv3 .pl-inv-totals .row:not(.grand){padding-top:5px !important;padding-bottom:5px !important} html body .pl-inv3 .pl-inv-totals .grand{margin-top:6px !important;padding-top:14px !important;padding-bottom:14px !important} html body .pl-inv3 .pl-inv-ledger .table :is(th,td){padding-top:10px !important;padding-bottom:10px !important} html body .pl-inv3 .pl-inv-ledger tr.empty td{padding-top:12px !important;padding-bottom:12px !important} html body .pl-inv3 .pl-inv-balance{padding-top:12px !important;padding-bottom:12px !important} html body .pl-inv3 .pl-inv-pay{padding-top:18px !important;padding-bottom:18px !important} html body .pl-inv3 .pl-inv-pay-amt{margin:4px 0 10px !important} html body .pl-inv3 .pl-inv-pay-due{padding-top:8px !important;padding-bottom:8px !important} html body .pl-inv3 .pl-inv-pay-method{margin-top:12px !important} html body .pl-inv3 .pl-inv-pay .payment-btn-container{margin-top:12px !important} html body .pl-rc .pl-rc-in{padding-top:18px !important;padding-bottom:16px !important} html body .pl-rc .pl-rc-head{margin-bottom:4px !important} html body .pl-rc .pl-rc-sub{margin-bottom:10px !important} html body .pl-rc .pl-rc-pay{margin-bottom:12px !important;gap:8px !important} html body .pl-rc :is(.pl-rc-amt,.pl-rc-card){padding-top:12px !important;padding-bottom:12px !important} html body .pl-inv3 .pl-inv-help{padding-top:12px !important;padding-bottom:12px !important} html body .pl-inv3 .pl-inv-pay-method select.custom-select{height:42px !important} html body .pl-inv3 .pl-inv-pay .payment-btn-container :is(button,.btn,input[type=submit]){min-height:44px !important;height:44px !important} html body .pl-rc .pl-rc-toggle{height:44px !important;min-height:44px !important} html body .pl-rc .pl-rc-sub{margin-bottom:8px !important} html body .pl-rc :is(.pl-rc-amt,.pl-rc-card){padding-top:10px !important;padding-bottom:10px !important} html body .pl-inv3 .pl-inv-help{padding-top:10px !important;padding-bottom:10px !important} /* ------------------------------------------------------------ F. file inputs */ html body .pl-rc-form input[type=file]{display:block;width:100%;min-height:52px;padding:7px 8px !important;border:1px dashed rgba(125,211,252,.32) !important;border-radius:12px !important; background:rgba(56,189,248,.04) !important;color:#9fb0c6 !important;font-family:inherit !important;font-size:13px !important;font-weight:500 !important;line-height:1.3 !important;cursor:pointer; transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease} html body .pl-rc-form input[type=file]:hover{border-color:rgba(125,211,252,.58) !important;background-color:rgba(56,189,248,.075) !important} html body .pl-rc-form input[type=file]:focus-visible{outline:0;border-color:#38bdf8 !important;box-shadow:0 0 0 3px rgba(56,189,248,.18) !important} html body .pl-rc-form input[type=file]::file-selector-button{height:36px;margin:0 12px 0 0;padding:0 14px 0 36px;border:1px solid rgba(125,211,252,.36);border-radius:9px;cursor:pointer; background:rgba(56,189,248,.13) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237dd3fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V4M7.5 8.5 12 4l4.5 4.5M4 15v3.5A1.5 1.5 0 0 0 5.5 20h13a1.5 1.5 0 0 0 1.5-1.5V15'/%3E%3C/svg%3E") no-repeat 12px 50%/15px 15px; color:#e6f6ff;font-family:inherit;font-size:13px;font-weight:600;line-height:1;transition:background-color .2s ease,border-color .2s ease} html body .pl-rc-form input[type=file]:hover::file-selector-button{background-color:rgba(56,189,248,.22);border-color:rgba(125,211,252,.62)} html body .pl-rc-form input[type=file]::-webkit-file-upload-button{height:36px;margin:0 12px 0 0;padding:0 14px 0 36px;border:1px solid rgba(125,211,252,.36);border-radius:9px;cursor:pointer; background:rgba(56,189,248,.13) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237dd3fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V4M7.5 8.5 12 4l4.5 4.5M4 15v3.5A1.5 1.5 0 0 0 5.5 20h13a1.5 1.5 0 0 0 1.5-1.5V15'/%3E%3C/svg%3E") no-repeat 12px 50%/15px 15px; color:#e6f6ff;font-family:inherit;font-size:13px;font-weight:600;line-height:1} html.pl-light body .pl-rc-form input[type=file]{border-color:rgba(2,132,199,.35) !important;background:rgba(14,165,233,.05) !important;color:#475569 !important} html.pl-light body .pl-rc-form input[type=file]::file-selector-button{background-color:rgba(14,165,233,.1);border-color:rgba(2,132,199,.35);color:#075985; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230369a1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V4M7.5 8.5 12 4l4.5 4.5M4 15v3.5A1.5 1.5 0 0 0 5.5 20h13a1.5 1.5 0 0 0 1.5-1.5V15'/%3E%3C/svg%3E")} /* ticket attachments: the same dashed drop line with the upload glyph */ html body.pc .pc-reply .attachment-group .custom-file-label:not(#_){padding-left:40px !important;border:1px dashed rgba(125,211,252,.32) !important;color:var(--dim) !important; background:rgba(56,189,248,.04) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237dd3fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V4M7.5 8.5 12 4l4.5 4.5M4 15v3.5A1.5 1.5 0 0 0 5.5 20h13a1.5 1.5 0 0 0 1.5-1.5V15'/%3E%3C/svg%3E") no-repeat 14px 50%/15px 15px !important; transition:border-color .25s ease,background-color .25s ease} html body.pc .pc-reply .attachment-group .custom-file:hover .custom-file-label:not(#_){border-color:rgba(125,211,252,.58) !important;background-color:rgba(56,189,248,.075) !important;color:var(--text) !important} html.pl-light body.pc .pc-reply .attachment-group .custom-file-label:not(#_){border-color:rgba(2,132,199,.35) !important;background-color:rgba(14,165,233,.05) !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230369a1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V4M7.5 8.5 12 4l4.5 4.5M4 15v3.5A1.5 1.5 0 0 0 5.5 20h13a1.5 1.5 0 0 0 1.5-1.5V15'/%3E%3C/svg%3E") !important} /* ------------------------------------------------------------ G. configure */ html body.pc #order-standard_cart.pl-cfgx .pl-cfgx-head .pl-cfgx-sub{display:block !important;margin:6px 0 0 !important;padding:0 !important;color:var(--dim) !important;font-size:13.5px !important;line-height:1.55} html body.pc #order-standard_cart.pl-cfgx .pl-cfgx-head{margin-bottom:18px !important} html body.pc #order-standard_cart.pl-cfgx .pl-cfgx-head h1{margin-bottom:0 !important} html body.pc #order-standard_cart.pl-cfgx .secondary-cart-sidebar #orderSummary{margin-top:0 !important} /* ------------------------------------------------------------ H. ticket view */ html body.pc .pc-thread .pc-msg:not(#_){display:block !important;position:relative;margin:0 0 14px !important} html body.pc .pc-thread .pc-msg:not(#_)>.av{position:absolute;left:14px;top:9px;z-index:2;width:28px !important;height:28px !important;border-radius:50% !important; font-size:12px !important;font-weight:700;color:#fff !important;background:linear-gradient(145deg,#7dd3fc,#2563eb) !important;box-shadow:0 4px 10px -4px rgba(37,99,235,.7) !important} html body.pc .pc-thread .pc-msg.staff:not(#_)>.av{background:#0b1b2e !important;box-shadow:inset 0 0 0 1px rgba(125,211,252,.3) !important} html body.pc .pc-thread .pc-msg.staff:not(#_)>.av img{width:17px !important;height:17px !important} html body.pc .pc-thread .pc-msg:not(#_) .bubble{width:100%} html body.pc .pc-thread .pc-msg:not(#_) .bubble>.hd{padding-left:52px !important;flex-wrap:wrap;row-gap:4px;column-gap:8px !important} html body.pc .pc-thread .pc-msg:not(#_) .hd .who{margin:0 !important} html body.pc .pc-thread .pc-msg:not(#_) .hd time{margin:0 0 0 auto !important} html body.pc .pc-pagehead .sub .pc-badge [style]{color:inherit !important} html body.pc .pc-pagehead .sub .pc-badge.amber{color:#fbbf24 !important;background:rgba(251,191,36,.13) !important} html body.pc .pc-reply .md-editor .md-input:not(#_),html body.pc .pc-reply .md-editor>textarea:not(#_){min-height:112px !important;height:136px !important} html body.pc .pc-reply .md-editor .md-preview:not(#_){min-height:112px !important} body.pc[data-tpl="viewticket"] .pl-content{padding-bottom:92px !important} @media(max-width:760px){ html body.pc .pc-thread .pc-msg:not(#_) .hd time{flex-basis:100%;margin:0 !important;font-size:11px !important} html body.pc .pc-thread .pc-msg:not(#_)>.av{top:10px;left:12px} html body.pc .pc-thread .pc-msg:not(#_) .bubble>.hd{padding-left:48px !important} html body.pc .pc-reply .md-editor>.md-header:not(#_){flex-wrap:nowrap !important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch; -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)} html body.pc .pc-reply .md-editor>.md-header:not(#_)::-webkit-scrollbar{display:none} html body.pc .pc-reply .md-editor>.md-header .btn-group{flex:none} html body.pc .pc-reply .md-editor .md-input:not(#_),html body.pc .pc-reply .md-editor>textarea:not(#_){height:120px !important} html body.pc .pc-reply .acts:not(#_){display:grid !important;grid-template-columns:1fr 1fr;gap:10px} html body.pc .pc-reply .acts:not(#_)>.sp{display:none} html body.pc .pc-reply .acts:not(#_) input.pc-btn{width:100%} } /* ------------------------------------------------------------ I. users */ html body.pc .pc-users .pc-users-inviteform:not(#_){display:flex !important;flex-direction:column;align-items:stretch;grid-template-columns:none !important;gap:0 !important;padding:20px 22px 22px !important} html body.pc .pc-users .pc-users-inviteform:not(#_)>.pc-lbl{display:block;margin:0 0 8px !important;font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--faint)} html body.pc .pc-users .pc-users-inviteform:not(#_)>.pc-lbl-perms{margin-top:20px !important} html body.pc .pc-users .pc-users-inviterow{width:100%;margin:0 !important} html body.pc .pc-users .pc-users-perms{margin:0 !important;grid-template-columns:1fr 1fr !important} html body.pc .pc-users .pc-permopt{min-height:64px;align-items:center} html body.pc .pc-users .pc-permopt .rad{margin-top:0} html body.pc .pc-users .pc-users-invitegrid:not(#_){grid-template-columns:minmax(0,1fr) 320px !important} html body.pc .pc-users .pc-users-side:not(#_){padding:16px 20px !important;justify-content:center} html body.pc .pc-users-table .pc-tile.pc-mono:not(#_){width:36px !important;height:36px !important;border-radius:50% !important;color:#fff !important; background:linear-gradient(145deg,#7dd3fc,#2563eb) !important;box-shadow:0 6px 14px -6px rgba(37,99,235,.7) !important} html body.pc .pc-users-table .pc-tile.pc-mono:not(#_)::before,html body.pc .pc-users-table .pc-tile.pc-mono:not(#_)::after{content:none !important;display:none !important} html body.pc .pc-users-table .pc-tile.pc-mono:not(#_) b{font-size:14px} html body.pc .pc-users-table .pc-tile.pc-mono.off:not(#_){background:var(--raise) !important;color:var(--dim) !important;box-shadow:inset 0 0 0 1px var(--border-strong) !important} html body.pc .pc-users-table td.rowact .pc-btn.disabled:not(#_){opacity:.42 !important;pointer-events:none} @media(max-width:980px){ html body.pc .pc-users .pc-users-invitegrid:not(#_){grid-template-columns:1fr !important} html body.pc .pc-users .pc-users-side:not(#_){display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;border-left:0 !important;border-top:1px solid var(--border-soft)} html body.pc .pc-users .pc-users-fact+.pc-users-fact{border-top:0 !important} } @media(max-width:760px){ html body.pc .pc-users .pc-users-inviteform:not(#_){padding:16px !important} html body.pc .pc-users .pc-users-perms{grid-template-columns:1fr !important} html body.pc .pc-users .pc-users-side:not(#_){grid-template-columns:1fr;padding:6px 16px 10px !important} html body.pc .pc-users .pc-users-fact+.pc-users-fact{border-top:1px solid var(--border-soft) !important} html body.pc .pc-users .pc-users-inviterow>.pc-btn{width:100%;justify-content:center} } /* ------------------------------------------------------------ J. dashboard: the right column floats (script: papilio_r14.php, r14c) fixed = never carried by the scroll; the script sets left/width from the grid's 300px track and moves it with a spring */ @media(min-width:1101px){ html body.pc .pc-dash>aside.pc-float:not(#_){position:fixed !important;top:0 !important;margin:0 !important;max-height:none !important;overflow:hidden !important;z-index:4;will-change:transform} } /* ------------------------------------------------------------ K. r14c: the product icon's glow was cut by the table's own scroll box (overflow:auto, the icon 2px from its edge) = a hard vertical edge left of every icon and a hard floor under the last row. Room on the left and at the bottom, pulled back with negative margins: nothing moves. Papilio look only (the Gcore cells have 20px of padding and a framed card). */ @media(min-width:761px){ html:not(.pl-ui2) body.pc .pc-tablewrap:not(#_){padding-left:18px !important;margin-left:-18px !important;padding-bottom:16px !important;margin-bottom:-16px !important} }