body.procurement-page{
  background:
    radial-gradient(circle at 8% 10%,rgba(216,173,85,.13),transparent 26rem),
    radial-gradient(circle at 92% 28%,rgba(201,116,84,.09),transparent 28rem),
    linear-gradient(90deg,rgba(7,59,51,.024) 1px,transparent 1px),
    linear-gradient(rgba(7,59,51,.024) 1px,transparent 1px),
    #fbf8f0;
  background-size:auto,auto,48px 48px,48px 48px,auto;
}
.procurement-hero::before{content:"BARANG & JASA"}
.procurement-hero .profile-hero-icon{background:#edcf80;color:#173b33}
.profile-navigation a.procurement-navigation-child{position:relative;margin-left:14px;padding-left:20px;border-left:2px solid #ddd4c3;border-radius:0 7px 7px 0;font-size:.73rem}
.profile-navigation a.procurement-navigation-child::before{content:"";position:absolute;left:0;top:50%;width:10px;border-top:2px solid #ddd4c3}
.profile-navigation a.procurement-navigation-child.is-current{border-left-color:#d8ad55}
html.dark-mode body.procurement-page{background:#071c19;color:#f5f1e8}
html.dark-mode .profile-navigation a.procurement-navigation-child{border-left-color:#45635a}
html.dark-mode .profile-navigation a.procurement-navigation-child::before{border-top-color:#45635a}
@media(max-width:700px){.profile-navigation a.procurement-navigation-child{margin-left:10px}}
/* Tampilan halaman Barang dan Jasa. */

.procurement-link-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:220px;text-align:center}
.procurement-link-state .profile-empty-icon{margin:0}
.procurement-file-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:140px;padding:12px 22px;border:0;border-radius:8px;background:#0d4b40;color:#fff;font-family:inherit;font-size:.92rem;font-weight:700;line-height:1.35;text-decoration:none;cursor:pointer;box-shadow:0 8px 20px rgba(8,50,43,.13)}
.procurement-file-button:hover,.procurement-file-button:focus-visible{background:#176354;color:#fff}
.procurement-file-button:disabled{background:#d5ddd8;color:#435b54;cursor:not-allowed;box-shadow:none}
.procurement-link-state p{margin:0;color:#617670}
html.dark-mode .procurement-file-button{background:#e5c36f;color:#102c26}
html.dark-mode .procurement-file-button:hover,html.dark-mode .procurement-file-button:focus-visible{background:#f2d890;color:#102c26}
html.dark-mode .procurement-file-button:disabled{background:#345047;color:#c5d0c9}
html.dark-mode .procurement-link-state p{color:#c2d0ca}