.auth-pending .app-shell,.logged-out .app-shell{display:none}.authenticated .login-screen{display:none}.login-screen{min-height:100vh;background:linear-gradient(135deg,#123b35,#245e52);padding:32px 18px;display:grid;place-items:center}.login-card{width:min(100%,480px);background:#fffefa;border-radius:18px;padding:37px;box-shadow:0 26px 70px rgba(0,0,0,.26)}.login-brand{padding:0 0 30px;color:var(--forest)}.login-brand span{color:#62736d}.login-card h1{font:700 29px Georgia,serif;margin:7px 0}.login-card>p{color:var(--muted);line-height:1.5}.login-form{display:grid;gap:8px;margin-top:25px}.login-form label{font-size:12px;font-weight:800;color:#435651}.login-form input{border:1px solid #cfdcd5;border-radius:8px;padding:13px;font:16px inherit;margin-bottom:7px}.login-button{font-size:15px;margin-top:8px;padding:13px}.form-error{color:#a63732;min-height:20px;margin:2px 0;font-size:13px}.login-help{font-size:12px;margin-top:24px}.readability-button{border:1px solid #d8e3dd;background:#fffefa;border-radius:7px;color:var(--forest);font-weight:800;padding:7px 9px;cursor:pointer}.large-ui{font-size:17px}.large-ui .sidebar{width:285px}.large-ui .main-content{width:calc(100% - 285px);margin-left:285px}.large-ui .nav-item{padding:14px}.large-ui .button{font-size:15px;padding:13px 17px}.resolution-filters{display:flex;gap:8px;margin:-7px 0 16px}.resolution-list{display:grid;gap:12px}.resolution-card{display:flex;gap:16px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-left:5px solid #e0ac37;border-radius:12px;padding:18px}.resolution-card.done{border-left-color:#4d9470}.resolution-card h3{font:700 19px Georgia,serif;margin:2px 0 7px}.resolution-card p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.resolution-card footer{display:flex;gap:10px;align-items:center;margin-top:13px;font-size:12px}.resolution-toggle{margin-left:auto}.document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.document-card{display:flex;flex-direction:column;gap:9px;background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:20px}.document-card h3{font:700 19px Georgia,serif;margin:0}.document-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.document-card footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.mail-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px}.mail-info,.mail-compose{padding:24px}.mail-info h3{font:700 19px Georgia,serif;margin:18px 0 7px}.mail-info p{color:var(--muted);line-height:1.55;font-size:13px}.mail-compose form{display:grid;gap:14px}.mail-compose select{min-height:130px}.role-guide{display:flex;gap:10px;flex-wrap:wrap;margin:-5px 0 18px}.role-guide span{background:#e9f1ec;border-radius:7px;padding:9px 11px;color:#53645e;font-size:12px}.accounts-list{display:grid;gap:10px}.account-row{display:flex;align-items:center;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:15px 18px}.account-row .account-initials{width:38px;height:38px;display:grid;place-items:center;background:#dceee0;color:var(--forest);border-radius:50%;font-weight:800}.account-row h3{font:700 16px Georgia,serif;margin:0 0 3px}.account-row p{color:var(--muted);font-size:12px;margin:0}.account-row .tag{margin-left:auto}@media(max-width:850px){.document-grid{grid-template-columns:repeat(2,1fr)}.mail-layout{grid-template-columns:1fr}.large-ui .sidebar{width:260px}.large-ui .main-content{width:calc(100% - 260px);margin-left:260px}}@media(max-width:760px){.login-card{padding:27px 22px}.document-grid{grid-template-columns:1fr}.resolution-card{display:block}.resolution-toggle{margin:14px 0 0}.account-row{align-items:flex-start}.account-row .tag{margin-left:0}.large-ui .sidebar{width:285px}.large-ui .main-content{width:100%;margin-left:0}.large-ui .sidebar{transform:translateX(-100%)}.large-ui .sidebar.open{transform:translateX(0)}}
.item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.resolution-actions{margin-left:auto;justify-content:flex-end}.board-actions{margin-top:16px}.delete-note{background:#fff1ee;border-left:4px solid var(--danger);border-radius:6px;padding:11px 12px;color:#70332e!important;font-size:13px;line-height:1.45}.document-card footer{gap:8px}@media(max-width:760px){.item-actions{justify-content:flex-start}.document-card footer{align-items:flex-start;flex-direction:column}.resolution-actions{margin:14px 0 0;justify-content:flex-start}.resolution-toggle{margin:0}}
.page-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.source-pdf{margin:18px 0 0!important;padding-top:14px;border-top:1px solid var(--line)}@media(max-width:760px){.page-actions{width:100%}.page-actions .button{flex:1;min-width:140px}}
@media(max-width:760px){.task-card footer{flex-direction:column;align-items:stretch;gap:10px}.task-card footer .due{display:block}.task-card footer .item-actions{width:100%;justify-content:flex-start}}
[hidden] { display: none !important; }
.app-back { display: inline-flex; align-items: center; align-self: flex-start; padding: .25rem .55rem; margin: 0 0 .2rem; border: 1px solid #c7d0cb; border-radius: .5rem; background: #fff; color: #253d31; font: inherit; font-size: .85rem; font-weight: 700; cursor: pointer; }
.app-back:hover,.app-back:focus-visible { background: #e7eee8; }
.key-summary { display: grid; grid-template-columns: repeat(2,minmax(0,220px)); gap: .8rem; margin-bottom: 1rem; }
.key-summary .panel { display: flex; flex-direction: column; gap: .15rem; padding: 1rem 1.25rem; }
.key-summary strong { font-size: 1.8rem; color: #22573b; }
.key-list { display: grid; gap: .8rem; max-width: 1050px; margin-top: 1rem; }
.key-card { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 1rem; padding: 1.15rem 1.4rem; min-width: 0; }
.key-card h3 { margin: .5rem 0; overflow-wrap: anywhere; }
.key-card p { margin: .35rem 0; overflow-wrap: anywhere; }
.key-code { font-weight: 700; }
.key-note { white-space: pre-wrap; }
@media (max-width: 680px) { .key-summary { grid-template-columns: repeat(2,minmax(0,1fr)); } .key-card { padding: 1rem; } .key-card .item-actions { display: grid; width: 100%; } }
.concept-list { display: grid; gap: 1rem; max-width: 960px; }
.concept-card { padding: 1.5rem; min-width: 0; }
.concept-card h3 { margin: .6rem 0; overflow-wrap: anywhere; }
.concept-text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; }
.concept-meta { color: var(--muted, #56635c); font-size: .9rem; }
.concept-files,.concept-votes { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1rem 0; }
.concept-file { display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .7rem; background: #eef3ef; border-radius: .65rem; max-width: 100%; }
.concept-file a { overflow-wrap: anywhere; }
@media (max-width: 680px) { .concept-card { padding: 1rem; } .concept-card .item-actions,.concept-votes { display: grid; grid-template-columns: 1fr; } }