/* YetoMail / YetoDrive 0.12 — shared finish, using Foundation components. */
body:is([data-area=webmail],[data-area=admin],[data-area=drive]){--yeto-focus:0 0 0 3px #cc233324;--yeto-hover:#c91e2e08;--yeto-muted:#687181;--yeto-read:#fcfbf9;--yeto-unread:#fff4f1;--yeto-motion:140ms;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
[data-theme=dark] body:is([data-area=webmail],[data-area=admin],[data-area=drive]){--yeto-muted:#b2b7c5;--yeto-read:#202126;--yeto-unread:#30232a;--yeto-hover:#ffb0b80a}
body:is([data-area=webmail],[data-area=admin],[data-area=drive]) .muted{color:var(--yeto-muted)}
:is(.webmail-shell,.management-shell,.drive-app-layout) :is(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}
:is(.webmail-shell,.management-shell,.drive-app-layout) :is(.btn,.icon-btn,.navitem,summary){transition:background-color var(--yeto-motion),border-color var(--yeto-motion),box-shadow var(--yeto-motion)}
:is(.webmail-shell,.management-shell,.drive-app-layout) .btn{border-radius:11px;min-height:42px;font-weight:650;letter-spacing:.01em;line-height:1.35}
:is(.webmail-shell,.management-shell,.drive-app-layout) .btn.primary{box-shadow:0 3px 9px #a91b2414}
:is(.webmail-shell,.management-shell,.drive-app-layout) button:disabled{cursor:not-allowed;opacity:.46;box-shadow:none}
:is(.webmail-shell,.management-shell,.drive-app-layout) :is(input,textarea,select){border-radius:11px}
:is(.webmail-shell,.management-shell,.drive-app-layout) input::placeholder{color:var(--yeto-muted);opacity:.85}
:is(.webmail-shell,.management-shell,.drive-app-layout) :is(a,button,summary):focus-visible{outline:2px solid #d99c1d;outline-offset:3px;box-shadow:var(--yeto-focus)}
:is(.webmail-shell,.management-shell,.drive-app-layout) :is(input,textarea,select):focus-visible{outline:2px solid #cc4351;outline-offset:1px}
:is(.webmail-shell,.management-shell,.drive-app-layout) input[type=checkbox]{accent-color:#c91e2e;width:16px;height:16px;flex-shrink:0;cursor:pointer}
:is(.webmail-shell,.management-shell,.drive-app-layout) .page-heading h1{font-size:clamp(25px,2.2vw,31px);font-weight:700;letter-spacing:-.8px;line-height:1.25}
:is(.webmail-shell,.management-shell,.drive-app-layout) .page-heading p{font-size:13px;color:var(--yeto-muted);max-width:760px;line-height:1.75;margin-top:8px}
:is(.webmail-shell,.management-shell,.drive-app-layout) :is(.sf-panel,.sf-card){border-radius:17px;box-shadow:0 4px 18px #20191b04}
:is(.webmail-shell,.management-shell,.drive-app-layout) :is(.topbar,.drive-app-topbar){gap:20px;box-shadow:0 2px 12px #14121a03}
:is(.webmail-shell,.management-shell,.drive-app-layout) .top-actions{flex-wrap:nowrap;gap:10px;min-width:0}
:is(.webmail-shell,.management-shell,.drive-app-layout) .userbutton b{font-size:13px;font-weight:700}
:is(.webmail-shell,.management-shell,.drive-app-layout) .userbutton small{font-size:11px;line-height:1.5}
:is(.webmail-shell,.management-shell,.drive-app-layout) .header-search{border-radius:13px;background:var(--sf-card);max-width:670px}
:is(.webmail-shell,.management-shell,.drive-app-layout) .sidebar{scrollbar-width:thin;scrollbar-color:#aaa5 transparent;overscroll-behavior:contain;scroll-padding:16px}
:is(.webmail-shell,.management-shell,.drive-app-layout) .sidebar :is(.logo,.surface-wordmark,.drive-app-wordmark){flex-shrink:0}
:is(.webmail-shell,.management-shell,.drive-app-layout) .navitem{font-size:12px;line-height:1.5;min-height:42px;position:relative}
:is(.webmail-shell,.management-shell,.drive-app-layout) .navitem.active{box-shadow:inset 3px 0 0 #c91e2e}
:is(.webmail-shell,.management-shell,.drive-app-layout) .navitem:hover{background:var(--yeto-hover)}
:is(.webmail-shell,.management-shell,.drive-app-layout) .navitem .count:not(:empty){padding:1px 7px;border-radius:7px;background:#c91e2e10;color:var(--accent);font-size:11px;font-weight:750}
:is(.webmail-shell,.management-shell,.drive-app-layout) :is(.mail-context,.admin-context){font-size:11px;line-height:1.5}
.mail-filter-tabs{gap:5px;scrollbar-width:thin}.mail-filter-tabs .btn{white-space:nowrap;padding:11px 14px;border-radius:10px 10px 0 0;gap:9px;font-size:13px}.mail-filter-tabs .btn.active{font-weight:750}
.mail-tools{gap:9px}.mail-tools #selection-status{font-size:12px}.mail-tools .btn{min-height:39px}.mail-workspace .mail-row{background:var(--yeto-read);border-bottom-color:var(--sf-border);font-size:13px;min-height:76px;transition:background-color 140ms}
.mail-workspace .mail-row:hover,.mail-workspace .mail-row:focus-within{background:var(--sf-card-alt)}
.mail-workspace .mail-row.unread{background:var(--yeto-unread);box-shadow:inset 3px 0 0 #c91e2e}.mail-workspace .mail-row.unread .mail-subject-title{font-weight:750}.mail-row .sender{font-size:13px;font-weight:600}.mail-row .preview{color:var(--yeto-muted);font-size:12px;line-height:1.65}.mail-row .mail-subject-title{line-height:1.65}.mail-row time{font-size:11px;line-height:1.5}.mail-row .mail-initial{border:1px solid var(--sf-border);background:var(--sf-card);color:var(--yeto-muted)}.mail-row.unread .mail-initial{border-color:#c91e2e28;color:#b32131;background:#c91e2e08}.mail-pagination{padding-top:16px;padding-bottom:12px}.mail-pagination small{font-size:11px}
.view-grid .mail-row{border:1px solid var(--sf-border);border-radius:15px;box-shadow:0 3px 12px #18111a04}.view-grid .mail-row.unread{border-color:#c91e2e35}.view-grid .mail-row .preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden}
.empty{max-width:620px;margin:0 auto;padding:65px 24px;color:var(--yeto-muted,var(--sf-muted))}.empty>svg{padding:14px;width:68px;height:68px;background:var(--sf-card-alt);border:1px solid var(--sf-border);border-radius:22px;color:#a77b45;margin-bottom:18px}.empty b{font-size:18px;font-weight:700;line-height:1.5}.empty p{font-size:13px;line-height:1.8;max-width:400px;margin:8px auto}.empty:has([data-yeto-icon=loader])>svg{animation:yeto-loading 1.5s linear infinite}
@keyframes yeto-loading{to{transform:rotate(360deg)}}
.compose-sheet .recipient-heading{font-size:12px;color:var(--yeto-muted);padding-bottom:5px}.compose-sheet .editor-toolbar{padding:10px 12px;gap:5px}.compose-sheet .editor-toolbar .btn{border-radius:7px;min-width:32px}.compose-sheet .editor-toolbar .btn:hover{background:#c91e2e0c}.compose-sheet .mail-editor{line-height:1.8;padding:22px;scroll-padding:22px}.compose-sheet .compose-assist-bar{gap:12px}.compose-sheet .form-actions{border-top:1px solid var(--sf-border)}.compose-sheet #attachment-name{font-size:11px;line-height:1.6}
.message-header{padding-bottom:20px;border-bottom:1px solid var(--sf-border)}.message-header .message-meta{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.message-body{font-size:14px;line-height:1.85}.profile-tabs{gap:7px;scrollbar-width:thin}.profile-section h2{font-weight:700}.profile-section>p,.profile-section small{line-height:1.8}.profile-section small{font-size:11px}
.yeto-dialog .swal2-title{font-weight:700;line-height:1.35}.yeto-dialog .swal2-html-container{scrollbar-width:thin;scroll-padding:16px}.yeto-dialog .field>span{font-size:13px}.yeto-dialog .swal2-validation-message{background:#c91e2e0a;color:var(--sf-text);font-size:13px;border-radius:10px;margin:12px 25px}.yeto-dialog .swal2-actions{flex-shrink:0}.yeto-dialog input::placeholder{color:var(--sf-muted)}
.drive-app-layout .drive-tile{border-radius:17px;transition:box-shadow 140ms,border-color 140ms;box-shadow:0 3px 14px #20191b04}.drive-app-layout .drive-tile:hover,.drive-app-layout .drive-tile:focus-within{border-color:#c997684f;box-shadow:0 7px 24px #20191b0a}.drive-app-layout .drive-file-name b{font-size:13px;font-weight:650;line-height:1.6}.drive-app-layout .drive-file-name small,.drive-app-layout .drive-modified{font-size:11px;line-height:1.6}.drive-app-layout .drive-docs-create .btn{border-radius:17px}.drive-app-layout .drive-docs-create .btn small{font-size:12px;line-height:1.7}.drive-app-layout .drive-side-storage progress{overflow:hidden;background:var(--sf-border)}.drive-side-storage progress::-webkit-progress-bar{background:var(--sf-border);border-radius:8px}.drive-side-storage progress::-webkit-progress-value{background:#c91e2e;border-radius:8px}.drive-side-storage progress::-moz-progress-bar{background:#c91e2e;border-radius:8px}.drive-app-layout .drive-footer small{font-size:11px}.drive-app-layout #drive-progress{border:1px solid var(--sf-border);border-radius:13px;background:var(--sf-card);box-shadow:var(--sf-shadow);padding:14px 18px}
.table-tools .btn{min-height:38px!important;font-size:12px}.table-shell td{font-size:13px}.table-shell th{font-size:11px}.table-shell .sf-dt-footer{font-size:12px}.table-shell .table-tools input{font-size:13px}.error{line-height:1.75}.notice{line-height:1.8}.export-picker-options{z-index:65}
[data-theme=dark] :is(.mail-context,.signup-demo-note){background:#2c2922;color:#d1c8aa}[data-theme=dark] :is(.mail-category-badge,.badge.red){color:#ff9ba7;border-color:#ff899b38}[data-theme=dark] .badge.green{color:#8bd9bc}[data-theme=dark] .navitem.active{color:#ffb3bd}[data-theme=dark] .mail-row.unread .mail-initial{color:#ffb3bd}[data-theme=dark] .mail-filter-tabs .btn.active{color:#ffa6b3}[data-theme=dark] .export-picker-options>button[aria-pressed=true]{color:#ffb3bd}[data-theme=dark] .fc{--fc-page-bg-color:var(--sf-card);--fc-neutral-bg-color:var(--sf-card-alt);--fc-border-color:var(--sf-border);--fc-list-event-hover-bg-color:var(--sf-card-alt);--fc-today-bg-color:#d29d2912;--fc-button-bg-color:var(--sf-card-alt);--fc-button-border-color:var(--sf-border);--fc-button-text-color:var(--sf-text)}
@media(max-width:1100px){.top-actions .userbutton small{max-width:160px;overflow:hidden;text-overflow:ellipsis}.header-search{min-width:140px}.drive-app-topbar{gap:15px}.table-tools>.row{gap:7px}}
@media(max-width:800px){:is(.webmail-shell,.management-shell,.drive-app-layout) :is(.topbar,.drive-app-topbar){gap:8px;padding-left:12px;padding-right:12px}:is(.webmail-shell,.management-shell,.drive-app-layout) .top-actions{gap:6px}:is(.webmail-shell,.management-shell,.drive-app-layout) .top-actions .icon-btn,:is(.webmail-shell,.management-shell,.drive-app-layout) .yeto-app-switch>summary{width:40px;height:40px}:is(.webmail-shell,.management-shell,.drive-app-layout) .page-heading p{font-size:12px}.mail-filter-tabs .btn{font-size:12px;padding:10px 12px}.mail-tools #selection-status{font-size:11px}.view-grid .mail-row{padding:17px}.mail-row .preview{font-size:12px}.compose-sheet .editor-toolbar{padding:8px;gap:3px}.compose-sheet .mail-editor{padding:17px}.compose-sheet .attachment-actions{row-gap:8px!important}.yeto-dialog .swal2-actions .swal2-styled{min-height:44px}.yeto-dialog .swal2-html-container{max-height:56dvh}.profile-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%}.profile-tabs>.btn{flex-shrink:0}.drive-app-layout .drive-app-content{padding-left:16px;padding-right:16px}.drive-selection>div{flex-wrap:wrap;gap:8px}.empty{padding:45px 18px}.empty b{font-size:17px}.table-tools>.row{width:100%;flex-wrap:wrap}.table-tools .btn{min-height:40px!important}.export-picker-options{right:0;width:180px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}