/* ItnaOne V1.10.6 — Handsome Compose UI */
:root{
  --io-compose-blue:#0b57d0;
  --io-compose-cyan:#14b8e6;
  --io-compose-ink:#202124;
  --io-compose-muted:#6f7d91;
  --io-compose-line:#dbe4f0;
  --io-compose-soft:#f7faff;
  --io-compose-shadow:0 18px 54px rgba(34,66,108,.10);
}
body.compose-page .itnaone-view-stage{background:linear-gradient(180deg,#f5f8fd 0%,#f9fbff 58%,#f5f8fc 100%)!important}
body.compose-page .compose-v6.io-compose-premium{
  width:min(100%,1040px)!important;max-width:1040px!important;
  margin:0 auto!important;padding:22px 18px calc(102px + env(safe-area-inset-bottom,0px))!important;
}
body.compose-page .io-compose-card{
  width:100%!important;min-height:0!important;height:auto!important;margin:0!important;
  overflow:hidden!important;border:1px solid rgba(203,215,231,.9)!important;border-radius:30px!important;
  background:rgba(255,255,255,.985)!important;box-shadow:var(--io-compose-shadow)!important;
}
body.compose-page .io-compose-header{
  min-height:104px!important;margin:0!important;padding:24px 28px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
  border:0!important;border-bottom:1px solid #e8edf4!important;background:linear-gradient(135deg,#fff 0%,#f7fbff 100%)!important;
}
body.compose-page .io-compose-heading{min-width:0!important}
body.compose-page .io-compose-kicker{display:block!important;margin:0 0 8px!important;color:#71819a!important;font-size:11px!important;font-weight:850!important;letter-spacing:.16em!important}
body.compose-page .io-compose-header h1{margin:0!important;color:var(--io-compose-ink)!important;font-size:31px!important;line-height:1.05!important;font-weight:820!important;letter-spacing:-.025em!important}
body.compose-page .io-compose-header p{display:block!important;margin:8px 0 0!important;color:#778399!important;font-size:14px!important;line-height:1.35!important}
body.compose-page .io-compose-head-actions{display:flex!important;align-items:center!important;gap:10px!important}
body.compose-page .io-compose-head-send,
body.compose-page .io-compose-close{
  width:46px!important;height:46px!important;min-width:46px!important;display:grid!important;place-items:center!important;
  margin:0!important;padding:0!important;border-radius:17px!important;text-decoration:none!important;
}
body.compose-page .io-compose-head-send{border:1px solid #d8e7fb!important;background:#eef6ff!important;color:var(--io-compose-blue)!important;box-shadow:0 7px 20px rgba(11,87,208,.08)!important}
body.compose-page .io-compose-close{border:1px solid transparent!important;background:transparent!important;color:#526173!important}
body.compose-page .io-compose-head-send svg,
body.compose-page .io-compose-close svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.compose-page .io-compose-head-send:active,
body.compose-page .io-compose-close:active{transform:scale(.97)!important}
body.compose-page .io-compose-error{margin:18px 24px 0!important}
body.compose-page .io-compose-form{display:grid!important;gap:16px!important;padding:22px 26px 28px!important}

body.compose-page .io-compose-field{
  min-height:66px!important;display:grid!important;grid-template-columns:30px auto minmax(0,1fr) auto!important;
  align-items:center!important;gap:11px!important;margin:0!important;padding:0 18px!important;
  border:1px solid var(--io-compose-line)!important;border-radius:18px!important;background:#fff!important;
  box-shadow:0 5px 18px rgba(34,66,108,.035)!important;
}
body.compose-page .io-compose-field:focus-within{border-color:#8bb7f5!important;box-shadow:0 0 0 4px rgba(11,87,208,.07),0 8px 22px rgba(34,66,108,.05)!important}
body.compose-page .io-compose-field-icon{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;color:#49617c!important}
body.compose-page .io-compose-field-icon svg,
body.compose-page .io-compose-contact-link svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.compose-page .io-compose-field label{margin:0!important;color:#536174!important;font-size:15px!important;line-height:1!important;font-weight:720!important;white-space:nowrap!important}
body.compose-page .io-compose-field input{
  width:100%!important;min-width:0!important;height:62px!important;min-height:62px!important;margin:0!important;padding:0!important;
  border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:#202124!important;font-size:16px!important;line-height:62px!important;text-align:left!important;
}
body.compose-page .io-compose-field input::placeholder{color:#a0a8b3!important}
body.compose-page .io-compose-contact-link{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;color:var(--io-compose-blue)!important;border-radius:12px!important;text-decoration:none!important;background:#f1f6ff!important}
body.compose-page .io-compose-split{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
body.compose-page .io-compose-field-compact{grid-template-columns:28px auto minmax(0,1fr)!important;padding-left:15px!important;padding-right:15px!important}
body.compose-page .io-compose-field-compact input{height:60px!important;min-height:60px!important;line-height:60px!important}
body.compose-page .io-compose-subject{grid-template-columns:30px auto minmax(0,1fr)!important}

body.compose-page .io-compose-editor{
  overflow:hidden!important;border:1px solid var(--io-compose-line)!important;border-radius:22px!important;background:#fff!important;
  box-shadow:0 8px 26px rgba(34,66,108,.045)!important;
}
body.compose-page .io-compose-toolbar{
  min-height:60px!important;display:flex!important;align-items:center!important;gap:7px!important;padding:9px 12px!important;
  overflow-x:auto!important;overflow-y:hidden!important;border-bottom:1px solid #e9eef5!important;background:linear-gradient(180deg,#fbfdff,#f8fbff)!important;
  scrollbar-width:none!important;
}
body.compose-page .io-compose-toolbar::-webkit-scrollbar{display:none!important}
body.compose-page .io-compose-tool{
  min-width:max-content!important;height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  margin:0!important;padding:0 12px!important;border:0!important;border-radius:13px!important;background:transparent!important;color:#41536b!important;
  text-decoration:none!important;font:inherit!important;font-size:13px!important;font-weight:720!important;cursor:pointer!important;
}
body.compose-page .io-compose-tool:hover,
body.compose-page .io-compose-tool:focus-visible{background:#edf4ff!important;color:var(--io-compose-blue)!important;outline:0!important}
body.compose-page .io-compose-tool svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.85!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.compose-page .io-compose-message-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.compose-page .io-compose-editor textarea{
  display:block!important;width:100%!important;min-height:390px!important;height:auto!important;margin:0!important;padding:24px 24px 30px!important;
  resize:vertical!important;border:0!important;outline:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;
  color:#202124!important;font:inherit!important;font-size:16px!important;line-height:1.65!important;text-align:left!important;
}
body.compose-page .io-compose-editor textarea::placeholder{color:#9aa5b3!important}
body.compose-page .io-compose-editor:focus-within{border-color:#9cbef1!important;box-shadow:0 0 0 4px rgba(11,87,208,.06)!important}

body.compose-page .io-compose-attachment{
  position:relative!important;display:block!important;min-height:0!important;height:auto!important;margin:0!important;padding:20px!important;
  overflow:visible!important;border:1px dashed #aebfd8!important;border-radius:20px!important;background:linear-gradient(135deg,#f8fbff,#fff)!important;
  cursor:default!important;z-index:auto!important;
}
body.compose-page .io-compose-attachment-title{display:flex!important;align-items:center!important;gap:13px!important;margin:0!important;position:static!important;pointer-events:auto!important}
body.compose-page .io-compose-attachment-icon{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#edf5ff!important;color:var(--io-compose-blue)!important}
body.compose-page .io-compose-attachment-icon svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.compose-page .io-compose-attachment-title strong{display:block!important;margin:0!important;color:#202124!important;font-size:16px!important;line-height:1.2!important;font-weight:780!important}
body.compose-page .io-compose-attachment-title small{display:block!important;margin:5px 0 0!important;color:#7a8799!important;font-size:13px!important;line-height:1.35!important}
body.compose-page .io-compose-attachment #compose-attachments{
  position:static!important;display:block!important;width:100%!important;height:54px!important;min-height:54px!important;
  margin:16px 0 0!important;padding:7px 10px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  clip:auto!important;clip-path:none!important;overflow:visible!important;border:1px solid #d7e1ee!important;border-radius:15px!important;
  background:#fff!important;color:#333!important;font-size:15px!important;cursor:pointer!important;-webkit-appearance:auto!important;appearance:auto!important;
}
body.compose-page .io-compose-attachment #compose-attachments::file-selector-button{
  min-height:38px!important;margin:0 12px 0 0!important;padding:0 16px!important;border:1px solid #c7d7ea!important;border-radius:12px!important;
  background:#f8fbff!important;color:var(--io-compose-blue)!important;font-weight:760!important;cursor:pointer!important;
}
body.compose-page .io-compose-file-status{margin:10px 1px 0!important;color:#778397!important;font-size:13px!important;line-height:1.4!important}
body.compose-page .io-compose-attachment.has-files{border-color:#79a9ef!important;background:#f5f9ff!important}
body.compose-page .io-compose-attachment.has-files .io-compose-file-status{color:var(--io-compose-blue)!important;font-weight:700!important}
body.compose-page .compose-selected-files,
body.compose-page .itnaone-file-button,
body.compose-page .itnaone-file-status{display:none!important}

body.compose-page .io-compose-schedule{
  margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid #d7e5f6!important;border-radius:18px!important;background:#f7fbff!important;
}
body.compose-page .io-compose-schedule summary{
  min-height:54px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:0 16px!important;cursor:pointer!important;
  color:#234c86!important;font-size:14px!important;font-weight:780!important;list-style:none!important;
}
body.compose-page .io-compose-schedule summary::-webkit-details-marker{display:none!important}
body.compose-page .io-compose-schedule summary span{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;color:var(--io-compose-blue)!important}
body.compose-page .io-compose-schedule summary svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.compose-page .io-compose-schedule[open]{padding-bottom:15px!important}
body.compose-page .io-compose-schedule label{display:grid!important;gap:7px!important;margin:0!important;padding:0 16px!important;color:#526174!important;font-size:13px!important;font-weight:720!important}
body.compose-page .io-compose-schedule input{min-height:48px!important;padding:0 12px!important;border:1px solid #ccd9e9!important;border-radius:13px!important;background:#fff!important;color:#202124!important;font-size:15px!important}
body.compose-page .io-compose-schedule>small{display:block!important;margin:10px 16px 0!important;color:#7a8799!important;font-size:12px!important;line-height:1.45!important}

body.compose-page .io-compose-footer-tools{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0!important;
}
body.compose-page .io-compose-footer-tools>a,
body.compose-page .io-compose-footer-tools>button{
  min-height:66px!important;display:grid!important;grid-template-rows:26px auto!important;align-content:center!important;justify-items:center!important;gap:4px!important;
  margin:0!important;padding:8px 6px!important;border:1px solid #e0e7f0!important;border-radius:17px!important;background:#fff!important;color:#44556c!important;
  text-decoration:none!important;font:inherit!important;font-size:11px!important;font-weight:720!important;cursor:pointer!important;box-shadow:0 5px 18px rgba(34,66,108,.035)!important;
}
body.compose-page .io-compose-footer-tools svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.compose-page .io-compose-footer-tools>a:hover,
body.compose-page .io-compose-footer-tools>button:hover{border-color:#b9d1f3!important;background:#f5f9ff!important;color:var(--io-compose-blue)!important}

body.compose-page .io-compose-actions{
  position:static!important;inset:auto!important;clear:both!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;
  margin:0!important;padding:4px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;z-index:auto!important;
}
body.compose-page .io-compose-send{
  min-width:150px!important;height:50px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  margin:0!important;padding:0 24px!important;border:0!important;border-radius:17px!important;background:linear-gradient(135deg,#0b57d0 0%,#1473e6 70%,#17b9dc 140%)!important;
  color:#fff!important;font-size:15px!important;font-weight:800!important;box-shadow:0 10px 24px rgba(11,87,208,.23)!important;cursor:pointer!important;
}
body.compose-page .io-compose-send svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.compose-page .io-compose-cancel{height:50px!important;min-width:106px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 18px!important;border:1px solid #d5deea!important;border-radius:17px!important;background:#fff!important;color:#4b596c!important;text-decoration:none!important;font-size:14px!important;font-weight:720!important}

@media (max-width:760px){
  body.compose-page .compose-v6.io-compose-premium{padding:12px 10px calc(88px + env(safe-area-inset-bottom,0px))!important}
  body.compose-page .io-compose-card{border-radius:24px!important;box-shadow:0 10px 34px rgba(34,66,108,.08)!important}
  body.compose-page .io-compose-header{min-height:82px!important;padding:16px 18px!important}
  body.compose-page .io-compose-kicker{display:none!important}
  body.compose-page .io-compose-header h1{font-size:23px!important}
  body.compose-page .io-compose-header p{display:none!important}
  body.compose-page .io-compose-head-send,
  body.compose-page .io-compose-close{width:40px!important;height:40px!important;min-width:40px!important;border-radius:14px!important}
  body.compose-page .io-compose-head-send svg,
  body.compose-page .io-compose-close svg{width:21px!important;height:21px!important}
  body.compose-page .io-compose-form{gap:13px!important;padding:15px 14px 20px!important}
  body.compose-page .io-compose-field{min-height:58px!important;grid-template-columns:26px auto minmax(0,1fr) auto!important;gap:9px!important;padding:0 13px!important;border-radius:16px!important}
  body.compose-page .io-compose-field-icon{width:24px!important;height:24px!important}
  body.compose-page .io-compose-field-icon svg{width:21px!important;height:21px!important}
  body.compose-page .io-compose-field label{font-size:14px!important}
  body.compose-page .io-compose-field input{height:56px!important;min-height:56px!important;line-height:56px!important;font-size:15px!important}
  body.compose-page .io-compose-contact-link{width:34px!important;height:34px!important}
  body.compose-page .io-compose-split{grid-template-columns:1fr 1fr!important;gap:10px!important}
  body.compose-page .io-compose-field-compact{grid-template-columns:24px auto minmax(0,1fr)!important;padding-left:11px!important;padding-right:11px!important}
  body.compose-page .io-compose-field-compact .io-compose-field-icon{display:none!important}
  body.compose-page .io-compose-field-compact{grid-template-columns:auto minmax(0,1fr)!important}
  body.compose-page .io-compose-field-compact input{height:54px!important;min-height:54px!important;line-height:54px!important}
  body.compose-page .io-compose-toolbar{min-height:54px!important;padding:7px 8px!important;gap:5px!important}
  body.compose-page .io-compose-tool{height:38px!important;padding:0 10px!important;font-size:12px!important}
  body.compose-page .io-compose-tool svg{width:19px!important;height:19px!important}
  body.compose-page .io-compose-editor textarea{min-height:330px!important;padding:20px 18px 24px!important;font-size:15px!important;line-height:1.62!important}
  body.compose-page .io-compose-attachment{margin:0!important;padding:16px!important;min-height:0!important;border-radius:18px!important}
  body.compose-page .io-compose-attachment-icon{width:38px!important;height:38px!important;border-radius:13px!important}
  body.compose-page .io-compose-attachment #compose-attachments{height:52px!important;min-height:52px!important;margin-top:14px!important;padding:6px 8px!important;font-size:14px!important}
  body.compose-page .io-compose-attachment #compose-attachments::file-selector-button{min-height:38px!important;padding:0 12px!important;margin-right:8px!important}
  body.compose-page .io-compose-footer-tools{gap:7px!important}
  body.compose-page .io-compose-footer-tools>a,
  body.compose-page .io-compose-footer-tools>button{min-height:62px!important;border-radius:15px!important;font-size:10px!important;padding:7px 3px!important}
  body.compose-page .io-compose-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 100px!important;gap:9px!important;padding:1px 0 0!important}
  body.compose-page .io-compose-send,
  body.compose-page .io-compose-cancel{width:100%!important;min-width:0!important;height:50px!important;border-radius:16px!important}
}

@media (max-width:390px){
  body.compose-page .compose-v6.io-compose-premium{padding-left:8px!important;padding-right:8px!important}
  body.compose-page .io-compose-header{padding-left:15px!important;padding-right:13px!important}
  body.compose-page .io-compose-form{padding-left:11px!important;padding-right:11px!important}
  body.compose-page .io-compose-field{padding-left:11px!important;padding-right:10px!important}
  body.compose-page .io-compose-field-to label{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important}
  body.compose-page .io-compose-field-to{grid-template-columns:25px auto minmax(0,1fr) 34px!important}
  body.compose-page .io-compose-split{gap:8px!important}
  body.compose-page .io-compose-field-compact{grid-template-columns:34px minmax(0,1fr)!important;gap:4px!important;padding-left:8px!important;padding-right:8px!important}
  body.compose-page .io-compose-field-compact label{font-size:13px!important}
  body.compose-page .io-compose-field-compact input{font-size:14px!important}
  body.compose-page .io-compose-tool span{display:inline!important}
  body.compose-page .io-compose-tool{width:auto!important;min-width:0!important;padding:0 7px!important}
  body.compose-page .io-compose-toolbar{justify-content:flex-start!important}
}

@media (min-width:761px){
  body.compose-page .io-compose-head-send{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  body.compose-page .io-compose-head-send,
  body.compose-page .io-compose-close{transition:none!important}
}

/* ============================================================
   ITNAONE COMPOSE CROSS DEVICE FINAL V3
   iPhone Safari/PWA + Android Chrome/PWA
   Overrides legacy V1106 mobile compose behavior
   ============================================================ */

@media (max-width:760px){

  /* ---------- PAGE ---------- */

  body.compose-page.mail-ui-page .compose-v6,
  body.compose-page.mail-ui-page .io-compose-premium{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset:auto!important;

    display:block!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    min-height:0!important;

    margin:0!important;

    padding:
      8px
      8px
      calc(125px + env(safe-area-inset-bottom,0px))
      8px!important;

    transform:none!important;

    box-sizing:border-box!important;
  }


  /* ---------- CARD ---------- */

  body.compose-page.mail-ui-page .compose-v6-card,
  body.compose-page.mail-ui-page .io-compose-card{
    position:relative!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset:auto!important;

    display:block!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    min-height:0!important;

    margin:0!important;
    padding:0!important;

    transform:none!important;

    box-sizing:border-box!important;
    overflow:hidden!important;
  }


  /* ---------- REMOVE OLD SPACER / DECORATION ---------- */

  body.compose-page.mail-ui-page .io-compose-card::before,
  body.compose-page.mail-ui-page .compose-v6-card::before{
    content:none!important;
    display:none!important;
  }


  /* ---------- HEADER ---------- */

  body.compose-page.mail-ui-page .compose-v6-header,
  body.compose-page.mail-ui-page .io-compose-header{
    position:relative!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset:auto!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    width:100%!important;
    max-width:100%!important;

    height:auto!important;
    min-height:68px!important;

    margin:0!important;
    padding:14px!important;

    transform:none!important;

    box-sizing:border-box!important;
  }

  body.compose-page.mail-ui-page .io-compose-heading{
    display:block!important;

    flex:1 1 auto!important;
    min-width:0!important;

    margin:0!important;
    padding:0!important;
  }

  body.compose-page.mail-ui-page .io-compose-kicker,
  body.compose-page.mail-ui-page .io-compose-heading > p{
    display:none!important;
  }

  body.compose-page.mail-ui-page .io-compose-heading h1{
    display:block!important;

    margin:0!important;
    padding:0!important;

    font-size:25px!important;
    line-height:1.15!important;
  }

  body.compose-page.mail-ui-page .io-compose-head-actions{
    position:relative!important;

    display:flex!important;
    align-items:center!important;

    flex:0 0 auto!important;

    gap:8px!important;

    margin:0 0 0 8px!important;
    padding:0!important;

    transform:none!important;
  }


  /* ---------- FORM ---------- */

  body.compose-page.mail-ui-page .compose-v6-form,
  body.compose-page.mail-ui-page .io-compose-form{
    position:relative!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset:auto!important;

    display:block!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    margin:0!important;
    padding:10px!important;

    transform:none!important;

    box-sizing:border-box!important;
  }


  /* ---------- TO FIELD ---------- */

  body.compose-page.mail-ui-page .io-compose-field-to{
    position:relative!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset:auto!important;

    display:grid!important;

    grid-template-columns:
      24px
      28px
      minmax(0,1fr)
      38px!important;

    align-items:center!important;

    column-gap:5px!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    min-height:58px!important;

    margin:0 0 8px!important;

    visibility:visible!important;
    opacity:1!important;

    transform:none!important;

    box-sizing:border-box!important;
  }

  body.compose-page.mail-ui-page .io-compose-field-to label{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }

  body.compose-page.mail-ui-page #compose-to{
    display:block!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    visibility:visible!important;
    opacity:1!important;

    position:relative!important;
    inset:auto!important;
    transform:none!important;

    box-sizing:border-box!important;
  }

  body.compose-page.mail-ui-page .io-compose-contact-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    visibility:visible!important;
    opacity:1!important;
  }


  /* ---------- CC / BCC ---------- */

  body.compose-page.mail-ui-page .io-compose-split{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)
      minmax(0,1fr)!important;

    gap:8px!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    margin:0!important;

    box-sizing:border-box!important;
  }

  body.compose-page.mail-ui-page .io-compose-field-compact{
    display:grid!important;

    grid-template-columns:
      22px
      30px
      minmax(0,1fr)!important;

    align-items:center!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    box-sizing:border-box!important;
  }

  body.compose-page.mail-ui-page .io-compose-field-compact input{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }


  /* ---------- SUBJECT ---------- */

  body.compose-page.mail-ui-page .io-compose-subject{
    display:grid!important;

    grid-template-columns:
      28px
      92px
      minmax(0,1fr)!important;

    align-items:center!important;

    width:100%!important;
    min-width:0!important;

    box-sizing:border-box!important;
  }

  body.compose-page.mail-ui-page #compose-subject{
    display:block!important;

    width:100%!important;
    min-width:0!important;

    visibility:visible!important;
    opacity:1!important;
  }


  /* ---------- EDITOR ---------- */

  body.compose-page.mail-ui-page .io-compose-editor{
    display:block!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    margin:0!important;

    box-sizing:border-box!important;
    overflow:hidden!important;
  }


  /* ---------- TOOLBAR: FORCE ALL FOUR ---------- */

  body.compose-page.mail-ui-page .io-compose-toolbar{
    display:grid!important;

    grid-template-columns:
      repeat(4,minmax(0,1fr))!important;

    align-items:stretch!important;

    gap:5px!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    margin:0!important;
    padding:6px!important;

    overflow:visible!important;

    box-sizing:border-box!important;
  }

  body.compose-page.mail-ui-page .io-compose-toolbar .io-compose-tool{
    position:relative!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    flex:1 1 0!important;

    width:auto!important;
    max-width:100%!important;
    min-width:0!important;

    height:auto!important;
    min-height:46px!important;

    margin:0!important;
    padding:7px 2px!important;

    gap:3px!important;

    visibility:visible!important;
    opacity:1!important;

    transform:none!important;

    overflow:hidden!important;

    white-space:nowrap!important;

    box-sizing:border-box!important;
  }

  /* IMPORTANT:
     Overrides legacy line 212:
     body.compose-page .io-compose-tool span{display:none!important}
  */

  body.compose-page.mail-ui-page
  .io-compose-toolbar
  .io-compose-tool span{
    display:inline!important;

    min-width:0!important;

    visibility:visible!important;
    opacity:1!important;

    font-size:11px!important;
    line-height:1!important;

    white-space:nowrap!important;
  }

  body.compose-page.mail-ui-page
  .io-compose-toolbar
  .io-compose-tool svg{
    display:block!important;

    width:17px!important;
    height:17px!important;

    min-width:17px!important;
    flex:0 0 17px!important;
  }


  /* ---------- MESSAGE ---------- */

  body.compose-page.mail-ui-page .io-compose-message-label{
    display:none!important;
  }

  body.compose-page.mail-ui-page #compose-body{
    position:relative!important;

    display:block!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    height:auto!important;
    min-height:300px!important;

    margin:0!important;
    padding:18px 16px!important;

    visibility:visible!important;
    opacity:1!important;

    transform:none!important;

    box-sizing:border-box!important;
    resize:vertical!important;
  }


  /* ---------- BOTTOM NAV SAFE SPACE ---------- */

  body.compose-page.mail-ui-page .mail-mobile-dock,
  body.compose-page.mail-ui-page .bottom-nav,
  body.compose-page.mail-ui-page .mobile-nav,
  body.compose-page.mail-ui-page .mail-bottom-nav{
    z-index:1000!important;

    padding-bottom:
      env(safe-area-inset-bottom,0px)!important;

    box-sizing:border-box!important;
  }

}


/* Very narrow devices */

@media (max-width:365px){

  body.compose-page.mail-ui-page
  .io-compose-toolbar
  .io-compose-tool{
    flex-direction:column!important;
    gap:2px!important;
  }

  body.compose-page.mail-ui-page
  .io-compose-toolbar
  .io-compose-tool span{
    font-size:10px!important;
  }

}

@media(max-width:760px){body.compose-page .compose-v6-header.io-compose-header{position:relative!important;top:auto!important;inset:auto!important}}