.o99-article .o99-project-bar{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin:0 0 24px;padding:20px;background:#fff;border:1px solid #bfd2df;border-radius:14px;box-shadow:0 5px 14px #163d5412}
.o99-project-bar strong,.o99-project-bar span{display:block}.o99-project-bar strong{color:#005d94}.o99-project-bar span{margin-top:6px;font-size:15px;color:#4e5d68;overflow-wrap:anywhere}
.o99-project-actions,.o99-project-bottom{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.o99-project-bottom{margin:24px 0}
.o99-article :is(.o99-project-bar,.o99-project-bottom,.o99-project-dialog) button{font:inherit;font-weight:600;font-size:16px;line-height:1.4;min-height:46px;padding:12px 16px;border:1px solid #8baec5;border-radius:9px;background:#fff;color:#005d94;cursor:pointer}
.o99-article :is(.o99-project-bar,.o99-project-bottom,.o99-project-dialog) .o99-project-primary{background:#0060a1;color:#fff;border-color:#0060a1;box-shadow:0 3px 8px #143f5920}
.o99-article :is(.o99-project-bar,.o99-project-bottom) button{box-shadow:inset 0 1px 0 #fff,0 3px 0 #c5d5e0,0 6px 12px #17364b1c;transition:box-shadow .15s,transform .15s}
.o99-article :is(.o99-project-bar,.o99-project-bottom) .o99-project-primary{box-shadow:inset 0 1px 0 #ffffff40,0 3px 0 #004b7d,0 6px 12px #17364b26}
.o99-article :is(.o99-project-bar,.o99-project-bottom) button:hover{transform:translateY(-1px)}
.o99-article :is(.o99-project-bar,.o99-project-bottom) button:active{transform:translateY(2px);box-shadow:inset 0 1px 2px #17364b26}
@media(prefers-reduced-motion:reduce){.o99-article :is(.o99-project-bar,.o99-project-bottom) button{transition:none;transform:none}}
.o99-article .o99-project-dialog{width:760px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid #bfd2df;border-radius:16px;color:#20262c;background:#fff;overflow:auto;box-shadow:0 16px 48px #10293850;font-size:17px;line-height:1.6}
.o99-project-dialog::backdrop{background:#10293899}html.o99-project-open{overflow:hidden}
.o99-project-dialog .o99-project-local{padding:12px 16px;background:#fff5db;border-left:4px solid #ad7900;border-radius:8px;font-size:15px}
.o99-project-dialog .o99-project-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:#edf6fc;border-bottom:1px solid #bfd2df}
.o99-project-dialog .o99-project-dialog-head h2{margin:0;color:#005d94;font-size:24px;line-height:1.25;overflow-wrap:anywhere}
.o99-project-dialog .o99-project-dialog-head button{color:#fff;background:#20262c;border-color:#20262c;flex-shrink:0}
.o99-project-dialog [data-project-body]{padding:24px}.o99-project-dialog p{margin:0 0 18px}.o99-project-dialog label{display:block;font-weight:600;margin-bottom:8px}
.o99-project-dialog input:not([type=checkbox]){box-sizing:border-box;width:100%;min-height:50px;padding:12px;border:1px solid #879eaf;border-radius:8px;background:#fff;color:#20262c;font:inherit;font-size:17px}
.o99-project-dialog form>button,.o99-project-dialog form>.o99-project-actions{margin:18px 0}.o99-project-dialog .o99-project-small{font-size:15px;color:#4e5d68;margin:12px 0 18px}
.o99-project-dialog .o99-project-check{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #cddbe5;border-radius:10px;background:#f5f8fa;font-size:16px;font-weight:400;margin-top:20px;cursor:pointer}
.o99-project-check input{width:20px;height:20px;flex:0 0 20px;margin:4px 0 0;accent-color:#0060a1}.o99-project-check small{display:block;color:#4e5d68;font-size:15px;margin-top:8px}
.o99-project-dialog .o99-project-message{margin:20px 24px 0;padding:14px 16px;border-left:4px solid #267646;background:#eef8f0;border-radius:8px;color:#174d2e;overflow-wrap:anywhere}.o99-project-dialog .o99-project-message[data-error=true]{border-color:#af2c27;background:#fff0ed;color:#83241f}
.o99-project-account{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;overflow-wrap:anywhere}.o99-project-account span{min-width:0}
.o99-project-card{padding:20px;border:1px solid #bfd2df;border-radius:12px;box-shadow:0 4px 12px #17364b12;margin-bottom:18px}.o99-project-card h3{font-size:20px;margin:0;color:#005d94;overflow-wrap:anywhere}
.o99-project-dialog .o99-project-delete{color:#8b3028;border-color:#d6aaa6}.o99-project-preferences{margin-top:24px;padding:16px;border:1px solid #ccd9e3;border-radius:10px}.o99-project-preferences summary{cursor:pointer;font-weight:600}.o99-project-empty{padding:22px;background:#edf6fc;border-radius:12px}
.o99-project-document-actions{display:grid;gap:12px;margin:24px 0}.o99-project-dialog button:disabled{opacity:.6;cursor:wait}
.o99-article :is(.o99-project-bar,.o99-project-bottom,.o99-project-dialog) :is(button,input,a,summary):focus-visible{outline:3px solid #0060a1;outline-offset:3px}
@media(max-width:600px){.o99-article .o99-project-bar{padding:16px;display:block}.o99-project-bar>.o99-project-actions{margin-top:16px}.o99-project-actions{align-items:stretch}.o99-project-actions button,.o99-project-bottom button{flex:1 1 100%}.o99-article .o99-project-dialog{max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.o99-project-dialog .o99-project-dialog-head{padding:16px;gap:10px}.o99-project-dialog .o99-project-dialog-head h2{font-size:21px}.o99-project-dialog .o99-project-dialog-head button{font-size:15px;padding:10px}.o99-project-dialog [data-project-body]{padding:18px}.o99-project-dialog .o99-project-message{margin:16px 18px 0}.o99-project-card{padding:16px}}

.o99-project-dialog .o99-project-admin{margin:18px 0;font-size:15px}.o99-project-dialog .o99-project-admin p{margin:8px 0}.o99-project-dialog .o99-project-admin a{display:inline-block;padding:10px 0;font-weight:600}

.o99-article [data-project-list][hidden]{display:none}
