/* PopIT portal visual refresh. Existing brand files and server permissions stay unchanged. */
body.popit-portal-v2{
 --green:#176744;--green-dark:#115334;--green-glow:#eef6ef;--orange:#ad5109;--orange-dark:#854008;
 --orange-glow:#fff4e6;--red:#b53939;--red-light:#fff0ef;--red-border:#e8b3b1;
 --sb-w:250px;--sb-bg:#122f25;--sb-border:#ffffff14;--sb-text:#d1e0d6;--sb-text-hover:#fff;
 --sb-text-act:#173d29;--sb-item-act:#e2f0db;--sb-label:#afc5b8;
 --bg:#f5f6f2;--card:#fff;--text:#202f2b;--muted:#596d61;--border:#e2e8e2;--border-2:#7d9082;
 --shadow-xs:0 1px 2px #162e2205;--shadow-sm:0 3px 16px #162e2205;--shadow:0 4px 20px #162e220a;
 --r-sm:8px;--r:12px;--r-lg:16px;--r-xl:20px;
 font-family:'Outfit','Segoe UI',Arial,sans-serif;color:var(--text);background:var(--bg);
}
.popit-portal-v2 .sidebar:before{display:none}
.popit-portal-v2 .sidebar{scrollbar-color:#607e6c transparent}
/* Deliberately no logo image overrides: retain its current file, proportions and presentation. */
.popit-portal-v2 .sb-brand-tag{color:#b9cec3}
.portal-tenant{display:flex;gap:10px;align-items:center;margin:0 18px 14px;padding:12px;border:1px solid #ffffff22;background:#ffffff06;border-radius:10px;min-width:0}
.portal-tenant-icon{width:31px;height:31px;display:grid;place-items:center;background:#ffffff10;border-radius:8px;flex:none}
.portal-tenant-icon svg{width:17px;height:17px;color:#d1e0d6}
.portal-tenant strong{font-size:13px;color:#edf3ee;display:block;overflow-wrap:anywhere}
.portal-tenant small{display:block;font-size:11px;color:#b9cec3}
.popit-portal-v2 .sb-section{color:var(--sb-label);font-size:10px;letter-spacing:1.2px;padding-top:18px;flex-direction:row}
.popit-portal-v2 .sb-item{border-radius:8px;min-height:43px;color:var(--sb-text);font-size:13px}
.popit-portal-v2 .sb-item:hover{background:#ffffff0c;color:#fff;transform:none}
.popit-portal-v2 .sb-item.active{background:var(--sb-item-act);color:var(--sb-text-act);box-shadow:none}
.popit-portal-v2 .sb-item.active svg{color:var(--sb-text-act);opacity:1}
.popit-portal-v2 .sb-item.active:before{display:none}
.popit-portal-v2 .sb-footer{background:transparent;border-top:1px solid #ffffff16}
.popit-portal-v2 .sb-avatar{background:#e4ecdc;color:#22583c;border-radius:9px}
.popit-portal-v2 .sb-user-name{color:#edf3ee}.popit-portal-v2 .sb-user-role{color:#b9cec3}
.popit-portal-v2 .sb-lang a{color:#b9cec3}.popit-portal-v2 .sb-lang a.active{background:#e2f0db;color:#173d29}
.popit-portal-v2 .content-header{background:var(--card);backdrop-filter:none;min-height:84px;padding:15px 32px;gap:16px}
.portal-title{min-width:0;flex:1}.portal-context{font-size:11px;color:var(--muted);display:block;margin-bottom:4px;overflow-wrap:anywhere}
.popit-portal-v2 .content-header h1{font-size:24px;line-height:1.25;letter-spacing:-.6px;font-weight:600;overflow-wrap:anywhere}
.portal-header-actions{display:flex;align-items:center;gap:12px;flex:none}
.portal-languages{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:8px}
.portal-languages a{padding:6px 8px;min-height:32px;font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:center;border-radius:5px}
.portal-languages a[aria-current=true]{background:var(--green-glow);color:var(--green);font-weight:700}
.popit-portal-v2 .content-main{padding:28px 32px 40px}.popit-portal-v2 .container{max-width:1440px;margin:0 auto}
.popit-portal-v2 .grid,.popit-portal-v2 .ops-stack{gap:22px}
.popit-portal-v2 .card{border-radius:16px;background:var(--card);box-shadow:var(--shadow-sm)}
.popit-portal-v2 .card:hover{box-shadow:var(--shadow-sm)}
.popit-portal-v2 .card .card-h{padding:19px 23px;background:var(--card);border-bottom:1px solid var(--border)}
.popit-portal-v2 .card .card-h h2{font-size:15px;font-weight:600;letter-spacing:-.2px}
.popit-portal-v2 .card .card-b{padding:22px 23px}
.popit-portal-v2 .pagehead h1{font-size:27px;font-weight:600;letter-spacing:-.7px}
.popit-portal-v2 .btn{min-height:41px;border-radius:8px;transition:background .16s,border-color .16s,color .16s;box-shadow:none}
.popit-portal-v2 .btn:active{transform:none}
.popit-portal-v2 .btn-primary{background:var(--green);color:#fff;box-shadow:none;border-color:var(--green)}
.popit-portal-v2 .btn-primary:hover{background:var(--green-dark);filter:none;box-shadow:none}
.popit-portal-v2 .btn-ghost{border-color:var(--border);background:var(--card);color:var(--text)}
.popit-portal-v2 .btn-ghost:hover{background:var(--green-glow);border-color:#92b39c}
.popit-portal-v2 .btn-small{min-height:33px;padding:6px 11px}
.popit-portal-v2 .btn:disabled{cursor:not-allowed;opacity:.55}
.popit-portal-v2 .input,.popit-portal-v2 input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]),.popit-portal-v2 select,.popit-portal-v2 textarea{font:inherit;background:#fff;color:var(--text);border:1px solid var(--border-2);border-radius:8px;min-height:42px;padding:10px 12px;max-width:100%;min-width:0}
.popit-portal-v2 input[type=checkbox],.popit-portal-v2 input[type=radio]{accent-color:var(--green)}
.popit-portal-v2 label{color:var(--text);font-weight:500;font-size:13px}
.popit-portal-v2 .help{color:var(--muted);font-size:12px;line-height:1.65}
.popit-portal-v2 .table-wrap{border-radius:10px;border:1px solid var(--border);max-width:100%;overscroll-behavior-x:contain}
.popit-portal-v2 table th{background:#f5f6f2;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.6px;padding:12px 16px}
.popit-portal-v2 table td{padding:14px 16px;border-color:var(--border);font-size:13px}
.popit-portal-v2 table tbody tr:hover{background:#f1f6ee}
.popit-portal-v2 .pill,.popit-portal-v2 .badge{background:#f3f6ef;border-color:var(--border);color:var(--muted);font-size:12px;border-radius:7px}
.popit-portal-v2 .progress{background:var(--border)}.popit-portal-v2 .progress>div{background:var(--green)}
.popit-portal-v2 .ops-status{border-radius:7px;background:#f3f6ef;font-size:12px}
.popit-portal-v2 .ops-list-item{border-radius:11px;padding:19px}
.popit-portal-v2 .ops-fieldset{background:#fbfcf9;border-radius:11px}
.popit-portal-v2 .ops-choice{font-size:13px}
.popit-portal-v2 .ops-success,.popit-portal-v2 .ok{background:#edf6eb;border-color:#a5cbaa;color:#245738}
.popit-portal-v2 .ops-note{background:#f6f8f2}
.popit-portal-v2 .footer{border:0;font-size:11px;color:var(--muted);margin-top:28px;text-align:left}
.portal-skip{position:fixed;top:-100px;left:16px;z-index:1001;background:#fff;color:#173d29;border:2px solid #176744;border-radius:8px;padding:12px}
.portal-skip:focus{top:12px}
.popit-portal-v2 :is(a,button,input,textarea,select):focus-visible{outline:3px solid #ca790f;outline-offset:3px}
.popit-portal-v2 .input:focus,.popit-portal-v2 select:focus,.popit-portal-v2 textarea:focus{border-color:#176744;box-shadow:none}
/* Login uses the existing markup and brand, with the same visual language. */
.popit-portal-v2 .l-brand{background:#122f25;background-image:none}
.popit-portal-v2 .l-brand:before{display:none}
.popit-portal-v2 .l-tagline{color:#c0d2c6}.popit-portal-v2 .l-headline em{color:#c6e3c0}
.popit-portal-v2 .l-form-panel{background:var(--bg)}
.popit-portal-v2 .l-card{border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}
.popit-portal-v2 .l-btn{background:#176744;border-color:#176744;box-shadow:none}
@media(max-width:1024px){.popit-portal-v2 .content-header{padding:15px 22px}.popit-portal-v2 .content-main{padding:24px 22px 36px}.popit-portal-v2 .menu-toggle{min-width:40px;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px}}
@media(max-width:700px){.popit-portal-v2 .content-header{padding:12px 16px;min-height:78px;flex-wrap:wrap;gap:10px}.portal-title{flex:1;min-width:130px}.popit-portal-v2 .content-header h1{font-size:21px}.portal-header-actions{margin-left:auto;gap:8px}.portal-compose-shortcut{display:none!important}.popit-portal-v2 .content-main{padding:22px 16px 32px}.popit-portal-v2 .card .card-h,.popit-portal-v2 .card .card-b{padding:17px}.popit-portal-v2 .card .card-h{flex-wrap:wrap}.popit-portal-v2 .sb-brand{padding-top:18px}.popit-portal-v2 .ops-list-item{padding:15px}}
@media(prefers-reduced-motion:reduce){.popit-portal-v2 *,.popit-portal-v2 *:before,.popit-portal-v2 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}