:root{--bg:#f3f7fc;--surface:#fff;--ink:#102b4c;--muted:#647b94;--line:#dbe6f2;--green:#07529b;--pale:#e8f3ff;--shadow:0 14px 55px #06325e16}
.brand{justify-content:center}.brand-logo{width:165px;height:150px;object-fit:contain}.workspace{margin:12px 0 22px;background:#f5f9ff}.avatar{background:#e0f1ff;color:#07529b}.dot{background:#00bed4}.primary{background:linear-gradient(125deg,#073a80,#0965b0 65%,#008cae);border-color:#07529b;box-shadow:0 3px 8px #07529b18}.stat-icon{background:#edf6ff;color:#0877b1}.stat-top{color:#527296}.badge{background:#e6f6fc;color:#08658a}.badge.review{background:#fff2d9;color:#875f13}.welcome-card{background:linear-gradient(135deg,#083770,#0667a2);border-color:#0a68a4;color:#fff}.welcome-card h2,.welcome-card p,.welcome-card .eyebrow,.welcome-card .text-button{color:#e9fbff}.welcome-card .eyebrow{color:#7ee8f2}.welcome-art{color:#46e7fb20}.local-badge{color:#2d7997}.person-inline{color:#466a89}.notice{background:#f0f7ff;color:#52718e}.date-block{color:#0b6292}.auth-logo{width:200px;height:200px;object-fit:contain;display:block;margin:-15px auto -5px}.auth-card{width:min(460px,92vw);padding:28px 38px}.auth-card h1{text-align:center;margin:5px 0 22px;color:#063d78;font-size:25px}.auth-card h1 span{font-size:12px}.auth-card p{line-height:1.7}#auth{background:radial-gradient(ellipse at 15% 0%,#dbeeff,transparent 60%),radial-gradient(ellipse at 90% 100%,#d6f8ff,transparent 55%),#f5f9ff}.forgot-button{display:block;margin:18px auto}.mobile-logo{display:none}.account-panel{margin-bottom:25px}.account-panel .settings-grid{gap:35px}.row-actions{white-space:nowrap}.row-actions button{background:#edf5fe;color:#08589a;border:1px solid #d4e5f5;border-radius:6px;margin:0 2px;padding:5px 9px;font-size:17px}.row-actions button:last-child{color:#a34b55;background:#fff1f2;border-color:#f0d7dd}.profile-actions{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:16px;border-top:1px solid var(--line);padding-top:10px}.profile-actions .text-button{margin:0}.share-history-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0;font-size:12px}.share-history-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.share-file-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.small-heading{font-size:13px;margin-top:25px}#share-form{margin-top:20px}#new-share{margin-top:20px;background:#eff7ff;padding:15px;border-radius:8px}#share-url{font-size:11px}#open-share{margin-left:10px}#forgot-result,#email-result,#smtp-result,#token-result{font-size:12px;color:var(--green)}#share-error{color:#a34b55}.suggestions{background:#fff8e9}.doc-preview{background:#eaf0f8}tbody tr:hover{background:#f1f7ff}.stat small{color:#647b94}
body.dark{--bg:#0b1527;--surface:#112239;--ink:#e6f0ff;--muted:#a1b6d2;--line:#2b4260;--green:#65c9fa;--pale:#193956;background:var(--bg)}body.dark aside,body.dark header,body.dark .stat,body.dark .filters,body.dark .auth-card,body.dark input,body.dark select,body.dark textarea,body.dark dialog,body.dark .button.secondary{background:#112239;color:var(--ink)}body.dark th,body.dark .workspace,body.dark .drop-zone,body.dark .notice,body.dark .suggestions,body.dark .doc-preview,body.dark .doc-preview pre,body.dark #new-share{background:#192e47;color:var(--ink)}body.dark tbody tr:hover{background:#1b3552}body.dark .primary{background:linear-gradient(125deg,#114b89,#097ca6);border-color:#2487b7}body.dark .search-wrap input{background:#152c47}body.dark .welcome-card{background:linear-gradient(135deg,#082d5c,#075877)}body.dark .welcome-card h2,body.dark .welcome-card p{color:#eaf7ff}body.dark .avatar,body.dark .stat-icon{background:#1b4160;color:#75d9ff}body.dark .stat-top,body.dark .stat small,body.dark .person-inline{color:#a9c2df}body.dark .auth-card h1{color:#80d9ff}body.dark .row-actions button{background:#193a5b;border-color:#2c5578;color:#8ddbff}body.dark .row-actions button:last-child{color:#ffabb9}body.dark .brand-logo,body.dark .auth-logo{filter:drop-shadow(0 0 10px #00cbea22)}
@media(max-width:760px){.mobile-logo{display:block;width:57px;height:57px;object-fit:contain}.breadcrumb{margin-right:auto;margin-left:10px}.breadcrumb>span,.breadcrumb{font-size:10px}.header-actions{gap:12px}.local-badge{display:none}.brand-logo{width:120px;height:110px}.auth-logo{width:180px;height:180px}.auth-card{padding:25px}.form-actions{flex-wrap:wrap}.row-actions button{padding:4px 7px}.editor-row.custom{grid-template-columns:1fr 65px 55px 20px}}
.scope-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.scope-tabs button{padding:8px 15px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--surface)}.scope-tabs .selected{color:var(--green);background:var(--pale);border-color:#83b8e8}.grant-row{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.grant-row small{display:block;color:var(--muted);font-size:10px}.grant-row select{width:120px;flex-shrink:0}.processing-label{display:block;font-size:10px;color:var(--muted);margin-top:5px}.processing-notice{margin:0 0 18px}.processing-notice p{margin:5px 0}.settings-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.invite-grid{display:grid;grid-template-columns:1fr 1.3fr 120px auto;align-items:end;gap:15px}.invite-grid label{margin:0}.invite-grid p{grid-column:1/-1}.danger-solid{background:#a63f54;border-color:#a63f54;color:white}aside{overflow-y:auto}.brand-logo{height:115px}.doc-form .notice{font-size:11px}.grant-row input{width:auto}@media(max-width:760px){nav [data-view="users"],nav [data-view="trash"]{display:none}.invite-grid{grid-template-columns:1fr}.invite-grid p{grid-column:auto}.grant-row small{max-width:190px;overflow-wrap:anywhere}.settings-grid{grid-template-columns:1fr}}
.home-grid>div,.settings-grid>div,.settings-grid>section,.content,.panel{min-width:0}.home-grid,.settings-grid{max-width:100%}.content{overflow-wrap:break-word}
.document-details-panel{background:var(--pale);border:1px solid var(--line);border-radius:10px;padding:17px;margin-bottom:20px}.document-details-panel h3{font-size:15px;margin:0 0 6px}.document-details-panel>p{margin:0 0 15px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.detail-grid .full-detail{grid-column:1/-1}.detail-input-wrap{display:flex;align-items:center;gap:7px}.detail-input-wrap input{min-width:0}.masked-identifier{-webkit-text-security:disc}.reveal-detail{padding:7px 0;flex-shrink:0}.detail-ready{margin-top:8px}#add-detail-select{font-size:11px}@media(max-width:760px){.detail-grid{grid-template-columns:1fr}}

.password-panel form{max-width:640px}#password-change-result{font-size:12px}#password-change-result[data-status="error"]{color:#b13d50}#password-change-result[data-status="success"]{color:var(--green)}

.assignment-meta{display:block;color:var(--muted);font-size:10px;margin:5px 0;line-height:1.5}.document-subject-panel{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--pale);margin-bottom:18px}.document-subject-panel h3{margin:0 0 8px;font-size:14px}.subject-name{font-size:16px;font-weight:600;margin:8px 0}.document-subject-panel .text-button{display:block;margin:10px 0}.person-inline{white-space:normal;display:inline-block;min-width:130px}td:has(.person-inline){min-width:170px}
.reminder-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border:1px solid var(--border,#d6e4ec);border-radius:18px;background:linear-gradient(120deg,#e8fcff,#f3f8ff);color:#063d78}.reminder-summary h2{font-size:30px;margin:10px 0}.reminder-summary p{margin-bottom:0;max-width:650px}.delivery-status{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.whatsapp-setup,.profile-reminders{padding:20px 0;border-top:1px solid #d6e4ec;margin-top:22px}.whatsapp-setup summary,.profile-reminders summary{cursor:pointer;padding:8px 0}.template-preview{padding:18px 22px;border-radius:12px;background:#e8f7fb;color:#073e67;border:1px solid #c4e4ed;margin:16px 0;line-height:1.7}.extra-field{display:flex;flex-wrap:wrap;gap:10px;align-items:end;border-top:1px solid #d9e4eb;padding:14px 0}.extra-field label{flex:1 1 140px;margin:0}.extra-field .extra-value{flex:2 1 220px}.extra-field button{margin-bottom:4px}.notification-card{display:flex;align-items:start;gap:18px;text-align:left;width:100%;padding:24px;border:0;border-bottom:1px solid #d9e4eb;border-radius:0;background:transparent;color:inherit}.notification-card>span:nth-child(2){flex:1}.notification-card p{font-weight:400;line-height:1.65;margin:8px 0}.notification-card small{font-weight:400;color:var(--muted,#5e7488)}.notification-card.unread{background:#effbff}.notification-bell{display:flex;align-items:center;gap:6px}.notification-bell b{font-size:11px;border-radius:20px;padding:3px 6px;background:#e7f8fc;color:#063d78}.settings-grid form h3,.settings-grid>div h3{margin-top:0}.settings-body>form{max-width:660px}.dark .reminder-summary{background:linear-gradient(120deg,#103b52,#152b48);color:#e1f5ff}.dark .template-preview,.dark .notification-card.unread{background:#123549;color:#ddf7ff}.dark .extra-field,.dark .whatsapp-setup,.dark .profile-reminders,.dark .notification-card{border-color:#315268}@media(max-width:760px){.reminder-summary{padding:24px;align-items:start;flex-direction:column}.notification-card{padding:18px;gap:10px}.extra-field label{min-width:0}.extra-field .extra-value{flex-basis:100%}.notification-bell{min-width:44px}}
.obligation .details small{display:block;margin-top:4px}

.document-files{grid-column:1 / -1;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.document-files h3{margin:0 0 6px;font-size:15px}.document-files>p{margin:6px 0 12px}.document-file-list{display:grid;gap:7px;margin:12px 0}
.document-file-row{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:8px}.document-file-row>[data-part]{flex:1;text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:12px}.document-file-row>[data-part].selected{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.document-file-row button:disabled{opacity:.35;cursor:default}.document-files>.button{margin:4px 8px 4px 0;white-space:normal}.document-part-preview{min-width:0}.document-part-preview img{max-width:100%}.file-count{display:inline-block;margin:6px 6px 0 0;background:#e3f6fa;color:#075a73}
.duplicate-match{padding:15px;border:1px solid var(--line);border-radius:10px;margin:12px 0}.duplicate-match>button{margin:5px 10px 0 0;white-space:normal}.duplicate-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.duplicate-actions button{white-space:normal}#duplicate-message{font-weight:500}#upload-status{white-space:pre-line}#upload-dialog .field-grid{margin:16px 0}
@media(max-width:650px){.document-files{padding:12px}.document-file-row{gap:4px}.duplicate-actions{display:grid}.document-files>.button{width:100%;margin:5px 0}}

/* Manual OpenAI extraction and comparison */
.openai-document-panel{border:1px solid #b7d9ed;border-radius:12px;padding:18px;background:#f4fbff;margin:0 0 20px}.openai-document-panel h3{margin:0 0 6px}.openai-action-row{display:flex;gap:16px;align-items:center;justify-content:space-between}.openai-action-row p{margin:0}.openai-action-row button{flex-shrink:0}.openai-dialog{width:min(1100px,94vw);max-height:90dvh;padding:0;border:1px solid #b7d9ed;border-radius:18px;color:#153754}.openai-dialog-body{padding:24px;overflow:auto}.openai-dialog .dialog-head{padding:22px 24px;border-bottom:1px solid #d8e8f2;display:flex;justify-content:space-between;gap:16px}.openai-dialog h2{margin:6px 0 0}.openai-review-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.openai-review-table td{white-space:normal;vertical-align:top;overflow-wrap:anywhere;max-width:340px}.openai-review-table th{white-space:nowrap}.openai-review-table input[type=checkbox]{width:18px;height:18px}.openai-warnings{padding:14px 14px 14px 34px;background:#fff7e5;border-radius:10px;color:#73521b}.openai-dialog summary{cursor:pointer;color:#12628d}.openai-dialog details p{max-width:440px;white-space:pre-wrap;overflow-wrap:anywhere}.openai-dialog .check-label{margin-top:18px}.openai-dialog .notice{margin:16px 0}#openai-settings-form{max-width:620px}#openai-settings-body a{display:inline-block;margin-top:10px}@media(max-width:680px){.openai-action-row{align-items:stretch;flex-direction:column}.openai-dialog-body{padding:16px}.openai-dialog .dialog-head{padding:16px}.openai-review-table{min-width:620px}}

/* Readable type and stronger contrast across desktop and mobile. */
:root{--bg:#f1f5fa;--surface:#fff;--ink:#142d49;--muted:#405871;--line:#b9cadb;--green:#07508c;--pale:#e8f3ff}
body{font-size:16px;line-height:1.6;color:var(--ink)}
h1,h2,h3,strong{color:inherit}h3{font-size:18px}.page-heading h1{font-size:30px}.page-heading p{font-size:15px;color:var(--muted)}
label,.filters label{font-size:14px;font-weight:600;color:var(--ink)}input,select,textarea{font-size:16px;line-height:1.5;color:var(--ink);border-color:#8199af;background:var(--surface)}input::placeholder,textarea::placeholder{color:#53677b;opacity:1}
button,.button{font-size:15px;line-height:1.5}.primary{color:#fff;background:linear-gradient(125deg,#073b78,#07558e 65%,#00647e);border-color:#064d7d;font-weight:600}.button.secondary{color:#104b78;background:#f1f7ff;border:1px solid #8facc8}.text-button,a.text-button{color:#07508c;font-weight:600}
nav button,.sidebar-bottom button{color:#35516b}nav button span,.sidebar-bottom button span{font-size:15px}nav button.active{color:#063c72;background:#dceeff}.workspace{font-size:14px}.workspace small,.local-status small{font-size:13px;color:var(--muted)}.nav-label,.eyebrow{font-size:12px;color:#365575}
small,.muted,.processing-label,.assignment-meta{color:var(--muted)}small,.processing-label,.assignment-meta{font-size:13px}.stat small{font-size:13px;color:var(--muted)}.stat-top{font-size:14px;color:#35516b}.stat strong{font-size:32px}
.panel-head h2{font-size:20px}.panel-head .text-button{font-size:14px}.person-inline,.doc-name small{color:#36536e}.doc-name strong{font-size:15px}.doc-name small{font-size:13px}.doc-name strong{max-width:260px}.person-inline{font-size:14px}
table{font-size:15px}th{font-size:12px;font-weight:700;color:#36516d;background:#f4f8fc;letter-spacing:.045em}td{font-size:15px;color:var(--ink);padding-top:16px;padding-bottom:16px}
.badge{font-size:12.5px;line-height:1.5;font-weight:600;color:#06496e;background:#e0f2fc}.badge.review{color:#734800;background:#fff0c9}.badge.neutral{color:#3b5167;background:#eaf0f6}.file-count{color:#075268}.notice{font-size:14px;line-height:1.65;color:#2e506f;background:#edf5ff;border-color:#b5cee6}.suggestions{color:#654700;background:#fff5dd}.date-block{color:#07508c}
.doc-form .notice,.doc-form p,.document-details-panel>p,.document-files>p{font-size:14px}.document-details-panel h3,.document-subject-panel h3,.document-files h3{font-size:18px}.doc-form,.settings-body{font-size:15px}.subject-name{font-size:18px}#add-detail-select{font-size:14px}.document-file-row>[data-part]{font-size:15px}.detail-ready,.openai-record-badge{margin-top:7px}.editor-row input,#share-url{font-size:15px}
.pdf-navigation,.share-history-row,.grant-row{font-size:14px}.share-history-row small,.grant-row small{font-size:13px}.auth-card h1 span{font-size:15px}.auth-card small{font-size:13px}.auth-card p{font-size:15px}.breadcrumb{font-size:14px}.breadcrumb>span{font-size:13px}.small-heading{font-size:16px}.local-badge{color:#24536d}.notification-bell b{font-size:13px;color:#123c66;background:#dfeffc}
.openai-dialog,.openai-document-panel{color:var(--ink);background:var(--surface);border-color:#a0bed8}.openai-document-panel{background:#edf6ff}.openai-warnings{color:#674500;background:#fff1cc;border:1px solid #dfc58c}.openai-dialog summary{color:#07508c}.openai-review-table th{font-size:12px}.openai-upload-notice{font-weight:500}.danger,.row-actions button:last-child,#share-error{color:#a0273e}.danger-solid{background:#982740;color:#fff}.form-actions{gap:12px;flex-wrap:wrap}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #005bab;outline-offset:3px}button:disabled{opacity:.65}
body.dark{--bg:#0a1525;--surface:#11243b;--ink:#edf5ff;--muted:#bccde2;--line:#4c6683;--green:#89dcff;--pale:#193955}
body.dark input,body.dark select,body.dark textarea{color:var(--ink);background:#11243b;border-color:#7a92ae}body.dark input::placeholder,body.dark textarea::placeholder{color:#bacce1;opacity:1}
body.dark nav button,body.dark .sidebar-bottom button,body.dark .nav-label,body.dark .eyebrow,body.dark .breadcrumb,body.dark .breadcrumb>span,body.dark .stat-top,body.dark .stat small,body.dark .person-inline,body.dark .doc-name small{color:#c2d9ef}body.dark nav button.active{color:#ecfaff;background:#214767}
body.dark th{color:#c3d9f1;background:#192f48}body.dark td{color:var(--ink)}body.dark .badge,body.dark .file-count{background:#193f59;color:#c8eeff}body.dark .badge.review{background:#4a3514;color:#ffe2a5}body.dark .badge.neutral{background:#283e54;color:#e1ebf8}
body.dark .primary{background:linear-gradient(125deg,#104580,#006079);color:#fff;border-color:#82c4ed}body.dark .button.secondary{background:#19354e;color:#c8edff;border-color:#6d91ad}body.dark .text-button,body.dark .date-block,body.dark .local-badge,body.dark .openai-dialog summary{color:#9de3ff}
body.dark .notice,body.dark .openai-document-panel{background:#172f49;color:#e4f0ff;border-color:#567797}body.dark .openai-dialog{color:var(--ink);background:var(--surface);border-color:#617c9a}body.dark .openai-warnings,body.dark .suggestions{background:#423213;color:#ffe5af;border-color:#8d7444}body.dark .danger,body.dark .row-actions button:last-child,body.dark #share-error{color:#ffb5c1}body.dark .notification-bell b{background:#21415b;color:#d0f2ff}
body.dark button:focus-visible,body.dark a:focus-visible,body.dark input:focus-visible,body.dark select:focus-visible,body.dark textarea:focus-visible{outline-color:#80e3ff}
@media(max-width:760px){body{font-size:16px}.breadcrumb,.breadcrumb>span{font-size:12px}.header-actions{gap:8px}header{padding:0 14px}.page-heading{gap:14px;flex-wrap:wrap}.page-heading h1{font-size:26px}.page-heading p{font-size:14px}.page-heading .primary{font-size:14px;padding:11px 14px}.stat strong{font-size:29px}.stat-top,.stat small{font-size:13px}nav button span{font-size:11.5px;line-height:1.3}aside{height:76px}main{padding-bottom:80px}.panel-head{gap:10px;flex-wrap:wrap}.panel-head h2{font-size:18px}.doc-name strong{max-width:230px}td,th{padding-left:14px;padding-right:14px}.form-actions>button{flex:1 1 auto}.editor-row{grid-template-columns:minmax(0,1fr) 96px 26px}.editor-row.custom{grid-template-columns:minmax(0,1fr) 75px 65px 26px}.openai-review-table{min-width:660px}}

nav b{color:#134b72;background:#dfedf9}body.dark nav b{color:#e1f5ff;background:#284e6a}body.dark .brand{background:#edf6ff;border-radius:14px;padding:6px 0}body.dark .mobile-logo{background:#edf6ff;border-radius:9px;padding:3px}

.hosted-pdf{width:100%;height:70vh;min-height:440px;border:1px solid #87a9bc;border-radius:12px;background:white}
/* Release 19: readable bulk tools and content evidence. */
.batch-bar,.saved-view-bar,.pagination{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 0}.batch-bar{position:sticky;top:0;background:var(--surface,#fff);z-index:3;border-block:1px solid #b7ccdf}.batch-bar strong{color:#063d78}.selection-cell{width:48px}.selection-cell input,.batch-bar input{width:20px;height:20px;accent-color:#075da8}.saved-view-bar label{min-width:240px}.search-evidence{margin-top:12px;max-width:620px;padding:12px;background:#eaf7fc;border-left:3px solid #007b9a;white-space:normal;overflow-wrap:anywhere}.search-evidence button{display:block;white-space:normal;text-align:left}.search-evidence small{display:block;color:#284e6f}.search-evidence p{font-size:15px;line-height:1.6;margin:4px 0 12px}.search-evidence mark{background:#ffe18c;color:#172b42;padding:1px 2px}.action-dashboard{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:12px;margin-bottom:24px}.action-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;background:#edf8fc;color:#063d78;border:1px solid #b6d3e5;border-radius:14px;text-align:left}.action-card strong{font-size:28px}.action-card span{font-size:15px}.queue-row{padding:12px 0;border-bottom:1px solid #c4d6e3}.queue-row small{display:block}.pagination{justify-content:center}#release-dialog-body fieldset{border:1px solid #bfd3e2;border-radius:10px;padding:12px;margin:14px 0}#release-dialog-body form{display:grid;gap:10px}#release-dialog-body .check-label input{width:20px;height:20px}#release-dialog-body .check-label{align-items:center}#release-dialog-body a{overflow-wrap:anywhere}.dark .batch-bar{background:#102737}.dark .batch-bar strong,.dark .search-evidence small{color:#d5f0ff}.dark .search-evidence,.dark .action-card{background:#183d51;color:#effaff}.dark .search-evidence mark{background:#ffd262;color:#142b3b}.doc-layout.with-document-files>.editor-section{grid-column:1/-1}.evidence-review-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);gap:18px}.evidence-original{position:sticky;top:0;align-self:start}.evidence-original iframe{width:100%;height:65vh;border:1px solid #bfd3e2}.evidence-original img{width:100%;max-height:65vh;object-fit:contain}.evidence-source-button{white-space:normal;text-align:left} @media(max-width:1000px){.action-dashboard{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.action-dashboard{grid-template-columns:repeat(2,1fr)}.batch-bar{position:static}.saved-view-bar label{min-width:0;width:100%}.search-evidence{min-width:220px}.evidence-review-layout{display:block}.evidence-original{position:static}.evidence-original iframe{height:45vh}}