/* Visual finish only. Existing routes, controls and data remain owned by the app. */
:root{--icoa-shadow-soft:0 12px 36px -18px #26374638;--icoa-focus:#657a53}
button,input,textarea,select{font-family:inherit}
button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--icoa-focus);outline-offset:3px}
input:focus-visible,textarea:focus-visible{outline:2px solid #657a5366;outline-offset:2px}
button:disabled{cursor:not-allowed}
.dialog{max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 90px -24px #14211a66;border:1px solid #ffffff75}
.dialog h2{overflow-wrap:break-word}
.collection-shell,.assistant-shell,.calendar-shell{box-shadow:var(--icoa-shadow-soft)}
.collection-choice,.collection-book{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.collection-book{box-shadow:2px 3px 4px #34291f26,7px 12px 17px -5px #34291f30,17px 23px 29px -13px #34291f2b}
.collection-choice.is-selected .collection-book{box-shadow:2px 4px 5px #34291f30,9px 16px 22px -7px #34291f38,20px 27px 37px -15px #34291f30}
.collection-header .button,.collection-controls .tabs button,.collection-controls .searchbox input,.collection-open{font-size:12px}
.collection-detail .muted,.collection-choice-name,.collection-preview-label,.collection-bottom{color:#687160;font-size:11px;line-height:1.6}
.collection-detail h2{overflow-wrap:break-word}
.collection-preview-left strong,.collection-preview-right strong{overflow-wrap:anywhere}
.collection-findings b{font-size:12px}.collection-findings small{font-size:11px}
.collection-arrow{width:38px;height:38px;box-shadow:0 2px 8px #493c2920}
.collection-dots button{position:relative}.collection-dots button:before{content:'';position:absolute;inset:-8px;border-radius:50%}
body[data-icoa-view="reader"] .page-label{font-size:12px}
body[data-icoa-view="reader"] .reader-note{font-size:12px}
body[data-icoa-view="reader"] .sheet{box-shadow:inset 10px 0 17px -16px #1f251f70,1px 2px #d8d0bf,1px 5px #eee8d8,1px 7px #c2b9a5,0 12px 24px -16px #26374640}
body[data-icoa-view="reader"] .sheet img{max-width:100%;height:auto;object-fit:contain}
body[data-icoa-view="reader"] .reader-tools{align-items:flex-start;flex-wrap:wrap}
body[data-icoa-view="reader"] .reader-tools .row{flex-wrap:wrap}
body[data-icoa-view="reader"] .sheet .typewritten{overflow-wrap:anywhere}
.assistant-compose{box-shadow:0 4px 16px -7px #26374624}
.assistant-service-note,.assistant-breadcrumb,.assistant-breadcrumb button,.assistant-context-chip{font-size:12px;color:#697562}
.assistant-usage{font-size:11px;color:#707b66}
.assistant-context-chip svg{flex-shrink:0}
.calendar-month-arrows .button{width:38px;min-height:38px}
.calendar-entry small,.calendar-more{font-size:10px;color:#647456}
.calendar-month-footer{font-size:10px;color:#6e775e}
.icoa-editor-toolbar select,.icoa-editor-toolbar input{font-family:inherit;font-size:12px}
.icoa-editor-page{box-shadow:0 2px 5px #26374614,0 15px 42px -14px #26374635}
@media(max-width:700px){
 input,textarea,select,.assistant-compose textarea{font-size:16px!important}
 .dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px}
 .dialog-footer{flex-wrap:wrap;gap:8px}.dialog-footer .button{flex:1 1 auto;min-height:44px}
 .collection-sidebar nav,.assistant-sidebar nav,.calendar-sidebar nav{flex-wrap:wrap;row-gap:5px}
 .collection-sidebar nav button,.assistant-sidebar nav button,.calendar-sidebar nav button{min-height:42px;font-size:11px;gap:6px}
 .collection-controls .searchbox{max-width:100%;width:100%}.collection-controls .searchbox input{min-width:0}
 .collection-carousel{overflow:clip}
 .collection-header .button{font-size:11px}
 .collection-detail h3{font-size:13px}
 .collection-bottom{font-size:10px;flex-wrap:wrap}
 body[data-icoa-view="reader"] .reader-tools .button{min-height:42px;font-size:11px}
 body[data-icoa-view="reader"] .page-list{max-width:100%}
 .assistant-compose-area{padding-bottom:max(15px,env(safe-area-inset-bottom));background:linear-gradient(#fffefb00,#fffefb 19px)}
 .assistant-context-chip{font-size:11px}.assistant-service-note{font-size:11px}
 .icoa-editor-toolbar{scroll-padding:12px}.icoa-editor-toolbar>*{flex-shrink:0}
}
@media(prefers-reduced-motion:reduce){.collection-book,.collection-choice,.icoa-home-action{transition:none!important}}

/* The existing color buttons used a different class from their old stylesheet. */
.icoa-editor-toolbar .icoa-color-tool{width:27px;height:27px;min-width:27px;flex:0 0 27px;padding:0;border:3px solid #fffdf7;border-radius:50%;box-shadow:0 0 0 1px #b8b9ae;cursor:pointer}
.icoa-editor-toolbar .icoa-color-tool[aria-pressed="true"]{box-shadow:0 0 0 2px #566052}
@media(max-width:700px){
 .collection-sidebar nav,.assistant-sidebar nav,.calendar-sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-left:0;width:100%}
 .collection-sidebar nav button,.assistant-sidebar nav button,.calendar-sidebar nav button{display:flex;flex-direction:column;justify-content:center;padding:9px 3px;font-size:11px;min-width:0}
 .collection-sidebar nav svg,.assistant-sidebar nav svg,.calendar-sidebar nav svg{width:18px;height:18px}
}
@media(max-width:600px){
 .collection-carousel{height:242px;overflow-x:clip;overflow-y:visible}
 .collection-choice{width:36%;max-width:145px;bottom:36px}
 .collection-choice-name{font-size:10px;top:calc(100% + 14px)}
 .collection-dots{margin-top:6px}
}