.commercial-page{padding:28px 0 64px}
.commercial-hero{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}
.commercial-hero h1{margin:0 0 8px}
.commercial-muted{color:#65705f}
.commercial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.commercial-card{background:#fff;border:1px solid #dde2d9;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(30,45,25,.06)}
.commercial-card-media{aspect-ratio:4/3;background:#eef1eb;display:grid;place-items:center;overflow:hidden}
.commercial-card-media img,.commercial-card-media video{width:100%;height:100%;object-fit:cover}
.commercial-card-body{padding:16px}
.commercial-card h2,.commercial-card h3{margin:0 0 8px}
.commercial-price{font-size:1.25rem;font-weight:800}
.commercial-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.commercial-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:12px;padding:10px 14px;background:#2f3a25;color:#fff;text-decoration:none;cursor:pointer;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease;box-shadow:0 10px 24px rgba(47,58,37,.18)}
.commercial-btn:hover{background:#38492a;transform:translateY(-1px)}
.commercial-btn.secondary{background:#eef1eb;color:#2f3a25;box-shadow:none}
.commercial-btn.danger{background:#8b2e2e}
.commercial-form{background:#fff;border:1px solid #dde2d9;border-radius:18px;padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;box-shadow:0 12px 30px rgba(30,45,25,.08)}
.commercial-form label{display:grid;gap:6px}
.commercial-form .wide{grid-column:1/-1}
.commercial-form input,.commercial-form textarea,.commercial-form select{width:100%;border:1px solid #cfd6ca;border-radius:12px;padding:10px 12px;background:#fff;color:#20311f;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.commercial-form input:focus,.commercial-form textarea:focus,.commercial-form select:focus{outline:none;border-color:#879978;box-shadow:0 0 0 3px rgba(108,136,92,.18)}
.commercial-alert{padding:14px 16px;border-radius:14px;margin:12px 0;border:1px solid transparent}
.commercial-alert h1,.commercial-alert h2,.commercial-alert h3,.commercial-alert p{margin:0}
.commercial-alert p + p{margin-top:8px}
.commercial-alert.ok{background:#eaf5e5;border-color:#c5debc;color:#20411f}
.commercial-alert.err{background:#fdebea;border-color:#efc3c1;color:#7b1e1e}
.commercial-alert.info{background:#edf4ea;border-color:#cedbc8;color:#264127}
.commercial-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}
.commercial-table th,.commercial-table td{padding:10px;border-bottom:1px solid #ecefe9;text-align:right;vertical-align:top}
.public-gallery-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.public-gallery-media img,.public-gallery-media video{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}
.market-type{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef1eb;font-size:.82rem}
.commercial-empty{padding:36px;text-align:center;background:#f7f8f5;border-radius:18px}
.gallery-public-box{border-top:1px solid #e4e8e1;margin-top:14px;padding-top:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.gallery-public-box input{max-width:220px;border:1px solid #cfd6ca;border-radius:10px;padding:8px}
.execution-cta{background:#f0f5eb!important;color:#24321f!important;font-weight:700!important}

html[data-theme="dark"] .commercial-card,
html[data-theme="dark"] .commercial-form,
html[data-theme="dark"] .commercial-table,
html[data-theme="dark"] .commercial-empty{
    background:rgba(8,20,10,.88);
    border-color:rgba(139,163,122,.24);
    box-shadow:0 16px 36px rgba(0,0,0,.28);
}
html[data-theme="dark"] .commercial-card-media{background:rgba(14,27,15,.92)}
html[data-theme="dark"] .commercial-form input,
html[data-theme="dark"] .commercial-form textarea,
html[data-theme="dark"] .commercial-form select,
html[data-theme="dark"] .gallery-public-box input{
    background:#061108;
    color:#eef5ea;
    border-color:rgba(143,168,126,.28);
}
html[data-theme="dark"] .commercial-form input:focus,
html[data-theme="dark"] .commercial-form textarea:focus,
html[data-theme="dark"] .commercial-form select:focus,
html[data-theme="dark"] .gallery-public-box input:focus{
    border-color:#88a06e;
    box-shadow:0 0 0 3px rgba(126,164,95,.22);
}
html[data-theme="dark"] .commercial-alert.ok{background:#112217;border-color:#2d6940;color:#d8f4dc}
html[data-theme="dark"] .commercial-alert.err{background:#341716;border-color:#7a3f3c;color:#ffe1dc}
html[data-theme="dark"] .commercial-alert.info{background:#142318;border-color:#3d5c44;color:#deefe0}
html[data-theme="dark"] .commercial-muted{color:#b8c6b0}
html[data-theme="dark"] .commercial-table th,
html[data-theme="dark"] .commercial-table td{border-bottom-color:rgba(139,163,122,.18)}
html[data-theme="dark"] .market-type{background:rgba(157,180,141,.15);color:#ebf3e6}
html[data-theme="dark"] .execution-cta{background:#1b2b1d!important;color:#edf6ea!important}

@media(max-width:900px){.commercial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.commercial-grid,.commercial-form{grid-template-columns:1fr}.commercial-hero{align-items:start;flex-direction:column}.commercial-page{padding-top:18px}.commercial-card{border-radius:14px}.commercial-form{padding:14px}.commercial-table{display:block;overflow-x:auto}}


/* 32DL — commercial alerts + deferred execution payment */
.commercial-alert {
    border: 1px solid transparent;
    font-weight: 700;
    line-height: 1.75;
}
.commercial-alert.err {
    background: #fff1f1;
    color: #7f1d1d;
    border-color: #efb9b9;
}
.commercial-alert.ok {
    background: #edf7e9;
    color: #244b1f;
    border-color: #b8d9ad;
}
.commercial-alert.info {
    background: #f7f2df;
    color: #4d4322;
    border-color: #ded0a0;
}
.execution-status-card,
.execution-pay-box {
    border: 1px solid rgba(78, 92, 64, .18);
    border-radius: 18px;
    background: #fff;
    color: #24301f;
    box-shadow: 0 12px 32px rgba(29, 39, 24, .07);
}
.execution-status-card {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(260px, .8fr);
    gap: 24px;
    padding: 22px;
}
.execution-status-card h2 { margin: 5px 0 8px; }
.execution-status-card p { margin: 0; color: #687064; }
.execution-status-kicker { color: #9a7a2f; font-size: .8rem; font-weight: 900; }
.execution-status-meta { display:grid; grid-template-columns:auto 1fr; gap:8px 12px; align-content:start; }
.execution-status-meta span { color:#747c70; }
.execution-status-meta strong { overflow-wrap:anywhere; }
.execution-pay-box {
    margin-top: 14px;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}
.execution-pay-box > div { display:grid; gap:4px; }
.execution-pay-box span { color:#687064; }
.execution-success-card h1 { color: inherit; margin-bottom: 8px; }

html[data-theme="dark"] .commercial-alert.err {
    background: #351a1b !important;
    color: #ffd7d7 !important;
    border-color: #703739 !important;
}
html[data-theme="dark"] .commercial-alert.ok {
    background: #172b18 !important;
    color: #dff4d8 !important;
    border-color: #385f39 !important;
}
html[data-theme="dark"] .commercial-alert.info {
    background: #2d2919 !important;
    color: #f1dfab !important;
    border-color: #665b32 !important;
}
html[data-theme="dark"] .execution-status-card,
html[data-theme="dark"] .execution-pay-box {
    background: #171f14 !important;
    color: #f4f1e8 !important;
    border-color: rgba(221,194,113,.2) !important;
    box-shadow: 0 14px 36px rgba(0,0,0,.22) !important;
}
html[data-theme="dark"] .execution-status-card p,
html[data-theme="dark"] .execution-status-meta span,
html[data-theme="dark"] .execution-pay-box span {
    color: #bcc5b5 !important;
}
html[data-theme="dark"] .execution-status-kicker { color:#e1c27a !important; }

/* Bootstrap-style messages anywhere inside commercial pages should stay readable in both themes. */
html[data-theme="dark"] .commercial-page :is(.alert-danger,.text-bg-danger) {
    background:#351a1b !important; color:#ffd7d7 !important; border-color:#703739 !important;
}
html[data-theme="dark"] .commercial-page :is(.alert-success,.text-bg-success) {
    background:#172b18 !important; color:#dff4d8 !important; border-color:#385f39 !important;
}
html[data-theme="dark"] .commercial-page :is(.alert-warning,.text-bg-warning) {
    background:#2d2919 !important; color:#f1dfab !important; border-color:#665b32 !important;
}
html[data-theme="dark"] .commercial-page :is(.alert-info,.text-bg-info) {
    background:#17282d !important; color:#d4eef3 !important; border-color:#31535c !important;
}
@media(max-width:700px){
    .execution-status-card{grid-template-columns:1fr}
    .execution-pay-box{align-items:stretch;flex-direction:column}
    .execution-pay-box .commercial-btn{width:100%}
}