/* SpeedMail unified product interface — calm, legible, touch friendly.
   Built from widely used neutral-surface / selective-accent design patterns. */
:root{
 --sm-ui-canvas:#f5f7f6;
 --sm-ui-surface:#fff;
 --sm-ui-ink:#213c3b;
 --sm-ui-brand:#315c57;
 --sm-ui-brand-hover:#264c47;
 --sm-ui-secondary:#eaf1ef;
 --sm-ui-secondary-ink:#234945;
 --sm-ui-blue:#426779;
 --sm-ui-blue-tint:#edf3f5;
 --sm-ui-line:#c9d7d2;
 --sm-ui-muted:#657875;
 --sm-ui-warning-bg:#f6efe3;
 --sm-ui-warning-text:#705637;
 --sm-ui-danger:#904d4d;
 --sm-ui-danger-bg:#fbf2f2;
 --sm-ui-radius:11px;
 --sm-ui-shadow:0 1px 4px #1c40321a;
}
:where(.app,#signStudio,.businessOverlay,.speedModal,.mailBundle,.mailBundleOverlay){
 color:var(--sm-ui-ink);
}
:where(.app,#signStudio,.businessOverlay,.speedModal,.mailBundle,.mailBundleOverlay)
 :is(button,[role="button"],summary){
 font-family:Arial,sans-serif;
 transition:background-color .12s ease,border-color .12s ease;
 -webkit-tap-highlight-color:transparent;
}
:where(.app,#signStudio,.businessOverlay,.speedModal,.mailBundle,.mailBundleOverlay)
 :is(button,[role="button"],summary):focus-visible{
 outline:3px solid #83a8a0!important;outline-offset:2px!important
}
:where(.app,#signStudio,.businessOverlay,.speedModal,.mailBundle,.mailBundleOverlay)
 :is(button,input,textarea,select):disabled{cursor:not-allowed;opacity:.6}
.signStudio{
 background:var(--sm-ui-canvas)!important;color:var(--sm-ui-ink)!important;
}
.signStudio .signTop{
 box-sizing:border-box!important;
 background:#31544f!important;color:#fff!important;
 gap:5px!important;padding:7px 8px!important;
 align-items:center!important;align-content:flex-start!important;
}
.signStudio .signTop #signStudioTitle{
 order:0!important;flex:1 0 100%!important;width:100%!important;
 font-size:16px!important;line-height:1.15!important;
 text-align:right!important;margin:0 0 1px!important
}
.signStudio .signTop :is(button,.signTranslateMenu summary,.signTranslateSource){
 box-shadow:none!important;text-shadow:none!important;
 font-weight:800!important;
}
.signStudio .signTop>button,
.signStudio .signTop :is(.viewerSignButton,.signFieldsOpenButton,.signPreviewAllButton,.viewerCloseButton,.signSendOtherButton,
 .documentTranslationModeButton,.documentTranslationReviewButton,.signPrintButton,.signShareButton,.signFocusOpenButton){
 box-sizing:border-box!important;
 flex:1 1 calc(50% - 6px)!important;
 width:auto!important;min-width:0!important;max-width:none!important;
 min-height:42px!important;height:auto!important;max-height:none!important;
 padding:7px 9px!important;margin:0!important;
 border:1px solid #c2d4cc!important;border-radius:10px!important;
 background:#f6f9f7!important;color:#254d44!important;
 font-size:14px!important;line-height:1.2!important;
 font-weight:850!important;box-shadow:none!important;
 text-align:center!important;align-self:auto!important;
}
.signStudio .signTop :is(.viewerSignButton,.signFieldsOpenButton){
 background:#e8efed!important;color:#22463f!important;
 border:1px solid #b9cec5!important;
}
.signStudio .signTop .viewerCloseButton{
 flex:1 1 calc(50% - 6px)!important;
 background:var(--sm-ui-danger-bg)!important;
 color:var(--sm-ui-danger)!important;
 border-color:#d7aaaa!important;
}
.signStudio .signTop :is(.signSendOtherButton,.signSendReplyButton,.signReplyButton){
 background:var(--sm-ui-brand)!important;color:#fff!important;
 border:1px solid #74958c!important;
}
.signStudio .signTop .signPreviewAllButton{
 background:#e9f1ee!important;color:#234e41!important
}
.signStudio .signTop .signTranslateControl{
 order:2!important;display:flex!important;
 flex:1 1 calc(50% - 6px)!important;
 box-sizing:border-box!important;width:auto!important;min-width:0!important;
 max-width:none!important;gap:0!important;
 margin:0!important;align-self:auto!important;justify-self:auto!important
}
.signStudio .signTop .signTranslateButton{
 flex:1 1 auto!important;box-sizing:border-box!important;
 width:auto!important;min-width:0!important;max-width:none!important;
 min-height:42px!important;height:auto!important;max-height:none!important;
 margin:0!important;padding:7px 5px!important;
 border:1px solid #bad1c5!important;border-radius:0 10px 10px 0!important;
 background:#edf3f0!important;color:#234b42!important;
 font-size:13px!important;line-height:1.2!important;
 box-shadow:none!important;
}
.signStudio .signTop .signTranslateMenu{
 flex:0 0 33px!important;max-width:33px!important;min-width:33px!important
}
.signStudio .signTop .signTranslateMenu summary{
 width:33px!important;min-height:42px!important;max-height:none!important;
 padding:5px!important;box-sizing:border-box!important;
 border:1px solid #bad1c5!important;border-right:0!important;
 border-radius:10px 0 0 10px!important;
 background:#edf3f0!important;color:#234b42!important;
 font-size:15px!important;box-shadow:none!important;
}
.signStudio .signTop .signTranslateSourceLabel{
 order:4!important;flex:1 1 calc(50% - 6px)!important;
 width:auto!important;min-width:0!important;
 margin:0!important;gap:5px!important;
 color:#e3efea!important;font-size:12px!important;
 align-items:center!important;justify-content:space-between!important
}
.signStudio .signTop .signTranslateSource{
 box-sizing:border-box!important;flex:1 1 125px!important;min-width:0!important;
 max-width:175px!important;min-height:39px!important;padding:6px!important;
 background:#fff!important;color:#254640!important;
 border:1px solid #b9ccc4!important;border-radius:9px!important;
 font-size:13px!important
}
.signStudio .signTop .signSendActionPair{
 display:contents!important
}
.signStudio .signTop .documentTranslationModeButton,
.signStudio .signTop .documentTranslationReviewButton{flex:1 1 calc(50% - 6px)!important}
.signStudio .signTop .signTranslateOptions{
 background:#fff!important;border:1px solid var(--sm-ui-line)!important;
 box-shadow:0 5px 20px #0002!important;border-radius:11px!important;
 padding:7px!important
}
.signStudio .signTop .signTranslateOptions button{
 background:var(--sm-ui-secondary)!important;color:var(--sm-ui-secondary-ink)!important;
 border:1px solid #c4d7ce!important;border-radius:8px!important;
 min-height:40px!important;font-size:13px!important;
}
.signStudio .signTranslationStatus,
.signStudio .signTranslationStatus,
.signStudio #signTranslateStatus{
 border:1px solid #bfcfc6!important;
 background:#edf3ef!important;color:#34534a!important;
 padding:5px 8px!important;margin:0!important;
 font-size:12px!important;line-height:1.35!important;
 text-align:start!important;box-shadow:none!important
}
.signStudio :is(.signTranslationStatus,.signingTranslationStatus,.documentTranslationStatus).error,
.signStudio [role="alert"]{
 background:var(--sm-ui-danger-bg)!important;color:var(--sm-ui-danger)!important;
 border-color:#ddc2c2!important
}
.signStudio .signDocArea{padding:5px!important;background:#f9fbfa!important}
.signStudio .signHint{background:#f0f4ef!important;color:#476256!important}
.signStudio .signBottom{background:#eaf1ed!important;border-color:#cbdcd4!important}
.signStudio .signBottom button,
.mailBundleActions button,
.bundleTranslate,.bundleLanguageArrow,.bundleOriginalDownload,.bundleSignCancel,.bundleRemoveFile,
.signStudio .signControls button,.signStudio .signFieldsPanel button{
 border:1px solid #b7d0c3!important;border-radius:9px!important;
 background:#edf3f0!important;color:#294f45!important;
 box-shadow:none!important;font-weight:800!important;
}
.mailBundleActions button,.signStudio .signBottom button{
 min-height:43px!important;padding:7px 10px!important;font-size:13px!important
}
.mailBundleActions :is(.bundleApprove,.bundleForward),
.signStudio :is(.signBottom .primary,.signConfirm){
 background:var(--sm-ui-brand)!important;color:#fff!important;
 border-color:#6f9188!important
}
.mailBundleActions .bundleSign{
 background:#f2eee4!important;color:#655033!important;
 border-color:#d4c6a7!important
}
.mailBundleActions .bundleDownload{
 background:var(--sm-ui-blue-tint)!important;color:#365b6c!important;
 border-color:#c2d6df!important
}
.signStudio .signTop .signSendOtherButton{min-height:43px!important}
.signStudio :is(.signPadCard,.signedReviewCard,.signFieldsPanel,.signTranslationReviewCard){
 background:#fff!important;border-color:#c7d8d0!important;
 color:var(--sm-ui-ink)!important;box-shadow:0 2px 12px #162d2320!important
}
.signStudio :is(.signScrollCue,.signingTranslationOverflowPanel){
 background:#f1f5f2!important;color:#35574b!important;
 border-color:#c6d6ce!important;box-shadow:none!important
}
.signStudio :is(.signingTranslationOverflowClose,.signTranslationReviewClose){
 background:#e6eeea!important;color:#345248!important;border-color:#b9c9bf!important
}
.mailBundleOverlay,.mailBundle,.bundlePages{
 background:#f5f7f6!important;color:var(--sm-ui-ink)!important
}
#home .speedMailUnifiedNav :is(button,span){
 border-radius:10px!important;
}
#home .speedMailUnifiedNav .mailboxButton{
 background:#f8faf9!important;color:#294f45!important;
 border:1px solid #cddcd4!important;box-shadow:none!important
}
#home .speedMailUnifiedNav .mailboxButton.active{
 background:#315c57!important;color:#fff!important
}
#home .speedMailUnifiedNav .mailboxButton.hasNewMail{
 background:#416879!important;color:#fff!important;
 box-shadow:0 0 0 1px #b6ccd3!important;animation:none!important
}
#home .speedMailUnifiedNav #composeNewMail,
#home .speedMailUnifiedNav #speedChatOpenButton{
 border-width:1px!important;box-shadow:none!important
}
#home .speedMailActionsMenu>summary{background:#f3f6f4!important;border-color:#cbdad1!important;box-shadow:none!important}
@media(max-width:360px){
 .signStudio .signTop :is(button,.signTranslateSource){font-size:12px!important}
 .signStudio .signTop{gap:4px!important;padding:5px!important}
 .signStudio .signTop .signTranslateSourceLabel{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
 .app button,.signStudio button,.businessOverlay button{transition:none!important;animation:none!important}
}

/* Files, photos, attachments and secondary inbox actions share one visual system. */
.app :is(
 .mailImageOpenButton,.mailImageCount,.mailFileOpenButton,
 .previewAttachmentButton,.documentArchiveQuickSave,.mailboxLoadMore,
 .filePreview button,.fileCard button,.selectedAttachmentRow button,
 .mailQuickActions button,.mailTranslateTools button,
 .composerTools button,.composerOptions summary,
 .mailReplyActions button,.mailHistoryRectangle button,
 .bundleOriginalDownload,.bundleDownload,.bundleSign
){
 box-sizing:border-box!important;
 min-height:40px!important;
 padding:7px 10px!important;
 border:1px solid #c3d6cc!important;
 border-radius:10px!important;
 background:#edf2ef!important;
 color:#294e45!important;
 font-size:13px!important;
 font-weight:800!important;
 line-height:1.2!important;
 box-shadow:none!important;
 text-shadow:none!important;
}
.app :is(.mailImageOpenButton,.previewAttachmentButton,.bundleDownload){
 background:#edf3f5!important;
 color:#36596a!important;
 border-color:#c1d4de!important
}
.app :is(.mailImageCount,.mailAttachmentNotice){
 background:#f0f2ed!important;
 color:#506252!important;
 border-color:#cdd9ca!important;
 box-shadow:none!important
}
.app :is(.mailReplyActions .mailReplyButton,.mailActions .mailActionArchive){
 background:#315c57!important;color:#fff!important;
 border-color:#70948a!important
}
.app :is(.mailActions .mailActionTrash,.mailActions .mailDeleteAction,.mailDeleteAction){
 background:#faf0f0!important;color:#8c4c4c!important;
 border-color:#e2c6c6!important
}
.app :is(.mailImageOpenButton,.previewAttachmentButton,.mailFileOpenButton,.mailboxLoadMore):active{
 background:#dbe7e0!important
}
.app :is(.fileCard,.compactFileCard,.mailAttachment,.selectedAttachmentRow){
 border-color:#cbdad2!important;
 border-radius:11px!important;
 box-shadow:0 1px 4px #17382b14!important
}
.app :is(.mailImageCount,.mailAttachmentNotice,.mailFullBody,.filePreview) {
 font-family:Arial,sans-serif
}
.signStudio .signTop .signTranslateButton,
.signStudio .signTop .viewerSignButton{
 -webkit-tap-highlight-color:transparent;
}
@media(max-width:370px){
 .app :is(.mailFileOpenButton,.previewAttachmentButton,.mailImageOpenButton){
  font-size:12px!important;padding:7px 6px!important
 }
}