KabundiNjuki
2 lines
7.0 KiB
CSS
2 lines
7.0 KiB
CSS
.makap-gov-shell{--g-ink:#19343b;--g-muted:#71868b;--g-line:#e1ecea;--g-teal:#0c766c;--g-mint:#e3f5ef;--g-shadow:0 18px 50px rgba(20,68,70,.07);max-width:1500px;margin:0 auto;padding:34px 42px 48px;color:var(--g-ink);font-family:"DM Sans",sans-serif}.makap-gov-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.makap-gov-eyebrow{ text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700;color:#87a19e;margin-bottom:8px}.makap-gov-head h1{font:600 31px "Space Grotesk",sans-serif;letter-spacing:-.045em;margin:0 0 8px}.makap-gov-head p{font-size:13px;color:var(--g-muted);margin:0;max-width:760px}.makap-gov-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.makap-gov-metrics>div{background:#fff;border:1px solid var(--g-line);border-radius:10px;padding:17px 19px;box-shadow:var(--g-shadow)}.makap-gov-metrics span,.makap-gov-metrics small{display:block}.makap-gov-metrics span{font-size:10px;color:var(--g-muted);font-weight:700;text-transform:uppercase;letter-spacing:.07em}.makap-gov-metrics strong{font:600 27px "Space Grotesk",sans-serif;display:block;margin:8px 0 3px}.makap-gov-metrics small{font-size:10px;color:#91a09f}.makap-gov-metrics .good{background:#f5fcf9;border-color:#dcebe7}.makap-gov-metrics .good strong{color:#4c9b73}.makap-gov-metrics .warn{background:#fffaf0;border-color:#f1dfbd}.makap-gov-metrics .warn strong{color:#bd7d28}.makap-gov-tabs{display:flex;gap:5px;background:#edf5f2;border:1px solid #dfece8;padding:5px;border-radius:10px 10px 0 0}.makap-gov-tabs button{border:0;background:transparent;color:#66817d;border-radius:7px;padding:10px 15px;font:600 11px "DM Sans";cursor:pointer}.makap-gov-tabs button.active{background:#fff;color:var(--g-teal)}.makap-gov-work{display:grid;grid-template-columns:minmax(370px,.9fr) minmax(520px,1.55fr);min-height:690px;background:#fff;border:1px solid var(--g-line);border-top:0;border-radius:0 0 14px 14px;overflow:hidden;box-shadow:var(--g-shadow)}.makap-gov-listpanel{border-right:1px solid var(--g-line);background:#fbfdfd}.makap-gov-listhead{padding:21px 22px 16px;border-bottom:1px solid var(--g-line)}.makap-gov-listhead strong{font:600 17px "Space Grotesk",sans-serif;display:block}.makap-gov-listhead span{font-size:10px;color:#91a09f;display:block;margin-top:3px}.makap-gov-search{display:flex;gap:8px;align-items:center;background:#f2f7f5;border:1px solid #e3eeea;border-radius:7px;padding:9px 11px;color:#8fa09c;margin-top:16px}.makap-gov-search input{border:0;background:transparent;outline:0;width:100%;font:11px "DM Sans"}.makap-gov-listhead select{border:1px solid #e3eeea;background:#f8fbfa;color:#66807c;border-radius:7px;padding:7px;width:100%;font-size:10px;margin-top:8px}.makap-gov-list{padding:8px}.makap-gov-row{width:100%;display:flex;align-items:center;gap:11px;border:0;border-radius:9px;background:transparent;padding:12px 10px;text-align:left;cursor:pointer;color:var(--g-ink)}.makap-gov-row:hover{background:var(--g-mint)}.gov-avatar,.gov-detail-avatar{display:grid;place-items:center;border-radius:50%;width:35px;height:35px;background:#edf5fb;color:#5384a5;flex:none}.gov-avatar.good,.gov-detail-avatar.good{background:#e8f7ed;color:#4c9b73}.gov-avatar.bad,.gov-detail-avatar.bad{background:#fff0f0;color:#b96868}.gov-copy{flex:1;min-width:0}.gov-copy strong,.gov-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gov-copy strong{font-size:12px}.gov-copy small{font-size:10px;color:var(--g-muted);margin-top:3px}.makap-gov-row>b{font-size:9px;color:#bd7d28}.makap-gov-row.good>b{color:#4c9b73}.makap-gov-detail{background:#fff}.makap-gov-hero{padding:30px 33px 27px;background:linear-gradient(115deg,#f0faf6,#f4f9ff);border-bottom:1px solid var(--g-line);display:flex;align-items:center;gap:16px}.makap-gov-hero h2{font:600 24px "Space Grotesk",sans-serif;margin:7px 0 4px}.makap-gov-hero span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#8ca09d;font-weight:700}.makap-gov-hero p{font-size:11px;color:var(--g-muted);margin:0}.makap-gov-body{padding:25px 33px}.gov-state{padding:18px;border-radius:10px;background:#fffaf0;border:1px solid #f1dfbd;margin-bottom:20px}.gov-state.good{background:#f5fcf9;border-color:#dcebe7}.gov-state span,.gov-state small{display:block}.gov-state span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#819691;font-weight:700}.gov-state strong{font:600 22px "Space Grotesk",sans-serif;display:block;margin:6px 0 2px}.gov-state small{font-size:10px;color:#8fa19e}.gov-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 30px}.gov-fields span{display:block;color:#93a29f;font-size:10px;margin-bottom:5px}.gov-fields strong{font-size:12px}.makap-gov-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#95a3a1;padding:50px 25px;font-size:11px;min-height:180px}.makap-gov-empty strong{color:#6f8280;font-size:12px;margin:10px 0 4px}.makap-gov-empty span{max-width:250px}.detail-empty{min-height:690px}.makap-health-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:17px}.makap-health-grid>section{background:#fff;border:1px solid var(--g-line);border-radius:12px;padding:20px;box-shadow:var(--g-shadow)}.health-title{text-transform:uppercase;letter-spacing:.12em;color:#8ca09d;font-weight:700;font-size:10px;margin-bottom:15px}.makap-chain{display:flex;flex-wrap:wrap;gap:8px}.chain-step{display:flex;flex-direction:column;gap:3px;flex:1 1 150px;min-height:76px;padding:12px;border-radius:9px;background:#f5fcf9;border:1px solid #dcebe7;text-decoration:none;color:var(--g-ink)}.chain-step.missing{background:#fff8f6;border-color:#f1d6d1}.chain-step span{font-size:9px;color:#8ca09d}.chain-step strong{font-size:11px}.chain-step small{font-size:9px;color:var(--g-muted)}.health-issue{display:block;padding:12px 0;border-bottom:1px solid #edf3f1;text-decoration:none}.health-issue b,.health-issue strong,.health-issue span{display:block}.health-issue b{font-size:9px;color:#bd7d28;text-transform:uppercase}.health-issue strong{font-size:12px;color:var(--g-ink);margin:3px 0}.health-issue span{font-size:10px;color:var(--g-muted)}.load-ring{width:22px;height:22px;border:2px solid #d9eae5;border-top-color:var(--g-teal);border-radius:50%;animation:gspin .8s linear infinite}@keyframes gspin{to{transform:rotate(360deg)}}@media(max-width:1100px){.makap-gov-shell{padding:26px 20px 40px}.makap-gov-metrics{grid-template-columns:repeat(2,1fr)}.makap-gov-work{grid-template-columns:minmax(300px,.85fr) minmax(430px,1.3fr)}.makap-health-grid{grid-template-columns:1fr}}@media(max-width:820px){.makap-gov-head{display:block}.makap-gov-head button{margin-top:18px}.makap-gov-work{grid-template-columns:1fr}.makap-gov-listpanel{border-right:0;border-bottom:1px solid var(--g-line);max-height:390px}.detail-empty{min-height:320px}}@media(max-width:560px){.makap-gov-metrics{grid-template-columns:1fr 1fr;gap:8px}.makap-gov-metrics>div{padding:13px}.makap-gov-metrics strong{font-size:22px}.makap-gov-hero,.makap-gov-body{padding-left:20px;padding-right:20px}.gov-fields{grid-template-columns:1fr}}
|