
.psak-help-button {
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:9000;

    display:flex;
    align-items:center;
    gap:8px;

    padding:12px 17px;

    border:0;
    border-radius:999px;

    background:#0b1f3a;
    color:#fff;

    box-shadow:
        0 14px 35px
        rgba(11,31,58,.25);

    font-weight:800;
    cursor:pointer;
}

.psak-help-button:hover {
    background:#123a6a;
}

.psak-help-overlay {
    display:none;

    position:fixed;
    inset:0;
    z-index:9998;

    background:
        rgba(7,23,45,.68);

    backdrop-filter:blur(5px);
}

.psak-help-overlay.active {
    display:block;
}

.psak-help-modal {
    position:fixed;

    top:50%;
    left:50%;

    transform:
        translate(-50%,-50%);

    width:min(
        920px,
        calc(100% - 34px)
    );

    max-height:
        calc(100vh - 50px);

    overflow:auto;

    background:#f8fafc;

    border-radius:22px;

    box-shadow:
        0 35px 90px
        rgba(0,0,0,.30);
}

.psak-help-header {
    position:sticky;
    top:0;
    z-index:2;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:22px 25px;

    background:#0b1f3a;
    color:white;
}

.psak-help-header h2 {
    margin:0;
    color:white;
    font-size:22px;
}

.psak-help-close {
    border:0;
    background:
        rgba(255,255,255,.13);
    color:white;

    width:38px;
    height:38px;

    border-radius:10px;

    font-size:21px;
    cursor:pointer;
}

.psak-help-body {
    padding:24px;
}

.psak-help-intro {
    margin-top:0;
    padding:15px;

    background:#eaf2ff;
    border-left:4px solid #2563eb;
    border-radius:10px;

    color:#334155;
    line-height:1.6;
}

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

.psak-reference-card {
    background:white;

    border:
        1px solid #dbe4ef;

    border-radius:15px;

    padding:18px;
}

.psak-reference-card h3 {
    margin:
        0 0 9px;

    color:#0b1f3a;

    font-size:17px;
}

.psak-reference-card p {
    margin:7px 0;

    color:#52637a;

    line-height:1.55;
    font-size:13px;
}

.psak-counterpart {
    display:inline-block;

    margin:
        4px 0 10px;

    padding:
        5px 9px;

    border-radius:999px;

    background:#eaf2ff;
    color:#17468d;

    font-size:11px;
    font-weight:800;
}

.psak-source-row {
    display:flex;
    flex-wrap:wrap;
    gap:8px;

    margin-top:14px;
}

.psak-source-link {
    display:inline-block;

    padding:
        8px 11px;

    border-radius:8px;

    background:#2563eb;
    color:white !important;

    text-decoration:none;
    font-size:12px;
    font-weight:800;
}

.psak-source-link.secondary {
    background:#e8eef8;
    color:#0b1f3a !important;
}

.psak-source-note {
    margin-top:20px;

    color:#64748b;

    font-size:12px;
    line-height:1.6;
}

@media(max-width:700px) {

    .psak-reference-grid {
        grid-template-columns:1fr;
    }

    .psak-help-button {
        right:14px;
        bottom:14px;
    }
}



/* ==========================================================
   INTERACTIVE PSAK REFERENCES V2
   ========================================================== */

body button.psak-inline-trigger {

    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;

    min-height:32px !important;

    margin:2px 1px !important;
    padding:6px 10px !important;

    border:
        1px solid #cbdcf3 !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            180deg,
            #eef5ff,
            #e6effc
        ) !important;

    color:
        #123f78 !important;

    box-shadow:
        0 5px 13px
        rgba(37,99,235,.08)
        !important;

    font-size:
        inherit !important;

    font-weight:
        800 !important;

    line-height:
        1.25 !important;

    cursor:pointer !important;

    vertical-align:middle !important;

    transition:
        transform .16s ease,
        box-shadow .16s ease,
        background .16s ease !important;
}


body button.psak-inline-trigger:hover {

    transform:
        translateY(-1px) !important;

    background:
        linear-gradient(
            180deg,
            #e3efff,
            #dceaff
        ) !important;

    box-shadow:
        0 9px 18px
        rgba(37,99,235,.14)
        !important;
}


.psak-click-icon {

    display:inline-grid;

    place-items:center;

    width:18px;
    height:18px;

    border-radius:50%;

    background:#2563eb;
    color:#fff;

    font-size:11px;
    font-weight:900;
}


.psak-detail-top {

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap:20px;

    align-items:start;

    margin-bottom:20px;
}


.psak-detail-title {

    margin:0 0 8px;

    color:#07172d;

    font-size:27px;

    letter-spacing:-.025em;
}


.psak-detail-subtitle {

    color:#64748b;

    line-height:1.6;
}


.psak-detail-section {

    margin-top:20px;

    padding:20px;

    border:
        1px solid #dbe4ef;

    border-radius:15px;

    background:#fff;
}


.psak-detail-section h3 {

    margin:
        0 0 12px;

    color:#0b1f3a;

    font-size:18px;
}


.psak-detail-section p {

    color:#43566f;

    line-height:1.7;
}


.psak-decision-list {

    margin:0;

    padding-left:22px;

    color:#43566f;

    line-height:1.8;
}


.psak-example {

    margin-top:12px;

    padding:15px;

    border-left:
        4px solid #2563eb;

    border-radius:10px;

    background:#f3f7ff;

    color:#334155;

    line-height:1.7;
}


.psak-journal-wrap {

    overflow:auto;

    margin-top:12px;
}


.psak-journal-table {

    min-width:600px;

    width:100%;

    border-collapse:collapse;
}


.psak-journal-table th {

    padding:10px 12px;

    background:#0b1f3a !important;

    color:#fff !important;

    text-align:left;
}


.psak-journal-table td {

    padding:10px 12px;

    border-bottom:
        1px solid #dbe4ef;

    background:#fff;

    vertical-align:top;
}


.psak-journal-table .amount {

    text-align:right;

    white-space:nowrap;

    font-variant-numeric:
        tabular-nums;
}


.psak-journal-note {

    margin-top:10px;

    color:#64748b;

    font-size:12px;

    line-height:1.6;
}


.psak-warning {

    margin-top:18px;

    padding:14px 16px;

    border-radius:11px;

    background:#fff8e6;

    border:
        1px solid #f4deb0;

    color:#75510c;

    line-height:1.65;

    font-size:13px;
}


.psak-error-list {

    padding-left:20px;

    color:#475569;

    line-height:1.75;
}


.psak-back {

    margin-bottom:18px;
}


body button.psak-detail-action,
body button.psak-back-button {

    min-height:38px !important;

    padding:
        8px 13px !important;

    border-radius:
        9px !important;

    background:
        linear-gradient(
            135deg,
            #2563eb,
            #3b82f6
        ) !important;

    color:#fff !important;

    font-size:12px !important;

    font-weight:800 !important;
}



/* ==========================================================
   GLOBAL STANDARD REFERENCE FORMAT V1
   ========================================================== */

.psak-reference-source {
    margin-top:14px;
    padding:15px;

    border:
        1px solid #dbe4ef;

    border-radius:12px;

    background:
        linear-gradient(
            180deg,
            #fbfdff,
            #f7faff
        );
}

.psak-reference-source-label {
    margin-bottom:9px;

    color:#0b1f3a;

    font-size:12px;
    font-weight:900;

    text-transform:uppercase;
    letter-spacing:.06em;
}

.psak-valuation-note {

    padding:16px;

    border-left:
        4px solid #0ea5e9;

    border-radius:11px;

    background:#eef9ff;

    color:#334155;

    line-height:1.75;
}

