.osis-program-item,.osis-program-item>.flex-grow-1{min-width:0;width:100%}.osis-proposal-builder{max-width:100%}
@font-face{font-family:"OSIS Outfit";src:url("../../assets/font/outfit/Outfit-Variable.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"OSIS Plus Jakarta";src:url("../../assets/font/plus-jakarta-sans/PlusJakartaSans-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"OSIS Plus Jakarta";src:url("../../assets/font/plus-jakarta-sans/PlusJakartaSans-500.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"OSIS Plus Jakarta";src:url("../../assets/font/plus-jakarta-sans/PlusJakartaSans-600.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"OSIS Plus Jakarta";src:url("../../assets/font/plus-jakarta-sans/PlusJakartaSans-700.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"OSIS Plus Jakarta";src:url("../../assets/font/plus-jakarta-sans/PlusJakartaSans-800.ttf") format("truetype");font-style:normal;font-weight:800;font-display:swap}

:root {
    --ink:#14213d;--muted:#66728c;--teal:#2448c7;--teal2:#f97316;--aqua:#f6b51b;
    --navy:#0b1f4d;--gold:#f6b51b;--paper:#f5f7ff;--line:rgba(36,72,199,.14);
    --shadow:0 24px 70px rgba(20,33,61,.15);--osis-art:url("images/osis-leadership-premium-v1.webp");
}

body.osis-panel-body,body.osis-public-body,body.osis-auth-body{color:#14213d;background-color:#f5f7ff;font-family:"OSIS Plus Jakarta","Segoe UI",sans-serif;font-weight:500;letter-spacing:-.008em}
body:is(.osis-panel-body,.osis-public-body,.osis-auth-body) :is(button,input,select,textarea){font-family:"OSIS Plus Jakarta","Segoe UI",sans-serif}
body:is(.osis-panel-body,.osis-public-body,.osis-auth-body) :is(h1,h2,h3,h4,h5,h6,.page-title,.section-title){font-family:"OSIS Outfit","OSIS Plus Jakarta",sans-serif!important;font-weight:750;letter-spacing:-.035em}
body:is(.osis-panel-body,.osis-public-body,.osis-auth-body) :is(.osis-nav a,.public-nav a,.public-btn,.osis-btn,.osis-badge,.osis-kicker,.public-eyebrow){font-family:"OSIS Plus Jakarta","Segoe UI",sans-serif;font-weight:700}
.osis-panel-body{background-image:radial-gradient(circle at 8% 4%,rgba(246,181,27,.12),transparent 24%),radial-gradient(circle at 94% 10%,rgba(36,72,199,.12),transparent 27%),linear-gradient(180deg,#f8f9ff,#f1f4ff)!important}

/* Navbar organisasi premium */
.osis-panel-topbar{min-height:84px!important;border:0!important;border-bottom:1px solid rgba(36,72,199,.14)!important;background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(246,248,255,.97))!important;box-shadow:0 13px 38px rgba(20,33,61,.11)!important;backdrop-filter:blur(20px)}
.osis-panel-topbar:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#0b1f4d 0 28%,#2448c7 48%,#6d3df2 68%,#f97316 84%,#f6b51b)}
.osis-panel-topbar .osis-brand{position:relative;min-height:58px;padding-left:8px;gap:14px}
.osis-panel-topbar .osis-brand:after{display:none}
.osis-panel-topbar .osis-brand img{width:54px;height:54px;padding:5px;border:1px solid rgba(246,181,27,.45);border-radius:18px;background:radial-gradient(circle at 35% 25%,#fff5c4,#f6b51b 52%,#d47608);box-shadow:0 12px 27px rgba(20,33,61,.18),0 0 0 4px rgba(246,181,27,.1)}
.osis-panel-topbar .osis-panel-brand-copy{align-content:center;min-height:54px;gap:1px;line-height:1}
.osis-panel-topbar .osis-brand strong{color:#10244f;font-size:.92rem;line-height:1.18;letter-spacing:.045em}
.osis-panel-topbar .osis-brand small{margin:0;color:#71809b;font-size:.58rem;line-height:1.2;letter-spacing:.045em}
.osis-panel-topbar .osis-panel-brand-copy b{color:#f36d12;font-size:.47rem;font-weight:950;line-height:1.2;letter-spacing:.16em;text-transform:uppercase}
.osis-panel-account{padding:6px;border:1px solid rgba(36,72,199,.11);border-radius:18px;background:rgba(255,255,255,.74);box-shadow:inset 0 1px #fff,0 8px 20px rgba(20,33,61,.06)}
.osis-panel-account select{border-color:rgba(36,72,199,.18);color:#2448c7;background:#f1f4ff}
.osis-account-name{padding:0 .65rem;border-right:1px solid rgba(36,72,199,.11)}
.osis-account-name strong{color:#14213d;font-size:.78rem}.osis-account-name small{color:#f97316;font-weight:800}
.osis-icon-link,.osis-notification-button{color:#2448c7!important;background:#edf1ff!important;transition:.2s ease}
.osis-icon-link:hover,.osis-notification-button:hover{color:#fff!important;background:linear-gradient(135deg,#2448c7,#6d3df2)!important;box-shadow:0 10px 22px rgba(36,72,199,.23);transform:translateY(-1px)}
.osis-icon-link.danger{color:#d9364f!important;background:#fff0f3!important}

/* Satu hero utama dengan statistik dan tupoksi */
.osis-app{--osis-ink:#14213d;--osis-muted:#66728c;--osis-teal:#2448c7;--osis-cyan:#f97316;--osis-blue:#2448c7;--osis-gold:#f6b51b;--osis-border:rgba(36,72,199,.14)}
.osis-hero{min-height:280px;display:flex;flex-direction:column;justify-content:center;border-color:rgba(246,181,27,.34)!important;background-image:linear-gradient(90deg,rgba(8,24,68,.98) 0%,rgba(19,46,129,.94) 46%,rgba(36,72,199,.67) 70%,rgba(249,115,22,.2) 100%),var(--osis-art)!important;background-size:cover!important;background-position:center right!important;color:#fff;box-shadow:0 25px 58px rgba(20,42,113,.25)!important}
.osis-hero>*{position:relative;z-index:2}.osis-hero:before{content:"";position:absolute;inset:auto 0 0;height:6px;background:linear-gradient(90deg,#f6b51b,#f97316 42%,#6d3df2 72%,#2448c7)}
.osis-hero:after{border-color:rgba(246,181,27,.18)!important}.osis-eyebrow{color:#ffd66b!important}.osis-hero h2{font-size:clamp(1.8rem,3.3vw,2.8rem)}
.osis-role-chip,.osis-period-chip{border-color:rgba(255,255,255,.26);background:rgba(10,25,72,.42);box-shadow:inset 0 1px rgba(255,255,255,.15)}
.osis-hero-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18)}
.osis-hero-role-summary>span{display:inline-flex;align-items:center;gap:8px;color:#ffd66b;font-size:12px;font-weight:900;letter-spacing:.04em}.osis-hero-role-summary p{max-width:720px;margin:7px 0 10px;color:rgba(255,255,255,.77);font-size:12px}
.osis-responsibility-chips{display:flex;flex-wrap:wrap;gap:7px}.osis-responsibility-chips b{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.09);font-size:10px}.osis-responsibility-chips i{color:#ffd66b}
.osis-hero-metrics{display:flex;align-items:stretch;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(7,20,61,.45);backdrop-filter:blur(12px)}
.osis-hero-metrics>span{display:grid;align-content:center;min-width:88px;padding:12px 14px;border-right:1px solid rgba(255,255,255,.13)}.osis-hero-metrics>span:last-child{border-right:0}.osis-hero-metrics small{color:rgba(255,255,255,.62);font-size:9px;font-weight:800;text-transform:uppercase}.osis-hero-metrics strong{margin-top:3px;color:#fff;font-size:16px;white-space:nowrap}.osis-hero-metrics>span:nth-child(2) strong,.osis-hero-metrics>span:nth-child(5) strong{color:#ffd66b}

/* Navigasi dan ruang kerja */
.osis-nav-shell{border-color:rgba(36,72,199,.14);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(243,246,255,.96));box-shadow:0 16px 38px rgba(20,33,61,.1),inset 0 1px #fff}
.osis-nav a:nth-child(1){--nav-tone:#2448c7;--nav-tone-2:#5277ef;--nav-rgb:36,72,199;--nav-soft:#edf1ff}.osis-nav a:nth-child(2){--nav-tone:#f97316;--nav-tone-2:#ff9c3d;--nav-rgb:249,115,22;--nav-soft:#fff2e8}.osis-nav a:nth-child(3){--nav-tone:#6d3df2;--nav-tone-2:#9670ff;--nav-rgb:109,61,242;--nav-soft:#f2edff}.osis-nav a:nth-child(4){--nav-tone:#d8950a;--nav-tone-2:#f6c64b;--nav-rgb:216,149,10;--nav-soft:#fff8df}.osis-nav a:nth-child(5){--nav-tone:#d9364f;--nav-tone-2:#ef667a;--nav-rgb:217,54,79;--nav-soft:#fff0f3}.osis-nav a:nth-child(6){--nav-tone:#3e5dd9;--nav-tone-2:#778df1;--nav-rgb:62,93,217;--nav-soft:#eff2ff}.osis-nav a:nth-child(7){--nav-tone:#e86412;--nav-tone-2:#f9a03f;--nav-rgb:232,100,18;--nav-soft:#fff2e7}.osis-nav a:nth-child(8){--nav-tone:#c52d65;--nav-tone-2:#e56596;--nav-rgb:197,45,101;--nav-soft:#fff0f6}.osis-nav a:nth-child(9){--nav-tone:#7b35d1;--nav-tone-2:#a76be8;--nav-rgb:123,53,209;--nav-soft:#f6efff}.osis-nav a:nth-child(10){--nav-tone:#b87508;--nav-tone-2:#e2ad32;--nav-rgb:184,117,8;--nav-soft:#fff6df}.osis-nav a:nth-child(11){--nav-tone:#1f57b8;--nav-tone-2:#4f86e2;--nav-rgb:31,87,184;--nav-soft:#edf4ff}
.osis-nav-shell{position:relative;z-index:5;width:calc(100% - 38px);margin:16px 19px 1.35rem;padding:64px 10px 10px;border:1px solid rgba(255,255,255,.14);border-top:2px solid rgba(246,181,27,.72);border-radius:20px;background:linear-gradient(115deg,#0a183d,#122965 58%,#1d3f99)!important;box-shadow:0 20px 46px rgba(13,29,75,.28),inset 0 1px rgba(255,255,255,.12)}
.osis-nav-shell:before{content:"MYOSIS COMMAND DOCK";position:absolute;top:10px;left:50%;z-index:2;padding:7px 20px;border:1px solid rgba(255,214,107,.52);border-radius:999px;color:#ffe18a;background:linear-gradient(135deg,rgba(246,181,27,.2),rgba(249,115,22,.1));box-shadow:inset 0 1px rgba(255,255,255,.16),0 8px 20px rgba(2,11,34,.2);font-family:"OSIS Plus Jakarta",sans-serif;font-size:12px;font-weight:850;line-height:1.2;letter-spacing:.15em;white-space:nowrap;transform:translateX(-50%)}
.osis-nav-shell:after{content:"";position:absolute;z-index:1;top:53px;left:22px;right:22px;height:1px;background:linear-gradient(90deg,transparent,rgba(79,124,255,.56) 20%,rgba(154,114,255,.72) 48%,rgba(246,181,27,.66) 72%,transparent);box-shadow:0 4px 14px rgba(109,61,242,.25)}
.osis-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;overflow:visible;scroll-snap-type:none}
.osis-nav a{position:relative;min-width:0;flex:0 1 calc((100% - 35px)/6);min-height:56px;justify-content:flex-start;padding:8px 10px;border:1px solid transparent;border-radius:15px;color:rgba(255,255,255,.7);background:transparent;box-shadow:none;overflow:hidden}
.osis-nav a i{width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(var(--nav-rgb),.45);border-radius:12px;color:#fff;background:linear-gradient(135deg,rgba(var(--nav-rgb),.95),rgba(var(--nav-rgb),.56));box-shadow:0 8px 18px rgba(var(--nav-rgb),.2),inset 0 1px rgba(255,255,255,.24)}
.osis-nav a:hover{color:#fff;border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.08);box-shadow:none;transform:translateY(-1px)}
.osis-nav a.active{color:#fff;border-color:rgba(255,255,255,.19);background:linear-gradient(135deg,rgba(var(--nav-rgb),.92),rgba(var(--nav-rgb),.52));box-shadow:0 10px 24px rgba(var(--nav-rgb),.28),inset 0 1px rgba(255,255,255,.22)}
.osis-nav a.active:after{content:"";position:absolute;inset:auto 12px 0;height:3px;border-radius:9px 9px 0 0;background:#ffd66b;box-shadow:0 -3px 12px rgba(255,214,107,.38)}
.osis-nav a.active i{background:rgba(255,255,255,.16);box-shadow:inset 0 1px rgba(255,255,255,.22)}
.osis-role-scope{border-color:rgba(36,72,199,.18)!important;background:linear-gradient(135deg,#eef2ff,#fff9ec)!important;box-shadow:0 12px 28px rgba(36,72,199,.08),inset 0 1px #fff!important}.osis-role-scope-icon{background:linear-gradient(135deg,#2448c7,#6d3df2)!important;box-shadow:0 9px 20px rgba(36,72,199,.25)!important}.osis-role-scope-count{color:#2448c7;border-color:rgba(36,72,199,.2)}.osis-responsibility-inline{display:block;margin-top:4px;color:#f97316;font-size:10px;font-weight:800}

/* Komponen kerja: tegas, tidak teal */
.osis-card,.osis-stat{border-color:rgba(36,72,199,.13);background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(247,248,255,.97));box-shadow:0 15px 36px rgba(20,33,61,.08)}
.osis-stat-icon,.osis-avatar{color:#fff;background:linear-gradient(135deg,#2448c7,#6d3df2);box-shadow:0 9px 20px rgba(36,72,199,.22)}
.osis-progress>span{background:linear-gradient(90deg,#2448c7,#6d3df2 55%,#f97316)}
.osis-form .form-control:focus,.osis-form .form-select:focus{border-color:rgba(36,72,199,.6);box-shadow:0 0 0 .2rem rgba(36,72,199,.1)}
.osis-btn-primary{background:linear-gradient(135deg,#2448c7,#6d3df2 62%,#f97316);box-shadow:0 9px 21px rgba(36,72,199,.25)}.osis-btn-soft{color:#2448c7;background:#edf1ff}.osis-disclosure>summary{color:#2448c7}.osis-disclosure>summary:before{background:#edf1ff}.osis-empty i{color:rgba(36,72,199,.42)}
.osis-pagination button:hover:not(:disabled),.osis-pagination button.is-active{background:linear-gradient(135deg,#2448c7,#6d3df2)}
.osis-origin-field{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;column-gap:9px;min-height:43px;padding:7px 10px;border:1px solid rgba(36,72,199,.18);border-radius:13px;color:#2448c7;background:linear-gradient(135deg,#eef2ff,#fff8e7);font-size:.72rem;font-weight:850}.osis-origin-field>i{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#2448c7,#6d3df2)}.osis-origin-field small{color:#7b8499;font-size:.56rem;font-weight:650}
.osis-workflow-banner{min-height:150px;border-color:rgba(246,181,27,.28);background-image:linear-gradient(90deg,rgba(8,24,68,.98),rgba(26,55,143,.89) 58%,rgba(249,115,22,.38)),var(--osis-art)!important;background-size:cover!important;background-position:center right!important;box-shadow:0 20px 46px rgba(20,42,113,.22)}
.osis-workflow-banner.publication{background-image:linear-gradient(90deg,rgba(39,18,97,.97),rgba(82,45,174,.87) 58%,rgba(249,115,22,.35)),var(--osis-art)!important}.osis-workflow-banner .osis-eyebrow{color:#ffd66b!important}.osis-program-item,.osis-content-item{border-left-color:rgba(249,115,22,.72)}
.osis-program-item.is-focused-program{scroll-margin-top:22px;border:2px solid #0aa49b!important;border-left-width:6px!important;background:linear-gradient(135deg,#fff,#eafff9)!important;box-shadow:0 0 0 5px rgba(10,164,155,.13),0 18px 42px rgba(10,103,110,.16)!important}
.osis-premium-flow>span.done:not(:last-child):after{background:linear-gradient(90deg,#f6b51b,#f97316)}.osis-premium-flow span.done b{border-color:#f97316;background:#f97316}.osis-premium-flow span.active b{border-color:#2448c7;color:#2448c7;box-shadow:0 0 0 5px rgba(36,72,199,.11)}.osis-premium-flow span.active small{color:#2448c7}
.osis-content-type{color:#b44208;background:#fff0e5}
.osis-app.is-dashboard .osis-hero{background-image:linear-gradient(90deg,rgba(8,24,68,.98),rgba(24,55,151,.91) 55%,rgba(249,115,22,.27)),var(--osis-art)!important;border-color:rgba(246,181,27,.3)!important;box-shadow:0 25px 58px rgba(20,42,113,.25)!important}
.osis-app.is-dashboard>.osis-card,.osis-app.is-dashboard>.osis-grid-2>.osis-card{border-color:rgba(36,72,199,.16)!important;background:radial-gradient(circle at 100% 0,rgba(36,72,199,.08),transparent 27%),linear-gradient(150deg,#fff,#f2f5ff)!important;box-shadow:0 16px 34px rgba(36,72,199,.08),inset 0 1px #fff!important}.osis-app.is-dashboard>.osis-card:before,.osis-app.is-dashboard>.osis-grid-2>.osis-card:before{background:linear-gradient(90deg,#2448c7,#6d3df2,#f97316)!important}
.osis-timeline{position:relative;display:grid;gap:10px;padding:10px 0 2px}.osis-timeline:before{content:"";position:absolute;left:24px;top:24px;bottom:30px;width:3px;border-radius:99px;background:linear-gradient(180deg,#ffb21c,#ff6b2c 28%,#8b5cf6 62%,#3b82f6);box-shadow:0 0 18px rgba(99,102,241,.28)}
.osis-timeline-item{--rail:#4f6ff2;--rail-rgb:79,111,242;position:relative;min-height:78px;padding:0 0 0 59px}.osis-timeline-item:before{display:none!important}.osis-timeline-item.tone-2{--rail:#f97316;--rail-rgb:249,115,22}.osis-timeline-item.tone-3{--rail:#8b5cf6;--rail-rgb:139,92,246}.osis-timeline-item.tone-4{--rail:#d94678;--rail-rgb:217,70,120}
.osis-timeline-node{position:absolute;z-index:3;left:5px;top:9px;display:grid;place-items:center;width:39px;height:39px;border:3px solid #fff;border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--rail),rgba(var(--rail-rgb),.68));box-shadow:0 0 0 5px rgba(var(--rail-rgb),.11),0 10px 22px rgba(var(--rail-rgb),.25);transform:rotate(-6deg)}.osis-timeline-node i{font-size:.9rem;transform:rotate(6deg)}.osis-timeline-node b{position:absolute;right:-9px;bottom:-8px;display:grid;place-items:center;min-width:22px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:7px;color:#18254a;background:#fff;font-size:.47rem;font-weight:900;letter-spacing:.04em;box-shadow:0 5px 12px rgba(18,37,84,.16)}
.osis-timeline-event{position:relative;overflow:hidden;min-height:68px;padding:12px 14px 12px 17px;border:1px solid rgba(var(--rail-rgb),.16);border-radius:17px;background:radial-gradient(circle at 100% 0,rgba(var(--rail-rgb),.12),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,248,255,.95));box-shadow:0 9px 22px rgba(29,49,104,.07),inset 0 1px #fff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.osis-timeline-event:before{content:"";position:absolute;inset:10px auto 10px 0;width:4px;border-radius:0 9px 9px 0;background:linear-gradient(180deg,var(--rail),rgba(var(--rail-rgb),.58))}
.osis-timeline-item:nth-child(even) .osis-timeline-event{margin-left:12px}.osis-timeline-item:hover .osis-timeline-event{border-color:rgba(var(--rail-rgb),.32);box-shadow:0 14px 30px rgba(var(--rail-rgb),.13),inset 0 1px #fff;transform:translateX(4px)}
.osis-timeline-kicker{display:inline-flex;align-items:center;gap:5px;margin-bottom:5px;color:var(--rail);font-size:.49rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.osis-timeline-kicker i{font-size:.42rem}.osis-timeline-item h6{margin:0!important;color:#172341!important;font-family:"OSIS Plus Jakarta",sans-serif!important;font-size:.75rem!important;font-weight:750!important;line-height:1.4;letter-spacing:-.012em;transform:none!important}.osis-timeline-item p{display:flex;flex-wrap:wrap;gap:6px 12px;margin:6px 0 0!important;color:#73809c!important;font-size:.58rem!important}.osis-timeline-item p span,.osis-timeline-item p time{display:inline-flex;align-items:center;gap:5px}.osis-timeline-item p i{color:var(--rail)}
.osis-app:not(.is-dashboard) .osis-card:not(.osis-mpls-submit-card):not(.osis-mpls-assignment-card),.osis-app:not(.is-dashboard) .osis-stat{--page-accent:#2448c7;--page-accent-2:#6d3df2;--page-rgb:36,72,199;--page-soft:#f1f3ff;--stat-accent:#2448c7;--stat-accent-2:#6d3df2;--stat-rgb:36,72,199;--stat-soft:#eef2ff}
.osis-app:not(.is-dashboard) .osis-card:nth-child(6n+2):not(.osis-mpls-submit-card):not(.osis-mpls-assignment-card){--page-accent:#f97316;--page-accent-2:#f6b51b;--page-rgb:249,115,22;--page-soft:#fff5e9}.osis-app:not(.is-dashboard) .osis-card:nth-child(6n+3):not(.osis-mpls-submit-card):not(.osis-mpls-assignment-card){--page-accent:#6d3df2;--page-accent-2:#9a72ff;--page-rgb:109,61,242;--page-soft:#f5f0ff}.osis-app:not(.is-dashboard) .osis-card:nth-child(6n+4):not(.osis-mpls-submit-card):not(.osis-mpls-assignment-card){--page-accent:#d9364f;--page-accent-2:#ed6a7e;--page-rgb:217,54,79;--page-soft:#fff1f4}

/* Drawer, login, dan portal publik */
.osis-notification-drawer{border-color:rgba(36,72,199,.25)!important;background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(241,244,255,.98))!important;box-shadow:0 28px 70px rgba(20,33,61,.25)!important}.osis-notification-head small,.osis-notification-toolbar button,.osis-notification-item>button{color:#2448c7!important}.osis-notification-head button{background:#edf1ff!important}.osis-notification-item.is-unread{border-color:#d7def8!important}
.osis-auth-story{background-image:linear-gradient(90deg,rgba(8,24,68,.97),rgba(26,55,143,.8) 62%,rgba(249,115,22,.19)),var(--osis-art)!important;background-size:cover!important;background-position:center right!important}.osis-auth-story:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,rgba(7,18,53,.65))}.osis-auth-copy,.osis-auth-trust,.osis-auth-story .osis-brand{position:relative;z-index:2}.osis-auth-copy h1 em,.osis-auth-copy .osis-kicker,.osis-kicker{color:#ffd66b!important}.osis-auth-mark,.osis-login-submit{background:linear-gradient(135deg,#2448c7,#6d3df2 62%,#f97316)!important;box-shadow:0 14px 28px rgba(36,72,199,.25)!important}.osis-input-wrap:focus-within{border-color:rgba(36,72,199,.55)!important;box-shadow:0 0 0 4px rgba(36,72,199,.1)!important}.osis-login-tabs button.active,.osis-access-lane.active{color:#2448c7!important;border-color:rgba(36,72,199,.2)!important;background:#fff!important}
.osis-public-header{border-color:rgba(36,72,199,.12)!important;background:rgba(255,255,255,.95)!important;box-shadow:0 10px 34px rgba(20,33,61,.09)!important}.osis-public-header:after{background:linear-gradient(90deg,#0b1f4d,#2448c7,#6d3df2,#f97316,#f6b51b)!important}
.osis-public-hero,.public-page-hero{background-image:linear-gradient(90deg,rgba(8,24,68,.98),rgba(22,52,143,.84) 58%,rgba(249,115,22,.25)),var(--osis-art)!important;background-size:cover!important;background-position:center right!important}.public-nav>a.tone-teal{--nav-tone:#f97316;--nav-rgb:249,115,22}.public-nav .nav-login,.public-btn.primary{background:linear-gradient(135deg,#f97316,#f6b51b)!important;box-shadow:0 14px 28px rgba(249,115,22,.25)!important}.public-btn.primary{color:#321703!important}.public-eyebrow,.public-section-head>a,.stats-grid strong{color:#2448c7!important}.dark .public-eyebrow,.approved-board .public-eyebrow{color:#ffd66b!important}.public-section.tint{background:#eef2ff!important}.public-section.dark,.approved-board{background-image:linear-gradient(90deg,rgba(8,24,68,.98),rgba(31,63,157,.86),rgba(249,115,22,.27)),var(--osis-art)!important;background-size:cover!important;background-position:center right!important}.story-cover.placeholder{background-image:linear-gradient(135deg,rgba(36,72,199,.9),rgba(109,61,242,.78),rgba(249,115,22,.73)),var(--osis-art)!important;background-size:cover!important}.section-card.tone-3,.stats-grid>div.stat-card.tone-teal,.public-empty-mark.tone-teal{--section-tone:#f97316;--section-rgb:249,115,22;--stat-tone:#f97316;--stat-rgb:249,115,22;--empty-tone:#f97316;--empty-rgb:249,115,22}.agenda-list time{background:linear-gradient(145deg,#2448c7,#6d3df2)!important}.osis-public-footer{background-image:linear-gradient(90deg,rgba(7,18,53,.99),rgba(24,49,126,.94),rgba(249,115,22,.23)),var(--osis-art)!important;background-size:cover!important;background-position:center right!important}

/* Notifikasi premium mengikuti identitas baru */
.swal2-popup.osis-premium-notice{--notice:#2448c7;--notice-soft:#edf1ff}.swal2-popup.osis-premium-notice.is-error{--notice:#d9364f;--notice-soft:#fff0f3}.swal2-popup.osis-premium-notice.is-warning{--notice:#f97316;--notice-soft:#fff2e8}.swal2-popup.osis-premium-notice.is-info{--notice:#6d3df2;--notice-soft:#f2edff}.osis-native-notice{border-color:#d7def8;border-left-color:#2448c7}.osis-native-notice small{color:#2448c7}

/* Satu gambar hero per halaman publik; footer dan seksi gelap menyatu */
.public-section.dark,.approved-board{background-image:radial-gradient(circle at 88% 10%,rgba(249,115,22,.16),transparent 28%),linear-gradient(120deg,#071535,#102b6e 62%,#263f92)!important;background-size:auto!important}
.story-cover.placeholder{background-image:linear-gradient(135deg,#2448c7,#6d3df2 58%,#f97316)!important}
.osis-public-footer{background-image:linear-gradient(115deg,#06122f,#0b1f4d 62%,#142f73)!important;background-size:auto!important}

/* Navbar portal publik premium */
.osis-public-header{min-height:88px;border:0!important;border-bottom:1px solid rgba(246,181,27,.34)!important;background:linear-gradient(105deg,rgba(6,18,47,.98),rgba(11,31,77,.98) 60%,rgba(26,55,132,.97))!important;box-shadow:0 14px 42px rgba(5,16,43,.28)!important}
.osis-public-header:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#f6b51b,#f97316 38%,#6d3df2 68%,#3f6df1)}
.osis-public-header:after{height:1px!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent)!important}
.osis-public-header .header-inner{min-height:88px}
.osis-public-header .osis-brand{position:relative;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.osis-public-header .osis-brand-logo{padding:5px!important;border:1px solid rgba(255,214,107,.62)!important;background:radial-gradient(circle at 35% 25%,#fff7cb,#f6b51b 54%,#c96508)!important;box-shadow:0 12px 28px rgba(2,10,31,.34),0 0 0 4px rgba(246,181,27,.08)!important}.osis-public-header .osis-brand-logo img{background:transparent!important;filter:drop-shadow(0 5px 8px rgba(8,20,56,.26))}
.osis-public-header .osis-brand-copy strong{max-width:270px;color:#fff!important;font-size:.9rem;letter-spacing:.045em;line-height:1.15}.osis-public-header .osis-brand-copy small{color:#ffd66b!important;font-size:.53rem;font-weight:850;letter-spacing:.075em}
.osis-public-header .public-nav{gap:7px;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.1)}
.osis-public-header .public-nav>a:not(.nav-login){display:inline-flex;align-items:center;gap:7px;min-height:48px;padding:7px 11px;border:1px solid transparent;border-radius:13px;color:rgba(255,255,255,.69)!important}
.osis-public-header .public-nav>a:not(.nav-login)>i{color:#fff!important;background:linear-gradient(135deg,rgba(var(--nav-rgb),.95),rgba(var(--nav-rgb),.55))!important;box-shadow:0 7px 16px rgba(var(--nav-rgb),.2)!important}
.osis-public-header .public-nav>a:not(.nav-login):after{display:none}
.osis-public-header .public-nav>a:not(.nav-login):hover{color:#fff!important;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.08)}
.osis-public-header .public-nav>a:not(.nav-login).is-active{color:#fff!important;border-color:rgba(255,184,74,.45);background:linear-gradient(135deg,rgba(249,115,22,.3),rgba(246,181,27,.14));box-shadow:inset 0 1px rgba(255,255,255,.12)}
.osis-public-header .public-nav .nav-login{min-height:48px;margin-left:4px;padding:0 17px;border:1px solid rgba(255,214,107,.54);border-radius:14px;color:#321703!important;background:linear-gradient(135deg,#f97316,#f6b51b)!important;box-shadow:0 12px 26px rgba(249,115,22,.28)!important}
.osis-public-header .public-menu-toggle{color:#fff;background:linear-gradient(135deg,#f97316,#f6b51b);box-shadow:0 10px 22px rgba(249,115,22,.25)}

/* Statistik publik menyatu dengan hero */
.osis-public-stats{margin-top:-42px!important;padding:0 0 22px;background:transparent!important}
.osis-public-stats .stats-grid{gap:8px;padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:linear-gradient(110deg,rgba(7,21,53,.98),rgba(17,48,122,.97));box-shadow:0 24px 50px rgba(8,24,68,.24),inset 0 1px rgba(255,255,255,.13)}
.osis-public-stats .stats-grid>div.stat-card{position:relative;min-height:94px;overflow:hidden;border:1px solid rgba(var(--stat-rgb),.24)!important;border-radius:17px!important;background:radial-gradient(circle at 100% 0,rgba(var(--stat-rgb),.22),transparent 42%),rgba(255,255,255,.055)!important;box-shadow:inset 0 1px rgba(255,255,255,.1)!important}
.osis-public-stats .stats-grid>div.stat-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--stat-tone),rgba(var(--stat-rgb),.38))}
.osis-public-stats .stats-grid>div.stat-card.tone-blue{--stat-tone:#4f7cff;--stat-rgb:79,124,255}.osis-public-stats .stats-grid>div.stat-card.tone-amber{--stat-tone:#f97316;--stat-rgb:249,115,22}.osis-public-stats .stats-grid>div.stat-card.tone-violet{--stat-tone:#9a72ff;--stat-rgb:154,114,255}.osis-public-stats .stats-grid>div.stat-card.tone-teal{--stat-tone:#f6b51b;--stat-rgb:246,181,27}
:root body.my-premium-cards .osis-public-stats .stats-grid>div.stat-card.tone-blue{background:radial-gradient(circle at 100% 0,rgba(255,255,255,.16),transparent 40%),linear-gradient(135deg,#172f72,#3159bd)!important}:root body.my-premium-cards .osis-public-stats .stats-grid>div.stat-card.tone-amber{background:radial-gradient(circle at 100% 0,rgba(255,255,255,.15),transparent 40%),linear-gradient(135deg,#9a4510,#cf7016)!important}:root body.my-premium-cards .osis-public-stats .stats-grid>div.stat-card.tone-violet{background:radial-gradient(circle at 100% 0,rgba(255,255,255,.14),transparent 40%),linear-gradient(135deg,#452284,#7244bd)!important}:root body.my-premium-cards .osis-public-stats .stats-grid>div.stat-card.tone-teal{background:radial-gradient(circle at 100% 0,rgba(255,255,255,.14),transparent 40%),linear-gradient(135deg,#8a263a,#bc4152)!important}
.osis-public-stats .stat-icon{color:#fff!important;background:linear-gradient(135deg,var(--stat-tone),rgba(var(--stat-rgb),.52))!important;box-shadow:0 9px 20px rgba(var(--stat-rgb),.2),inset 0 1px rgba(255,255,255,.24)!important}.osis-public-stats .stat-copy strong{color:#fff!important}.osis-public-stats .stat-copy small{color:rgba(255,255,255,.7)!important}.osis-public-stats .stat-card:hover{border-color:rgba(var(--stat-rgb),.48)!important;box-shadow:0 14px 30px rgba(var(--stat-rgb),.16),inset 0 1px rgba(255,255,255,.13)!important}

/* Aksen pelangi pada kartu floating hero */
.hero-school-frame{border-color:rgba(246,181,27,.5)!important;box-shadow:0 30px 70px rgba(4,15,43,.34),0 0 0 6px rgba(255,255,255,.055)!important}
.hero-float-card{border:1px solid rgba(255,255,255,.27)!important;color:#fff!important;box-shadow:0 18px 38px rgba(5,16,43,.28),inset 0 1px rgba(255,255,255,.2)!important;backdrop-filter:blur(16px)}
.hero-float-card.is-idea{background:linear-gradient(135deg,rgba(249,115,22,.95),rgba(246,181,27,.88))!important}.hero-float-card.is-idea>i{color:#3b1e03!important;background:rgba(255,255,255,.74)!important}
.hero-float-card.is-team{background:linear-gradient(135deg,rgba(109,61,242,.95),rgba(210,58,137,.88))!important}.hero-float-card.is-team>i{color:#4b239a!important;background:rgba(255,255,255,.8)!important}
.hero-float-card span small{color:rgba(255,255,255,.76)!important}.hero-float-card span{color:#fff!important}
.hero-photo-seal{border:1px solid rgba(255,214,107,.58)!important;background:linear-gradient(145deg,rgba(36,72,199,.97),rgba(109,61,242,.92) 58%,rgba(249,115,22,.92))!important;box-shadow:0 20px 42px rgba(7,23,65,.32),inset 0 1px rgba(255,255,255,.22)!important}.hero-photo-seal>i{color:#ffd66b!important}.hero-photo-seal span{color:rgba(255,255,255,.72)!important}.hero-photo-seal strong{color:#fff!important}

@media(max-width:760px){.osis-panel-topbar{min-height:72px!important}.osis-panel-topbar .osis-brand:after{display:none}.osis-panel-account{border:0;background:transparent;box-shadow:none}.osis-hero{min-height:300px;background-position:62% center!important}.osis-hero-overview{grid-template-columns:1fr;gap:14px}.osis-hero-metrics{width:100%;overflow-x:auto}.osis-hero-metrics>span{flex:1;min-width:76px;padding:10px}.osis-hero,.osis-workflow-banner,.osis-auth-story,.osis-public-hero,.public-page-hero{background-image:linear-gradient(90deg,rgba(8,24,68,.99),rgba(22,52,143,.93) 72%,rgba(249,115,22,.3)),var(--osis-art)!important}.osis-nav-shell{position:sticky;width:100%;margin:14px 0 .9rem;padding:7px;border-radius:18px}.osis-nav-shell:before,.osis-nav-shell:after{display:none}.osis-mobile-menu-toggle{color:#fff!important;background:linear-gradient(135deg,#142b69,#2448c7)!important}.osis-mobile-menu-toggle>span>i{background:linear-gradient(135deg,#f97316,#f6b51b)!important}.osis-mobile-menu-toggle small{color:rgba(255,255,255,.58)!important}.osis-mobile-menu-toggle>i{color:#ffd66b!important}.osis-nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:7px;overflow-y:auto}.osis-nav a{min-width:0;min-height:52px;color:rgba(255,255,255,.78);background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08)}.osis-nav a i{width:30px;height:30px;flex-basis:30px}.osis-public-header{min-height:72px}.osis-public-header .header-inner{min-height:72px}.osis-public-header .osis-brand{padding:4px 8px}.osis-public-header .public-nav{top:78px;border-color:rgba(255,255,255,.14);background:linear-gradient(145deg,#0a183d,#122965);box-shadow:0 20px 44px rgba(5,16,43,.3)}.osis-public-header .public-nav>a:not(.nav-login){justify-content:flex-start;width:100%}.osis-public-header .public-nav .nav-login{justify-content:center;width:100%;margin-left:0}}

/* Responsive menyeluruh: panel, portal, login, dan timeline pada seluruh ukuran HP */
@media(max-width:760px){
html,body{max-width:100%;overflow-x:hidden}.osis-panel-main{width:100%;padding:12px}.osis-app,.osis-card,.osis-grid,.osis-grid-2{min-width:0}.osis-hero{padding:22px 18px!important;border-radius:24px}.osis-hero h1{font-size:clamp(1.8rem,8vw,2.65rem)!important;line-height:1.03}.osis-hero-content>p{max-width:100%;font-size:.82rem}.osis-hero-role-summary p{font-size:.68rem}.osis-responsibility-chips{gap:6px}.osis-responsibility-chips b{font-size:.55rem}.osis-hero-metrics{scrollbar-width:none}.osis-hero-metrics::-webkit-scrollbar{display:none}.osis-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.osis-form-grid,.osis-grid-2,.story-grid,.two-public-cols,.leadership{grid-template-columns:1fr!important}.osis-role-scope{align-items:flex-start}.osis-role-scope-count{display:none}
.osis-auth-shell{display:block;min-height:100dvh}.osis-auth-story{min-height:132px!important;height:132px;padding:18px!important;background-position:center 35%!important}.osis-auth-story .osis-auth-copy,.osis-auth-story .osis-auth-trust{display:none!important}.osis-auth-story>.osis-brand{width:max-content;max-width:calc(100vw - 36px);margin:auto 0;padding:7px 12px 7px 7px!important;border-radius:20px!important}.osis-auth-story .osis-brand-logo{width:52px;height:52px;flex-basis:52px}.osis-auth-story .osis-brand-copy strong{max-width:calc(100vw - 125px);font-size:.9rem!important;line-height:1.16;white-space:normal}.osis-auth-card-wrap{margin-top:0;padding:10px!important}.osis-auth-card{width:100%!important;max-width:560px;padding:18px!important;border-radius:26px!important}.osis-auth-card-top{margin-bottom:12px}.osis-auth-heading{gap:12px}.osis-auth-heading h2{font-size:1.45rem}.osis-access-lanes{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.osis-access-lane{min-width:0!important;padding:10px!important}.osis-access-lane>i:first-child{width:38px!important;height:38px!important;flex-basis:38px!important}.osis-access-lane span{min-width:0}.osis-access-lane span strong{font-size:.71rem!important}.osis-access-lane span small{display:none}.osis-access-lane span em{font-size:.48rem!important;white-space:nowrap}.osis-token-input-wrap input{min-width:0;font-size:.88rem!important;letter-spacing:.08em!important}.osis-token-actions{grid-template-columns:1fr!important}.osis-scan-button,.osis-login-submit{min-height:50px}.osis-auth-security{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px}.osis-auth-security span{min-width:0;padding:8px 4px!important;font-size:.49rem!important;text-align:center}.osis-auth-security span i{display:block;margin:0 auto 3px}.osis-login-help{padding:10px!important;font-size:.59rem!important}.osis-scanner-dialog{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important}
.osis-timeline-item:nth-child(even) .osis-timeline-event{margin-left:0}.osis-timeline-event{padding-right:11px}.osis-timeline-item h6{font-size:.7rem!important}.osis-timeline-item p{gap:5px 9px}.osis-public-container{width:min(100% - 24px,1180px)}.hero-grid{grid-template-columns:1fr!important}.hero-copy h1,.public-page-hero h1{font-size:clamp(2.2rem,12vw,3.5rem)!important}.hero-photo-stage{min-height:370px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.section-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.leader-grid{grid-template-columns:1fr!important}.article-layout{grid-template-columns:1fr!important;padding-inline:12px}.article-layout aside{position:static}.osis-public-footer .footer-grid{grid-template-columns:1fr!important}
}
@media(max-width:480px){
.osis-panel-topbar{padding:9px 12px!important}.osis-panel-topbar .osis-brand{gap:10px;padding-left:2px}.osis-panel-topbar .osis-brand img{width:46px;height:46px;border-radius:15px}.osis-panel-topbar .osis-panel-brand-copy{min-height:46px}.osis-panel-topbar .osis-brand strong{max-width:230px;font-size:.75rem;line-height:1.13}.osis-panel-topbar .osis-brand small{font-size:.49rem}.osis-panel-topbar .osis-panel-brand-copy b{font-size:.4rem}.osis-panel-account{padding:3px}.osis-icon-link,.osis-notification-button{width:36px!important;height:36px!important}.osis-hero{min-height:0!important}.osis-hero-overview{margin-top:18px}.osis-hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.osis-hero-metrics>span{min-width:0!important;border-bottom:1px solid rgba(255,255,255,.12)}.osis-nav.is-open{grid-template-columns:repeat(2,minmax(0,1fr))}.osis-nav a{font-size:.63rem;padding:7px}
.osis-auth-story{min-height:112px!important;height:112px;padding:13px!important}.osis-auth-story>.osis-brand{max-width:calc(100vw - 26px);padding:6px 10px 6px 6px!important}.osis-auth-story .osis-brand-logo{width:46px;height:46px;flex-basis:46px}.osis-auth-story .osis-brand-copy strong{max-width:calc(100vw - 105px);font-size:.8rem!important}.osis-auth-story .osis-brand-copy small{font-size:.46rem!important}.osis-auth-card-wrap{padding:8px!important}.osis-auth-card{padding:15px!important;border-radius:23px!important}.osis-auth-secure,.osis-auth-overline{display:none!important}.osis-auth-heading{margin:9px 0 12px}.osis-auth-mark{width:44px;height:44px;border-radius:14px}.osis-auth-heading h2{font-size:1.3rem}.osis-auth-heading p{font-size:.66rem}.osis-input-wrap{padding:0 11px}.osis-input-wrap input{min-height:48px}.osis-token-caption{font-size:.55rem!important}.osis-auth-foot{font-size:.5rem}.osis-login-help{line-height:1.5}
.osis-timeline:before{left:20px}.osis-timeline-item{padding-left:51px}.osis-timeline-node{left:3px;width:35px;height:35px;border-radius:12px}.osis-timeline-event{border-radius:15px}.osis-timeline-kicker{font-size:.44rem}.osis-timeline-item p span,.osis-timeline-item p time{flex:1 1 100%}.section-cards{grid-template-columns:1fr!important}.stats-grid>div.stat-card{min-width:0!important;padding:13px!important}.hero-photo-stage{min-height:315px}.hero-float-card{transform:scale(.84)}
}
@media(max-width:380px){
.osis-panel-topbar .osis-brand small,.osis-panel-topbar .osis-panel-brand-copy b{display:none}.osis-panel-topbar .osis-brand strong{max-width:190px;font-size:.68rem}.osis-nav.is-open{grid-template-columns:1fr}.osis-auth-story .osis-brand-copy small{display:none}.osis-auth-story .osis-brand-copy strong{font-size:.75rem!important}.osis-access-lanes{grid-template-columns:1fr!important}.osis-access-lane span small{display:block;font-size:.48rem!important}.osis-auth-security span{font-size:0!important}.osis-auth-security span i{font-size:1rem}.stats-grid{grid-template-columns:1fr!important}.hero-actions{display:grid}.hero-actions .public-btn{width:100%}.public-section-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:340px){.osis-panel-main{padding:8px}.osis-auth-card{padding:12px!important}.osis-auth-heading h2{font-size:1.15rem}.osis-back-link{font-size:.58rem}.osis-token-input-wrap input{font-size:.76rem!important;letter-spacing:.03em!important}.osis-timeline-item{padding-left:47px}.osis-timeline:before{left:18px}.osis-timeline-node{width:32px;height:32px}.osis-public-container{width:calc(100% - 16px)}}

/* Agenda premium: rail waktu dan kartu berbeda warna */
.osis-agenda-timeline{--agenda-rail-x:25px;position:relative;display:grid!important;gap:12px!important;padding:4px 0 4px 58px!important}.osis-agenda-timeline:before{content:"";position:absolute;z-index:0;left:var(--agenda-rail-x);top:23px;bottom:26px;width:4px;border-radius:99px;background:linear-gradient(180deg,#f6b51b,#f97316 28%,#8b5cf6 62%,#3f6df1);box-shadow:0 0 0 3px rgba(99,102,241,.06),0 0 18px rgba(99,102,241,.24)}
.osis-agenda-event{--agenda:#3159bd;--agenda-2:#5277ef;--agenda-rgb:49,89,189;position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;min-height:104px!important;margin:0!important;padding:15px 17px!important;border:1px solid rgba(var(--agenda-rgb),.2)!important;border-radius:19px!important;background:radial-gradient(circle at 100% 0,rgba(var(--agenda-rgb),.18),transparent 37%),linear-gradient(145deg,#fff,rgba(var(--agenda-rgb),.065))!important;box-shadow:0 12px 27px rgba(var(--agenda-rgb),.09),inset 0 1px #fff!important;overflow:visible!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.osis-agenda-event.tone-2{--agenda:#c95c16;--agenda-2:#f18a31;--agenda-rgb:201,92,22}.osis-agenda-event.tone-3{--agenda:#7040bd;--agenda-2:#9a72e8;--agenda-rgb:112,64,189}.osis-agenda-event.tone-4{--agenda:#ad3459;--agenda-2:#d75a7c;--agenda-rgb:173,52,89}.osis-agenda-event:nth-child(even){margin-left:10px!important}.osis-agenda-event:hover{border-color:rgba(var(--agenda-rgb),.38)!important;box-shadow:0 17px 34px rgba(var(--agenda-rgb),.15),inset 0 1px #fff!important;transform:translateX(4px)}
.osis-agenda-event:before{content:"";position:absolute;inset:12px auto 12px 0;width:5px;border-radius:0 9px 9px 0;background:linear-gradient(180deg,var(--agenda),var(--agenda-2))}.osis-agenda-node{position:absolute;z-index:2;left:-53px;top:20px;display:grid;place-items:center;width:41px;height:41px;border:3px solid #fff;border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--agenda),var(--agenda-2));box-shadow:0 0 0 5px rgba(var(--agenda-rgb),.12),0 10px 22px rgba(var(--agenda-rgb),.25);transform:rotate(-5deg)}.osis-agenda-node i{font-size:.95rem;transform:rotate(5deg)}.osis-agenda-node b{position:absolute;right:-8px;bottom:-7px;padding:2px 5px;border:2px solid #fff;border-radius:7px;color:#172341;background:#fff;font-size:.47rem;font-weight:900;box-shadow:0 5px 12px rgba(19,34,78,.16)}
.osis-agenda-copy{min-width:0}.osis-agenda-kicker{display:inline-flex;align-items:center;gap:5px;margin-bottom:5px;color:var(--agenda);font-size:.48rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.osis-agenda-event h5{margin:0!important;color:#172341!important;font-size:.78rem!important;line-height:1.38}.osis-agenda-event .osis-agenda-copy>p{margin:4px 0 8px!important;color:#6f7c98!important;font-size:.64rem!important}.osis-agenda-event .osis-meta{display:flex;flex-wrap:wrap;gap:6px 13px}.osis-agenda-event .osis-meta span{color:#657694!important;font-size:.58rem!important}.osis-agenda-event .osis-meta i{color:var(--agenda)}.osis-agenda-event>.osis-badge{align-self:start;border-color:rgba(var(--agenda-rgb),.12)!important;color:var(--agenda)!important;background:rgba(var(--agenda-rgb),.09)!important}

/* Bagan struktur: chart bercabang di desktop dan hierarki vertikal di mobile */
.organization-section{position:relative;overflow:hidden}.organization-leadership{grid-template-columns:minmax(260px,.34fr) minmax(0,.66fr)!important;align-items:start!important;gap:clamp(28px,4vw,64px)!important}.organization-intro{position:sticky;top:112px}.organization-view-hint{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 11px;border:1px solid rgba(255,214,107,.28);border-radius:999px;color:#ffd66b;background:rgba(255,255,255,.055);font-size:.58rem;font-weight:750}.org-chart{position:relative;display:grid;gap:32px;padding:24px 18px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.12),0 24px 54px rgba(2,12,37,.22);backdrop-filter:blur(14px)}.org-chart:before{content:"";position:absolute;z-index:0;left:50%;top:36px;bottom:36px;width:3px;border-radius:99px;background:linear-gradient(180deg,#f6b51b,#f97316 25%,#9a72ff 58%,#4f7cff);box-shadow:0 0 22px rgba(109,61,242,.3);transform:translateX(-50%)}
.org-tier{--org:#4f7cff;--org-rgb:79,124,255;position:relative;z-index:1;display:grid;justify-items:center;text-align:center}.org-tier-direction{--org:#f6b51b;--org-rgb:246,181,27}.org-tier-guidance{--org:#f97316;--org-rgb:249,115,22}.org-tier-chair{--org:#9a72ff;--org-rgb:154,114,255}.org-tier-executive{--org:#4f7cff;--org-rgb:79,124,255}.org-tier-coordinator{--org:#d94a7a;--org-rgb:217,74,122}.org-tier-members{--org:#3f8bea;--org-rgb:63,139,234}.org-tier-heading{position:relative;z-index:2;display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(var(--org-rgb),.38);border-radius:14px;color:#fff;background:linear-gradient(145deg,rgba(var(--org-rgb),.96),rgba(var(--org-rgb),.63));box-shadow:0 10px 22px rgba(var(--org-rgb),.22),inset 0 1px rgba(255,255,255,.22)}.org-tier-heading>span{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:rgba(255,255,255,.16)}.org-tier-heading>div{display:grid;text-align:left}.org-tier-heading small{color:rgba(255,255,255,.68);font-size:.43rem;font-weight:800;letter-spacing:.13em}.org-tier-heading strong{font-size:.62rem;font-weight:850}
.org-tier-list{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:24px}.org-tier-list:before{content:"";position:absolute;left:10%;right:10%;top:-12px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--org-rgb),.6),transparent)}.org-node{position:relative;display:flex;align-items:center;gap:10px;width:min(210px,calc(50% - 5px));min-height:66px;padding:10px;border:1px solid rgba(var(--org-rgb),.25);border-radius:17px;color:#fff;background:radial-gradient(circle at 100% 0,rgba(var(--org-rgb),.22),transparent 38%),linear-gradient(145deg,rgba(11,31,77,.96),rgba(var(--org-rgb),.2));box-shadow:0 12px 27px rgba(2,12,37,.18),inset 0 1px rgba(255,255,255,.1);text-align:left}.org-node:before{content:"";position:absolute;left:50%;top:-25px;width:1px;height:24px;background:linear-gradient(180deg,rgba(var(--org-rgb),.68),rgba(var(--org-rgb),.18))}.org-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(255,255,255,.34);border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--org),rgba(var(--org-rgb),.58));font-family:"OSIS Outfit",sans-serif;font-size:1.15rem;font-weight:700;box-shadow:0 8px 18px rgba(var(--org-rgb),.22)}.org-node>div{display:grid;min-width:0}.org-node strong{overflow:hidden;font-size:.61rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.org-node small{margin-top:2px;color:rgba(255,255,255,.68);font-size:.51rem;font-weight:700}.org-node em{margin-top:3px;overflow:hidden;color:rgba(255,214,107,.78);font-size:.45rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.org-chart-empty{display:grid;place-items:center;min-height:240px;padding:30px;border:1px dashed rgba(255,255,255,.18);border-radius:24px;color:rgba(255,255,255,.65);text-align:center}.org-chart-empty i{font-size:2rem}.org-chart-empty strong{margin-top:10px;color:#fff}

@media(max-width:760px){
.osis-nav-shell .osis-nav{display:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;flex-wrap:initial!important;gap:8px!important;width:100%!important;max-height:min(64vh,520px)!important;padding:8px 0 0!important;overflow-x:hidden!important;overflow-y:auto!important}.osis-nav-shell .osis-nav.is-open{display:grid!important}.osis-nav-shell .osis-nav a{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:54px!important;flex:none!important;gap:9px!important;padding:8px 10px!important;overflow:hidden!important;font-size:.65rem!important;line-height:1.28!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere}.osis-nav-shell .osis-nav a i{width:32px!important;height:32px!important;min-width:32px!important;flex-basis:32px!important}.osis-nav-shell .osis-nav a.active:after{inset:auto 10px 0!important}
.osis-agenda-timeline{--agenda-rail-x:21px;padding-left:50px!important}.osis-agenda-event{grid-template-columns:1fr!important;gap:8px!important;padding:13px!important}.osis-agenda-event:nth-child(even){margin-left:0!important}.osis-agenda-node{left:-47px;top:18px;width:37px;height:37px;border-radius:12px}.osis-agenda-event>.osis-badge{position:absolute;right:10px;top:10px}.osis-agenda-copy{padding-top:17px}.osis-agenda-event h5{padding-right:70px;font-size:.72rem!important}
.organization-leadership{grid-template-columns:1fr!important}.organization-intro{position:static}.org-chart{gap:20px;padding:20px 13px 20px 58px}.org-chart:before{left:29px;top:28px;bottom:28px;transform:none}.org-tier{display:block;text-align:left}.org-tier:not(:first-child):before{content:"";position:absolute;left:-29px;top:18px;width:28px;height:2px;background:linear-gradient(90deg,rgba(var(--org-rgb),.75),rgba(var(--org-rgb),.2))}.org-tier-heading{width:100%;justify-content:flex-start}.org-tier-list{display:grid;grid-template-columns:1fr;width:100%;margin-top:10px}.org-tier-list:before{display:none}.org-node{width:100%;min-height:68px}.org-node:before{display:none}.org-node strong{font-size:.68rem}.org-node small{font-size:.55rem}.org-node em{font-size:.48rem;white-space:normal}
}
@media(max-width:380px){.osis-nav-shell .osis-nav{grid-template-columns:1fr!important}.osis-agenda-timeline{--agenda-rail-x:18px;padding-left:45px!important}.osis-agenda-node{left:-43px;width:34px;height:34px}.org-chart{padding-left:50px}.org-chart:before{left:24px}.org-tier:not(:first-child):before{left:-26px;width:25px}.org-node{padding:9px}.org-avatar{width:38px;height:38px;flex-basis:38px}}

/* Mini hero untuk setiap pusat informasi utama */
.osis-section-hero{--section-hero:#3159bd;--section-hero-2:#7040bd;--section-hero-rgb:49,89,189;position:relative;isolation:isolate;display:grid!important;grid-template-columns:52px minmax(0,1fr) auto;align-items:center!important;gap:14px!important;margin:-17px -17px 20px!important;padding:18px!important;border:0!important;border-radius:24px 24px 18px 18px;overflow:hidden;color:#fff;background:linear-gradient(125deg,#0c1e50 0%,var(--section-hero) 62%,var(--section-hero-2) 100%);box-shadow:0 16px 34px rgba(var(--section-hero-rgb),.2)}.osis-section-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 86% 16%,rgba(255,255,255,.2),transparent 18%),linear-gradient(115deg,transparent 54%,rgba(255,255,255,.1) 54% 55%,transparent 55%)}.osis-section-hero:after{content:"";position:absolute;z-index:-1;right:-34px;bottom:-72px;width:170px;height:170px;border:28px solid rgba(255,255,255,.07);border-radius:50%}.osis-section-hero-agenda{--section-hero:#3159bd;--section-hero-2:#f28a2a;--section-hero-rgb:49,89,189}.osis-section-hero-timeline{--section-hero:#6339b6;--section-hero-2:#d24a78;--section-hero-rgb:99,57,182}.osis-section-hero-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.3);border-radius:17px;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.08));box-shadow:inset 0 1px rgba(255,255,255,.25),0 10px 24px rgba(7,18,54,.25);font-size:1.3rem}.osis-section-hero>div{min-width:0}.osis-section-hero-label{display:inline-flex;align-items:center;gap:5px;margin-bottom:3px;color:#ffe080;font-size:.46rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.osis-section-hero h4{margin:0!important;color:#fff!important;font-size:1.08rem!important;letter-spacing:-.025em}.osis-section-hero p{margin:3px 0 0!important;color:rgba(255,255,255,.72)!important;font-size:.62rem!important}.osis-section-hero .osis-btn,.osis-section-hero .osis-badge{position:relative;z-index:1;align-self:center;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;background:rgba(8,22,61,.3)!important;box-shadow:inset 0 1px rgba(255,255,255,.16);backdrop-filter:blur(10px)}.osis-section-hero .osis-btn:hover{background:rgba(255,255,255,.18)!important;transform:translateY(-1px)}
@media(max-width:760px){.osis-section-hero{grid-template-columns:44px minmax(0,1fr);gap:10px!important;margin:-17px -17px 17px!important;padding:14px!important}.osis-section-hero-icon{width:44px;height:44px;border-radius:14px;font-size:1.08rem}.osis-section-hero h4{font-size:.91rem!important}.osis-section-hero p{font-size:.55rem!important}.osis-section-hero .osis-btn,.osis-section-hero .osis-badge{grid-column:1/-1;justify-self:stretch;justify-content:center;width:100%;margin-top:1px}}

/* Command dock desktop: satu baris bila muat, maksimal dua baris bila ruang menyempit */
@media(min-width:761px){.osis-nav{--osis-nav-columns:1;--osis-nav-item-basis:100%;position:relative;display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap!important;gap:16px 8px!important;overflow:visible!important}.osis-nav:before,.osis-nav:after{content:"";position:absolute;z-index:0;left:4%;right:4%;top:27px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#4f7cff 9%,#9a72ff 48%,#f97316 78%,#f6b51b 91%,transparent);box-shadow:0 0 12px rgba(109,61,242,.3);pointer-events:none}.osis-nav:after{display:none;top:121px}.osis-nav.is-two-rows:after{display:block}.osis-nav a{display:flex!important;align-self:center;flex:0 0 var(--osis-nav-item-basis)!important;flex-direction:column;align-items:center!important;justify-content:center;width:auto!important;min-width:0!important;max-width:var(--osis-nav-item-basis)!important;height:78px!important;min-height:78px!important;max-height:78px!important;gap:7px!important;padding:8px!important;text-align:center;overflow:visible!important}.osis-nav a i{position:relative;z-index:3;width:38px!important;height:38px!important;flex:0 0 38px!important}.osis-nav a:before{display:none!important}.osis-nav a.active:after{inset:auto 18px 0!important}}
@media(max-width:760px){.osis-hero>.d-flex{justify-content:center!important;text-align:center}.osis-hero-copy{width:100%;text-align:center}.osis-hero-copy .osis-eyebrow{justify-content:center}.osis-hero-badges{align-items:center!important;width:100%}.osis-hero-overview{text-align:center}.osis-hero-role-summary>span{justify-content:center}.osis-hero-role-summary p{margin-right:auto;margin-left:auto}.osis-responsibility-chips{justify-content:center}.osis-hero-metrics{margin-right:auto;margin-left:auto}}

/* Wajah organisasi: konteks kegiatan yang seimbang dengan bagan kewenangan */
.organization-intro{display:grid;align-content:start}.organization-intro>h2{margin:14px 0 13px;line-height:1.08}.organization-intro>p{max-width:420px;line-height:1.7}.organization-activity-panel{position:relative;isolation:isolate;display:grid;gap:17px;margin-top:24px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:25px;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(249,115,22,.2),transparent 31%),linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.14),0 22px 46px rgba(2,12,37,.23);backdrop-filter:blur(14px)}.organization-activity-panel:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#f6b51b,#f97316 36%,#9a72ff 69%,#4f7cff)}.organization-activity-panel>header{display:flex;align-items:center;gap:11px}.organization-activity-panel>header>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(255,214,107,.38);border-radius:14px;color:#2d1700;background:linear-gradient(145deg,#ffe18a,#f97316);box-shadow:0 10px 22px rgba(249,115,22,.2)}.organization-activity-panel>header>div{display:grid;min-width:0}.organization-activity-panel>header small{color:#ffd66b;font-size:.46rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.organization-activity-panel>header strong{margin-top:2px;color:#fff;font-size:.69rem;line-height:1.35}.organization-impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(3,15,48,.28)}.organization-impact-grid>div{--impact:#4f7cff;display:grid;justify-items:center;gap:3px;padding:12px 5px;border-right:1px solid rgba(255,255,255,.1);text-align:center}.organization-impact-grid>div:last-child{border-right:0}.organization-impact-grid .tone-orange{--impact:#f97316}.organization-impact-grid .tone-violet{--impact:#9a72ff}.organization-impact-grid .tone-gold{--impact:#f6b51b}.organization-impact-grid strong{color:var(--impact);font-family:"OSIS Outfit",sans-serif;font-size:1.1rem;line-height:1}.organization-impact-grid span{color:rgba(255,255,255,.66);font-size:.43rem;font-weight:700;line-height:1.35}.organization-cycle{padding-top:2px}.organization-cycle-title{display:block;margin-bottom:11px;color:#fff;font-size:.55rem;font-weight:850}.organization-cycle ol{position:relative;display:grid;gap:10px;margin:0;padding:0;list-style:none}.organization-cycle ol:before{content:"";position:absolute;left:13px;top:14px;bottom:14px;width:2px;border-radius:99px;background:linear-gradient(180deg,#f6b51b,#f97316,#9a72ff,#4f7cff)}.organization-cycle li{position:relative;display:flex;align-items:center;gap:10px}.organization-cycle li>b{z-index:1;display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:2px solid rgba(255,255,255,.22);border-radius:10px;color:#fff;background:#102b6e;font-size:.43rem;box-shadow:0 5px 13px rgba(2,12,37,.22)}.organization-cycle li>span{display:grid}.organization-cycle li strong{color:#fff;font-size:.55rem}.organization-cycle li small{margin-top:1px;color:rgba(255,255,255,.58);font-size:.46rem;line-height:1.4}.organization-agenda-pulse{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(154,114,255,.23);border-radius:17px;background:linear-gradient(135deg,rgba(79,124,255,.15),rgba(154,114,255,.11))}.organization-pulse-icon{position:relative;display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:13px;color:#fff;background:linear-gradient(145deg,#4f7cff,#9a72ff);box-shadow:0 8px 18px rgba(79,124,255,.24)}.organization-pulse-icon:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(154,114,255,.26);border-radius:17px}.organization-agenda-pulse>div{display:grid;min-width:0}.organization-agenda-pulse small{color:#bca8ff;font-size:.43rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.organization-agenda-pulse strong{margin-top:2px;overflow:hidden;color:#fff;font-size:.57rem;text-overflow:ellipsis;white-space:nowrap}.organization-agenda-pulse div>span{margin-top:2px;color:rgba(255,255,255,.56);font-size:.43rem}
@media(max-width:1120px) and (min-width:761px){.organization-leadership{grid-template-columns:minmax(280px,.42fr) minmax(0,.58fr)!important}.organization-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.organization-impact-grid>div:nth-child(2){border-right:0}.organization-impact-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}}
@media(max-width:760px){.organization-intro{text-align:center}.organization-intro>p{margin-right:auto;margin-left:auto}.organization-view-hint{justify-self:center}.organization-activity-panel{width:100%;max-width:520px;margin:22px auto 4px;text-align:left}.organization-impact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.organization-cycle ol:before{left:13px}}
@media(max-width:420px){.organization-activity-panel{padding:15px}.organization-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.organization-impact-grid>div:nth-child(2){border-right:0}.organization-impact-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}.organization-agenda-pulse strong{white-space:normal}}
/* Proposal Builder, role workstreams, dan LPJ 2026 */
.osis-workstream-board,.osis-accountability-hero{margin:0 0 18px;padding:22px;border:1px solid rgba(67,97,238,.2);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(241,245,255,.96));box-shadow:0 18px 45px rgba(30,58,138,.09)}
.osis-workstream-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.osis-workstream-grid a{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;min-height:82px;padding:14px;border:1px solid rgba(99,102,241,.14);border-radius:18px;background:#fff;color:#142347;text-decoration:none;transition:.2s ease}.osis-workstream-grid a:hover{transform:translateY(-3px);border-color:#6366f1;box-shadow:0 14px 30px rgba(79,70,229,.14)}.osis-workstream-grid>a>i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#3157dc,#743ee8);color:#fff;font-size:19px}.osis-workstream-grid span{display:grid;gap:4px}.osis-workstream-grid small{color:#667493;line-height:1.4}.osis-workstream-grid>a>b{color:#f97316}
.osis-proposal-builder{overflow:hidden;border:1px solid rgba(65,86,190,.2);border-radius:22px;background:linear-gradient(145deg,#fff,#f6f8ff);box-shadow:0 18px 38px rgba(29,48,112,.1)}.osis-proposal-builder-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:linear-gradient(120deg,#0d2357,#2246a7);color:#fff}.osis-proposal-builder-head>div:first-child{display:flex;align-items:center;gap:12px}.osis-proposal-builder-head small,.osis-proposal-builder-head strong{display:block}.osis-proposal-builder-head small{color:#ffc857;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.osis-proposal-builder-head strong{font-size:17px}.osis-proposal-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#ff8a00,#ff4d6d);font-size:20px}.osis-proposal-score{display:flex;align-items:center;gap:10px}.osis-proposal-score span{display:grid;text-align:right}.osis-proposal-score b{font-size:18px}.osis-proposal-score small{color:#dbe5ff;letter-spacing:0;text-transform:none}.osis-proposal-score i{display:block;width:46px;height:46px;border-radius:50%;background:conic-gradient(#ffcc33 var(--proposal-progress),rgba(255,255,255,.16) 0);box-shadow:inset 0 0 0 7px #173276}.osis-proposal-score.is-ready i{background:conic-gradient(#4ade80 100%,transparent 0)}.osis-proposal-progress{height:5px;background:#dce4ff}.osis-proposal-progress span{display:block;height:100%;background:linear-gradient(90deg,#ff8a00,#ec4899,#7048e8,#2563eb)}
.osis-proposal-section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 16px}.osis-proposal-section-grid a{display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:8px;padding:9px;border:1px solid #e0e6f6;border-radius:12px;background:#fff;color:#344365;text-decoration:none;font-size:11px;font-weight:800}.osis-proposal-section-grid a>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef1ff;color:#5b46e8}.osis-proposal-section-grid a>b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff1f2;color:#e11d48}.osis-proposal-section-grid a.is-ready>b{background:#dcfce7;color:#15803d}
.osis-proposal-block{border-top:1px solid #e3e8f5}.osis-proposal-block>summary{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:13px;padding:16px 20px;cursor:pointer;list-style:none;background:rgba(255,255,255,.72)}.osis-proposal-block>summary::-webkit-details-marker{display:none}.osis-proposal-block>summary>span{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#3157dc,#7048e8);color:#fff}.osis-proposal-block>summary>span b{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:20px;height:20px;border:2px solid #fff;border-radius:50%;background:#ff8a00;font-size:8px}.osis-proposal-block>summary div{display:grid;gap:3px}.osis-proposal-block>summary strong{color:#132347;font-size:15px}.osis-proposal-block>summary small{color:#71809e}.osis-proposal-block>summary em{padding:6px 10px;border-radius:999px;background:#edf2ff;color:#3157dc;font-size:10px;font-style:normal;font-weight:900}.osis-proposal-block[open]>summary{background:linear-gradient(90deg,#eef3ff,#fff7ed)}.osis-proposal-body{padding:18px 20px 22px;background:#fff}.osis-builder-table{margin:15px 0;padding:12px;border:1px solid #e0e6f5;border-radius:16px;background:#f8faff}.osis-builder-table>header{display:flex;justify-content:space-between;margin-bottom:10px}.osis-builder-table>header small{color:#667493}.osis-builder-row{display:grid;gap:8px;margin:8px 0}.osis-builder-row.is-rundown{grid-template-columns:.7fr 1.5fr 1fr}.osis-builder-row.is-committee{grid-template-columns:1.1fr .8fr 1.4fr}.osis-builder-row.is-budget{grid-template-columns:.8fr 1.4fr .5fr .55fr .8fr}.osis-rab-total{font-weight:900}.osis-proposal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid #e4e9f6;background:#f8faff}.osis-proposal-footer span{color:#5e6e8f;font-size:12px}.osis-proposal-footer i{margin-right:6px;color:#f97316}.osis-revision-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.osis-revision-sections label{padding:8px;border:1px solid #e4e7f2;border-radius:10px;background:#fff;font-size:11px;font-weight:700}.osis-revision-sections i{margin:0 5px;color:#6644dc}
.osis-accountability-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;background:linear-gradient(125deg,#0b1f4d,#233f9e 65%,#6d3ee8);color:#fff}.osis-accountability-hero h3{margin:8px 0;font-size:clamp(24px,3vw,38px)}.osis-accountability-hero p{margin:0;color:#dce5ff}.osis-governance-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.osis-governance-flow span{padding:9px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.1);font-size:11px;font-weight:900}.osis-governance-flow i{color:#ffc857}.osis-lpj-layout{align-items:start}.osis-lpj-card{overflow:hidden;border:1px solid #dfe6f6;border-radius:19px;background:#fff;box-shadow:0 11px 25px rgba(25,48,110,.07)}.osis-lpj-card>header{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:15px;border-top:4px solid #3b82f6;background:linear-gradient(110deg,#f8faff,#fff)}.osis-lpj-card.tone-2>header{border-color:#f97316}.osis-lpj-card.tone-3>header{border-color:#a855f7}.osis-lpj-card.tone-4>header{border-color:#eab308}.osis-lpj-card h5,.osis-lpj-card p{margin:2px 0}.osis-lpj-card header small,.osis-lpj-card header p{color:#73809b}.osis-lpj-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#3157dc,#7946e8);color:#fff;font-size:18px}.osis-lpj-check-summary{display:flex;justify-content:space-between;padding:11px 15px;background:#f7f9ff;color:#344365;font-size:12px}.osis-checklist-grid{display:grid;gap:7px;padding:10px 14px}.osis-check-row{display:grid;grid-template-columns:1fr 120px;align-items:center;gap:8px}.osis-check-row span{display:grid;grid-template-columns:20px 1fr;align-items:center}.osis-check-row small{grid-column:2;color:#8793aa}.osis-check-row select{padding:7px;border:1px solid #dce3f2;border-radius:10px;background:#fff}.osis-period-flow{display:flex;align-items:center;justify-content:center;margin:12px 0 20px}.osis-period-flow span{padding:7px 10px;border-radius:999px;background:#eef1f8;color:#667493;font-size:10px;font-weight:900}.osis-period-flow span.done{background:linear-gradient(135deg,#3157dc,#7048e8);color:#fff}.osis-period-flow i{width:30px;height:2px;background:#d8deed}.osis-period-lpj textarea{min-height:92px;margin-bottom:12px}
@media(max-width:991.98px){.osis-workstream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.osis-proposal-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.osis-accountability-hero{grid-template-columns:1fr;gap:18px}.osis-builder-row.is-budget{grid-template-columns:repeat(2,minmax(0,1fr))}.osis-builder-row.is-budget input:nth-child(2){grid-column:span 2}}
@media(max-width:575.98px){.osis-workstream-board,.osis-accountability-hero{padding:16px;border-radius:19px}.osis-workstream-grid{grid-template-columns:1fr}.osis-proposal-builder-head{align-items:flex-start}.osis-proposal-score i{display:none}.osis-proposal-section-grid{grid-template-columns:1fr}.osis-proposal-block>summary{grid-template-columns:44px 1fr}.osis-proposal-block>summary>span{width:40px;height:40px}.osis-proposal-block>summary>em{grid-column:2;justify-self:start}.osis-proposal-body{padding:14px}.osis-builder-row.is-rundown,.osis-builder-row.is-committee,.osis-builder-row.is-budget{grid-template-columns:1fr}.osis-builder-row.is-budget input:nth-child(2){grid-column:auto}.osis-proposal-footer{align-items:stretch;flex-direction:column}.osis-revision-sections{grid-template-columns:1fr}.osis-lpj-card>header{grid-template-columns:42px 1fr}.osis-lpj-card>header>.osis-badge{grid-column:2;justify-self:start}.osis-check-row{grid-template-columns:1fr}.osis-period-flow{flex-wrap:wrap;gap:5px}.osis-period-flow i{width:12px}.osis-governance-flow i{transform:rotate(90deg)}}

/* Proposal Builder RAB CRUD: satu sumber hitung untuk editor, simpan, dan cetak. */
.osis-rab-column-labels{display:none}
.osis-builder-row.is-budget{grid-template-columns:repeat(12,minmax(0,1fr))}
.osis-builder-row.is-budget{align-items:center;padding:9px;border:1px solid #e0e7f5;border-radius:14px;background:#fff;box-shadow:0 7px 18px rgba(37,61,122,.05)}
.osis-builder-row.is-budget>input:nth-child(1){grid-column:span 3}.osis-builder-row.is-budget>input:nth-child(2){grid-column:span 9}.osis-builder-row.is-budget>input:nth-child(3){grid-column:span 2}.osis-builder-row.is-budget>input:nth-child(4){grid-column:span 2}.osis-builder-row.is-budget>.osis-rupiah-field{grid-column:span 3}.osis-builder-row.is-budget>.osis-rab-subtotal{grid-column:span 4}.osis-builder-row.is-budget>.osis-rab-remove{grid-column:span 1}
.osis-builder-row.is-budget .form-control{min-width:0;color:#152544;font-size:.82rem;font-weight:750}.osis-builder-row.is-budget .form-control::placeholder{color:#7a87a2;font-weight:650;opacity:1}
.osis-rab-subtotal{display:flex;align-items:center;justify-content:flex-end;min-height:42px;padding:0 10px;border-radius:11px;background:linear-gradient(135deg,#ecfdf8,#eef4ff);color:#087d78;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums;text-align:right}
.osis-rab-remove{display:grid;place-items:center;width:38px;height:38px;border:1px solid #fecaca;border-radius:11px;background:#fff1f2;color:#dc2626;transition:.2s ease}
.osis-rab-remove:hover{transform:translateY(-1px);background:#dc2626;color:#fff;box-shadow:0 8px 18px rgba(220,38,38,.2)}
.osis-builder-table>header>div{display:grid;gap:2px}.osis-builder-table>header>div small{font-size:10px}.osis-builder-table>[data-osis-rab-add]{margin-top:10px}
@media(max-width:767.98px){.osis-builder-row.is-budget{grid-template-columns:repeat(2,minmax(0,1fr))}.osis-builder-row.is-budget>input:nth-child(1),.osis-builder-row.is-budget>input:nth-child(2),.osis-builder-row.is-budget>input:nth-child(3),.osis-builder-row.is-budget>input:nth-child(4),.osis-builder-row.is-budget>.osis-rupiah-field,.osis-builder-row.is-budget>.osis-rab-subtotal,.osis-builder-row.is-budget>.osis-rab-remove{grid-column:auto}.osis-builder-row.is-budget>input:nth-child(2){grid-column:span 2}.osis-rab-subtotal{justify-content:center}.osis-rab-remove{justify-self:end}}
@media(max-width:575.98px){.osis-builder-row.is-budget{grid-template-columns:1fr}.osis-rab-remove{justify-self:stretch;width:100%}.osis-builder-table>header{align-items:flex-start;flex-direction:column;gap:7px}}

/* Alur input program: mulai dari identitas, baru masuk pipeline proposal. */
.osis-program-layout{grid-template-columns:minmax(0,1fr)}.osis-program-layout>div:nth-child(2){order:-1}.osis-proposal-starter{border:1px solid rgba(69,85,220,.2);box-shadow:0 16px 35px rgba(39,63,134,.08)}
.osis-proposal-onboarding{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:15px}.osis-proposal-onboarding>span{position:relative;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px;border:1px solid #dfe6fa;border-radius:15px;background:linear-gradient(135deg,#f8fbff,#f3f0ff)}.osis-proposal-onboarding b{position:absolute;top:6px;right:8px;color:#5266dd;font-size:11px}.osis-proposal-onboarding i{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#3157dc,#7048e8);color:#fff}.osis-proposal-onboarding strong{color:#162747;font-size:12px}.osis-proposal-onboarding small{color:#70809d;font-size:10px}.osis-program-starter-form{padding:3px}.osis-starter-submit{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f6}.osis-starter-submit p{margin:0;color:#62718d;font-size:11px}.osis-starter-submit p i{margin-right:5px;color:#0f9f83}.osis-submit-pending{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #fed7aa;border-radius:11px;background:#fff7ed;color:#9a4b0b;font-size:11px;font-weight:800}
@media(max-width:767.98px){.osis-proposal-onboarding{grid-template-columns:1fr}.osis-starter-submit{align-items:stretch;flex-direction:column}.osis-starter-submit .osis-btn{width:100%}}

/* Pemilik alur portal: penulis, Tim Inti, lalu Pembina sebagai keputusan akhir. */
.osis-publication-route{margin:0 0 18px;padding:18px;border:1px solid rgba(67,97,238,.18);border-radius:23px;background:linear-gradient(145deg,#fff,#f4f7ff);box-shadow:0 16px 36px rgba(31,54,119,.08)}.osis-publication-route>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.osis-publication-route>header>strong{color:#5f6f8f;font-size:11px}.osis-publication-route>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.osis-publication-route article{display:grid;grid-template-columns:38px 1fr;gap:11px;min-width:0;padding:13px;border:1px solid #e0e7f5;border-radius:17px;background:#fff}.osis-publication-route article>b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#3157dc,#7048e8);font-size:11px}.osis-publication-route article>span{display:grid;min-width:0}.osis-publication-route article small{color:#f97316;font-size:8px;font-weight:900;letter-spacing:.1em}.osis-publication-route article strong{margin-top:2px;color:#152544;font-size:12px}.osis-publication-route article p{margin:5px 0 0;color:#6b7893;font-size:10px;line-height:1.5}.osis-check-field>span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #cfe6dc;border-radius:11px;color:#087d66;background:#eefbf6;font-size:11px;font-weight:800}
@media(max-width:991.98px){.osis-publication-route>div{grid-template-columns:1fr}.osis-publication-route>header{align-items:flex-start;flex-direction:column}}

/* Meja telaah terarah: antrean keputusan Tim Inti, Koordinator, dan Pembina. */
.osis-nav a{position:relative}.osis-nav-review-count{position:absolute;z-index:6;top:4px;right:7px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:2px solid #fff;border-radius:999px;color:#fff;background:#ef4444;font-size:9px;font-weight:950;line-height:1;box-shadow:0 5px 14px rgba(239,68,68,.3)}
.osis-review-desk{position:relative;isolation:isolate;overflow:hidden;padding:22px;border:1px solid rgba(129,140,248,.35);border-radius:25px;color:#fff;background:radial-gradient(circle at 92% 12%,rgba(249,115,22,.24),transparent 28%),radial-gradient(circle at 5% 100%,rgba(45,212,191,.18),transparent 30%),linear-gradient(135deg,#0a1d4b,#173b91 58%,#5533a4);box-shadow:0 22px 50px rgba(20,43,110,.2)}.osis-review-desk:after{content:"";position:absolute;z-index:-1;right:-45px;bottom:-75px;width:210px;height:210px;border:34px solid rgba(255,255,255,.045);border-radius:50%}
.osis-review-desk-head{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:15px}.osis-review-desk-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.24);border-radius:17px;color:#13245a;background:linear-gradient(145deg,#fff4ba,#f6b51b);font-size:21px;box-shadow:0 12px 28px rgba(246,181,27,.22)}.osis-review-desk-head .osis-eyebrow{color:#ffd66b!important}.osis-review-desk-head h3{margin:4px 0 3px;color:#fff;font-size:20px}.osis-review-desk-head p{max-width:780px;margin:0;color:rgba(255,255,255,.72);font-size:12px;line-height:1.55}.osis-review-desk-total{display:grid;justify-items:center;min-width:105px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.osis-review-desk-total strong{color:#ffd66b;font-size:24px}.osis-review-desk-total small{color:rgba(255,255,255,.68);font-size:9px;font-weight:800}
.osis-review-desk-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:17px 0 12px}.osis-review-desk-stats>a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:17px;color:#fff;background:rgba(255,255,255,.075);text-decoration:none;transition:.2s ease}.osis-review-desk-stats>a:hover{transform:translateY(-2px);background:rgba(255,255,255,.13)}.osis-review-desk-stats>a>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#14b8a6,#2563eb)}.osis-review-desk-stats>a>span{display:grid}.osis-review-desk-stats strong{font-size:12px}.osis-review-desk-stats small{margin-top:2px;color:rgba(255,255,255,.62);font-size:10px}.osis-review-desk-stats>a>b{display:grid;place-items:center;min-width:34px;height:34px;border-radius:11px;color:#15224b;background:#fff;font-size:15px}
.osis-review-queue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.osis-review-queue-card{display:grid;align-content:start;min-width:0;padding:13px;border:1px solid rgba(255,255,255,.14);border-radius:16px;color:#fff;background:rgba(5,18,55,.28);text-decoration:none;transition:.2s ease}.osis-review-queue-card:hover{transform:translateY(-3px);border-color:rgba(255,214,107,.65);color:#fff;background:rgba(5,18,55,.43)}.osis-review-queue-card>span{color:#70f0df;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.osis-review-queue-card.is-publication>span{color:#ffd66b}.osis-review-queue-card>span i{margin-right:5px}.osis-review-queue-card>strong{margin:7px 0 4px;font-size:12px;line-height:1.4}.osis-review-queue-card>small{color:rgba(255,255,255,.58);font-size:9px;line-height:1.45}.osis-review-queue-card>em{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#ffd66b;font-size:9px;font-style:normal;font-weight:850}
.osis-review-desk-empty{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(45,212,191,.26);border-radius:16px;background:rgba(15,118,110,.1)}.osis-review-desk-empty>i{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;color:#064e3b;background:#99f6e4;font-size:17px}.osis-review-desk-empty>span{display:grid}.osis-review-desk-empty strong{font-size:11px}.osis-review-desk-empty small{margin-top:2px;color:inherit;opacity:.68;font-size:9px}.osis-review-upstream{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 12px;border:1px solid rgba(255,214,107,.2);border-radius:13px;color:#fff2c2;background:rgba(249,115,22,.11);font-size:10px}.osis-review-upstream>span{margin-left:auto;color:rgba(255,255,255,.62);font-size:9px}
.osis-program-review-inbox{margin-bottom:16px;padding:18px;border:1px solid rgba(49,87,220,.2);border-radius:23px;background:linear-gradient(135deg,#f8fbff,#f4f1ff);box-shadow:0 16px 38px rgba(31,58,132,.09)}.osis-program-review-inbox-head{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px}.osis-program-review-inbox-head>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#3157dc,#7540e8);font-size:19px}.osis-program-review-inbox-head small{color:#f97316;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.osis-program-review-inbox-head h3{margin:2px 0;color:#132347;font-size:17px}.osis-program-review-inbox-head p{margin:0;color:#667493;font-size:10px;line-height:1.5}.osis-program-review-inbox-head>b{display:grid;justify-items:center;padding:9px 12px;border-radius:14px;color:#3157dc;background:#fff;font-size:18px;box-shadow:0 8px 20px rgba(49,87,220,.1)}.osis-program-review-inbox-head>b small{color:#687795;font-size:8px;letter-spacing:0;text-transform:none}.osis-program-review-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.osis-program-review-links>a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid #dce5f7;border-radius:14px;color:#17284c;background:#fff;text-decoration:none}.osis-program-review-links>a>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#0fa9a0,#3157dc)}.osis-program-review-links span{display:grid;min-width:0}.osis-program-review-links strong{font-size:11px}.osis-program-review-links small{margin-top:2px;color:#74819a;font-size:9px}.osis-program-review-links>a>b{color:#f97316;font-size:9px}.osis-program-item.is-actionable-review,.osis-content-item.is-actionable-review{border:2px solid rgba(49,87,220,.42)!important;border-left-width:6px!important;box-shadow:0 15px 36px rgba(49,87,220,.12)!important}.osis-review-owner{display:flex;align-items:flex-start;gap:10px;margin:10px 0;padding:11px 12px;border:1px solid #cbdcff;border-radius:14px;background:linear-gradient(135deg,#edf4ff,#f3efff)}.osis-review-owner>i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#3157dc,#7540e8)}.osis-review-owner>span{display:grid}.osis-review-owner strong{color:#142754;font-size:11px}.osis-review-owner small{margin-top:3px;color:#62718f;font-size:9px;line-height:1.5}

/* Studio Redaksi untuk seluruh pengurus aktif. */
.osis-publication-launcher{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:center;gap:18px;margin:0 0 18px;padding:20px;border:1px solid rgba(49,87,220,.18);border-radius:24px;background:radial-gradient(circle at 0 100%,rgba(20,184,166,.12),transparent 30%),linear-gradient(145deg,#fff,#f2f5ff);box-shadow:0 16px 40px rgba(31,54,119,.08)}.osis-publication-launcher h3{margin:5px 0;color:#132347;font-size:18px}.osis-publication-launcher p{margin:0;color:#677691;font-size:10px;line-height:1.55}.osis-publication-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.osis-publication-type-grid>a{display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:9px;padding:11px;border:1px solid #dfe7f6;border-radius:15px;color:#17284a;background:#fff;text-decoration:none;transition:.2s ease}.osis-publication-type-grid>a:hover{transform:translateY(-2px);border-color:#536de4;box-shadow:0 11px 24px rgba(49,87,220,.11)}.osis-publication-type-grid>a>i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#3157dc,#6d3df2)}.osis-publication-type-grid>a:nth-child(2)>i{background:linear-gradient(135deg,#f97316,#f6b51b)}.osis-publication-type-grid>a:nth-child(3)>i{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.osis-publication-type-grid>a:nth-child(4)>i{background:linear-gradient(135deg,#14b8a6,#2563eb)}.osis-publication-type-grid span{display:grid}.osis-publication-type-grid strong{font-size:11px}.osis-publication-type-grid small{margin-top:2px;color:#74819b;font-size:8px;line-height:1.4}.osis-publication-type-grid>a>b{color:#f97316}.osis-publication-editor{scroll-margin-top:120px}.osis-publication-editor-guide{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:13px;padding:11px;border:1px solid #dce5f6;border-radius:15px;background:linear-gradient(135deg,#eef5ff,#f7f3ff)}.osis-publication-editor-guide>i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#3157dc,#7540e8)}.osis-publication-editor-guide>span{display:grid;min-width:180px;margin-right:auto}.osis-publication-editor-guide strong{color:#15264a;font-size:11px}.osis-publication-editor-guide small,.osis-field-hint{color:#71809a;font-size:8px;line-height:1.4}.osis-publication-editor-guide>b{padding:6px 8px;border:1px solid #cfe8df;border-radius:999px;color:#087c67;background:#effbf7;font-size:8px}.osis-publication-editor-guide>b i{margin-right:3px}

/* Portal publik: agenda berjenjang, cerita berkelompok, dan lintasan Sekbid. */
.public-agenda-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.8fr);align-items:end;gap:34px}.public-agenda-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.15);backdrop-filter:blur(14px)}.public-agenda-summary>span{display:grid;justify-items:center;padding:15px 8px;border-right:1px solid rgba(255,255,255,.12)}.public-agenda-summary>span:last-child{border-right:0}.public-agenda-summary strong{color:#ffd66b;font-size:25px}.public-agenda-summary small{margin-top:3px;color:rgba(255,255,255,.7);font-size:9px;text-align:center}.public-agenda-heading p,.public-story-heading p,.public-section-flow-heading p{max-width:730px;margin:8px 0 0;color:#677792;font-size:13px;line-height:1.65}.public-agenda-stage-guide{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:22px 0 25px;padding:14px;border:1px solid #dfe7f5;border-radius:22px;background:#fff;box-shadow:0 15px 38px rgba(35,58,116,.08)}.public-agenda-stage-guide:before{content:"";position:absolute;z-index:0;left:10%;right:10%;top:36px;height:3px;border-radius:99px;background:linear-gradient(90deg,#2563eb,#6d3df2,#f97316,#f6b51b,#14b8a6)}.public-agenda-stage-guide>span{z-index:1;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px;padding:8px;border-radius:15px;background:#f8faff}.public-agenda-stage-guide i{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border:4px solid #fff;border-radius:13px;color:#fff;background:linear-gradient(135deg,#3157dc,#7540e8);box-shadow:0 7px 18px rgba(49,87,220,.18)}.public-agenda-stage-guide b{color:#f97316;font-size:9px}.public-agenda-stage-guide small{color:#1e3053;font-size:10px;font-weight:850}.public-agenda-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.public-agenda-card{--agenda-accent:#3157dc;position:relative;overflow:hidden;padding:18px;border:1px solid color-mix(in srgb,var(--agenda-accent) 24%,#dce5f4);border-radius:24px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--agenda-accent) 12%,transparent),transparent 34%),#fff;box-shadow:0 18px 42px rgba(29,52,108,.09)}.public-agenda-card.tone-2{--agenda-accent:#6d3df2}.public-agenda-card.tone-3{--agenda-accent:#f97316}.public-agenda-card.tone-4{--agenda-accent:#e0a10a}.public-agenda-card.tone-5{--agenda-accent:#0f9f83}.public-agenda-card.tone-6{--agenda-accent:#e14b87}.public-agenda-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--agenda-accent)}.public-agenda-card>header{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:start;gap:13px}.public-agenda-card time{display:grid;justify-items:center;padding:10px 5px;border-radius:18px;color:#fff;background:linear-gradient(145deg,var(--agenda-accent),#172c72);box-shadow:0 10px 23px color-mix(in srgb,var(--agenda-accent) 25%,transparent)}.public-agenda-card time strong{font-size:25px;line-height:1}.public-agenda-card time span{margin-top:5px;font-size:9px;font-weight:900}.public-agenda-card time small{margin-top:2px;color:rgba(255,255,255,.7);font-size:8px}.public-agenda-kicker{display:inline-flex;align-items:center;gap:5px;color:var(--agenda-accent);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.public-agenda-card h3{margin:6px 0 3px;color:#142548;font-size:17px;line-height:1.35}.public-agenda-card header p{margin:0;color:#6d7a94;font-size:11px}.public-agenda-status{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;color:var(--agenda-accent);background:color-mix(in srgb,var(--agenda-accent) 10%,#fff);font-size:9px;font-weight:900}.public-agenda-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0}.public-agenda-meta>span{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px;padding:9px;border:1px solid #e3e8f3;border-radius:14px;background:#f9fbff}.public-agenda-meta>span>i{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:var(--agenda-accent);background:color-mix(in srgb,var(--agenda-accent) 10%,#fff)}.public-agenda-meta b{color:#243554;font-size:9px}.public-agenda-meta small{margin-top:2px;color:#71809b;font-size:9px;line-height:1.35}.public-agenda-description{margin:0 0 15px;color:#5e6e8b;font-size:11px;line-height:1.65}.public-agenda-flow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding-top:3px}.public-agenda-flow:before{content:"";position:absolute;left:8%;right:8%;top:17px;height:2px;background:#dce4f2}.public-agenda-flow>span{z-index:1;display:grid;justify-items:center;gap:5px;min-width:0}.public-agenda-flow b{display:grid;place-items:center;width:29px;height:29px;border:3px solid #fff;border-radius:10px;color:#8b97ac;background:#e9eef6;font-size:8px;box-shadow:0 3px 10px rgba(29,52,108,.08)}.public-agenda-flow small{color:#7b879d;font-size:7px;font-weight:750;text-align:center}.public-agenda-flow .is-done b{color:#fff;background:#14a389}.public-agenda-flow .is-active b{color:#fff;background:var(--agenda-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--agenda-accent) 13%,transparent)}.public-agenda-flow .is-active small{color:var(--agenda-accent);font-weight:950}.public-agenda-warning{display:flex;align-items:center;gap:9px;margin-top:13px;padding:9px 11px;border:1px solid #fed7aa;border-radius:13px;color:#9a4b0b;background:#fff7ed}.public-agenda-warning>span{display:grid}.public-agenda-warning strong{font-size:9px}.public-agenda-warning small{margin-top:2px;font-size:8px}.public-agenda-empty{padding-block:55px!important}
.public-story-type-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:20px 0 26px}.public-story-type-overview>a{--story-accent:#3157dc;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;padding:12px;border:1px solid color-mix(in srgb,var(--story-accent) 22%,#dce5f3);border-radius:17px;color:#17284b;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--story-accent) 5%,#fff));text-decoration:none;box-shadow:0 10px 25px rgba(30,55,112,.06)}.public-story-type-overview .type-pengumuman{--story-accent:#f97316}.public-story-type-overview .type-prestasi{--story-accent:#d39b08}.public-story-type-overview .type-artikel{--story-accent:#0f9f83}.public-story-type-overview>a>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:var(--story-accent)}.public-story-type-overview span{display:grid}.public-story-type-overview strong{font-size:11px}.public-story-type-overview small{margin-top:2px;color:#74819a;font-size:8px;line-height:1.35}.public-story-type-overview>a>b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:10px;color:var(--story-accent);background:color-mix(in srgb,var(--story-accent) 10%,#fff);font-size:12px}.public-story-lanes{display:grid;gap:23px}.public-story-lane{--story-lane:#3157dc;padding:18px;border:1px solid color-mix(in srgb,var(--story-lane) 18%,#dce5f3);border-radius:25px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--story-lane) 4%,#fff));box-shadow:0 17px 38px rgba(31,54,110,.07)}.public-story-lane.type-pengumuman{--story-lane:#f97316}.public-story-lane.type-prestasi{--story-lane:#d39b08}.public-story-lane.type-artikel{--story-lane:#0f9f83}.public-story-lane>header{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;margin-bottom:14px}.public-story-lane>header>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:var(--story-lane);font-size:18px}.public-story-lane>header small{color:var(--story-lane);font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.public-story-lane>header h3{margin:3px 0 0;color:#1a2b4c;font-size:14px}.public-story-lane>header>a{color:var(--story-lane);font-size:10px;font-weight:850;text-decoration:none}.public-story-lane-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.public-story-lane-grid .story-card{min-width:0;overflow:hidden;border:1px solid #e1e7f2;border-radius:19px;background:#fff}.public-story-lane-grid .story-card.featured{grid-column:span 2}.public-story-lane-grid .story-cover{min-height:170px}.public-story-lane-grid .story-card.featured .story-cover{min-height:220px}.public-story-lane-grid .story-cover>span{display:inline-flex;align-items:center;gap:5px}.story-thread{display:inline-flex;align-items:center;gap:5px;max-width:100%;margin-bottom:6px;padding:5px 7px;border-radius:999px;color:var(--story-lane,#3157dc);background:color-mix(in srgb,var(--story-lane,#3157dc) 8%,#fff);font-size:8px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-read-more{display:inline-flex;align-items:center;gap:5px;margin-top:8px;color:var(--story-lane,#3157dc);font-size:9px;font-weight:900;text-decoration:none}.public-story-empty-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(760px,100%);margin:20px auto}.public-story-empty-map>span{display:grid;justify-items:center;gap:4px;padding:12px;border:1px solid #e1e8f3;border-radius:15px;background:#fff}.public-story-empty-map i{font-size:18px;color:#3157dc}.public-story-empty-map strong{color:#203252;font-size:10px}.public-story-empty-map small{color:#8290a7;font-size:8px}
.public-section-flow-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:26px}.public-section-flow-group{--flow-accent:#3157dc;padding:20px;border:1px solid color-mix(in srgb,var(--flow-accent) 18%,#dce5f4);border-radius:26px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--flow-accent) 4%,#fff));box-shadow:0 19px 44px rgba(31,54,110,.08)}.public-section-flow-group.group-2{--flow-accent:#0f9f83}.public-section-flow-group>header{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;margin-bottom:17px}.public-section-flow-group>header>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--flow-accent),#6d3df2);font-size:19px}.public-section-flow-group.group-2>header>span{background:linear-gradient(135deg,#0f9f83,#2563eb)}.public-section-flow-group>header small{color:var(--flow-accent);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.public-section-flow-group>header h3{margin:3px 0;color:#162747;font-size:16px}.public-section-flow-group>header p{margin:0;color:#6d7a94;font-size:10px;line-height:1.5}.public-section-flow-group ol{position:relative;display:grid;gap:12px;margin:0;padding:0;list-style:none}.public-section-flow-group ol:before{content:"";position:absolute;left:29px;top:35px;bottom:35px;width:3px;border-radius:99px;background:linear-gradient(180deg,#3157dc,#6d3df2,#f97316,#f6b51b)}.public-section-flow-group.group-2 ol:before{background:linear-gradient(180deg,#14b8a6,#2563eb,#ec4899,#f97316)}.public-section-flow-group li{--section-flow-tone:#3157dc;position:relative;display:grid;grid-template-columns:60px 1fr;gap:11px}.public-section-flow-group li.tone-2{--section-flow-tone:#6d3df2}.public-section-flow-group li.tone-3{--section-flow-tone:#f97316}.public-section-flow-group li.tone-4{--section-flow-tone:#d39b08}.public-section-flow-group li.tone-5{--section-flow-tone:#ec4899}.public-section-flow-group li.tone-6{--section-flow-tone:#148ba8}.public-section-flow-group li.tone-7{--section-flow-tone:#0f9f83}.public-section-flow-group li.tone-8{--section-flow-tone:#d85e15}.public-section-flow-node{z-index:1;display:grid;place-items:center;align-self:start;width:60px;height:60px;border:6px solid #fff;border-radius:19px;color:#fff;background:linear-gradient(135deg,var(--section-flow-tone),#172c72);box-shadow:0 9px 23px color-mix(in srgb,var(--section-flow-tone) 22%,transparent)}.public-section-flow-node b{font-size:8px}.public-section-flow-node i{font-size:16px}.public-section-flow-group li>a{display:grid;min-width:0;padding:13px;border:1px solid #e0e7f2;border-radius:18px;color:#18294a;background:#fff;text-decoration:none;transition:.2s ease}.public-section-flow-group li>a:hover{transform:translateX(4px);border-color:var(--section-flow-tone);box-shadow:0 12px 27px color-mix(in srgb,var(--section-flow-tone) 10%,transparent)}.public-section-flow-code{color:var(--section-flow-tone);font-size:8px;font-weight:900;letter-spacing:.1em}.public-section-flow-group li h3{margin:4px 0;color:#17294a;font-size:14px}.public-section-flow-group li p{margin:0;color:#6d7a94;font-size:9px;line-height:1.5}.public-section-flow-owner{display:flex;align-items:center;gap:7px;margin-top:9px;padding:7px 9px;border-radius:11px;background:#f7f9fd}.public-section-flow-owner>i{color:var(--section-flow-tone)}.public-section-flow-owner>span{display:grid}.public-section-flow-owner small{color:#8995a9;font-size:7px}.public-section-flow-owner strong{margin-top:1px;color:#344461;font-size:9px}.public-section-flow-metrics{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px}.public-section-flow-metrics>span{display:inline-flex;align-items:center;gap:3px;padding:5px 7px;border:1px solid #e2e8f2;border-radius:999px;color:#66748d;background:#fff;font-size:7px}.public-section-flow-metrics>span b{color:var(--section-flow-tone);font-size:9px}.public-section-flow-metrics>em{margin-left:auto;color:var(--section-flow-tone);font-size:8px;font-style:normal;font-weight:900}
@media(max-width:1050px){.osis-review-queue{grid-template-columns:repeat(2,minmax(0,1fr))}.osis-publication-launcher{grid-template-columns:1fr}.public-agenda-hero-grid{grid-template-columns:1fr}.public-agenda-summary{max-width:620px}.public-story-type-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.public-story-lane-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-section-flow-groups{grid-template-columns:1fr}.public-section-flow-group{max-width:820px;width:100%;margin-inline:auto}}
@media(max-width:760px){.osis-nav-review-count{top:3px;right:4px}.osis-review-desk{padding:16px}.osis-review-desk-head{grid-template-columns:45px 1fr}.osis-review-desk-icon{width:45px;height:45px}.osis-review-desk-total{grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;justify-items:start;gap:7px;width:100%;min-width:0}.osis-review-desk-total strong{font-size:18px}.osis-review-desk-stats,.osis-review-queue{grid-template-columns:1fr}.osis-review-upstream{align-items:flex-start;flex-wrap:wrap}.osis-review-upstream>span{width:100%;margin-left:24px}.osis-program-review-inbox-head{grid-template-columns:42px 1fr}.osis-program-review-inbox-head>span{width:42px;height:42px}.osis-program-review-inbox-head>b{grid-column:1/-1;grid-template-columns:auto 1fr;justify-items:start;gap:7px}.osis-program-review-links{grid-template-columns:1fr}.osis-publication-type-grid{grid-template-columns:1fr}.public-agenda-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.public-agenda-summary>span:nth-child(2){border-right:0}.public-agenda-summary>span:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.public-agenda-stage-guide{grid-template-columns:1fr;gap:7px}.public-agenda-stage-guide:before{left:32px;right:auto;top:28px;bottom:28px;width:3px;height:auto}.public-agenda-board{grid-template-columns:1fr}.public-agenda-card>header{grid-template-columns:60px 1fr}.public-agenda-card time{grid-row:1/3}.public-agenda-status{grid-column:2;justify-self:start}.public-story-lane>header{grid-template-columns:42px 1fr}.public-story-lane>header>a{grid-column:2}.public-story-lane-grid{grid-template-columns:1fr}.public-story-lane-grid .story-card.featured{grid-column:auto}.public-story-lane-grid .story-card.featured .story-cover{min-height:190px}.public-story-empty-map{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.osis-publication-launcher{padding:15px}.osis-publication-editor-guide>span{width:calc(100% - 50px);min-width:0}.public-agenda-meta{grid-template-columns:1fr}.public-agenda-flow{overflow-x:auto;grid-template-columns:repeat(5,70px);justify-content:start;padding-bottom:5px}.public-agenda-flow:before{right:auto;width:300px}.public-story-type-overview{grid-template-columns:1fr}.public-section-flow-group{padding:14px}.public-section-flow-group li{grid-template-columns:50px 1fr}.public-section-flow-node{width:50px;height:50px;border-radius:15px}.public-section-flow-group ol:before{left:24px}.public-section-flow-metrics>em{width:100%;margin-left:0}.public-story-empty-map{grid-template-columns:1fr}}

/* Arsip Kabar: hasil klik kategori tetap menyatu dengan narasi Beranda. */
.public-news-hero{padding-block:72px 62px!important}.public-news-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:end;gap:42px}.public-news-hero .public-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#ffd66b!important}.public-news-hero p{max-width:780px;color:rgba(255,255,255,.77);font-size:13px;line-height:1.7}.public-news-workflow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px}.public-news-workflow>span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:rgba(255,255,255,.83);background:rgba(255,255,255,.075);font-size:9px;font-weight:800}.public-news-workflow>span i{color:#72f3df}.public-news-focus{--news-accent:#3157dc;display:grid;grid-template-columns:58px 1fr;align-items:center;gap:13px;padding:17px;border:1px solid rgba(255,255,255,.22);border-radius:22px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--news-accent) 60%,rgba(7,20,58,.75)),rgba(255,255,255,.08));box-shadow:0 18px 45px rgba(3,15,49,.24),inset 0 1px rgba(255,255,255,.16);backdrop-filter:blur(12px)}.public-news-focus.type-pengumuman{--news-accent:#f97316}.public-news-focus.type-prestasi{--news-accent:#d39b08}.public-news-focus.type-artikel{--news-accent:#0f9f83}.public-news-focus.type-all{--news-accent:#6d3df2}.public-news-focus>i{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.25);border-radius:17px;color:#fff;background:var(--news-accent);font-size:23px;box-shadow:0 10px 25px color-mix(in srgb,var(--news-accent) 28%,transparent)}.public-news-focus>span{display:grid}.public-news-focus small{color:rgba(255,255,255,.64);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.public-news-focus strong{margin-top:3px;font-size:16px}.public-news-focus em{margin-top:4px;color:#ffd66b;font-size:10px;font-style:normal;font-weight:850}.public-news-section{padding-top:48px!important}.public-news-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px}.public-news-toolbar h2{margin:5px 0 4px;color:#17294b;font-size:clamp(24px,3vw,38px);line-height:1.08}.public-news-toolbar p{margin:0;color:#6e7d97;font-size:11px}.public-news-all{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #dce4f3;border-radius:14px;color:#394a68;background:#fff;text-decoration:none;font-size:10px;font-weight:850;box-shadow:0 8px 20px rgba(29,52,108,.06)}.public-news-all b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:8px;color:#3157dc;background:#edf3ff}.public-news-all.active{border-color:#3157dc;color:#2448c7;background:#eef3ff}.public-news-type-nav>a{transition:.2s ease}.public-news-type-nav>a:hover{transform:translateY(-2px);border-color:var(--story-accent);box-shadow:0 14px 30px color-mix(in srgb,var(--story-accent) 12%,transparent)}.public-news-type-nav>a.active{border-width:2px;border-color:var(--story-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--story-accent) 9%,transparent),0 14px 30px color-mix(in srgb,var(--story-accent) 12%,transparent)}.public-news-type-nav>a.active:after{content:"Aktif";position:absolute;top:-8px;right:12px;padding:3px 7px;border-radius:999px;color:#fff;background:var(--story-accent);font-size:7px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.public-news-type-nav>a{position:relative}.public-news-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 14px}.public-news-result-head span{display:inline-flex;align-items:center;gap:7px;color:#3157dc;font-size:11px;font-weight:900}.public-news-result-head small{color:#8190a7;font-size:9px}.public-news-grid{gap:15px}.public-news-card{--story-lane:#3157dc;overflow:hidden;border:1px solid #dfe6f2;border-radius:20px;background:#fff;box-shadow:0 15px 34px rgba(30,54,111,.08)}.public-news-card.type-pengumuman{--story-lane:#f97316}.public-news-card.type-prestasi{--story-lane:#d39b08}.public-news-card.type-artikel{--story-lane:#0f9f83}.public-news-card .story-cover>span{display:inline-flex;align-items:center;gap:6px}.public-news-empty{--news-empty:#3157dc;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr);align-items:center;gap:22px;padding:24px;border:1px solid color-mix(in srgb,var(--news-empty) 20%,#dce5f3);border-radius:24px;background:radial-gradient(circle at 0 100%,color-mix(in srgb,var(--news-empty) 10%,transparent),transparent 36%),linear-gradient(145deg,#fff,color-mix(in srgb,var(--news-empty) 4%,#fff));box-shadow:0 18px 42px rgba(31,55,111,.08)}.public-news-empty.type-pengumuman{--news-empty:#f97316}.public-news-empty.type-prestasi{--news-empty:#d39b08}.public-news-empty.type-artikel{--news-empty:#0f9f83}.public-news-empty.type-all{--news-empty:#6d3df2}.public-news-empty-copy{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:15px}.public-news-empty-copy .public-empty-mark{width:60px;height:60px;margin:0;color:#fff;background:linear-gradient(135deg,var(--news-empty),#172c72);box-shadow:0 11px 25px color-mix(in srgb,var(--news-empty) 20%,transparent)}.public-news-empty-copy .public-empty-label{color:var(--news-empty)}.public-news-empty-copy h3{margin:5px 0;color:#17294b;font-size:18px}.public-news-empty-copy p{max-width:650px;margin:0;color:#677691;font-size:10px;line-height:1.6}.public-news-empty-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}.public-news-empty-flow:before{content:"";position:absolute;left:10%;right:10%;top:17px;height:2px;background:#dce4f2}.public-news-empty-flow>li{z-index:1;display:grid;justify-items:center;gap:5px;min-width:0}.public-news-empty-flow b{display:grid;place-items:center;width:34px;height:34px;border:4px solid #fff;border-radius:11px;color:#8794aa;background:#e8edf5;font-size:8px;box-shadow:0 4px 12px rgba(30,53,108,.09)}.public-news-empty-flow .done b{color:#fff;background:var(--news-empty);box-shadow:0 0 0 4px color-mix(in srgb,var(--news-empty) 10%,transparent)}.public-news-empty-flow span{display:grid;justify-items:center;text-align:center}.public-news-empty-flow strong{color:#253653;font-size:8px}.public-news-empty-flow small{margin-top:2px;color:#8290a6;font-size:7px;line-height:1.3}.public-news-back{grid-column:1/-1;display:inline-flex;align-items:center;justify-self:start;gap:6px;color:var(--news-empty);font-size:9px;font-weight:900;text-decoration:none}
@media(max-width:1050px){.public-news-hero-grid{grid-template-columns:1fr}.public-news-focus{max-width:440px}.public-news-empty{grid-template-columns:1fr}}
@media(max-width:760px){.public-news-hero{padding-block:50px 44px!important}.public-news-toolbar{grid-template-columns:1fr}.public-news-all{justify-self:start}.public-news-empty{padding:18px}.public-news-empty-flow{grid-template-columns:1fr;gap:6px}.public-news-empty-flow:before{left:16px;right:auto;top:17px;bottom:17px;width:2px;height:auto}.public-news-empty-flow>li{grid-template-columns:34px 1fr;justify-items:start;text-align:left}.public-news-empty-flow span{justify-items:start;text-align:left}.public-news-empty-copy{grid-template-columns:50px 1fr}.public-news-empty-copy .public-empty-mark{width:50px;height:50px}}
@media(max-width:520px){.public-news-workflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.public-news-workflow>span{justify-content:center;text-align:center}.public-news-focus{grid-template-columns:48px 1fr}.public-news-focus>i{width:48px;height:48px}.public-news-type-nav{margin-bottom:18px}.public-news-empty-copy{grid-template-columns:1fr}.public-news-empty-copy .public-empty-mark{margin-bottom:3px}}

/* Footer tidak lagi menampilkan ikon kontak tanpa isi. */
.footer-official-list{display:grid!important;gap:8px;width:100%}.footer-official-list>a,.footer-official-list>span{display:grid!important;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:8px 9px;border:1px solid rgba(255,255,255,.1);border-radius:13px;color:rgba(255,255,255,.78)!important;background:rgba(255,255,255,.055);text-decoration:none}.footer-official-list>a:hover{transform:translateX(3px);border-color:rgba(112,240,223,.32);background:rgba(255,255,255,.1)}.footer-official-list>a>i,.footer-official-list>span>i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#6ff0df!important;background:rgba(45,212,191,.12)}.footer-official-list>a>span,.footer-official-list>span>span{display:grid!important;min-width:0;gap:1px}.footer-official-list small{color:rgba(255,255,255,.48);font-size:7px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.footer-official-list b{overflow:hidden;color:#fff;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.footer-official-list .is-empty{color:rgba(255,255,255,.55)!important}.footer-official-list .is-empty>i{color:#ffd66b!important;background:rgba(246,181,27,.1)}.footer-official-list .is-empty b{color:rgba(255,255,255,.58);font-weight:700}.footer-official-list .footer-panel-link{border-color:rgba(96,165,250,.2);background:rgba(37,99,235,.12)}