.notebook-boundary{display:flex;gap:14px;align-items:center;margin:0 0 22px;padding:15px 18px;border:1px solid #e6ded2;border-radius:18px;background:linear-gradient(135deg,#fffaf4,#f5faf8);color:#43565b}.notebook-boundary>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f5ded3;color:#c76443;font-size:20px}.notebook-boundary strong,.notebook-boundary p{display:block;margin:0}.notebook-boundary p{margin-top:3px;font-size:13px;color:#738084}.notebook-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.notebook-toolbar label,.notebook-page-list>label{display:flex;align-items:center;gap:8px;border:1px solid #dde5e2;background:#fff;border-radius:14px;padding:0 13px}.notebook-toolbar input,.notebook-page-list input{border:0!important;box-shadow:none!important;background:transparent!important;min-height:44px}.notebook-toolbar small{color:#7b8989}.notebook-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px;padding:8px 5px 30px}.notebook-cover{--cover:#7fa79b;--cover-dark:#527b70;position:relative;min-height:285px;filter:drop-shadow(0 14px 16px rgba(29,43,48,.13));transition:transform .2s ease,filter .2s ease}.notebook-cover:hover{transform:translateY(-5px) rotate(-.35deg);filter:drop-shadow(0 20px 22px rgba(29,43,48,.17))}.notebook-cover.color-terracotta{--cover:#d98262;--cover-dark:#ad543a}.notebook-cover.color-serenity{--cover:#7698b3;--cover-dark:#4a6e89}.notebook-cover.color-lavender{--cover:#908ba8;--cover-dark:#66617e}.notebook-cover.color-sand{--cover:#b49a73;--cover-dark:#836b49}.notebook-cover.color-navy{--cover:#364a63;--cover-dark:#223247}.notebook-open{position:relative;width:100%;height:250px;overflow:hidden;border:0;border-radius:8px 19px 19px 8px;background:linear-gradient(120deg,var(--cover-dark),var(--cover) 22%,var(--cover) 84%,var(--cover-dark));color:#fff;text-align:left;padding:26px 24px 22px 38px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13),inset -8px 0 14px rgba(20,30,35,.16);cursor:pointer}.notebook-open:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.13) .7px,transparent .7px);background-size:6px 6px;pointer-events:none}.notebook-spine{position:absolute;z-index:2;left:12px;top:0;bottom:0;width:5px;border-left:1px solid rgba(255,255,255,.32);border-right:1px solid rgba(0,0,0,.17);box-shadow:4px 0 10px rgba(0,0,0,.12)}.notebook-elastic{position:absolute;z-index:3;right:18px;top:0;bottom:0;width:8px;background:rgba(25,31,35,.54);box-shadow:0 0 4px rgba(255,255,255,.2)}.notebook-label{position:relative;z-index:2;display:flex;flex-direction:column;width:calc(100% - 16px);min-height:122px;padding:18px 17px;border-radius:5px;background:rgba(255,252,244,.94);color:#26383d;box-shadow:0 2px 3px rgba(0,0,0,.12)}.notebook-label small{text-transform:uppercase;letter-spacing:.17em;font-size:9px;color:var(--cover-dark);font-weight:800}.notebook-label strong{margin:12px 0 7px;font-family:Georgia,serif;font-size:21px;line-height:1.12}.notebook-label em{font-style:normal;font-size:12px;color:#748080}.notebook-meta{position:absolute;z-index:2;left:38px;right:34px;bottom:18px;font-size:11px;color:rgba(255,255,255,.86);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notebook-card-actions{display:flex;justify-content:center;gap:8px;margin-top:10px}.notebook-card-actions button{border:0;background:transparent;color:#637475;font-size:12px;cursor:pointer}.notebook-card-actions button:hover{color:#c85f42}.notebook-cover.archived{filter:grayscale(.45);opacity:.72}.archived-notebooks{margin-top:16px;border-top:1px solid #dfe6e3;padding-top:20px}.archived-notebooks summary{cursor:pointer;font-weight:700;color:#647477}.notebook-swatches{display:grid;grid-template-columns:repeat(6,minmax(60px,1fr));gap:10px;margin:0;padding:0;border:0}.notebook-swatches legend{margin-bottom:9px;font-weight:700}.notebook-swatches label{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.notebook-swatches input{position:absolute;opacity:0}.notebook-swatches span{width:38px;height:38px;border-radius:12px;background:#7fa79b;border:3px solid #fff;box-shadow:0 0 0 1px #cfd9d5}.notebook-swatches input:checked+span{box-shadow:0 0 0 3px #243b45;transform:scale(1.05)}.notebook-swatches small{font-size:10px;color:#6f7f81}.notebook-swatches .swatch-terracotta span{background:#d98262}.notebook-swatches .swatch-serenity span{background:#7698b3}.notebook-swatches .swatch-lavender span{background:#908ba8}.notebook-swatches .swatch-sand span{background:#b49a73}.notebook-swatches .swatch-navy span{background:#364a63}.notebook-worktop-head{display:flex;align-items:center;gap:22px;margin-bottom:15px}.notebook-worktop-head>div:nth-child(2){flex:1}.notebook-worktop-head h2,.notebook-worktop-head p{margin:2px 0}.notebook-back{align-self:flex-start;border:0;background:#eef4f2;border-radius:12px;padding:10px 13px;color:#315d59;cursor:pointer}.notebook-privacy-chip{display:inline-flex;margin:0 0 16px 154px;padding:7px 12px;border-radius:999px;background:#e8f4ef;color:#27766d;font-size:11px;font-weight:800}.notebook-desk{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;min-height:610px;padding:18px;border-radius:24px;background:#dde5df;background-image:linear-gradient(135deg,rgba(255,255,255,.45),transparent 45%);box-shadow:inset 0 0 0 1px #d0dbd5}.notebook-page-list{display:flex;flex-direction:column;gap:7px;padding:10px;border-radius:16px;background:rgba(249,251,249,.78);overflow:auto}.notebook-page-list>label{margin-bottom:8px}.notebook-page-list>button{display:grid;grid-template-columns:18px 1fr;gap:2px 7px;text-align:left;border:1px solid transparent;background:transparent;border-radius:12px;padding:11px;color:#526164;cursor:pointer}.notebook-page-list>button span{grid-row:1/3;color:#d07657}.notebook-page-list>button strong{font-size:13px}.notebook-page-list>button small{font-size:10px;color:#869292}.notebook-page-list>button:hover,.notebook-page-list>button.active{background:#fff;border-color:#dbe2df;box-shadow:0 5px 14px rgba(44,62,66,.07)}.notebook-paper{position:relative;display:flex;flex-direction:column;min-width:0;padding:42px 48px 28px 70px;border-radius:7px 15px 15px 7px;background:#fffdf7;background-image:linear-gradient(90deg,transparent 45px,#efc6b9 46px,#efc6b9 47px,transparent 48px),repeating-linear-gradient(#fffdf7 0,#fffdf7 31px,#dce8e6 32px);box-shadow:0 12px 24px rgba(42,53,54,.15),inset 8px 0 12px rgba(50,50,40,.04)}.notebook-paper:before{content:"";position:absolute;left:17px;top:0;bottom:0;width:10px;background:repeating-linear-gradient(to bottom,#7d8586 0,#7d8586 9px,transparent 9px,transparent 22px);opacity:.45}.notebook-paper header{display:flex;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid rgba(219,229,225,.8)}.notebook-paper header span,.notebook-paper header small{font-size:10px;color:#83908e}.notebook-paper h3{margin:5px 0;font-family:Georgia,serif;font-size:27px;color:#24353d}.notebook-paper-actions{display:flex;gap:6px;align-items:flex-start}.notebook-paper-actions button{border:1px solid #dce4e1;background:rgba(255,255,255,.78);border-radius:9px;padding:7px 9px;color:#627173;cursor:pointer;font-size:11px}.notebook-paper article{flex:1;padding:22px 0;line-height:32px;color:#39484b;white-space:normal}.notebook-paper footer{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid #e2e9e5;color:#7b8988;font-size:12px}.convert-note-button{border:0;border-radius:11px;background:#f3d9cb;color:#a7482e;padding:11px 14px;font-weight:800;cursor:pointer}.converted-chip{padding:8px 11px;border-radius:999px;background:#e3f2eb;color:#267266;font-weight:800}.notebook-paper-input{min-height:320px!important;line-height:1.7;background-color:#fffdf7!important;background-image:repeating-linear-gradient(#fffdf7 0,#fffdf7 31px,#dce8e6 32px)!important}.hidden[data-notebook-patient]{display:none!important}
@media(max-width:900px){.notebook-desk{grid-template-columns:1fr}.notebook-page-list{max-height:220px}.notebook-worktop-head{align-items:flex-start;flex-wrap:wrap}.notebook-worktop-head .header-actions{width:100%}.notebook-privacy-chip{margin-left:0}.notebook-paper{min-height:520px;padding:35px 25px 25px 56px}.notebook-paper header{flex-direction:column}.notebook-swatches{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.notebook-shelf{grid-template-columns:1fr 1fr;gap:14px}.notebook-cover{min-height:235px}.notebook-open{height:205px;padding:20px 16px 18px 30px}.notebook-label{padding:12px;min-height:105px}.notebook-label strong{font-size:16px}.notebook-meta{left:30px;bottom:12px}.notebook-desk{padding:8px}.notebook-paper{padding:28px 16px 20px 48px}.notebook-paper-actions{flex-wrap:wrap}.notebook-toolbar{align-items:stretch;flex-direction:column;gap:8px}}

/* Mantém o formulário de capa sempre dentro do modal, inclusive com zoom. */
.modal-card{overflow-x:hidden}
.modal-card #modal-content,.modal-card #modal-content form,.notebook-form,.notebook-form>*{min-width:0;max-width:100%;box-sizing:border-box}
.notebook-form input,.notebook-form select,.notebook-form textarea{min-width:0;max-width:100%;box-sizing:border-box}
.notebook-swatches{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));width:100%;max-width:100%;gap:12px 8px;overflow:hidden}
.notebook-swatches label{min-width:0}
.notebook-swatches input[type="radio"]{width:1px!important;height:1px!important;min-width:0!important;max-width:1px!important;inset:auto!important;clip-path:inset(50%)}
.notebook-swatches .swatch-custom>span{background:var(--custom-swatch,#c8785c)}
.notebook-swatches .custom-color-input{position:static;width:48px!important;height:24px!important;min-width:48px!important;opacity:1;padding:2px;border:1px solid #d6dfdb;border-radius:8px;background:#fff;cursor:pointer}
.notebook-label{width:auto;max-width:calc(100% - 16px);min-width:0;box-sizing:border-box;overflow:hidden}
.notebook-label strong,.notebook-label em{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}
.notebook-label strong{font-size:clamp(17px,1.45vw,21px)}
.notebook-label em{white-space:normal;line-height:1.25}
.notebook-demo-guide{display:flex;align-items:center;gap:16px;margin:-4px 0 18px;padding:18px 20px;border:1px solid #efcdbc;border-radius:18px;background:linear-gradient(120deg,#fff1e9,#fffaf5 58%,#eef7f4);box-shadow:0 8px 24px rgba(177,91,61,.07)}
.notebook-demo-guide>span{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:15px;background:#ed7c5b;color:#fff;font-size:21px;box-shadow:0 7px 15px rgba(214,102,70,.22)}
.notebook-demo-guide small{display:block;margin-bottom:4px;color:#cf6546;font-size:10px;font-weight:900;letter-spacing:.16em}.notebook-demo-guide strong{display:block;color:#263b42;font-size:15px}.notebook-demo-guide p{margin:4px 0 0;color:#748184;font-size:12px}
@media(max-width:900px){.notebook-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.notebook-demo-guide{align-items:flex-start;padding:15px}.notebook-demo-guide>span{flex-basis:38px;height:38px}.notebook-demo-guide strong{font-size:13px}}