*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#edf1ed;color:#233f37;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding:32px 20px}main{width:100%;max-width:510px;background:#fffdf7;padding:42px;border:1px solid #d5dfd6;border-radius:22px;box-shadow:0 15px 70px #173a3210}.mark{width:48px;height:48px;border-radius:13px;background:#25493f;color:#e4c686;display:grid;place-items:center;font:700 29px Georgia,serif}.eyebrow{font-size:11px;letter-spacing:2px;margin-top:25px}h1{font:400 clamp(30px,7vw,43px)/1.17 Georgia,serif;margin:18px 0}.intro{line-height:1.7;font-size:14px;color:#65746c}label{display:block;font-size:13px;font-weight:600;margin:25px 0 8px}input{width:100%;padding:13px;border:1px solid #bbcdbf;border-radius:8px;font-size:16px;color:#233f37;background:white}.hint,footer{font-size:11px;line-height:1.6;color:#728176}button{background:#25493f;color:white;border:0;border-radius:9px;padding:15px;width:100%;font-size:14px;font-weight:600;cursor:pointer}button:disabled{opacity:.6}footer{margin-top:23px}#error{font-size:13px;color:#a3452b}input:focus,button:focus-visible{outline:3px solid #dac07e;outline-offset:2px}@media(max-width:500px){main{padding:25px}body{padding:16px}}

body{background:#e9eeeb;color:#182f3c}main{background:#fff;border-color:#afc4b6;box-shadow:0 10px 40px #173a321a}h1{font-family:inherit;font-weight:750;letter-spacing:-.035em}.intro,.hint,footer{color:#52636e}.hint,footer{font-size:12px}input{border-color:#8da798}button{background:#173746}.eyebrow{color:#17634f;font-weight:700}

.login-brand{display:flex;align-items:center;gap:16px}.login-brand img{width:120px;height:77px;object-fit:contain;flex-shrink:0}.login-brand span{font-weight:750;font-size:20px;line-height:1.25;color:#243a34}.login-brand+.eyebrow{margin-top:18px}h1{font-size:clamp(28px,6vw,36px)}@media(max-width:500px){.login-brand{gap:10px}.login-brand img{width:100px;height:64px}.login-brand span{font-size:18px}}
#native-login{margin:18px 0}#native-login .login-remember{display:flex;align-items:flex-start;gap:9px;font-size:13px;font-weight:500;line-height:1.5}#native-login input[type=checkbox]{width:17px;min-width:17px;height:17px;margin:2px 0;padding:0;accent-color:#245a4b}#native-login .login-tools{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}#native-login button{width:auto;margin:0;padding:8px 11px;background:#f1f6f1;color:#245a4b;border:1px solid #bdcfc2;font-size:12px}#native-login [hidden]{display:none!important}

/* Shared visual language: entry screen. */
body{background:radial-gradient(ellipse at 20% 5%,#dae9df,transparent 60%),#f2f5f2;color:#233f35}
main{position:relative;overflow:hidden;padding:44px;border:1px solid #d8e3db;border-radius:24px;box-shadow:0 18px 70px #24443012}
main:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#285c4b,#9cb79c)}
h1{font-weight:650;letter-spacing:-1px;color:#233f35}.login-brand span{font-weight:650}.eyebrow{letter-spacing:1.6px;color:#587966}.intro{color:#687b70}
input{border-color:#c9d9cf;border-radius:10px;background:#fbfdfb;padding:14px}button{background:#285c4b;border-radius:10px;box-shadow:0 4px 12px #285c4b16}button:hover{background:#204d40}button:focus-visible,input:focus{outline-color:#91b49b}
@media(max-width:500px){main{padding:30px 25px;border-radius:18px}}

/* Optional Mac setup guidance, separate from the login form. */
.po-mac-access-help{margin-top:22px;padding:14px;border:1px solid #c9d9cf;border-radius:10px;background:#f3f7f3;font-size:13px;line-height:1.6}.po-mac-access-help summary{cursor:pointer;font-weight:650}.po-mac-access-help ol{padding-left:22px}.po-mac-access-help li+li{margin-top:10px}.po-mac-access-help summary:focus-visible{outline:3px solid #91b49b;outline-offset:3px}

/* PO_UI_CONSISTENCY_START */
/* One screen typography scale. Important declarations live in a layer so legacy
   per-page font overrides and personal scaling cannot replace the common scale.
   Message bodies, editable documents, email previews and print are excluded. */
@media screen{
:root{--po-ui-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--po-ui-body:calc(14px * var(--ttt-text-scale,1));--po-ui-small:calc(12px * var(--ttt-text-scale,1));--po-ui-h1:calc(28px * var(--ttt-text-scale,1));--po-ui-h2:calc(20px * var(--ttt-text-scale,1));--po-ui-h3:calc(16px * var(--ttt-text-scale,1));--po-ui-radius:12px;--po-ui-space:20px}
@layer po-ui-typography{
html body{font-family:var(--po-ui-font)!important;font-size:var(--po-ui-body)!important;line-height:1.5!important}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(h1,h2,h3,h4,h5,h6,p,label,legend,summary,li,dt,dd,button,input,select,textarea,table):not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *)){font-family:var(--po-ui-font)!important}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(p,label,legend,summary,li,dt,dd,button,input,select,textarea,table):not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *,.ttt-help-trigger,.ttt-help-close,[data-icon],.icon-button,.calendar-day,.year-day,.slot,.day-slot)){font-size:var(--po-ui-body)!important}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(h1,h2,h3,h4,h5,h6):not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *)){font-weight:650!important;line-height:1.3!important;letter-spacing:-.025em!important;overflow-wrap:anywhere}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) h1:not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *)){font-size:var(--po-ui-h1)!important}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) h2:not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *)){font-size:var(--po-ui-h2)!important}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) h3:not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *)){font-size:var(--po-ui-h3)!important}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(h4,h5,h6):not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *)){font-size:var(--po-ui-body)!important}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(button,label,legend):not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *,.ttt-help-trigger,.ttt-help-close)){font-weight:550!important}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(small,.muted,.hub-muted,.profiles-muted,.office-muted,.po-install-muted,.hint,footer):not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *)){font-size:var(--po-ui-small)!important;line-height:1.5!important}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(.eyebrow,.adm-eyebrow,.profiles-eyebrow,.po-install-eyebrow,.ttt-overview-eyebrow):not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *)){font-size:calc(11px * var(--ttt-text-scale,1))!important;font-weight:600!important;letter-spacing:.12em!important}
html body .ttt-help-trigger{font-family:var(--po-ui-font)!important;font-size:var(--po-ui-body)!important;font-weight:500!important;line-height:1!important}
html body .ttt-help-symbol{font:inherit!important;font-size:.75em!important}
@media(max-width:600px){html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea):not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *)){font-size:calc(16px * var(--ttt-text-scale,1))!important}}
}
/* Shared surfaces and spacing keep existing layouts and semantic state colours. */
html[data-ttt-page] body>main:not(.hub[data-view="today"]){max-width:1550px;padding:24px 32px 48px}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(.card,.panel,.hub-card,.hub-panel,.adm-panel,.export-card,.ar-panel,.profiles-card,.media-row,.media-source):not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *)){border-radius:var(--po-ui-radius);box-shadow:0 2px 10px #24443005}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(.filters,.hub-filters,.relation-filter-panel,.office-controls,.media-filters):not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *)){gap:12px 16px;min-width:0}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(.actions,.hub-links,.hub-quick,.office-row-actions,.media-row-actions,.profiles-foot):not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *)){gap:8px;flex-wrap:wrap}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),select,textarea):not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *)){box-sizing:border-box;min-width:0;max-width:100%;border-radius:8px;padding:8px 10px;line-height:1.4}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),select:not([multiple])):not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *)){min-height:38px}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(button,.button,.hub-button):not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *,.ttt-help-trigger,.ttt-help-close,.icon-button,.slot,.day-slot,.calendar-day,.year-day)){border-radius:8px;line-height:1.4}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(h2,h3):not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *)){margin-bottom:12px}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(label,.ttt-help-label):not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *)){max-width:100%;min-width:0}
html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(.fields,.hub-fields,.profiles-fields,.office-fields,.media-form)>*:not(:where([contenteditable],[contenteditable] *,.mail-preview,.mail-preview *,.email-preview,.email-preview *,.message-body,.message-body *,.communication-message,.communication-message *,#preview,#preview *,#draft-preview,#draft-preview *,#personalization-preview,#personalization-preview *,[data-no-ui-styling],[data-no-ui-styling] *)){min-width:0}
#po-office-work .office-controls{padding:16px;border:1px solid #d8e3db;border-radius:12px;background:#fff}
#po-office-work .office-day{padding:14px;border:1px solid #d8e3db;border-radius:12px;background:#fff}
#po-office-work #office-editor{padding:20px;border:1px solid #d8e3db;border-radius:12px;background:#fff}
@media(max-width:850px){html[data-ttt-page] body>main:not(.hub[data-view="today"]){padding:20px}}
@media(max-width:600px){:root{--po-ui-space:16px}html[data-ttt-page] body>main:not(.hub[data-view="today"]){padding:16px 14px 36px}#po-office-work .office-day{padding:10px}html body :where(main,dialog,.workplace-dialog,#ttt-context-help,#ttt-shortcuts-preview,#user-guide-dialog) :is(.profiles-head,.profiles-foot){flex-wrap:wrap}}
}
/* PO_UI_CONSISTENCY_END */