dialog.sp-dialog{border:1px solid var(--line);border-radius:16px;padding:24px;width:min(620px,calc(100vw - 32px));max-height:88dvh;margin:auto;color:var(--ink);box-shadow:var(--shadow)}
dialog.sp-dialog::backdrop{background:rgba(18,19,22,.5);backdrop-filter:blur(3px)}
.sp-dialog h2{font-size:18px;margin-bottom:16px}.sp-dialog p{margin:10px 0;color:var(--muted)}
.sp-dialog form{display:grid;gap:12px}.sp-dialog label{display:grid;gap:5px;font-weight:600;font-size:12px}
.sp-dialog input,.sp-dialog select,.sp-dialog textarea{border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit;width:100%;background:var(--bg)}
.sp-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.sp-dialog .sp-error{color:var(--bad)}
#sp-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:var(--dark);color:white;padding:12px 20px;border-radius:10px;z-index:100;max-width:calc(100vw - 32px);box-shadow:var(--shadow)}
.sp-empty{padding:30px;text-align:center;color:var(--muted)}
.kcard[draggable=true]{cursor:grab}.kcol.sp-drop{outline:2px dashed var(--or);outline-offset:-2px}
.sp-results{display:grid;gap:8px}.sp-results button{text-align:left;padding:12px;border:1px solid var(--line);border-radius:8px}
@media print{aside,.topbar,#tabbar,#login,.filters,button,.pager{display:none!important}#app,main,.content{display:block!important;height:auto!important;overflow:visible!important}.screen{display:none!important}.screen.on{display:block!important}.sp-dialog{position:static}body{background:white}}