﻿/* Reminder work uses the shared office and One theme surfaces. */
.vo-missions-side{display:grid;gap:14px;min-width:0;align-content:start}.vo-missions-create{margin:0;padding:16px;background:var(--adm-surface);border-radius:5px}.vo-missions-create h2{margin:0;font-size:17px}.vo-missions-form{gap:10px}.vo-missions-form .vo-form-grid{gap:10px}.vo-missions-form .vo-form-grid>div{min-width:0}.vo-missions-form input[type=date],.vo-missions-form input[type=time]{min-width:0;box-sizing:border-box;max-width:100%;color-scheme:light dark}.vo-missions-form :disabled{opacity:.65}.vo-missions-form input[aria-invalid=true]{border-color:var(--adm-danger,#dd4b39)}.vo-mission-field-error,.vo-missions-form-error{font-size:12px;line-height:1.6;color:var(--adm-danger,#dd4b39);margin:0}.vo-mission-field-error:empty,.vo-missions-form-error:empty,.vo-missions-draft:empty{display:none}.vo-missions-draft{margin:0;font-size:11px;color:var(--adm-text-soft)}.vo-missions .vo-office-layout{grid-template-columns:minmax(0,1fr) 360px}.vo-missions-detail{position:static;max-height:none}.vo-missions .vo-office-caption{padding:12px 14px;margin:0;line-height:1.6}.vo-missions .vo-office-colleague[hidden]{display:none}.vo-missions-confirm{padding:12px;margin-top:12px;border:1px solid var(--adm-border);border-left:3px solid var(--adm-warning,#f39c12);background:var(--adm-surface-2);border-radius:3px}.vo-missions-confirm p{margin:7px 0}.vo-missions-technical{margin-top:14px;border-top:1px solid var(--adm-border);padding-top:12px}.vo-missions-technical summary{cursor:pointer;min-height:34px;line-height:1.6;font-weight:600}.vo-missions .vo-pill[data-state=completed]{color:var(--adm-success,#008749);background:var(--adm-success-soft,rgba(0,166,90,.12))}.vo-missions .vo-pill[data-state=attention-required]{color:var(--adm-warning,#c78000)}.vo-missions .vo-pill[data-state=cancelled]{color:var(--adm-text-soft)}#virtual-office .vo-mission-row.is-selected{background:var(--adm-primary-soft)!important;border-left:3px solid var(--adm-primary)!important}.vo-missions .vo-request{min-height:67px}.vo-missions .vo-request>span{min-width:0;overflow-wrap:anywhere}.vo-missions .vo-office-file-cover small{color:var(--adm-text-soft)}.vo-missions :focus-visible{outline:3px solid var(--adm-primary,#3c8dbc);outline-offset:3px}.vo-missions .vo-live-values dd{overflow-wrap:anywhere}.vo-missions .vo-office-scene-head{padding:12px 14px}.vo-missions .vo-office-scene-head h2{font-size:17px}
@media(max-width:1100px){.vo-missions .vo-office-layout{grid-template-columns:minmax(0,1fr)}.vo-missions-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.vo-missions-detail{margin:0}}
@media(max-width:850px){.vo-missions .vo-office-layout{grid-template-columns:minmax(0,1fr)}.vo-missions-side{grid-template-columns:minmax(0,1fr)}.vo-missions .vo-office-main{min-width:0}.vo-missions-side .vo-missions-detail:has(.vo-empty){display:none}}
@media(max-width:520px){.vo-missions .vo-form-grid{grid-template-columns:1fr 1fr}.vo-missions-create{padding:12px}.vo-missions .vo-request{flex-wrap:wrap}.vo-missions-form button[type=submit]{width:100%}.vo-missions .vo-office-scene-head h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){.vo-missions .vo-office-walker{transition:none!important;animation:none!important}}
/* This office page keeps all shared-header controls reachable at intermediate widths. */
@media(max-width:760px){body[data-office-mode="live"][data-sysimple-shell="true"]>header.sys-studio-header.topbar[data-studio-shell]{flex-wrap:wrap!important}body[data-office-mode="live"][data-sysimple-shell="true"]>header.sys-studio-header.topbar[data-studio-shell]>div{max-width:100%;min-width:0}body[data-office-mode="live"][data-sysimple-shell="true"]>header.sys-studio-header.topbar[data-studio-shell] .sys-studio-right{flex:1 1 100%!important;flex-wrap:wrap!important;max-width:100%}body[data-office-mode="live"][data-sysimple-shell="true"]>header.sys-studio-header.topbar[data-studio-shell] .sys-studio-auth-menu{min-width:0;max-width:100%}body[data-office-mode="live"][data-sysimple-shell="true"]>header.sys-studio-header.topbar[data-studio-shell] .sys-studio-auth-menu>.sys-studio-menu-button{max-width:100%}body[data-office-mode="live"][data-sysimple-shell="true"]>header.sys-studio-header.topbar[data-studio-shell] .sys-studio-auth-menu>.sys-studio-menu-button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* The operator's shared tools exceed tablet widths: use the existing menu. */
@media(min-width:761px) and (max-width:1250px){
 body[data-office-mode="live"][data-sysimple-shell="true"][data-theme]>header.sys-studio-header.topbar[data-mobile-navigation]{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;padding:4px 12px!important;gap:8px!important}
 body[data-office-mode="live"] .sys-studio-header[data-mobile-navigation]>.sys-studio-brand{grid-column:1;grid-row:1}
 body[data-office-mode="live"] .sys-studio-header[data-mobile-navigation]>.sys-studio-organization{grid-column:2;grid-row:1;min-width:0!important;max-width:100%!important}
 body[data-office-mode="live"] .sys-studio-header[data-mobile-navigation]>.sys-mobile-menu{display:inline-flex!important;grid-column:3;grid-row:1;align-items:center;gap:6px;min-height:44px!important;padding:8px!important}
 body[data-office-mode="live"] .sys-mobile-menu svg{width:20px;height:20px}
 body[data-office-mode="live"] .sys-studio-header[data-mobile-navigation]:not(.sys-mobile-menu-open)>:is(.sys-studio-nav,.sys-studio-primary-actions,.sys-studio-common-tools,.sys-studio-api-status,.sys-studio-right){display:none!important}
 body[data-office-mode="live"] .sys-studio-header[data-mobile-navigation].sys-mobile-menu-open{max-height:85dvh;overflow-y:auto!important}
 body[data-office-mode="live"] .sys-studio-header[data-mobile-navigation].sys-mobile-menu-open>:is(.sys-studio-nav,.sys-studio-primary-actions,.sys-studio-common-tools,.sys-studio-right,.sys-studio-api-status){grid-column:1/-1;width:100%!important;min-width:0;display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;padding:8px 0!important}
 body[data-office-mode="live"] .sys-studio-header.sys-mobile-menu-open .sys-mobile-action-label{display:inline!important;font:500 12px/1.3 system-ui;white-space:normal}
 body[data-office-mode="live"] .sys-studio-header.sys-mobile-menu-open .sys-studio-common-tools>:is(a,button){display:flex!important;align-items:center;gap:8px;width:auto!important;min-height:44px!important;flex:1 1 42%;justify-content:flex-start!important}
 body[data-office-mode="live"] .sys-studio-header.sys-mobile-menu-open .sys-studio-menu-panel{position:static!important;max-width:100%;width:100%}
}

/* Comfortable reading space in the reminder detail and recurrence form. */
#virtual-office .vo-missions-side .vo-office-file-cover{padding:18px 20px}
#virtual-office .vo-missions-side .vo-office-next{padding:18px 20px}
#virtual-office .vo-missions-side .vo-missions-technical{padding:14px 20px;margin-top:0}
#virtual-office .vo-missions-side .vo-missions-detail>h2,#virtual-office .vo-missions-side .vo-missions-detail>p{margin:18px 20px}
.vo-mission-recurrence{display:grid;gap:10px;padding:12px;background:var(--adm-surface-2);border:1px solid var(--adm-border);border-radius:4px}
.vo-mission-recurrence[hidden],.vo-mission-recurrence [hidden]{display:none!important}
.vo-mission-schedule-summary{margin:0;padding:10px 12px;border-left:3px solid var(--adm-primary,#3c8dbc);background:var(--adm-primary-soft);font-size:12px;line-height:1.6}
.vo-missions-side input,.vo-missions-side select{width:100%;min-width:0;box-sizing:border-box}
