:root{--bg:#07101b;--panel:#0d1827;--panel2:#132237;--border:#26384d;--text:#eef4fb;--muted:#8fa2b9;--muted2:#60758e;--accent:#5b8cff;--green:#53d7a2;--red:#ff6b7a;--editor:#0a1421}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 15% 0%,#10294d 0,#07101b 38%,#060d16 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px}
button,input,select{font:inherit}button,.button-link{border:1px solid var(--border);background:var(--panel2);color:var(--text);border-radius:10px;padding:9px 13px;cursor:pointer;text-decoration:none;transition:.15s}.button-link.primary,button.primary{background:linear-gradient(135deg,#5b8cff,#6d68ff);border-color:#6f8dff;color:white;font-weight:750;box-shadow:0 8px 24px rgba(91,140,255,.22)}button:hover,.button-link:hover{transform:translateY(-1px);border-color:#405974}.ghost{background:transparent!important}.large{padding:13px 18px!important}.full{width:100%;text-align:left;margin-bottom:8px}.subtle{background:#0e1a2b}
input,select{background:#091321;color:var(--text);border:1px solid var(--border);border-radius:9px;padding:10px;outline:none}input:focus,select:focus{border-color:#567bd0;box-shadow:0 0 0 3px rgba(91,140,255,.12)}
.logo-wrap{display:flex;align-items:center;gap:10px}.logo-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#5b8cff,#7b61ff);font-weight:900}.logo-mark.small{width:30px;height:30px;border-radius:8px;font-size:14px}.brand{font-size:25px;font-weight:850;letter-spacing:-.8px}.brand span{color:#84a8ff}.brand.small{font-size:18px}.compact{cursor:pointer}
.home-shell{max-width:1180px;margin:auto;padding:32px 26px 70px;position:relative;z-index:1}.landing-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.nav-actions{display:flex;align-items:center;gap:9px}.user-email{font-size:12px;color:var(--muted);margin-right:5px}.nav-actions form,.topbar form{margin:0}
.hero{display:grid;grid-template-columns:1.03fr .97fr;gap:36px;align-items:center}.eyebrow,.auth-kicker,.modal-kicker,.side-title{font-size:11px;letter-spacing:.16em;font-weight:800;color:#819cc1}.hero h1{font-size:55px;line-height:1.02;letter-spacing:-2.4px;margin:14px 0 20px}.hero p{font-size:18px;line-height:1.7;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:26px}.hero-note{font-size:13px;color:var(--muted2)}
.hero-card{background:linear-gradient(160deg,#13233a,#0b1625);border:1px solid #29415f;border-radius:20px;box-shadow:0 28px 90px rgba(0,0,0,.35);overflow:hidden;min-height:390px}.mock-top{height:42px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:7px;padding:0 14px}.mock-top span{width:9px;height:9px;border-radius:50%;background:#3c4b61}.mock-body{display:grid;grid-template-columns:86px 1fr 1fr;min-height:348px}.mock-sidebar{border-right:1px solid var(--border);padding:16px 10px}.mock-file{height:13px;border-radius:4px;background:#294566;margin-bottom:10px}.mock-file.active{background:#4c76d8}.mock-file.small{width:70%}.mock-editor{padding:28px 18px;background:#0b1522}.code-line{height:7px;border-radius:6px;background:#36506d;margin-bottom:11px}.code-gap{height:20px}.w80{width:80%}.w50{width:50%}.w60{width:60%}.w90{width:90%}.w70{width:70%}.mock-pdf{padding:22px;background:#18273a}.paper{height:290px;background:white;border-radius:5px;padding:28px 22px}.paper-title{height:10px;background:#27384d;width:55%;margin:0 auto 24px}.paper-line{height:5px;background:#c8ced6;margin-bottom:8px}.paper-line.short{width:72%}
.projects-section{margin-top:72px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-head h2{font-size:28px;margin:5px 0 0}.count-pill,.preview-badge{font-size:11px;color:#afc3dc;border:1px solid var(--border);padding:6px 9px;border-radius:999px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px}.project-card,.empty-project{background:linear-gradient(160deg,#101c2d,#0d1725);border:1px solid var(--border);border-radius:15px;padding:18px;text-decoration:none;color:var(--text);min-height:180px;display:flex;flex-direction:column}.project-card-top{display:flex;justify-content:space-between}.doc-icon{font-size:10px;font-weight:800;background:#142b49;color:#8bb4ff;border:1px solid #274b77;border-radius:7px;padding:7px}.journal-badge{font-size:10px;text-transform:uppercase;color:#9bb0c7}.project-card h3,.empty-project h3{margin:23px 0 5px}.project-card p,.empty-project p{color:var(--muted);font-size:13px}.project-footer{display:flex;justify-content:space-between;margin-top:auto;color:var(--muted2);font-family:monospace;font-size:11px}.empty-plus{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#152946;color:#92b5ff;font-size:22px}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;max-width:1120px;margin:auto;align-items:center;gap:70px;padding:40px 28px;position:relative;z-index:1}.auth-brand h1{font-size:52px;line-height:1.05;letter-spacing:-2px;margin:30px 0 18px}.auth-brand p{color:var(--muted);font-size:18px;line-height:1.7}.auth-card{background:linear-gradient(160deg,#111f32,#0d1726);border:1px solid #29415d;border-radius:18px;padding:32px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.auth-card h2{font-size:30px;margin:7px 0 20px}.auth-help,.auth-switch{color:var(--muted);font-size:13px;line-height:1.5}.auth-card form{display:grid;gap:15px}.auth-card label{display:grid;gap:7px;color:#b9c8da;font-size:13px}.auth-switch a{color:#8fb2ff}.form-error{padding:10px 12px;border-radius:9px;background:#2b1720;border:1px solid #5a3440;color:#ffb2bb;margin-bottom:15px;font-size:13px}
.modal{border:1px solid #334b68;background:linear-gradient(160deg,#101d30,#0c1726);color:var(--text);border-radius:16px}.modal::backdrop{background:rgba(2,8,16,.72);backdrop-filter:blur(4px)}.modal form{min-width:430px;display:grid;gap:16px}.modal h2{margin:4px 0}.modal-sub{color:var(--muted);margin:-8px 0 3px}.modal label{display:grid;gap:7px;font-size:13px}.dialog-actions,.dialog-title-row{display:flex;justify-content:flex-end;gap:9px;align-items:center}.dialog-title-row{justify-content:space-between}
.app-shell{height:100vh;display:flex;flex-direction:column;background:#08111d}.topbar{height:60px;border-bottom:1px solid var(--border);background:#0c1828;display:flex;align-items:center;gap:18px;padding:0 14px}.project-crumb{display:flex;gap:9px;align-items:center;flex:1}.crumb-muted{color:var(--muted2);font-size:12px}.top-actions{display:flex;align-items:center;gap:8px}.presence{color:var(--green);font-size:12px}
.workspace{min-height:0;flex:1;display:grid;grid-template-columns:230px minmax(390px,1fr) minmax(430px,1fr)}.sidebar{background:#0c1624;border-right:1px solid var(--border);overflow:auto;display:flex;flex-direction:column}.side-section{padding:14px;border-bottom:1px solid var(--border)}.side-section.grow{flex:1}.side-heading-row,.side-title-row{display:flex;justify-content:space-between;align-items:flex-start}.side-sub{color:var(--muted2);font-size:11px;margin-top:4px}.status-dot{font-size:26px}.journal-status-text{font-size:11px;margin-top:3px;color:var(--muted2)}.journal-status-text.ok{color:#6fe1b3}.journal-status-text.bad{color:#ff8895}.upload-label{color:#8bb4ff;cursor:pointer;font-size:11px}.side-section select{width:100%;margin:11px 0 8px}.project-id{font-size:10px;color:#51657e;font-family:monospace;margin-top:8px}.file-list{margin-top:12px}.file-item{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:7px;cursor:pointer;font-family:monospace;font-size:12px;color:#b9c7d8}.file-item:before{content:"";width:6px;height:6px;background:#4d6886;border-radius:2px}.file-item.active{background:#17305a;color:#9fc0ff}
.editor-pane,.pdf-pane{min-width:0;display:flex;flex-direction:column}.editor-pane{background:var(--editor);border-right:1px solid var(--border)}.pdf-pane{background:#17263a}.pane-head{height:44px;border-bottom:1px solid var(--border);background:#0e1a2a;display:flex;align-items:center;justify-content:space-between;padding:0 11px;color:var(--muted);font-size:12px}.file-tab,.pdf-head-left{display:flex;align-items:center;gap:8px}.file-dot{width:7px;height:7px;border-radius:50%;background:#5b8cff}.pane-head select{background:transparent;border:0;padding:5px;font-family:monospace}.editor-meta{display:flex;gap:8px;align-items:center}.kbd{font-size:10px;border:1px solid var(--border);padding:3px 5px;border-radius:5px}.editor-wrap{flex:1;display:flex;min-height:0}.line-rail{width:38px;background:#09121f;border-right:1px solid #142338}.editor-wrap textarea{flex:1;resize:none;border:0;outline:0;background:#0a1421;color:#dfe7f1;padding:18px 22px;line-height:1.56;font:14px/1.56 "SFMono-Regular",Consolas,monospace}.pdf-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.pdf-empty h3{color:#e6edf5;margin:18px 0 7px}.pdf-illustration{width:150px;height:180px;border-radius:16px;background:#20344e;display:grid;place-items:center}.pdf-page{width:92px;height:128px;background:white;border-radius:4px;padding:19px 13px}.pdf-title-line{height:6px;background:#263a51;width:62%;margin:0 auto 17px}.pdf-text-line{height:4px;background:#cbd1d9;margin-bottom:7px}.pdf-text-line.short{width:70%}#pdfFrame{display:none;flex:1;width:100%;height:100%;min-height:0;border:0;background:#fff}.compile-message{margin:10px;border:1px solid #5f3740;background:#2b1820;color:#ffb0b9;border-radius:10px;padding:11px;font-size:12px}.compile-message.ok{border-color:#2d5f4f;background:#12251f;color:#85e8bd}.hidden{display:none!important}#compileState.error{color:var(--red)}#compileState.success,#saveState.success{color:var(--green)}
.log-modal{width:min(980px,88vw)}.log-dialog{height:min(740px,82vh);display:flex;flex-direction:column}#logOutput{flex:1;overflow:auto;background:#060c14;border:1px solid var(--border);border-radius:9px;padding:13px;white-space:pre-wrap;font-size:12px}
.admin-shell{max-width:1180px;margin:auto;padding:42px 26px}.admin-head h1{font-size:40px;margin:7px 0}.admin-head p{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.metric{background:#0e1a2a;border:1px solid var(--border);border-radius:14px;padding:18px}.metric span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.metric strong{font-size:25px}.admin-table-card{background:#0d1827;border:1px solid var(--border);border-radius:14px;overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--border);font-size:13px}.admin-table th{color:#8da3bd;font-size:11px;letter-spacing:.08em}.role-pill{padding:4px 8px;border-radius:999px;font-size:10px;background:#17304f}.role-pill.admin{background:#3b285a;color:#d8b8ff}
@media(max-width:1120px){.workspace{grid-template-columns:200px 1fr}.pdf-pane{display:none}.hero{grid-template-columns:1fr}.hero-card{display:none}.auth-shell{grid-template-columns:1fr;max-width:650px}.auth-brand{display:none}}@media(max-width:760px){.workspace{grid-template-columns:1fr}.sidebar{display:none}.hero h1{font-size:40px}.nav-actions .user-email{display:none}.metrics{grid-template-columns:1fr}}

.import-status{min-height:20px;font-size:12px;line-height:1.5;color:var(--muted);padding:2px 0}
.import-status.working{color:#9fbaff}
.import-status.success{color:#6fe1b3}
.import-status.error{color:#ff9aa5}
button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}

.pdf-head-actions{display:flex;align-items:center;gap:9px}
.mini-pdf-btn{padding:5px 8px;font-size:10px;border-radius:7px;background:#132237}

.home-top-btn{display:inline-flex;align-items:center;gap:6px}
.sidebar-search{width:100%;margin:10px 0 2px;padding:8px 9px;font-size:11px}
.outline-list{display:grid;gap:3px;margin-top:9px}
.outline-item{border:0;background:transparent;color:#b9c7d8;text-align:left;padding:6px 8px;border-radius:6px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.outline-item:hover{background:#132238;transform:none}
.outline-subsection{padding-left:18px;color:#8fa3bc}
.outline-subsubsection{padding-left:28px;color:#70859e}
.outline-chapter{font-weight:700;color:#dbe8f8}
.outline-empty{font-size:11px;color:#52677f;padding:5px 8px}
.editor-sync-btn{padding:5px 8px;font-size:10px;border-radius:7px;background:#132237}
.source-jump{box-shadow:inset 0 0 0 2px rgba(91,140,255,.45)}
.pdf-toolbar{gap:10px}
.pdf-head-actions{min-width:0}
.zoom-label,.page-label{font-size:10px;color:#8fa2b9;white-space:nowrap}
.sync-badge{color:#9fc0ff;border-color:#355582;background:#10213a}
.pdf-custom-viewer{flex:1;min-height:0;overflow:auto;background:linear-gradient(180deg,#18273a,#111d2c);padding:22px 18px 50px}
.pdf-pages{display:flex;flex-direction:column;align-items:center;gap:24px;min-width:max-content}
.pdf-render-page{position:relative;background:white;box-shadow:0 12px 34px rgba(0,0,0,.34);border-radius:3px;transition:.15s ease}
.pdf-render-page.syncing{box-shadow:0 0 0 3px rgba(91,140,255,.6),0 12px 34px rgba(0,0,0,.34)}
.pdf-render-page img{display:block;user-select:none;-webkit-user-drag:none;cursor:text}
.pdf-page-number{position:absolute;left:-33px;top:4px;width:24px;height:24px;border-radius:7px;background:#0d1827;border:1px solid #31445d;color:#9cb0c7;display:grid;place-items:center;font-size:10px;z-index:3}
.sync-marker{position:absolute;width:18px;height:18px;border:3px solid #ff5f75;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:5;box-shadow:0 0 0 4px rgba(255,95,117,.18)}
.sync-marker.pulse{animation:syncPulse .7s ease-in-out 2}
@keyframes syncPulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.55)}}
.pdf-pane{min-height:0}
#pdfViewer.hidden{display:none!important}
@media(max-width:1280px){
  .pdf-head-actions .page-label{display:none}
  .sync-badge{display:none}
}

/* ===== v0.9 minimal premium home ===== */
.home-shell{max-width:1240px;padding-top:24px}
.landing-nav{margin-bottom:72px}
.hero{min-height:510px;grid-template-columns:1.08fr .92fr;gap:64px}
.hero-copy{max-width:700px}
.hero h1{font-size:64px;line-height:.98;letter-spacing:-3.5px;font-weight:800}
.hero p{font-size:18px;max-width:620px;color:#92a4b9}
.hero-card{border-radius:22px;border-color:#203a59;background:linear-gradient(160deg,#0f1e32,#0a1422)}
.projects-section{margin-top:92px}
.project-card{min-height:195px;padding:20px;border-radius:16px}
.project-card h3{font-size:18px}
.project-card:hover{border-color:#5373a3;box-shadow:0 20px 50px rgba(0,0,0,.24)}
.optional-label{font-size:10px;color:var(--muted2);font-weight:500}
.full-width{width:100%;text-align:center}

/* ===== billing ===== */
.billing-shell{max-width:1120px;margin:0 auto;padding:72px 28px 100px}
.billing-hero{text-align:center;max-width:720px;margin:0 auto 48px}
.billing-hero h1{font-size:48px;letter-spacing:-2px;margin:10px 0 14px}
.billing-hero p{font-size:17px;line-height:1.7;color:var(--muted)}
.billing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.billing-card{background:linear-gradient(160deg,#101c2d,#0c1725);border:1px solid var(--border);border-radius:18px;padding:24px;min-height:330px;display:flex;flex-direction:column}
.billing-card h2{font-size:23px;margin:9px 0}
.billing-card p{color:var(--muted);font-size:13px;line-height:1.6}
.billing-card-kicker{font-size:10px;letter-spacing:.15em;color:#7f9cc3;font-weight:800}
.billing-card-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#14372e;color:#70e0b6;font-weight:900;margin-bottom:16px}
.featured-billing{border-color:#4569ae;box-shadow:0 18px 60px rgba(56,92,176,.15)}
.billing-form{display:grid;gap:10px;margin-top:auto}
.billing-card form{margin-top:auto}
.billing-card form+form{margin-top:8px}
.billing-detail{margin-top:auto;border-top:1px solid var(--border);padding-top:14px;display:grid;gap:5px;font-size:11px;color:var(--muted)}
.billing-detail strong{font-size:12px;color:#d8e4f2}
.access-good{color:#70e0b6!important}.access-bad{color:#ff8794!important}
.grace-box{margin-top:auto;background:#2a2313;border:1px solid #5a4b25;color:#e9cf7d;border-radius:10px;padding:12px;display:grid;gap:5px;font-size:11px}
.minimal-topbar{position:sticky;top:0;z-index:10}

/* ===== invitations / owner ===== */
.admin-section-card{background:#0d1827;border:1px solid var(--border);border-radius:16px;padding:22px;margin:22px 0}
.admin-section-head h2{font-size:25px;margin:5px 0}
.admin-section-head p{color:var(--muted);margin-top:4px}
.invite-generator{display:grid;grid-template-columns:1fr .65fr 1fr 1.3fr auto;gap:10px;align-items:end;margin:20px 0 24px}
.invite-generator label{display:grid;gap:6px;color:#9dafc3;font-size:11px}
.invite-generator input,.invite-generator select{width:100%}
.invite-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:10px}
.invite-code-card{background:#0a1421;border:1px solid var(--border);border-radius:12px;padding:14px}
.invite-code-card.disabled-invite{opacity:.48}
.invite-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:800;color:#9fc0ff;letter-spacing:.04em}
.invite-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted2);font-size:9px;margin-top:9px}
.invite-code-card p{font-size:11px;color:var(--muted);margin:10px 0}
.small-admin-btn{padding:5px 8px!important;font-size:10px!important}
.subscription-pill{font-size:10px;padding:4px 7px;border-radius:999px;background:#142a43;color:#9abaff}
.empty-admin-state{color:var(--muted2);font-size:12px;padding:20px;border:1px dashed var(--border);border-radius:10px}

@media(max-width:1000px){
  .billing-grid{grid-template-columns:1fr}
  .invite-generator{grid-template-columns:1fr 1fr}
  .hero h1{font-size:50px}
}

/* v1.0 account + owner controls */
.account-shell{max-width:1050px;margin:0 auto;padding:72px 28px 100px}
.account-heading{max-width:680px;margin-bottom:32px}
.account-heading h1{font-size:42px;letter-spacing:-1.8px;margin:8px 0 10px}
.account-heading p{color:var(--muted)}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.account-card{background:linear-gradient(160deg,#101c2d,#0c1725);border:1px solid var(--border);border-radius:18px;padding:24px;min-height:330px}
.account-card h2{font-size:24px;margin:10px 0 20px}
.account-detail{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--border);font-size:12px}
.account-detail span{color:var(--muted)}
.account-detail strong{color:#dbe6f3}
.account-billing-link{display:block;margin-top:22px}
.danger-card{border-color:#573342;background:linear-gradient(160deg,#21121a,#101722)}
.danger-kicker{color:#ff8794}
.danger-card p{color:#bfa2ab;font-size:13px;line-height:1.6}
.delete-account-form{display:grid;gap:12px;margin-top:20px}
.delete-account-form label{display:grid;gap:6px;color:#c7aeb5;font-size:12px}
.danger-button{background:#3a1720;border:1px solid #713344;color:#ffb4be;font-weight:800;padding:11px;border-radius:9px}
.danger-button:hover{border-color:#a04c60}
.access-control-form{display:flex;gap:4px;flex-wrap:wrap}
.access-action{font-size:9px!important;padding:4px 6px!important;border-radius:6px!important;transform:none!important}
.active-action{background:#153328!important;border-color:#2e6a55!important;color:#76dfb5!important}
.disable-action{background:#351922!important;border-color:#6f3342!important;color:#ff99a6!important}
.automatic-action{background:#142236!important;border-color:#30465f!important;color:#9eb2c8!important}
.owner-lock{font-size:10px;color:#7d91aa}
.file-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.standalone-file-actions{margin:8px 0}
.file-action-btn{font-size:10px!important;padding:4px 6px!important;border-radius:6px!important;background:#101d2e!important;border:1px solid var(--border)!important;color:#8fb3ff!important;letter-spacing:0!important;margin:0!important;white-space:nowrap}
.small-modal form{min-width:390px}
.small-modal code{color:#9fc0ff}
@media(max-width:850px){.account-grid{grid-template-columns:1fr}}

/* ===== v1.1 project tree ===== */
.folder-target-bar{margin:10px 0 5px;padding:8px 9px;border:1px solid #23384f;background:#091522;border-radius:8px;display:flex;justify-content:space-between;gap:8px;font-size:10px}
.folder-target-bar span{color:#637890}
.folder-target-bar strong{color:#9fc0ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-tree-help{font-size:9px;line-height:1.4;color:#52677f;margin:0 3px 9px}
.file-tree{display:flex;flex-direction:column;gap:1px;margin-top:4px}
.tree-row{min-height:29px;display:flex;align-items:center;gap:6px;padding-right:7px;border-radius:6px;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#adbed0;user-select:none}
.tree-row:hover{background:#11233a}
.tree-row.tree-file.active{background:#17305a;color:#b7d1ff}
.tree-folder.selected-folder{background:#132943;box-shadow:inset 2px 0 0 #5b8cff;color:#b8d1ff}
.tree-chevron{width:12px;min-width:12px;text-align:center;color:#627b97;font-size:10px}
.tree-icon{width:16px;min-width:16px;text-align:center;font-size:12px}
.file-type-icon{color:#7fa9e9;font-weight:800}
.tree-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.root-folder{padding-left:8px!important;margin-bottom:3px;border-bottom:1px solid #182a3d;border-radius:6px 6px 0 0}
.file-actions{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end}
.file-action-btn{font-size:9px!important;padding:4px 5px!important}
.asset-preview-modal{width:min(950px,92vw)}
.asset-preview-shell{height:min(760px,86vh);display:flex;flex-direction:column}
.asset-preview-body{flex:1;min-height:0;margin-top:12px;background:#070e17;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:auto}
.asset-preview-image{max-width:100%;max-height:100%;object-fit:contain}
.asset-preview-frame{width:100%;height:100%;border:0;background:white}

/* ===== v1.2 project card actions ===== */
.project-card-managed{
  display:flex;
  flex-direction:column;
  position:relative;
  cursor:default;
  padding:0;
  overflow:hidden;
}
.project-card-open-area{
  display:block;
  padding:20px 20px 12px;
  color:inherit;
  text-decoration:none;
  flex:1;
}
.project-card-open-area:hover h3{color:#bcd2ff}
.project-card-actions{
  display:flex;
  gap:7px;
  padding:0 20px 13px;
  align-items:center;
}
.project-delete-form{margin:0}
.project-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:29px;
  padding:5px 9px;
  border-radius:7px;
  border:1px solid #2a4059;
  background:#0b1726;
  color:#9eb5cf;
  font-size:10px;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  transition:.16s ease;
}
.project-action:hover{
  transform:translateY(-1px);
  border-color:#48698f;
  color:#d9e6f7;
}
.download-project-action{
  color:#9fc0ff;
  border-color:#31517a;
  background:#10213a;
}
.download-project-action:hover{
  border-color:#5b8cff;
  color:#d4e1ff;
}
.delete-project-action{
  color:#e49ca7;
  border-color:#54303c;
  background:#21131a;
}
.delete-project-action:hover{
  border-color:#91485a;
  color:#ffc2ca;
  background:#2d1720;
}
.project-card-footer-link{
  min-height:39px;
  border-top:1px solid #203247;
  padding:10px 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  text-decoration:none;
  color:#647d99;
  font-size:9px;
}
.project-card-footer-link:hover{
  background:#101f31;
  color:#9cb9da;
}

/* ===== v1.3 Submission Center ===== */
.submit-top-btn{
  background:linear-gradient(135deg,#5d7cff,#755dff);
  color:white!important;
  border:1px solid #7890ff!important;
  box-shadow:0 6px 22px rgba(83,107,255,.2);
}
.submit-top-btn:hover{transform:translateY(-1px)}
.submission-app{min-height:100vh}
.submission-shell{max-width:1240px;margin:0 auto;padding:56px 28px 100px}
.submission-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}
.submission-hero h1{font-size:46px;letter-spacing:-2px;margin:8px 0 10px}
.submission-hero p{max-width:720px;color:var(--muted);font-size:15px;line-height:1.7}
.submission-hero-mark{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;font-size:28px;background:linear-gradient(145deg,#182f52,#172142);border:1px solid #37517b;color:#a9c1ff}
.submission-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
.submission-main-card,.submission-side-card{background:linear-gradient(155deg,#0e1a2b,#0a1421);border:1px solid var(--border);border-radius:18px}
.submission-main-card{padding:22px}
.submission-side-card{padding:22px;position:sticky;top:62px}
.submission-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.submission-card-head h2,.submission-side-card h2{font-size:22px;margin:5px 0}
.submission-kicker{font-size:9px;letter-spacing:.16em;font-weight:900;color:#728ba9}
.submission-status-badge{font-size:10px;border:1px solid #30455f;background:#101e30;color:#8fa7c2;padding:6px 9px;border-radius:999px;white-space:nowrap}
.submission-status-badge.ready{border-color:#326e58;background:#102a23;color:#72ddb5}
.submission-status-badge.needs-work{border-color:#75404d;background:#2a151c;color:#ff9aaa}
.submission-status-badge.checking{border-color:#4a62a2;background:#152344;color:#a8bcff}
.submission-target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.submission-target-card{text-align:left;min-height:112px;padding:14px;border-radius:12px;background:#0a1523;border:1px solid #22364e;color:#cbd9e9;display:flex;flex-direction:column;gap:7px;transform:none!important}
.submission-target-card strong{font-size:13px}
.submission-target-card span{font-size:10px;color:#758aa2;line-height:1.45}
.submission-target-card:hover{border-color:#45628a;background:#0d1b2d}
.submission-target-card.selected{border-color:#6484e5;background:linear-gradient(145deg,#11264a,#111d36);box-shadow:inset 0 0 0 1px rgba(109,139,255,.15)}
.submission-actions-row{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.submission-actions-row button:disabled{opacity:.42}
.submission-check-panel{min-height:290px;border:1px solid #1f3044;border-radius:13px;background:#08131f;overflow:hidden}
.submission-empty-check{min-height:290px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px}
.submission-empty-check h3{font-size:17px;margin:10px 0 6px}
.submission-empty-check p{max-width:510px;color:#71869d;font-size:11px;line-height:1.6}
.submission-empty-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#122a24;border:1px solid #315d4d;color:#6cddb2;font-size:18px}
.submission-spinner{width:34px;height:34px;border-radius:50%;border:3px solid #223650;border-top-color:#6789ff;animation:submissionSpin .8s linear infinite}
@keyframes submissionSpin{to{transform:rotate(360deg)}}
.submission-metadata-strip{display:grid;grid-template-columns:2fr 1fr;gap:1px;background:#1b2b3e;border-bottom:1px solid #23364b}
.submission-metadata-strip>div{background:#0d1928;padding:12px}
.submission-metadata-strip span{display:block;color:#667b93;font-size:8px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.submission-metadata-strip strong{display:block;color:#cddbed;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.submission-check-list{padding:7px}
.submission-check-row{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:9px;border-radius:8px}
.submission-check-row:hover{background:#0c1a2a}
.check-symbol{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:900}
.submission-check-row.pass .check-symbol{background:#113126;color:#6adeae}
.submission-check-row.fail .check-symbol{background:#351821;color:#ff8798}
.submission-check-row.fail.warning-level .check-symbol{background:#342a15;color:#e9ca6c}
.check-copy{display:grid;gap:3px}
.check-copy strong{font-size:11px;color:#c9d7e7}
.check-copy span{font-size:9px;color:#6f839a;line-height:1.4}
.submission-side-card>p{color:#7f92a8;font-size:11px;line-height:1.55}
.submission-flow{display:grid;gap:9px;margin:20px 0}
.submission-flow>div{display:grid;grid-template-columns:27px 1fr;grid-template-rows:auto auto;column-gap:9px}
.submission-flow span{grid-row:1/3;width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#142842;border:1px solid #2d4869;color:#91b5ef;font-size:9px;font-weight:800}
.submission-flow strong{font-size:10px}
.submission-flow small{font-size:9px;color:#657a92;margin-top:2px}
.submission-portal-btn{margin-top:8px}
.submission-side-card .full-width{display:flex;justify-content:center;margin-top:8px}
.submission-integrity-note{margin-top:18px;padding:12px;border-radius:10px;background:#101c2b;border:1px solid #26384d;display:grid;gap:5px}
.submission-integrity-note strong{font-size:10px;color:#c2d3e6}
.submission-integrity-note span{font-size:9px;color:#687e96;line-height:1.5}
.disabled-link{pointer-events:none;opacity:.4}
@media(max-width:980px){
  .submission-layout{grid-template-columns:1fr}
  .submission-side-card{position:static}
}
@media(max-width:680px){
  .submission-target-grid{grid-template-columns:1fr}
  .submission-hero h1{font-size:38px}
  .submission-hero-mark{display:none}
}

/* ===== v1.4 Professional Workspace ===== */
.main-file-badge{margin-left:7px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 7px!important;border-radius:999px!important;border:1px solid #314967!important;background:#102137!important;color:#8eadd2!important;font-size:8px!important;cursor:pointer}
.main-file-badge:hover{border-color:#6688b5!important;color:#c7dbf3!important}
.main-file-badge.current-main{border-color:#7564d7!important;background:#201d45!important;color:#bcb2ff!important}
.project-tools-row{display:grid;grid-template-columns:1.25fr 1fr .75fr;gap:4px;margin:7px 0 9px}
.project-tool-btn{padding:5px 4px!important;font-size:8px!important;border-radius:6px!important;background:#0f1d2e!important;border:1px solid #293c53!important;color:#879db6!important}
.project-tool-btn:hover{border-color:#4a6688!important;color:#c1d3e7!important;transform:none!important}
.project-tool-btn.danger-lite{color:#ca8791!important;border-color:#4c2e39!important}
.tree-file.main-document{color:#c8c0ff}
.tree-main-label{margin-left:auto;font-size:6px;letter-spacing:.08em;color:#8f82e9;border:1px solid #514689;padding:2px 4px;border-radius:4px}
.tiny-side-btn{font-size:8px!important;padding:4px 6px!important;border-radius:5px!important;background:#122037!important;color:#8ca8c8!important}
.versions-list,.figures-list{display:grid;gap:3px;margin-top:8px}
.version-row{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:7px;border-radius:7px;background:#0b1726;border:1px solid #1c2d41}
.version-copy{min-width:0;display:grid;gap:2px}
.version-copy strong{font-size:8px;color:#b5c8dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.version-copy span{font-size:7px;color:#5f748c}
.version-restore-btn{padding:3px 5px!important;font-size:7px!important;border-radius:5px!important}
.side-empty{font-size:9px;color:#50647a;padding:7px}
.figure-manager-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:5px;padding:6px 7px;border-radius:6px;background:transparent;border:0;color:#a7bad0;text-align:left;transform:none!important}
.figure-manager-row:hover{background:#0f1f32}
.figure-state{width:16px;height:16px;border-radius:5px;display:grid;place-items:center;font-size:8px}
.figure-state.used{background:#113128;color:#66d9ac}
.figure-state.unused{background:#2e2515;color:#d7b867}
.figure-name{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.figure-usage{font-size:6px;color:#60768e;text-transform:uppercase}

/* ===== ScientificTeX v1.6 ===== */
.app-version-chip{margin-left:7px;padding:2px 5px;border-radius:999px;border:1px solid #344c6d;background:#102039;color:#8facd4;font-size:7px;letter-spacing:.08em;vertical-align:middle}
.workspace-pro-chip{margin-left:9px;padding:3px 7px;border-radius:999px;border:1px solid #564d9c;background:#1d1b3d;color:#aaa1ff;font-size:7px;letter-spacing:.13em;font-weight:900}
.workspace{grid-template-columns:285px minmax(430px,1fr) minmax(440px,1fr)!important}
.sidebar{scrollbar-width:thin;scrollbar-color:#304761 #0c1624}
.side-section{flex-shrink:0}
.side-section.grow{flex:0 0 auto!important;min-height:220px}
.file-tree{max-height:330px;overflow:auto;padding-right:2px}
.versions-list,.figures-list{max-height:185px;overflow:auto}
.main-document-summary{margin-top:8px;padding:8px 9px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:8px;border:1px solid #253952;background:#091522;font-size:9px}
.main-document-summary span{color:#60768e}
.main-document-summary strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9b1ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.editor-search-bar{min-height:40px;padding:6px 9px;display:flex;gap:6px;align-items:center;border-bottom:1px solid #26384d;background:#0b1725}
.editor-search-bar input{min-width:0;flex:1;height:28px;padding:5px 8px;border-radius:6px;font-size:10px}
.editor-search-bar button{height:28px;padding:4px 7px;font-size:9px;border-radius:6px;transform:none!important}
.cursor-position{color:#70869e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}
.line-rail{width:45px!important;min-width:45px;overflow:hidden;padding-top:18px;padding-right:8px;box-sizing:border-box;color:#425975;text-align:right;font:11px/1.56 "SFMono-Regular",Consolas,monospace;user-select:none}
.line-rail div{height:21.84px}
.shortcut-grid{display:grid;grid-template-columns:1fr auto;gap:5px 9px;margin-top:8px;align-items:center;font-size:8px;color:#637990}
.shortcut-grid kbd{padding:2px 5px;border:1px solid #2d4259;border-radius:5px;background:#0b1725;color:#8ba5c1;font-size:8px}
#compileBtn:disabled,#emptyCompileBtn:disabled{opacity:.55;cursor:wait}
@media(max-width:1180px){.workspace{grid-template-columns:255px minmax(390px,1fr) minmax(390px,1fr)!important}}

/* ===== ScientificTeX v1.7 Beta Ready ===== */
.form-success{padding:10px 12px;border:1px solid #2f6c55;background:#102b23;color:#86ddb8;border-radius:9px;font-size:11px;margin:10px 0}
.message-shell{min-height:100vh;display:grid;place-items:center;padding:30px}
.message-card{width:min(560px,92vw);padding:32px;border-radius:20px;background:linear-gradient(155deg,#101c2d,#0b1522);border:1px solid #293d55;text-align:center}
.message-card .logo-wrap{justify-content:center;margin-bottom:20px}
.message-card h1{font-size:34px;margin:12px 0}
.message-card p{color:#7f94aa;line-height:1.65;margin-bottom:24px}
.account-card-copy{font-size:11px;color:#74899f;line-height:1.55}
.account-security-form{display:grid;gap:10px}
.account-security-form label{display:grid;gap:5px;font-size:10px;color:#8498ae}
.email-verification-box{margin-top:18px;padding:11px;border:1px solid #293b50;border-radius:9px;background:#0b1724;display:grid;gap:7px;font-size:9px}
.verification-good{color:#69d9ab}.verification-warn{color:#e5bd6c}
.collaboration-modal{width:min(720px,94vw)}
.collab-dialog-shell{max-height:82vh;display:flex;flex-direction:column;gap:12px}
.collaborator-add-box{display:flex;gap:8px}
.collaborator-add-box input{flex:1}
.collaborators-list,.comments-list{display:grid;gap:7px;overflow:auto;max-height:430px}
.collaborator-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;border:1px solid #24384e;border-radius:9px;background:#0b1725}
.collaborator-row>div{display:grid;gap:3px}.collaborator-row strong{font-size:11px;color:#c7d7e8}.collaborator-row span{font-size:8px;color:#657c94}
.owner-row{border-color:#494377;background:#17182e}
.remove-collaborator-btn{font-size:8px!important;padding:4px 6px!important;color:#d98d99!important}
.comment-compose-card{padding:12px;border:1px solid #293e55;border-radius:11px;background:#0b1725}
.comment-location{font-size:9px;color:#6d839a;margin-bottom:8px}
.comment-compose-card textarea{width:100%;min-height:90px;resize:vertical;margin-bottom:8px}
.comment-card{padding:11px;border:1px solid #263a50;border-radius:10px;background:#0b1725}
.comment-card.resolved{opacity:.62}
.comment-card-head{display:flex;justify-content:space-between;gap:12px}
.comment-card-head>div{display:grid;gap:2px}.comment-card-head strong{font-size:10px}.comment-card-head span,.comment-status{font-size:8px;color:#6c839b}
.comment-card p{font-size:10px;line-height:1.55;color:#aebfd1;white-space:pre-wrap}
.comment-card-actions{display:flex;gap:5px;flex-wrap:wrap}.comment-card-actions button{font-size:8px!important;padding:4px 6px!important}
.comments-empty{padding:24px;text-align:center;color:#61778f;font-size:10px}
.ads-section{min-height:150px}
.ads-search-row{display:flex;gap:4px;margin-top:8px}.ads-search-row input{min-width:0;flex:1;padding:6px;font-size:8px}.ads-search-row button{padding:5px 6px!important;font-size:8px!important}
.ads-results{display:grid;gap:5px;margin-top:7px;max-height:280px;overflow:auto}
.ads-result-card{padding:8px;border:1px solid #24384d;border-radius:7px;background:#0b1725;display:grid;gap:4px}
.ads-result-card strong{font-size:8px;line-height:1.35;color:#bfd0e2}.ads-result-card span{font-size:7px;line-height:1.35;color:#647a91}
.ads-result-card button{font-size:7px!important;padding:4px 5px!important;justify-self:start;color:#9ebaff!important}
.ads-error{font-size:8px;line-height:1.4;color:#d98b98;padding:6px}

/* ===== ScientificTeX v1.8 Production ===== */
.trash-shell{max-width:980px;margin:0 auto;padding:54px 28px 100px}.trash-list{display:grid;gap:10px}.trash-card{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 18px;border-radius:13px;border:1px solid #293c52;background:linear-gradient(145deg,#0d1928,#0a1421)}.trash-copy{display:grid;gap:4px}.trash-copy strong{font-size:13px;color:#cad9e9}.trash-copy span,.trash-copy small{font-size:9px;color:#687e95}.trash-actions{display:flex;gap:7px;align-items:center}.trash-actions form{margin:0}.trash-empty{padding:35px;text-align:center;border:1px dashed #2a3d53;border-radius:13px;color:#667c93}

/* ===== v1.9 Journal Template Library ===== */
#journalTemplateSelect optgroup{font-weight:800;color:#8ea8c6;background:#0c1724}
#journalTemplateSelect option{font-weight:500;color:#d4dfeb;background:#0d1928;padding:6px}
.journal-template-info{margin-top:8px;padding:10px 11px;border:1px solid #293d54;border-radius:9px;background:#0a1624}
.journal-template-info span{display:inline-flex;padding:3px 7px;border-radius:999px;border:1px solid #4a4c89;background:#191a38;color:#aca6ff;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.journal-template-info p{margin:7px 0 0;color:#71879d;font-size:9px;line-height:1.45}

/* ===== ScientificTeX v2.0 Sticky Workspace ===== */

/*
  The editor workspace now fills the viewport below the topbar.
  Sidebar, editor and PDF have independent scrolling behavior so
  long LaTeX documents never push the project navigation out of view.
*/
.app-shell{
  min-height:100vh;
  height:100vh;
  overflow:hidden;
}

.topbar{
  position:sticky;
  top:0;
  z-index:100;
  flex:0 0 auto;
}

.workspace-sticky-layout{
  height:calc(100vh - 58px);
  min-height:0;
  overflow:hidden;
  align-items:stretch;
}

/* Left project navigation remains visible while editing */
.workspace-sticky-layout > .sidebar{
  position:sticky;
  top:0;
  align-self:stretch;
  height:100%;
  min-height:0;
  overflow-y:auto !important;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  border-right:1px solid #22344a;
  background:#0b1522;
  z-index:15;
}

/* Center editor scrolls internally */
.workspace-sticky-layout > .editor-pane{
  height:100%;
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.workspace-sticky-layout > .editor-pane .editor-head{
  flex:0 0 auto;
  position:sticky;
  top:0;
  z-index:10;
}

.workspace-sticky-layout > .editor-pane .editor-search-bar{
  flex:0 0 auto;
}

.workspace-sticky-layout > .editor-pane .editor-wrap{
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
}

.workspace-sticky-layout > .editor-pane #editor{
  height:100% !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:auto !important;
  resize:none;
}

/* Line number gutter follows the editor's own vertical scroll */
.workspace-sticky-layout > .editor-pane .line-rail{
  height:100%;
  overflow:hidden;
  flex:0 0 45px;
}

/* Right PDF viewer remains fixed inside the viewport */
.workspace-sticky-layout > .pdf-pane{
  height:100%;
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.workspace-sticky-layout > .pdf-pane .pdf-toolbar,
.workspace-sticky-layout > .pdf-pane .pdf-head{
  flex:0 0 auto;
  position:relative;
  z-index:8;
}

.workspace-sticky-layout > .pdf-pane .pdf-stage,
.workspace-sticky-layout > .pdf-pane .pdf-viewer,
.workspace-sticky-layout > .pdf-pane .pdf-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
}

/* Sidebar internals keep useful heights without forcing page scrolling */
.workspace-sticky-layout .file-tree{
  max-height:42vh;
  overflow:auto;
}

.workspace-sticky-layout .versions-list{
  max-height:22vh;
  overflow:auto;
}

.workspace-sticky-layout .figures-list{
  max-height:22vh;
  overflow:auto;
}

.workspace-sticky-layout .ads-results{
  max-height:28vh;
  overflow:auto;
}

/* The sidebar itself owns the scroll; avoid sticky child controls fighting it */
.workspace-sticky-layout .project-tools-row{
  position:relative;
  top:auto;
}

/* Mobile/tablet fallback: restore natural document scrolling */
@media(max-width:980px){
  .app-shell{
    height:auto;
    min-height:100vh;
    overflow:visible;
  }

  .workspace-sticky-layout{
    height:auto;
    min-height:0;
    overflow:visible;
    display:block;
  }

  .workspace-sticky-layout > .sidebar,
  .workspace-sticky-layout > .editor-pane,
  .workspace-sticky-layout > .pdf-pane{
    position:relative;
    height:auto;
    min-height:500px;
    overflow:visible;
  }

  .workspace-sticky-layout > .sidebar{
    max-height:none;
  }

  .workspace-sticky-layout > .editor-pane .editor-wrap{
    min-height:70vh;
  }

  .workspace-sticky-layout > .editor-pane #editor{
    min-height:70vh !important;
  }
}

/* v2.1.3 Fast Compile */
#cleanCompileBtn{
  padding:7px 10px;
  font-size:9px;
  white-space:nowrap;
}


/* v2.1.5 — project-scoped collaboration and invitation guidance */
.invite-request-note,
.project-invite-note{
  margin:8px 0 12px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  font-size:12px;
  line-height:1.45;
}
.invite-request-note a{font-weight:700}
.project-invite-note{opacity:.88}
.pending-collaborator-row{opacity:.88}
.billing-project-invite-note{
  margin-top:14px;
  padding:12px 14px;
  border-radius:12px;
  background:rgba(255,255,255,.06);
  font-size:13px;
}

/* v2.1.6 — invitation decision */
.project-invite-card{max-width:620px}
.project-invite-actions{
  display:flex;
  gap:10px;
  margin-top:20px;
  justify-content:center;
  flex-wrap:wrap;
}
.project-invite-actions form{margin:0}