/* CO03 · correctifs issus des captures du véritable iPad Air 5.
   Scope tablette paysage ; aucune modification de la version Windows de référence. */
:root{color-scheme:light}
html,body{background:#d7d4cb!important;color-scheme:light;overscroll-behavior:none}
body.co03-ipad-demo{margin:0;overflow:hidden}
.co03-icon{display:block;width:21px;height:21px;flex:none}
.cassette-config{width:38px;height:38px;display:grid;place-items:center;border-radius:9px}
.cassette-config .co03-icon{width:20px;height:20px}
.home-actions .primary-btn{display:inline-flex;align-items:center;gap:7px}
.home-actions .primary-btn span{margin:0}
.home-actions .co03-icon{width:16px;height:16px}
.top-search .search-icon{display:inline-grid;place-items:center;width:27px;height:27px;flex:0 0 27px;color:#766957}
.top-search .co03-icon{width:22px;height:22px}
#settings-close{appearance:none!important;border:none!important;box-shadow:none!important;background:transparent!important;border-radius:50%!important;width:39px;height:39px;padding:0;display:grid;place-items:center;line-height:1;font-size:27px;color:#756653}
#settings-close:hover{background:#eee8de!important}
#settings-close:focus-visible{outline:2px solid #8d947b;outline-offset:2px}
/* No native blue selection or callout on pen drag SOURCES only;
   input and document prose remain normally selectable/editable. */
[data-trash-draggable], [data-trash-draggable] *:not(input):not(textarea){
 -webkit-user-select:none!important;user-select:none!important;
 -webkit-touch-callout:none;
}
/* Capturing Pencil drags from a row requires disabling native gestures on that row.
   Normal finger scroll remains available on the book paper and surrounding panels. */
[data-trash-draggable]{touch-action:none}
.trash-link{position:relative}
.trash-link.trash-drop-target .trash-object{animation:notulire-trash-tilt .62s ease-in-out infinite}
.trash-drag-ghost{font-weight:600;border-color:#a7b19a}
/* Small, non-interactive version near rail bottom, never over the book buttons. */
.co02-label{left:auto;right:12px;bottom:4px;padding:2px 4px;background:transparent;border:0;box-shadow:none;border-radius:0;z-index:10;max-width:230px;color:#7e756a;font:600 9px/1.25 system-ui;opacity:.72;white-space:nowrap;text-align:right}
.app-version{display:none!important}
/* Explicit intentional light appearance: dark browser chrome must not recolor pages.
   This prevents Safari auto-color-scheme; a browser extension forcing inversion
   is outside the application's control. */
.app-shell,.physical-book,.physical-page,.sidebar,.topbar,.main-area,.settings-dialog{color-scheme:light}
@media (prefers-color-scheme:dark){
 html,body{background:#4a4c45!important}
 .main-area{background:radial-gradient(ellipse at 46% 4%,#eeece5,#c1c3b7 100%)}
 .sidebar{background:linear-gradient(145deg,#e5dfd5,#d2d0c4)}
 .topbar{background:rgba(245,241,232,.88)}
 .physical-page{color:#514a43}
}
@media (pointer:coarse) and (orientation:landscape) and (min-width:781px),
       (any-pointer:coarse) and (orientation:landscape) and (min-width:781px){
 /* Geometry derived from the ACTUAL visible viewport, not the full iPad screen. */
 .app-shell{height:var(--co03-view-height,100dvh)!important;min-height:0;max-height:var(--co03-view-height,100dvh);overflow:hidden}
 .main-area{display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden}
 .topbar{flex:0 0 52px;height:52px!important;min-height:52px!important;padding-inline:clamp(12px,2vw,24px)}
 .top-search{height:35px;min-width:160px}
 .top-right{flex:0 0 auto}
 .content-scroll{flex:1 1 0;display:flex;flex-direction:column;min-height:0;overflow:hidden!important;padding:53px clamp(10px,1.6vw,22px) 8px!important}
 .book-stage{width:100%;height:100%;min-height:0;display:flex;flex-direction:column}
 .physical-book{flex:1 1 0;height:auto!important;min-height:0!important;max-height:none!important}
 .book-controls{flex:0 0 52px;height:52px!important;min-height:52px!important;margin-top:7px!important;padding:3px 3px 0;align-items:flex-start;gap:6px}
 .book-controls .page-arrow,.book-controls .page-tool{padding:8px 9px;min-height:37px;font-size:11px}
 .book-tools{gap:4px}
 .book-counter{font-size:11px}
 .physical-page{padding:clamp(15px,1.75vw,24px)}
 .physical-page .welcome-meta{margin:3px 0 16px}
 .physical-page .welcome-head h1{font-size:clamp(26px,2.5vw,38px);margin-bottom:14px}
 .physical-page .welcome-head p{font-size:12px;line-height:1.55}
 .physical-page .home-actions{margin:19px 0 11px}
 .physical-page .home-note{margin-top:21px;padding:10px 12px}
 .physical-page .home-guide{padding:12px 15px;font-size:12px;line-height:1.55}
 .physical-page .home-guide p{margin-bottom:8px}
 .sidebar{height:100%;max-height:100%;min-height:0;overflow:hidden;padding:15px 13px 16px}
 .sidebar .brand{margin:2px 1px 17px}
 .sidebar-foot{flex:0 0 auto;min-height:0;padding-bottom:22px}
 .sidebar-foot p{font-size:10px;line-height:1.4;margin:8px 0}
 .trash-link{min-height:64px;padding:3px 0}
 .trash-link .trash-object{width:55px;height:62px}
 .project-nav{max-height:none;flex:1 1 auto;min-height:0;overflow-y:auto}
 .physical-page .book-project-intro h2{margin:13px 0 8px}
 .physical-page .book-project-intro p{font-size:12px;line-height:1.6}
 .physical-page .project-leaves-count{margin:14px 0 auto}
 .physical-page .tree-panel-head strong{font-size:21px}
}
@media (prefers-reduced-motion:reduce){.trash-link.trash-drop-target .trash-object{animation:none!important}}