/* ========================================
   PREMIUM THEME
======================================== */

.proposal-premium-document{

    --primary:#0F766E;
    --primary-dark:#134E4A;
    --accent:#C9A227;
    --bg:#F8FAFA;
    --border:#D6E4E2;
    --text:#1F2937;
    --muted:#6B7280;

}

/* ========================================
   CONTAINER
======================================== */

.proposal-premium-document{

    max-width:1100px;
    background:#FFFFFF;

}

/* ========================================
   COVER
======================================== */

.premium-proposal-cover{

    padding:80px 90px 70px;
    background:linear-gradient(
        180deg,
        #FFFFFF 0%,
        #FCFEFD 100%
    );
    border:1px solid #DCE7E5;
    border-radius:22px;
    box-shadow:
        0 8px 25px rgba(15,118,110,.05),
        0 30px 60px rgba(0,0,0,.03);

}

.premium-proposal-type{

    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px 32px;
    background:#ECFDF5;
    color:var(--primary);
    border:1px solid #D8EEE9;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    letter-spacing:5px;
    box-shadow:0 4px 12px rgba(15,118,110,.08);
    width:fit-content;
    margin:0 auto;

}


.premium-proposal-header{
    max-width:760px;
    margin:34px auto;
    font-size:20px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:-1px;
    text-transform:uppercase;
    
}
.premium-proposal-title{

    margin:28px 0 0;
    font-size:18px;
    line-height:1.15;
    font-weight:800;
    letter-spacing:-2px;
    color:var(--text);
    text-align:center;
    text-transform:uppercase;

}
.premium-proposal-divider{

    width:220px;
    height:4px;
    margin:42px auto;
    border-radius:999px;
    background:linear-gradient(
        90deg,
        transparent,
        var(--accent),
        transparent
    );

}

.premium-proposal-meta{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;

}

.premium-proposal-meta-block{

    padding:24px;
    border:1px solid var(--border);
    border-radius:12px;
    background:#FAFAFA;

}

.premium-proposal-meta-block span{

    display:block;
    margin-bottom:10px;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--muted);

}

.premium-proposal-meta-block strong{

    font-size:18px;
    color:var(--text);
    font-weight:600;

}

/* ========================================
   SECTION
======================================== */

.premium-proposal-section{

    margin-top:38px;

}

.premium-proposal-section h2{

    position:relative;
    margin-bottom:34px;
    padding-bottom:16px;
    border:none;
    color:var(--primary);
    font-size:18px;
    font-weight:700;
    letter-spacing:3px;
    text-align:center;
    text-transform:uppercase;

}

.premium-proposal-section h2::after{

    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:120px;
    height:3px;
    background:var(--accent);
    border-radius:20px;

}

.premium-proposal-section p{

    color:var(--text);
    line-height:1.9;

}

.premium-proposal-overview-table{

    width:100%;
    border-collapse:separate;
    border-spacing:0;
    border:1px solid var(--border);
    border-radius:14px;
    overflow:hidden;
    background:#FFFFFF;

}

.premium-proposal-overview-table tr:nth-child(even){

    background:var(--bg);

}

.premium-proposal-overview-table td{

    padding:18px;
    border-bottom:1px solid var(--border);

}

.premium-proposal-overview-table tr:last-child td{

    border-bottom:none;

}

.premium-proposal-overview-table td:first-child{

    width:230px;
    color:var(--primary);
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;

}

.premium-proposal-overview-table td:last-child{

    color:var(--text);
    font-weight:500;

}
.premium-proposal-list{

    margin:18px 0;
    padding-left:24px;

}
/* ========================================
   DELIVERABLES
======================================== */

.premium-proposal-deliverables-table{

    width:100%;
    border-collapse:separate;
    border-spacing:0;
    margin-top:20px;
    border:1px solid var(--border);
    border-radius:14px;
    overflow:hidden;
    background:#FFFFFF;

}

.premium-proposal-deliverables-table thead{

    background:var(--primary);

}

.premium-proposal-deliverables-table th{

    padding:16px;
    color:#FFFFFF;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:13px;
    font-weight:600;
    text-align:left;

}

.premium-proposal-deliverables-table td{

    padding:18px 16px;
    border-bottom:1px solid var(--border);
    color:var(--text);
    vertical-align:top;

}

.premium-proposal-deliverables-table tbody tr:last-child td{

    border-bottom:none;

}

.premium-proposal-deliverables-table tbody tr:nth-child(even){

    background:var(--bg);

}

.premium-proposal-deliverables-table tbody tr:hover{

    background:#F1F7F6;

}

.premium-proposal-deliverables-table td:first-child{

    width:70px;
    text-align:center;
    font-weight:700;
    color:var(--accent);
    font-size:9px;

}
/* ========================================
   TIMELINE
======================================== */

.premium-proposal-timeline-table{

    width:100%;
    border-collapse:separate;
    border-spacing:0;
    margin-top:20px;
    border:1px solid var(--border);
    border-radius:14px;
    overflow:hidden;
    background:#FFFFFF;

}

.premium-proposal-timeline-table thead{

    background:var(--primary);

}

.premium-proposal-timeline-table th{

    padding:16px;
    color:#FFFFFF;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:13px;
    text-align:left;

}

.premium-proposal-timeline-table td{

    padding:18px 16px;
    border-bottom:1px solid var(--border);
    color:var(--text);
    vertical-align:top;

}

.premium-proposal-timeline-table tbody tr:last-child td{

    border-bottom:none;

}

.premium-proposal-timeline-table tbody tr:nth-child(even){

    background:var(--bg);

}

.premium-proposal-timeline-table td:first-child{

    width:90px;
    font-weight:700;
    color:var(--accent);
    text-align:center;

}
/* ========================================
   INVESTMENT
======================================== */

.premium-proposal-investment-intro{

    margin-bottom:30px;

}

.premium-proposal-investment-card{

    background:var(--primary);
    color:#FFFFFF;
    padding:36px;
    border-radius:18px;
    text-align:center;
    box-shadow:0 10px 30px rgba(15,118,110,.15);

}

.premium-proposal-investment-card span{

    display:block;
    margin-bottom:18px;
    font-size:13px;
    letter-spacing:3px;
    text-transform:uppercase;
    opacity:.9;

}

.premium-proposal-investment-card h1{

    margin:0;
    font-size:18px;
    font-weight:700;
    color:#FFFFFF;

}

.premium-proposal-investment-card small{

    display:block;
    margin-top:16px;
    font-size:13px;
    opacity:.8;

}
/* ========================================
   PAYMENT TERMS
======================================== */

.premium-proposal-payment-box{

    background:var(--bg);
    border-left:5px solid var(--accent);
    border-radius:10px;
    padding:22px 24px;

}

.premium-proposal-payment-box p{

    margin:0;

}

.premium-proposal-list li{

    margin-bottom:14px;
    line-height:1.8;
    color:var(--text);

}
/* ========================================
   TERMS
======================================== */

.premium-proposal-terms-list{

    margin-top:18px;
    padding-left:22px;

}

.premium-proposal-terms-list li{

    margin-bottom:16px;
    line-height:1.9;
    color:var(--text);

}
/* ========================================
   ASSUMPTIONS
======================================== */

.premium-proposal-assumption-box{

    background:var(--bg);
    border:1px solid var(--border);
    border-radius:14px;
    padding:24px;

}
/* ========================================
   SIGNATURE
======================================== */

.premium-proposal-signature-section{

    margin-top:60px;
    page-break-inside:avoid;
    break-inside:avoid;

}

.premium-proposal-signature-grid{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:90px;
    margin-top:80px;

}

.premium-proposal-signature-box{

    text-align:center;

}

.premium-proposal-signature-line{

    width:100%;
    border-top:3px solid var(--accent);
    margin-bottom:18px;

}

.premium-proposal-signature-box strong{

    display:block;
    color:var(--text);
    font-size:14px;
    font-weight:700;
    text-transform: uppercase;
    margin-bottom:8px;

}

.premium-proposal-signature-box span{

    color:var(--muted);
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:12px;

}
/* ========================================
   THANK YOU
======================================== */

.premium-proposal-section:last-of-type{

    margin-bottom:40px;

}

.premium-proposal-cover-info{

    margin-top:55px;
    padding-top:40px;
    border-top:1px solid #E4ECEA;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:34px 80px;

}

.premium-proposal-cover-item{

    position:relative;
    padding-left:18px;

}

.premium-proposal-cover-item::before{

    content:"";
    position:absolute;
    left:0;
    top:6px;
    width:4px;
    height:28px;
    background:var(--accent);
    border-radius:20px;

}

.premium-proposal-cover-item span{

    display:block;
    margin-bottom:10px;
    color:#7C8798;
    font-size:11px;
    letter-spacing:2px;
    text-transform:uppercase;

}

.premium-proposal-cover-item strong{

    color:#1F2937;
    font-size:16px;
    text-transform: uppercase;
    font-weight:700;

}

.premium-proposal-page-marker{

    display:flex;
    align-items:center;
    gap:14px;
    margin:28px 0;
    color:var(--primary);
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;

}

.premium-proposal-page-marker-line{

    flex:1;
    height:2px;
    background:var(--accent);

}

.page-1-marker{

    display:none;

}

@media print{

    html,
    body{

        margin:0;
        padding:0;
        background:#fff;

    }

    .premium-proposal-actions{

        display:none !important;

    }

    .premium-proposal-header,
    .premium-proposal-section,
    .premium-proposal-section,
    .premium-proposal-signature-section{

    page-break-inside: avoid;
    break-inside: avoid;

    }

    .premium-proposal-page-marker{

        display:none !important;

    }
    .premium-proposal-meta{

        gap:30px;

    }

    .premium-proposal-title{

        font-size:16px;

    }

    .premium-proposal-signature-grid{

        grid-template-columns:repeat(2,1fr);
        gap:50px;

    }

}


/* ========================================
   PREMIUM PROPOSAL UI UPGRADE
======================================== */

.proposal-premium-document {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    padding: 25px 38px 50px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow:
        0 22px 55px rgba(15, 78, 74, 0.11),
        0 3px 12px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
}


/* Premium actions */

.premium-proposal-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    padding-bottom: 17px;
    border-bottom: 1px solid var(--border);
}

.premium-proposal-back-btn,
.premium-proposal-edit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #FFFFFF;
    color: var(--primary-dark);
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
}

.premium-proposal-back-btn {
    justify-self: start;
}

.premium-proposal-edit-btn {
    justify-self: end;
}

.premium-proposal-back-btn:hover,
.premium-proposal-edit-btn:hover {
    border-color: var(--primary);
    color: var(--primary);
}


/* Premium cover */

.premium-proposal-header {
    position: relative;
    max-width: none;
    margin: 0 0 24px;
    padding: 31px 32px 27px;
    overflow: hidden;
    border: 1px solid var(--primary-dark);
    border-radius: 7px;
    background: var(--primary-dark);
    color: #FFFFFF;
}

.premium-proposal-header::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 130px;
    height: 5px;
    background: var(--accent);
    content: "";
}

.premium-proposal-header::after {
    position: absolute;
    right: -70px;
    bottom: -110px;
    width: 230px;
    height: 230px;
    border: 1px solid rgba(201, 162, 39, 0.28);
    border-radius: 50%;
    content: "";
}

.premium-proposal-type {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 0 6px;
    border: 0;
    border-bottom: 2px solid var(--accent);
    border-radius: 0;
    background: transparent;
    color: var(--accent);
    font-size: 8px;
    letter-spacing: 2px;
    box-shadow: none;
}

.premium-proposal-title {
    position: relative;
    z-index: 1;
    max-width: 670px;
    margin: 16px 0 0;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.3px;
    line-height: 1.3;
    text-align: left;
}

.premium-proposal-divider {
    display: none;
}

.premium-proposal-cover-info {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 28px;
    margin-top: 24px;
    padding-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.premium-proposal-cover-item {
    position: relative;
    min-width: 0;
    padding-left: 11px;
}

.premium-proposal-cover-item::before {
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 0;
    width: 2px;
    height: auto;
    border-radius: 0;
    background: var(--accent);
    content: "";
}

.premium-proposal-cover-item span {
    display: block;
    margin-bottom: 3px;
    color: var(--border);
    font-size: 7px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.premium-proposal-cover-item strong {
    display: block;
    color: #FFFFFF;
    font-size: 9.5px;
    font-weight: 650;
    line-height: 1.45;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}


/* Premium sections */

.premium-proposal-section {
    margin-top: 21px;
}

.premium-proposal-section h2 {
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 7px;
    border-bottom: 1px solid var(--border);
    color: var(--primary-dark);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.65px;
    text-align: left;
}

.premium-proposal-section h2::after {
    left: 0;
    bottom: -1px;
    width: 42px;
    height: 2px;
    transform: none;
    border-radius: 0;
    background: var(--accent);
}

.premium-proposal-section p {
    margin: 0 2px 7px;
    color: var(--text);
    font-size: 9.5px;
    line-height: 1.65;
    text-align: justify;
}

.premium-proposal-list,
.premium-proposal-terms-list {
    margin: 7px 0;
    padding-left: 19px;
}

.premium-proposal-list li,
.premium-proposal-terms-list li {
    margin-bottom: 4px;
    color: var(--text);
    font-size: 9.5px;
    line-height: 1.58;
}

.premium-proposal-list li::marker,
.premium-proposal-terms-list li::marker {
    color: var(--accent);
}


/* Premium tables */

.premium-proposal-overview-table,
.premium-proposal-deliverables-table,
.premium-proposal-timeline-table {
    width: 100%;
    margin-top: 9px;
    border: 1px solid var(--border);
    border-radius: 5px;
    border-spacing: 0;
    background: #FFFFFF;
}

.premium-proposal-overview-table td,
.premium-proposal-deliverables-table th,
.premium-proposal-deliverables-table td,
.premium-proposal-timeline-table th,
.premium-proposal-timeline-table td {
    padding: 8px 10px;
    font-size: 8.8px;
    line-height: 1.5;
}

.premium-proposal-overview-table td:first-child {
    width: 165px;
    color: var(--primary);
    font-size: 7.5px;
}

.premium-proposal-deliverables-table thead,
.premium-proposal-timeline-table thead {
    background: var(--primary-dark);
}

.premium-proposal-deliverables-table th,
.premium-proposal-timeline-table th {
    color: #FFFFFF;
    font-size: 7.5px;
    letter-spacing: 0.55px;
}


/* Premium information boxes */

.premium-proposal-investment-intro {
    margin-bottom: 10px;
}

.premium-proposal-investment-card {
    padding: 20px 24px;
    border: 1px solid var(--primary-dark);
    border-radius: 6px;
    background: var(--primary-dark);
    box-shadow: none;
}

.premium-proposal-investment-card span {
    margin-bottom: 8px;
    font-size: 7.5px;
}

.premium-proposal-investment-card h1 {
    font-size: 17px;
}

.premium-proposal-investment-card small {
    margin-top: 8px;
    font-size: 8px;
}

.premium-proposal-payment-box,
.premium-proposal-assumption-box {
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent);
    border-radius: 4px;
    background: var(--bg);
}

.premium-proposal-payment-box p {
    margin: 0;
}


/* Premium signature */

.premium-proposal-signature-section {
    margin-top: 28px;
    padding-top: 15px;
    border-top: 0;
    page-break-inside: avoid;
    break-inside: avoid;
}

.premium-proposal-signature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px;
}

.premium-proposal-signature-box {
    text-align: left;
}

.premium-proposal-signature-line {
    margin: 42px 0 9px;
    border-top: 2px solid var(--accent);
}

.premium-proposal-signature-box strong {
    display: block;
    margin-bottom: 3px;
    color: var(--text);
    font-size: 9px;
    text-transform: uppercase;
}

.premium-proposal-signature-box span {
    color: var(--muted);
    font-size: 7px;
    letter-spacing: 0.65px;
}


/* Premium page marker */

.premium-proposal-page-marker {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 18px 0;
    color: var(--primary);
    font-size: 8px;
    font-weight: 700;
}

.premium-proposal-page-marker-line {
    flex: 1;
    height: 1px;
    background: var(--accent);
}


@media screen and (max-width: 600px) {

    .proposal-premium-document {
        padding: 18px 14px 34px;
        border-radius: 8px;
    }

    .premium-proposal-actions {
        margin-bottom: 21px;
    }

    .premium-proposal-back-btn,
    .premium-proposal-edit-btn {
        justify-self: stretch;
        width: 100%;
        box-sizing: border-box;
    }

    .premium-proposal-header {
        padding: 25px 19px 22px;
    }

    .premium-proposal-title {
        font-size: 17px;
    }

    .premium-proposal-cover-info {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .premium-proposal-overview-table {
        display: block;
        overflow-x: auto;
    }

    .premium-proposal-deliverables-table,
    .premium-proposal-timeline-table {
        display: table;
        width: 100%;
        table-layout: fixed;
        overflow: visible;
        white-space: normal;
    }

    .premium-proposal-deliverables-table th:first-child,
    .premium-proposal-deliverables-table td:first-child,
    .premium-proposal-timeline-table th:first-child,
    .premium-proposal-timeline-table td:first-child {
        width: 70px;
        text-align: center;
    }

    .premium-proposal-deliverables-table td:first-child {
        font-size: 9px;
    }

    .premium-proposal-signature-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

}


@media print {

    .proposal-premium-document {
        width: auto;
        max-width: none;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .premium-proposal-actions,
    .premium-proposal-page-marker {
        display: none !important;
    }

    .premium-proposal-header,
    .premium-proposal-section,
    .premium-proposal-signature-section {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .premium-proposal-header {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .premium-proposal-title {
        font-size: 19px;
    }

    .premium-proposal-signature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

/* ========================================
   MODERN AGENCY PROPOSAL
   Dedicated classes — not shared
======================================== */

/* ========================================
   MODERN AGENCY THEME
======================================== */

.agency-proposal-document{

    --primary:#2563EB;
    --secondary:#7C3AED;
    --accent:#06B6D4;
    --bg:#F8FAFC;
    --surface:#FFFFFF;
    --text:#1E293B;
    --muted:#64748B;
    --border:#E2E8F0;

}

/* ========================================
   CONTAINER
======================================== */

.agency-proposal-document{

    max-width:1100px;
    background:#FFFFFF;

}

/* ========================================
   COVER
======================================== */

.agency-proposal-cover{

    padding:70px 80px;
    background:linear-gradient(
        180deg,
        #FFFFFF 0%,
        #F8FAFC 100%
    );

}

.agency-proposal-header{

    text-align:center;
    max-width:900px;
    margin:0 auto;

}

.agency-proposal-type{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 34px;
    border-radius:999px;
    background:linear-gradient(
        90deg,
        var(--primary),
        var(--secondary)
    );

    color:#FFFFFF;
    font-size:12px;
    font-weight:700;
    letter-spacing:4px;

}

.agency-proposal-title{

    max-width:720px;
    margin:30px auto;
    font-size:20px;
    font-weight:800;
    line-height:1.15;
    letter-spacing:-1.5px;
    text-wrap:balance;

}

.agency-proposal-divider{

    width:180px;
    height:5px;
    margin:30px auto 50px;
    border-radius:999px;
    background:linear-gradient(
        90deg,
        var(--primary),
        var(--secondary),
        var(--accent)
    );

}

/* ========================================
   HERO INFO
======================================== */

.agency-proposal-cover-details{

    max-width:900px;
    margin:60px auto 0;

}

.agency-proposal-cover-row{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
    margin-bottom:22px;

}

.agency-proposal-cover-row-single{

    display:none;

}

.agency-proposal-cover-col{

    background:#FFFFFF;
    border:1px solid #E5E7EB;
    border-radius:20px;
    padding:24px 28px;
    box-shadow:0 10px 30px rgba(15,23,42,.06);
    transition:.25s ease;

}

.agency-proposal-cover-col:hover{

    transform:translateY(-3px);
    box-shadow:0 18px 35px rgba(37,99,235,.15);

}

.agency-proposal-cover-col span{

    display:block;
    margin-bottom:10px;
    font-size:11px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#64748B;

}

.agency-proposal-cover-col strong{

    display:block;
    font-size:16px;
    font-weight:700;
    color:#1E293B;
    line-height:1.3;
    text-transform: uppercase;

}


.agency-proposal-section{

    margin-top:50px;

}

.agency-proposal-section h2{

    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:24px;
    color:var(--text);
    font-size:18px;
    font-weight:800;

}

.agency-proposal-section h2::before{

    content:"";
    width:8px;
    height:28px;
    border-radius:999px;
    background:linear-gradient(
        180deg,
        var(--primary),
        var(--secondary)
    );

}

.agency-proposal-section p{

    line-height:1.9;
    color:var(--text);

}
.agency-proposal-list,
.agency-proposal-terms-list{

    margin:18px 0;
    padding-left:24px;

}

.agency-proposal-list li,
.agency-proposal-terms-list li{

    margin-bottom:12px;
    line-height:1.9;
    color:var(--text);

}

.agency-proposal-overview-table,
.agency-proposal-timeline-table,
.agency-proposal-deliverables-table{

    width:100%;
    border-collapse:separate;
    border-spacing:0;
    overflow:hidden;
    border-radius:18px;
    background:#FFFFFF;
    box-shadow:0 8px 25px rgba(15,23,42,.05);

}

.agency-proposal-overview-table td,
.agency-proposal-timeline-table td,
.agency-proposal-deliverables-table td{

    padding:18px;
    border-bottom:1px solid var(--border);

}

.agency-proposal-timeline-table thead,
.agency-proposal-deliverables-table thead{

    background:linear-gradient(
        90deg,
        var(--primary),
        var(--secondary)
    );

}

.agency-proposal-timeline-table th,
.agency-proposal-deliverables-table th{

    color:#FFFFFF;
    padding:18px;
    text-transform:uppercase;
    letter-spacing:1px;

}

.agency-proposal-deliverables-table th:first-child,
.agency-proposal-deliverables-table td:first-child,
.agency-proposal-timeline-table th:first-child,
.agency-proposal-timeline-table td:first-child{

    
    text-align:center;
    vertical-align:middle;

}
.agency-proposal-investment-card{

    padding:45px;
    border-radius:24px;
    text-align:center;
    color:#FFFFFF;
    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    box-shadow:0 20px 40px rgba(37,99,235,.25);

}
.agency-proposal-signature-grid{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:70px;

}

.agency-proposal-signature-box{

    text-align:center;

}

.agency-proposal-signature-line{

    width:240px;
    margin:90px auto 18px;
    border-top:2px solid var(--primary);

}

.agency-proposal-signature-box strong{

    display:block;
    margin-bottom:6px;
    font-size:14px;
    font-weight:700;
    text-transform: uppercase;

}

.agency-proposal-signature-box span{

    display:block;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:2px;
    color:var(--muted);

}
.agency-proposal-acceptance-block{

    page-break-inside:avoid;
    break-inside:avoid;

}


@media (max-width:768px){

    .agency-proposal-signature-grid{

        grid-template-columns:1fr;
        gap:50px;

    }

}

.agency-proposal-page-marker{

    display:flex;
    align-items:center;
    gap:14px;
    margin:28px 0;
    color:var(--primary);
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;

}

.agency-proposal-page-marker-line{

    flex:1;
    height:2px;
    background:var(--primary);

}

.page-1-marker{

    display:none;

}

@media print{

    html,
    body{

        margin:0;
        padding:0;
        background:#fff;

    }

    .agency-proposal-actions{

        display:none !important;

    }

    .agency-proposal-header,
    .agency-proposal-section2,
    .agency-proposal-section,
    .agency-proposal-signature-section{

    page-break-inside: avoid;
    break-inside: avoid;

    }

    .agency-proposal-page-marker{

        display:none !important;

    }
    .proposal-meta{

        gap:30px;

    }

    .agency-proposal-title{

        font-size:16px;

    }

    .agency-proposal-signature-grid{
        
        grid-template-columns:repeat(2,1fr);
        gap:50px;

    }


}

/* ========================================
   MODERN AGENCY UI UPGRADE
======================================== */

.agency-proposal-document {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    padding: 25px 38px 50px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface);
    box-shadow:
        0 22px 55px rgba(30, 41, 59, 0.11),
        0 3px 12px rgba(30, 41, 59, 0.04);
    box-sizing: border-box;
}

.agency-proposal-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 17px;
    border-bottom: 1px solid var(--border);
}

.agency-proposal-back-btn,
.agency-proposal-edit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--surface);
    color: var(--primary);
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
}

.agency-proposal-back-btn {
    justify-self: start;
}

.agency-proposal-edit-btn {
    justify-self: end;
}


/* Agency cover */

.agency-proposal-header {
    position: relative;
    max-width: none;
    margin: 0 0 24px;
    padding: 31px 32px 28px;
    overflow: hidden;
    border-radius: 8px;
    background: linear-gradient(
        125deg,
        var(--primary),
        var(--secondary)
    );
    color: #FFFFFF;
    text-align: left;
}

.agency-proposal-header::before {
    position: absolute;
    top: -60px;
    right: -35px;
    width: 190px;
    height: 190px;
    border: 30px solid rgba(255, 255, 255, 0.07);
    border-radius: 50%;
    content: "";
}

.agency-proposal-header::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 155px;
    height: 4px;
    background: var(--accent);
    content: "";
}

.agency-proposal-type {
    position: relative;
    z-index: 1;
    padding: 6px 11px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.11);
    color: #FFFFFF;
    font-size: 7.5px;
    letter-spacing: 1.2px;
}

.agency-proposal-title {
    position: relative;
    z-index: 1;
    max-width: 680px;
    margin: 16px 0 0;
    color: #FFFFFF;
    font-size: 22px;
    letter-spacing: -0.3px;
    line-height: 1.3;
}

.agency-proposal-divider {
    display: none;
}

.agency-proposal-cover-details {
    position: relative;
    z-index: 1;
    max-width: none;
    margin: 24px 0 0;
    padding-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.agency-proposal-cover-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    margin-bottom: 11px;
}

.agency-proposal-cover-row:last-child {
    margin-bottom: 0;
}

.agency-proposal-cover-row-single {
    display: none;
}

.agency-proposal-cover-col {
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.09);
    box-shadow: none;
}

.agency-proposal-cover-col:hover {
    transform: none;
    box-shadow: none;
}

.agency-proposal-cover-col span {
    margin-bottom: 3px;
    color: #FFFFFF;
    font-size: 7px;
    letter-spacing: 0.65px;
    opacity: 0.78;
}

.agency-proposal-cover-col strong {
    color: #FFFFFF;
    font-size: 9.5px;
    overflow-wrap: anywhere;
    text-transform: uppercase;
}


/* Agency sections */

.agency-proposal-section {
    margin-top: 21px;
}

.agency-proposal-section h2 {
    position: relative;
    min-height: 27px;
    margin: 0 0 10px;
    padding: 5px 10px 5px 15px;
    border-bottom: 1px solid var(--border);
    background: var(--bg);
    color: var(--text);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.35px;
}

.agency-proposal-section h2::before {
    position: absolute;
    top: 0;
    bottom: -1px;
    left: 0;
    width: 4px;
    height: auto;
    border-radius: 0;
    background: linear-gradient(
        180deg,
        var(--primary),
        var(--secondary)
    );
}

.agency-proposal-section p {
    margin: 0 2px 7px;
    color: var(--text);
    font-size: 9.5px;
    line-height: 1.62;
    text-align: justify;
}

.agency-proposal-list,
.agency-proposal-terms-list {
    margin: 7px 0;
    padding-left: 19px;
}

.agency-proposal-list li,
.agency-proposal-terms-list li {
    margin-bottom: 4px;
    color: var(--text);
    font-size: 9.5px;
    line-height: 1.58;
}

.agency-proposal-list li::marker,
.agency-proposal-terms-list li::marker {
    color: var(--primary);
}


/* Agency tables */

.agency-proposal-overview-table,
.agency-proposal-timeline-table,
.agency-proposal-deliverables-table {
    width: 100%;
    margin-top: 9px;
    border: 1px solid var(--border);
    border-radius: 6px;
    border-spacing: 0;
    background: var(--surface);
    box-shadow: none;
}

.agency-proposal-overview-table td,
.agency-proposal-timeline-table th,
.agency-proposal-timeline-table td,
.agency-proposal-deliverables-table th,
.agency-proposal-deliverables-table td {
    padding: 8px 10px;
    font-size: 8.8px;
    line-height: 1.5;
}

.agency-proposal-timeline-table thead,
.agency-proposal-deliverables-table thead {
    background: linear-gradient(
        90deg,
        var(--primary),
        var(--secondary)
    );
}

.agency-proposal-timeline-table th,
.agency-proposal-deliverables-table th {
    color: #FFFFFF;
    font-size: 7.5px;
    letter-spacing: 0.55px;
}


/* Agency feature boxes */

.agency-proposal-investment-intro {
    margin-bottom: 10px;
}

.agency-proposal-investment-card {
    padding: 20px 24px;
    border-radius: 7px;
    background: linear-gradient(
        110deg,
        var(--primary),
        var(--secondary)
    );
    box-shadow: none;
}

.agency-proposal-investment-card span {
    margin-bottom: 8px;
    font-size: 7.5px;
}

.agency-proposal-investment-card h1 {
    font-size: 17px;
}

.agency-proposal-investment-card small {
    margin-top: 8px;
    font-size: 8px;
}

.agency-proposal-payment-box,
.agency-proposal-assumption-box {
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-left: 4px solid var(--primary);
    border-radius: 5px;
    background: var(--bg);
}

.agency-proposal-payment-box p {
    margin: 0;
}


/* Agency signature */

.agency-proposal-acceptance-block {
    margin-top: 21px;
}

.agency-proposal-signature-section {
    margin-top: 28px;
    page-break-inside: avoid;
    break-inside: avoid;
}

.agency-proposal-signature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px;
}

.agency-proposal-signature-box {
    text-align: left;
}

.agency-proposal-signature-line {
    margin: 42px 0 9px;
    border-top: 2px solid var(--accent);
}

.agency-proposal-signature-box strong {
    display: block;
    margin-bottom: 3px;
    color: var(--text);
    font-size: 9px;
    text-transform: uppercase;
}

.agency-proposal-signature-box span {
    color: var(--muted);
    font-size: 7px;
    letter-spacing: 0.65px;
}


/* Agency marker */

.agency-proposal-page-marker {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 18px 0;
    color: var(--primary);
    font-size: 8px;
    font-weight: 700;
}

.agency-proposal-page-marker-line {
    flex: 1;
    height: 1px;
    background: linear-gradient(
        90deg,
        var(--primary),
        var(--secondary),
        var(--accent)
    );
}


@media screen and (max-width: 600px) {

    .agency-proposal-document {
        padding: 18px 14px 34px;
        border-radius: 9px;
    }

    .agency-proposal-back-btn,
    .agency-proposal-edit-btn {
        justify-self: stretch;
        width: 100%;
        box-sizing: border-box;
    }

    .agency-proposal-header {
        padding: 25px 19px 22px;
    }

    .agency-proposal-title {
        font-size: 17px;
    }

    .agency-proposal-cover-row {
        grid-template-columns: 1fr;
    }

    .agency-proposal-overview-table,
    .agency-proposal-timeline-table,
    .agency-proposal-deliverables-table {
        display: block;
        overflow-x: auto;
    }

    .agency-proposal-signature-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

}


@media print {

    .agency-proposal-document {
        width: auto;
        max-width: none;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .agency-proposal-actions,
    .agency-proposal-page-marker {
        display: none !important;
    }

    .agency-proposal-header,
    .agency-proposal-section,
    .agency-proposal-signature-section {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .agency-proposal-header,
    .agency-proposal-section h2,
    .agency-proposal-investment-card {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .agency-proposal-title {
        font-size: 19px;
    }

    .agency-proposal-signature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* ========================================
   CORPORATE PROPOSAL
   Dedicated classes — not shared
======================================== */

/* ========================================
   CORPORATE THEME
======================================== */

.corporate-proposal-document{

    --primary:#1E3A8A;
    --primary-dark:#172554;
    --accent:#D4AF37;

    --bg:#F8FAFC;
    --border:#D8E1EC;

    --text:#1F2937;
    --muted:#6B7280;

}

/* ========================================
   CONTAINER
======================================== */

.corporate-proposal-document{

    max-width:1100px;
    background:#FFFFFF;

}

/* ========================================
   COVER
======================================== */

.corporate-proposal-cover{

    padding:70px 80px;
    background:#FFFFFF;
    border:1px solid var(--border);

}

.corporate-proposal-header{

    text-align:center;

}

.corporate-proposal-type{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 30px;
    background:#EFF6FF;
    color:var(--primary);
    border:1px solid #BFDBFE;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    letter-spacing:4px;
    margin:0 auto;

}

.corporate-proposal-title{

    margin:30px 0;
    color:var(--text);
    font-size:20px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:-1px;
    text-align:center;
    text-transform:uppercase;
       

}

.corporate-proposal-divider{

    width:180px;
    height:3px;
    margin:35px auto 50px;
    background:var(--primary);

}

/* ========================================
   COVER INFO
======================================== */

.corporate-proposal-cover-details{

    margin-top:55px;
    padding-top:35px;
    border-top:1px solid var(--border);

}

.corporate-proposal-cover-row{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    margin-bottom:30px;

}

.corporate-proposal-cover-row-single{

    grid-template-columns:1fr;

}

.corporate-proposal-cover-col{

    padding-bottom:16px;
    border-bottom:1px solid var(--border);

}

.corporate-proposal-cover-col span{

    display:block;
    margin-bottom:8px;
    font-size:11px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--muted);

}

.corporate-proposal-cover-col strong{

    display:block;
    font-size:16px;
    font-weight:600;
    color:var(--text);
    text-transform: uppercase;

}

.corporate-proposal-section:first-of-type{

    margin-top:40px;

}

/* ========================================
   SECTION
======================================== */

.corporate-proposal-section{

    margin-top:45px;

}

.corporate-proposal-section h2{

    margin-bottom:22px;
    padding-bottom:10px;
    border-bottom:2px solid var(--primary);
    color:var(--primary);
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;

}

.corporate-proposal-section p{

    color:var(--text);

    line-height:1.8;

}

/* ========================================
   TABLE
======================================== */

.corporate-proposal-overview-table,
.corporate-proposal-deliverables-table,
.corporate-proposal-timeline-table{

    width:100%;
    border-collapse:collapse;
    margin-top:20px;

}

.corporate-proposal-overview-table td,
.corporate-proposal-deliverables-table td,
.corporate-proposal-timeline-table td{

    padding:16px;
    border:1px solid var(--border);

}

.corporate-proposal-deliverables-table thead,
.corporate-proposal-timeline-table thead{

    background:var(--primary);

}

.corporate-proposal-deliverables-table th,
.corporate-proposal-timeline-table th{

    padding:16px;
    color:#FFFFFF;
    text-align:left;
    font-size:13px;
    letter-spacing:1px;
    text-transform:uppercase;

}
.corporate-proposal-deliverables-table th:first-child,
.corporate-proposal-deliverables-table td:first-child,
.corporate-proposal-timeline-table th:first-child,
.corporate-proposal-timeline-table td:first-child{

    
    text-align:center;
    vertical-align:middle;

}

/* ========================================
   LIST
======================================== */

.corporate-proposal-list{

    padding-left:24px;

}

.corporate-proposal-list li{

    margin-bottom:12px;
    line-height:1.8;
    color:var(--text);

}

/* ========================================
   INVESTMENT
======================================== */

.corporate-proposal-investment-card{

    padding:35px;
    border:2px solid var(--primary);
    background:#F8FAFC;
    text-align:center;

}

.corporate-proposal-investment-card span{

    display:block;
    margin-bottom:15px;
    color:var(--muted);
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;

}

.corporate-proposal-investment-card h1{

    margin:0;
    color:var(--primary);
    font-size:16px;
    font-weight:700;

}

/* ========================================
   PAYMENT
======================================== */

.corporate-proposal-payment-box{

    padding:22px;
    border-left:5px solid var(--primary);
    background:#F8FAFC;

}

/* ========================================
   ASSUMPTION
======================================== */

.corporate-proposal-assumption-box{

    padding:24px;
    border:1px solid var(--border);
    background:#FFFFFF;

}

/* ========================================
   SIGNATURE
======================================== */

.corporate-proposal-signature-section{

    margin-top:90px;

}

.corporate-proposal-signature-grid{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:50px;

}

.corporate-proposal-signature-line{

    border-top:2px solid var(--primary);
    margin-bottom:15px;

}

.corporate-proposal-signature-box{

    text-align:center;

}

.corporate-proposal-signature-box strong{

    display:block;
    margin-bottom:6px;
    color:var(--text);
    font-size:14px;
    text-transform: uppercase;
    font-weight:700;

}

.corporate-proposal-signature-box span{

    color:var(--muted);
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;

}
.corporate-proposal-acceptance-block{

    page-break-inside:avoid;
    break-inside:avoid;

}

.corporate-proposal-page-marker{

    display:flex;
    align-items:center;
    gap:14px;
    margin:28px 0;
    color:var(--primary);
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;

}

.corporate-proposal-page-marker-line{

    flex:1;
    height:2px;
    background:var(--primary);

}

.page-1-marker{

    display:none;

}

@media print{

    html,
    body{

        margin:0;
        padding:0;
        background:#fff;

    }

    .corporate-proposal-actions{

        display:none !important;

    }

    .corporate-proposal-section2,
    .corporate-proposal-section,
    .corporate-proposal-signature-section{

    page-break-inside: avoid;
    break-inside: avoid;

    }

    .corporate-proposal-header{

    page-break-inside:avoid;
    break-inside:avoid;

    }

    .corporate-proposal-page-marker{

        display:none !important;

    }
    .proposal-meta{

        gap:30px;

    }

    .corporate-proposal-title{

        font-size:16px;

    }

    .corporate-proposal-signature-grid{

        grid-template-columns:repeat(2,1fr);

        gap:50px;

    }
    .corporate-proposal-signature-section{

    margin-top:90px;

    }


}


/* ========================================
   CORPORATE PROPOSAL UI UPGRADE
======================================== */

.corporate-proposal-document {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    padding: 25px 38px 50px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow:
        0 22px 55px rgba(23, 37, 84, 0.11),
        0 3px 12px rgba(23, 37, 84, 0.04);
    box-sizing: border-box;
}

.corporate-proposal-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 17px;
    border-bottom: 1px solid var(--border);
}

.corporate-proposal-back-btn,
.corporate-proposal-edit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid var(--border);
    border-radius: 7px;
    background: #FFFFFF;
    color: var(--primary);
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
}

.corporate-proposal-back-btn {
    justify-self: start;
}

.corporate-proposal-edit-btn {
    justify-self: end;
}


/* Corporate cover */

.corporate-proposal-header {
    position: relative;
    margin: 0 0 24px;
    padding: 30px 31px 27px;
    overflow: hidden;
    border-bottom: 4px solid var(--accent);
    background: var(--primary-dark);
    color: #FFFFFF;
    text-align: left;
}

.corporate-proposal-header::before {
    position: absolute;
    top: -75px;
    right: -50px;
    width: 210px;
    height: 210px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 50%;
    content: "";
}

.corporate-proposal-type {
    position: relative;
    z-index: 1;
    padding: 0 0 6px;
    border: 0;
    border-bottom: 2px solid var(--accent);
    border-radius: 0;
    background: transparent;
    color: var(--accent);
    font-size: 7.5px;
    letter-spacing: 1.5px;
}

.corporate-proposal-title {
    position: relative;
    z-index: 1;
    max-width: 670px;
    margin: 16px 0 0;
    color: #FFFFFF;
    font-size: 21px;
    letter-spacing: 0.2px;
    line-height: 1.3;
    text-align: left;
}

.corporate-proposal-divider {
    display: none;
}

.corporate-proposal-cover-details {
    position: relative;
    z-index: 1;
    margin-top: 23px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.corporate-proposal-cover-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin-bottom: 0;
}

.corporate-proposal-cover-row + .corporate-proposal-cover-row {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.corporate-proposal-cover-row-single {
    display: none;
}

.corporate-proposal-cover-col {
    min-width: 0;
    padding: 10px 12px;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.14);
}

.corporate-proposal-cover-col:last-child {
    border-right: 0;
}

.corporate-proposal-cover-col span {
    margin-bottom: 3px;
    color: var(--border);
    font-size: 7px;
    letter-spacing: 0.7px;
}

.corporate-proposal-cover-col strong {
    color: #FFFFFF;
    font-size: 9.5px;
    overflow-wrap: anywhere;
    text-transform: uppercase;
}


/* Corporate sections */

.corporate-proposal-section {
    margin-top: 21px;
}

.corporate-proposal-section h2 {
    position: relative;
    margin: 0 0 10px;
    padding: 6px 10px 6px 14px;
    border: 0;
    border-bottom: 1px solid var(--border);
    background: var(--bg);
    color: var(--primary-dark);
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.55px;
}

.corporate-proposal-section h2::before {
    position: absolute;
    top: 0;
    bottom: -1px;
    left: 0;
    width: 4px;
    background: var(--primary);
    content: "";
}

.corporate-proposal-section p {
    margin: 0 2px 7px;
    color: var(--text);
    font-size: 9.5px;
    line-height: 1.62;
    text-align: justify;
}

.corporate-proposal-list,
.corporate-proposal-terms-list {
    margin: 7px 0;
    padding-left: 19px;
}

.corporate-proposal-list li,
.corporate-proposal-terms-list li {
    margin-bottom: 4px;
    color: var(--text);
    font-size: 9.5px;
    line-height: 1.58;
}

.corporate-proposal-list li::marker,
.corporate-proposal-terms-list li::marker {
    color: var(--primary);
}


/* Corporate tables */

.corporate-proposal-overview-table,
.corporate-proposal-deliverables-table,
.corporate-proposal-timeline-table {
    width: 100%;
    margin-top: 9px;
    border: 1px solid var(--border);
    border-collapse: collapse;
}

.corporate-proposal-overview-table td,
.corporate-proposal-deliverables-table th,
.corporate-proposal-deliverables-table td,
.corporate-proposal-timeline-table th,
.corporate-proposal-timeline-table td {
    padding: 8px 10px;
    font-size: 8.8px;
    line-height: 1.5;
}

.corporate-proposal-overview-table td:first-child {
    width: 165px;
    color: var(--primary);
    font-size: 7.5px;
    font-weight: 700;
    text-transform: uppercase;
}

.corporate-proposal-deliverables-table thead,
.corporate-proposal-timeline-table thead {
    background: var(--primary-dark);
}

.corporate-proposal-deliverables-table th,
.corporate-proposal-timeline-table th {
    color: #FFFFFF;
    font-size: 7.5px;
}


/* Corporate boxes */

.corporate-proposal-investment-intro {
    margin-bottom: 10px;
}

.corporate-proposal-investment-card {
    padding: 20px 24px;
    border: 0;
    border-bottom: 4px solid var(--accent);
    background: var(--primary-dark);
    color: #FFFFFF;
    text-align: center;
}

.corporate-proposal-investment-card span {
    margin-bottom: 8px;
    color: var(--border);
    font-size: 7.5px;
}

.corporate-proposal-investment-card h1 {
    color: #FFFFFF;
    font-size: 17px;
}

.corporate-proposal-investment-card small {
    margin-top: 8px;
    color: var(--border);
    font-size: 8px;
}

.corporate-proposal-payment-box,
.corporate-proposal-assumption-box {
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-left: 3px solid var(--primary);
    background: var(--bg);
}

.corporate-proposal-payment-box p {
    margin: 0;
}


/* Corporate signature */

.corporate-proposal-acceptance-block {
    margin-top: 21px;
}

.corporate-proposal-signature-section {
    margin-top: 28px;
    page-break-inside: avoid;
    break-inside: avoid;
}

.corporate-proposal-signature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px;
}

.corporate-proposal-signature-line {
    margin: 42px 0 9px;
    border-top: 2px solid var(--accent);
}

.corporate-proposal-signature-box strong {
    display: block;
    margin-bottom: 3px;
    color: var(--text);
    font-size: 9px;
    text-transform: uppercase;
}

.corporate-proposal-signature-box span {
    color: var(--muted);
    font-size: 7px;
    letter-spacing: 0.65px;
}


/* Corporate marker */

.corporate-proposal-page-marker {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 18px 0;
    color: var(--primary);
    font-size: 8px;
    font-weight: 700;
}

.corporate-proposal-page-marker-line {
    flex: 1;
    height: 1px;
    background: var(--accent);
}


@media screen and (max-width: 600px) {

    .corporate-proposal-document {
        padding: 18px 14px 34px;
        border-radius: 7px;
    }

    .corporate-proposal-back-btn,
    .corporate-proposal-edit-btn {
        justify-self: stretch;
        width: 100%;
        box-sizing: border-box;
    }

    .corporate-proposal-header {
        padding: 24px 18px 21px;
    }

    .corporate-proposal-title {
        font-size: 17px;
    }

    .corporate-proposal-cover-row {
        grid-template-columns: 1fr;
    }

    .corporate-proposal-cover-col {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    }

    .corporate-proposal-overview-table,
    .corporate-proposal-deliverables-table,
    .corporate-proposal-timeline-table {
        display: block;
        overflow-x: auto;
    }

    .corporate-proposal-signature-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

}


@media print {

    .corporate-proposal-document {
        width: auto;
        max-width: none;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .corporate-proposal-actions,
    .corporate-proposal-page-marker {
        display: none !important;
    }

    .corporate-proposal-header,
    .corporate-proposal-section,
    .corporate-proposal-signature-section {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .corporate-proposal-header,
    .corporate-proposal-section h2,
    .corporate-proposal-investment-card {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .corporate-proposal-title {
        font-size: 18px;
    }

    .corporate-proposal-signature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

/* ========================================
   MINIMALIST PROPOSAL
   Dedicated classes — not shared
======================================== */

/* ========================================
   CONTAINER
======================================== */

.minimal-proposal-document{

    max-width:1100px;
    

}
.minimal-proposal-header{
    margin-bottom:0px;
}
.minimal-proposal-section{

    margin-top:24px;
    margin-bottom:0 !important;

}

.minimal-proposal-section h2{

    margin:0 0 16px 0;
    font-size:16px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#31468D;
    text-align:left;

}

.minimal-proposal-header h1,
.minimal-proposal-header .minimal-proposal-type{

    text-align:center;

}

.minimal-proposal-section h2{

    font-size:14px;

    margin-bottom:15px;

    color:#31468D;
    text-transform:uppercase;

    text-align:center;

}
.minimal-proposal-header{

    padding-top:15px;
    text-align:center;

}

.minimal-proposal-type{

    font-size:14px;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#31468D;
    font-weight:600;

}

.minimal-proposal-title {
    max-width: 680px;
    margin: 14px 0 17px;
    color: #111827;
    font-size: 21px;
    letter-spacing: -0.2px;
    line-height: 1.3;
    text-align: left;
    padding-bottom: 20px;
}

.minimal-proposal-divider{

    width:120px;
    height:2px;
    background:#31468D;
    margin:20px auto;
    display: none;

}

.minimal-proposal-meta{

    display:flex;
    justify-content:center;
    gap:120px;
    margin-bottom:14px;
    flex-wrap:wrap;

}

.minimal-proposal-meta-block{

    min-width:220px;

}

.minimal-proposal-meta-block span{

    display:block;
    margin-bottom:8px;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#9CA3AF;

}

.minimal-proposal-meta-block strong{

    font-size:16px;
    color:#111827;
    font-weight:600;
    text-transform: uppercase;

}


.minimal-proposal-overview-table{

    width:100%;
    border-collapse:collapse;
    margin-top:15px;

}

.minimal-proposal-overview-table tr{

    border-bottom:1px solid #E5E7EB;

}

.minimal-proposal-overview-table td{

    padding:14px 6px;
    vertical-align:top;

}

.minimal-proposal-overview-table td:first-child{

    width:220px;
    font-weight:600;
    color:#6B7280;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:1px;

}

.minimal-proposal-overview-table td:last-child{

    color:#111827;

    font-weight:500;

}

.minimal-proposal-list{

    list-style:decimal;
    padding-left:24px;
    margin:12px 0;

}

.minimal-proposal-list li{

    padding-left:0;
    margin-bottom:10px;
    line-height:1.7;

}

.minimal-proposal-deliverables-table,
.minimal-proposal-timeline-table{

    width:100%;
    border-collapse:collapse;
    margin-top:25px;

}

.minimal-proposal-deliverables-table th,
.minimal-proposal-timeline-table th{

    background:#F8FAFC;
    color:#31468D;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:1px;
    padding:14px;
    text-align:left;

}

.minimal-proposal-deliverables-table td,
.minimal-proposal-timeline-table td{

    padding:16px 14px;
    border-bottom:1px solid #E5E7EB;
    vertical-align:top;

}

.minimal-proposal-deliverables-table tbody tr:hover,
.minimal-proposal-timeline-table tbody tr:hover{

    background:#FAFAFA;

}
.minimal-proposal-deliverables-table th:first-child,
.minimal-proposal-deliverables-table td:first-child,
.minimal-proposal-timeline-table th:first-child,
.minimal-proposal-timeline-table td:first-child{
    
    text-align:center;
    vertical-align:middle;

}

.minimal-proposal-investment-intro{

    margin-bottom:35px;

}

.minimal-proposal-investment-card{

    padding:20px;
    border:2px solid #31468D;
    border-radius:14px;
    text-align:center;

}

.minimal-proposal-investment-card span{

    display:block;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#6B7280;
    margin-bottom:18px;

}

.minimal-proposal-investment-card h1{

    font-size:16px;
    color:#31468D;
    font-weight:700;

}

.minimal-proposal-investment-card small{

    display:block;
    margin-top:15px;
    color:#6B7280;

}

.minimal-proposal-terms-list{

    margin-top:15px;
    padding-left:22px;

}

.minimal-proposal-terms-list li{

    margin-bottom:14px;
    line-height:1.8;
    color:#374151;

}

.acceptance-section{

    margin-top:30px;

}


.minimal-proposal-signature-section{

    break-inside:avoid;
    page-break-inside:avoid;

}
.minimal-proposal-signature-grid{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:80px;
    margin-top:90px;

}

.minimal-proposal-signature-box{

    text-align:center;

}

.minimal-proposal-signature-line{

    border-top:2px solid #374151;
    margin-bottom:16px;

}

.minimal-proposal-signature-box strong{

    display:block;
    font-size:14px;
    margin-bottom:8px;
    text-transform: uppercase;

}

.minimal-proposal-signature-box span{

    color:#6B7280;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:12px;

}

@media (max-width:768px){

    .minimal-proposal-signature-grid{

        grid-template-columns:1fr;

        gap:50px;

    }

}

.minimal-proposal-page-marker{

    display:flex;
    align-items:center;
    gap:12px;
    margin:20px 0;
    color:#9CA3AF;
    font-size:12px;
    font-weight:600;

}

.minimal-proposal-page-marker-line{

    flex:1;
    height:1px;
    background:#D1D5DB;

}

.page-1-marker{

    display:none;

}

@media print{

    html,
    body{

        margin:0;
        padding:0;
        background:#fff;

    }

    .minimal-proposal-actions{

        display:none !important;

    }

    .minimal-proposal-header,
    .minimal-proposal-section,
    .minimal-proposal-section,
    .minimal-proposal-signature-section{

    page-break-inside: avoid;
    break-inside: avoid;

    }

    .minimal-proposal-page-marker{

        display:none !important;

    }

}

/* ========================================
   MINIMALIST PROPOSAL UI UPGRADE
======================================== */

.minimal-proposal-document {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    padding: 25px 40px 50px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow:
        0 20px 48px rgba(17, 24, 39, 0.08),
        0 3px 10px rgba(17, 24, 39, 0.03);
    box-sizing: border-box;
}

.minimal-proposal-actions {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
    padding-bottom: 17px;
    border-bottom: 1px solid #E5E7EB;
}

.minimal-proposal-back-btn,
.minimal-proposal-edit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid #E5E7EB;
    border-radius: 7px;
    background: #FFFFFF;
    color: #31468D;
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
}

.minimal-proposal-back-btn {
    justify-self: start;
}

.minimal-proposal-edit-btn {
    justify-self: end;
}

.minimal-proposal-document-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
}

.minimal-proposal-document-label > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    border: 1px solid #E5E7EB;
    border-radius: 7px;
    background: #F8FAFC;
    color: #31468D;
}

.minimal-proposal-document-label strong {
    display: block;
    color: #111827;
    font-size: 10px;
}

.minimal-proposal-document-label small {
    display: block;
    color: #9CA3AF;
    font-size: 7px;
}


/* Minimalist cover */

.minimal-proposal-header {
    position: relative;
    margin: 0 0 22px;
    padding: 26px 28px 24px;
    border: 1px solid #E5E7EB;
    border-top: 4px solid #31468D;
    background: #FFFFFF;
    text-align: left;
}

.minimal-proposal-type {
    display: inline-block;
    color: #31468D;
    font-size: 7.5px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.minimal-proposal-title {
    max-width: 680px;
    margin: 14px 0 0;
    color: #111827;
    font-size: 21px;
    letter-spacing: -0.2px;
    line-height: 1.3;
    text-align: left;
}

.minimal-proposal-divider {
    width: 42px;
    height: 2px;
    margin: 13px 0 17px;
    background: #31468D;
}

.minimal-proposal-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    border-top: 1px solid #E5E7EB;
}

.minimal-proposal-meta:last-of-type {
    grid-template-columns: 1fr;
}

.minimal-proposal-meta-block {
    min-width: 0;
    padding: 10px 12px;
    border-right: 1px solid #E5E7EB;
}

.minimal-proposal-meta-block:last-child {
    border-right: 0;
}

.minimal-proposal-meta-block span {
    margin-bottom: 3px;
    color: #6B7280;
    font-size: 7px;
    letter-spacing: 0.65px;
}

.minimal-proposal-meta-block strong {
    color: #111827;
    font-size: 9.5px;
    font-weight: 700;
    overflow-wrap: anywhere;
    text-transform: uppercase;
}

/* Minimalist sections */

.minimal-proposal-section {
    margin-top: 20px;
}

.minimal-proposal-section h2 {
    position: relative;
    margin: 0 0 10px;
    padding: 6px 10px 6px 14px;
    border: 0;
    border-bottom: 1px solid #E5E7EB;
    background: #F8FAFC;
    color: #31468D;
    font-size: 9.5px;
    font-weight: 750;
    letter-spacing: 0.45px;
}

.minimal-proposal-section h2::before {
    position: absolute;
    top: 0;
    bottom: -1px;
    left: 0;
    width: 3px;
    background: #31468D;
    content: "";
}

.minimal-proposal-section p {
    margin: 0 2px 7px;
    color: #111827;
    font-size: 9.5px;
    line-height: 1.62;
    text-align: justify;
}

.minimal-proposal-list,
.minimal-proposal-terms-list {
    margin: 7px 0;
    padding-left: 19px;
}

.minimal-proposal-list li,
.minimal-proposal-terms-list li {
    margin-bottom: 4px;
    color: #111827;
    font-size: 9.5px;
    line-height: 1.58;
}

.minimal-proposal-list li::marker,
.minimal-proposal-terms-list li::marker {
    color: #31468D;
}


/* Minimalist tables */

.minimal-proposal-overview-table,
.minimal-proposal-deliverables-table,
.minimal-proposal-timeline-table {
    width: 100%;
    margin-top: 9px;
    border: 1px solid #E5E7EB;
    border-collapse: collapse;
}

.minimal-proposal-overview-table td,
.minimal-proposal-deliverables-table th,
.minimal-proposal-deliverables-table td,
.minimal-proposal-timeline-table th,
.minimal-proposal-timeline-table td {
    padding: 8px 10px;
    border: 1px solid #E5E7EB;
    font-size: 8.8px;
    line-height: 1.5;
}

.minimal-proposal-overview-table td:first-child {
    width: 165px;
    color: #6B7280;
    font-size: 7.5px;
    font-weight: 700;
    text-transform: uppercase;
}

.minimal-proposal-deliverables-table thead,
.minimal-proposal-timeline-table thead {
    background: #F8FAFC;
}

.minimal-proposal-deliverables-table th,
.minimal-proposal-timeline-table th {
    color: #31468D;
    font-size: 7.5px;
    letter-spacing: 0.5px;
}

/* Minimalist investment */

.minimal-proposal-investment-intro {
    margin-bottom: 10px;
}

.minimal-proposal-investment-card {
    padding: 19px 22px;
    border: 2px solid #31468D;
    border-radius: 5px;
    background: #FFFFFF;
    text-align: center;
}

.minimal-proposal-investment-card span {
    margin-bottom: 7px;
    color: #6B7280;
    font-size: 7.5px;
}

.minimal-proposal-investment-card h1 {
    color: #111827;
    font-size: 17px;
}

.minimal-proposal-investment-card small {
    margin-top: 7px;
    color: #6B7280;
    font-size: 8px;
}


/* Minimalist signature */

.minimal-proposal-signature-section {
    margin-top: 27px;
    page-break-inside: avoid;
    break-inside: avoid;
}

.minimal-proposal-signature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.minimal-proposal-signature-box {
    padding: 13px 15px;
    border: 1px solid #E5E7EB;
}

.minimal-proposal-signature-line {
    margin: 42px 0 9px;
    border-top: 2px solid #31468D;
}

.minimal-proposal-signature-box strong {
    display: block;
    margin-bottom: 3px;
    color: #111827;
    font-size: 9px;
    text-transform: uppercase;
}

.minimal-proposal-signature-box span {
    color: #6B7280;
    font-size: 7px;
    letter-spacing: 0.65px;
}

/* Minimalist marker */

.minimal-proposal-page-marker {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 18px 0;
    color: #31468D;
    font-size: 8px;
    font-weight: 700;
}

.minimal-proposal-page-marker-line {
    flex: 1;
    height: 1px;
    background: #31468D;
}


@media screen and (max-width: 600px) {

    .minimal-proposal-document {
        padding: 18px 14px 34px;
        border-radius: 6px;
    }

    .minimal-proposal-actions {
        grid-template-columns: 1fr 1fr;
    }

    .minimal-proposal-document-label {
        display: none;
    }

    .minimal-proposal-back-btn,
    .minimal-proposal-edit-btn {
        justify-self: stretch;
        width: 100%;
        box-sizing: border-box;
    }

    .minimal-proposal-header {
        padding: 22px 17px 20px;
    }

    .minimal-proposal-title {
        font-size: 17px;
    }

    .minimal-proposal-meta {
        grid-template-columns: 1fr;
    }

    .minimal-proposal-meta-block {
        border-right: 0;
        border-bottom: 1px solid #E5E7EB;
    }

    .minimal-proposal-overview-table,
    .minimal-proposal-deliverables-table,
    .minimal-proposal-timeline-table {
        display: block;
        overflow-x: auto;
    }

    .minimal-proposal-signature-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

}


@media print {

    .minimal-proposal-document {
        width: auto;
        max-width: none;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .minimal-proposal-actions,
    .minimal-proposal-page-marker {
        display: none !important;
    }

    .minimal-proposal-header,
    .minimal-proposal-section,
    .minimal-proposal-signature-section {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .minimal-proposal-section h2 {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .minimal-proposal-title {
        font-size: 18px;
    }

    .minimal-proposal-signature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}