/* InkDOS 2.4 — presentation-only localization/settings layer. */
.inkdos-settings-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:auto;padding:10px 0 0;border-top:1px solid var(--line,var(--frame-line,#d7dce2));min-inline-size:0}
.inkdos-settings-button{min-width:0;min-height:48px;padding:6px 4px;border:0;border-radius:10px;background:transparent;color:inherit;display:grid;place-items:center;align-content:center;gap:3px;font:500 11px/1.15 system-ui,sans-serif;cursor:pointer;overflow:hidden}
.inkdos-settings-button:hover,.inkdos-settings-button:focus-visible,.inkdos-settings-button[aria-expanded="true"]{background:var(--toolbar-hover,var(--frame-hover,rgba(60,64,67,.08)));outline:none}
.inkdos-settings-icon{font:600 17px/1 system-ui,sans-serif;white-space:nowrap}
.inkdos-settings-label{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inkdos-settings-popover{position:fixed;z-index:10050;width:min(286px,calc(100vw - 24px));max-inline-size:calc(100vw - 24px);max-height:min(62vh,520px);overflow:auto;padding:8px;border:1px solid var(--line,var(--frame-line,#d7dce2));border-radius:14px;background:var(--chrome,var(--frame-chrome,#fff));color:var(--text,var(--frame-text,#202124));box-shadow:0 18px 54px rgba(0,0,0,.22);overflow-wrap:anywhere}
/* First-open click safety: hidden fixed layers must never remain hit-testable, even if a host/WebKit stylesheet gives the base class a display value. */
.inkdos-settings-popover[hidden],.backdrop[hidden],.loading-overlay[hidden],.error-overlay[hidden]{display:none!important;pointer-events:none!important;visibility:hidden!important}
.inkdos-settings-popover-title{padding:7px 9px 8px;font:600 12px/1.2 system-ui,sans-serif;color:var(--muted,var(--frame-muted,#5f6368));text-transform:none;letter-spacing:.01em}
.inkdos-settings-option{width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left;font:500 13px/1.3 system-ui,sans-serif;cursor:pointer;overflow-wrap:anywhere}
.inkdos-settings-option:hover,.inkdos-settings-option:focus-visible,.inkdos-settings-option.active{background:var(--toolbar-hover,var(--frame-hover,rgba(60,64,67,.08)));outline:none}
.inkdos-settings-help-note{padding:8px 10px;color:var(--muted,var(--frame-muted,#5f6368));font:400 12px/1.45 system-ui,sans-serif;overflow-wrap:anywhere}
[data-inkdos-settings-redundant]{display:none!important}
[data-settings-item]{min-inline-size:0}
@media(max-width:420px){.inkdos-settings-strip{gap:3px}.inkdos-settings-button{padding-inline:2px}.inkdos-settings-label{font-size:10px}.inkdos-settings-popover{width:min(270px,calc(100vw - 16px));max-inline-size:calc(100vw - 16px)}}
/* Frame actions (header Open/Save, Settings, Share; Help in status bar) */
.inkdos-frame-actions .frame-left,.inkdos-frame-actions .inkdos-frame-right{display:flex;align-items:center;gap:4px}
.inkdos-frame-actions .inkdos-frame-right{justify-content:flex-end}
header .inkdos-frame-action{display:inline-grid;place-items:center}
header .inkdos-frame-action svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.inkdos-frame-action:disabled{opacity:.4;cursor:default}
.inkdos-status-help{margin-left:auto;width:26px;height:26px;min-width:26px;min-height:26px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;flex:0 0 auto}
.inkdos-status-help svg{width:16px;height:16px}
.inkdos-status-help:hover,.inkdos-frame-action:hover:not(:disabled){background:var(--toolbar-hover,rgba(0,0,0,.06))}
.inkdos-settings-section{margin-top:8px;padding-top:8px;border-top:1px solid var(--line,var(--frame-line,#d7dce2))}
.inkdos-settings-segment{display:flex;gap:4px;padding:3px;border:1px solid var(--line,var(--frame-line,#d7dce2));border-radius:10px}
.inkdos-settings-segment .inkdos-settings-option{flex:1;text-align:center;margin:0}
.inkdos-frame-actions .frame-left{max-width:none}
.inkdos-frame-actions .framebar>.inkdos-frame-right{margin-left:auto;position:relative;z-index:2;gap:6px}
.framebar .inkdos-frame-action{width:40px;height:40px;min-width:40px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;cursor:pointer;padding:0}
.inkdos-settings-segment .inkdos-settings-option{white-space:nowrap;padding-inline:6px;font-size:12px}
/* Header: InkDOS Hub | file title centred | brush + menu. Both sides share one width so the title stays centred. */
.inkdos-frame-actions header{display:grid!important;grid-template-columns:var(--ink-side,1fr) minmax(0,1fr) var(--ink-side,1fr);align-items:center;gap:6px}
.inkdos-frame-actions header>:first-child{justify-self:start}
.inkdos-frame-actions header>:last-child{justify-self:end;justify-content:flex-end}
.inkdos-frame-actions header>:nth-child(2){justify-self:center;min-width:0;max-width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.inkdos-frame-actions header>:nth-child(2) input{flex:0 1 auto;min-width:0;max-width:100%;text-align:center}
@media (max-width:640px){
.inkdos-frame-actions header .inkdos-frame-action{width:34px;min-width:34px;height:34px}
}
/* Shared Save menu */
.inkdos-save-overlay{position:fixed;inset:0;z-index:10060;display:grid;place-items:center;padding:16px;background:rgba(15,23,42,.28);backdrop-filter:blur(3px)}
.inkdos-save-overlay[hidden]{display:none}
.inkdos-save-card{width:min(380px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:18px;border:1px solid var(--line,var(--frame-line,#d7dce2));border-radius:16px;background:var(--chrome,var(--frame-chrome,#fff));color:var(--text,var(--frame-text,#202124));box-shadow:0 24px 60px rgba(10,18,30,.28);display:flex;flex-direction:column;gap:8px}
.inkdos-save-card h2{margin:0 0 4px;font-size:17px}.inkdos-save-card p{margin:0 0 6px;font-size:13px;color:var(--muted,#667085);line-height:1.4}
.inkdos-save-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border:1px solid var(--line-strong,var(--line,#cfd5dd));border-radius:11px;background:var(--chrome,#fff);color:inherit;font:inherit;text-align:left;cursor:pointer}
.inkdos-save-option strong{font-size:14px;font-weight:600}.inkdos-save-option small{font-size:11.5px;color:var(--muted,#667085)}
.inkdos-save-option:hover:not(:disabled){border-color:var(--accent,#2f6fed)}
.inkdos-save-option:disabled{opacity:.45;cursor:default}
.inkdos-save-option.primary{background:var(--accent,#2f6fed);border-color:var(--accent,#2f6fed);color:#fff}.inkdos-save-option.primary small{color:rgba(255,255,255,.85)}
.inkdos-save-option.danger{color:#b42318;border-color:color-mix(in srgb,#b42318 40%,var(--line,#ddd))}
.inkdos-save-option.plain{align-items:center;border-color:transparent;background:transparent}
.inkdos-save-label{margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#667085)}
.inkdos-save-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}
/* phones: the header never runs past the screen; the document title gives way to the header buttons */
@media (max-width:640px){html.inkdos-frame-actions header.topbar,html.inkdos-frame-actions header.framebar{min-width:0;max-width:100%}html.inkdos-frame-actions .document-title,html.inkdos-frame-actions .presentation-title{flex:1 1 0!important;min-width:0!important;overflow:hidden}}

/* Home sits with the frame icons at their size (it was 22px beside 19px, and beside 16px in desktop density) */
.topbar a.menu-btn svg,.framebar a.menu-btn svg{width:19px;height:19px;stroke-width:1.7}
:root[data-ui-density="desktop"] .topbar a.menu-btn svg,:root[data-ui-density="desktop"] .framebar a.menu-btn svg{width:16px;height:16px}
/* a tool bar that fits shows no scroll arrows or their separator bars */
.inkdos-toolbar-rail.inkdos-toolbar-fits{grid-template-columns:0 0 minmax(0,1fr) 0 0!important}
.inkdos-toolbar-rail.inkdos-toolbar-fits>.inkdos-toolbar-arrow,.inkdos-toolbar-rail.inkdos-toolbar-fits>.inkdos-toolbar-separator{display:none!important}

/* InkDOS Hub: "‹ InkDOS Hub" back link, ☰ menu (New, Open, Save) and editing bar brush (settings-strip.js) */
/* "‹ InkDOS Hub" instead of the little house (back to the home screen, as in the other apps) */
header a.inkdos-hub-link{width:auto;min-width:0;height:34px;flex:none;padding:0 8px 0 4px;gap:2px;display:inline-flex;align-items:center;font-size:14px;font-weight:700;white-space:nowrap}
header a.inkdos-hub-link[hidden]{display:none}
header a.inkdos-hub-link svg{display:none}
header a.inkdos-hub-link::before{content:"";width:20px;height:20px;margin-left:-12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") center/contain no-repeat}
header a.inkdos-hub-link::after{content:"InkDOS Hub"}

/* ☰ menu (New, Open, Save) in the Whiteboard (Excalidraw) menu format */
.inkdos-hamburger{position:fixed;z-index:1000;width:230px;padding:6px;border-radius:12px;background:var(--panel,var(--surface,#fff));border:1px solid var(--line,var(--edge,rgba(0,0,0,.1)));box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1px}
.inkdos-hamburger[hidden]{display:none}
.inkdos-menu-item{width:100%;height:32px;padding:0 8px;display:flex;align-items:center;gap:10px;border:0;border-radius:6px;background:transparent;font:inherit;font-size:14px;color:var(--text);text-align:left;white-space:nowrap;cursor:pointer}
.inkdos-menu-item:hover{background:var(--accent-soft)}
.inkdos-menu-item:disabled{opacity:.4;cursor:default}
.inkdos-menu-item svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Brush (as in Pages): the editing bar only shows when it is on */
/* Closed: hides the editing bar (and the strip around it), the Documents ruler and the Spreadsheets formula bar;
   the app grid keeps only top, workspace and status */
html.inkdos-com-pincel:not(.inkdos-edicao-aberta) :is(#formatbar,#editbar,#ruler,.formula-bar),
html.inkdos-com-pincel:not(.inkdos-edicao-aberta) .inkdos-toolbar-rail:has(#formatbar,#editbar){display:none}
html.inkdos-com-pincel:not(.inkdos-edicao-aberta) .app-shell:has(#formatbar,#editbar){grid-template-rows:auto minmax(0,1fr) auto}
/* Text and EPUB: the bar strip gets zero height (keeps the app grid row) */
html.inkdos-com-pincel:not(.inkdos-edicao-aberta) .toolstrip-shell{height:0;min-height:0;overflow:hidden;border:0;padding:0;box-shadow:none}

.inkdos-frame-actions header>:nth-child(2){position:relative}
.inkdos-frame-actions header>:nth-child(2) .dirty-dot{position:absolute;right:4px;top:6px}
.inkdos-hamburger .inkdos-menu-item{font-weight:400}
/* Centre of the header: app symbol + file name as one unit, same look as the Hub apps. */
.inkdos-frame-actions header>:nth-child(2){gap:8px;width:auto!important;left:auto!important;right:auto!important;transform:none!important;margin:0!important;height:auto;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.inkdos-frame-actions header>:nth-child(2)>:is(img,svg){display:block!important;position:static!important;transform:none!important;width:24px!important;height:24px!important;min-width:24px;border-radius:6px;flex:none;margin:0!important}
.inkdos-frame-actions header>:nth-child(2) :is(input,.title-text){height:32px;padding:0 8px;border:1px solid transparent!important;border-radius:8px;background:transparent!important;box-shadow:none!important;font-size:15px;font-weight:600;color:inherit;text-overflow:ellipsis}
.inkdos-frame-actions header>:nth-child(2) .title-text{display:block;line-height:30px;overflow:hidden;white-space:nowrap}
.inkdos-frame-actions header>:nth-child(2) input:focus{border-color:var(--accent,#0a84ff)!important;background:var(--panel,var(--surface,#fff))!important;outline:none}
@media(max-width:520px){.inkdos-frame-actions header{gap:4px}.inkdos-frame-actions header>:nth-child(2){gap:6px}.inkdos-frame-actions header>:nth-child(2) :is(input,.title-text){font-size:14px;padding:0 4px}}