/*
 * Dimensiunile UI Polish Pass — v34.1.0
 * Exclusiv prezentare. Nu schimbă logica, datele, plățile sau permisiunile.
 */

:root{
    --d34-ink:#13241f;
    --d34-ink-2:#29453c;
    --d34-muted:#64766f;
    --d34-muted-2:#7b8a85;
    --d34-green:#174f41;
    --d34-green-2:#2f7964;
    --d34-green-soft:#eaf4ef;
    --d34-line:rgba(17,62,51,.10);
    --d34-surface:rgba(255,255,255,.88);
    --d34-surface-solid:#fff;
    --d34-shadow:0 16px 48px rgba(18,55,46,.065);
    --d34-shadow-float:0 20px 60px rgba(13,47,38,.16);
    --d34-radius:22px;
}

/* --------------------------------
   1. Global readability & rhythm
--------------------------------- */
.sal11-bridge,
.sal29-standalone,
.sal11-admin-shell,
.sal11-liquidity-page{
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

.sal11-admin-main,
.sal11-liquidity-shell{
    color:var(--d34-ink);
}

.sal11-admin-panel p,
.sal11-admin-panel li,
.sal11-admin-panel label,
.sal11-admin-panel small,
.sal11-liquidity-page p,
.sal11-liquidity-page small{
    text-wrap:pretty;
}

.sal11-admin-panel>p,
.sal11-liquidity-head p,
.sal11-view-head p{
    color:var(--d34-muted)!important;
    line-height:1.65!important;
}

.sal11-admin-top span,
.sal11-admin-panel>header span,
.sal11-admin-panel>span,
.sal31-comms-hero span,
.sal31-notification-hero span,
.sal33-course-card dt{
    font-size:10px!important;
    line-height:1.2!important;
    letter-spacing:.12em!important;
}

/* --------------------------------
   2. Admin panels — cleaner/business
--------------------------------- */
.sal11-admin-panel{
    border:1px solid var(--d34-line)!important;
    background:var(--d34-surface)!important;
    box-shadow:var(--d34-shadow)!important;
}

.sal11-admin-panel.is-dark{
    background:linear-gradient(145deg,#123e33,#1d5546)!important;
    border-color:rgba(255,255,255,.08)!important;
}

.sal11-admin-panel>header{
    gap:16px!important;
}

.sal11-admin-panel>header h2{
    color:var(--d34-ink)!important;
    line-height:1!important;
}

.sal11-admin-panel.is-dark>header h2,
.sal11-admin-panel.is-dark h2,
.sal11-admin-panel.is-dark h3,
.sal11-admin-panel.is-dark strong{
    color:#fff!important;
}

.sal11-admin-panel>header>a,
.sal30-text-action{
    min-height:38px;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 13px!important;
    border-radius:11px!important;
    background:var(--d34-green-soft)!important;
    color:#1d5d4c!important;
    font-size:11px!important;
    font-weight:800!important;
    text-decoration:none!important;
}

.sal11-inbox>a,
.sal11-audit-list article{
    min-height:56px;
    padding:13px 0!important;
}

.sal11-inbox>a:hover{
    background:rgba(234,244,239,.48);
}

.sal11-inbox span,
.sal11-audit-list span{
    font-size:12px!important;
    line-height:1.4!important;
}

.sal11-inbox time,
.sal11-audit-list time{
    font-size:10px!important;
}

/* Compact action tiles */
.sal11-quick-grid{
    gap:8px!important;
}
.sal11-quick-grid a{
    min-height:116px!important;
    padding:17px!important;
    border:1px solid rgba(17,62,51,.06);
    transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.sal11-quick-grid a:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(17,62,51,.08);
    background:#eef6f2;
}
.sal11-quick-grid span{
    font-size:13px!important;
    line-height:1.25!important;
}

/* --------------------------------
   3. Forms — business / usable
--------------------------------- */
.sal11-admin-main input:not([type="checkbox"]):not([type="radio"]),
.sal11-admin-main select,
.sal11-admin-main textarea,
.sal30-delivery-layout input:not([type="checkbox"]):not([type="radio"]),
.sal30-delivery-layout select,
.sal30-delivery-layout textarea{
    min-height:42px;
    border:1px solid rgba(17,62,51,.13)!important;
    border-radius:11px!important;
    background:#fff!important;
    color:var(--d34-ink)!important;
    box-shadow:none!important;
    font-size:13px!important;
    line-height:1.4!important;
}

.sal11-admin-main textarea,
.sal30-delivery-layout textarea{
    min-height:104px;
    padding:12px 13px!important;
}

.sal11-admin-main input::placeholder,
.sal11-admin-main textarea::placeholder{
    color:#94a09c!important;
    opacity:1!important;
}

.sal11-admin-main input:focus,
.sal11-admin-main select:focus,
.sal11-admin-main textarea:focus{
    outline:3px solid rgba(64,130,109,.12)!important;
    border-color:rgba(45,116,94,.48)!important;
}

.sal11-admin-main label{
    color:#314e45!important;
    font-size:11px!important;
    font-weight:750!important;
    line-height:1.35!important;
}

/* Buttons */
.sal11-admin-main button,
.sal11-admin-main .button,
.sal33-course-card footer a,
.sal33-edition-actions a{
    font-size:11px!important;
    font-weight:800!important;
}

.sal11-admin-main button:not(.is-danger):not([aria-pressed="true"]),
.sal11-admin-main .button{
    border-radius:11px!important;
}

/* --------------------------------
   4. Tables / CRM density
--------------------------------- */
.sal27-toolbar{
    border:1px solid var(--d34-line);
    background:rgba(255,255,255,.94)!important;
    backdrop-filter:blur(14px);
}

.sal27-crm-table{
    border-collapse:separate!important;
    border-spacing:0!important;
}

.sal27-crm-table th{
    color:#527168!important;
    font-size:9px!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
    background:#f4f8f6!important;
}

.sal27-crm-table td{
    color:var(--d34-ink)!important;
    font-size:12px!important;
    line-height:1.35!important;
}

.sal27-crm-table tbody tr:hover td{
    background:#f7fbf9!important;
}

/* --------------------------------
   5. Courses / editions
--------------------------------- */
.sal33-course-card{
    min-height:300px!important;
    padding:20px!important;
    border:1px solid var(--d34-line)!important;
    box-shadow:var(--d34-shadow)!important;
}
.sal33-course-card>div{
    margin:32px 0 20px!important;
}
.sal33-course-card h3{
    font-size:27px!important;
}
.sal33-course-card p{
    font-size:12px!important;
    line-height:1.6!important;
    color:var(--d34-muted)!important;
}
.sal33-course-card dl div{
    background:#f0f6f3!important;
    border:1px solid rgba(17,62,51,.04);
}
.sal33-course-card dt{
    color:#657a73!important;
}
.sal33-course-card dd{
    font-size:13px!important;
}

.sal33-editions-panel,
.sal33-edition-list,
.sal33-edition-row,
.sal33-edition-actions{
    overflow:visible!important;
}

.sal33-edition-row{
    min-height:88px;
    padding:14px 10px!important;
    margin:0 -10px;
    border-radius:14px;
    transition:background .15s ease;
}
.sal33-edition-row:hover{
    background:#f7faf8;
}
.sal33-edition-row.is-default{
    background:#eef7f2!important;
}
.sal33-edition-date{
    min-height:62px!important;
    border:1px solid rgba(17,62,51,.05);
}
.sal33-edition-date strong{
    font-size:24px!important;
}
.sal33-edition-copy h3{
    font-size:17px!important;
}
.sal33-edition-copy p{
    font-size:11px!important;
    color:#60726b!important;
}
.sal33-edition-offers span,
.sal33-edition-health span:not(.sal26-badge){
    font-size:10px!important;
    line-height:1.45!important;
}

/* Edition menu: reliable floating layer */
.sal33-edition-row:has(.sal33-edition-actions details[open]){
    position:relative;
    z-index:900!important;
}
.sal33-edition-actions details{
    position:relative!important;
}
.sal33-edition-actions details[open]{
    z-index:950!important;
}
.sal33-edition-actions summary{
    min-width:38px!important;
    min-height:38px!important;
    border:1px solid rgba(17,62,51,.06);
    transition:background .15s ease,transform .15s ease;
}
.sal33-edition-actions summary:hover{
    background:#e3f0ea!important;
    transform:translateY(-1px);
}
.sal33-edition-actions details:not(:has(a)):not(:has(button)):not(:has(form)){
    display:none!important;
}
.sal33-edition-actions details>div{
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    z-index:1000!important;
    width:max-content!important;
    min-width:210px!important;
    max-width:min(280px,calc(100vw - 30px))!important;
    padding:7px!important;
    border:1px solid rgba(17,62,51,.11)!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:var(--d34-shadow-float)!important;
    color:var(--d34-ink)!important;
}
.sal33-edition-actions details>div a,
.sal33-edition-actions details>div button{
    width:100%!important;
    min-height:38px!important;
    justify-content:flex-start!important;
    padding:0 11px!important;
    border:0!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#194c3f!important;
    white-space:nowrap!important;
    text-align:left!important;
}
.sal33-edition-actions details>div a:hover,
.sal33-edition-actions details>div button:hover{
    background:#edf5f1!important;
}
.sal33-edition-actions details>div .is-danger,
.sal33-edition-actions details>div [data-danger]{
    color:#9d3932!important;
}
.sal33-edition-actions details>div .is-danger:hover,
.sal33-edition-actions details>div [data-danger]:hover{
    background:#fff0ef!important;
}

/* Status badges stronger */
.sal26-badge{
    min-height:26px;
    align-items:center;
    font-size:9px!important;
    letter-spacing:.055em!important;
}

/* --------------------------------
   6. Liquidity Flow — legibility
--------------------------------- */
.sal11-liquidity-page{
    color:#111b17!important;
}
.sal11-liquidity-head>div>span,
.sal11-view-head span,
.sal11-control-deck>div>div:first-child>span,
.sal11-instruments-panel header span,
.sal11-flow-readout>div>span,
.sal11-flow-method>article>span,
.sal11-earth-hero>div>span,
.sal11-earth-grid>article>span,
.sal11-evidence-grid>article>span,
.sal11-sector-selected>span{
    font-size:10px!important;
    line-height:1.25!important;
    letter-spacing:.14em!important;
    color:#58716a!important;
}
.sal11-liquidity-head p{
    font-size:16px!important;
    color:#5d6b66!important;
}

/* Macro stage */
.sal11-macro-stage{
    border-color:rgba(17,62,51,.07)!important;
}
.sal11-macro-stage path{
    stroke:rgba(49,112,92,.20)!important;
}
.sal11-macro-stage path.is-hot{
    stroke:#6a57e4!important;
}

/* Capital nodes: enlarge information, not circles drastically */
.sal11-capital-node{
    color:#173e34!important;
}
.sal11-capital-node>span,
.sal11-capital-node small{
    color:#647872!important;
}
.sal11-capital-node b{
    color:#2d755f!important;
}
.sal11-capital-node strong{
    color:#173e34!important;
}

/* Instruments panel: light surface must use dark text */
.sal11-instruments-panel{
    color:#111c18!important;
    border:1px solid rgba(17,62,51,.06)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(231,241,236,.84))!important;
    box-shadow:0 20px 60px rgba(17,62,51,.07)!important;
}
.sal11-instruments-panel header span{
    color:#39725f!important;
}
.sal11-instruments-panel header h3{
    color:#111c18!important;
}
.sal11-instruments-panel header p{
    color:#5c6f68!important;
    font-size:13px!important;
    line-height:1.55!important;
}
.sal11-instrument-grid{
    gap:10px!important;
}
.sal11-instrument-grid article{
    min-height:154px!important;
    padding:17px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.82)!important;
    border:1px solid rgba(17,62,51,.075)!important;
    color:#173e34!important;
    box-shadow:0 8px 24px rgba(17,62,51,.035);
}
.sal11-instrument-grid article>span{
    color:#657972!important;
    font-size:9px!important;
    line-height:1.25!important;
}
.sal11-instrument-grid b{
    margin:18px 0 5px!important;
    color:#24634f!important;
    font-size:19px!important;
}
.sal11-instrument-grid i{
    color:#376e5c!important;
    font-size:13px!important;
    line-height:1.35!important;
}
.sal11-instrument-grid small{
    margin-top:auto!important;
    color:#677b74!important;
    font-size:10px!important;
    line-height:1.45!important;
}

/* Earth / sector surfaces */
.sal11-earth-hero,
.sal11-sector-overview,
.sal11-sector-drilldown>header{
    color:#14251f!important;
}
.sal11-earth-hero p,
.sal11-sector-overview p,
.sal11-sector-drilldown p{
    color:#60716b!important;
}
.sal11-earth-grid>article,
.sal11-evidence-grid>article,
.sal11-sector-companies a{
    color:#173e34!important;
    border:1px solid rgba(17,62,51,.06)!important;
}
.sal11-earth-grid>article small,
.sal11-evidence-grid>article small,
.sal11-sector-companies a small{
    color:#6b7b76!important;
}

/* Evidence / "selected-only-visible" bug */
.sal11-evidence-grid article,
.sal11-evidence-grid article *,
.sal11-earth-grid article,
.sal11-earth-grid article *,
.sal14-detail-columns>div,
.sal14-detail-columns>div *{
    text-shadow:none!important;
}
.sal11-evidence-grid article strong,
.sal11-evidence-grid article b,
.sal11-earth-grid article strong,
.sal11-earth-grid article b{
    color:#173e34!important;
}
.sal11-evidence-grid article p,
.sal11-evidence-grid article li,
.sal11-earth-grid article p,
.sal11-earth-grid article li{
    color:#586b64!important;
}

/* Asset/component drilldowns */
.sal14-component-detail>p{
    color:#596963!important;
    font-size:13px!important;
}
.sal14-detail-columns>div{
    background:#f6faf8!important;
    border-color:rgba(17,62,51,.07)!important;
}
.sal14-detail-columns strong{
    color:#577168!important;
    font-size:9px!important;
}
.sal14-detail-columns p,
.sal14-detail-columns ul{
    color:#536760!important;
    font-size:11px!important;
    line-height:1.6!important;
}
.sal14-component-ranking-card>p{
    color:#60706a!important;
    font-size:12px!important;
}
.sal14-component-ranking span b{
    font-size:11px!important;
}
.sal14-component-ranking span small{
    color:#72817c!important;
    font-size:9px!important;
}

/* --------------------------------
   7. Dark surfaces — guaranteed contrast
--------------------------------- */
.sal11-flow-core,
.sal11-flow-readout,
.sal11-sector-etf,
.sal11-sector-live-card,
.sal14-method-note{
    color:#fff!important;
}
.sal11-flow-core *,
.sal11-flow-readout *,
.sal11-sector-etf *,
.sal11-sector-live-card *,
.sal14-method-note *{
    border-color:rgba(255,255,255,.12);
}
.sal11-flow-core p,
.sal11-flow-readout p,
.sal11-sector-etf p,
.sal11-sector-live-card p,
.sal14-method-note p{
    color:rgba(255,255,255,.74)!important;
}

/* --------------------------------
   8. Communications / delivery
--------------------------------- */
.sal31-notification-grid,
.sal30-delivery-layout{
    gap:14px!important;
}
.sal30-delivery-editor,
.sal31-preview-panel{
    border-radius:20px!important;
}
.sal31-notification-summary li{
    min-height:34px;
}
.sal31-notification-summary li,
.sal31-notification-summary p{
    color:#536760!important;
}

/* --------------------------------
   9. Hover / focus / accessibility
--------------------------------- */
.sal11-admin-main a,
.sal11-admin-main button,
.sal11-liquidity-page a,
.sal11-liquidity-page button{
    -webkit-tap-highlight-color:transparent;
}
.sal11-admin-main a:focus-visible,
.sal11-admin-main button:focus-visible,
.sal11-liquidity-page a:focus-visible,
.sal11-liquidity-page button:focus-visible,
.sal33-edition-actions summary:focus-visible{
    outline:3px solid rgba(64,130,109,.24)!important;
    outline-offset:2px!important;
}

/* --------------------------------
   10. Responsive
--------------------------------- */
@media(max-width:1100px){
    .sal11-instrument-grid{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
}
@media(max-width:840px){
    .sal11-admin-main{
        padding-left:22px!important;
        padding-right:22px!important;
    }
    .sal11-instrument-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .sal11-instrument-grid article{
        min-height:142px!important;
    }
    .sal33-edition-actions details>div{
        right:0!important;
    }
}
@media(max-width:620px){
    .sal11-admin-main{
        padding-left:14px!important;
        padding-right:14px!important;
    }
    .sal11-admin-panel{
        padding:20px!important;
        border-radius:22px!important;
    }
    .sal11-admin-panel>header h2{
        font-size:27px!important;
    }
    .sal11-quick-grid{
        grid-template-columns:1fr 1fr!important;
    }
    .sal11-quick-grid a{
        min-height:104px!important;
    }
    .sal11-instrument-grid{
        grid-template-columns:1fr!important;
    }
    .sal11-instrument-grid article{
        min-height:122px!important;
    }
    .sal11-instrument-grid b{
        margin-top:12px!important;
    }
    .sal33-edition-actions{
        width:100%;
    }
    .sal33-edition-actions details>div{
        position:fixed!important;
        left:14px!important;
        right:14px!important;
        bottom:18px!important;
        top:auto!important;
        width:auto!important;
        max-width:none!important;
        border-radius:18px!important;
        box-shadow:0 22px 70px rgba(13,47,38,.24)!important;
    }
}

/* No motion preference */
@media(prefers-reduced-motion:reduce){
    .sal11-admin-main *,
    .sal11-liquidity-page *{
        scroll-behavior:auto!important;
        transition:none!important;
        animation:none!important;
    }
}
