/*  winbox4
    --------------------------------------------------------------
	Style name:    winbox4
	Based on:      prosilver (phpBB 3.3.x default)
	Look:          MikroTik WinBox 4 - flat desktop chrome, square
	               windows with title bars, spreadsheet rows
	Themes:        light + dark, switchable, OS-aware by default
    --------------------------------------------------------------

	HOW THIS FILE WORKS
	-------------------
	prosilver's own stylesheets are pulled in straight from
	styles/prosilver/theme/, so this style stays a thin layer on top
	of them - nothing is duplicated, and a prosilver update flows
	through on its own.

	Everything below the "winbox4 layer" divider is ours. The files
	are numbered in load order, so reading them top to bottom matches
	how the cascade actually resolves: later files win ties against
	earlier ones.

	WHERE TO CHANGE THINGS
	----------------------
	  colours, spacing, sizes ....... 01-tokens.css
	  the typeface and text size .... 07-font.css
	  anything board-specific ....... 99-custom.css   (loaded last)

	After editing ANY file here, run

	    python stamp.py

	in the style folder, then purge the cache in the ACP. The first
	updates the ?hash= on each import so browsers and Cloudflare fetch
	the changed file; the second changes the URL of this file, which
	is what lets them see the new hashes at all. stamp.py explains the
	reasoning at length.
*/

/* ---- prosilver base (structure, do not edit) --------------------- */
@import url("../../prosilver/theme/normalize.css?hash=97d8edd5");
@import url("../../prosilver/theme/base.css?hash=e3d116b7");
@import url("../../prosilver/theme/utilities.css?hash=b1bd9b82");
@import url("../../prosilver/theme/common.css?hash=24f40b45");
@import url("../../prosilver/theme/links.css?hash=024337a2");
@import url("../../prosilver/theme/content.css?hash=55583606");
@import url("../../prosilver/theme/buttons.css?hash=7ad0b517");
@import url("../../prosilver/theme/cp.css?hash=a0f152c0");
@import url("../../prosilver/theme/forms.css?hash=1ff8eff5");
@import url("../../prosilver/theme/icons.css?hash=a6d33d75");
@import url("../../prosilver/theme/colours.css?hash=c41c822b");
@import url("../../prosilver/theme/responsive.css?hash=1cb7e8e5");

/* ---- winbox4 layer (edit these) ----------------------------------
   Numbered in load order. 99-custom.css is always last, so whatever
   you put in it wins over everything else in the style. */
@import url("01-tokens.css?hash=b6c2f3e4");        /* colour + metric variables, both themes */
@import url("02-chrome.css?hash=9ba95c50");        /* the desktop, top bar, window frames    */
@import url("03-tables.css?hash=3b754958");        /* spreadsheet rows, Topic Starter column */
@import url("04-postprofile.css?hash=abb9382d");   /* posts: profile left, signature bottom  */
@import url("05-forms.css?hash=bf04176f");         /* inputs, buttons, tabs, menus           */
@import url("06-memberlist.css?hash=c35f5e14");    /* member list table + profile pages      */
@import url("07-font.css?hash=00f688a4");          /* GLOBAL FONT - edit this to change type */
@import url("08-ucp.css?hash=382f02cc");           /* user control panel as a WinBox dialog  */
@import url("09-responsive.css?hash=1a753f62");    /* small-screen fixes for all the above   */

@import url("10-icons.css?hash=10447591");         /* forum + topic status icons (SVG masks) */

@import url("11-editor.css?hash=3832c823");                       /* BBCode highlighting in the post editor */

@import url("12-code.css?hash=22a14b74");                         /* highlight.js syntax colours            */

@import url("99-custom.css?hash=2974d540");        /* your own tweaks - always last          */