:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#22334c;background:#eef3f9;--accent:#3976d9;--pale:#eaf1ff}*{box-sizing:border-box}body{margin:0}.app{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid #dce4ed;padding:19px 13px;display:flex;flex-direction:column;gap:14px}.brand{font-size:21px;font-weight:800;padding:8px 10px;color:#234e92}.brand small{display:block;font-size:9px;letter-spacing:1.2px;color:#8090a5;margin-top:5px}.side-label{font-size:11px;font-weight:700;color:#8b98a9;text-transform:uppercase;padding:10px 12px 0}.sidebar nav{display:grid;gap:4px}.navbtn{width:100%;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:10px;font:inherit;font-size:13px;color:#516177;cursor:pointer}.navbtn.active{background:var(--pale);color:var(--accent);font-weight:750}.navbtn:hover{background:#edf2f7}.side-foot{margin-top:auto;color:#8897a9;font-size:11px;line-height:1.7;padding:12px}.main{min-width:0}.top{height:72px;background:#fff;border-bottom:1px solid #dce4ed;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:12px}.top strong{display:block;font-size:17px}.top span#subtitle{display:block;font-size:11px;color:#8b98a9;margin-top:4px}.top-actions{display:flex;align-items:center;gap:18px}.default-label{font-size:12px;color:#607187}.default-label select{margin-left:6px;padding:8px;border:1px solid #d8e1eb;border-radius:8px;background:white;color:#24344a}.avatar{display:grid;place-items:center;border-radius:50%;background:var(--pale);color:var(--accent);width:35px;height:35px;font-size:12px;font-weight:800}.content{max-width:1550px;margin:auto;padding:16px 22px 40px}.notice{background:#fff9e8;color:#8a6a2a;border:1px solid #f1e5c2;padding:9px 13px;border-radius:10px;font-size:12px;margin-bottom:16px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:12px}.page-head h1{font-size:22px;margin:0}.page-head p{color:#7d8ba0;font-size:12px;margin:4px 0}.btn{border:1px solid #d8e2ef;background:#fff;color:#3c587e;padding:9px 12px;border-radius:9px;cursor:pointer;font:inherit;font-size:12px}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:#fff;border:1px solid #e0e7f0;border-radius:14px;padding:16px;min-width:0}.card h3{font-size:14px;margin:0 0 10px}.muted{color:#8b98a9;font-size:12px}.meter{height:8px;border-radius:20px;background:#e7edf4;overflow:hidden;margin:12px 0}.meter>div{height:100%;width:0;background:var(--accent)}.fixed{border-top:3px solid var(--accent)}.widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.widget{min-height:160px}.widget .line{padding:9px 0;border-bottom:1px solid #edf0f5;font-size:12px}.widget .line:last-child{border:0}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.workspace{display:grid;grid-template-columns:minmax(220px,28%) minmax(0,1fr);gap:12px;min-height:65vh}.items{display:grid;align-content:start;gap:6px}.item{padding:12px;background:#f5f8fc;border-radius:9px;font-size:12px;cursor:pointer}.item.active{background:var(--pale);color:var(--accent)}.editor{width:100%;min-height:320px;border:1px solid #e0e7ef;border-radius:9px;padding:12px;font:inherit;resize:vertical;color:#25344b}.field{display:block;width:100%;padding:10px;border:1px solid #dfe7f0;border-radius:8px;margin:8px 0 12px;font:inherit}.mobileMenu{display:none}.chip{display:inline-block;background:var(--pale);color:var(--accent);border-radius:30px;padding:5px 9px;font-size:11px;margin:3px}.empty{display:grid;place-items:center;min-height:260px;color:#8492a5;text-align:center;padding:30px}.status{font-size:11px;color:#4c9475}.smalltext{font-size:12px;line-height:1.7;color:#607087}@media(max-width:800px){.app{grid-template-columns:1fr}.sidebar{display:none;position:fixed;z-index:10;inset:0 auto 0 0;width:245px;box-shadow:0 0 0 100vmax #0a173a66}.sidebar.open{display:flex}.mobileMenu{display:block;border:0;background:transparent;font-size:22px;color:#46617f}.top{height:65px;padding:0 13px}.top strong{font-size:14px}.default-label{font-size:0}.default-label select{font-size:11px;max-width:105px}.avatar{display:none}.content{padding:12px}.cards,.widgets{grid-template-columns:1fr}.workspace{grid-template-columns:1fr;min-height:0}.workspace .items{max-height:155px;overflow:auto}.page-head h1{font-size:19px}.card{padding:13px}.editor{min-height:270px}}

.zone-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:10px 22px;background:#fff;border-bottom:1px solid #dce4ed}.zone-tabs .navbtn{text-align:center;border:1px solid #dce4ed;background:#f7f9fc;font-weight:700}.zone-tabs .navbtn[data-zone=personal]{--zone-color:#3976d9;--zone-bg:#eaf1ff}.zone-tabs .navbtn[data-zone=business]{--zone-color:#24945c;--zone-bg:#e7f7ee}.zone-tabs .navbtn[data-zone=employment]{--zone-color:#865bb9;--zone-bg:#f3eafd}.zone-tabs .navbtn.active{color:var(--zone-color);background:var(--zone-bg);border-color:var(--zone-color)}@media(max-width:800px){.zone-tabs{gap:4px;padding:8px}.zone-tabs .navbtn{font-size:11px;padding:9px 4px}}

/* Odsuhlaseny vizual V3: tri kompaktne zalozky v hornom riadku */
.top{height:86px;padding:0 30px;justify-content:space-between}.top .zone-tabs{display:flex;grid-template-columns:none;align-items:center;gap:4px;padding:5px;background:#edf2f8;border:0;border-radius:15px;flex:0 1 auto}.top .zone-tabs .navbtn{width:auto;white-space:nowrap;padding:14px 17px;border:0;border-radius:11px;background:transparent;color:#71829c;font-size:13px;font-weight:750}.top .zone-tabs .navbtn.active{background:#fff;color:var(--zone-color);box-shadow:0 2px 5px #203b6410}.top #heading,.top #subtitle{display:none}.top-actions{margin-left:auto}.content{background:#edf3f8;min-height:calc(100vh - 86px);max-width:none;padding:26px 28px}.sidebar{padding-top:26px}.brand{padding:12px 16px 28px}.widgets{grid-template-columns:repeat(3,minmax(0,1fr))}.widgets .widget{min-height:218px}.card{border-radius:17px}.page-head h1{font-size:25px}@media(max-width:1000px){.widgets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.top{height:70px;padding:0 8px}.top .zone-tabs{gap:1px;padding:4px}.top .zone-tabs .navbtn{font-size:10px;padding:10px 7px}.top-actions{display:none}.content{padding:16px 12px}.widgets{grid-template-columns:1fr}.mobileMenu{display:block}}

.notice.live-ok{background:#ecf8f0;border-color:#c8e7d1;color:#34764d}

.notice[hidden]{display:none!important}

/* V3: stationary zone bar/sidebar; only work area scrolls */
html,body{height:100%;overflow:hidden}
.app{height:100dvh;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr)}
.sidebar{height:100%;min-height:0;overflow-y:auto}
.main{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.top{flex:0 0 86px}
.content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.widgets{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch}
.widgets .widget{grid-column:span 3;min-height:180px}
.widgets .widget-small{grid-column:span 2;min-height:145px}
.widgets .widget-medium{grid-column:span 3;min-height:200px}
.widgets .widget-large{grid-column:span 6;min-height:260px}
.widget-tools{display:flex;align-items:center;gap:6px}
.widget-tools .btn{padding:6px 9px}
.widget-size{border:1px solid #d8e2ef;background:#fff;color:#385272;border-radius:8px;padding:6px;font:inherit;font-size:12px;max-width:110px}
@media(max-width:800px){
 .top{flex-basis:70px}
 .sidebar{height:100dvh}
 .widgets{grid-template-columns:repeat(2,minmax(0,1fr))}
 .widgets .widget-small{grid-column:span 1}
 .widgets .widget-medium,.widgets .widget-large{grid-column:span 2}
 .widgets .widget{min-height:150px}
 .widgets .widget-large{min-height:230px}
 .widget-tools .muted{display:none}
}
/* Read-only email content-first preview */
.mail-live{display:grid;grid-template-columns:minmax(125px,17%) minmax(190px,28%) minmax(0,1fr);gap:12px;min-height:60vh}.mail-live>div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;min-width:0}.mail-folder,.mail-item{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%;border:0;background:transparent;padding:12px 8px;text-align:left;border-bottom:1px solid #edf1f5;cursor:pointer;color:#33445b}.mail-folder{flex-direction:row;justify-content:space-between}.mail-folder.active,.mail-item:hover{background:#edf4ff;border-radius:8px}.mail-item.unread strong{color:#205fc2}.mail-item span,.mail-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-detail{overflow-wrap:anywhere}.mail-body{white-space:normal;line-height:1.6}.mail-compose{margin-top:16px;background:#fff;padding:14px;border-radius:14px}.mail-compose summary{cursor:pointer;font-weight:700}.mail-compose .card{border:0;box-shadow:none}@media(max-width:800px){.mail-live{grid-template-columns:1fr;min-height:0}.mail-live>div{max-height:42vh;overflow:auto}}

.workspace:has(.mail-live){display:block}.workspace:has(.mail-live) .mail-live{width:100%}

.mail-folder{align-items:center;gap:8px;min-width:0}.mail-folder-name{flex:1;min-width:0;overflow-wrap:anywhere}.mail-count{white-space:nowrap;font-size:11px;color:#637b99}.mail-folders{min-width:195px}.mail-live{grid-template-columns:minmax(195px,21%) minmax(210px,28%) minmax(0,1fr)}

/* Email fills all remaining width beside the fixed sidebar */
.main>.content{width:100%;max-width:none;margin:0;align-self:stretch}
#view{width:100%;max-width:none;min-width:0}
#view>.workspace{width:100%;max-width:none}
#view .mail-live{width:100%;grid-template-columns:minmax(205px,20%) minmax(240px,28%) minmax(0,1fr)}
.mail-alias-manage{font-weight:650;color:var(--accent)}
.mail-alias-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f5}
@media(max-width:800px){#view .mail-live{grid-template-columns:1fr}}

/* Compact module-specific navigation replaces redundant title/subtitle */
.module-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;min-width:0}
.module-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap;min-width:0}
.module-action{border:1px solid transparent;border-radius:9px;background:transparent;color:#516784;font:inherit;font-size:13px;font-weight:650;padding:10px 12px;cursor:pointer}
.module-action:hover,.module-action.active{background:#fff;border-color:#dce6f2;color:var(--accent)}
.module-toolbar>.btn{flex-shrink:0}
@media(max-width:800px){.module-toolbar{align-items:flex-start}.module-actions{overflow-x:auto;flex-wrap:nowrap;max-width:calc(100vw - 120px)}.module-action{white-space:nowrap;padding:9px 8px}}

/* Dedicated compose screen; replaces the former bottom accordion */
.mail-compose-page{width:100%;min-height:65vh}
.mail-compose-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.mail-compose-header h2{margin:0;font-size:22px}
.mail-compose-form{background:#fff;border:1px solid #e0e7f0;border-radius:15px;padding:24px;display:grid;gap:16px}
.mail-compose-form label{display:block;font-size:13px;font-weight:650;color:#405672}
.mail-compose-form .field,.mail-compose-form .editor{margin-top:8px}
.mail-compose-form .editor{min-height:42vh}

/* Two-line email list, matching original FullCator's compact mail rows */
#view .mail-list .mail-item-two{display:flex;flex-direction:column;align-items:stretch;gap:3px;width:100%;min-width:0;padding:9px 12px 8px;text-align:left;border-bottom:1px solid #e8edf2;border-radius:0}
#view .mail-item-two .mail-item-line{display:flex;align-items:center;gap:8px;width:100%;min-width:0}
#view .mail-item-two .mail-item-top{padding-left:22px}
#view .mail-item-two .mail-item-sender{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#68778a;font-size:13px;font-weight:400}
#view .mail-item-two .mail-item-time{flex:none;white-space:nowrap;color:#77879b;font-size:12px}
#view .mail-item-two .mail-item-dot{width:14px;flex:none;font-size:11px;color:#60758b;text-align:center}
#view .mail-item-two .mail-item-dot.new{color:#ffc84d}
#view .mail-item-two .mail-item-subject{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;color:#162b45}
#view .mail-item-two.unread .mail-item-subject{font-weight:700}
#view .mail-item-two .mail-item-attachment{flex:none;font-size:14px}

.mail-detail-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.mail-detail-actions .btn{font-size:12px;padding:7px 9px}
.mail-attachments{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:12px}
.mail-attachment{padding:9px 0;border-bottom:1px solid #eef1f5;overflow-wrap:anywhere}
.mail-attachment small{color:#7c8795}

/* V3 email composer: organized identity, attachments and actions */
.mail-compose-bottom{display:grid;grid-template-columns:minmax(230px,1fr) minmax(300px,1.4fr);gap:18px;padding-top:16px;border-top:1px solid #e5ebf3;align-items:start}
.mail-compose-identity,.mail-compose-attachments{min-width:0;padding:16px;background:#f7f9fc;border:1px solid #e4eaf2;border-radius:12px}
.mail-compose-identity .field{margin:8px 0 10px;background:white}
.mail-compose-identity p{margin:0;line-height:1.55}
.mail-compose-attachments input[type=file]{display:block;width:100%;margin-top:10px;font-size:12px;color:#52647c}
.mail-compose-attachments [data-attach-list]{display:grid;gap:7px;margin:10px 0}
.mail-compose-attachments [data-attach-list]>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;background:white;border:1px solid #e4eaf2;border-radius:8px;overflow-wrap:anywhere}
.mail-compose-attachments [data-pick-files]{margin-top:6px}
.mail-compose-actions{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid #e5ebf3;padding-top:15px}
.mail-compose-actions .status{flex:1;min-width:230px;line-height:1.5}
.mail-compose-actions [data-save-server]{padding:11px 18px;font-weight:700}
@media(max-width:750px){.mail-compose-bottom{grid-template-columns:1fr}.mail-compose-actions{align-items:stretch;flex-direction:column}.mail-compose-actions .status{min-width:0}.mail-compose-form{padding:15px}}

/* V3 email alias management */
.mail-alias-create{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px;background:#f7f9fc;border:1px solid #e5ebf3;border-radius:10px;margin:12px 0}
.mail-alias-create label{flex:1;min-width:180px;font-size:12px;font-weight:650}
.mail-alias-create .field{margin:6px 0 0}
.mail-alias-create .btn{margin-bottom:0}
.mail-alias-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0;border-bottom:1px solid #e5ebf3;font-size:12px}
.mail-alias-row strong{flex:1 1 180px;overflow-wrap:anywhere}
.mail-alias-row span{flex:1 1 160px;color:#687c93}

/* Email recipient and conditional external transport */
.mail-compose-recipient-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.mail-compose-recipient-row>label,.mail-compose-recipient-row>.mail-compose-external{min-width:0}
.mail-compose-recipient-row .field{margin:8px 0 0}
.mail-compose-external{background:#f7f9fc;border:1px solid #e4eaf2;border-radius:10px;padding:10px 13px}
.mail-compose-external[hidden]{display:none!important}
.mail-compose-external .muted{margin:9px 0 0;line-height:1.5}
.mail-compose-bottom{grid-template-columns:minmax(0,1fr)}
@media(max-width:750px){.mail-compose-recipient-row{grid-template-columns:1fr;gap:10px}}

/* Email full-height columns and reusable module search */
body:has(.mail-live),body:has(.mail-compose-page){height:100dvh;overflow:hidden}
body:has(.mail-live) .app,body:has(.mail-compose-page) .app{height:100dvh;min-height:0}
body:has(.mail-live) .main,body:has(.mail-compose-page) .main{min-height:0;display:flex;flex-direction:column}
body:has(.mail-live) .content,body:has(.mail-compose-page) .content{width:100%;max-width:none;flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:16px}
body:has(.mail-live) #view,body:has(.mail-compose-page) #view{flex:1;min-height:0;display:flex;flex-direction:column}
body:has(.mail-live) .workspace{display:block;flex:1;min-height:0}
body:has(.mail-live) .mail-live{height:100%;min-height:0;grid-template-columns:minmax(210px,20%) minmax(240px,28%) minmax(0,1fr)}
body:has(.mail-live) .mail-live>div{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.module-global-search{flex:0 0 20%;min-width:210px;max-width:20%;margin:0 10px 0 0}
.module-toolbar{justify-content:flex-start}.module-toolbar>.btn{margin-left:auto}
.mail-compose-page{height:100%;min-height:0;display:flex;flex-direction:column}
.mail-compose-form{flex:1;min-height:0;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;overflow:hidden}
.mail-compose-form>label:has(.editor){min-height:0;display:flex;flex-direction:column}
.mail-compose-form .editor{min-height:0;height:100%;flex:1;resize:none}
.mail-compose-recipient-row{align-items:end}
.mail-compose-external{background:none;border:0;padding:0}
.mail-compose-external label{display:block}
.mail-compose-external .field{margin:8px 0 0;height:43px}
.mail-compose-bottom{min-height:0}
.mail-compose-recipient-row label:has([data-compose="to"]){position:relative}
.fc-recipient-suggest{position:absolute;top:100%;left:0;right:0;z-index:100;max-height:220px;overflow:auto;background:white;border:1px solid #ccd5df}
.fc-recipient-suggest[hidden]{display:none}
.fc-recipient-choice{display:block;width:100%;padding:12px;text-align:left;background:white;border:0;border-bottom:1px solid #ddd}
@media(max-width:800px){body:has(.mail-compose-page){height:auto!important;overflow-y:auto!important}body:has(.mail-compose-page) .app,body:has(.mail-compose-page) .main,body:has(.mail-compose-page) .content,body:has(.mail-compose-page) #view{height:auto!important;overflow:visible!important}.mail-compose-page{height:auto!important;overflow:visible!important}.mail-compose-form{display:flex!important;flex-direction:column;overflow:visible!important;flex:none!important}.mail-compose-form>label:has(.editor){display:block!important}.mail-compose-form .editor{height:180px!important;min-height:180px!important;resize:vertical!important}.mail-compose-bottom{display:flex!important;flex-direction:column!important}.mail-compose-bottom>*{width:100%}}
.mail-attach-popup:not([hidden]){display:flex;gap:8px;flex-wrap:wrap;padding:12px;background:#f5f8fc;border:1px solid #dce5f1;border-radius:10px;margin-top:8px}
@media(max-width:850px){.module-global-search{flex-basis:210px;max-width:210px}body:has(.mail-live) .mail-live{grid-template-columns:minmax(155px,25%) minmax(175px,32%) minmax(0,1fr)}}
@media(max-width:650px){body:has(.mail-live){overflow:auto}body:has(.mail-live) .mail-live{grid-template-columns:1fr;height:auto}body:has(.mail-live) .mail-live>div{height:35dvh;overflow:auto}.module-toolbar{flex-wrap:wrap}.module-global-search{max-width:none;flex:1 1 100%}}

/* Single attachment button and server-side file explorer */
.mail-compose-attachments input[type="file"]{display:none!important}
.mail-file-overlay{position:fixed;inset:0;z-index:9999;background:rgba(17,31,52,.5);display:flex;align-items:center;justify-content:center;padding:22px}
.mail-file-dialog{width:min(760px,100%);height:min(690px,85dvh);background:#fff;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.25);display:flex;flex-direction:column;min-height:0;overflow:hidden}
.mail-file-dialog-head,.mail-file-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e2e8f0}
.mail-file-dialog-head h3{margin:0;font-size:18px}
.mail-file-footer{border-bottom:0;border-top:1px solid #e2e8f0}
.mail-file-breadcrumbs{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid #e2e8f0}
.mail-file-list{flex:1;min-height:0;overflow-y:auto;padding:12px 20px}
.mail-file-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:0;background:#fff;border-bottom:1px solid #edf1f5;padding:13px 10px;color:#314766;font:inherit;cursor:pointer;border-radius:6px}
.mail-file-row:hover{background:#edf4ff}
.mail-file-row small{color:#8191a6}

/* Message detail: reference-inspired separated header */
.mail-list-count{font-size:12px;color:#8291a5;padding:0 10px 12px;margin-bottom:5px;border-bottom:1px solid #e9eef5}
.mail-message-header{padding:2px 0 18px;border-bottom:1px solid #d8e1ed;margin-bottom:20px}
.mail-message-subject{font-size:23px;line-height:1.4;font-weight:550;color:#152c4b;margin-bottom:22px;overflow-wrap:anywhere}
.mail-message-sender{display:flex;align-items:baseline;justify-content:space-between;gap:14px;color:#233b5c;font-size:14px}
.mail-message-sender strong{font-weight:700}
.mail-message-sender time{font-size:12px;color:#8492a5;white-space:nowrap}
.mail-message-to{font-size:12px;color:#8492a5;margin:6px 0 16px}
.mail-message-header .mail-detail-actions{display:flex;gap:8px;flex-wrap:wrap}
.mail-message-header .mail-detail-actions .btn{font-size:12px;padding:7px 10px}
.mail-detail .mail-body{line-height:1.7;color:#243950;padding-bottom:18px}
.mail-detail .mail-attachments{border-top:1px solid #d8e1ed;margin-top:14px;padding-top:18px}
.mail-detail .mail-attachments h4{margin:0 0 14px}
@media(max-width:650px){.mail-message-sender{flex-wrap:wrap}}

/* Subject of opened email is regular, list item remains bold for unread messages */
.mail-message-subject{font-weight:400!important}

/* Selected mail row */
#view .mail-list .mail-item-two.selected{background:#dceaff!important;border-radius:9px;border-left:3px solid #3977dc;padding-left:9px}
#view .mail-list .mail-item-two.selected:hover{background:#cfe2ff!important}

/* Contacts: two independent scrolling columns */
#view .contacts-workspace{display:grid;grid-template-columns:minmax(530px,1.3fr) minmax(340px,1fr);gap:12px;min-height:0;height:calc(100vh - 210px);overflow:hidden}#view .contacts-panel,#view .contacts-detail{min-width:0;min-height:0;background:var(--card,#fff);border:1px solid #dce4f0;border-radius:12px;overflow:auto}#view .contacts-panel{display:flex;flex-direction:column}#view .contacts-header{display:grid;grid-template-columns:1.3fr .8fr 1fr 1.3fr;position:sticky;top:0;background:#eef3fb;z-index:1;border-bottom:1px solid #dce4f0}#view .contacts-header button{border:0;background:transparent;text-align:left;padding:12px 8px;cursor:pointer;font-weight:600;color:#304663}#view .contacts-header button.active{color:var(--accent,#3976d9);background:#dceaff}#view .contacts-list{overflow-y:auto;min-height:0;flex:1}#view .contacts-row{width:100%;display:grid;grid-template-columns:2.1fr 1fr 1.3fr;text-align:left;border:0;border-bottom:1px solid #edf0f5;background:transparent;cursor:pointer;padding:12px 8px;gap:8px;font:inherit}#view .contacts-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#view .contacts-row:hover{background:#eef5ff}#view .contacts-row.selected{background:#dceaff;border-left:3px solid #3977dc}#view .contacts-detail{padding:20px}#view .contacts-detail h2{margin-top:0}#view .contacts-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}#view .contacts-field{padding:12px 0;border-top:1px solid #e7edf6;overflow-wrap:anywhere}#view .contacts-field strong{display:block;margin-bottom:5px}@media(max-width:900px){#view .contacts-workspace{grid-template-columns:1fr;height:auto;overflow:visible}#view .contacts-panel{height:48vh}#view .contacts-detail{min-height:250px}.contacts-header button{font-size:12px}}

/* Highlight contact communication actions above the contact name */
#view .contacts-detail-actions{margin:0 0 22px;padding:0 0 16px;border-bottom:1px solid #dbe5f5;display:flex;gap:9px;flex-wrap:wrap}#view .contacts-detail-actions .btn{background:#e7f0ff;border:1px solid #8cb3ef;color:#184b95;font-weight:650;box-shadow:0 2px 5px rgba(40,90,170,.12);padding:9px 13px;border-radius:9px}#view .contacts-detail-actions .btn:hover{background:#cfe2ff;border-color:#3977dc}#view .contacts-detail-actions .btn:focus-visible{outline:3px solid #3977dc;outline-offset:2px}

/* Contact action palette and stable company row */
#view .contacts-detail-actions .btn{background:#edf3f8;border-color:#d6e0e9;color:#304663;box-shadow:none}#view .contacts-detail-actions .btn:hover{background:#dfe9f2;border-color:#b8cadb}#view .contacts-company-slot{min-height:28px;margin:0 0 8px}#view .contacts-company-slot p{margin:0;line-height:28px;min-height:28px}

/* Contacts: three columns, full name under Meno; aligned edit action */
#view .contacts-header{grid-template-columns:2.1fr 1fr 1.3fr}#view .contacts-name-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:45px;margin-bottom:4px}#view .contacts-name-row h2{margin:0;min-width:0;overflow-wrap:anywhere}#view .contacts-name-row .contacts-edit-button{flex-shrink:0;background:#edf3f8;border:1px solid #d6e0e9;color:#304663;font-weight:650;border-radius:9px;padding:9px 13px;box-shadow:none}#view .contacts-name-row .contacts-edit-button:hover{background:#dfe9f2;border-color:#b8cadb}

/* Four contact columns and inline editing */
#view .contacts-header{grid-template-columns:1.2fr 1.1fr 1fr 1.5fr}#view .contacts-row{grid-template-columns:1.2fr 1.1fr 1fr 1.5fr}#view .contacts-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}#view .contacts-edit-field{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#475569}#view .contacts-edit-field input,#view .contacts-edit-field textarea,#view .contacts-edit-multi input{width:100%;box-sizing:border-box;border:1px solid #ccd7e4;border-radius:7px;padding:9px;background:white;font:inherit;color:#172b4d}#view .contacts-edit-group{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid #e4eaf2}#view .contacts-edit-group>.btn{align-self:flex-start}#view .contacts-edit-multi{display:flex;gap:8px}#view .contacts-edit-multi input{flex:1;min-width:0}#view .contacts-edit-multi .btn{flex-shrink:0}#view .contacts-edit-field:has(textarea){grid-column:1/-1}@media(max-width:600px){#view .contacts-edit-form{grid-template-columns:1fr}}

#view .contacts-detail-actions .btn:disabled{background:#e4e7eb!important;border-color:#d3d8de!important;color:#8b929b!important;cursor:not-allowed;opacity:1;box-shadow:none}

.fc-account-wrap{position:relative;display:flex;align-items:center}.fc-account-toggle{display:flex;align-items:center;justify-content:center;width:47px;height:43px;border:1px solid #d6e3f3;border-radius:12px;background:#fff;cursor:pointer}.fc-account-toggle img{display:block;width:33px;height:33px;object-fit:contain}.fc-account-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:200;min-width:184px;padding:6px;background:#fff;border:1px solid #d7e2f2;border-radius:12px;box-shadow:0 10px 30px #0b2b5c2b}.fc-account-menu[hidden]{display:none!important}.fc-account-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:11px 13px;color:#153761;border-radius:8px;cursor:pointer;font:inherit}.fc-account-menu button:hover,.fc-account-menu button:focus-visible{background:#e8f1ff}

/* Existing public photobank within the authenticated shell, preserving the shell sidebar. */
.fc-embedded-photobank{width:100%;min-width:0;min-height:calc(100vh - 130px);margin:0;padding:0}.fc-embedded-photobank iframe{display:block;width:100%;height:calc(100vh - 125px);min-height:620px;border:0;background:#fff}.content:has(.fc-embedded-photobank){padding:0;overflow:hidden}

.fc-chat-workspace{display:grid!important;grid-template-columns:minmax(235px,33%) minmax(0,1fr);gap:0!important;padding:0!important;min-height:65vh;border:1px solid #dce7f5;border-radius:14px;overflow:hidden}.fc-chat-left{border-right:1px solid #dce7f5;padding:14px;display:flex;flex-direction:column;gap:12px;min-width:0}.fc-chat-tabs{display:flex;gap:4px;flex-wrap:wrap}.fc-chat-tabs button{border:0;border-radius:8px;padding:9px;background:#edf3fc;cursor:pointer}.fc-chat-tabs button.active,.fc-chat-person.active{background:#d8e7ff}.fc-chat-list{flex:1;overflow:auto}.fc-chat-person{display:block;width:100%;border:0;border-bottom:1px solid #e3eaf4;background:transparent;padding:12px;text-align:left;cursor:pointer;border-radius:7px}.fc-chat-person strong,.fc-chat-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-chat-person small{color:#697b92;margin-top:4px}.fc-chat-person em{font-style:normal;color:#2464bd}.fc-chat-right{display:flex;flex-direction:column;min-width:0;min-height:65vh}.fc-chat-heading{padding:18px;font-weight:700;border-bottom:1px solid #e1e9f4}.fc-chat-messages{flex:1;overflow:auto;padding:18px;max-height:55vh}.fc-chat-message{padding:10px 13px;margin:0 0 12px;border-radius:12px;background:#f2f6fc;overflow-wrap:anywhere}.fc-chat-message p{white-space:pre-wrap;margin:6px 0}.fc-chat-message small{color:#718096}.fc-chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid #e1e9f4}.fc-chat-form textarea{flex:1;min-width:0;resize:vertical;border:1px solid #cbd7e6;border-radius:8px;padding:10px}.fc-chat-status{padding:0 12px}@media(max-width:700px){.fc-chat-workspace{grid-template-columns:1fr}.fc-chat-left{border-right:0;border-bottom:1px solid #dce7f5}.fc-chat-right{min-height:420px}}

/* Kontakty: plna dostupna vyska a nezavisle vertikalne posuvanie panelov. */
@media (min-width:901px){
 body:has(#view .contacts-workspace:not(.admin-users-workspace)) .content{height:calc(100dvh - 86px);min-height:0;padding-bottom:28px;display:flex;flex-direction:column;overflow:hidden}
 body:has(#view .contacts-workspace:not(.admin-users-workspace)) #view{flex:1;min-height:0;display:flex;flex-direction:column}
 #view .contacts-workspace:not(.admin-users-workspace){flex:1;height:auto;min-height:0;overflow:hidden}
 #view .contacts-workspace:not(.admin-users-workspace) .contacts-panel{min-height:0;overflow:hidden}
 #view .contacts-workspace:not(.admin-users-workspace) .contacts-list{min-height:0;overflow-y:auto;overscroll-behavior:contain}
 #view .contacts-workspace:not(.admin-users-workspace) .contacts-detail{min-height:0;overflow-y:auto;overscroll-behavior:contain}
}

.fc-embedded-module{width:100%;min-width:0;min-height:calc(100vh - 130px);padding:0;margin:0}.fc-embedded-module iframe{display:block;width:100%;height:calc(100vh - 125px);min-height:620px;border:0;background:#fff}.content:has(.fc-embedded-module){padding:0;overflow:hidden}

.fc-module-pref-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;padding:16px}
.fc-module-pref-dialog{background:#fff;color:#263952;border-radius:12px;width:min(540px,100%);max-height:85vh;overflow:auto;padding:24px;box-shadow:0 12px 45px #0003}
.fc-module-pref-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid #e2e7ee}
.fc-module-pref-row label{display:flex;gap:9px;align-items:center}
.fc-module-pref-row button{min-width:36px;min-height:34px;border:1px solid #ccd6e5;border-radius:7px;background:#fff;cursor:pointer}
.fc-module-pref-row button:disabled{opacity:.35;cursor:default}
.fc-module-pref-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
/* Mobile composer: scroll the content pane, not the locked application shell. */
@media(max-width:800px){
body:has(.mail-compose-page),body:has(.mail-compose-page) .app{height:100dvh!important;overflow:hidden!important}
body:has(.mail-compose-page) .main{height:100dvh!important;min-height:0!important;overflow:hidden!important}
body:has(.mail-compose-page) .content{height:auto!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding-bottom:35px!important}
body:has(.mail-compose-page) .mail-compose-page{height:auto!important;min-height:max-content!important;overflow:visible!important;padding-bottom:25px!important}
body:has(.mail-compose-page) .mail-compose-form{height:auto!important;min-height:max-content!important;overflow:visible!important}
}

/* Kontakty: samostatne telefonne akcie nad internymi komunikacnymi ikonami. */
#view .fc-contact-phone-actions{display:flex;justify-content:center;align-items:center;gap:14px;margin:0 0 14px}
#view .fc-contact-phone-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:11px 19px;border:1px solid #cbd8e7;border-radius:12px;background:#edf3f8;color:#304663;font-size:18px;font-weight:600;text-decoration:none}
#view .fc-contact-phone-actions .btn:hover{background:#dfe9f2}
#view .fc-contact-phone-actions .btn[aria-disabled="true"]{opacity:.4;pointer-events:none}