/* ItnaOne Workspace Suite V1.10.0 */
:root{--ws-blue:#2563eb;--ws-cyan:#06b6d4;--ws-ink:#0f172a;--ws-muted:#64748b;--ws-border:rgba(148,163,184,.26);--ws-glass:rgba(255,255,255,.78);--ws-shadow:0 18px 50px rgba(15,23,42,.10)}
.ws-page{max-width:1480px;margin:0 auto;padding-bottom:110px}.ws-hero{margin-bottom:22px}.ws-kicker{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--ws-blue);margin-bottom:6px}.ws-grid{display:grid;gap:18px;margin:18px 0}.ws-grid.two{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.calendar-layout{grid-template-columns:minmax(320px,.8fr) minmax(0,1.4fr)}.ws-card{background:var(--ws-glass);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);border:1px solid var(--ws-border);border-radius:24px;padding:22px;box-shadow:var(--ws-shadow)}.ws-narrow{max-width:780px}.ws-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.ws-card-head h2{margin:0;font-size:20px;color:var(--ws-ink)}.ws-card-head p{margin:5px 0 0;color:var(--ws-muted)}.ws-form{display:grid;gap:14px}.ws-form label,.ws-assistant-input{display:grid;gap:7px;font-weight:700;color:#334155;font-size:13px}.ws-form input,.ws-form textarea,.ws-form select,.ws-inline-form input,.ws-inline-form select,.ws-search input,.ws-assistant-input textarea{width:100%;border:1px solid #dbe3ef;background:rgba(255,255,255,.9);border-radius:14px;padding:12px 14px;color:#0f172a;outline:none;transition:.18s ease}.ws-form input:focus,.ws-form textarea:focus,.ws-form select:focus,.ws-inline-form input:focus,.ws-search input:focus,.ws-assistant-input textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(37,99,235,.09)}.ws-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ws-check{display:flex!important;align-items:center;gap:9px!important}.ws-check input{width:18px!important;height:18px}.ws-primary,.ws-secondary,.ws-primary-link,.ws-search button,.ws-assistant-actions button{border:0;border-radius:14px;padding:11px 16px;font-weight:800;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ws-primary,.ws-primary-link{background:linear-gradient(135deg,var(--ws-blue),var(--ws-cyan));color:#fff;box-shadow:0 10px 24px rgba(37,99,235,.2)}.ws-secondary,.ws-search button,.ws-assistant-actions button{background:#eef4ff;color:#1d4ed8;border:1px solid #dbeafe}.ws-inline-form{display:flex;gap:10px;align-items:center}.ws-inline-form.compact{max-width:330px}.ws-search{display:flex;gap:8px;max-width:330px}.ws-list{display:grid;gap:8px}.ws-list-row,.ws-task,.ws-event{display:flex;align-items:center;gap:12px;border:1px solid rgba(226,232,240,.9);background:rgba(248,250,252,.72);border-radius:17px;padding:12px 13px}.ws-list-row:hover,.ws-task:hover,.ws-event:hover{background:#fff}.ws-list-main{min-width:0;flex:1;display:grid;gap:3px}.ws-list-main strong{color:#0f172a;overflow:hidden;text-overflow:ellipsis}.ws-list-main small{color:var(--ws-muted);overflow:hidden;text-overflow:ellipsis}.ws-list-main p{margin:4px 0;color:#475569}.ws-avatar,.ws-rule-icon{width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center;font-weight:900;color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#cffafe)}.ws-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ws-row-actions a,.danger-lite{border:0;background:#f8fafc;color:#475569;border-radius:10px;padding:8px 10px;text-decoration:none;cursor:pointer}.danger-lite{color:#b91c1c;background:#fff1f2}.ws-empty{padding:30px;text-align:center;color:#64748b;border:1px dashed #cbd5e1;border-radius:18px}.ws-event-date{width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#eff6ff,#ecfeff);display:grid;place-items:center;align-content:center;color:#1d4ed8}.ws-event-date strong{font-size:22px;line-height:1}.ws-event-date span{font-size:11px;font-weight:800;text-transform:uppercase}.ws-agenda{display:grid;gap:10px}.ws-task.done .ws-list-main strong{text-decoration:line-through;color:#94a3b8}.ws-task-check{width:34px;height:34px;border-radius:50%;border:1px solid #bfdbfe;background:#fff;color:#2563eb;font-size:19px;cursor:pointer}.ws-tabs{display:flex;gap:6px;background:rgba(241,245,249,.8);padding:5px;border-radius:14px}.ws-tabs a{padding:8px 12px;border-radius:10px;text-decoration:none;color:#64748b;font-weight:800}.ws-tabs a.active{background:#fff;color:#2563eb;box-shadow:0 4px 12px rgba(15,23,42,.06)}.ws-chip-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.ws-chip{display:flex;align-items:center;gap:8px;background:#eef2ff;border:1px solid #e0e7ff;border-radius:999px;padding:7px 10px;color:#3730a3}.ws-chip button{border:0;background:transparent;color:#6366f1;font-size:18px;cursor:pointer}.ws-note{color:#64748b;line-height:1.5}.ws-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;background:#f1f5f9;color:#475569}.ws-status.sent,.ws-status.paid,.ws-status.active,.ws-status.verified,.ws-status.provisioned,.ws-status.approved{background:#dcfce7;color:#166534}.ws-status.queued,.ws-status.pending,.ws-status.review,.ws-status.invited{background:#fef3c7;color:#92400e}.ws-status.failed,.ws-status.suspended,.ws-status.cancelled{background:#fee2e2;color:#991b1b}.ws-error-text{color:#b91c1c}.ws-domain{display:grid;gap:12px;border:1px solid #e2e8f0;border-radius:18px;padding:14px}.ws-domain code,.ws-dns-help code{display:block;background:#0f172a;color:#dbeafe;border-radius:12px;padding:10px 12px;overflow:auto;font-size:12px}.ws-dns-help{display:grid;gap:8px;margin-top:18px}.ws-workspace-switcher{display:grid;gap:8px;margin-top:16px}.ws-workspace-switcher a{display:flex;justify-content:space-between;gap:10px;padding:12px;border-radius:14px;text-decoration:none;border:1px solid #e2e8f0;color:#334155}.ws-workspace-switcher a.active{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.ws-workspace-switcher small{color:#64748b}.ws-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}.ws-link-card{border:1px solid #e2e8f0;border-radius:18px;padding:14px}.ws-link-card a{display:grid;gap:4px;color:#1e3a8a;text-decoration:none}.ws-link-card small{color:#64748b}.ws-invite-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#eff6ff,#ecfeff)}.ws-invoice-amount{font-weight:900;text-align:right;display:grid;gap:4px}.ws-assistant{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ws-assistant-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.ws-assistant-result{min-height:330px;white-space:pre-wrap;line-height:1.65;background:linear-gradient(145deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:18px;padding:18px;color:#1e293b}.ws-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0}.ws-stat-grid>div{background:rgba(255,255,255,.82);border:1px solid #e2e8f0;border-radius:19px;padding:18px;display:grid;gap:6px;box-shadow:0 10px 28px rgba(15,23,42,.06)}.ws-stat-grid span{color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.ws-stat-grid strong{font-size:27px;color:#0f172a}.itnaone-app-drawer{overflow-y:auto}.itnaone-app-drawer nav{padding-bottom:18px}.itnaone-app-drawer nav a.ws-nav-secondary{font-size:13px;opacity:.94}.itnaone-app-drawer .ws-nav-section{padding:14px 18px 6px;color:#94a3b8;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.itnaone-apps-toplink{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;text-decoration:none;background:rgba(255,255,255,.7);color:#1d4ed8;font-size:19px}
.ws-compose-schedule{margin-top:10px;padding:14px;border:1px solid #dbeafe;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#ecfeff)}.ws-compose-schedule summary{cursor:pointer;font-weight:800;color:#1d4ed8}.ws-compose-schedule label{display:grid;gap:6px;margin-top:12px;font-size:13px;font-weight:700;color:#334155}.ws-compose-schedule input{border:1px solid #cbd5e1;border-radius:12px;padding:11px}.ws-snooze-form{display:flex;gap:8px;align-items:center}.ws-snooze-form input{border:1px solid #cbd5e1;border-radius:11px;padding:9px}.ws-snooze-form button{border:0;border-radius:11px;padding:10px 12px;background:#eef4ff;color:#1d4ed8;font-weight:800}.ws-mail-productivity{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.ws-mail-productivity a{border-radius:999px;padding:8px 12px;background:#f1f5f9;color:#334155;text-decoration:none;font-weight:800;font-size:12px}
@media(max-width:900px){.ws-grid.two,.calendar-layout,.ws-assistant{grid-template-columns:1fr}.ws-form-row{grid-template-columns:1fr}.ws-inline-form{align-items:stretch;flex-direction:column}.ws-inline-form.compact{max-width:none}.ws-card{padding:17px;border-radius:20px}.ws-page{padding-left:12px!important;padding-right:12px!important}.ws-row-actions{width:100%;justify-content:flex-end}.ws-invite-card{align-items:stretch;flex-direction:column}.ws-search{max-width:none;width:100%}.ws-card-head{flex-wrap:wrap}.itnaone-app-drawer{padding-bottom:20px}}

/* ITNAONE_V1_10_1_START */
/* ItnaOne V1.10.1 — premium top-right actions + Workspace mobile polish */
/* Loaded by appending to workspace-v110.css so no PHP/runtime code is replaced. */

/* Top-right action buttons: keep the important three visible and touch friendly. */
@media (max-width:760px){
  body.mail-ui-page .itnaone-gmail-topbar{
    height:66px!important;
    grid-template-columns:44px minmax(0,1fr) 136px!important;
    gap:8px!important;
    padding:7px 9px!important;
    background:rgba(248,251,255,.92)!important;
    border-bottom:1px solid rgba(148,163,184,.12)!important;
    box-shadow:0 7px 28px rgba(35,69,110,.055)!important;
    backdrop-filter:blur(20px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(20px) saturate(145%)!important;
  }

  body.mail-ui-page .itnaone-mail-brand{display:none!important}
  body.mail-ui-page .itnaone-menu-button{
    width:44px!important;height:44px!important;
    border-radius:17px!important;
    border:1px solid rgba(148,163,184,.20)!important;
    background:rgba(255,255,255,.92)!important;
    color:#0b57d0!important;
    box-shadow:0 8px 20px rgba(44,78,120,.08)!important;
  }
  body.mail-ui-page .itnaone-global-search{
    height:48px!important;min-width:0!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(148,163,184,.22)!important;
    box-shadow:0 8px 22px rgba(44,78,120,.07)!important;
    padding:0 13px!important;
  }
  body.mail-ui-page .itnaone-global-search input{min-width:0!important;font-size:16px!important}
  body.mail-ui-page .mail-search-icon{display:block!important;color:#334155!important;font-size:18px!important}

  body.mail-ui-page .itnaone-top-actions{
    width:136px!important;min-width:136px!important;
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:6px!important;overflow:visible!important;
  }

  /* Hide secondary actions from the cramped mobile header. They remain in drawer/account/bottom nav. */
  body.mail-ui-page .itnaone-wallet-toplink,
  body.mail-ui-page .itnaone-top-direct-logout,
  body.mail-ui-page .itnaone-top-actions .mail-icon-btn,
  body.mail-ui-page .itnaone-top-actions .mail-settings-btn{display:none!important}

  body.mail-ui-page .itnaone-apps-toplink,
  body.mail-ui-page .itnaone-drive-toplink,
  body.mail-ui-page .itnaone-top-actions .itnaone-account-button{
    display:grid!important;place-items:center!important;
    width:40px!important;height:40px!important;min-width:40px!important;
    margin:0!important;padding:0!important;
    border-radius:15px!important;
    border:1px solid rgba(132,158,190,.23)!important;
    background:rgba(255,255,255,.94)!important;
    color:#0b57d0!important;
    text-decoration:none!important;
    box-shadow:0 7px 18px rgba(42,75,116,.09),inset 0 1px 0 rgba(255,255,255,.9)!important;
    line-height:1!important;
    position:relative!important;
  }
  body.mail-ui-page .itnaone-apps-toplink{font-size:22px!important;font-weight:800!important}
  body.mail-ui-page .itnaone-drive-toplink{font-size:21px!important;font-weight:700!important}
  body.mail-ui-page .itnaone-top-actions .itnaone-account-button{
    border-radius:50%!important;
    background:linear-gradient(145deg,#fff,#f4f8ff)!important;
    color:#0b57d0!important;
    font-size:13px!important;font-weight:900!important;
    box-shadow:0 7px 20px rgba(42,75,116,.10),inset 0 0 0 2px rgba(219,234,254,.9)!important;
  }
  body.mail-ui-page .itnaone-top-actions .itnaone-account-button::after{
    content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;
    border-radius:50%;background:#22c55e;border:2px solid #fff;
    box-shadow:0 1px 4px rgba(22,101,52,.24)
  }
  body.mail-ui-page .itnaone-apps-toplink:active,
  body.mail-ui-page .itnaone-drive-toplink:active,
  body.mail-ui-page .itnaone-top-actions .itnaone-account-button:active,
  body.mail-ui-page .itnaone-menu-button:active{transform:scale(.96)!important}
}

@media (max-width:390px){
  body.mail-ui-page .itnaone-gmail-topbar{
    grid-template-columns:42px minmax(0,1fr) 126px!important;
    gap:6px!important;padding-left:7px!important;padding-right:7px!important
  }
  body.mail-ui-page .itnaone-menu-button{width:42px!important;height:42px!important}
  body.mail-ui-page .itnaone-top-actions{width:126px!important;min-width:126px!important;gap:5px!important}
  body.mail-ui-page .itnaone-apps-toplink,
  body.mail-ui-page .itnaone-drive-toplink,
  body.mail-ui-page .itnaone-top-actions .itnaone-account-button{width:38px!important;height:38px!important;min-width:38px!important}
  body.mail-ui-page .itnaone-global-search{height:46px!important;padding:0 11px!important}
}

/* Workspace page — closer to the approved premium mockup. */
body.view-workspace .ws-page{padding-top:20px!important}
body.view-workspace .ws-hero{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;
  gap:20px!important;margin-bottom:28px!important;
}
body.view-workspace .ws-hero>div{min-width:0!important;max-width:720px!important}
body.view-workspace .ws-hero h1{font-size:46px!important;line-height:1!important;letter-spacing:-.035em!important;margin:4px 0 13px!important}
body.view-workspace .ws-hero p{font-size:18px!important;line-height:1.55!important;color:#72809a!important;max-width:620px!important;margin:0!important}
body.view-workspace .ws-primary-link{
  min-width:150px!important;min-height:74px!important;padding:13px 18px!important;
  border-radius:22px!important;gap:10px!important;text-align:left!important;
  background:linear-gradient(135deg,#2563eb 0%,#0ea5e9 58%,#22d3ee 100%)!important;
  border:1px solid rgba(255,255,255,.7)!important;
  box-shadow:0 14px 30px rgba(37,99,235,.24),inset 0 0 0 1px rgba(255,255,255,.28)!important;
  font-size:16px!important;line-height:1.15!important
}
body.view-workspace .ws-primary-link::before{content:"◎";font-size:28px;line-height:1;font-weight:400;color:#fff}
body.view-workspace .ws-card{
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:27px!important;
  box-shadow:0 17px 48px rgba(34,64,104,.09),inset 0 1px 0 rgba(255,255,255,.96)!important;
  padding:27px!important;
}
body.view-workspace .ws-card-head h2{font-size:25px!important;letter-spacing:-.02em!important}
body.view-workspace .ws-inline-form{gap:13px!important}
body.view-workspace .ws-inline-form input,
body.view-workspace .ws-inline-form select{
  min-height:58px!important;border-radius:18px!important;
  background:rgba(255,255,255,.95)!important;
  border:1px solid rgba(148,163,184,.38)!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.025)!important;
  font-size:16px!important;padding:14px 17px!important
}
body.view-workspace .ws-inline-form .ws-primary,
body.view-workspace .ws-inline-form button.ws-primary{
  min-height:56px!important;border-radius:18px!important;font-size:16px!important;
  background:linear-gradient(135deg,#f8fbff,#eef6ff)!important;color:#0b57d0!important;
  border:1px solid rgba(125,155,195,.28)!important;
  box-shadow:0 10px 24px rgba(46,82,127,.07)!important
}
body.view-workspace .ws-empty{
  min-height:132px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:22px!important;border:1.5px dashed rgba(148,163,184,.45)!important;
  background:rgba(255,255,255,.35)!important;font-size:16px!important;color:#718096!important
}
body.view-workspace .ws-empty::before{
  content:"◉";display:grid;place-items:center;width:42px;height:42px;margin-right:14px;
  border-radius:50%;background:#eef4ff;color:#0b57d0;font-size:18px
}

@media (max-width:760px){
  body.view-workspace .ws-page{padding-top:18px!important;padding-left:13px!important;padding-right:13px!important}
  body.view-workspace .ws-hero{gap:12px!important;margin-bottom:22px!important}
  body.view-workspace .ws-hero>div{flex:1 1 auto!important}
  body.view-workspace .ws-hero h1{font-size:43px!important;margin-top:3px!important;margin-bottom:10px!important}
  body.view-workspace .ws-hero p{font-size:17px!important;line-height:1.55!important}
  body.view-workspace .ws-primary-link{
    flex:0 0 132px!important;min-width:132px!important;min-height:82px!important;
    padding:12px 14px!important;border-radius:22px!important;font-size:15px!important
  }
  body.view-workspace .ws-card{padding:21px!important;border-radius:25px!important}
  body.view-workspace .ws-card-head{margin-bottom:17px!important}
  body.view-workspace .ws-card-head h2{font-size:24px!important}
  body.view-workspace .ws-grid{gap:18px!important}
  body.view-workspace .ws-inline-form{gap:12px!important}
}

@media (max-width:390px){
  body.view-workspace .ws-hero h1{font-size:40px!important}
  body.view-workspace .ws-hero p{font-size:16px!important}
  body.view-workspace .ws-primary-link{flex-basis:118px!important;min-width:118px!important;padding:11px 12px!important}
  body.view-workspace .ws-primary-link::before{font-size:24px!important}
}
/* ITNAONE_V1_10_1_END */

/* ITNAONE V1.10.2 ICONS BEGIN */
/* ItnaOne V1.10.2 — unified SVG icon system */
/* Visual-only patch. All icons use one stroke family and currentColor. */
.itnaone-svg-icon{
  width:1.35em;height:1.35em;display:block;flex:0 0 auto;
  stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.itnaone-app-drawer nav a>span:first-child,
.itnaone-drawer-logout button>span:first-child,
.itnaone-mobile-dock a>span:first-child,
.itnaone-mobile-direct-logout button>span:first-child{
  display:grid!important;place-items:center!important;
  width:28px!important;height:28px!important;min-width:28px!important;
  font-family:inherit!important;font-size:0!important;line-height:1!important;
  color:#4f5967!important;
}
.itnaone-app-drawer nav a.active>span:first-child,
.itnaone-mobile-dock a.active>span:first-child{color:#0b57d0!important}
.itnaone-app-drawer nav a>span:first-child .itnaone-svg-icon{width:22px;height:22px}
.itnaone-mobile-dock a>span:first-child .itnaone-svg-icon,
.itnaone-mobile-direct-logout button>span:first-child .itnaone-svg-icon{width:22px;height:22px}
.itnaone-drawer-logout button>span:first-child .itnaone-svg-icon{width:21px;height:21px}

/* Top bar icon family */
.itnaone-menu-button{font-size:0!important}
.itnaone-menu-button .itnaone-svg-icon{width:24px;height:24px}
.mail-search-icon{font-size:0!important}
.mail-search-icon .itnaone-svg-icon{width:19px;height:19px}
.itnaone-apps-toplink,.itnaone-drive-toplink,.itnaone-wallet-toplink,.mail-icon-btn,.mail-settings-btn{font-size:0!important}
.itnaone-apps-toplink .itnaone-svg-icon,
.itnaone-drive-toplink .itnaone-svg-icon,
.itnaone-wallet-toplink .itnaone-svg-icon,
.mail-icon-btn .itnaone-svg-icon,
.mail-settings-btn .itnaone-svg-icon{width:22px;height:22px}

/* Account popup icons */
.itnaone-account-menu-link{display:flex!important;align-items:center!important;gap:11px!important}
.itnaone-account-menu-link>.itnaone-menu-svg-slot{
  display:grid;place-items:center;width:24px;height:24px;min-width:24px;color:#526173
}
.itnaone-account-menu-link>.itnaone-menu-svg-slot .itnaone-svg-icon{width:20px;height:20px}
.itnaone-account-logout-button>.itnaone-menu-svg-slot{
  display:grid;place-items:center;width:24px;height:24px;min-width:24px
}
.itnaone-account-logout-button>.itnaone-menu-svg-slot .itnaone-svg-icon{width:20px;height:20px}

/* Every nav item gets the same premium rhythm and active treatment. */
.itnaone-app-drawer nav a{
  min-height:48px!important;border-radius:16px!important;
  transition:background .16s ease,color .16s ease,transform .12s ease!important;
}
.itnaone-app-drawer nav a:active{transform:scale(.985)}
.itnaone-app-drawer nav a.active{
  background:linear-gradient(135deg,rgba(219,234,254,.92),rgba(224,242,254,.78))!important;
  color:#12478e!important;
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.16)!important;
}
.itnaone-app-drawer nav a.active b{color:#12478e!important}

/* Consistent top-right buttons — same height, radius, border, shadow. */
@media (max-width:760px){
  body.mail-ui-page .itnaone-apps-toplink,
  body.mail-ui-page .itnaone-drive-toplink,
  body.mail-ui-page .itnaone-top-actions .itnaone-account-button{
    width:40px!important;height:40px!important;min-width:40px!important;
    border-radius:15px!important;border:1px solid rgba(132,158,190,.24)!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 7px 18px rgba(42,75,116,.085),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  body.mail-ui-page .itnaone-apps-toplink .itnaone-svg-icon,
  body.mail-ui-page .itnaone-drive-toplink .itnaone-svg-icon{width:21px!important;height:21px!important}
  body.mail-ui-page .itnaone-apps-toplink{color:#0b57d0!important}
  body.mail-ui-page .itnaone-drive-toplink{color:#486581!important}
  body.mail-ui-page .itnaone-top-actions .itnaone-account-button{
    border-radius:50%!important;color:#0b57d0!important;font-size:13px!important
  }
}

/* Bottom dock uses monochrome SVGs instead of emoji/geometric glyphs. */
.itnaone-mobile-dock a,.itnaone-mobile-direct-logout button{color:#4b5563!important}
.itnaone-mobile-dock a.active{color:#0b57d0!important}
.itnaone-mobile-direct-logout button{color:#0b57d0!important}

/* Workspace decorative icons now match the same line family. */
body.view-workspace .ws-primary-link::before,
body.view-workspace .ws-empty::before{content:none!important}
body.view-workspace .ws-primary-link .itnaone-cta-icon{
  display:grid;place-items:center;width:34px;height:34px;min-width:34px;color:#fff
}
body.view-workspace .ws-primary-link .itnaone-cta-icon .itnaone-svg-icon{width:30px;height:30px}
body.view-workspace .ws-empty .itnaone-empty-icon{
  display:grid;place-items:center;width:42px;height:42px;min-width:42px;margin-right:14px;
  border-radius:50%;background:#eef4ff;color:#0b57d0
}
body.view-workspace .ws-empty .itnaone-empty-icon .itnaone-svg-icon{width:21px;height:21px}

@media (prefers-reduced-motion:reduce){
  .itnaone-app-drawer nav a{transition:none!important}
}
/* ITNAONE V1.10.2 ICONS END */

/* ITNAONE V1.10.4 ALIGNMENT BEGIN */
/* ItnaOne V1.10.4 — Global Alignment + Navigation Polish
   Visual-only overrides loaded through the existing workspace-v110.css asset. */

:root{
  --io-nav-blue:#0b57d0;
  --io-nav-ink:#263548;
  --io-nav-muted:#64748b;
  --io-nav-line:#e2e8f0;
  --io-nav-glass:rgba(255,255,255,.96);
}

/* ---------- Drawer: one icon column, one label column ---------- */
body.mail-ui-page .itnaone-app-drawer nav a,
body.mail-ui-page .itnaone-drawer-logout button{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:12px!important;
  width:100%!important;
  min-height:52px!important;
  padding:0 14px!important;
  margin:2px 0!important;
  text-align:left!important;
}
body.mail-ui-page .itnaone-app-drawer nav a>span:first-child,
body.mail-ui-page .itnaone-drawer-logout button>span:first-child{
  width:28px!important;height:28px!important;min-width:28px!important;
  margin:0!important;justify-self:center!important;
}
body.mail-ui-page .itnaone-app-drawer nav a>b,
body.mail-ui-page .itnaone-drawer-logout button>b{
  min-width:0!important;margin:0!important;text-align:left!important;
  line-height:1.2!important;font-size:15px!important;font-weight:700!important;
}
body.mail-ui-page .itnaone-app-drawer nav a.ws-nav-secondary{font-size:inherit!important;opacity:1!important}
body.mail-ui-page .itnaone-app-drawer .ws-nav-section{
  padding:18px 14px 7px!important;margin:0!important;
  text-align:left!important;line-height:1!important;
}
body.mail-ui-page .itnaone-drawer-logout{padding:0 12px!important;margin:4px 0 0!important}
body.mail-ui-page .itnaone-drawer-logout button{
  border:1px solid #d5deea!important;border-radius:18px!important;background:#fff!important;color:var(--io-nav-blue)!important;
}
body.mail-ui-page .itnaone-drawer-footer{text-align:center!important;padding:16px 14px 22px!important}

/* ---------- Account popup alignment ---------- */
body.mail-ui-page .itnaone-account-menu-link,
body.mail-ui-page .itnaone-account-logout-button{
  min-height:46px!important;padding:9px 12px!important;align-items:center!important;
}
body.mail-ui-page .itnaone-account-menu-link>.itnaone-menu-svg-slot,
body.mail-ui-page .itnaone-account-logout-button>.itnaone-menu-svg-slot{
  width:28px!important;height:28px!important;min-width:28px!important;margin:0!important;
}
body.mail-ui-page .itnaone-account-menu-link>span:last-child,
body.mail-ui-page .itnaone-account-logout-button>span:last-child{line-height:1.25!important}

/* ---------- Workspace/module pages share one content grid ---------- */
body.mail-ui-page .ws-page{
  width:min(100%,1480px)!important;
  margin-left:auto!important;margin-right:auto!important;
}
body.mail-ui-page .ws-card,
body.mail-ui-page .ws-list-row,
body.mail-ui-page .ws-task,
body.mail-ui-page .ws-event{box-sizing:border-box!important;min-width:0!important}
body.mail-ui-page .ws-card-head{align-items:flex-start!important}
body.mail-ui-page .ws-card-head>*{min-width:0!important}
body.mail-ui-page .ws-list-main{text-align:left!important}
body.mail-ui-page .ws-row-actions{justify-content:flex-end!important}
body.mail-ui-page .ws-form input,
body.mail-ui-page .ws-form select,
body.mail-ui-page .ws-inline-form input,
body.mail-ui-page .ws-inline-form select,
body.mail-ui-page .ws-search input{min-height:46px!important}

/* ---------- Mail productivity navigation ---------- */
body.mail-ui-page .ws-mail-productivity{
  align-items:center!important;
}
body.mail-ui-page .ws-mail-productivity a{
  min-height:40px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;line-height:1!important;white-space:nowrap!important;
  text-align:center!important;
}
body.mail-ui-page .ws-mail-productivity .itnaone-productivity-icon{
  width:20px!important;height:20px!important;min-width:20px!important;
  display:grid!important;place-items:center!important;color:#44546a!important;
}
body.mail-ui-page .ws-mail-productivity .itnaone-productivity-icon .itnaone-svg-icon{width:19px!important;height:19px!important}

/* ---------- Mobile: exact alignment system ---------- */
@media (max-width:760px){
  /* Header = menu | one search field | three equal right actions. */
  body.mail-ui-page .itnaone-gmail-topbar{
    height:64px!important;
    grid-template-columns:44px minmax(0,1fr) 132px!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px 10px!important;
  }
  body.mail-ui-page .itnaone-menu-button{
    width:44px!important;height:44px!important;min-width:44px!important;
    display:grid!important;place-items:center!important;margin:0!important;
    border-radius:16px!important;
  }
  body.mail-ui-page .itnaone-global-search{
    width:100%!important;height:44px!important;min-width:0!important;
    display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;
    align-items:center!important;gap:7px!important;
    margin:0!important;padding:0 12px!important;
    border:1px solid #d7e1ef!important;border-radius:18px!important;
    background:rgba(255,255,255,.95)!important;
    box-shadow:0 5px 16px rgba(42,75,116,.055)!important;
  }
  body.mail-ui-page .itnaone-global-search:focus-within{
    border-color:#8bb7f5!important;box-shadow:0 0 0 3px rgba(11,87,208,.08)!important;
  }
  body.mail-ui-page .itnaone-global-search input{
    width:100%!important;height:42px!important;min-width:0!important;
    margin:0!important;padding:0!important;
    border:0!important;outline:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
    text-align:left!important;line-height:42px!important;
  }
  body.mail-ui-page .itnaone-global-search input:focus{border:0!important;box-shadow:none!important;outline:0!important}
  body.mail-ui-page .itnaone-search-options{display:none!important}
  body.mail-ui-page .mail-search-icon{width:22px!important;height:22px!important;display:grid!important;place-items:center!important;margin:0!important}
  body.mail-ui-page .itnaone-top-actions{
    width:132px!important;min-width:132px!important;height:44px!important;
    display:grid!important;grid-template-columns:repeat(3,40px)!important;
    align-items:center!important;justify-content:end!important;gap:6px!important;margin:0!important;
  }
  body.mail-ui-page .itnaone-apps-toplink,
  body.mail-ui-page .itnaone-drive-toplink,
  body.mail-ui-page .itnaone-top-actions .itnaone-account-button{
    width:40px!important;height:40px!important;min-width:40px!important;
    margin:0!important;padding:0!important;align-self:center!important;justify-self:center!important;
  }

  /* Primary folder row: equal chips, stable height, horizontal overflow only when required. */
  body.mail-ui-page .gmail-mobile-folders{
    position:sticky!important;top:64px!important;z-index:220!important;
    display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(74px,1fr)!important;
    align-items:center!important;gap:8px!important;
    width:100%!important;height:54px!important;min-height:54px!important;
    margin:0!important;padding:8px 12px!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    background:rgba(255,255,255,.98)!important;border-bottom:1px solid #e8edf3!important;
    scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
  }
  body.mail-ui-page .gmail-mobile-folders::-webkit-scrollbar{display:none!important}
  body.mail-ui-page .gmail-mobile-folders a{
    width:100%!important;min-width:74px!important;height:38px!important;min-height:38px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    margin:0!important;padding:0 12px!important;
    border:0!important;border-radius:19px!important;
    line-height:38px!important;text-align:center!important;
  }

  /* Secondary quick navigation: same cell height and aligned SVGs. */
  body.mail-ui-page .ws-mail-productivity{
    display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(98px,1fr)!important;
    align-items:center!important;gap:8px!important;
    width:100%!important;margin:0!important;padding:10px 14px 12px!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    background:#fff!important;border-bottom:1px solid #eef2f6!important;
    scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
  }
  body.mail-ui-page .ws-mail-productivity::-webkit-scrollbar{display:none!important}
  body.mail-ui-page .ws-mail-productivity a{
    width:100%!important;height:42px!important;min-height:42px!important;
    margin:0!important;padding:0 12px!important;border-radius:21px!important;
    font-size:13px!important;font-weight:750!important;
    background:#f1f5f9!important;color:#334155!important;
  }

  /* Inbox title follows the message-text column, count stays right aligned. */
  body.mail-ui-page .section-title{
    width:100%!important;min-height:58px!important;height:auto!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;gap:10px!important;
    margin:0!important;padding:10px 14px 10px 74px!important;
    text-align:left!important;background:#fff!important;
  }
  body.mail-ui-page .section-title h2{
    min-width:0!important;margin:0!important;text-align:left!important;
    font-size:17px!important;line-height:1.2!important;font-weight:700!important;
  }
  body.mail-ui-page .section-title span{
    max-width:none!important;margin:0!important;text-align:right!important;
    font-size:12px!important;line-height:1.2!important;white-space:nowrap!important;
  }

  /* Message row = avatar | text stack | star. Every text line shares one left edge. */
  body.mail-ui-page .gmail-messages{
    width:100%!important;min-width:0!important;margin:0!important;
    padding:0 12px calc(104px + env(safe-area-inset-bottom,0px))!important;
    background:#fff!important;
  }
  body.mail-ui-page .msg{
    position:relative!important;
    display:grid!important;grid-template-columns:48px minmax(0,1fr) 32px!important;
    align-items:start!important;column-gap:12px!important;
    width:100%!important;min-width:0!important;min-height:94px!important;
    margin:0!important;padding:13px 8px!important;
    text-align:left!important;
  }
  body.mail-ui-page .msg .sender{
    grid-column:1!important;width:44px!important;height:44px!important;min-width:44px!important;
    margin:1px 0 0!important;align-self:start!important;justify-self:start!important;
  }
  body.mail-ui-page .msg>div:nth-child(2){
    grid-column:2!important;min-width:0!important;width:100%!important;
    display:grid!important;align-content:start!important;gap:1px!important;
    margin:0!important;padding:0!important;text-align:left!important;
  }
  body.mail-ui-page .msg strong,
  body.mail-ui-page .msg h3,
  body.mail-ui-page .msg p{
    width:100%!important;max-width:100%!important;
    margin:0!important;padding:0!important;text-align:left!important;
    justify-self:stretch!important;align-self:start!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  body.mail-ui-page .msg strong{font-size:15px!important;line-height:21px!important}
  body.mail-ui-page .msg h3{font-size:14px!important;line-height:20px!important;margin-top:1px!important}
  body.mail-ui-page .msg p{font-size:13px!important;line-height:19px!important;margin-top:1px!important;color:#667085!important}
  body.mail-ui-page .msg time{display:none!important}
  body.mail-ui-page .msg::after{
    content:"☆"!important;
    position:absolute!important;right:8px!important;top:50%!important;bottom:auto!important;
    width:30px!important;height:30px!important;
    display:grid!important;place-items:center!important;
    transform:translateY(-50%)!important;
    font-size:25px!important;line-height:30px!important;color:#667085!important;opacity:.88!important;
  }

  /* Compose FAB sits in a safe lane above the six-column dock. */
  body.mail-ui-page .gmail-mobile-compose{
    right:14px!important;bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;
    width:58px!important;min-width:58px!important;max-width:58px!important;height:58px!important;
    padding:0!important;margin:0!important;border-radius:19px!important;
    display:grid!important;place-items:center!important;
  }
  body.mail-ui-page .gmail-mobile-compose .itnaone-compose-icon{
    width:26px!important;height:26px!important;display:grid!important;place-items:center!important;
  }
  body.mail-ui-page .gmail-mobile-compose .itnaone-compose-icon .itnaone-svg-icon{width:25px!important;height:25px!important}
  body.mail-ui-page .gmail-mobile-compose>b{display:none!important}

  /* Bottom navigation: strict six equal columns including Sign out. */
  body.mail-ui-page .itnaone-view-stage{
    padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;
  }
  body.mail-ui-page .mail-mobile-dock.itnaone-mobile-dock{
    position:fixed!important;z-index:5000!important;
    left:0!important;right:0!important;bottom:0!important;
    width:100%!important;max-width:none!important;
    height:calc(70px + env(safe-area-inset-bottom,0px))!important;min-height:70px!important;
    display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
    align-items:start!important;gap:2px!important;
    margin:0!important;padding:5px 6px calc(5px + env(safe-area-inset-bottom,0px))!important;
    border:0!important;border-top:1px solid #e2e8f0!important;border-radius:0!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 -4px 16px rgba(30,55,90,.07)!important;
  }
  body.mail-ui-page .itnaone-mobile-dock>a,
  body.mail-ui-page .itnaone-mobile-direct-logout{
    width:100%!important;min-width:0!important;height:58px!important;min-height:58px!important;
    margin:0!important;padding:0!important;align-self:start!important;
  }
  body.mail-ui-page .itnaone-mobile-direct-logout{display:block!important}
  body.mail-ui-page .itnaone-mobile-dock>a,
  body.mail-ui-page .itnaone-mobile-direct-logout>button{
    display:grid!important;grid-template-rows:28px 18px!important;
    align-content:center!important;justify-items:center!important;gap:1px!important;
    width:100%!important;height:58px!important;min-height:58px!important;
    margin:0!important;padding:5px 2px!important;
    border:0!important;border-radius:16px!important;background:transparent!important;
    color:#526173!important;text-decoration:none!important;
  }
  body.mail-ui-page .itnaone-mobile-dock>a.active{
    background:#dbeafe!important;color:#0b57d0!important;
    box-shadow:inset 0 0 0 1px rgba(96,165,250,.12)!important;
  }
  body.mail-ui-page .itnaone-mobile-dock>a>span:first-child,
  body.mail-ui-page .itnaone-mobile-direct-logout button>span:first-child{
    width:28px!important;height:28px!important;min-width:28px!important;margin:0!important;
    display:grid!important;place-items:center!important;
  }
  body.mail-ui-page .itnaone-mobile-dock>a>small,
  body.mail-ui-page .itnaone-mobile-direct-logout button>small{
    width:100%!important;margin:0!important;padding:0!important;
    text-align:center!important;font-size:10px!important;line-height:18px!important;font-weight:700!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:inherit!important;
  }
  body.mail-ui-page .itnaone-mobile-direct-logout>button{color:#0b57d0!important}

  /* All module content gets the same mobile gutters and safe bottom space. */
  body.mail-ui-page .ws-page{
    width:100%!important;max-width:none!important;
    padding:22px 16px calc(96px + env(safe-area-inset-bottom,0px))!important;
  }
  body.mail-ui-page .ws-grid.two,
  body.mail-ui-page .calendar-layout,
  body.mail-ui-page .ws-assistant{grid-template-columns:minmax(0,1fr)!important}
  body.mail-ui-page .ws-form-row{grid-template-columns:minmax(0,1fr)!important}
  body.mail-ui-page .ws-inline-form,
  body.mail-ui-page .ws-search{width:100%!important;max-width:none!important;flex-wrap:wrap!important}
  body.mail-ui-page .ws-inline-form>*:first-child,
  body.mail-ui-page .ws-search>input{flex:1 1 180px!important;min-width:0!important}
  body.mail-ui-page .ws-card{width:100%!important;padding:20px!important;border-radius:22px!important}
  body.mail-ui-page .ws-list-row,
  body.mail-ui-page .ws-task,
  body.mail-ui-page .ws-event{align-items:center!important}
  body.mail-ui-page .ws-row-actions{justify-content:flex-start!important;margin-top:4px!important}

  /* Compose / reader / legacy content share the same left and right gutters. */
  body.mail-ui-page .compose-wrap,
  body.mail-ui-page .mail-reader,
  body.mail-ui-page .content-pad{
    width:100%!important;max-width:none!important;
    padding-left:16px!important;padding-right:16px!important;
    padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important;
  }
}

@media (max-width:390px){
  body.mail-ui-page .itnaone-gmail-topbar{
    grid-template-columns:42px minmax(0,1fr) 118px!important;gap:6px!important;padding-left:8px!important;padding-right:8px!important;
  }
  body.mail-ui-page .itnaone-top-actions{width:118px!important;min-width:118px!important;grid-template-columns:repeat(3,36px)!important;gap:5px!important}
  body.mail-ui-page .itnaone-apps-toplink,
  body.mail-ui-page .itnaone-drive-toplink,
  body.mail-ui-page .itnaone-top-actions .itnaone-account-button{width:36px!important;height:36px!important;min-width:36px!important}
  body.mail-ui-page .gmail-mobile-folders{grid-auto-columns:minmax(70px,1fr)!important;padding-left:10px!important;padding-right:10px!important;gap:7px!important}
  body.mail-ui-page .ws-mail-productivity{grid-auto-columns:minmax(94px,1fr)!important;padding-left:10px!important;padding-right:10px!important;gap:7px!important}
  body.mail-ui-page .section-title{padding-left:68px!important;padding-right:10px!important}
  body.mail-ui-page .gmail-messages{padding-left:8px!important;padding-right:8px!important}
  body.mail-ui-page .msg{grid-template-columns:44px minmax(0,1fr) 30px!important;column-gap:10px!important;padding-left:7px!important;padding-right:7px!important}
  body.mail-ui-page .msg .sender{width:40px!important;height:40px!important;min-width:40px!important}
  body.mail-ui-page .itnaone-mobile-dock>a>small,
  body.mail-ui-page .itnaone-mobile-direct-logout button>small{font-size:9px!important}
}

@media (min-width:761px){
  /* Desktop/tablet content rows remain aligned without changing information density. */
  body.mail-ui-page .ws-mail-productivity a{min-width:118px!important}
  body.mail-ui-page .msg>div:nth-child(2){text-align:left!important}
  body.mail-ui-page .msg strong,
  body.mail-ui-page .msg h3,
  body.mail-ui-page .msg p{text-align:left!important}
}

@media (prefers-reduced-motion:reduce){
  body.mail-ui-page .gmail-mobile-folders a,
  body.mail-ui-page .ws-mail-productivity a,
  body.mail-ui-page .itnaone-mobile-dock>a{transition:none!important}
}
/* ITNAONE V1.10.4 ALIGNMENT END */

/* ITNAONE V1.10.5.1 MENU SAFEAREA BEGIN */
/* ItnaOne V1.10.5.1 — mobile drawer/menu safe-area polish. */
@media (max-width:760px){
  body.mail-ui-page .itnaone-drawer-backdrop{
    z-index:6900!important;
    inset:0!important;
  }
  body.mail-ui-page .itnaone-app-drawer{
    z-index:7000!important;
    top:0!important;bottom:0!important;
    height:100dvh!important;max-height:100dvh!important;
    padding:0 0 calc(14px + env(safe-area-inset-bottom,0px))!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    background:rgba(255,255,255,.985)!important;
  }
  body.mail-ui-page .itnaone-app-drawer::-webkit-scrollbar{display:none!important}
  body.mail-ui-page .itnaone-app-drawer .itnaone-drawer-brand{
    position:sticky!important;top:0!important;z-index:12!important;
    min-height:90px!important;
    margin:0!important;
    padding:calc(14px + env(safe-area-inset-top,0px)) 18px 14px!important;
    background:rgba(255,255,255,.985)!important;
    border-bottom:1px solid rgba(226,232,240,.92)!important;
    box-shadow:0 6px 18px rgba(15,23,42,.035)!important;
    backdrop-filter:blur(20px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(20px) saturate(145%)!important;
  }
  body.mail-ui-page .itnaone-app-drawer nav{
    width:100%!important;
    margin:0!important;
    padding:10px 14px 8px!important;
  }
  body.mail-ui-page .itnaone-app-drawer .ws-nav-section{
    padding:20px 10px 8px!important;
    margin:0!important;
  }
  body.mail-ui-page .itnaone-app-drawer nav a{
    width:100%!important;
    min-height:54px!important;
    margin:2px 0!important;
    padding:0 12px!important;
    border-radius:18px!important;
  }
  body.mail-ui-page .itnaone-app-drawer nav a.active{
    background:linear-gradient(90deg,#dbeafe 0%,#e8f5ff 100%)!important;
    box-shadow:inset 0 0 0 1px rgba(96,165,250,.16)!important;
  }
  body.mail-ui-page .itnaone-drawer-logout{
    width:auto!important;
    margin:12px 14px 0!important;
    padding:0!important;
  }
  body.mail-ui-page .itnaone-drawer-logout button{
    width:100%!important;
    min-height:54px!important;
    border-radius:18px!important;
  }
  body.mail-ui-page .itnaone-drawer-footer{
    padding:18px 18px calc(22px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
  }
  body.mail-ui-page.drawer-open,
  body.mail-ui-page.drawer-open body{overflow:hidden!important}
  body.mail-ui-page.drawer-open .itnaone-mobile-dock,
  body.mail-ui-page.drawer-open .gmail-mobile-compose{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}
/* ITNAONE V1.10.5.1 MENU SAFEAREA END */