/* File: /var/www/webmail.ohiomade.us/public/assets/webmail.desktop.css */
/* Last edited: 2026-04-04 11:18 UTC */

@media (min-width:1000px){

    body.ohiomail-app .mail-wrap{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:
            calc(10px + var(--safe-area-top))
            12px
            24px
            12px !important;
    }

    body.ohiomail-app .mail-top{
        border:1px solid var(--border);
        border-radius:18px;
        box-shadow:var(--shadow);
        padding:10px 12px;
    }

    body.ohiomail-app .mail-desktop-actions{
        display:flex !important;
    }

    body.ohiomail-app .mail-hamburger{
        display:none !important;
    }

    body.ohiomail-app .mail-mobile-only{
        display:none !important;
    }

    body.ohiomail-app .mail-desktop-only{
        display:block !important;
    }

    body.ohiomail-app .mail-grid{
        width:100% !important;
        max-width:none !important;
        margin-top:12px !important;
        display:grid !important;
        grid-template-columns:260px 420px minmax(700px, 1fr) !important;
        gap:12px !important;
        justify-content:stretch !important;
        justify-items:stretch !important;
        align-items:start !important;
    }

    body.ohiomail-app #paneAccount,
    body.ohiomail-app #paneListWrap,
    body.ohiomail-app #paneViewWrap{
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        border:1px solid var(--border) !important;
        border-radius:20px !important;
        box-shadow:var(--shadow) !important;
        margin:0 !important;
    }

    body.ohiomail-app .mail-card{
        border:1px solid var(--border);
        border-radius:20px;
        box-shadow:var(--shadow);
        min-width:0;
    }

    body.ohiomail-app .mail-card-hd,
    body.ohiomail-app .mail-card-bd,
    body.ohiomail-app .mail-right-pad{
        padding-left:12px !important;
        padding-right:12px !important;
    }

    body.ohiomail-app .mail-pane-list,
    body.ohiomail-app .mail-pane-view{
        height:calc(100vh - 150px) !important;
        max-height:none !important;
        overflow:auto !important;
    }

    body.ohiomail-app .mail-searchbar{
        grid-template-columns:minmax(0, 1fr) auto !important;
    }

    body.ohiomail-app .mail-searchbar .mail-btn{
        width:auto !important;
        min-width:74px !important;
    }

    body.ohiomail-app .mail-toolbar .mail-btn{
        flex:0 0 auto !important;
    }

    body.ohiomail-app .mail-actions-compact .mail-btn{
        flex:0 0 auto !important;
        min-height:40px;
        padding:9px 12px;
        font-size:14px;
    }

    body.ohiomail-app .mail-actions-toggle .mail-btn{
        flex:0 0 auto !important;
    }

    /* inbox row tightening */
    body.ohiomail-app .mail-msg{
        padding:10px 12px !important;
        min-width:0;
        overflow:hidden;
    }

    body.ohiomail-app .mail-msg-top{
        display:grid !important;
        grid-template-columns:minmax(0, 1fr) auto !important;
        gap:8px !important;
        align-items:start !important;
        min-width:0 !important;
    }

    body.ohiomail-app .mail-msg-from{
        min-width:0 !important;
        max-width:100% !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    body.ohiomail-app .mail-msg-date{
        flex:none !important;
        max-width:210px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        text-align:right !important;
    }

    body.ohiomail-app .mail-msg-subj{
        margin-top:4px !important;
        min-width:0 !important;
        overflow:hidden !important;
        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
        line-clamp:2;
        word-break:break-word !important;
    }

    body.ohiomail-app .mail-msg-snippet{
        margin-top:4px !important;
        min-width:0 !important;
        overflow:hidden !important;
        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
        line-clamp:2;
    }

    /* header truncation in viewer/list cards */
    body.ohiomail-app .mail-card-hd strong,
    body.ohiomail-app #rightTitle,
    body.ohiomail-app #listTitle{
        min-width:0 !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    body.ohiomail-app .mail-card-hd .mail-small,
    body.ohiomail-app #rightHint,
    body.ohiomail-app #listHint{
        flex:0 0 auto !important;
        max-width:220px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        text-align:right !important;
    }

    /* viewer content should use full width without weird squeeze */
    body.ohiomail-app .mail-viewer-title{
        min-width:0 !important;
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
    }

    body.ohiomail-app .mail-viewer-meta{
        min-width:0 !important;
    }

    body.ohiomail-app .mail-viewer-meta > div{
        min-width:0 !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    body.ohiomail-app .mail-html-wrap,
    body.ohiomail-app .mail-plain-wrap{
        width:100% !important;
        min-width:0 !important;
    }

    body.ohiomail-app .mail-html-frame{
        width:100% !important;
        min-height:620px !important;
    }

    body.ohiomail-app pre,
    body.ohiomail-app .mail-plain-wrap pre{
        max-width:100% !important;
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
        white-space:pre-wrap !important;
    }

    /* attachment rows */
    body.ohiomail-app .mail-viewer-attachment,
    body.ohiomail-app .mail-attachment-item{
        min-width:0 !important;
    }

    body.ohiomail-app .mail-viewer-attachment-meta,
    body.ohiomail-app .mail-attachment-meta{
        min-width:0 !important;
    }

    body.ohiomail-app .mail-viewer-attachment-name,
    body.ohiomail-app .mail-attachment-name{
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }
}

@media (min-width:1400px){
    body.ohiomail-app .mail-grid{
        grid-template-columns:280px 460px minmax(820px, 1fr) !important;
    }

    body.ohiomail-app .mail-msg-date{
        max-width:240px !important;
    }
}