.evidence-add-card h2,.evidence-record h3{margin:0;color:var(--navy)}
.evidence-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.evidence-form-grid .span3{grid-column:1/-1}
.pupil-pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.pupil-pick{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:11px;background:#f7f9fc;cursor:pointer}
.pupil-pick.selected{border-color:#0d64c8;background:#edf5fd}
.pupil-pick input{width:18px;height:18px}
.pupil-pick span{display:grid}.pupil-pick small{color:var(--muted);margin-top:3px}
.evidence-permission{border:1px solid #d8e3ed;border-radius:10px;padding:11px;background:#f8fbfe}
.permission-pills{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.permission-pill{border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;background:#eef2f6}
.permission-pill.yes{background:#edf8ef;color:#285f36}.permission-pill.blocked{background:#fff1f1;color:#842626}
.danger-text{color:#842626}.evidence-media-picker{margin-top:10px}.evidence-media-picker>label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}
.selected-media{margin-top:8px}.evidence-media-preview{margin-top:8px;max-width:360px;max-height:240px;border-radius:10px;border:1px solid var(--line)}
.read-box{padding:10px;border:1px solid #c9d5df;border-radius:8px;background:#f7f9fb;min-height:40px}
.parent-share-create,.evidence-share-panel{border:1px solid #d8e3ed;border-radius:10px;padding:11px;background:#f8fbfe}
.safe-share{display:flex;align-items:flex-start;gap:8px;margin:7px 0;font-size:13px}.safe-share input{margin-top:2px}
.evidence-important,.pathway-source-note{border-left:4px solid #0d64c8;background:#eef5fc;padding:11px 13px;border-radius:8px;margin:12px 0}
.evidence-save{margin-top:12px}
.evidence-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.evidence-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:13px}
.evidence-record{margin:0}.evidence-record-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.evidence-pills{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.evidence-pills span{font-size:11px;font-weight:800;background:#edf4fb;color:#062d63;padding:5px 8px;border-radius:999px}
.evidence-no-media,.media-loading{padding:22px;text-align:center;background:#f5f7f9;border:1px dashed #c4d1dd;border-radius:10px;color:var(--muted)}
.evidence-record-media{width:100%;max-height:320px;object-fit:contain;border-radius:10px;background:#eef2f5}
.linked-evidence-box{margin-top:10px;padding:10px;border:1px solid #bdd3e8;background:#f4f9fe;border-radius:9px;font-size:12px}.linked-evidence-box b{color:#0d64c8}
.evidence-text{margin-top:10px}.evidence-text.observation{padding:10px;border-left:3px solid #0d64c8;background:#f8fbfe}.recorded-by{margin-top:10px}
.evidence-share-panel{margin-top:12px}.evidence-share-panel.live{background:#f1f8f2}.quick-save-confirm{margin:10px 0}
.engagement-list{display:grid;gap:6px;margin-top:8px}.engagement-list>div{display:flex;justify-content:space-between;gap:8px;padding:7px;background:white;border-radius:7px;font-size:12px}
@media(max-width:850px){.evidence-form-grid,.evidence-filter-grid{grid-template-columns:1fr}.evidence-form-grid .span3{grid-column:auto}.evidence-gallery{grid-template-columns:1fr}}

.selected-media-grid,.protected-media-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:10px}.selected-media-card{border:1px solid #d9e4ed;background:#f7f9fb;border-radius:10px;padding:8px}.selected-media-head{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;font-size:11px;margin-bottom:7px}.selected-media-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-media-summary{margin-top:8px;padding:8px 10px;background:#eef5fc;border-radius:8px;font-size:12px}.protected-media-gallery .protected-media{margin:0;min-height:130px;display:flex;align-items:center;justify-content:center;background:#f5f8fb;border:1px solid #dce5ed;border-radius:10px;padding:6px}.protected-media-gallery .evidence-record-media{width:100%;max-height:390px;object-fit:contain}

.topic-tag-picker{display:flex;flex-wrap:wrap;gap:6px;margin:5px 0 8px}.topic-tag-option{display:flex;gap:5px;align-items:center;border:1px solid #d7e2eb;border-radius:999px;padding:5px 8px;background:#f7f9fb;font-size:11px;cursor:pointer}.topic-tag-option.selected{border-color:#0d64c8;background:#eef6fd;color:#0d4f91}.evidence-pills .primary-topic{font-weight:800;border-color:#0d64c8}

/* Phase 6.3: Learning Journal + tablet-first Add Evidence */
.journal-filter-card{position:sticky;top:8px;z-index:3}.journal-count{margin-top:8px;color:var(--muted);font-size:12px}.journal-count b{color:var(--navy)}
.journal-gallery{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.journal-type-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.badge.special{background:#fff4dc;color:#704d00}
.evidence-record.special-moment{border-top:4px solid var(--orange)}.journal-link-list{display:grid;gap:7px;margin-top:7px}.journal-link-list>div{padding:8px;background:#fff;border:1px solid #d9e5ef;border-radius:8px}.journal-link-list span{font-size:11px;color:var(--muted)}
.entry-type-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.entry-type-btn{min-height:78px;text-align:left;border:2px solid #d6e1eb;background:#f8fafc;border-radius:13px;padding:14px;cursor:pointer;color:var(--ink)}.entry-type-btn b,.entry-type-btn span{display:block}.entry-type-btn b{font-size:16px;color:var(--navy);margin-bottom:4px}.entry-type-btn span{font-size:12px;color:var(--muted)}.entry-type-btn.selected{border-color:var(--blue);background:#eef6fd;box-shadow:0 0 0 2px #0d64c817}
.quick-evidence-bar{border:1px solid #cddceb;background:#f5f9fd;padding:11px 13px;border-radius:10px;margin:10px 0 16px}.quick-evidence-bar label{display:flex;align-items:center;gap:8px;cursor:pointer}.quick-evidence-bar input{width:22px;height:22px}
.evidence-step{display:flex;align-items:center;gap:10px;margin:20px 0 8px;border-top:1px solid #e5ebf0;padding-top:16px}.evidence-step>span{display:grid;place-items:center;width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--navy);color:#fff;font-weight:900}.evidence-step b,.evidence-step small{display:block}.evidence-step small{color:var(--muted);margin-top:2px}.evidence-step em{font-style:normal;color:var(--muted);font-weight:400}
.curriculum-links{display:grid;gap:10px}.curriculum-link-row{border:1px solid #cbd9e6;border-radius:12px;padding:12px;background:#f8fbfe}.curriculum-link-row-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.link-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.link-statement-field{grid-column:1/-1}.quick-link-later{margin:10px 0}.draft-status{font-size:12px;color:var(--muted);font-weight:700}
.camera-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:8px 0;cursor:pointer}.file-input-accessible{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.selected-media-card{overflow:hidden;min-width:0}.selected-media-frame{height:190px;width:100%;overflow:hidden;border-radius:9px;background:#eef2f5;display:flex;align-items:center;justify-content:center}.selected-media-card .evidence-media-preview{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;margin:0;border:0;border-radius:0}.protected-media{overflow:hidden;min-width:0}.protected-media-gallery .evidence-record-media{display:block;width:100%;height:auto;max-width:100%;max-height:390px;object-fit:contain}
.sticky-save-bar{position:sticky;bottom:0;margin:22px -18px -18px;padding:12px 18px;background:#fffffff4;border-top:1px solid #d5e0e9;box-shadow:0 -5px 18px #17365d12;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:5}.sticky-save-bar>div:first-child{display:grid;gap:2px}.sticky-save-bar .meta{display:block}
@media(max-width:900px){.journal-filter-card{position:static}.entry-type-choice{grid-template-columns:1fr}.link-grid{grid-template-columns:1fr}.link-statement-field{grid-column:auto}.sticky-save-bar{margin-left:-12px;margin-right:-12px;padding:12px;flex-direction:column;align-items:stretch}.sticky-save-bar .actions{display:grid;grid-template-columns:1fr 1fr}.sticky-save-bar .btn{width:100%}.journal-gallery{grid-template-columns:1fr}.selected-media-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.selected-media-grid{grid-template-columns:1fr}.selected-media-frame{height:220px}}

/* Phase 6.3.2: evidence polish after manual user test */
.evidence-section-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.evidence-section-tab{min-height:70px;border:2px solid #ccd9e5;border-radius:13px;background:#fff;padding:12px 15px;text-align:left;color:var(--ink);cursor:pointer;font:inherit}
.evidence-section-tab strong,.evidence-section-tab>span{display:block}.evidence-section-tab{font-weight:900;color:var(--navy);font-size:15px}
.evidence-section-tab span{display:block;margin-top:4px;font-size:11px;font-weight:600;color:var(--muted)}
.evidence-section-tab.active{border-color:var(--blue);background:#eef6fd;box-shadow:0 0 0 2px #0d64c817}
.evidence-section-tab:focus-visible{outline:3px solid #f3a51f;outline-offset:2px}
.curriculum-step{margin-top:22px}
.curriculum-link-row-head>div{display:grid;gap:2px}.curriculum-link-row-head small{color:var(--muted);font-size:11px;font-weight:600}
.link-not-linked-help{grid-column:2/-1}.add-curriculum-area{justify-self:start;min-height:46px}
.evidence-important.compact{margin:2px 0 0}
.evidence-camera-dropzone{min-height:190px;border:2px dashed #9fb6ca;border-radius:16px;background:#f7fbff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:24px;cursor:pointer;color:var(--navy);transition:border-color .15s ease,background .15s ease,transform .15s ease}
.evidence-camera-dropzone:hover{border-color:var(--blue);background:#eef7ff}.evidence-camera-dropzone:active{transform:scale(.995)}
.evidence-camera-dropzone .camera-svg{width:68px;height:56px;color:var(--blue)}.evidence-camera-dropzone b{font-size:18px}.evidence-camera-dropzone span{font-size:12px;color:var(--muted);max-width:440px}
.evidence-camera-dropzone.disabled{cursor:not-allowed;opacity:.58;background:#f3f4f5}.evidence-camera-dropzone.disabled .camera-svg{color:var(--muted)}
@media(max-width:900px){.evidence-section-tabs{grid-template-columns:1fr 1fr}.link-not-linked-help{grid-column:auto}.evidence-camera-dropzone{min-height:165px}}
@media(max-width:620px){.evidence-section-tabs{grid-template-columns:1fr}.evidence-camera-dropzone{min-height:150px;padding:18px}.evidence-camera-dropzone .camera-svg{width:58px;height:48px}}

/* Phase 6.3.2 manual-test fixes: centre camera icon above both lines of upload copy.
   The combined selector intentionally outranks the older .evidence-media-picker>label rule. */
.evidence-media-picker>label.evidence-camera-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.evidence-media-picker>label.evidence-camera-dropzone .camera-svg{display:block;margin:0 auto 4px;flex:0 0 auto}
.evidence-media-picker>label.evidence-camera-dropzone b,.evidence-media-picker>label.evidence-camera-dropzone span{display:block;width:100%;text-align:center;margin:0}

/* Phase 6.4: reliable drafts, teacher approval and true parent preview */
.draft-recovered,.journal-draft-notice,.approval-queue-head,.dashboard-approval-alert{display:flex;align-items:center;justify-content:space-between;gap:16px;border-left:5px solid #f3a51f}
.journal-draft-notice h3,.approval-queue-head h3,.dashboard-approval-alert h3{margin:5px 0 3px}
.approval-review-box{margin-top:12px;padding:12px;border:2px solid #efc16a;border-radius:12px;background:#fff8e8}
.approval-review-box>.actions{margin-top:9px;display:flex;gap:7px;flex-wrap:wrap}
.parent-engagement-auto{margin-top:10px;padding-top:9px;border-top:1px solid #cfdfd2}
.parent-preview-modal{width:min(920px,94vw);max-height:90vh;overflow:auto}
.parent-preview-card{display:grid;gap:14px}
.parent-preview-card>h3{font-size:28px;margin:4px 0;color:var(--navy)}
.parent-preview-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.parent-preview-media{min-height:180px;border:1px solid #d8e3ed;border-radius:12px;background:#f6f9fb;display:flex;align-items:center;justify-content:center;overflow:hidden}
.parent-preview-media img,.parent-preview-media video{display:block;width:100%;height:100%;max-height:420px;object-fit:contain;background:#eef2f5}
.parent-learning-box{padding:13px 16px;border:1px solid #c9dcf0;border-radius:12px;background:#eef6fd}
.parent-learning-box>b{display:block;color:#0d64c8;font-size:16px;margin-bottom:4px}
.parent-observation{font-size:16px;line-height:1.5;padding:2px 3px}
.draft-status{min-width:130px;text-align:right}
@media(max-width:700px){.draft-recovered,.journal-draft-notice,.approval-queue-head,.dashboard-approval-alert{align-items:stretch;flex-direction:column}.draft-recovered .actions,.journal-draft-notice .actions,.approval-queue-head .actions,.dashboard-approval-alert .actions{width:100%}.journal-draft-notice .btn,.approval-queue-head .btn,.dashboard-approval-alert .btn{width:100%}.parent-preview-card>h3{font-size:22px}.parent-preview-media-grid{grid-template-columns:1fr}}