/* C4C Requirements shared modern UI */
body{background:#f3f7fa!important;color:#243444}
.page{width:calc(100% - 40px)!important;max-width:1380px!important;margin:24px auto 64px!important}
.page .layout{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:20px!important;align-items:start}
.c4c-requirements-sidebar{background:#fff!important;border:1px solid #dbe5ec!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(15,57,88,.06)!important;position:sticky;top:16px}
.c4c-requirements-sidebar .sidebar-title{padding:17px 16px!important;background:linear-gradient(135deg,#123f67,#17689d)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.2px}
.c4c-requirements-sidebar .sidebar-section{padding:14px 15px 7px!important;color:#93a0aa!important;font-size:8px!important;font-weight:900!important;letter-spacing:1.1px!important}
.c4c-requirements-sidebar .sidebar-link{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:39px!important;padding:0 15px!important;border:0!important;border-top:1px solid #edf2f5!important;color:#526272!important;background:#fff!important;font-size:10px!important;font-weight:700!important;text-decoration:none!important}
.c4c-requirements-sidebar .sidebar-link:hover{background:#f6f9fb!important;color:#124f7e!important}
.c4c-requirements-sidebar .sidebar-link.active{background:#eef5fa!important;color:#124f7e!important;border-left:3px solid #f36f21!important;padding-left:12px!important;font-weight:900!important}
.page .main{min-width:0}.page .breadcrumb{font-size:10px!important;margin-bottom:11px!important}
.page .hero{border-radius:13px!important;padding:24px 26px!important;background:linear-gradient(115deg,#103f68,#17699e)!important;box-shadow:0 12px 28px rgba(15,62,96,.14)!important}
.page .hero h1{font-size:27px!important;line-height:1.15!important;margin:7px 0!important}.page .hero p{font-size:11px!important;line-height:1.65!important}.page .hero-btn{min-height:38px!important;padding:0 14px!important;border-radius:7px!important;font-size:9px!important}
.page .hub-grid{gap:10px!important}.page .hub{min-height:104px!important;padding:15px!important;border-radius:10px!important}.page .hub h3{font-size:12px!important}.page .hub p{font-size:9px!important}
.page .search-card,.page .card,.page .info,.page .empty,.page .requirement-actions,.page .lead-strip{border-radius:10px!important;border-color:#dce6ed!important;box-shadow:0 6px 18px rgba(15,57,88,.045)!important}
.page .input,.page .select,.page input[type=text],.page input[type=email],.page input[type=number],.page input[type=date],.page select,.page textarea{font-size:11px!important;border-radius:7px!important}
.page .btn,.page .button,.page button,.page .search-button{border-radius:7px!important;font-weight:800!important}
@media(max-width:900px){.page .layout{grid-template-columns:190px minmax(0,1fr)!important}.page .hero{padding:21px!important}}
@media(max-width:760px){.page{width:calc(100% - 22px)!important;margin:14px auto 42px!important}.page .layout{display:block!important}.c4c-requirements-sidebar{position:static!important;margin-bottom:14px!important}.c4c-requirements-sidebar .sidebar-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.c4c-requirements-sidebar .sidebar-section{display:block!important}.page .hero h1{font-size:23px!important}}
@media(max-width:430px){.c4c-requirements-sidebar .sidebar-links{grid-template-columns:1fr!important}}
