/* Painel lateral de notas: isolado da árvore e guiado pelo tema ativo. */
.cloud-notes-panel,.cloud-notes-tab{--notes-bg:#061d20;--notes-surface:#0a3133;--notes-surface-2:#0d4141;--notes-border:#2dbbb2;--notes-accent:#5df1df;--notes-text:#e3fffb;--notes-muted:#8fc5bf;--notes-action:#ffd34e;--notes-action-text:#352900}
body.theme-cyber .cloud-notes-panel,body.theme-cyber .cloud-notes-tab{--notes-bg:#06132d;--notes-surface:#0b2244;--notes-surface-2:#123160;--notes-border:#00e5ff;--notes-accent:#7ffcff;--notes-text:#e9fdff;--notes-muted:#83b7d7;--notes-action:#00e5ff;--notes-action-text:#06152a}
body.theme-galaxy .cloud-notes-panel,body.theme-galaxy .cloud-notes-tab{--notes-bg:#160b35;--notes-surface:#28154f;--notes-surface-2:#38206b;--notes-border:#b890ff;--notes-accent:#ffe889;--notes-text:#fff7ff;--notes-muted:#cbb9e8;--notes-action:#b890ff;--notes-action-text:#1c0e39}
body.theme-office .cloud-notes-panel,body.theme-office .cloud-notes-tab{--notes-bg:#e8eef2;--notes-surface:#f5f7fa;--notes-surface-2:#ffffff;--notes-border:#62b6cb;--notes-accent:#1f657e;--notes-text:#263746;--notes-muted:#607785;--notes-action:#62b6cb;--notes-action-text:#152b39}
body.theme-hacker .cloud-notes-panel,body.theme-hacker .cloud-notes-tab{--notes-bg:#010a04;--notes-surface:#03170b;--notes-surface-2:#082613;--notes-border:#00e846;--notes-accent:#66ff8f;--notes-text:#caffd8;--notes-muted:#74bd88;--notes-action:#00c83c;--notes-action-text:#001d09}
body.theme-cowboy .cloud-notes-panel,body.theme-cowboy .cloud-notes-tab{--notes-bg:#32170b;--notes-surface:#5b2d18;--notes-surface-2:#6e371d;--notes-border:#f3c36b;--notes-accent:#ffe099;--notes-text:#fff3d0;--notes-muted:#d7b278;--notes-action:#e8a63d;--notes-action-text:#3a1b0c}
body.theme-redrat .cloud-notes-panel,body.theme-redrat .cloud-notes-tab{--notes-bg:#120204;--notes-surface:#30070c;--notes-surface-2:#480b13;--notes-border:#e12639;--notes-accent:#fff0d5;--notes-text:#ffe9ec;--notes-muted:#cf9299;--notes-action:#d3162a;--notes-action-text:#fff7e8}
.cloud-notes-tab{position:fixed;z-index:189;right:0;top:145px;display:flex;width:43px;min-height:170px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:9px 5px;border:1px solid var(--notes-border);border-right:0;border-radius:11px 0 0 11px;background:linear-gradient(160deg,var(--notes-surface-2),var(--notes-bg));color:var(--notes-accent);box-shadow:-8px 10px 28px rgba(0,0,0,.42);cursor:pointer;transition:right .25s ease,filter .2s ease}.cloud-notes-tab:hover{filter:brightness(1.14)}.cloud-notes-tab.open{right:min(390px,calc(100vw - 34px))}.cloud-notes-tab span{font-size:20px}.cloud-notes-tab em{font:700 10px Consolas,monospace;font-style:normal;letter-spacing:1px;line-height:13px;writing-mode:vertical-rl;transform:rotate(180deg)}.cloud-notes-tab b{display:grid;min-width:22px;height:22px;place-items:center;border-radius:50%;background:var(--notes-action);color:var(--notes-action-text);font:700 11px Consolas}.cloud-notes-tab.has-notes b{animation:notesPulse 2.4s ease-in-out infinite}@keyframes notesPulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--notes-action) 20%,transparent)}}
.cloud-notes-panel{position:fixed;z-index:190;top:45px;right:0;bottom:0;width:min(390px,calc(100vw - 34px));box-sizing:border-box;padding:15px;overflow:hidden;border-left:1px solid var(--notes-border);background:linear-gradient(160deg,var(--notes-bg),color-mix(in srgb,var(--notes-bg) 88%,#000));color:var(--notes-text);box-shadow:-20px 0 55px rgba(0,0,0,.52);font-family:Consolas,"Segoe UI",sans-serif;transform:translateX(105%);transition:transform .25s ease}.cloud-notes-panel.open{transform:translateX(0)}.cloud-notes-panel header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--notes-border) 48%,transparent)}.cloud-notes-panel header small{color:var(--notes-accent);font-size:9px;letter-spacing:1.5px}.cloud-notes-panel h2{margin:5px 0 0;color:var(--notes-text);font-size:18px}.cloud-notes-close{border:0;background:transparent;color:var(--notes-muted);font-size:25px;cursor:pointer}.cloud-notes-panel form{margin:13px 0 10px;padding:10px;border:1px solid color-mix(in srgb,var(--notes-border) 62%,transparent);border-radius:10px;background:var(--notes-surface)}.cloud-notes-panel textarea{box-sizing:border-box;width:100%;height:72px;resize:vertical;padding:9px;border:1px solid color-mix(in srgb,var(--notes-border) 55%,transparent);border-radius:7px;outline:0;background:color-mix(in srgb,var(--notes-bg) 82%,#000);color:var(--notes-text);font:12px/1.45 Consolas,"Segoe UI",sans-serif}.cloud-notes-panel textarea:focus,.cloud-notes-panel select:focus,.cloud-notes-panel input:focus{border-color:var(--notes-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--notes-accent) 16%,transparent)}.cloud-note-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.cloud-notes-panel label{display:flex;flex-direction:column;gap:4px;color:var(--notes-muted);font-size:9px;letter-spacing:.5px}.cloud-notes-panel select,.cloud-notes-panel input{box-sizing:border-box;width:100%;height:31px;padding:0 7px;border:1px solid color-mix(in srgb,var(--notes-border) 45%,transparent);border-radius:6px;outline:0;background:var(--notes-bg);color:var(--notes-text);font:10px Consolas}.cloud-note-device-label{margin-top:8px}.cloud-note-form-actions{display:flex;gap:7px;margin-top:9px}.cloud-note-form-actions button{height:32px;padding:0 10px;border:1px solid var(--notes-border);border-radius:6px;background:var(--notes-action);color:var(--notes-action-text);font:700 9px Consolas;cursor:pointer}.cloud-note-form-actions button:disabled{opacity:.55;cursor:wait}#cloudNoteCancel{border-color:color-mix(in srgb,var(--notes-border) 48%,transparent);background:transparent;color:var(--notes-muted)}
.cloud-note-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:10px}.cloud-note-filters button{height:28px;border:1px solid color-mix(in srgb,var(--notes-border) 40%,transparent);border-radius:6px;background:transparent;color:var(--notes-muted);font:700 8px Consolas;cursor:pointer}.cloud-note-filters button.active{border-color:var(--notes-border);background:var(--notes-surface-2);color:var(--notes-accent)}.cloud-notes-list{height:calc(100% - 328px);padding-right:3px;overflow:auto;scrollbar-color:var(--notes-border) transparent}.cloud-note{position:relative;margin-bottom:8px;padding:10px;border:1px solid color-mix(in srgb,var(--notes-border) 45%,transparent);border-left:4px solid #4ba8e8;border-radius:8px;background:var(--notes-surface);box-shadow:0 6px 18px rgba(0,0,0,.14)}.cloud-note.high{border-left-color:#f0c746}.cloud-note.urgent,.cloud-note.overdue{border-left-color:#ff5268}.cloud-note.done{opacity:.64}.cloud-note.done p{text-decoration:line-through}.cloud-note-head{display:flex;align-items:center;justify-content:space-between;gap:7px;color:var(--notes-muted);font:700 8px Consolas}.cloud-note-head time{white-space:nowrap}.cloud-note.overdue .cloud-note-head time{color:#ff7688}.cloud-note p{margin:8px 0;color:var(--notes-text);font:12px/1.45 "Segoe UI",Consolas,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.cloud-note>small{display:block;color:var(--notes-muted);font-size:9px}.cloud-note-actions{display:flex;gap:5px;margin-top:9px}.cloud-note-actions button{height:25px;padding:0 7px;border:1px solid color-mix(in srgb,var(--notes-border) 55%,transparent);border-radius:5px;background:transparent;color:var(--notes-accent);font:700 8px Consolas;cursor:pointer}.cloud-note-actions button:hover{background:var(--notes-surface-2)}.cloud-note-actions button.danger{margin-left:auto;border-color:#b8445b;color:#ff8295}.cloud-notes-empty{padding:35px 15px;border:1px dashed color-mix(in srgb,var(--notes-border) 42%,transparent);border-radius:9px;color:var(--notes-muted);text-align:center;font:11px/1.5 Consolas}@media(max-width:700px){.cloud-notes-panel{top:45px}.cloud-notes-tab{top:120px}.cloud-note-fields{grid-template-columns:1fr}.cloud-notes-list{height:calc(100% - 365px)}}
.cloud-utilities-tab{top:326px;min-height:154px}.cloud-utilities-panel{display:flex;flex-direction:column}.cloud-utilities-intro{margin:14px 0;padding:10px;border:1px solid color-mix(in srgb,var(--notes-border) 45%,transparent);border-radius:8px;background:var(--notes-surface);color:var(--notes-muted);font:11px/1.5 Consolas}.cloud-utilities-list{display:grid;gap:10px}.cloud-utilities-list>button{display:grid;grid-template-columns:40px 1fr;gap:2px 10px;align-items:center;padding:14px;border:1px solid color-mix(in srgb,var(--notes-border) 52%,transparent);border-radius:10px;background:linear-gradient(145deg,var(--notes-surface),var(--notes-surface-2));color:var(--notes-text);text-align:left;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.16)}.cloud-utilities-list>button:hover{border-color:var(--notes-accent);filter:brightness(1.1);transform:translateX(-2px)}.cloud-utilities-list span{grid-row:1/3;font-size:27px;text-align:center}.cloud-utilities-list b{color:var(--notes-accent);font:700 12px Consolas}.cloud-utilities-list small{color:var(--notes-muted);font:10px/1.4 Consolas}.cloud-utilities-tab.open{right:min(390px,calc(100vw - 34px))}
.cloud-display-module{margin:0 0 12px;padding:11px;border:1px solid color-mix(in srgb,var(--notes-border) 60%,transparent);border-radius:10px;background:var(--notes-surface)}.cloud-display-module>b,.cloud-display-module>small{display:block}.cloud-display-module>b{color:var(--notes-accent);font:700 12px Consolas}.cloud-display-module>small{margin:5px 0 9px;color:var(--notes-muted);font:9px/1.4 Consolas}.cloud-display-module>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.cloud-display-module button{height:31px;border:1px solid color-mix(in srgb,var(--notes-border) 68%,transparent);border-radius:6px;background:var(--notes-surface-2);color:var(--notes-text);font:700 9px Consolas;cursor:pointer}.cloud-display-module button.active{border-color:var(--notes-accent);background:var(--notes-accent);color:#071219;box-shadow:0 0 12px color-mix(in srgb,var(--notes-accent) 34%,transparent)}
.cloud-notes-panel{top:40px}
.cloud-utilities-panel{overflow-y:auto;scrollbar-color:var(--notes-border) transparent}
.cloud-alert-preferences{margin:0 0 12px;padding:11px;border:1px solid color-mix(in srgb,var(--notes-border) 60%,transparent);border-radius:10px;background:var(--notes-surface)}.cloud-alert-preferences>b,.cloud-alert-preferences>small{display:block}.cloud-alert-preferences>b{color:var(--notes-accent);font:700 12px Consolas}.cloud-alert-preferences>small{margin:5px 0 9px;color:var(--notes-muted);font:9px/1.4 Consolas}.cloud-alert-preferences>div{display:grid;gap:5px}.cloud-alert-preferences button{display:grid;grid-template-columns:25px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:1px 7px;padding:7px;border:1px solid color-mix(in srgb,var(--notes-border) 38%,transparent);border-radius:7px;background:color-mix(in srgb,var(--notes-bg) 78%,#000);color:var(--notes-text);text-align:left;cursor:pointer}.cloud-alert-preferences button>span{grid-row:1/3;font-size:17px}.cloud-alert-preferences button>b{font:700 9px Consolas}.cloud-alert-preferences button>small{color:var(--notes-muted);font:8px/1.3 Consolas}.cloud-alert-preferences button>i{grid-column:3;grid-row:1/3;padding:4px 6px;border-radius:9px;background:#5b6470;color:#e4e7eb;font:700 7px Consolas;font-style:normal}.cloud-alert-preferences button.active{border-color:var(--notes-accent);background:color-mix(in srgb,var(--notes-surface-2) 88%,var(--notes-accent))}.cloud-alert-preferences button.active>i{background:var(--notes-accent);color:#071219}.cloud-alert-preferences button:disabled{opacity:.6;cursor:wait}

.cloud-evidence-preview{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:end;margin:8px 0}.cloud-evidence-preview img{display:block;width:100%;max-height:150px;object-fit:cover;border:1px solid var(--notes-border);border-radius:6px}.cloud-evidence-preview button{height:25px;border:1px solid #b8445b;border-radius:5px;background:transparent;color:#ff8295;font:700 8px Consolas;cursor:pointer}

.cloud-evidence-preview{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:end;margin:8px 0}.cloud-evidence-preview img{display:block;width:100%;max-height:150px;object-fit:cover;border:1px solid var(--notes-border);border-radius:6px}.cloud-evidence-preview button{height:25px;border:1px solid #b8445b;border-radius:5px;background:transparent;color:#ff8295;font:700 8px Consolas;cursor:pointer}
