:root {
    --teal: #0f5b66;
    --teal-dark: #0a3f47;
    --sky: #38bdf8;
    --green: #16a34a;
    --amber: #d97706;
    --red: #dc2626;
    --ink: #17212b;
    --muted: #64748b;
    --line: #dbe3ea;
    --bg: #f7fafc;
    --panel: #ffffff;
}

body {
    background: var(--bg);
    color: var(--ink);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.app-shell { display: grid; grid-template-columns: 270px minmax(0, 1fr); min-height: 100vh; }
.sidebar { background: #ffffff; border-right: 1px solid var(--line); padding: 22px; display: flex; flex-direction: column; gap: 22px; }
.brand { color: var(--ink); display: flex; gap: 12px; align-items: center; text-decoration: none; font-weight: 700; }
.brand img { width: 46px; height: 46px; }
.nav-menu { display: grid; gap: 8px; }
.nav-menu a { align-items: center; border-radius: 8px; color: var(--muted); display: flex; gap: 10px; padding: 11px 12px; text-decoration: none; transition: .18s ease; }
.nav-menu a.active, .nav-menu a:hover { background: #e8f5f7; color: var(--teal); }
.sidebar-note { border: 1px solid var(--line); border-radius: 8px; margin-top: auto; padding: 12px; }
.sidebar-note span { color: var(--muted); display: block; font-size: 13px; }
.content { min-width: 0; padding: 26px; }
.topbar { align-items: center; display: flex; justify-content: space-between; gap: 18px; margin-bottom: 22px; }
.topbar h1 { font-size: 26px; margin: 0; }
.topbar-actions { align-items: center; display: flex; gap: 10px; }
.user-pill { background: #fff; border: 1px solid var(--line); border-radius: 999px; display: inline-flex; gap: 8px; padding: 7px 12px; }
.eyebrow { color: var(--teal); font-size: 12px; font-weight: 800; letter-spacing: 0; text-transform: uppercase; }
.panel { background: var(--panel); border: 1px solid var(--line); border-radius: 8px; padding: 20px; }
.panel-header { align-items: center; display: flex; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.panel-header h2 { font-size: 20px; margin: 0; }
.stat-grid { display: grid; gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 18px; }
.stat-card { animation: fadeUp .35s ease both; background: #fff; border: 1px solid var(--line); border-radius: 8px; min-height: 118px; overflow: hidden; padding: 18px; position: relative; }
.stat-card span { color: var(--muted); display: block; font-size: 13px; }
.stat-card strong { display: block; font-size: 31px; margin-top: 6px; }
.stat-card i { bottom: 12px; color: rgba(15, 91, 102, .12); font-size: 54px; position: absolute; right: 14px; }
.accent-teal { border-top: 4px solid var(--teal); }
.accent-green { border-top: 4px solid var(--green); }
.accent-amber { border-top: 4px solid var(--amber); }
.accent-blue { border-top: 4px solid var(--sky); }
.two-column { display: grid; gap: 18px; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
.competency-list, .timeline { display: grid; gap: 10px; }
.competency-item, .timeline-item { align-items: flex-start; border: 1px solid var(--line); border-radius: 8px; display: flex; gap: 12px; padding: 12px; }
.competency-item i { color: var(--green); font-size: 20px; }
.competency-item span, .timeline-item p { color: var(--muted); display: block; font-size: 14px; margin: 2px 0 0; }
.timeline-item > span { align-items: center; background: var(--teal); border-radius: 999px; color: #fff; display: inline-flex; height: 32px; justify-content: center; min-width: 32px; }
.unit-tags, .unit-grid { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.unit-tags span, .unit-card { background: #eef6f8; border: 1px solid #c9e3e8; border-radius: 8px; color: var(--teal-dark); padding: 8px 10px; }
.unit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.unit-card span, .unit-card small { color: var(--muted); display: block; font-size: 12px; }
.search-row, .filter-row { align-items: center; display: flex; gap: 10px; margin-bottom: 14px; }
.search-row i { color: var(--muted); }
.status-badge, .best-chip { background: #e8f5f7; border-radius: 999px; color: var(--teal); display: inline-flex; font-size: 12px; font-weight: 700; padding: 5px 9px; }
.best-chip { background: #dcfce7; color: #166534; margin-left: 8px; }
.action-cell { white-space: nowrap; }
.form-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; margin-top: 18px; }
.profile-layout { display: grid; gap: 18px; grid-template-columns: 320px minmax(0, 1fr); }
.profile-panel { text-align: center; }
.avatar-box { align-items: center; background: #eef6f8; border-radius: 8px; display: flex; height: 180px; justify-content: center; margin-bottom: 16px; overflow: hidden; }
.avatar-box img { height: 100%; object-fit: cover; width: 100%; }
.avatar-box i { color: var(--teal); font-size: 76px; }
.detail-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.detail-grid span { color: var(--muted); display: block; font-size: 13px; }
.span-2 { grid-column: span 2; }
.metric-bar { background: #e5e7eb; border-radius: 999px; height: 8px; margin-bottom: 6px; overflow: hidden; width: 110px; }
.metric-bar span { background: var(--teal); display: block; height: 100%; }
.login-screen { display: grid; grid-template-columns: minmax(0, 1fr) 430px; min-height: 100vh; }
.login-visual { background: linear-gradient(135deg, var(--teal), #123b57); color: #fff; display: flex; flex-direction: column; justify-content: center; padding: 56px; }
.login-visual img { height: 76px; width: 76px; }
.login-visual h1 { font-size: 42px; max-width: 660px; }
.login-visual p { max-width: 620px; }
.login-panel { align-items: center; display: flex; padding: 32px; }
.login-form { background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 24px; width: 100%; }
.btn { border-radius: 8px; display: inline-flex; gap: 8px; align-items: center; justify-content: center; }
.btn-primary { background: var(--teal); border-color: var(--teal); }
.btn-primary:hover { background: var(--teal-dark); border-color: var(--teal-dark); transform: translateY(-1px); }
@keyframes fadeUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 980px) {
    .app-shell, .two-column, .profile-layout, .login-screen { grid-template-columns: 1fr; }
    .sidebar { position: static; }
    .stat-grid, .unit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .login-visual { padding: 32px; }
}
@media (max-width: 640px) {
    .content { padding: 16px; }
    .stat-grid, .form-grid, .detail-grid, .unit-grid { grid-template-columns: 1fr; }
    .topbar, .panel-header, .search-row, .filter-row { align-items: stretch; flex-direction: column; }
    .span-2 { grid-column: auto; }
}

/* Keep Laravel pagination controls compact even if a cached Tailwind view leaks through. */
.pagination {
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin: 18px 0 0;
}

.pagination .page-link {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    justify-content: center;
    min-height: 38px;
    min-width: 38px;
}

.pagination svg,
nav[role="navigation"] svg {
    display: inline-block;
    height: 18px !important;
    max-height: 18px !important;
    max-width: 18px !important;
    width: 18px !important;
}

nav[role="navigation"] .w-5,
nav[role="navigation"] .h-5 {
    height: 18px !important;
    width: 18px !important;
}

/* Scoped Tailwind utility fallback for Laravel pagination views. */
nav[role="navigation"] {
    margin-top: 18px;
}

nav[role="navigation"] .flex { display: flex !important; }
nav[role="navigation"] .inline-flex { display: inline-flex !important; }
nav[role="navigation"] .hidden { display: none !important; }
nav[role="navigation"] .items-center { align-items: center !important; }
nav[role="navigation"] .justify-between { justify-content: space-between !important; }
nav[role="navigation"] .justify-center { justify-content: center !important; }
nav[role="navigation"] .relative { position: relative !important; }
nav[role="navigation"] .z-0 { z-index: 0 !important; }
nav[role="navigation"] .w-5 { width: 1.25rem !important; }
nav[role="navigation"] .h-5 { height: 1.25rem !important; }
nav[role="navigation"] .px-2 { padding-left: .5rem !important; padding-right: .5rem !important; }
nav[role="navigation"] .px-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
nav[role="navigation"] .py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; }
nav[role="navigation"] .py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; }
nav[role="navigation"] .text-sm { font-size: .875rem !important; line-height: 1.25rem !important; }
nav[role="navigation"] .font-medium { font-weight: 500 !important; }
nav[role="navigation"] .leading-5 { line-height: 1.25rem !important; }
nav[role="navigation"] .text-gray-500 { color: #6b7280 !important; }
nav[role="navigation"] .text-gray-700 { color: #374151 !important; }
nav[role="navigation"] .bg-white { background-color: #fff !important; }
nav[role="navigation"] .border { border: 1px solid #d1d5db !important; }
nav[role="navigation"] .border-gray-300 { border-color: #d1d5db !important; }
nav[role="navigation"] .rounded-md { border-radius: .375rem !important; }
nav[role="navigation"] .rounded-l-md { border-top-left-radius: .375rem !important; border-bottom-left-radius: .375rem !important; }
nav[role="navigation"] .rounded-r-md { border-top-right-radius: .375rem !important; border-bottom-right-radius: .375rem !important; }
nav[role="navigation"] .cursor-default { cursor: default !important; }
nav[role="navigation"] .shadow-sm { box-shadow: 0 1px 2px rgba(0, 0, 0, .05) !important; }

@media (min-width: 640px) {
    nav[role="navigation"] .sm\:flex { display: flex !important; }
    nav[role="navigation"] .sm\:hidden { display: none !important; }
    nav[role="navigation"] .sm\:flex-1 { flex: 1 1 0% !important; }
    nav[role="navigation"] .sm\:items-center { align-items: center !important; }
    nav[role="navigation"] .sm\:justify-between { justify-content: space-between !important; }
}

/* Center previous/next pagination arrows precisely inside their buttons. */
.pagination .page-link {
    line-height: 1 !important;
}

.pagination .page-link[rel="prev"],
.pagination .page-link[rel="next"],
.pagination .page-link[aria-label],
.pagination .page-item[aria-label] > .page-link[aria-hidden="true"] {
    align-items: center !important;
    display: inline-flex !important;
    font-size: 21px;
    font-weight: 700;
    height: 38px;
    justify-content: center !important;
    line-height: 1 !important;
    min-height: 38px;
    min-width: 38px;
    padding: 0 !important;
    text-align: center;
    width: 38px;
}

.pagination .page-link svg,
nav[role="navigation"] a[rel="prev"] svg,
nav[role="navigation"] a[rel="next"] svg,
nav[role="navigation"] span[aria-label] > span[aria-hidden="true"] svg {
    display: block !important;
    flex: 0 0 auto;
    margin: 0 !important;
    transform: none !important;
    vertical-align: middle;
}

nav[role="navigation"] a[rel="prev"],
nav[role="navigation"] a[rel="next"],
nav[role="navigation"] span[aria-label] > span[aria-hidden="true"] {
    align-items: center !important;
    display: inline-flex !important;
    height: 38px !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    width: 38px !important;
}

/* Internal documents page */
.evidence-hero, .evidence-callout {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
}

.evidence-status {
    align-items: center;
    background: #dcfce7;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    color: #166534;
    display: inline-flex;
    font-weight: 700;
    gap: 8px;
    padding: 9px 12px;
    white-space: nowrap;
}

.evidence-list, .evidence-stage-list {
    display: grid;
    gap: 12px;
}

.evidence-item {
    align-items: flex-start;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: flex;
    gap: 12px;
    padding: 12px;
}

.evidence-item > i {
    color: var(--green);
    font-size: 22px;
}

.evidence-item span {
    color: var(--muted);
    display: block;
    font-size: 14px;
}

.evidence-item code, .evidence-stage code {
    color: var(--teal-dark);
    font-size: 12px;
    white-space: normal;
    word-break: break-word;
}

.evidence-stage {
    background: #f8fbfc;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 12px;
}

.evidence-stage ul {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
}

.evidence-stage li {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    margin-top: 6px;
}

.evidence-stage li i {
    color: var(--green);
    margin-top: 2px;
}

@media (max-width: 640px) {
    .evidence-hero, .evidence-callout {
        align-items: stretch;
        flex-direction: column;
    }

    .evidence-status {
        justify-content: center;
        white-space: normal;
    }
}
/* Dashboard infographic */
.infographic-hero {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.hero-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.hero-pills span {
    align-items: center;
    background: #e8f5f7;
    border: 1px solid #c9e3e8;
    border-radius: 999px;
    color: var(--teal-dark);
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    gap: 7px;
    padding: 8px 11px;
}

.dashboard-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.readiness-list, .model-bars, .unit-bars {
    display: grid;
    gap: 13px;
}

.readiness-row, .model-bar-row, .unit-bar-row {
    display: grid;
    gap: 7px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.readiness-row span {
    color: var(--muted);
    display: block;
    font-size: 13px;
}

.readiness-row b, .model-bar-row > span, .unit-bar-row strong {
    color: var(--teal-dark);
}

.readiness-track, .model-bar-track, .unit-bar-track {
    background: #e5e7eb;
    border-radius: 999px;
    grid-column: 1 / -1;
    height: 9px;
    overflow: hidden;
}

.readiness-track span, .model-bar-track span, .unit-bar-track span {
    background: var(--teal);
    display: block;
    height: 100%;
}

.model-bar-track span {
    background: var(--green);
}

.unit-bar-track span {
    background: var(--sky);
}

.donut-layout {
    align-items: center;
    display: grid;
    gap: 18px;
    grid-template-columns: 190px minmax(0, 1fr);
}

.donut-chart {
    align-items: center;
    aspect-ratio: 1;
    background: conic-gradient(var(--amber) calc(var(--value) * 1%), #dcfce7 0);
    border-radius: 50%;
    display: grid;
    justify-items: center;
    position: relative;
}

.donut-chart::after {
    background: #fff;
    border-radius: 50%;
    content: "";
    height: 62%;
    position: absolute;
    width: 62%;
}

.donut-chart span {
    color: var(--ink);
    font-size: 30px;
    font-weight: 800;
    position: relative;
    z-index: 1;
}

.chart-legend {
    display: grid;
    gap: 10px;
}

.chart-legend div {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: auto auto minmax(0, 1fr);
}

.chart-legend span, .chart-legend small {
    color: var(--muted);
}

.legend-dot {
    border-radius: 50%;
    display: inline-block;
    height: 11px;
    width: 11px;
}

.legend-dot.amber {
    background: var(--amber);
}

.legend-dot.green {
    background: #86efac;
}

.artifact-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.artifact-card {
    align-items: flex-start;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: flex;
    gap: 12px;
    padding: 14px;
}

.artifact-card > i {
    color: var(--teal);
    font-size: 24px;
}

.artifact-card span, .artifact-card small {
    color: var(--muted);
    display: block;
    font-size: 13px;
}

.artifact-card strong {
    display: block;
    font-size: 22px;
    line-height: 1.2;
}

.ads-process-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.process-card {
    background: #f8fbfc;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 7px;
    min-height: 152px;
    padding: 13px;
}

.process-card span, .process-card small, .process-card em, .evidence-stage-card span, .evidence-stage-card em {
    color: var(--muted);
    font-size: 12px;
    font-style: normal;
}

.process-card strong {
    line-height: 1.25;
}

.process-track {
    background: #e5e7eb;
    border-radius: 999px;
    height: 8px;
    overflow: hidden;
}

.process-track b {
    background: linear-gradient(90deg, var(--teal), var(--green));
    display: block;
    height: 100%;
}

.figure-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.figure-card {
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
}

.figure-card img {
    background: #fff;
    border-bottom: 1px solid var(--line);
    display: block;
    height: auto;
    width: 100%;
}

.figure-card div {
    padding: 12px;
}

.figure-card span {
    color: var(--muted);
    display: block;
    font-size: 13px;
    margin-top: 3px;
}

.evidence-stage-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.evidence-stage-card {
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    padding: 13px;
}

.evidence-stage-card ul {
    list-style: none;
    margin: 4px 0 0;
    padding: 0;
}

.evidence-stage-card li {
    align-items: flex-start;
    color: var(--muted);
    display: flex;
    gap: 7px;
    margin-top: 5px;
}

.evidence-stage-card li i {
    color: var(--green);
    margin-top: 2px;
}

@media (max-width: 980px) {
    .dashboard-grid, .artifact-grid, .ads-process-grid, .figure-grid, .evidence-stage-grid {
        grid-template-columns: 1fr;
    }

    .infographic-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .hero-pills {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .donut-layout {
        grid-template-columns: 1fr;
    }

    .donut-chart {
        max-width: 220px;
        width: 100%;
    }
}

/* Natural web app refinement */
.section-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.risk-list, .analysis-list, .recommendation-list, .factor-list {
    display: grid;
    gap: 12px;
}

.risk-row, .analysis-row {
    display: grid;
    gap: 7px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.risk-row span, .analysis-row span {
    color: var(--muted);
    display: block;
    font-size: 13px;
}

.risk-row b, .analysis-row b {
    color: var(--teal-dark);
}

.recommendation-card, .factor-list article {
    align-items: flex-start;
    background: #f8fbfc;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: flex;
    gap: 10px;
    padding: 12px;
}

.recommendation-card i, .factor-list i {
    color: var(--green);
    font-size: 18px;
    margin-top: 2px;
}

.method-summary {
    background: #f8fbfc;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 3px;
    min-width: 260px;
    padding: 14px;
}

.method-summary span, .method-summary small {
    color: var(--muted);
    font-size: 13px;
}

.method-summary strong {
    color: var(--teal-dark);
    font-size: 20px;
}

@media (max-width: 640px) {
    .method-summary {
        min-width: 0;
        width: 100%;
    }
}
/* Application attribution signature */
.sidebar-note .app-signature {
    border-top: 1px solid var(--line);
    color: var(--teal-dark);
    font-size: 12px;
    font-weight: 700;
    margin-top: 9px;
    padding-top: 9px;
}

.app-footer-signature {
    color: var(--muted);
    font-size: 12px;
    margin-top: 24px;
    text-align: right;
}

.login-signature {
    color: var(--muted);
    font-size: 12px;
    margin: 16px 0 0;
    text-align: center;
}

/* Calendar event override kept last for legacy compact calendar rules. */
.jadwal-app .calendar-event{background:linear-gradient(135deg,#fff,#f8fbfc);border:1px solid #e0eaed;border-left:4px solid var(--event-color,#2563eb);border-radius:8px;box-shadow:0 3px 9px rgba(22,61,69,.08);color:#334155;display:grid;font-size:.72rem;gap:3px;grid-template-columns:minmax(0,1fr) auto;margin-top:7px;padding:7px 8px;position:relative;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.jadwal-app .calendar-event:hover,.jadwal-app .calendar-event:focus-visible{border-color:#a9cbd0;border-left-color:var(--event-color,#2563eb);box-shadow:0 8px 18px rgba(22,61,69,.16);color:#123f47;transform:translateY(-2px)}
@media(max-width:768px){.jadwal-app .calendar-event{border-left-width:3px;color:#334155;display:block;font-size:.72rem;min-height:32px;padding:5px}.jadwal-app .calendar-event-time{font-size:.63rem}.jadwal-app .calendar-event-title,.jadwal-app .calendar-event-open{display:none}}
/* Agenda executive delegation center */
.delegation-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.delegation-heading h2{font-size:1.35rem;margin:3px 0}.delegation-heading p{color:var(--muted);margin:0}.delegation-live,.delegation-direct{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:800;white-space:nowrap}.delegation-live{background:#fff2cc;color:#925b00;border:1px solid #f0d47b}.delegation-direct{background:#dcfce7;color:#166534;border:1px solid #a7e8bc}.delegation-summary{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:16px;background:linear-gradient(135deg,#f8fbfc,#eef7f8);border:1px solid #dce8eb;border-radius:16px;padding:18px;margin-top:16px}.delegation-summary article small,.delegation-from small{display:block;color:#7d8e95;font-size:.65rem;font-weight:800;letter-spacing:.09em}.delegation-summary article strong,.delegation-summary article span,.delegation-from strong,.delegation-from span{display:block}.delegation-summary .effective{border-left:4px solid var(--teal);padding-left:14px}.delegation-arrow{color:var(--teal);font-size:1.4rem}.delegation-state{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:800;text-transform:uppercase}.status-ditugaskan{background:#dbeafe;color:#1d4ed8}.status-diterima{background:#dcfce7;color:#15803d}.status-ditolak{background:#fee2e2;color:#b91c1c}.status-dicabut{background:#e5e7eb;color:#475569}.delegation-history{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;position:relative;padding-bottom:18px}.delegation-history:not(:last-child)::before{content:"";position:absolute;left:16px;top:34px;bottom:0;border-left:2px dashed #cbdcdf}.delegation-step{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0f5b66;color:#fff;font-weight:800;z-index:1}.delegation-history-body{border:1px solid #e1e9ec;border-radius:13px;padding:13px}.delegation-route{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#173f47}.delegation-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.delegation-actions form{margin:0}.delegation-from{background:#edf6f7;border-radius:12px;padding:12px}.delegation-form-card{position:sticky;top:1rem}
@media(max-width:767.98px){.delegation-heading{align-items:stretch;flex-direction:column}.delegation-live,.delegation-direct{align-self:flex-start}.delegation-summary{grid-template-columns:1fr}.delegation-arrow{transform:rotate(90deg);justify-self:center}.delegation-summary .effective{border-left:0;border-top:4px solid var(--teal);padding:12px 0 0}.delegation-form-card{position:static}.delegation-actions .btn{min-height:38px}.delegation-history{grid-template-columns:28px minmax(0,1fr)}.delegation-step{width:28px;height:28px}.delegation-history:not(:last-child)::before{left:13px;top:28px}}
.delegation-mini{background:#fff1c2;color:#8a5700;font-size:.62rem;margin-left:4px}
/* Agenda documents and speech workflow */
.documents-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.documents-heading h2{font-size:1.35rem;margin:3px 0}.documents-heading p{color:var(--muted);margin:0}.document-card-top{display:flex;align-items:center;justify-content:space-between}.document-type-icon{width:46px;height:46px;border-radius:14px;background:#e8f5f7;color:#0f5b66;display:grid;place-items:center;font-size:1.25rem}.document-status{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.status-doc-draft{background:#e5e7eb;color:#475569}.status-doc-review{background:#fef3c7;color:#92400e}.status-doc-final{background:#dcfce7;color:#166534}.document-card small{color:#718087;text-transform:uppercase;font-size:.66rem;font-weight:800}.document-card h3{font-size:1rem;margin:9px 0}.document-card p{color:#65757c;font-size:.82rem}.document-meta{font-size:.72rem;color:#7b898f;border-top:1px solid #e7edef;padding-top:10px}.document-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.document-empty{background:#fff;border:1px dashed #bfd1d5;border-radius:16px}.document-editor-toolbar,.document-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.document-editor-toolbar>div{display:flex;gap:8px;align-items:center}.tox-tinymce{border:1px solid #d6e0e3!important;border-radius:12px!important}.document-paper{max-width:900px;margin:0 auto;background:#fff;box-shadow:0 12px 38px #173e7814;padding:clamp(28px,6vw,75px);border-radius:5px}.document-paper header{text-align:center;border-bottom:2px solid #173e78;padding-bottom:24px;margin-bottom:32px}.document-government{font-weight:900;letter-spacing:.08em}.document-paper header>span{display:block;font-size:.72rem;color:#64748b;margin-top:13px}.document-paper header h1{font-family:Georgia,serif;font-size:2rem;margin:8px 0}.document-paper header p,.document-paper footer{color:#64748b;font-size:.78rem}.document-body{font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;line-height:1.85}.document-body p{margin-bottom:1.1em}.document-paper footer{border-top:1px solid #dfe6e9;margin-top:35px;padding-top:15px}.document-workflow .card-body{display:flex;align-items:center;justify-content:space-between;gap:18px}.workflow-actions{display:flex;gap:8px;flex-wrap:wrap}.workflow-actions form{margin:0}
@media(max-width:767.98px){.documents-heading,.document-editor-toolbar,.document-preview-actions,.document-workflow .card-body{align-items:stretch;flex-direction:column}.documents-heading .btn,.document-editor-toolbar>.btn,.document-editor-toolbar>button{width:100%}.document-paper{padding:28px 20px}.document-paper header h1{font-size:1.5rem}.document-body{font-size:1rem}.tox-tinymce{min-height:68vh}.workflow-actions{display:grid}.workflow-actions .btn{width:100%}}

/* Agenda attachments: private uploads, previews, and document cards */
.attachments-heading{align-items:flex-end;display:flex;gap:18px;justify-content:space-between}.attachments-heading h2{font-size:1.35rem;margin:3px 0}.attachments-heading p{color:var(--muted);margin:0}.attachment-upload-card{background:linear-gradient(135deg,#f9fdfd,#eef7f8);border:1px solid #cfe1e4;border-radius:16px;padding:18px}.attachment-dropzone{align-items:center;background:#fff;border:2px dashed #9ec8ce;border-radius:14px;display:flex;flex-direction:column;padding:22px;text-align:center}.attachment-dropzone>i{color:#128594;font-size:2rem}.attachment-dropzone>span{color:#718087;font-size:.75rem;margin:3px 0 14px}.attachment-dropzone .form-control{max-width:620px}.attachment-upload-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.attachment-summary{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.attachment-summary span{background:#edf6f7;border:1px solid #d5e7e9;border-radius:999px;color:#587279;font-size:.7rem;padding:6px 10px}.attachment-summary strong{color:#0f6874}.attachment-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.attachment-card{background:#fff;border:1px solid #dfe9eb;border-radius:15px;box-shadow:0 5px 15px rgba(22,61,69,.07);min-width:0;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.attachment-card:hover{box-shadow:0 11px 25px rgba(22,61,69,.14);transform:translateY(-3px)}.attachment-preview{background:#edf3f5;height:155px;overflow:hidden}.attachment-preview>a{align-items:center;color:inherit;display:flex;height:100%;justify-content:center;position:relative;text-decoration:none}.attachment-preview img{height:100%;object-fit:cover;transition:transform .25s ease;width:100%}.attachment-preview a:hover img{transform:scale(1.04)}.attachment-preview a>span{background:rgba(12,40,46,.82);border-radius:999px;bottom:9px;color:#fff;font-size:.67rem;font-weight:800;padding:5px 9px;position:absolute;right:9px}.attachment-file-icon{flex-direction:column;gap:7px}.attachment-file-icon>i{font-size:3.2rem}.attachment-file-icon.pdf{background:linear-gradient(135deg,#fff5f5,#fee2e2);color:#b91c1c}.attachment-file-icon.office{background:linear-gradient(135deg,#f3f7ff,#e7efff);color:#1d4ed8}.attachment-file-icon>span{font-size:.7rem;font-weight:800}.attachment-body{padding:14px}.attachment-category{border-radius:999px;display:inline-flex;font-size:.62rem;font-weight:900;gap:5px;padding:5px 8px;text-transform:uppercase}.attachment-blue{background:#dbeafe;color:#1d4ed8}.attachment-green{background:#dcfce7;color:#15803d}.attachment-purple{background:#f3e8ff;color:#7e22ce}.attachment-orange{background:#ffedd5;color:#c2410c}.attachment-teal{background:#dff4f5;color:#0f6874}.attachment-gray{background:#e5e7eb;color:#475569}.attachment-body h3{font-size:.92rem;margin:9px 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-body p{color:#687b81;font-size:.74rem;line-height:1.4;margin:5px 0}.attachment-body>small{color:#829196;font-size:.64rem}.attachment-actions{border-top:1px solid #e7edef;display:flex;flex-wrap:wrap;gap:6px;margin-top:11px;padding-top:11px}.attachment-actions form{margin:0}.attachment-empty{border:1px dashed #aacbd0;border-radius:15px;grid-column:1/-1}.attachment-empty button{border:0}
@media(max-width:767.98px){.attachments-heading{align-items:stretch;flex-direction:column}.attachments-heading>.btn{width:100%}.attachment-upload-card{padding:13px}.attachment-dropzone{padding:17px 12px}.attachment-upload-actions{display:grid}.attachment-grid{grid-template-columns:1fr}.attachment-preview{height:180px}.attachment-actions .btn{min-height:38px}}

/* Advanced settings center */
.jadwal-app{--teal:var(--app-accent,#0b5f69)}.settings-hero .card-body{align-items:center;display:flex;gap:20px;justify-content:space-between}.settings-health{align-items:center;background:#eaf8f0;border:1px solid #bee6cf;border-radius:14px;color:#166534;display:flex;gap:10px;padding:10px 14px}.settings-health>i{font-size:1.5rem}.settings-health strong,.settings-health small{display:block}.settings-health small{font-size:.65rem}.settings-toolbar{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.settings-toolbar>span{color:#72858b;font-size:.72rem}.settings-search{align-items:center;background:#fff;border:1px solid #dce7e9;border-radius:12px;display:flex;gap:8px;max-width:440px;padding:0 12px;width:100%}.settings-search i{color:#789096}.settings-search input{border:0;min-height:42px;outline:0;width:100%}.settings-card-link{color:inherit;display:block;height:100%;text-decoration:none!important}.settings-card{border:1px solid transparent!important}.settings-card-link:hover .settings-card,.settings-card-link:focus-visible .settings-card{border-color:#91c7cd!important;box-shadow:0 14px 30px rgba(19,74,84,.14)!important}.settings-card-top,.settings-card-footer{align-items:center;display:flex;justify-content:space-between}.settings-arrow{background:#edf6f7;border-radius:10px;color:#0f6874;display:grid;height:36px;place-items:center;transition:.18s;width:36px}.settings-card-link:hover .settings-arrow{background:#0f6874;color:#fff}.settings-card-footer{border-top:1px solid #e8edef;margin-top:14px;padding-top:12px}.settings-card-footer>strong{color:#0f6874;font-size:.7rem}.settings-audit .card-header{padding:14px 18px}.audit-row{align-items:center;border-bottom:1px solid #e8edef;display:grid;gap:10px;grid-template-columns:38px minmax(0,1fr) auto;padding:10px 0}.audit-row:last-child{border:0}.audit-icon{background:#e8f4f5;border-radius:10px;color:#0f6874;display:grid;height:36px;place-items:center;width:36px}.audit-row strong,.audit-row small{display:block}.audit-row small,.audit-row time{color:#7b8c91;font-size:.67rem}.settings-workspace{align-items:start;display:grid;gap:20px;grid-template-columns:230px minmax(0,1fr)}.settings-section-nav{background:#fff;border:1px solid #dfe9eb;border-radius:15px;display:grid;gap:4px;padding:9px;position:sticky;top:15px}.settings-section-nav a{align-items:center;border-radius:10px;color:#536b72;display:flex;font-size:.76rem;font-weight:700;gap:9px;min-height:40px;padding:8px 10px;text-decoration:none}.settings-section-nav a:hover{background:#f0f8f9;color:#0f6874}.settings-section-nav a.active{background:#0f6874;color:#fff;box-shadow:0 5px 12px rgba(15,104,116,.2)}.settings-section-nav .settings-back{border-bottom:1px solid #e4ebed;border-radius:7px;margin-bottom:5px;padding-bottom:12px}.settings-form-card{overflow:hidden}.settings-form-head{align-items:center;background:linear-gradient(135deg,#f8fcfc,#eaf5f6);border-bottom:1px solid #dce8ea;display:flex;gap:15px;padding:22px}.settings-form-head h2{font-size:1.35rem;margin:3px 0}.settings-form-head p{color:#6e8288;margin:0}.settings-icon.large{flex:0 0 auto;height:58px;width:58px}.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px 22px 22px}.setting-field{border-bottom:1px solid #e7edef;display:grid;gap:15px;grid-template-columns:minmax(150px,.8fr) minmax(180px,1fr);padding:18px 0}.setting-field:nth-child(odd):not(.setting-field-wide){padding-right:18px}.setting-field:nth-child(even){border-left:1px solid #e7edef;padding-left:18px}.setting-field-wide{grid-column:1/-1}.setting-field-label label,.setting-field-label small{display:block}.setting-field-label label{color:#263f46;font-size:.78rem;font-weight:800}.setting-field-label small{color:#93a0a4;font-size:.6rem;margin-top:3px;text-transform:uppercase}.setting-switch{align-items:center;cursor:pointer;display:flex;gap:9px;min-height:38px}.setting-switch input{height:0;opacity:0;position:absolute;width:0}.setting-switch>span{background:#cbd5d8;border-radius:999px;height:26px;position:relative;transition:.2s;width:48px}.setting-switch>span:after{background:#fff;border-radius:50%;box-shadow:0 2px 5px #0003;content:"";height:20px;left:3px;position:absolute;top:3px;transition:.2s;width:20px}.setting-switch input:checked+span{background:#0f7b87}.setting-switch input:checked+span:after{transform:translateX(22px)}.setting-switch b:after{content:attr(data-off);font-size:.7rem}.setting-switch input:checked~b:after{content:attr(data-on);color:#0f6874}.settings-savebar{align-items:center;background:#f8fbfc;border-top:1px solid #dfe8ea;display:flex;justify-content:space-between;padding:14px 22px;position:sticky;bottom:0}.settings-savebar>div{align-items:center;color:#587078;display:flex;gap:9px}.settings-savebar>div>i{color:#16824e;font-size:1.25rem}.settings-savebar strong,.settings-savebar small{display:block}.settings-savebar small{font-size:.62rem}.density-compact .card-body{padding:12px}.square-cards .card,.square-cards .settings-card,.square-cards .attachment-card{border-radius:4px!important}
@media(max-width:991.98px){.settings-workspace{grid-template-columns:1fr}.settings-section-nav{display:flex;overflow-x:auto;position:static}.settings-section-nav a{flex:0 0 auto}.settings-fields{grid-template-columns:1fr}.setting-field,.setting-field-wide{grid-column:auto}.setting-field:nth-child(odd):not(.setting-field-wide){padding-right:0}.setting-field:nth-child(even){border-left:0;padding-left:0}}
@media(max-width:575.98px){.settings-hero .card-body,.settings-toolbar,.settings-savebar{align-items:stretch;flex-direction:column}.settings-health{align-self:flex-start}.settings-toolbar>span{display:none}.settings-form-head{align-items:flex-start}.settings-fields{padding:4px 15px 15px}.setting-field{grid-template-columns:1fr;gap:8px}.settings-savebar .btn{width:100%}.audit-row{grid-template-columns:34px minmax(0,1fr)}.audit-row time{grid-column:2}.settings-section-nav span{display:none}.settings-section-nav .settings-back span{display:inline}}

/* Advanced users and RBAC */
.user-admin-head,.user-profile-head{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:20px}.user-admin-head h2{font-size:1.4rem;margin:3px 0}.user-admin-head p{color:#6f8288;margin:0}.user-stat{align-items:center;background:#fff;border:1px solid #e0e9eb;border-radius:14px;display:flex;gap:12px;min-height:86px;padding:15px}.user-stat>i{font-size:1.65rem}.user-stat strong,.user-stat small{display:block}.user-stat strong{font-size:1.45rem}.user-stat small{color:#73868b;font-size:.68rem}.user-identity{align-items:center;color:#203d44;display:flex;gap:10px;text-decoration:none}.user-avatar{background:linear-gradient(145deg,#0f6874,#1592a0);border-radius:12px;color:#fff;display:grid;flex:0 0 auto;font-size:1rem;font-weight:900;height:42px;place-items:center;width:42px}.user-avatar.large{border-radius:22px;font-size:2rem;height:88px;margin:auto;width:88px}.user-identity strong,.user-identity small{display:block}.user-identity small{color:#78898e;font-size:.68rem}.role-badge,.account-status{align-items:center;border-radius:999px;display:inline-flex;font-size:.65rem;font-weight:900;gap:5px;padding:5px 9px}.role-admin{background:#fef3c7;color:#92400e}.role-operator{background:#dbeafe;color:#1d4ed8}.role-viewer{background:#e5e7eb;color:#475569}.role-executive{background:#f3e8ff;color:#7e22ce}.role-officer{background:#dcfce7;color:#166534}.account-status.active{background:#dcfce7;color:#166534}.account-status.inactive{background:#fee2e2;color:#b91c1c}.account-status i{font-size:.45rem}.user-form-shell{margin:auto;max-width:980px}.user-form-grid{display:grid;gap:17px;grid-template-columns:1fr 1fr;padding:24px}.user-profile-card{text-align:center}.user-profile-card h2{font-size:1.2rem;margin:13px 0 2px}.user-profile-card>div>p{color:#718187}.user-profile-card dl{border-top:1px solid #e5ecee;display:grid;grid-template-columns:1fr 1fr;margin:18px 0;text-align:left}.user-profile-card dt,.user-profile-card dd{border-bottom:1px solid #e5ecee;font-size:.7rem;margin:0;padding:9px}.user-profile-card dt{color:#819095}.permission-cloud{display:flex;flex-wrap:wrap;gap:8px}.permission-cloud>span{background:#eef7f8;border:1px solid #d7e8ea;border-radius:10px;color:#24515a;font-size:.7rem;font-weight:800;padding:8px 10px}.permission-cloud small{color:#819298;display:block;font-size:.55rem}.role-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.role-card-head{align-items:center;display:flex;justify-content:space-between}.role-icon{background:#e8f5f6;border-radius:14px;color:#0f6874;display:grid;font-size:1.3rem;height:48px;place-items:center;width:48px}.role-name-input{border:0;color:#243e45;font-size:1.05rem;font-weight:900;margin:10px 0 5px;outline:0;width:100%}.role-meta{color:#71858a;display:flex;font-size:.65rem;gap:12px;margin:10px 0}.permission-matrix{display:grid;gap:10px;max-height:430px;overflow:auto}.permission-matrix section{background:#f8fbfc;border:1px solid #e1eaec;border-radius:10px;padding:9px}.permission-matrix section>strong{color:#0f6874;display:block;font-size:.65rem;margin-bottom:5px;text-transform:uppercase}.permission-matrix label{align-items:center;display:flex;gap:7px;padding:5px}.permission-matrix b,.permission-matrix small{display:block}.permission-matrix b{font-size:.7rem}.permission-matrix small{color:#8a999d;font-size:.55rem}.role-locked{background:#fef3c7;border-radius:10px;color:#92400e;font-size:.68rem;font-weight:800;margin-top:13px;padding:10px;text-align:center}.new-role-permissions{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.new-role-permissions fieldset{border:1px solid #e0e9eb;border-radius:10px;padding:9px}.new-role-permissions legend{color:#0f6874;float:none;font-size:.68rem;font-weight:900;margin:0;width:auto}.new-role-permissions label{display:block;font-size:.68rem;padding:3px}
@media(max-width:767.98px){.user-admin-head,.user-profile-head{align-items:stretch;flex-direction:column}.user-admin-head>div:last-child,.user-admin-head .btn{width:100%}.user-form-grid{grid-template-columns:1fr;padding:16px}.user-table{min-width:850px}.role-grid{grid-template-columns:1fr}.new-role-permissions{grid-template-columns:1fr}.user-profile-head .btn{width:100%}}

/* Operational security center */
.security-hero{align-items:center;background:linear-gradient(135deg,#0b4650,#0f7481);border-radius:18px;color:#fff;display:flex;gap:20px;justify-content:space-between;margin-bottom:18px;padding:22px}.security-hero h2{font-size:1.45rem;margin:3px 0}.security-hero p{color:#d6ecef;margin:0}.security-hero .eyebrow{color:#a9dce2}.security-score{align-items:center;background:#ffffff17;border:1px solid #ffffff33;border-radius:14px;display:flex;gap:10px;padding:11px 14px}.security-score>i{font-size:1.6rem}.security-score strong,.security-score small{display:block}.security-score small{color:#c7e4e7;font-size:.62rem}.security-stat{align-items:center;background:#fff;border:1px solid #e0eaec;border-radius:14px;display:flex;gap:12px;min-height:82px;padding:14px}.security-stat>i{font-size:1.55rem}.security-stat strong,.security-stat small{display:block}.security-stat strong{font-size:1.35rem}.security-stat small{color:#73858a;font-size:.67rem}.security-policy-field{align-items:center;border-bottom:1px solid #e5edef;display:flex;gap:12px;justify-content:space-between;padding:12px 0}.security-policy-field:last-child{border:0}.security-policy-field>label:first-child{font-size:.72rem;font-weight:800}.security-policy-field>.form-control{max-width:130px}.security-session-list{display:grid}.security-session{align-items:center;border-bottom:1px solid #e5edef;display:grid;gap:10px;grid-template-columns:42px minmax(0,1fr) auto 38px;padding:12px 14px}.security-session:last-child{border:0}.session-device{background:#e7f4f5;border-radius:11px;color:#0f6874;display:grid;font-size:1.1rem;height:42px;place-items:center;width:42px}.security-session strong,.security-session small{display:block}.security-session small{color:#7a8b90;font-size:.62rem}.security-session em{background:#dcfce7;border-radius:999px;color:#166534;font-size:.56rem;font-style:normal;margin-left:5px;padding:3px 6px}.security-session time{color:#71858a;font-size:.65rem}.session-current{color:#16a05d;text-align:center}.security-events small{color:#7e8e93;display:block;font-size:.62rem}.security-event{align-items:center;display:flex;font-size:.7rem;font-weight:800;gap:7px}.event-login{color:#15803d}.event-login_failed{color:#b91c1c}.security-events code{font-size:.68rem}
@media(max-width:767.98px){.security-hero{align-items:flex-start;flex-direction:column}.security-score{width:100%}.security-session{grid-template-columns:38px minmax(0,1fr) 34px}.security-session time{display:none}.security-events{min-width:720px}.security-policy-field{align-items:flex-start;flex-direction:column}.security-policy-field>.form-control{max-width:none}}

/* Dashboard upcoming agenda card-buttons */
.upcoming-count{background:#e6f4f6;border-radius:999px;color:#0f6874;font-size:.66rem;font-weight:800;padding:5px 9px}.upcoming-agenda-list{display:grid;gap:10px;padding:12px}.upcoming-agenda-button{align-items:center;background:linear-gradient(135deg,#fff,#f8fbfc);border:1px solid #dce8eb;border-radius:14px;color:#173f47;display:grid;gap:11px;grid-template-columns:48px minmax(0,1fr) 38px;padding:11px;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.upcoming-agenda-button:hover,.upcoming-agenda-button:focus-visible{background:linear-gradient(135deg,#f8fdfd,#edf8f9);border-color:#86c2ca;box-shadow:0 9px 22px rgba(15,91,102,.15);color:#0f5b66;transform:translateY(-2px)}.upcoming-date{background:linear-gradient(145deg,#0f6b76,#1591a0);border-radius:12px;box-shadow:0 5px 12px rgba(15,107,118,.2);color:#fff;display:grid;min-height:52px;place-content:center;text-align:center}.upcoming-date strong{font-size:1.18rem;line-height:1}.upcoming-date small{font-size:.59rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.upcoming-main{display:grid;gap:3px;min-width:0}.upcoming-main>strong{font-size:.84rem;line-height:1.25}.upcoming-main>small{color:#718087;font-size:.68rem}.upcoming-main>small b{color:#0f6874}.upcoming-main em{background:#fff1c2;border-radius:999px;color:#8a5700;font-size:.58rem;font-style:normal;font-weight:800;margin-left:4px;padding:2px 5px}.upcoming-relative{color:#0f7481;font-size:.64rem;font-weight:800}.upcoming-open{align-items:center;background:#e7f4f5;border-radius:10px;color:#0f6b76;display:flex;flex-direction:column;height:42px;justify-content:center;transition:background .18s ease,color .18s ease;width:38px}.upcoming-open small{font-size:.52rem;font-weight:800}.upcoming-agenda-button:hover .upcoming-open{background:#0f6b76;color:#fff}
@media(max-width:575.98px){.upcoming-agenda-list{padding:10px}.upcoming-agenda-button{grid-template-columns:44px minmax(0,1fr) 34px;padding:9px}.upcoming-date{min-height:48px}.upcoming-main>strong{font-size:.79rem}.upcoming-open{height:38px;width:34px}}
.dashboard-pagination{border-top:1px solid #e6edef;margin-top:12px;padding-top:12px}.dashboard-pagination nav>div:first-child{font-size:.72rem}.dashboard-pagination .pagination{flex-wrap:wrap;gap:5px;margin:0}.dashboard-pagination .page-item .page-link{align-items:center;border:1px solid #d8e5e8;border-radius:9px;color:#0f6874;display:flex;font-size:.75rem;font-weight:800;justify-content:center;min-height:36px;min-width:36px;padding:6px 9px}.dashboard-pagination .page-item.active .page-link{background:#0f6b76;border-color:#0f6b76;box-shadow:0 4px 10px rgba(15,107,118,.2);color:#fff}.dashboard-pagination .page-item.disabled .page-link{background:#f4f7f8;color:#9ba9ad}.dashboard-pagination .page-link:hover{background:#e8f5f6;border-color:#8fc8cf;color:#0b5963}
@media(max-width:575.98px){.dashboard-pagination nav>div:first-child{display:none}.dashboard-pagination nav>div:last-child{justify-content:center!important}.dashboard-pagination .page-item .page-link{min-height:40px;min-width:40px}}

/* Consistent, touch-friendly links and navigation actions */
.app-link-button{align-items:center;background:linear-gradient(135deg,#0f6b76,#128594);border:1px solid transparent;border-radius:11px;box-shadow:0 5px 14px rgba(15,107,118,.18);color:#fff!important;display:inline-flex;font-size:.82rem;font-weight:800;gap:8px;justify-content:center;line-height:1.2;min-height:42px;padding:10px 14px;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.app-link-button:hover,.app-link-button:focus-visible{background:linear-gradient(135deg,#0b5963,#0f7481);box-shadow:0 8px 20px rgba(15,107,118,.28);color:#fff;transform:translateY(-2px)}.app-link-button-sm{border-radius:9px;font-size:.75rem;min-height:34px;padding:7px 10px}.app-link-button .bi-arrow-right{font-size:.72rem;transition:transform .18s ease}.app-link-button:hover .bi-arrow-right{transform:translateX(3px)}
.agenda-title-button{align-items:center;border:1px solid #dce8eb;border-radius:12px;color:#173f47;display:grid;gap:10px;grid-template-columns:38px minmax(0,1fr) auto;max-width:520px;padding:9px 11px;text-decoration:none!important;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.agenda-title-button:hover,.agenda-title-button:focus-visible{background:#f0fafb;border-color:#8fc7ce;box-shadow:0 7px 18px rgba(18,90,102,.12);color:#0f5b66;transform:translateY(-1px)}.agenda-title-button-icon{background:linear-gradient(135deg,#e4f4f6,#d6ecef);border-radius:10px;color:#0f6b76;display:grid;height:38px;place-items:center;width:38px}.agenda-title-button strong,.agenda-title-button small{display:block}.agenda-title-button small{color:#718087;font-size:.68rem;font-weight:600;margin-top:2px}.agenda-title-button>.bi{color:#8aa3a8}.table-action-group{display:inline-flex;gap:6px}.table-action-group .btn{align-items:center;display:inline-flex;gap:5px;min-height:34px}
.jadwal-app .agenda-row{background:#fff;border:1px solid #e3ecee;border-radius:13px;box-shadow:0 3px 10px rgba(22,61,69,.06);margin-bottom:9px;padding:13px 14px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.jadwal-app .agenda-row:hover,.jadwal-app .agenda-row:focus-visible{background:#f7fcfc;border-color:#9dcbd1;box-shadow:0 8px 20px rgba(22,61,69,.13);color:inherit;transform:translateY(-2px)}.jadwal-app .list-group-item-action{border-left:3px solid transparent;transition:background .18s ease,border-color .18s ease,padding-left .18s ease}.jadwal-app .list-group-item-action:hover,.jadwal-app .list-group-item-action:focus-visible{background:#f2fafb;border-left-color:#128594;padding-left:1.25rem}
.calendar-event{background:linear-gradient(135deg,#fff,#f8fbfc);border:1px solid #e0eaed;border-left:4px solid var(--event-color,#2563eb)!important;border-radius:8px;box-shadow:0 3px 9px rgba(22,61,69,.08);color:#334155;display:grid;gap:3px;grid-template-columns:minmax(0,1fr) auto;margin-top:7px;padding:7px 8px;position:relative;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.calendar-event:hover,.calendar-event:focus-visible{border-color:#a9cbd0;box-shadow:0 8px 18px rgba(22,61,69,.16);color:#123f47;transform:translateY(-2px)}.calendar-event-time{align-items:center;color:var(--event-color,#2563eb);display:flex;font-size:.67rem;font-weight:900;gap:4px}.calendar-event-title{font-size:.72rem;font-weight:700;line-height:1.25}.calendar-event-open{align-self:center;color:#80969b;grid-column:2;grid-row:1/3}.calendar-event-delegated{background:#fff1c2;border-radius:999px;color:#8a5700;font-size:.6rem;padding:2px 5px;position:absolute;right:5px;top:5px}.calendar-event-delegated~.calendar-event-open{display:none}
@media(max-width:767.98px){.app-link-button{min-height:44px}.card-header .app-link-button-sm span{display:none}.agenda-title-button{min-width:230px}.table-action-group .btn span{display:none}.calendar-event{border-left-width:3px!important;border-radius:6px;display:block;min-height:32px;padding:5px}.calendar-event-time{font-size:.63rem}.calendar-event-title,.calendar-event-open{display:none}.calendar-event-delegated{height:7px;padding:0;right:3px;top:3px;width:7px}.calendar-event-delegated i{display:none}}
/* Protokoler Tomohon MVP */
.nav-label{font-size:.67rem;letter-spacing:.14em;color:#8190a8;padding:20px 16px 7px}.stat-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:1.35rem}.agenda-row{display:flex;align-items:center;gap:16px;padding:14px 4px;border-bottom:1px solid #edf0f5;text-decoration:none;color:inherit}.agenda-row:last-child{border:0}.agenda-time{min-width:54px;font-size:1.15rem;font-weight:800;color:#173e78}.agenda-time small{display:block;font-size:.7rem;font-weight:400;color:#7a8494}.empty-state{text-align:center;padding:35px;color:#7b8796}.empty-state i{font-size:2.5rem;color:#b8c5d8}.status-draft{background:#e5e7eb;color:#374151}.status-dijadwalkan{background:#dbeafe;color:#1d4ed8}.status-dikonfirmasi{background:#dcfce7;color:#15803d}.status-berlangsung{background:#fef3c7;color:#b45309}.status-selesai{background:#d1fae5;color:#047857}.status-dibatalkan{background:#fee2e2;color:#b91c1c}.officer-check{padding:12px 0;border-bottom:1px solid #eee}.officer-check label{font-weight:600}.officer-check small{display:block;color:#7c8797;margin-left:20px}.detail-label{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:#8a95a5;margin-bottom:5px}.timeline-item{display:flex;gap:20px;padding:13px 0;border-bottom:1px solid #edf0f5}.timeline-time{font-weight:800;color:#1d4ed8}.avatar{width:42px;height:42px;border-radius:50%;background:#e0ebff;color:#1d4ed8;display:grid;place-items:center;font-weight:800}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-head{text-align:center;font-weight:700;padding:12px;background:#f3f6fa;border:1px solid #e7ebf0}.calendar-day{min-height:120px;padding:8px;border:1px solid #e7ebf0}.calendar-day.outside{background:#fafafa;color:#adb5bd}.calendar-day.today{background:#eff6ff}.day-number{font-weight:700}.calendar-event{display:block;background:white;border-left:4px solid #2563eb;padding:4px 6px;margin-top:6px;font-size:.72rem;color:#334155;text-decoration:none;box-shadow:0 1px 3px #0001}@media(max-width:768px){.calendar-day{min-height:75px;padding:3px}.calendar-event{font-size:0;color:transparent}.calendar-event b{font-size:.65rem;color:#334155}.topbar{align-items:flex-start}.topbar-actions .user-pill{display:none}}