/* DKINEWSMART 6.15.1 — shared presentation only; native workflow remains authoritative. */
:root{--ui-space:20px;--ui-header:60px;--ui-radius:18px;--ui-elevation:inset 0 1px 0 #fff,0 2px 3px #123f2b08,0 8px 20px #123f2b09,0 22px 40px #123f2b05;--ui-border:#d5e2da}
body{background:radial-gradient(ellipse at 90% 0,#e3efe780,transparent 48%),#f3f7f4;line-height:1.55}
body .dashboard-main{background:transparent;min-width:0;min-height:100dvh}
body .dashboard-content{max-width:none;width:100%;padding:20px 24px 24px}
body .dashboard-header{position:sticky;top:0;z-index:20;min-height:var(--ui-header);padding:8px 24px;gap:12px;background:linear-gradient(110deg,#fff,#f2f7f3);box-shadow:0 1px 0 #d4e2d8,0 5px 18px #163c2905}
body .dashboard-header .breadcrumb{min-width:0;flex:1;gap:10px;line-height:1.35}
body .breadcrumb strong{font-size:13px;overflow-wrap:anywhere}
body .dashboard-tools{gap:12px;flex-shrink:0;font-size:12px}
body .dashboard-tools>a{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .dashboard-tools .logout-button{min-height:40px;padding:8px 12px}
body .sidebar{width:236px;flex-shrink:0;background:linear-gradient(160deg,#073d2d,#075337 70%,#0b4531);box-shadow:4px 0 20px #113c2812;transition:width .18s ease}
body .sidebar-top{padding:18px 18px;min-height:72px;gap:10px}
body .sidebar-nav{padding:14px 12px;overscroll-behavior:contain}
body .sidebar-nav>a{min-height:42px;padding:9px 12px;margin:2px 0;font-size:12px;gap:10px;border-radius:10px;transition:background .15s,transform .15s}
body .sidebar-nav>a:hover{background:#ffffff14;transform:translateX(2px)}
body .sidebar-nav>a:focus-visible{outline-offset:-2px}
body .nav-caption{margin:16px 12px 7px;font-size:9px;color:#d3e4d7}
body .sidebar-context{padding:12px;margin-top:16px}
body .sidebar-footer{padding:12px 18px;flex-shrink:0}
body .sidebar-footer img{max-height:48px;width:auto;max-width:100%;margin-inline:auto;object-fit:contain}
body .sidebar-footer>span{font-size:8px;margin-top:8px}
.sidebar-collapse{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:8px;border:1px solid #ccdcd1;border-radius:11px;background:linear-gradient(#fff,#edf4ee);color:#174b33;box-shadow:0 2px 4px #163c2908}
.sidebar-collapse svg{width:20px;height:20px}
.sidebar-collapse:hover{background:#e2eee5}
body .welcome,body .commerce-intro{margin-bottom:16px;gap:16px}
body .dashboard-content h1{font-size:clamp(27px,2.3vw,38px);line-height:1.15;margin:5px 0 10px;letter-spacing:-.035em}
body .welcome p,body .commerce-intro p{margin-bottom:6px;font-size:13px;line-height:1.55}
body .dashboard-content h2{font-size:clamp(21px,1.8vw,28px);line-height:1.2;margin-bottom:12px}
body .dashboard-content h3{font-size:19px;line-height:1.3}
body .metrics-grid,body .integration-metrics,body .news-metrics{gap:14px;margin-bottom:18px}
body .metric-card{padding:16px 18px;min-height:0;border:1px solid var(--ui-border);border-radius:16px;background:linear-gradient(145deg,#fff 45%,#eef5ef);box-shadow:var(--ui-elevation);position:relative;transition:transform .18s ease,box-shadow .18s ease}
body .metric-card strong{font-size:30px;line-height:1.15;margin:10px 0 5px}
body .metric-card p,body .metric-card>span{font-size:12px;line-height:1.45;margin-bottom:4px}
body .dashboard-columns{gap:18px;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr)}
body :is(.info-panel,.membership-form-panel,.organization-panel,.news-editor-main,.news-editor-settings,.news-workflow-form,.news-work-row,.membership-admin-row,.organization-context-card,.system-info,.quick-actions,.activity-panel){border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-elevation);background:linear-gradient(155deg,#fff 60%,#f6f9f5);padding:20px}
body .info-panel{margin:16px 0}
body :is(.membership-content,.news-workspace)>section{margin-bottom:20px}
body .membership-form-panel{max-width:none}
body .membership-admin-row{gap:18px;margin:12px 0}
body .membership-admin-row form{gap:8px}
body .membership-row{padding:14px 16px;margin:8px 0;border-radius:14px}
body .membership-tabs,body .commerce-tabs{gap:8px;margin-bottom:16px}
body .membership-tabs>a,body .commerce-tabs>a{padding:9px 13px;min-height:40px;border-radius:10px}
body .dashboard-content :is(input,select,textarea){padding:9px 11px;min-height:42px;line-height:1.45;border-radius:10px;border-color:#aabeb0;box-shadow:inset 0 1px 2px #143a2805}
body .dashboard-content :is(input[type=checkbox],input[type=radio]){min-height:18px;min-width:18px;width:auto;accent-color:#08613d}
body .dashboard-content label{font-size:13px;gap:6px;line-height:1.45}
body .membership-content form label{margin:6px 0}
body .button{gap:12px;min-height:42px;padding:10px 16px;border-radius:11px;background:linear-gradient(145deg,#096d45,#005b36);box-shadow:inset 0 1px 0 #ffffff24,0 3px 0 #034a2d,0 7px 14px #0b513414;transition:transform .16s,box-shadow .16s,background .16s}
body .button.light{background:linear-gradient(#fffdf2,#f4ecd8);color:#594117;border-color:#dbca9e;box-shadow:inset 0 1px #fff,0 2px 0 #ded0b0,0 5px 12px #51401a08}
body .button:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #0002}
body .button:disabled{transform:none;box-shadow:none;cursor:not-allowed}
body .news-editor-form{grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:16px;align-items:start}
body .news-editor-main,body .news-editor-settings{gap:12px;min-width:0}
body .news-editor-main textarea[name=body]{min-height:220px;resize:vertical}
.ui-editor-actions{grid-column:1/-1;position:sticky;top:calc(var(--ui-header) + 8px);z-index:15;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid #c6dbcd;border-radius:14px;background:linear-gradient(110deg,#fff,#edf6ef);box-shadow:0 5px 18px #12452c12}
.ui-editor-actions strong{font-size:13px;color:#234d36}
.ui-editor-actions .button{margin:0;flex-shrink:0}
body .news-work-row{gap:18px;padding:18px;margin:10px 0}
body .news-work-row h3{font-size:21px;margin:8px 0}
body .news-media-grid,body .news-compare-grid{gap:18px}
body .news-search-filters{padding:16px;gap:12px;margin:18px 0}
body .news-pagination{padding:18px 0;gap:14px}
body .referral-panel{padding:22px;gap:22px;grid-template-columns:minmax(0,1fr) 230px;border-radius:18px;box-shadow:var(--ui-elevation)}
body .referral-qr{width:210px}
body .organization-form{gap:12px}
body .organization-panel{margin:16px 0}
body .organization-filter{gap:12px}
body .table-scroll{width:100%;max-width:100%;overflow:auto;max-height:min(65dvh,640px);overscroll-behavior:contain;border-radius:12px;background:#fff;scrollbar-gutter:stable}
body table{font-size:12px;line-height:1.5}
body th,body td{padding:11px 12px;vertical-align:top}
body .table-scroll th{position:sticky;top:0;z-index:2;background:#eaf2ec;color:#244d36;box-shadow:0 1px #c5d8ca}
body .table-scroll input,body .table-scroll select{font-size:12px}
body .table-scroll:focus-visible{outline:3px solid #976923;outline-offset:3px}
body .dashboard-footer{margin-top:24px;padding:16px 0}
body .notification-menu[open] .notification-panel{max-height:min(65dvh,450px);overflow:auto}
body .public-container{width:100%;max-width:none;padding-inline:clamp(16px,2.3vw,44px)}
body .masthead{padding-top:16px;padding-bottom:16px;gap:24px}
body .masthead .brand{width:220px}
body .edition-bar>.public-container{padding-top:6px;padding-bottom:6px}
body .public-nav>a{padding-block:11px}
body .news-home{padding-top:20px;padding-bottom:40px}
body .front-page{gap:26px;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr)}
body .lead-story h1{font-size:clamp(31px,3vw,49px);margin:12px 0;max-width:none}
body .lead-summary{font-size:14px;line-height:1.65;margin-bottom:16px}
body .hero-art{border-radius:18px;box-shadow:var(--ui-elevation)}
body .hero-art img{height:clamp(220px,28vh,340px)}
body .front-aside{padding-left:24px}
body .side-story{padding:18px 0;gap:14px}
body .side-story h2{font-size:23px;margin:8px 0}
body .news-grid{gap:20px}
body .latest-section,body .category-section{margin-top:30px}
body .section-heading{padding-top:18px;margin-bottom:18px}
body .news-card{border-radius:18px;box-shadow:var(--ui-elevation);background:linear-gradient(145deg,#fff,#f7faf6);transition:transform .18s,box-shadow .18s}
body .news-card .card-copy{padding:16px}
body .card-image{border-radius:18px 18px 0 0}
body .card-image img{height:200px}
body .card-copy h3{font-size:23px;margin:10px 0}
body .card-copy p{line-height:1.6;margin-bottom:12px}
body .community-card{border-radius:18px;box-shadow:0 4px 0 #004c2b,0 16px 30px #13492c12;padding:24px;background:linear-gradient(130deg,#067243,#005333)}
body .community-card h2{margin:12px 0}
body .listing-main{padding-top:30px;padding-bottom:40px}
body .listing-main h1{font-size:38px;margin:10px 0 16px}
body .article-main{padding-top:24px}
body .article-main>h1{font-size:clamp(32px,3.6vw,52px)}
body .article-figure img{max-height:480px;border-radius:18px}
body .article-body{max-width:850px;font-size:18px;line-height:1.8}
body .login-form{padding:26px 36px 20px}
body .login-content{max-width:480px;padding:24px 0;margin:auto}
body .login-content h1{font-size:40px;margin:12px 0}
body .login-intro{margin-bottom:20px}
body .login-native-form label{margin:14px 0 6px}
body .login-story{background:radial-gradient(ellipse at 90% 0,#29825b66,transparent 55%),linear-gradient(140deg,#073a29,#06543a);padding:30px 36px}
body .login-illustration{transform:perspective(1000px) rotateY(-4deg) rotateZ(-1deg);border-radius:18px;box-shadow:0 12px 0 #042e1b44,0 28px 50px #001d2240}
body .login-story-copy{padding-top:24px;margin-bottom:20px}
body .login-story-copy h2{font-size:clamp(32px,3.4vw,49px)}
body .login-illustration img{height:220px;border-radius:12px}
body .home{width:100%;max-width:none;padding:28px clamp(18px,3vw,48px)}
body .home h1{font-size:clamp(30px,3vw,44px)}
body .home .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}
body .membership-public{padding-top:32px;padding-bottom:36px;gap:32px}
body .organization-context-card{margin:16px 0}
body .organization-context-card h2{font-size:24px}
body .commerce-grid .commerce-product{padding:18px;gap:16px;box-shadow:var(--ui-elevation);transition:transform .18s,box-shadow .18s}
body .commerce-product h3{font-size:19px}
body .commerce-product .button{margin-top:12px}
body .commerce-detail{gap:20px;grid-template-columns:minmax(180px,1fr) minmax(0,2fr)}
body .commerce-detail .info-panel{margin:0}
body .commerce-detail .commerce-product-visual.large{height:280px;box-shadow:inset 0 1px #fff,0 6px 20px #21483010}
body .commerce-search{margin:16px 0;padding:16px;gap:12px;border-radius:16px}
body .commerce-search .button{margin-bottom:8px}
body .commerce-search .back-link{margin-bottom:18px}
body .membership-content .commerce-form{gap:12px}
body .membership-content .commerce-form label{margin:4px 0}
body .commerce-stats{margin:18px 0;gap:14px}
body .commerce-row{padding:12px 0;gap:14px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body :is(.metric-card,.news-card,.commerce-product):hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 4px 6px #123f2b08,0 14px 30px #123f2b12}body .button:not(:disabled):hover{transform:translateY(-1px)}}
@media(min-width:761px){body.sidebar-is-collapsed .sidebar{width:80px}body.sidebar-is-collapsed .sidebar-top{justify-content:center;padding-inline:10px}body.sidebar-is-collapsed .sidebar-top>div:not(.sidebar-mark){display:none}body.sidebar-is-collapsed .sidebar-nav{padding-inline:8px}body.sidebar-is-collapsed .sidebar-nav>a{justify-content:center;gap:0;font-size:0;padding:11px;min-height:44px}body.sidebar-is-collapsed .sidebar-nav>a svg{width:21px;height:21px}body.sidebar-is-collapsed .sidebar-nav>a span{display:none}body.sidebar-is-collapsed .nav-caption{font-size:8px;text-align:center;margin-inline:0;letter-spacing:.03em}body.sidebar-is-collapsed :is(.sidebar-context,.sidebar-future,.sidebar-footer>span){display:none}body.sidebar-is-collapsed .sidebar-footer{padding:12px 7px}body.sidebar-is-collapsed .sidebar-footer img{width:64px}}
@media(min-width:1600px){body .commerce-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body .news-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1050px){body .sidebar{width:210px}body .dashboard-content{padding:18px}body .dashboard-header{padding:8px 16px}body .dashboard-tools>a{max-width:110px}body .breadcrumb>span{font-size:10px}body .dashboard-columns{grid-template-columns:1fr}body .news-editor-form{grid-template-columns:1fr}body .referral-panel{grid-template-columns:1fr 180px}body .referral-qr{width:180px}}
@media(max-width:1000px){body .front-page{grid-template-columns:1fr}body .front-aside{border-left:0;padding-left:0}body .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .membership-public{grid-template-columns:1fr}body .news-editor-form{grid-template-columns:1fr}}
@media(max-width:760px){:root{--ui-header:60px}body .dashboard-main{padding-top:0}body .sidebar{width:min(300px,85vw);transition:transform .18s}body .dashboard-header{top:0;min-height:60px;padding:8px 12px 8px 66px;gap:8px}body .dashboard-header .breadcrumb{gap:0}body .breadcrumb>span{display:none}body .breadcrumb strong{font-size:11px}body .dashboard-tools{gap:6px;font-size:11px}body .dashboard-tools>a{max-width:100px}body .dashboard-tools .logout-button{padding:7px 8px;min-height:40px}body .drawer-toggle{top:8px;left:10px;min-height:44px;width:44px;padding:10px;font-size:0;display:flex;justify-content:center;align-items:center;border:1px solid #b7cdbd;background:linear-gradient(#fff,#edf5ee);box-shadow:0 3px 8px #214b3010}body .drawer-toggle svg{width:20px;height:20px}body .sidebar-collapse{display:none}body .dashboard-content{padding:16px 14px 22px}body .dashboard-content h1{font-size:28px}body .welcome{flex-wrap:wrap}body .welcome .button{min-height:42px}body .metrics-grid,body .integration-metrics{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}body .metric-card{padding:14px}body .metric-card strong{font-size:26px}body .dashboard-columns{grid-template-columns:1fr}body .referral-panel{grid-template-columns:1fr;padding:18px}body .referral-qr{width:190px}body .membership-admin-row{grid-template-columns:1fr;padding:16px;gap:14px}body .info-panel,body .membership-form-panel,body .news-editor-main,body .news-editor-settings,body .organization-panel{padding:16px}body .news-editor-main textarea[name=body]{min-height:200px}body .ui-editor-actions{top:68px;padding:10px 12px;gap:10px}body .ui-editor-actions strong{font-size:12px}body .commerce-grid,body .commerce-detail,body .commerce-form,body .commerce-stats{grid-template-columns:1fr}body .commerce-grid{gap:14px}body .commerce-detail .commerce-product-visual.large{height:200px}body .commerce-search{grid-template-columns:1fr;padding:14px;gap:4px}body .commerce-search .button{margin-bottom:4px}body .commerce-search .back-link{margin-bottom:8px}body .table-scroll{max-height:65dvh}body .masthead{gap:12px;padding-block:14px}body .masthead .brand{width:180px}body .lead-story h1{font-size:34px}body .hero-art img{height:230px}body .side-story h2{font-size:23px}body .login-form{padding:20px}body .login-content{padding:30px 0}body .login-content h1{font-size:34px}body .membership-public{padding-top:24px;gap:24px}body .home{padding:24px 18px}body .news-grid{grid-template-columns:1fr}body .article-body{font-size:17px}body .public-container{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body *,body *::before,body *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}body :is(.metric-card,.news-card,.commerce-product,.button,.login-illustration){transform:none!important}}

@media(max-width:760px){body .drawer-toggle{z-index:30}body .dashboard-content :is(input,select,textarea),body .button,body .commerce-tabs>a,body .membership-tabs>a{min-height:44px}body .dashboard-tools .logout-button{min-height:44px}}

/* Keep first-screen actions compact without removing audit rows. */
body .workspace-banner{padding:16px 18px;margin-bottom:18px;min-height:0;border-radius:14px}body .dashboard-columns{align-items:start}body .role-panel{padding:20px;background:linear-gradient(145deg,#fff,#f3f8f3);box-shadow:var(--ui-elevation)}body .role-switch label{margin:12px 0 6px}body .activity-row{padding:12px 0}body .panel-heading{margin-bottom:12px}body .panel-heading h2{margin-bottom:8px}body .integration-section{margin:20px 0;padding:20px}
