/* Artenovita mailbox layout, scoped to KONIK's mailbox and theme tokens. */
.ops-mail-workspace{display:flex;flex-direction:column;gap:10px;min-width:0;height:calc(100dvh - 150px);min-height:580px;color:var(--bone-100)}
.ops-mail-workspace :is(button,input,select,textarea){font:inherit}.ops-mail-workspace button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ops-mail-workspace [hidden]{display:none!important}
.ops-mail-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ops-mail-workspace-head nav,.ops-mail-search nav,.ops-mail-draft-bar nav{display:flex;gap:5px;min-width:0;overflow:auto}.ops-mail-workspace .chip{flex:none;min-height:36px}.ops-mail-status{font-size:11px;color:var(--bone-400)}
.ops-mail-workspace>.ops-integration-error{margin:0;flex:none}.ops-mail-search{display:flex;align-items:center;gap:12px}.ops-mail-search>input{flex:1;min-width:0}.ops-mail-search nav{flex:none}
.ops-mail-workspace .ops-mail-layout{flex:1;min-height:0;grid-template-columns:210px minmax(240px,32%) minmax(0,1fr);overflow:hidden;border-radius:12px}
.ops-mail-workspace .ops-mail-folders{min-height:0;overflow:auto;padding:14px 10px;gap:10px;background:var(--surface)}.ops-mail-workspace .ops-mail-folders nav{display:flex;flex-direction:column}.ops-mail-workspace .ops-mail-folders label{margin:4px 0}.ops-mail-workspace .ops-mail-folder{text-align:left;min-height:40px;width:100%;border-radius:8px}.ops-mail-workspace .ops-mail-folder.active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.ops-mail-account-group{display:flex;flex-direction:column;gap:4px;min-width:0}.ops-mail-account-group>small{font-size:10px;letter-spacing:1px;color:var(--bone-400);padding:12px 8px 4px}.ops-mail-account-group button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ops-mail-workspace .ops-mail-list{display:flex;flex-direction:column;padding:0;min-width:0;min-height:0;max-height:none;overflow:hidden}.ops-mail-list>header{display:flex;flex-direction:column;gap:5px;padding:15px;border-bottom:1px solid var(--hairline);font-size:14px}.ops-mail-list>header small{font-size:11px;color:var(--bone-400)}.ops-mail-list-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.ops-mail-list-scroll>.muted{padding:16px;font-size:13px;line-height:1.5}
.ops-mail-workspace .ops-mail-message{position:relative;padding:16px 14px;gap:6px;min-height:104px;border-left:3px solid transparent}.ops-mail-workspace .ops-mail-message.active{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.ops-mail-message.unread:before{content:"";position:absolute;left:3px;top:22px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.ops-mail-workspace .ops-mail-message>span{display:flex;align-items:baseline;gap:6px}.ops-mail-message>span>b{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;font-weight:500}.ops-mail-message.unread>span>b,.ops-mail-message.unread>strong{font-weight:700}.ops-mail-message time{flex:none;font-size:10px;color:var(--bone-400)}.ops-mail-workspace .ops-mail-message>strong{font-size:13px;font-weight:500}.ops-mail-workspace .ops-mail-message>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:1.5}
.ops-mail-list>footer{display:flex;justify-content:space-between;gap:6px;padding:10px;border-top:1px solid var(--hairline)}
.ops-mail-workspace .ops-mail-content{display:flex;flex-direction:column;grid-column:auto;border-top:0;padding:0;min-height:0;max-height:none;overflow:hidden;background:var(--surface)}.ops-mail-reading-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--hairline);flex:none}.ops-mail-reading-toolbar .btn{padding:6px 9px;min-height:34px;font-size:11px}.ops-mail-reading-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px clamp(16px,2vw,32px)}.ops-mail-reading-scroll>header{padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--hairline)}.ops-mail-reading-scroll h2{font-family:var(--serif);font-size:clamp(20px,2vw,28px);line-height:1.3;margin:0 0 18px;overflow-wrap:anywhere}.ops-mail-reading-scroll>header p{font-size:12px;line-height:1.6;margin:3px 0;color:var(--bone-300);overflow-wrap:anywhere}.ops-mail-reading-scroll>header b{font-weight:500;color:var(--bone-400)}.ops-mail-reading-scroll time{display:block;margin-top:8px;font-size:11px;color:var(--bone-400)}.ops-mail-reading-scroll>div>p{font-size:14px;line-height:1.75}.ops-mail-reading-scroll iframe{max-width:100%}.ops-mail-link{margin-top:26px;padding-top:18px;border-top:1px solid var(--hairline);font-size:12px}.ops-mail-link summary{cursor:pointer;padding:8px 0}.ops-mail-link select{width:100%;margin-top:8px}
.ops-mail-reply-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--hairline);flex:none}.ops-mail-reply-actions .btn{min-height:40px;font-size:12px}.ops-mail-workspace .ops-mail-empty{flex:1;min-height:0;align-items:center;justify-content:center;padding:32px;color:var(--bone-400)}.ops-mail-empty h3{font-family:var(--serif);font-size:23px;margin:16px 0 6px;color:var(--bone-200)}.ops-mail-empty p{font-size:13px}.ops-mail-compact,.ops-mail-workspace .ops-mail-back{display:none}
.ops-mail-compose{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.ops-mail-draft-bar{display:flex;gap:8px;align-items:center;min-width:0}.ops-mail-draft-bar nav{flex:1}.ops-mail-draft-bar .chip{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-mail-compose>form{display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid var(--hairline);border-radius:12px;overflow:hidden;background:var(--surface)}.ops-mail-compose-fields{margin:0;padding:18px;border:0;overflow:auto;min-height:0;flex:1}.ops-mail-compose-fields textarea{resize:vertical;min-height:200px;line-height:1.7}.ops-mail-compose form>footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid var(--hairline)}.ops-mail-compose form>footer span{font-size:11px;max-width:60%}.ops-mail-compose form>p{padding:12px;margin:0;font-size:12px}.ops-mail-extras{display:flex;flex-wrap:wrap;gap:10px;font-size:12px}.ops-mail-extras label{display:flex;flex-direction:column;gap:6px;max-width:100%}.ops-mail-extras input{max-width:100%}.ops-mail-extras>p{width:100%;overflow-wrap:anywhere}
@media(max-width:1200px){.ops-mail-workspace .ops-mail-layout{grid-template-columns:175px minmax(215px,34%) minmax(0,1fr)}.ops-mail-reply-actions{padding:12px;gap:5px}.ops-mail-reply-actions .btn{padding:8px 10px}}
@media(max-width:1000px){.ops-mail-workspace .ops-mail-layout{grid-template-columns:minmax(225px,38%) minmax(0,1fr)}.ops-mail-workspace .ops-mail-folders{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:0;border-bottom:1px solid var(--hairline);overflow:visible;padding:8px;gap:8px}.ops-mail-folders>label{flex:1;min-width:140px}.ops-mail-folders>nav,.ops-mail-folders>.ops-mail-account-group,.ops-mail-folders>p,.ops-mail-folders>button:last-of-type:not(:first-child){display:none}.ops-mail-workspace .ops-mail-layout{grid-template-rows:auto minmax(0,1fr)}.ops-mail-compact{display:block;padding:8px;border-bottom:1px solid var(--hairline)}.ops-mail-compact select{width:100%;min-width:0}.ops-mail-reading-toolbar{padding:8px}.ops-mail-reply-actions .btn{font-size:11px}}
@media(max-width:760px){.ops-mail-workspace{height:calc(100dvh - 125px);min-height:580px;gap:8px}.ops-mail-workspace-head{gap:5px}.ops-mail-workspace-head .chip{font-size:12px;padding:7px 10px;min-height:40px}.ops-mail-workspace-head>.btn{font-size:11px;padding:8px}.ops-mail-search{flex-wrap:wrap;gap:6px}.ops-mail-search>input{flex-basis:100%;font-size:16px}.ops-mail-search nav{width:100%}.ops-mail-search .chip{flex:1;justify-content:center;font-size:12px}.ops-mail-workspace .ops-mail-layout{display:flex;flex-direction:column}.ops-mail-workspace .ops-mail-list{flex:1;border:0}.ops-mail-workspace .ops-mail-content{display:none;flex:1}.ops-mail-workspace .ops-mail-detail-open .ops-mail-content{display:flex}.ops-mail-detail-open .ops-mail-list,.ops-mail-detail-open .ops-mail-folders{display:none!important}.ops-mail-workspace .ops-mail-back{display:inline-flex}.ops-mail-reading-toolbar .btn{min-height:40px}.ops-mail-reading-toolbar .grow{display:none}.ops-mail-reading-scroll{padding:20px 16px}.ops-mail-reading-scroll h2{font-size:23px}.ops-mail-reply-actions{padding:10px 12px;gap:6px}.ops-mail-reply-actions .btn{flex:1;min-height:44px;justify-content:center;padding:8px 9px;white-space:nowrap}.ops-mail-workspace .ops-mail-message{padding:16px;min-height:108px}.ops-mail-workspace .ops-mail-message>strong{font-size:14px}.ops-mail-draft-bar{flex-wrap:wrap;gap:5px}.ops-mail-draft-bar>nav{order:4;flex-basis:100%}.ops-mail-draft-bar>.btn:first-child{margin-right:auto}.ops-mail-compose-fields{padding:12px}.ops-mail-compose input,.ops-mail-compose select,.ops-mail-compose textarea{font-size:16px}.ops-mail-compose form>footer{padding:10px 12px}.ops-mail-compose form>footer .btn{min-height:44px}.ops-mail-workspace>.card,.ops-mail-workspace>div:has(>.card){overflow:auto;min-height:0}.ops-mail-workspace .ops-integration-grid{grid-template-columns:1fr}}
@media print{body *{visibility:hidden}.ops-mail-reading-scroll,.ops-mail-reading-scroll *{visibility:visible}.ops-mail-reading-scroll{position:absolute;inset:0;height:auto!important;overflow:visible!important;background:white;color:black}.ops-mail-reading-scroll .ops-mail-link,.ops-mail-reading-scroll button,.ops-mail-reading-scroll details{display:none!important}.ops-mail-workspace .ops-mail-content{display:block!important;overflow:visible!important}.ops-mail-reading-scroll>header :is(p,b,time,h2){color:black}}
