@font-face{font-family:"DIN Next LT Arabic";src:url("../fonts/DINNextLTArabic-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
:root{--blue:#00416B;--deep:#002343;--green:#00C08B;--green-dark:#008661;--text:#2F3B3E;--text-2:#4D5858;--muted:#6C787A;--line:#D4DEE0;--line-strong:#B8C6C9;--soft:#F7FAFA;--blue-soft:#EAF1F5;--success-soft:#E6F9F4;--error:#D02C2F;--error-soft:#FBEAEA;--warning:#A66A00;--warning-soft:#FFF5DD;--label:14px;--body:16px;--subtitle:20px;--heading:24px;--display:32px;--font:"DIN Next LT Arabic","DIN Next",Arial,sans-serif;--shadow:0 18px 52px rgba(0,35,67,.22)}
*{box-sizing:border-box}html,body,#app{margin:0;width:1200px;height:680px;min-width:1200px;max-width:1200px;min-height:680px;max-height:680px;overflow:hidden;background:#fff;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}button,select{font:inherit}h1,h2,h3,p,ul{margin:0}.activity-shell{position:relative;width:1200px;height:680px;overflow:hidden;background:#fff}.screen{position:absolute;inset:0;width:1200px;height:680px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--soft)}
.btn{height:48px;min-width:118px;padding:0 20px;border-radius:12px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-size:var(--body);line-height:1;font-weight:700;cursor:pointer;white-space:nowrap}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{background:var(--green-dark)}.btn.secondary{background:#fff;color:var(--blue);border-color:var(--blue)}.btn.secondary:hover{background:var(--blue-soft)}.btn:disabled{background:#F2F5F5!important;color:#97A4A6!important;border-color:#DCE4E6!important;cursor:not-allowed;pointer-events:none}.btn:focus-visible,.record-row button:focus-visible,.choice:focus-visible,.phrase:focus-visible,.clause:focus-visible,.select-field:focus-visible{outline:3px solid rgba(0,192,139,.22);outline-offset:2px}
.start-screen{display:grid;grid-template-columns:minmax(420px,48%) minmax(0,52%);background:#fff}.start-copy{padding:56px 48px 56px 56px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px}.start-copy h1{font-size:var(--display);line-height:1.18;color:var(--blue);font-weight:700;max-width:560px}.start-copy p{font-size:var(--body);line-height:1.5;color:var(--text-2);max-width:540px}.start-copy .btn{margin-top:8px}.start-art{display:flex;align-items:center;justify-content:center;padding:40px 48px 40px 8px;background:#fff}.start-art img{width:min(92%,780px);height:auto;max-height:590px;object-fit:contain}
.instructions-screen{display:grid;grid-template-rows:minmax(0,1fr) 80px;background:var(--soft)}.instructions-main{padding:40px 48px 24px;display:flex;align-items:center;justify-content:center}.instructions-wrap{width:min(1100px,100%)}.instructions-heading h1{font-size:var(--display);line-height:1.18;color:var(--blue);font-weight:700}.instructions-heading p{font-size:var(--body);line-height:1.5;color:var(--text-2);margin-top:12px;max-width:1000px}.instruction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.instruction-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;min-height:210px;display:flex;flex-direction:column;gap:14px}.instruction-icon{width:48px;height:48px;color:var(--blue)}.instruction-icon svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.instruction-icon .accent{stroke:var(--green)}.instruction-card h2{font-size:var(--subtitle);line-height:1.2;color:var(--deep);font-weight:700}.instruction-card p{font-size:var(--body);line-height:1.5;color:var(--text-2)}.instruction-note{margin-top:16px;border-left:4px solid var(--green);background:#fff;padding:13px 16px;border-radius:0 12px 12px 0;font-size:var(--body);line-height:1.5}.static-action{height:80px;border-top:1px solid var(--line);background:#fff;padding:16px 24px;display:flex;justify-content:flex-end;align-items:center}
.activity{display:grid;grid-template-rows:82px minmax(0,1fr) 76px;background:var(--soft)}.header{padding:14px 24px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.header-title h1{font-size:var(--heading);line-height:1.18;color:var(--blue);font-weight:700}.header-title p{font-size:var(--label);line-height:1.35;color:var(--muted);margin-top:5px}.progress{display:flex;align-items:center;gap:12px}.progress strong{font-size:var(--label);line-height:1.35;color:var(--text-2);font-weight:500;white-space:nowrap}.progress-track{width:180px;height:8px;background:var(--line);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--green);border-radius:999px}.content{min-height:0;padding:12px 14px;background:var(--soft);display:flex;justify-content:center;overflow:hidden}.footer{border-top:1px solid var(--line);background:#fff;padding:14px 18px;display:grid;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;gap:16px}.footer-left{justify-self:start}.footer-note{justify-self:center;text-align:center;font-size:var(--label);line-height:1.35;color:var(--muted)}.footer-right{justify-self:end}
.person-strip{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}.person-id{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;background:#EEF5F7;border:1px solid #D9E4E6;overflow:hidden;display:grid;place-items:center;flex:0 0 44px}.avatar img{width:100%;height:100%;object-fit:cover}.person-copy h2{font-size:var(--subtitle);line-height:1.2;color:var(--blue);font-weight:700}.person-copy p{font-size:var(--label);line-height:1.35;color:var(--muted);margin-top:3px}.soft-pill{padding:8px 12px;border-radius:999px;background:var(--success-soft);color:var(--green-dark);font-size:var(--label);font-weight:700;white-space:nowrap}
.task-layout{width:min(1140px,100%);height:100%;display:grid;grid-template-rows:68px minmax(0,1fr);gap:10px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;min-height:0;overflow:hidden}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.eyebrow{display:block;font-size:var(--label);font-weight:700;color:var(--green-dark);text-transform:uppercase;margin-bottom:4px}.panel-head h2{font-size:var(--subtitle);line-height:1.25;color:var(--blue);font-weight:700}.panel-head p{font-size:var(--body);line-height:1.45;color:var(--muted);margin-top:4px}.item-counter{padding:7px 11px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:var(--label);font-weight:700;white-space:nowrap}.evidence-strip{background:#F7FAFB;border-left:4px solid var(--blue);border-radius:0 12px 12px 0;padding:11px 14px;font-size:var(--body);line-height:1.45;color:var(--text-2)}.evidence-strip strong{color:var(--deep)}
.handover-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:14px;min-height:0}.handover-summary{display:grid;gap:10px}.handover-item{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#FBFCFC}.handover-item strong{display:block;font-size:var(--label);color:var(--green-dark);margin-bottom:4px}.handover-item p{font-size:var(--body);line-height:1.42;color:var(--text)}.evidence-card{border:1px solid var(--line);border-radius:14px;background:#F8FBFC;padding:14px 16px}.evidence-card h3{font-size:var(--subtitle);color:var(--deep);margin-bottom:10px}.evidence-list{display:grid;gap:8px}.evidence-list div{padding:9px 0;border-bottom:1px solid #E7ECEE}.evidence-list div:last-child{border-bottom:0}.evidence-list strong{display:block;font-size:var(--label);color:var(--blue);margin-bottom:2px}.evidence-list span{font-size:var(--body);line-height:1.4;color:var(--text-2)}
.dashboard-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.dashboard-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.dashboard-intro h2{font-size:var(--subtitle);color:var(--blue)}.dashboard-intro p{font-size:var(--body);color:var(--muted);margin-top:4px}.dashboard-progress{font-size:var(--label);color:var(--muted);white-space:nowrap}.record-list{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:10px;min-height:0}.record-row{border:1px solid var(--line);border-radius:14px;background:#FAFCFC;padding:12px 14px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:0}.record-row.current{border-color:#8AB9D0;background:#F5FAFC}.record-row.done{border-color:#B5DDD0;background:#F5FCF9}.record-row.locked{opacity:.72}.status-token{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#EFF5F8;color:var(--blue);font-size:var(--label);font-weight:700}.record-row.done .status-token{background:#E3F6EE;color:var(--green-dark)}.status-token svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.record-copy h3{font-size:var(--body);line-height:1.28;color:var(--deep)}.record-copy p{font-size:var(--label);line-height:1.35;color:var(--muted);margin-top:3px}.mini-btn{height:38px;min-width:78px;padding:0 13px;border-radius:10px;border:1px solid var(--blue);background:#fff;color:var(--blue);font-size:var(--label);font-weight:700;cursor:pointer}.mini-btn.primary{background:var(--green);border-color:var(--green);color:#fff}.mini-btn:disabled{background:#F3F6F7;border-color:#E0E7E9;color:#89969A;cursor:default}.dashboard-note{border-left:4px solid var(--green);background:#F8FCFA;border-radius:0 10px 10px 0;padding:10px 13px;font-size:var(--label);line-height:1.4;color:var(--text-2)}
.review-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px}.review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.review-head h2{font-size:var(--subtitle);color:var(--blue)}.review-head p{font-size:var(--body);line-height:1.42;color:var(--muted);margin-top:4px;max-width:820px}.review-badge{padding:7px 10px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:var(--label);font-weight:700;white-space:nowrap}.draft-card{border:1px solid #CFE0E6;border-left:4px solid var(--blue);border-radius:0 12px 12px 0;background:#F7FAFB;padding:11px 14px}.draft-card span{display:block;font-size:var(--label);font-weight:700;color:var(--blue);margin-bottom:4px}.draft-card p{font-size:var(--body);line-height:1.42;color:var(--text)}.work-area{min-height:0;overflow:hidden}.task-title{font-size:var(--subtitle);line-height:1.25;color:var(--deep);font-weight:700;margin-bottom:8px}.task-sub{font-size:var(--body);line-height:1.42;color:var(--muted);margin-bottom:12px}.task-footer{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:18px}.task-hint{font-size:var(--label);line-height:1.4;color:var(--muted)}
.inline-sentence{font-size:var(--body);line-height:1.75;color:var(--text);padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#FBFCFC}.select-field{height:42px;border:1.5px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--deep);padding:0 36px 0 12px;font-size:var(--body);outline:none}.select-field:focus{border-color:var(--blue)}.select-field.wrong{border-color:var(--error);background:var(--error-soft)}.goal-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.field-card{border:1px solid var(--line);border-radius:12px;background:#FBFCFC;padding:12px}.field-card label{display:block;font-size:var(--label);font-weight:700;color:var(--blue);margin-bottom:7px}.field-card .select-field{width:100%}
.multi-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.multi-meta strong{font-size:var(--body);color:var(--deep)}.multi-meta span{font-size:var(--label);color:var(--muted)}.multi-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{min-height:66px;border:1.5px solid var(--line-strong);border-radius:12px;background:#fff;padding:11px 13px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:center;text-align:left;cursor:pointer;font-size:var(--body);line-height:1.4;color:var(--text)}.choice:hover{border-color:#7EA5BB;background:#FBFDFD}.choice.selected{border-color:var(--blue);background:#F4F9FB}.choice.correct,.choice.locked{border-color:var(--green);background:var(--success-soft)}.choice.wrong{border-color:#D56A6C;background:#FDF0F0}.check-box{width:22px;height:22px;border:2px solid #B8C8CC;border-radius:6px;background:#fff;display:grid;place-items:center}.choice.selected .check-box{background:var(--blue);border-color:var(--blue)}.choice.correct .check-box,.choice.locked .check-box{background:var(--green);border-color:var(--green)}.check-box svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.clause-options{display:grid;gap:9px}.clause{border:1.5px solid var(--line-strong);border-radius:12px;background:#fff;padding:12px 14px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:center;text-align:left;cursor:pointer;font-size:var(--body);line-height:1.42;color:var(--text)}.clause:hover{border-color:#7EA5BB}.clause.selected{border-color:var(--blue);background:#F4F9FB}.clause.wrong{border-color:#D56A6C;background:#FDF0F0}.radio{width:22px;height:22px;border:2px solid #B8C8CC;border-radius:50%;display:grid;place-items:center}.clause.selected .radio{border-color:var(--blue)}.clause.selected .radio:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--blue)}
.phrase-instruction{font-size:var(--body);line-height:1.42;color:var(--muted);margin-bottom:10px}.phrase-sentence{font-size:var(--body);line-height:2.15;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#FBFCFC;color:var(--text)}.phrase{display:inline;border:0;border-bottom:2px solid #A8C4D2;background:transparent;color:var(--blue);font:inherit;padding:2px 5px 3px;border-radius:5px;cursor:pointer}.phrase:hover{background:#EDF6FA}.phrase.selected{background:#EAF3F7;border-bottom-color:var(--blue)}.phrase.correct,.phrase.locked{background:var(--success-soft);border-bottom-color:var(--green-dark);color:var(--green-dark)}.phrase.wrong{background:var(--error-soft);border-bottom-color:var(--error);color:#9F3131}.phrase-meta{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.phrase-count{font-size:var(--label);color:var(--muted)}
.readonly-result{border:1px solid #B5DDD0;background:#F5FCF9;border-radius:12px;padding:14px 16px}.readonly-result strong{font-size:var(--body);color:var(--green-dark)}.readonly-result p{font-size:var(--body);line-height:1.45;color:var(--text);margin-top:6px}.readonly-note{font-size:var(--label);color:var(--muted);margin-top:10px}
.feedback-overlay{position:absolute;inset:0;z-index:60;background:rgba(0,35,67,.33);display:flex;align-items:center;justify-content:center;padding:24px}.feedback-card{width:min(620px,calc(100% - 48px));max-height:calc(100% - 48px);overflow:hidden;background:#fff;border-radius:16px;padding:28px 32px 24px;box-shadow:var(--shadow);display:grid;gap:16px}.feedback-status{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.feedback-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center}.feedback-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.feedback-card.correct .feedback-icon{background:var(--success-soft);color:var(--green-dark)}.feedback-card.incorrect .feedback-icon{background:var(--error-soft);color:var(--error)}.feedback-card.partial .feedback-icon{background:var(--warning-soft);color:var(--warning)}.feedback-status h2{font-size:var(--heading);line-height:1.18;font-weight:700}.feedback-card.correct .feedback-status h2{color:var(--green-dark)}.feedback-card.incorrect .feedback-status h2{color:var(--error)}.feedback-card.partial .feedback-status h2{color:var(--warning)}.feedback-body{overflow:auto}.feedback-body p{font-size:var(--body);line-height:1.5;color:var(--text);text-align:left}.feedback-actions{display:flex;justify-content:center}.feedback-actions .btn{min-width:188px}
.final-layout{width:min(1080px,100%);height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}.final-headline h2{font-size:var(--subtitle);color:var(--blue)}.final-headline p{font-size:var(--body);color:var(--muted);margin-top:4px}.final-doc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}.final-doc-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.final-doc-head strong{font-size:var(--subtitle);color:var(--deep)}.final-doc-head span{font-size:var(--label);color:var(--green-dark);font-weight:700}.final-fields{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:10px;min-height:0}.final-field{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:flex-start;background:#FBFCFC}.final-num{width:28px;height:28px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:var(--label);font-weight:700}.final-field h3{font-size:var(--body);color:var(--blue);margin-bottom:5px}.final-field p{font-size:var(--label);line-height:1.42;color:var(--text-2)}
.complete-screen{display:flex;align-items:center;justify-content:center;background:#F2F8F5}.complete-card{width:min(760px,78vw);background:#fff;border:1px solid var(--line);border-radius:24px;padding:42px 34px;text-align:center;box-shadow:0 8px 20px rgba(0,35,67,.06)}.complete-mark{width:76px;height:76px;border-radius:50%;background:var(--success-soft);color:var(--green-dark);display:grid;place-items:center;margin:0 auto 24px}.complete-mark svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.complete-card h1{font-size:var(--display);line-height:1.18;color:var(--blue);font-weight:700}.complete-card p{font-size:var(--body);line-height:1.5;color:var(--text-2);margin-top:14px;max-width:620px;margin-left:auto;margin-right:auto}

/* v2.2 layout refinements */
.handover-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;padding:14px 18px}
.handover-head{margin-bottom:0}
.handover-head p{max-width:960px}
.handover-primary{border:1px solid #B8DDD0;border-left:4px solid var(--green);border-radius:0 12px 12px 0;background:#F5FCF9;padding:11px 14px;display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;align-items:center}
.handover-primary span{font-size:var(--label);font-weight:700;color:var(--green-dark)}
.handover-primary strong{font-size:var(--body);line-height:1.42;color:var(--deep);font-weight:700}
.handover-lower{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:12px;min-height:0}
.handover-support{display:grid;grid-template-rows:1fr 1fr;gap:10px;min-height:0}
.handover-compact{border:1px solid var(--line);border-radius:12px;background:#FBFCFC;padding:12px 14px;display:flex;flex-direction:column;justify-content:center;min-height:0}
.handover-compact span{font-size:var(--label);font-weight:700;color:var(--green-dark);margin-bottom:5px}
.handover-compact p{font-size:var(--body);line-height:1.4;color:var(--text)}
.evidence-compact{border:1px solid var(--line);border-radius:12px;background:#F8FBFC;padding:12px 14px;min-height:0}
.evidence-compact h3{font-size:var(--subtitle);line-height:1.2;color:var(--deep);margin-bottom:9px}
.evidence-compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.evidence-compact-grid>div{border:1px solid #E2EAEC;border-radius:10px;background:#fff;padding:9px 10px;min-width:0}
.evidence-compact-grid strong{display:block;font-size:var(--label);line-height:1.3;color:var(--blue);margin-bottom:3px}
.evidence-compact-grid span{display:block;font-size:var(--label);line-height:1.38;color:var(--text-2)}

.review-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;padding:14px 18px}
.review-head p{max-width:900px}
.reference-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:10px;min-height:0}
.reference-card,.evidence-reference{min-height:92px}
.reference-card{padding:10px 13px}
.reference-card p{font-size:var(--label);line-height:1.42}
.evidence-reference{border:1px solid #CFE0E6;border-left:4px solid #7FA7BE;border-radius:0 12px 12px 0;background:#FAFCFC;padding:10px 13px;display:flex;flex-direction:column;justify-content:center}
.evidence-reference span{display:block;font-size:var(--label);font-weight:700;color:var(--blue);margin-bottom:4px}
.evidence-reference p{font-size:var(--label);line-height:1.42;color:var(--text-2)}
.work-area{min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}
.task-title{margin-bottom:5px}
.task-sub{margin-bottom:9px;line-height:1.38}
.inline-sentence{padding:12px 14px;line-height:1.65}
.goal-grid{gap:10px;align-items:stretch}
.field-card{position:relative;padding:10px 11px;min-height:91px}
.field-card label{margin-bottom:6px}
.field-card .select-field{height:40px}
.field-card.correct{border-color:#9FD8C4;background:#F5FCF9;padding-bottom:27px}
.field-card.correct .select-field{border-color:#9FD8C4;background:#fff;color:var(--green-dark)}
.field-status{position:absolute;left:11px;bottom:6px;font-size:12px;line-height:1.2;color:var(--green-dark);font-weight:700}

.feedback-body p strong{color:var(--deep)}
.reference-card p,.evidence-reference p{font-size:var(--body);line-height:1.38}
.review-panel .clause-options{gap:7px}
.review-panel .clause{padding:9px 12px;line-height:1.36}

/* v2.3 holistic layout refinements */
.handover-panel.v23{display:grid;grid-template-rows:auto auto auto;gap:12px;padding:14px 18px;align-content:start}
.handover-panel.v23 .handover-head p{max-width:920px}
.handover-findings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.handover-finding{border:1px solid var(--line);border-top:3px solid #8FB7CA;border-radius:12px;background:#fff;padding:12px 14px;min-height:114px;display:flex;flex-direction:column;justify-content:flex-start}
.handover-finding.primary{border-top-color:var(--green);background:#F8FCFA}
.handover-finding span{font-size:var(--label);line-height:1.3;font-weight:700;color:var(--green-dark);margin-bottom:7px}
.handover-finding p{font-size:var(--body);line-height:1.42;color:var(--text)}
.handover-evidence-strip{border-top:1px solid var(--line);padding-top:10px;display:grid;gap:8px}
.handover-evidence-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.handover-evidence-title h3{font-size:var(--body);line-height:1.3;color:var(--deep)}
.handover-evidence-title p{font-size:var(--label);line-height:1.35;color:var(--muted)}
.handover-evidence-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.handover-evidence-items>div{border:1px solid #E1E9EB;border-radius:10px;background:#F8FAFB;padding:9px 10px;min-height:76px}
.handover-evidence-items strong{display:block;font-size:var(--label);line-height:1.3;color:var(--blue);margin-bottom:4px}
.handover-evidence-items span{display:block;font-size:var(--label);line-height:1.38;color:var(--text-2)}

.dashboard-panel.v23{grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
.dashboard-complete-note{border-left:4px solid var(--green);background:#F8FCFA;border-radius:0 10px 10px 0;padding:9px 12px;font-size:var(--label);line-height:1.38;color:var(--text-2)}

.review-panel{gap:8px;padding:12px 16px;grid-template-rows:auto auto minmax(0,1fr)}
.review-head{align-items:flex-start}
.review-head-copy{min-width:0}
.review-title-line{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.review-title-line .eyebrow{margin:0}
.review-title-line h2{font-size:var(--subtitle);line-height:1.2;color:var(--blue)}
.review-head p{margin-top:4px;line-height:1.36;max-width:900px}
.reference-grid{gap:8px}
.reference-card,.evidence-reference{min-height:80px;padding:9px 12px}
.reference-card p,.evidence-reference p{font-size:var(--body);line-height:1.35}
.work-area{overflow:visible}

.review-safety{grid-template-rows:auto auto minmax(0,1fr);gap:7px;padding:11px 16px}
.review-safety .review-head p{font-size:var(--body);line-height:1.32;margin-top:2px}
.review-safety .reference-grid{grid-template-columns:1fr 1fr;gap:8px}
.review-safety .reference-card,.review-safety .evidence-reference{min-height:72px;padding:8px 12px}
.review-safety .reference-card span,.review-safety .evidence-reference span{margin-bottom:3px}
.review-safety .reference-card p,.review-safety .evidence-reference p{font-size:var(--label);line-height:1.34}
.review-safety .task-title{font-size:var(--subtitle);line-height:1.2;margin-bottom:3px}
.review-safety .task-sub{font-size:var(--body);line-height:1.32;margin-bottom:7px}
.review-safety .clause-options{gap:6px}
.review-safety .clause{min-height:52px;padding:8px 12px;font-size:var(--body);line-height:1.3}

.final-layout.v23{width:min(1100px,100%);height:100%;display:block}
.final-layout.v23 .final-doc{height:100%;padding:13px 15px;grid-template-rows:auto minmax(0,1fr);gap:9px}
.final-layout.v23 .final-doc-head{align-items:flex-start}
.final-layout.v23 .final-doc-head>div{min-width:0}
.final-layout.v23 .final-doc-head .eyebrow{display:block;margin-bottom:2px}
.final-layout.v23 .final-doc-head strong{display:block;font-size:var(--subtitle);line-height:1.2;color:var(--deep)}
.final-layout.v23 .final-doc-head p{font-size:var(--label);line-height:1.35;color:var(--muted);margin-top:3px}
.final-status{font-size:var(--label)!important;color:var(--green-dark)!important;font-weight:700;white-space:nowrap;padding-top:18px}
.final-layout.v23 .final-fields{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}
.final-layout.v23 .final-field{padding:10px 12px;grid-template-columns:28px minmax(0,1fr);gap:9px;align-content:start}
.final-layout.v23 .final-field h3{font-size:var(--body);line-height:1.25;margin-bottom:4px}
.final-layout.v23 .final-field p{font-size:var(--body);line-height:1.34;color:var(--text-2)}