/* Additions to the approved prototype HTML. Original sidebar/list/detail CSS is retained. */
body.prototype-web{background:#f3f4f6;overflow:hidden}
.prototype-web .view-area{height:100vh;padding:12px 20px 20px}
.prototype-web .side-item,.prototype-web .search-wrap input,.prototype-web .entry-user,.prototype-web .field-value,.prototype-web .field-label{font-size:var(--web-text,20px)}
.prototype-web .fluent-icon{fill:currentColor;stroke:none;stroke-width:0;width:24px;height:24px}
.prototype-web .sprite{background-image:none}
.prototype-web .side-icon,.prototype-web .avatar,.prototype-web .avatar-small,.prototype-web .vault-small,.prototype-web .category-icon{display:inline-flex;align-items:center;justify-content:center;color:#577285}
.prototype-web .avatar{background:#d5e5eb;border-radius:7px;color:#14707a}
.prototype-web .window-controls{display:none}
.prototype-web .sidebar-catalog{position:absolute;top:477px;left:0;right:0;bottom:125px;overflow:auto}
.prototype-web .sidebar-catalog .side-group-title{position:relative;left:auto;right:auto;top:auto;margin:0 23px 8px 29px}
.prototype-web .sidebar-catalog .side-item{position:relative;left:auto;right:auto;top:auto;display:flex;width:calc(100% - 19px);margin:0 10px 0 9px}
.prototype-web .sidebar-catalog .side-group-title:not(:first-child){margin-top:22px}
.web-key-mark{display:inline-flex!important;align-items:center;justify-content:center;border-radius:10px;color:white;background:#0874ed}
.web-key-mark .fluent-icon{width:27px;height:27px}
.hero .web-key-mark .fluent-icon{width:42px;height:42px}
.prototype-web .hero .web-key-mark .fluent-icon{color:white}
.web-favorite{color:#f8b217;margin-left:12px;font-size:32px}
.web-trash{padding:14px;border:1px solid #ddd;border-radius:8px;margin:0 0 20px;color:#687283}
.web-trash button{font-size:18px;margin-right:8px}
.web-fields{border-top:1px solid #ddd;margin-top:20px;padding-top:8px}
.web-fields [data-field-row]{border-bottom:1px solid #e5e7eb;padding-bottom:16px}
.web-field-tools{display:flex;gap:8px;margin:12px 0}.web-field-tools button{font-size:18px;border:1px solid #d2d7df;padding:5px 10px;border-radius:5px}
.edit-form textarea{width:100%;min-height:110px;font:inherit;border:1px solid #d2d7df;border-radius:7px;padding:8px;-webkit-text-security:disc}
.edit-form .editor-buttons{position:sticky;bottom:0;background:white;z-index:2}
#cloud-page{position:absolute;left:325px;top:68px;right:0;bottom:0;overflow:auto;background:white;z-index:8;padding:32px 36px;font-size:20px}
#cloud-page h1{font-size:24px;margin:0 0 24px}#cloud-page h2{font-size:20px;margin:0 0 16px}
.cloud-card{max-width:760px;padding:22px;border:1px solid #dfe2e7;border-radius:9px;margin-bottom:18px}
.cloud-card label{display:block;color:#667085;margin:12px 0 6px}.cloud-card input:not([type=checkbox]),.cloud-card select{width:100%;font:inherit;height:38px;padding:5px 10px;border:1px solid #d2d7df;border-radius:6px}
.cloud-card input[type=checkbox]{width:18px;height:18px;vertical-align:middle}
.cloud-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.cloud-actions button,#cloud-page button{font:inherit;min-height:38px;padding:5px 14px;border:1px solid #d2d7df;border-radius:6px;background:white;cursor:pointer}
.cloud-actions button.primary{background:#0874ed;color:white;border-color:#0874ed}
#cloud-page table{border-collapse:collapse;width:100%;font:inherit}#cloud-page td,#cloud-page th{text-align:left;padding:10px;border-bottom:1px solid #eee;font-weight:normal}
#login{position:fixed;inset:0;background:#f3f4f6;z-index:100;display:grid;place-items:center;font:12px/1.5 "Microsoft YaHei UI","Segoe UI",sans-serif}#login .cloud-card{background:white;width:320px;max-width:calc(100vw - 40px);padding:24px}#login h1{font-size:16px;margin:0 0 24px}#login input:not([type=checkbox]){height:28px}#login button{font:inherit;height:28px;border:0;border-radius:4px;background:#0874ed;color:white;padding:0 16px}
.muted{color:#667085}.cloud-error{color:#ba3030;white-space:pre-wrap;margin-top:10px}
body:has(#login:not([hidden])) .view-area{display:none}
@media(max-width:700px){.prototype-web .view-area{padding:8px}.prototype-web .dialog{width:calc(100vw - 24px);font-size:14px}.prototype-web .dialog input,.prototype-web .dialog select{font-size:14px}}