@import url("assets/vendor/fonts/google-fonts.css");

:root{--navy:#071b36;--purple:#6842ad;--teal:#10b8bd;--green:#087f5b;--red:#c92a2a;--bg:#f4f7fb;--surface:#fff;--muted:#748198;--border:#dbe3ef;--shadow:0 14px 38px rgba(7,27,54,.08)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--navy);font-family:"IBM Plex Sans Arabic",Arial,sans-serif;font-size:16px;line-height:1.6}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.positions-page{width:min(100% - 40px,1480px);margin:auto;padding:24px 0 48px}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}
.page-head h1{font-size:clamp(26px,2.4vw,34px);line-height:1.25;margin:2px 0 6px}
.page-head p{max-width:720px;margin:0;color:var(--muted);font-size:15px}
.eyebrow{color:var(--purple);font-weight:700;font-size:14px}
.head-actions,.row-actions,.pager{display:flex;gap:10px;flex-wrap:wrap}
.button,.row-actions button,.icon-button{border:1px solid var(--border);background:#fff;color:var(--navy);border-radius:7px;min-height:42px;padding:8px 15px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.button.primary{background:var(--purple);border-color:var(--purple);color:#fff}
.button.ghost:hover,.row-actions button:hover{border-color:var(--purple);color:var(--purple)}
.button:disabled{opacity:.55;cursor:not-allowed}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.metrics article{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px 17px;box-shadow:var(--shadow)}
.metrics span{display:block;color:var(--muted);font-size:13px}.metrics strong{display:block;font-size:25px;line-height:1.2;margin-top:3px}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}
.panel-head{padding:16px 18px;display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid var(--border)}
.panel h2{margin:0;font-size:20px}.panel p{margin:2px 0 0;color:var(--muted);font-size:14px}
.search{display:grid;gap:4px;min-width:min(340px,100%);font-size:12px;font-weight:700}.search input,.central-tools input,.central-tools select,.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:42px;border:1px solid var(--border);border-radius:7px;padding:8px 11px;color:var(--navy);background:#fff;outline:none}.search input:focus,.central-tools input:focus,.central-tools select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(104,66,173,.12)}
.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;min-width:1080px}th,td{padding:11px 13px;text-align:start;border-bottom:1px solid var(--border);vertical-align:middle;font-size:14px}th{background:#f8f9fc;color:#66738a;font-size:12px;white-space:nowrap}tbody tr:hover{background:#faf8ff}.position-name{display:grid}.position-name small{color:var(--muted)}.position-title-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.core-badge{display:inline-flex;align-items:center;min-height:23px;padding:2px 7px;border-radius:999px;background:#e9f7f1;color:#087458;font-size:11px;font-weight:700}.code{font-family:Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.source,.status{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;white-space:nowrap}.source.central{background:#ede7f8;color:#58379b}.source.custom{background:#e8f7fa;color:#08717b}.status.active{background:#e5f6ef;color:var(--green)}.status.inactive{background:#fdebec;color:var(--red)}.row-actions button{min-height:34px;padding:5px 9px;font-size:12px}.row-actions button:disabled{cursor:not-allowed;opacity:.6;background:#f1f3f7}.empty{padding:40px;text-align:center}.empty strong{font-size:19px}
.dialog{border:0;padding:0;background:transparent;max-width:none}.dialog::backdrop{background:rgba(3,18,38,.68);backdrop-filter:blur(2px)}.dialog-shell{width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:8px;box-shadow:0 24px 80px rgba(0,0,0,.25)}.dialog.wide .dialog-shell{width:min(1120px,calc(100vw - 32px))}.dialog-shell>header,.dialog-shell>footer{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}.dialog-shell>footer{border-top:1px solid var(--border);border-bottom:0}.dialog-shell h2{margin:2px 0 0;font-size:22px}.dialog-shell header p{margin:3px 0 0;color:var(--muted);font-size:14px}.icon-button{width:42px;padding:0;font-size:25px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:18px}.form-grid label{display:grid;gap:4px;font-size:14px;font-weight:600}.form-grid label.full{grid-column:1/-1}.form-grid textarea{resize:vertical}
.central-tools{display:grid;grid-template-columns:2fr 1fr;gap:14px;padding:20px 24px;border-bottom:1px solid var(--border)}.central-results{padding:20px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-height:60vh;overflow:auto}.central-item{border:1px solid var(--border);border-radius:8px;padding:16px;display:flex;flex-direction:column;min-width:0}.central-item h3{font-size:18px;margin:12px 0 0}.central-item p{margin:0;color:var(--muted);min-height:24px}.central-item-head,.central-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.central-item .button{margin-top:auto}.central-meta{padding:15px 0}.central-empty{grid-column:1/-1;text-align:center;padding:50px}.toast{position:fixed;inset-inline-start:24px;bottom:24px;z-index:1000;background:var(--navy);color:#fff;padding:13px 18px;border-radius:7px;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast[data-tone="error"]{background:var(--red)}.toast[data-tone="info"]{background:#12628b}
.usage-badges{display:flex;flex-wrap:wrap;gap:6px;min-width:130px}
.usage{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 9px;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap}
.usage.enabled{background:#e1f5ef;color:#087458}
.usage.disabled{background:#f1f3f7;color:#7a8499;text-decoration:line-through}
.cell-action{display:grid;gap:1px;min-width:126px;padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--navy);text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.cell-action span{font-weight:700;font-size:13px}.cell-action small{color:var(--muted);font-size:11px}
.cell-action:hover,.cell-action:focus-visible{border-color:var(--purple);background:#faf8ff;transform:translateY(-1px);outline:none}
.cell-action.permissions{border-inline-start:3px solid var(--purple)}
.cell-action.employees{border-inline-start:3px solid var(--teal)}
@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head,.panel-head{align-items:stretch;flex-direction:column}.central-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.positions-page{width:min(100% - 24px,1680px);padding-top:22px}.head-actions>*{width:100%}.metrics{gap:10px}.metrics article{padding:15px}.panel-head{padding:18px}.form-grid,.central-tools,.central-results{grid-template-columns:1fr;padding:16px}.form-grid label.full{grid-column:auto}.dialog-shell>header,.dialog-shell>footer{padding:16px}.dialog-shell>footer{position:sticky;bottom:0;background:#fff}.central-results{max-height:none}.search{min-width:0}}
@media(max-width:380px){.metrics{grid-template-columns:1fr}.page-head h1{font-size:28px}}