#previewControls{position:sticky;top:0;z-index:500;background:#fff;border-bottom:2px solid #08a091;padding:12px 24px;color:#1d3c4f;font:14px/1.5 Arial,sans-serif}#previewControls summary{cursor:pointer;font-weight:700}.preview-controls-body{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding-top:10px}.preview-controls-body label{display:flex;align-items:center;gap:6px;margin:0;cursor:pointer}.preview-controls-body input{width:18px;height:18px;accent-color:#067f74}#previewReset{background:#1d3c4f;color:white;border:0;border-radius:6px;padding:9px 13px;cursor:pointer}#previewState{font-size:13px}#previewControls :focus-visible{outline:3px solid #08a091;outline-offset:3px}
@media screen {
html[data-preview-spacing] .content-shell{background:#f5f8fa;padding:28px 36px}html[data-preview-spacing] .content-shell :is(p,input,textarea,select,button){font-family:Arial,sans-serif}html[data-preview-spacing] .topbar{padding-bottom:24px;border-bottom:1px solid #dce6e6;margin-bottom:24px}html[data-preview-spacing] .panel{border:1px solid #dce6e6;border-radius:12px;padding:26px;box-shadow:none}html[data-preview-spacing] .content-shell h3{font-size:22px;line-height:1.3}html[data-preview-spacing] .content-shell :is(input,textarea,select){font-size:16px;line-height:1.5}html[data-preview-spacing] .dashboard-action-item{padding:20px 0;gap:20px}
html[data-preview-sidebar] .sidebar{background:#1d3c4f!important;border-right:0;box-shadow:none}html[data-preview-sidebar] .sidebar .nav-item{border:0;border-radius:7px;color:#e3edf0;padding:12px 16px;font-size:15px;margin-block:3px}html[data-preview-sidebar] .sidebar .nav-item.active{background:#08a091!important;color:#fff!important}html[data-preview-sidebar] .sidebar .nav-item:hover{background:#294e61}html[data-preview-sidebar] .sidebar .bob-tip{display:none}html[data-preview-sidebar] .sidebar-brand{padding-bottom:24px}
html[data-preview-buttons] .content-shell :is(.primary-button,button.primary){background:#067f74!important;color:white!important;border:1px solid #067f74!important;border-radius:7px;box-shadow:none;padding:11px 17px;font-weight:600}html[data-preview-buttons] .content-shell :is(.secondary-button,.ghost-button){background:white;color:#1d3c4f;border:1px solid #cbdade;border-radius:7px;box-shadow:none;padding:10px 16px}html[data-preview-buttons] .content-shell button:focus-visible{outline:3px solid #08a091;outline-offset:3px}
.preview-dashboard{display:grid;gap:24px}.preview-dashboard .panel{margin:0}.preview-welcome{position:relative;padding:8px 0 12px}.preview-welcome h3{font-size:30px!important;letter-spacing:-.03em;margin:9px 0}.preview-welcome .primary-button{margin-top:18px}.preview-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.preview-section-heading>span{font-size:14px;color:#495762}.preview-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.preview-goal{display:grid;gap:6px;width:100%;background:#fff;border:1px solid #dce6e6;border-left:3px solid #08a091;border-radius:7px;padding:16px;margin:14px 0;text-align:left;color:#1d3c4f;cursor:pointer}.preview-goal strong{font-size:17px}.preview-goal span{font-size:14px}.preview-goal span:last-child{color:#067f74}.preview-goal:hover{background:#edf8f6}.preview-attention{display:grid;gap:12px;margin-top:16px}.preview-dashboard .dashboard-action-item{border-bottom:1px solid #dce6e6}.preview-dashboard .is-due-soon{border-left:3px solid #a74732}.preview-dashboard .panel>h3{margin-bottom:14px}@media(max-width:950px){.preview-columns{grid-template-columns:1fr}html[data-preview-spacing] .content-shell{padding:20px}.preview-section-heading{align-items:flex-start;flex-direction:column}}
}
@media print{#previewControls{display:none!important}}
@media screen {
.preview-detail-layout{display:grid;gap:20px}.preview-detail-summary{padding:28px;background:#edf8f6;border:1px solid #b7dcd6;border-radius:12px}.preview-detail-summary-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-detail-summary-header .eyebrow{margin:0}.preview-detail-summary-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.preview-detail-edit{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #92c9c0;border-radius:8px;background:#fff;color:#067f74;font:700 22px/1 Arial,sans-serif;cursor:pointer}.preview-detail-edit:hover{background:#dff3ef}.preview-detail-edit:focus-visible{outline:3px solid #08a091;outline-offset:3px}.preview-detail-summary h3{font-size:28px;line-height:1.25;margin:10px 0 14px;color:#1d3c4f}.preview-detail-objective{font-size:17px;line-height:1.7;max-width:850px;white-space:pre-line}.preview-detail-summary dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 0;padding-top:20px;border-top:1px solid #b7dcd6}.preview-detail-summary dt{font-size:13px;color:#495762;margin-bottom:6px}.preview-detail-summary dd{margin:0;font-size:16px;font-weight:600;overflow-wrap:anywhere}.preview-summary-editor-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.preview-summary-field{display:grid;gap:6px;color:#1d3c4f;font-size:14px;font-weight:600}.preview-summary-field-wide{grid-column:1/-1}.preview-summary-field :is(input,textarea,select){width:100%;padding:10px 12px;border:1px solid #9bcfc7;border-radius:7px;background:#fff;color:#1d3c4f;font:16px/1.45 Arial,sans-serif}.preview-summary-field textarea{resize:vertical}.preview-summary-editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.preview-detail-group{background:#fff;border:1px solid #dce6e6;border-radius:10px;overflow:hidden}.preview-detail-group>summary{padding:18px 22px;font-size:17px;font-weight:600;cursor:pointer;color:#1d3c4f}.preview-detail-group>summary:hover{background:#f5f8fa}.preview-detail-group>summary:focus-visible{outline:3px solid #08a091;outline-offset:-3px}.preview-detail-group> :not(summary){margin:0!important;border:0;box-shadow:none}.preview-detail-group>.split{padding:16px;grid-template-columns:minmax(0,1fr)}.preview-detail-group>.split>.detail-stack{display:none}.preview-detail-group .panel-header h3{font-size:19px}@media(max-width:650px){.preview-detail-summary{padding:20px}.preview-detail-summary dl,.preview-summary-editor-fields{grid-template-columns:1fr;gap:14px}.preview-detail-summary h3{font-size:24px}.preview-summary-editor-actions{justify-content:stretch}.preview-summary-editor-actions button{flex:1}}
.preview-detail-group>.preview-detail-collapse-footer{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 18px!important;border-top:1px solid #dce6e6!important;background:#f5faf9;color:#067f74;font:700 22px/1 Arial,sans-serif;cursor:pointer}.preview-detail-group>.preview-detail-collapse-footer:hover{background:#e6f5f2}.preview-detail-group>.preview-detail-collapse-footer:focus-visible{outline:3px solid #08a091;outline-offset:-3px}
.preview-summary-field input::placeholder{color:#8b95a5;font-weight:400;opacity:1}.preview-summary-field input:focus::placeholder{color:transparent}
}
@media print{.preview-detail-layout{display:none!important}}
@media screen {
html[data-preview-buttons] .content-shell button.preview-add-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:auto!important;height:auto!important;min-height:44px;max-width:100%;padding:11px 17px!important;border:1px solid #067f74!important;border-radius:7px!important;background:#067f74!important;color:#fff!important;font:600 15px/1.35 Arial,sans-serif!important;box-shadow:none!important;white-space:normal;text-align:left;cursor:pointer}
html[data-preview-buttons] .content-shell button.preview-add-button:hover{background:#05695f!important;border-color:#05695f!important}
html[data-preview-buttons] .content-shell button.preview-add-button:disabled{opacity:.55;cursor:not-allowed}
html[data-preview-buttons] .content-shell button.preview-add-button>span[aria-hidden]{font-size:21px;line-height:1;flex-shrink:0}
}
@media screen {
.preview-connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.preview-connection-card{display:flex;flex-direction:column;align-items:flex-start;border-top:3px solid #08a091;background:#f4f8f8;border-radius:7px;padding:18px;gap:12px}.preview-connection-card h4{font-size:17px;margin:0;color:#1d3c4f}.preview-connection-card h4 span{font-size:14px;color:#067f74}.preview-connection-card p{margin:0;font-size:14px}.preview-connection-card ul{padding-left:19px;margin:0 0 8px;line-height:1.6}.preview-connection-card button{margin-top:auto}.preview-connection-empty{color:#57676d}@media(max-width:1100px){.preview-connection-grid{grid-template-columns:1fr}}
}
@media print{.preview-connections{display:none!important}}
@media screen {
html[data-preview-navigation] .nav-list{display:flex;flex-direction:column;gap:16px;overflow:visible}
.preview-nav-group{display:flex;flex-direction:column;gap:2px;min-width:0}
html[data-preview-navigation] .preview-nav-label{margin:0 0 5px;padding:0 16px;font:600 12px/1.4 Arial,sans-serif;color:inherit;opacity:.75}
html[data-preview-navigation] .nav-item{width:100%;text-align:left;white-space:normal}
html[data-preview-navigation] .nav-item[hidden]{display:none!important}
@media(max-width:1100px){html[data-preview-navigation] .nav-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.preview-nav-group:first-child{grid-column:1/-1}html[data-preview-navigation] .nav-item{padding:10px!important;font-size:14px!important}html[data-preview-navigation] .preview-nav-label{padding-left:10px}}
@media(max-width:380px){html[data-preview-navigation] .nav-list{grid-template-columns:1fr}}
}
@media screen {
html[data-preview-navigation] .nav-list{display:flex!important;flex-direction:column;gap:5px;overflow:visible}
.preview-nav-accordion summary{padding:13px 16px;cursor:pointer;font-size:15px;font-weight:600;border-radius:7px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.preview-nav-accordion summary::after{content:'›';font-size:22px;line-height:1;transition:transform .15s}
.preview-nav-accordion[open] summary::after{transform:rotate(90deg)}
.preview-nav-accordion summary:hover{background:#ffffff12}
.preview-nav-accordion summary:focus-visible{outline:3px solid #08a091;outline-offset:2px}
.preview-nav-accordion.has-current summary{font-weight:700;text-decoration:underline;text-underline-offset:5px}
.preview-nav-children{margin:0 8px 10px 23px;padding-left:9px;border-left:1px solid #7c999a}
html[data-preview-navigation] .preview-nav-children .nav-item{font-size:14px;padding:10px 12px}
.preview-nav-children .nav-icon{display:none}
.preview-nav-settings{border-top:1px solid #ffffff30;margin-top:18px;padding-top:12px}
}
@media screen {
.preview-nav-accordion>summary::marker{content:''}
.preview-nav-accordion>summary::-webkit-details-marker{display:none}
.preview-nav-accordion>summary::before{display:none!important}
html[data-preview-navigation] .preview-nav-children .nav-icon{display:none!important}
}
/* Quiet, consistent navigation: text labels with disclosure arrows only. */
@media screen {
html[data-preview-navigation] .nav-list .nav-icon{display:none!important}
html[data-preview-navigation] .nav-list .nav-item,
html[data-preview-navigation] .nav-list .preview-nav-accordion>summary{font-family:Arial,sans-serif!important;font-size:15px!important;font-weight:400!important;line-height:1.4!important;padding:12px 16px!important;margin:3px 0!important;text-decoration:none!important}
html[data-preview-navigation] .nav-list .preview-nav-accordion>summary::after{font-weight:400}
}
@media screen {
/* A missed deadline is marked at the date itself, while the list remains calm. */
.preview-overdue .dashboard-action-date{background:#ffe4e1!important;border-color:#e8aca5!important}
.preview-overdue .dashboard-action-date strong{color:#9e3e34!important}
.preview-overdue .dashboard-action-date span{color:#8a3325!important}
}

/* bob-subtle-calendar-v1 */
@media screen {
html .content-shell button.professionalization-calendar-add,
html[data-preview-buttons] .content-shell button.professionalization-calendar-add.preview-add-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  gap: 0 !important;
  justify-self: end;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  background: var(--accent-soft) !important;
  color: var(--accent-dark) !important;
  box-shadow: none !important;
  font: 600 21px/1 Arial, sans-serif !important;
}
html[data-preview-buttons] .content-shell button.professionalization-calendar-add.preview-add-button > span:not([aria-hidden]) {
  display: none !important;
}
html .content-shell button.professionalization-calendar-add:hover {
  background: var(--accent-soft) !important;
  border-color: var(--accent) !important;
}
html .content-shell button.professionalization-calendar-add:focus-visible {
  outline: 2px solid var(--accent-dark);
  outline-offset: 3px;
}
html .quality-card-evaluation-add-row > span { display: none; }
html .content-shell #addQualityCardEvaluation,
html[data-preview-buttons] .content-shell #addQualityCardEvaluation.preview-add-button {
  width: auto !important;
  min-width: 210px !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}
html .content-shell #addQualityCardEvaluation > span { white-space: nowrap !important; }
}

.preview-summary-editor-always .preview-summary-editor-fields{margin-top:18px}.preview-school-year-dropdown{position:relative;border:1px solid #9bcfc7;border-radius:7px;background:#fff}.preview-school-year-dropdown>summary{padding:10px 38px 10px 12px;cursor:pointer;list-style:none;font-weight:500;min-height:46px}.preview-school-year-dropdown>summary::-webkit-details-marker{display:none}.preview-school-year-dropdown>summary:after{content:'⌄';position:absolute;right:14px;color:#067f74}.preview-school-year-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px;border-top:1px solid #b7dcd6;max-height:220px;overflow:auto}.preview-school-year-options label{display:flex;align-items:center;gap:8px;padding:7px;border-radius:6px;font-weight:500}.preview-school-year-options label:hover{background:#edf8f6}.preview-school-year-options input{width:auto}.preview-summary-autosave{margin-top:12px;text-align:right;color:#61707d;font-size:13px}.preview-summary-autosave[data-state="saving"]{color:#856404}.preview-summary-autosave[data-state="error"]{color:#a63d36}@media(max-width:650px){.preview-school-year-options{grid-template-columns:1fr}}
.goal-save-button svg{display:block!important;width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;color:#067f74}.goal-save-button:disabled svg{color:#49606c}.goal-save-feedback{max-width:240px;color:#49606c;font-size:13px;font-weight:600;line-height:1.3}.goal-save-feedback:empty{display:none}body[data-view="goalDetail"] .content-shell{overflow:visible!important}body[data-view="goalDetail"] #topbarActions{position:fixed!important;top:16px;right:24px;z-index:120!important;display:flex;align-items:center;padding:7px;background:rgba(255,255,255,.97);border:1px solid #dce6e6;border-radius:14px;box-shadow:0 8px 28px rgba(29,60,79,.14)}.preview-summary-autosave[data-state="pending"]{color:#856404}@media(max-width:640px){body[data-view="goalDetail"] #topbarActions{top:10px;right:10px;max-width:calc(100vw - 20px)}body[data-view="goalDetail"] .goal-save-feedback{max-width:150px}}

.goal-construction-toggle{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 11px;border:1px solid #d7e3e2;border-radius:10px;background:#f8fbfb;color:#273f4d;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.goal-construction-toggle:hover{border-color:#e0a52b;background:#fff8e8}.goal-construction-toggle input{width:17px;height:17px;margin:0;accent-color:#d58b00;cursor:pointer}.goal-construction-toggle:has(input:checked){border-color:#e0a52b;background:#fff3cf;color:#6b4300}.goal-construction-toggle:has(input:disabled){cursor:default;opacity:.7}@media(max-width:720px){.goal-construction-toggle span{max-width:86px;white-space:normal;line-height:1.05}}

.bob-plan-field textarea::placeholder{color:#8b95a5;font-weight:400;opacity:1}.bob-plan-field textarea:focus::placeholder{color:transparent}
.goal-topbar-delete{margin-left:3px!important;background:#fff5f5!important;border-color:#efcaca!important;color:#a93232!important}.goal-topbar-delete:hover{background:#fde8e8!important;border-color:#d96868!important;box-shadow:0 0 0 4px rgba(190,52,52,.11),0 5px 14px rgba(128,35,35,.14)!important}.goal-topbar-delete svg{stroke:currentColor!important}.list-item .meta a{color:#086f68;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}