/* Additions for the PHP version. The look & feel itself comes from style.css (the original design). */
a.btn,a.action-btn,a.nav-item,a.icon-btn,a.text-link,a.side-call{text-decoration:none}
a.action-btn{display:inline-block}
a.nav-item{width:100%;box-sizing:border-box}
a.text-link{display:inline-block}
.pill.inactive{color:#5b6270;background:#eceef2}
.side-call{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r);color:#aeb3bc;margin-left:auto}
.side-call:hover{background:var(--nav2);color:#fff}
.side-bottom .help-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r)}
.side-bottom b{display:block;font-size:12.5px;color:#fff}.side-bottom small{display:block;color:#8d929c;font-size:11px}

/* notifications */
.bell-wrap{position:relative}
.bell-menu{position:absolute;right:0;top:46px;width:330px;max-height:400px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 50px rgba(16,18,22,.18);z-index:90}
.bell-menu[hidden]{display:none}
.bell-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font-weight:700;font-size:13px}
.bell-item{display:block;padding:11px 14px;border-bottom:1px solid #f0f1f4;color:var(--ink);text-decoration:none}
.bell-item:hover{background:#fafbfc}.bell-item.unread{background:var(--goldsoft)}
.bell-item b{display:block;font-size:12.5px}.bell-item small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}
.bell-empty{padding:26px 14px;text-align:center;color:var(--muted);font-size:12.5px}

/* forms, pager, misc */
.form-err{color:var(--red);font-size:12.5px;min-height:18px;margin:2px 0 0}
.field select[multiple]{min-height:130px}
.field .hint{color:var(--muted);font-size:11.5px;margin-top:4px;display:block}
.pager{display:flex;align-items:center;gap:6px;justify-content:flex-end;padding-top:14px;flex-wrap:wrap}
.pager-info{color:var(--muted);font-size:12px;margin-right:auto;padding-top:12px}
.pager .pager-info{padding-top:0}
.cred-box{background:var(--goldsoft);border:1px solid #efdca6;border-radius:var(--r);padding:14px 16px;margin:10px 0;font-size:13.5px;line-height:1.9}
.cred-box code{font:700 14px ui-monospace,Consolas,monospace;background:#fff;border:1px solid #efdca6;border-radius:6px;padding:2px 8px;user-select:all}
.kv{width:100%;white-space:normal}.kv td{padding:9px 6px;border-bottom:1px solid #eef0f3;vertical-align:top}
.kv td:first-child{color:var(--muted);width:38%}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.tabs a{padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink2);font:600 12.5px Inter,sans-serif;text-decoration:none}
.tabs a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.toolbar label{margin:0}
.toolbar .btn,.toolbar select,.toolbar input[type=date]{width:auto}
.toolbar .search input{width:100%}
.row-actions{white-space:nowrap}
.text-muted{color:var(--muted)}.text-right{text-align:right}
.bar.alt{background:#c9ccd3}
.bar-val{font-size:10.5px;color:var(--muted);margin-bottom:-4px}
.chart-legend{display:flex;gap:16px;align-items:center;padding-top:10px}
.legend-dot.alt{background:#c9ccd3}
.mini-bars{display:grid;gap:8px}
.mini-bars .mb{display:flex;align-items:center;gap:10px;font-size:12px}
.mini-bars .mb span{width:70px;color:var(--muted)}
.mini-bars .mb .progress{flex:1}.mini-bars .mb b{width:34px;text-align:right}
.lock-note{font-size:12px;color:var(--muted)}
.perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin:4px 0 14px}
.perm-grid label{display:flex;align-items:center;gap:8px;font-weight:500;margin:0}
.perm-grid input{width:16px;min-height:0;height:16px;accent-color:var(--gold)}
.check-row{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-weight:600}
.check-row input{width:18px;height:18px;min-height:0;accent-color:var(--gold)}
.member-hero{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.member-hero .md-photo{width:92px;height:92px;margin:0}
.auth-warn{background:#fff8e6;border:1px solid #f4e3b5;color:#7d5d14;border-radius:8px;padding:10px 12px;font-size:12.5px;margin-bottom:14px}
@media(max-width:720px){.bell-menu{position:fixed;left:10px;right:10px;top:64px;width:auto}.perm-grid{grid-template-columns:1fr}}
@media print{.toolbar,.pager,.no-print,.page-heading .btn{display:none!important}.table-wrap{max-height:none;overflow:visible}body{background:#fff}.card{border:0;box-shadow:none;padding:0}}