17 lines
3.5 KiB
CSS
17 lines
3.5 KiB
CSS
/* DONA_LEARNING_V93 — discreet feedback, separate editor */
|
|
.dl93-dock[hidden],.dl93-overlay[hidden],.dl93-toast[hidden],.dl93-transcript[hidden]{display:none!important}
|
|
.dl93-dock{position:fixed;z-index:1200;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:9px;align-items:center;padding:9px 12px;background:rgba(29,25,35,.94);backdrop-filter:blur(18px);border:1px solid rgba(209,175,160,.35);border-radius:20px;box-shadow:0 10px 40px #0005;max-width:min(95vw,760px);color:#f1eaf3}
|
|
.dl93-context{font:500 12px/1.4 system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px;opacity:.85}
|
|
.dl93-tool,.dl93-button,.dl93-close{cursor:pointer;font-family:inherit;border:1px solid rgba(231,208,202,.28);border-radius:11px;background:#222332;color:#fbf7fa;min-height:36px;padding:7px 11px;font-size:14px}
|
|
.dl93-tool:hover,.dl93-button:hover,.dl93-close:hover{background:#373344}.dl93-tool:focus-visible,.dl93-button:focus-visible,.dl93-close:focus-visible{outline:2px solid #e9b89c}
|
|
.dl93-tool:first-of-type,.dl93-tool:nth-of-type(2){font-size:19px;min-width:42px}
|
|
.dl93-overlay{position:fixed;inset:0;z-index:2500;background:rgba(8,9,14,.76);display:flex;align-items:center;justify-content:center;padding:18px;color:#f6f2f7;overflow:auto}
|
|
.dl93-sheet{width:min(100%,640px);max-height:92dvh;overflow:auto;border:1px solid rgba(240,214,196,.3);border-radius:22px;background:#211c29;box-shadow:0 18px 65px #000a;padding:20px;box-sizing:border-box;font:14px/1.5 system-ui,sans-serif}
|
|
.dl93-history{width:min(100%,790px)}.dl93-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.dl93-top h3{font-size:21px;margin:0}.dl93-close{font-size:22px;min-width:40px}
|
|
.dl93-summary{background:#181b27;border-radius:12px;padding:10px 13px;margin:12px 0;overflow-wrap:anywhere}.dl93-summary p{margin:5px 0}
|
|
.dl93-field{display:grid;gap:6px;margin:12px 0;color:#f6eef8;font-size:14px}.dl93-field select,.dl93-field textarea{background:#121521;color:#fff;border:1px solid #6a5b6b;padding:11px;border-radius:10px;font:14px/1.5 system-ui,sans-serif;width:100%;box-sizing:border-box;resize:vertical}
|
|
.dl93-hint,.dl93-small{font-size:12px;color:#d4c8d9}.dl93-hint{margin:12px 0}.dl93-small{overflow-wrap:anywhere;margin:7px 0}.dl93-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.dl93-button{background:#654a60}.dl93-neutral{background:#272634}.dl93-error{color:#ffb4ae!important}.dl93-state{min-height:12px;font-size:13px}
|
|
.dl93-panel-body{display:grid;gap:10px}.dl93-panel-body h4{margin:12px 0 2px}.dl93-record{background:#161824;border:1px solid rgba(224,209,224,.15);border-radius:14px;padding:12px}.dl93-record-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dl93-chip{font-size:11px;padding:4px 7px;border-radius:7px;background:#383142;color:#ece6ec}.dl93-rule{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px;border-bottom:1px solid #444;overflow-wrap:anywhere}.dl93-rule span{flex:1}
|
|
.dl93-toast{position:fixed;right:15px;top:16px;z-index:2600;padding:12px;border-radius:12px;background:#221d2a;color:#fff;box-shadow:0 10px 30px #0008}.dl93-transcript{position:fixed;z-index:1100;top:85px;left:15px;padding:8px 12px;background:#242432;color:#f5e9f6;border-radius:9px;font:13px system-ui,sans-serif;max-width:60vw}
|
|
@media(max-width:700px){.dl93-dock{left:10px;right:10px;bottom:7px;transform:none;max-width:none;justify-content:center;padding:7px}.dl93-context{display:none}.dl93-sheet{padding:14px}.dl93-overlay{padding:8px}.dl93-rule{flex-direction:column;align-items:start}}
|