/* SC Procurement System front-end styles */
.sc-procure{
  --brand:#441752; --ink:#1b1330; --muted:#6a5d7b; --bg:#faf8fc; --stroke:#e9e0f0;
  --radius:14px; --shadow:0 6px 20px rgba(27,19,48,.08);
  font-family: Rubik,system-ui,Segoe UI,Roboto,Arial,sans-serif;
  background:var(--bg); padding:24px; border-radius:var(--radius); border:1px solid var(--stroke);
}
.proc-head{display:grid;gap:10px}
.proc-search{position:relative;display:flex;align-items:center}
.proc-search input{
  width:100%; border:1.5px solid var(--stroke); border-radius:999px; padding:12px 44px 12px 16px;
  font-size:15px; background:#fff; outline:0; transition:border-color .2s, box-shadow .2s;
}
.proc-search input:focus{
  border-color:var(--brand);
  box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 20%, transparent);
}
.proc-clear{
  position:absolute; right:6px; border:0; background:transparent; width:36px; height:36px;
  border-radius:50%; cursor:pointer; font-size:16px; color:var(--muted);
}
.proc-clear:hover{ background:#f3edf7; color:var(--brand) }
.proc-status{ font-size:13px; color:var(--muted) }
.proc-list{ margin-top:8px; display:grid; gap:10px }
.proc-item{ background:#fff; border:1px solid var(--stroke); border-radius:12px; box-shadow:var(--shadow); overflow:hidden }
.proc-item>summary{
  list-style:none; cursor:pointer; padding:14px 40px 14px 16px; display:flex; align-items:center; gap:10px; position:relative; outline:none
}
.proc-item>summary::-webkit-details-marker{ display:none }
.proc-item[open]>summary{ border-bottom:1px solid var(--stroke) }
.proc-item__title{ flex:1; font-weight:600; color:var(--ink); line-height:1.35 }
.proc-item__title a{ color:inherit; text-decoration:none }
.proc-item>summary::after{
  content:"▸"; position:absolute; right:14px; top:50%; translate:0 -50%; color:var(--muted); transition:transform .2s
}
.proc-item[open]>summary::after{ transform:rotate(90deg) }
.proc-docs{ padding:10px 14px 14px 20px; margin:0; display:grid; gap:6px }
.proc-docs li{ margin:0; padding:0; list-style:disc; color:var(--muted) }
.proc-docs a{
  text-decoration:none; color:var(--brand); font-weight:500; border-bottom:1px dashed transparent; transition:border-color .15s, color .15s
}
.proc-docs a:hover{ border-color:var(--brand); color:#2f0f40 }
.visually-hidden{ position:absolute !important; height:1px; width:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap }
@media (min-width:720px){ .sc-procure{ padding:28px } .proc-list{ gap:12px } }