/* Share Drive classic look (late-1990s desktop style). Every rule is scoped under html[data-theme="classic"],
   so in the Modern look this file does nothing. The switch's own both-looks styles live in app.css.
   Title font: Pixelify Sans, (c) 2021 The Pixelify Sans Project Authors, SIL Open Font License 1.1 (fonts/OFL.txt).
   The font downloads only when a classic-scoped rule uses it. */
@font-face{font-family:"Pixelify Sans";src:url("/static/fonts/PixelifySans.ttf") format("truetype");font-weight:400 700;font-style:normal;font-display:swap}

/* ================= CLASSIC LOOK — everything below is scoped ================= */
html[data-theme="classic"]{
  --k-ink:#000;--k-paper:#fff;
  --k-dither:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' shape-rendering='crispEdges'%3E%3Crect width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3C/svg%3E");
  --k-dither25:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' shape-rendering='crispEdges'%3E%3Crect width='2' height='2' fill='%23fff'/%3E%3Crect width='1' height='1'/%3E%3C/svg%3E");
  --k-stripes:repeating-linear-gradient(#000 0 1px,#fff 1px 2px);
  --k-font-title:"Pixelify Sans","Geneva","Verdana",sans-serif;
  --k-font-body:"Geneva","Verdana","Tahoma","DejaVu Sans",sans-serif;
  --k-shadow:1px 1px 0 #000;
  --k-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' shape-rendering='crispEdges'%3E%3Crect width='15' height='13' fill='%23fff'/%3E%3Crect x='2.5' y='1.5' width='10' height='10' fill='%23fff' stroke='%23000'/%3E%3C/svg%3E");
  --k-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 19' shape-rendering='crispEdges'%3E%3Cpath d='M1.5 2.5h7l2 2h10v13h-19z' fill='%23fff' stroke='%23000'/%3E%3Cpath d='M1.5 6.5h19' stroke='%23000'/%3E%3Cpath d='M7 15v-3h1v-1h1v-1h4V8h1v1h1v1h1v1h1v1h-1v1h-1v1h-1v1h-1v-2H9v1H8v2z'/%3E%3C/svg%3E");
  /* modern tokens collapse to black and white */
  --color-primary:#000;--color-on-primary:#fff;--color-secondary:#000;--color-accent:#000;
  --color-background:#fff;--color-foreground:#000;--color-muted:#fff;--color-border:#000;
  --color-destructive:#000;--color-ring:#000;--primary-dark:#000;--text-muted:#000;--line-strong:#000;--card:#fff;
  --ok:#000;--ok-soft:#fff;--warn:#000;--warn-soft:#fff;--bad-soft:#fff;--bad-ink:#000;--accent-soft:#fff;--primary-soft:#fff;
  --radius:0;--fast:0ms;
  color-scheme:light;
  scrollbar-color:#000 #fff;
}
html[data-theme="classic"] *,html[data-theme="classic"] *::before,html[data-theme="classic"] *::after{transition:none !important;animation:none !important}
html[data-theme="classic"] body{font-family:var(--k-font-body);font-size:15px;color:#000;background:#fff var(--k-dither) 0 0/2px 2px;-webkit-font-smoothing:none}
html[data-theme="classic"] h1,html[data-theme="classic"] h2,html[data-theme="classic"] h3,html[data-theme="classic"] .brand,html[data-theme="classic"] .k-title{font-family:var(--k-font-title);font-weight:600;letter-spacing:0}
html[data-theme="classic"] h1{font-size:24px}
html[data-theme="classic"] h2{font-size:18px}
html[data-theme="classic"] :focus-visible{outline:2px dashed #000;outline-offset:2px;border-radius:0}
html[data-theme="classic"] a{color:#000}
html[data-theme="classic"] .muted,html[data-theme="classic"] .lead,html[data-theme="classic"] .hint,html[data-theme="classic"] .cellmuted{color:#000}
html[data-theme="classic"] mark{background:#000;color:#fff;border-radius:0}

/* icons: same sprite, drawn 1-bit */
html[data-theme="classic"] .ico{stroke-width:2;stroke-linecap:square;stroke-linejoin:miter;shape-rendering:crispEdges;color:#000}
/* app art only; teachers' own pictures in previews keep their colors */
html[data-theme="classic"] img[src^="/static/"]:not(.brand img){filter:grayscale(1) contrast(1.6)}

/* scroll bars */
html[data-theme="classic"] ::-webkit-scrollbar{width:16px;height:16px;background:#fff}
html[data-theme="classic"] ::-webkit-scrollbar-track{background:#fff var(--k-dither25) 0 0/2px 2px;border-left:1px solid #000}
html[data-theme="classic"] ::-webkit-scrollbar-thumb{background:#fff;border:1px solid #000;border-radius:0}
html[data-theme="classic"] ::-webkit-scrollbar-button:single-button{display:block;height:16px;width:16px;background:#fff no-repeat center/9px 9px;border:1px solid #000}
html[data-theme="classic"] ::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9' shape-rendering='crispEdges'%3E%3Cpath d='M4.5.5 8.5 5h-2v3h-4V5h-2z' fill='%23fff' stroke='%23000'/%3E%3C/svg%3E")}
html[data-theme="classic"] ::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9' shape-rendering='crispEdges'%3E%3Cpath d='M4.5 8.5 8.5 4h-2V1h-4v3h-2z' fill='%23fff' stroke='%23000'/%3E%3C/svg%3E")}

/* ---------- menu bar (the app header) ---------- */
html[data-theme="classic"] header.app{background:#fff;border-bottom:1px solid #000;box-shadow:none}
html[data-theme="classic"] header.app .h-in{min-height:44px;padding-top:0;padding-bottom:0}
html[data-theme="classic"] .brand{font-size:17px;gap:8px;padding:0 6px}
html[data-theme="classic"] .brand img{content:var(--k-mark);width:22px;height:19px;border-radius:0;filter:none}
html[data-theme="classic"] .brand:hover{background:#000;color:#fff}
html[data-theme="classic"] .brand:hover img{filter:invert(1)}
html[data-theme="classic"] .hsearch input{min-height:32px;padding-top:4px;padding-bottom:4px}
html[data-theme="classic"] .hsearch .btn{min-height:32px}
html[data-theme="classic"] .avatar{border:0;border-radius:0;background:none;padding:0 8px;gap:6px}
html[data-theme="classic"] .avatar .dot{width:24px;height:24px;border-radius:0;background:#000;font-size:11px;font-family:var(--k-font-title)}
html[data-theme="classic"] .avatar:hover,html[data-theme="classic"] .avatar[aria-expanded=true],html[data-theme="classic"] .avatar.open{background:#000;color:#fff}
html[data-theme="classic"] .avatar:hover .dot,html[data-theme="classic"] .avatar.open .dot{background:#fff;color:#000}

/* menus: 1px frame, hard shadow, inverse highlight */
html[data-theme="classic"] .menu{border:1px solid #000;border-radius:0;box-shadow:1px 1px 0 #000;padding:0;top:100%}
html[data-theme="classic"] .menu .m-email{color:#000;border-bottom:1px dotted #000;margin:0;padding:8px 12px}
html[data-theme="classic"] .menu a,html[data-theme="classic"] .menu button.mi{border-radius:0;font-size:15px}
html[data-theme="classic"] .menu a:hover,html[data-theme="classic"] .menu button.mi:hover,html[data-theme="classic"] .menu .mi.hl{background:#000;color:#fff}
html[data-theme="classic"] .menu a:hover .ico,html[data-theme="classic"] .menu button.mi:hover .ico,html[data-theme="classic"] .menu .mi.hl .ico{color:#fff}
html[data-theme="classic"] .menu .msep{height:0;border-top:1px dotted #000;background:none;margin:2px 0}
html[data-theme="classic"] .menu .mi-note{color:#000;font-size:12px}
html[data-theme="classic"] .menu button.mi[disabled]{color:#000;opacity:.4}

/* ---------- the page is a window ---------- */
html[data-theme="classic"] main{position:relative;background:#fff;border:1px solid #000;box-shadow:var(--k-shadow);margin:16px auto 32px;max-width:1088px;padding:0 20px 28px}
html[data-theme="classic"] main::before{content:"";display:block;height:13px;padding:3px 2px;margin:0 -20px 20px;border-bottom:1px solid #000;background:var(--k-stripes);background-clip:content-box}
html[data-theme="classic"] main::after{content:"Share Drive";position:absolute;top:0;left:50%;transform:translateX(-50%);height:19px;line-height:20px;padding:0 10px;background:#fff;font:600 14px/20px var(--k-font-title);white-space:nowrap}
html[data-theme="classic"] main:has(> .narrow){max-width:480px}
html[data-theme="classic"] main > .narrow{border:0;padding:0 4px}

/* boxes inside the window: 1px frames, no rounding */
html[data-theme="classic"] .card,html[data-theme="classic"] .flist,html[data-theme="classic"] .list,html[data-theme="classic"] .recent,html[data-theme="classic"] .plist,html[data-theme="classic"] .pollsline,html[data-theme="classic"] .inlineform{border:1px solid #000;border-radius:0;background:#fff;box-shadow:none}
html[data-theme="classic"] .pollsline:hover{box-shadow:none;border-color:#000}
html[data-theme="classic"] .pollsline:hover .grow strong{background:#000;color:#fff}
html[data-theme="classic"] .pico,html[data-theme="classic"] .emptyico{border-radius:0;background:#fff;color:#000;border:1px solid #000}

/* ---------- buttons: square, 1px, default ring on primary ---------- */
html[data-theme="classic"] .btn{border-radius:0;background:#fff;color:#000;border:1px solid #000;font-weight:400;font-family:var(--k-font-body)}
html[data-theme="classic"] .btn:hover,html[data-theme="classic"] .btn:active{background:#000;color:#fff;border-color:#000;transform:none}
html[data-theme="classic"] .btn:hover .ico,html[data-theme="classic"] .btn:active .ico{color:#fff}
html[data-theme="classic"] .btn:not(.secondary):not(.ghost):not(.danger-outline):not(.ghost-danger){box-shadow:0 0 0 1px #fff,0 0 0 3px #000;font-weight:700}
html[data-theme="classic"] .btn.ghost,html[data-theme="classic"] .btn.ghost-danger{border-color:transparent;text-decoration:underline}
html[data-theme="classic"] .btn.danger,html[data-theme="classic"] .btn.danger-outline{font-weight:700}
html[data-theme="classic"] .btn[disabled]{opacity:1;color:#000;background:#fff var(--k-dither25) 0 0/2px 2px;cursor:not-allowed}
html[data-theme="classic"] .btn[disabled]:hover{color:#000}
html[data-theme="classic"] .btn.block{margin-top:28px}
html[data-theme="classic"] .iconbtn{border-radius:0}
html[data-theme="classic"] .iconbtn:hover{background:#000;color:#fff}
html[data-theme="classic"] .iconbtn:hover .ico{color:#fff}
html[data-theme="classic"] .iconbtn.bordered{border:1px solid #000}
html[data-theme="classic"] .linkbtn{color:#000}
html[data-theme="classic"] .linkbtn:hover{background:#000;color:#fff;text-decoration:none}
html[data-theme="classic"] .backlink:hover,html[data-theme="classic"] .backparent:hover{background:#000;color:#fff}

/* ---------- fields ---------- */
html[data-theme="classic"] input[type=text],html[data-theme="classic"] input[type=email],html[data-theme="classic"] input[type=password],html[data-theme="classic"] input[type=search],html[data-theme="classic"] input[type=date],html[data-theme="classic"] input[type=number],html[data-theme="classic"] select,html[data-theme="classic"] textarea{border:1px solid #000;border-radius:0;background:#fff;font-family:var(--k-font-body);color:#000}
html[data-theme="classic"] input:focus,html[data-theme="classic"] select:focus,html[data-theme="classic"] textarea:focus{box-shadow:inset 0 0 0 1px #000;border-color:#000}
html[data-theme="classic"] select{appearance:none;-webkit-appearance:none;padding-right:32px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h11L5.5 6z'/%3E%3C/svg%3E") no-repeat right 10px center;box-shadow:1px 1px 0 #000}
html[data-theme="classic"] label.f{font-weight:700}
html[data-theme="classic"] input.err,html[data-theme="classic"] textarea.err{border-width:2px}
html[data-theme="classic"] .field-err{color:#000;font-weight:700}
html[data-theme="classic"] .pwtoggle{color:#000;border-radius:0}

/* radios and check boxes: bitmap style */
html[data-theme="classic"] input[type=radio],html[data-theme="classic"] input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0;border:1px solid #000;background:#fff;flex:none;display:inline-grid;place-items:center}
html[data-theme="classic"] input[type=radio]{border-radius:50%}
html[data-theme="classic"] input[type=radio]:checked::after{content:"";width:8px;height:8px;border-radius:50%;background:#000}
html[data-theme="classic"] input[type=checkbox]:checked{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' shape-rendering='crispEdges'%3E%3Cpath d='M1 1l12 12M13 1 1 13' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat center}

/* ---------- notices and pills ---------- */
html[data-theme="classic"] .notice,html[data-theme="classic"] .tip,html[data-theme="classic"] .pbanner,html[data-theme="classic"] .offbar,html[data-theme="classic"] .voted,html[data-theme="classic"] .rhidden{border:1px solid #000;border-radius:0;background:#fff;color:#000}
html[data-theme="classic"] .notice.bad,html[data-theme="classic"] .notice.warn,html[data-theme="classic"] .pbanner{border-width:2px}
html[data-theme="classic"] .notice .ico,html[data-theme="classic"] .tip .ico,html[data-theme="classic"] .pbanner > .ico,html[data-theme="classic"] .anon .ico{color:#000}
html[data-theme="classic"] .pbanner .btn{background:#fff;color:#000;border-color:#000}
html[data-theme="classic"] .pill{border-radius:0;background:#fff;color:#000;border:1px solid #000;font-weight:700;font-family:var(--k-font-body)}
html[data-theme="classic"] .pill.pending,html[data-theme="classic"] .pill.vote,html[data-theme="classic"] .pill.newn{background:#000;color:#fff}
html[data-theme="classic"] .chip{border-radius:0;border:1px solid #000;background:#fff;color:#000}
html[data-theme="classic"] .chip[aria-pressed=true]{background:#000;color:#fff;border-color:#000}
html[data-theme="classic"] .chip[aria-pressed=true]::before{background:#fff;border-radius:0}
html[data-theme="classic"] .toast{background:#fff;color:#000;border:1px solid #000;border-radius:0;box-shadow:1px 1px 0 #000}
html[data-theme="classic"] .toast .t-undo{color:#000;text-decoration:underline}

/* ---------- drive home: icon view ---------- */
html[data-theme="classic"] .sechead h2{font-size:16px}
html[data-theme="classic"] .grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px 12px}
html[data-theme="classic"] .tile{flex-direction:column;justify-content:flex-start;text-align:center;border:0;background:none;padding:8px 4px;gap:6px;min-height:0}
html[data-theme="classic"] .tile:hover{border:0;box-shadow:none;transform:none}
html[data-theme="classic"] .tile .badge{position:relative;width:48px;height:36px;margin-top:6px;border-radius:0;background:#fff;color:#000;border:1px solid #000;font-family:var(--k-font-title);font-size:13px;box-shadow:var(--k-shadow)}
html[data-theme="classic"] .tile .badge::before{content:"";position:absolute;left:-1px;top:-7px;width:20px;height:6px;border:1px solid #000;border-bottom:0;background:#fff}
html[data-theme="classic"] .tile.wide .badge{background:#fff;color:#000}
html[data-theme="classic"] .tile .name{display:inline-block;padding:0 4px;font-weight:400}
html[data-theme="classic"] .tile:hover .name,html[data-theme="classic"] .tile:focus-visible .name{background:#000;color:#fff}
html[data-theme="classic"] .tile .meta{font-size:12px}
html[data-theme="classic"] .tile.wide{grid-column:auto}
html[data-theme="classic"] .tile .pill{margin:0}
html[data-theme="classic"] .tile .pill.newn{position:absolute;top:2px;right:calc(50% - 40px);font-size:11px;line-height:16px;padding:0 4px}
html[data-theme="classic"] .tile.ishidden{background:none;border:0}
html[data-theme="classic"] .tile.ishidden .badge{border-style:dashed}

/* ---------- list views (files, recent, accounts, polls) ---------- */
html[data-theme="classic"] .flist .fhead,html[data-theme="classic"] .list .lhead{background:#fff;border-radius:0;border-bottom:1px solid #000;box-shadow:0 2px 0 #fff,0 3px 0 #000;margin-bottom:3px;text-transform:none;letter-spacing:0;font-size:13px;font-weight:700;color:#000}
html[data-theme="classic"] .flist .frow,html[data-theme="classic"] .list .lrow,html[data-theme="classic"] .recent .rrow,html[data-theme="classic"] .plist .prow,html[data-theme="classic"] .aprow{border-color:#000;border-bottom-style:dotted;border-top-style:dotted}
html[data-theme="classic"] .flist .frow:hover,html[data-theme="classic"] .recent .rrow:hover,html[data-theme="classic"] .plist .prow:hover{background:#fff}
html[data-theme="classic"] .flist .frow:hover .nm,html[data-theme="classic"] .recent .rrow:hover .rn,html[data-theme="classic"] .plist .prow:hover .pq{background:#000;color:#fff;text-decoration:none}
html[data-theme="classic"] .frow.sel{background:#000;color:#fff}
html[data-theme="classic"] .frow.sel .fcell,html[data-theme="classic"] .frow.sel .fname,html[data-theme="classic"] .frow.sel .ext{color:#fff}
html[data-theme="classic"] .frow.sel .ficon{border-color:#fff;background:#000}
html[data-theme="classic"] .frow.sel .iconbtn.bordered{border-color:#fff;background:#000;color:#fff}
html[data-theme="classic"] .frow.sel .iconbtn .ico{color:#fff}
html[data-theme="classic"] .ficon{border-radius:0;width:28px;height:34px}
html[data-theme="classic"] .ficon.folder{background:#fff;color:#000;border:0}
html[data-theme="classic"] .ficon.file{background:#fff;color:#000;border:1px solid #000;clip-path:polygon(0 0,70% 0,100% 22%,100% 100%,0 100%);position:relative;align-items:end;padding-bottom:3px}
html[data-theme="classic"] .ficon.file::after{content:"";position:absolute;right:0;top:0;width:8px;height:8px;border-left:1px solid #000;border-bottom:1px solid #000;background:#fff}
html[data-theme="classic"] .ficon .ext{font-size:9px;font-weight:700;font-family:var(--k-font-body)}
html[data-theme="classic"] .fname{font-weight:400}
html[data-theme="classic"] .fcell,html[data-theme="classic"] .recent .rm,html[data-theme="classic"] .recent .rw,html[data-theme="classic"] .pm{color:#000}
html[data-theme="classic"] .factions .iconbtn,html[data-theme="classic"] .factions .iconbtn.bordered{color:#000;background:#fff}
html[data-theme="classic"] .crumbs a{color:#000;text-decoration:underline;border-radius:0}
html[data-theme="classic"] .crumbs a:hover{background:#000;color:#fff}
html[data-theme="classic"] .crumbs .sep{color:#000}
/* the counts line reads like a window's info strip */
html[data-theme="classic"] .toolbar{border-top:1px solid #000;border-bottom:1px solid #000;box-shadow:0 2px 0 #fff,0 3px 0 #000;padding:4px 0;margin:16px 0 16px}
html[data-theme="classic"] .sortctl label{color:#000}

/* ---------- tabs (admin): file-folder tabs ---------- */
html[data-theme="classic"] .tabs{border-bottom:1px solid #000;gap:2px}
html[data-theme="classic"] .tabs a,html[data-theme="classic"] .tabs button{border:1px solid #000;border-bottom:0;margin-bottom:-1px;color:#000;background:#fff;min-height:44px}
html[data-theme="classic"] .tabs [aria-selected=true],html[data-theme="classic"] .tabs [aria-current=page]{background:#fff;color:#000;border-color:#000;border-bottom:1px solid #fff;font-weight:700}
html[data-theme="classic"] .tabs .cnt{border-radius:0;background:#000;color:#fff}

/* ---------- upload panel: a small window with a real close box ---------- */
html[data-theme="classic"] .uppanel{border:1px solid #000;border-radius:0;box-shadow:var(--k-shadow)}
html[data-theme="classic"] .uppanel .uphead{position:relative;justify-content:center;min-height:24px;padding:3px 2px;background:var(--k-stripes);background-clip:content-box;border-bottom:1px solid #000}
html[data-theme="classic"] .uppanel .uphead strong{background:#fff;padding:0 10px;font:600 14px/18px var(--k-font-title)}
html[data-theme="classic"] .k-closebox,html[data-theme="classic"] .uppanel .uphead .iconbtn,html[data-theme="classic"] .modal .iconbtn.k-close{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;background:none;display:grid;place-items:center;border:0}
html[data-theme="classic"] .uppanel .uphead .iconbtn .ico{display:none}
html[data-theme="classic"] .uppanel .uphead .iconbtn::before{content:"";width:15px;height:13px;background:var(--k-close)}
html[data-theme="classic"] .uppanel .uphead .iconbtn:hover{background:none}
html[data-theme="classic"] .uppanel .uphead .iconbtn:hover::before{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' shape-rendering='crispEdges'%3E%3Crect width='15' height='13' fill='%23fff'/%3E%3Crect x='2.5' y='1.5' width='10' height='10' fill='%23fff' stroke='%23000'/%3E%3Cpath d='M5 4l5 5M10 4 5 9M7.5 3v7M4 6.5h7' stroke='%23000'/%3E%3C/svg%3E")}
html[data-theme="classic"] .uppanel .uphead{min-height:20px;padding-top:3px;padding-bottom:3px}
html[data-theme="classic"] .uppanel .upfoot{background:#fff;border-top:1px solid #000}
html[data-theme="classic"] .drop{border:1px dashed #000;border-radius:0;background:#fff}
html[data-theme="classic"] .drop .ico.lg{color:#000}
html[data-theme="classic"] .progress{height:12px;border-radius:0;background:#fff;border:1px solid #000}
html[data-theme="classic"] .progress > i{border-radius:0;background:#000 var(--k-dither) 0 0/2px 2px;background-color:#fff}
html[data-theme="classic"] .progress.done > i{background:#000}
html[data-theme="classic"] .upgroup,html[data-theme="classic"] .upgroup.retry{border:1px solid #000;border-radius:0;background:#fff}
html[data-theme="classic"] .upitem .st,html[data-theme="classic"] .upitem .st.err,html[data-theme="classic"] .upitem .st.good{color:#000}
html[data-theme="classic"] .upitem .st.err{font-weight:700}

/* ---------- dialogs: classic alert frame (double border) ---------- */
html[data-theme="classic"] .modal-bg,html[data-theme="classic"] .sheet-bg{background:rgba(0,0,0,0)}
html[data-theme="classic"] .modal,html[data-theme="classic"] .sheet{border-radius:0;border:1px solid #000;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 5px #000,1px 1px 0 #000;padding:28px}
html[data-theme="classic"] .sheet .grab{display:none}

/* ---------- polls ---------- */
html[data-theme="classic"] .opt{border:1px solid #000;border-radius:0;background:#fff}
html[data-theme="classic"] .opt:hover{border-color:#000}
html[data-theme="classic"] .opt:has(input:checked){background:#fff;box-shadow:inset 0 0 0 1px #000;font-weight:700}
html[data-theme="classic"] fieldset.opts legend{color:#000;font-weight:700}
html[data-theme="classic"] .anon{color:#000}
html[data-theme="classic"] .rbar .track{height:14px;border-radius:0;background:#fff;border:1px solid #000}
html[data-theme="classic"] .rbar .fill{border-radius:0;background:#fff var(--k-dither) 0 0/2px 2px}
html[data-theme="classic"] .rbar.lead-opt .fill{background:#000}
html[data-theme="classic"] .rbar .rn{color:#000}
html[data-theme="classic"] .pactions,html[data-theme="classic"] .formbtns{border-color:#000}
html[data-theme="classic"] .optrow .num{color:#000}
html[data-theme="classic"] .optrow .iconbtn{color:#000}
html[data-theme="classic"] .optrow .iconbtn:hover{background:#000;color:#fff}
html[data-theme="classic"] .counter{color:#000}
html[data-theme="classic"] .pcard .pmeta{color:#000}

/* ---------- the switch, drawn classic ---------- */
html[data-theme="classic"] .themeswitch{border-radius:0;color:#000;font-size:12px;gap:6px;font-family:var(--k-font-body)}
html[data-theme="classic"] .themeswitch:hover{background:none}
html[data-theme="classic"] .themeswitch:hover .ts-track{box-shadow:0 0 0 1px #000}
html[data-theme="classic"] .ts-track{width:40px;height:18px;border-radius:0;background:#fff var(--k-dither) 0 0/2px 2px;border:1px solid #000}
html[data-theme="classic"] .themeswitch[aria-checked=true] .ts-track{background:#fff var(--k-dither) 0 0/2px 2px}
html[data-theme="classic"] .ts-knob{top:-1px;left:-1px;width:20px;height:18px;border-radius:0;background:#fff repeating-linear-gradient(90deg,#fff 0 6px,#000 6px 7px,#fff 7px 9px) 0 4px/100% 8px no-repeat;border:1px solid #000;box-shadow:none;background-clip:padding-box}
html[data-theme="classic"] .ts-knob{background:#fff linear-gradient(90deg,transparent 6px,#000 6px 7px,transparent 7px 9px,#000 9px 10px,transparent 10px 12px,#000 12px 13px,transparent 13px) 0 3px/100% 10px no-repeat}
html[data-theme="classic"] .themeswitch[aria-checked=true] .ts-knob{transform:translateX(20px)}
html[data-theme="classic"] .themeswitch[aria-checked=true] .ts-c,html[data-theme="classic"] .themeswitch[aria-checked=false] .ts-m{color:#000;font-weight:700}
@media (max-width:640px){
  html[data-theme="classic"] .ts-track{width:40px;height:22px}
  html[data-theme="classic"] .ts-knob{height:22px}
}

/* ---------- phone ---------- */
@media (max-width:640px){
  html[data-theme="classic"] main{margin:8px 8px 120px;padding:0 12px 24px}
  html[data-theme="classic"] main::before{margin:0 -12px 16px}
  html[data-theme="classic"] main::after{font-size:13px}
  html[data-theme="classic"] h1{font-size:22px}
  html[data-theme="classic"] .pagebtns,html[data-theme="classic"] .bottombar{background:#fff;border-top:2px solid #000;box-shadow:none}
  html[data-theme="classic"] .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  html[data-theme="classic"] .avatar{padding:0 4px}
  html[data-theme="classic"] header.app.searching .hsearch{background:#fff}
  html[data-theme="classic"] .flist .frow,html[data-theme="classic"] .list .lrow{min-height:56px}
  html[data-theme="classic"] .menu a,html[data-theme="classic"] .menu button.mi{min-height:44px}
}

/* ---------- fixes after first renders ---------- */
html[data-theme="classic"] .frow.sel .fname a,html[data-theme="classic"] .frow.sel .nm,html[data-theme="classic"] .frow.sel .fmeta{color:#fff}
html[data-theme="classic"] .menu .mi-note{margin-top:0;padding-top:4px}
html[data-theme="classic"] .btn[disabled],html[data-theme="classic"] .btn[disabled]:hover{background:#fff;color:#000;opacity:.45;box-shadow:none;font-weight:400}
html[data-theme="classic"] .pollsline > .ico:last-child,html[data-theme="classic"] .plist .prow > .ico{color:#000}
html[data-theme="classic"] .tile .badge{font-family:var(--k-font-body);font-weight:700;font-size:13px}
html[data-theme="classic"] .tabs .pill{white-space:nowrap}
/* ---------- build fixes (live app renders) ---------- */
/* row action buttons: hover and open menu turn inverse, icon included (was white on white) */
html[data-theme="classic"] .factions .iconbtn:hover,html[data-theme="classic"] .iconbtn[aria-expanded=true]{background:#000;color:#fff}
html[data-theme="classic"] .factions .iconbtn:hover .ico,html[data-theme="classic"] .iconbtn[aria-expanded=true] .ico{color:#fff}
/* a hovered recent-file name inverts only its own text, not the whole row width */
html[data-theme="classic"] .recent .rn{width:fit-content;max-width:100%}
/* first-visit tip bubbles: a small white alert box, not navy */
html[data-theme="classic"] .jit{background:#fff;color:#000;border:1px solid #000;border-radius:0;box-shadow:1px 1px 0 #000}
html[data-theme="classic"] .jit::after{background:#fff;border-left:1px solid #000;border-top:1px solid #000}
html[data-theme="classic"] .jit .btn,html[data-theme="classic"] .jit .btn:hover{color:#000;background:#fff}
html[data-theme="classic"] .jit .btn:hover{background:#000;color:#fff}
/* add-to-home-screen banner */
html[data-theme="classic"] .install{background:#fff;color:#000;border-bottom:1px solid #000}
html[data-theme="classic"] .install img{border-radius:0}
/* toasts: icons and links in ink */
html[data-theme="classic"] .toast > .ico:first-child,html[data-theme="classic"] .toast.err > .ico:first-child,html[data-theme="classic"] .toast .t-x,html[data-theme="classic"] .toast .t-x .ico,html[data-theme="classic"] .toast .t-retry{color:#000}
html[data-theme="classic"] .toast .t-retry{text-decoration:underline}
/* file preview: black backdrop instead of slate */
html[data-theme="classic"] .pv-bg,html[data-theme="classic"] .pv-media{background:#000}
/* loading placeholders: 25% dither */
html[data-theme="classic"] .sk{background:#fff var(--k-dither25) 0 0/2px 2px;border-radius:0}
/* small gray or brown details become ink */
html[data-theme="classic"] .matchnote,html[data-theme="classic"] .upitem .st.warnst,html[data-theme="classic"] .ochips li,html[data-theme="classic"] .ytile .star,html[data-theme="classic"] .grip,html[data-theme="classic"] .crumb-more,html[data-theme="classic"] .where,html[data-theme="classic"] .fmeta a{color:#000}
html[data-theme="classic"] .pform input[type=date]:focus{box-shadow:inset 0 0 0 1px #000;border-color:#000}
html[data-theme="classic"] .suggest{border:1px solid #000;border-radius:0;box-shadow:1px 1px 0 #000}
html[data-theme="classic"] .list .lrow.lifted{box-shadow:1px 1px 0 #000;transform:none;border:1px solid #000}
html[data-theme="classic"] .dropline{border-top-color:#000}
html[data-theme="classic"] .dropline span{background:#000;color:#fff;border-radius:0}
html[data-theme="classic"] .sgb,html[data-theme="classic"] .steps .n{background:#fff;color:#000;border:1px solid #000;border-radius:0}
html[data-theme="classic"] .radios input{accent-color:#000}

/* ================= file page (screen 12, Addendum A8) + list preview pictures — appended, classic only ================= */
html[data-theme="classic"] .ficon.file.thumb{width:48px;height:48px;clip-path:none;border:1px solid #000;padding:0;align-items:center;background:#fff}
html[data-theme="classic"] .ficon.file.thumb::after{display:none}
@media (max-width:640px){html[data-theme="classic"] .ficon.file.thumb{width:40px;height:40px}}
html[data-theme="classic"] .stage{background:#fff var(--k-dither25) 0 0/2px 2px;border:1px solid #000;box-shadow:var(--k-shadow)}
html[data-theme="classic"] .pdfbar{background:#fff;border-bottom:1px solid #000}
html[data-theme="classic"] .pdfbar .iconbtn{border:1px solid #000;background:#fff}
html[data-theme="classic"] .pdfbar .iconbtn[disabled]{opacity:1;background:#fff var(--k-dither25) 0 0/2px 2px}
html[data-theme="classic"] .pdfbar .zval{color:#000}
html[data-theme="classic"] .pdfcanvas,html[data-theme="classic"] .imgprev,html[data-theme="classic"] .cardimg{border:1px solid #000;border-radius:0;box-shadow:var(--k-shadow)}
html[data-theme="classic"] .pdfmsg,html[data-theme="classic"] .nopreview p,html[data-theme="classic"] .nopreview p.small{color:#000;background:#fff;display:inline-block;padding:2px 6px}
html[data-theme="classic"] .nopreview [data-test="preview-none"]{margin-top:12px}
html[data-theme="classic"] .citem .cav{border-radius:0;border:1px solid #000;background:#fff;color:#000}
html[data-theme="classic"] .citem.note .cav{background:#000;color:#fff}
html[data-theme="classic"] .citem .notetag{color:#000;text-decoration:underline}
html[data-theme="classic"] .citem .iconbtn:hover{background:#000;color:#fff}
html[data-theme="classic"] .clist{border:1px solid #000;box-shadow:var(--k-shadow)}
html[data-theme="classic"] .citem,html[data-theme="classic"] .citem + .cempty{border-top-color:#000}
html[data-theme="classic"] .cform textarea,html[data-theme="classic"] .sheet textarea{border:1px solid #000;border-radius:0}
html[data-theme="classic"] .btn.filemenu{border-radius:0}
html[data-theme="classic"] .pdfbar .iconbtn,html[data-theme="classic"] .pdfbar .iconbtn .ico{color:#000}
html[data-theme="classic"] .pdfbar .iconbtn:not([disabled]):hover,html[data-theme="classic"] .pdfbar .iconbtn:not([disabled]):focus-visible{background:#000;color:#fff}
html[data-theme="classic"] .pdfbar .iconbtn:not([disabled]):hover .ico,html[data-theme="classic"] .pdfbar .iconbtn:not([disabled]):focus-visible .ico{color:#fff}

/* ================= pass D (Addendum A13): description and tags, result tags, report a problem — appended, classic only ================= */
html[data-theme="classic"] .fmeta-ed{border:1px solid #000;border-radius:0;box-shadow:var(--k-shadow);background:#fff}
html[data-theme="classic"] .fmeta-ed textarea,html[data-theme="classic"] .fmeta-ed input[type=text],html[data-theme="classic"] .rpmodal textarea,html[data-theme="classic"] .rpmodal input[type=text]{border:1px solid #000;border-radius:0;box-shadow:none}
html[data-theme="classic"] .fmeta-ed .counter,html[data-theme="classic"] .rpmodal .counter{color:#000}
html[data-theme="classic"] .tag,html[data-theme="classic"] .rtags .tag{border:1px solid #000;border-radius:0;background:#fff;color:#000}
html[data-theme="classic"] .rtags .tag.hit{background:#000;color:#fff}
html[data-theme="classic"] .tagx{border-radius:0;color:#000}
html[data-theme="classic"] .tagx:hover,html[data-theme="classic"] .tagx:focus-visible{background:#000;color:#fff}